/*Reset*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

.helpDisplay {
    margin-top: -15px;
    margin-bottom: 5px;
    padding: 20px;
    border-radius: 5px;
    display: none;
    background-color: #224595;
}

    .helpDisplay .bold {
        font-weight: bold;
    }

    .helpDisplay span {
        color: white;
        text-transform: none;
    }

.helpDisplayIcon {
    border-radius: 100%;
    background-color: #32F7DC;
    font-size: 17px;
    padding: 10px;
    font-weight: bold;
    min-width: 40px;
    min-height: 40px;
    display: inline-block;
    text-align: center;
}

    .helpDisplayIcon:hover {
        background-color: #224595;
        color: white;
    }

audio, canvas, video {
    display: inline-block;
    vertical-align: baseline;
}

[hidden], template {
    display: none;
}

html {
    font-family: 'Roboto Condensed', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: .625em;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    height: 1px;
    outline: none;
    border: none;
    background: #000;
    margin: 20px auto;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
    overflow: auto;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

optgroup {
    font-weight: bold;
}

input {
    line-height: normal;
}

button, input, select, textarea, optgroup {
    font-family: inherit;
    font-size: inherit;
    margin: 0;
}

div.form-wrapper.input_wrap div textarea {
    font-size: 15px;
}

button, input {
    line-height: normal;
    padding: 2px 5px;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

.margin-top {
    margin-top: 25px;
}

.margin-bottom {
    margin-bottom: 25px;
}

button,
html input[type="button"],
input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

button[disabled], html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

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

td, th {
    padding: 0;
}

/*---- X.X CSS Resets ----*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-smooth: always;
    direction: ltr;
}

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

input, a {
    outline: none;
}

form {
    position: relative;
}

body, html, form {
    min-height: 100%;
}

/*iframe, object {
    width: 100%;
}*/

/*.iframenofullwidth iframe {
    width: 640px;
}*/

.iframenofullwidth {
    text-align: left;
}

img {
    max-width: 100%;
    border: 0;
}

.image {
    line-height: 0;
    display: block;
    position: relative;
}

a, img {
    border: 0;
}

a {
    text-decoration: none;
    cursor: pointer;
    background: transparent;
}

    a:active, a:hover {
        outline: 0;
    }

li {
    list-style: none;
}

.clr {
    clear: both;
}

::-moz-selection {
    color: #fff;
    background: #00aced;
}

::selection {
    color: #fff;
    background: #00aced;
}

.cf:after {
    clear: both;
    display: table;
    content: "";
}

.of {
    overflow: hidden;
}

h1, h2, h3, h4, h5 {
    font-weight: 400;
}

article, aside, footer, header, hgroup, nav, section {
    display: block;
}

:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: #000;
    background: #fff;
    height: 100%;
}

ol, ul {
    list-style: none;
}

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

caption, td, th {
    text-align: left;
    font-weight: 400;
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

html {
    height: 100%;
    padding-bottom: 1px;
}

a {
    text-decoration: none;
}

.hidden {
    display: none;
}

.clear {
    clear: both;
}

img {
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality;
    width: 100%;
    height: auto;
    display: block;
}

.body-content {
    padding: 85px 0 0 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

b {
    font-weight: 400;
}

i {
    font-style: normal;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

textarea {
    overflow: auto;
    display: block;
    line-height: 1.42857143;
    background-color: unset;
    background-image: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 15px;
    padding: 13px 10px;
    height: auto;
    width: 100%;
    max-width: none;
    border: 1px solid #224595;
    color: #363154;
    min-height: 225px;
}

.dateslabel {
    overflow: initial;
    display: block;
    line-height: 1.42857143;
    background-color: unset;
    background-image: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 5px;
    box-shadow: none;
    outline: none;
    font-size: 15px;
    padding: 13px 10px;
    height: 91px;
    width: 100%;
    max-width: none;
    border: 1px solid #224595;
    color: #363154;
}

.is-error .dateslabel {
    border: 1px solid #cd171a;
    color: #B92950;
}

.calenderselect {
    font-size: 0.938em;
    display: block;
    color: black;
    background-color: red;
    text-transform: none;
    border-radius: 25px;
    border: none;
    font-size: 0.938em;
    min-height: 40px;
    line-height: 40px;
    text-indent: 10px;
    width: 100%;
    padding: 5px 10px 5px 3px;
    color: #FFFFFF;
    background: rgba(34, 69, 149, 0.2);
}

select {
    display: block;
    line-height: 1.42857143;
    background-color: unset;
    background-image: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    font-size: 15px;
    padding: 13px 10px;
    height: auto;
    width: 100%;
    max-width: none;
    border: 1px solid #224595;
    color: #363154;
}
/*Custom reset ---------------------------------------------------------*/
body {
    -webkit-text-size-adjust: none;
    font-weight: normal;
}

input[type="submit"],
textarea,
input[type="text"],
input[type="password"],
select {
    /*-webkit-appearance: none;*/
    border-radius: 5px;
}

div, article, section, header, footer, nav, li {
    position: relative;
}

input, select, button, textarea {
    font-family: inherit;
}

p, span.summary {
    line-height: 122%;
}

strong {
    font-weight: bold;
}

em {
    font-style: normal;
}

::-webkit-input-placeholder {
    color: #234B62;
    opacity: 1;
}

:-moz-placeholder {
    color: #234B62;
    opacity: 1;
}

::-moz-placeholder {
    color: #234B62;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #234B62;
    opacity: 1;
}

/* Structure
--------------------------------------------------------------------*/
body {
    font-family: 'Roboto Condensed', sans-serif;
    background: #224595;
    color: #0a243e;
    /*text-transform: uppercase;*/ /* ridiculous but worth it! */
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
}

    body.no-masthead {
        padding-top: 4em;
    }

html {
    font-size: 100%;
}

.row {
    width: 100%;
}

/*.inner:before,
    .inner:after,
    .input-wrap:before,
    .input-wrap:after,
    .dashboard-controls:before,
    .dashboard-controls:after,
    .clearfix:before,
    .clearfix:after {
        content: "";
        display: table;
    }

    .inner:after,
    .input-wrap:after,
    .dashboard-controls:after,
    .clearfix:after {
        clear: both;
    }*/

p {
    text-transform: none;
}

a, input {
    color: #224595;
}

    .mobile-only, a.togglebutton, #mobile-menu, .dashboard-search-filters a.mobile-show-options {
        display: none;
    }

    /* Header + Main navigation
--------------------------------------------------------------------*/
    a.logo {
        margin: 31px 0;
        width: 450px;
        float: left;
    }

header li a,
header a.small-button {
    font-size: 1.125em;
    display: block;
    height: 35px;
    line-height: 35px;
}

header a.small-button {
    padding: 0 15px;
    -webkit-box-shadow: none;
    -mox-box-shadow: none;
    box-shadow: none;
    height: 30px;
    line-height: 30px;
    font-size: 1em;
}

/*nav#user,
nav#main {
    float: right;
    clear: right;
}

nav#user {
    padding-top: 3.8em;
}

nav#main li {
    float: left;
    padding-left: 2.2em;
    border-top: 1px solid rgba(129, 163, 171, 0.2);
}

nav#user li {
    padding-left: 13px;
    text-align: left;
    display: inline-block;
}

    nav#user li:first-child,
    nav#main li:first-child {
        padding-left: 0;
    }

nav#util {
    width: auto;
    float: right;
    padding-top: 44px;
}

    nav#util li {
        float: left;
        padding-left: 2.2em;
    }*/

li.basket img {
    width: 23px;
    float: left;
    margin-top: 5px;
    margin-right: 8px;
}

li.basket img {
    width: auto;
    float: left;
}

/* Sub title + Page title
--------------------------------------------------------------------*/
.sidebar-nav {
    position: fixed;
    width: 300px;
    height: 100%;
    z-index: 100000000;
    top: 0px;
    /*border-radius: 0px 150px 0px 0px;*/
    left: -300px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.46);
    transition: all 0.3s linear;
    background: #363154;
    color: #ffffff;
}

    .sidebar-nav.active {
        left: 0px;
        overflow-y: scroll;
        overflow-y: auto;
    }

        .sidebar-nav.active::-webkit-scrollbar {
            width: 5px;
            height: 4px;
        }

        .sidebar-nav.active::-webkit-scrollbar-track {
            background: #f1f1f1;
            border: solid 3px transparent;
        }

        .sidebar-nav.active::-webkit-scrollbar-thumb {
            background: #32F7DC;
        }

            .sidebar-nav.active::-webkit-scrollbar-thumb:hover {
                background: #363154;
            }

#page-title .inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    #page-title .inner.rounded {
        border-radius: 3px;
    }

#page-title h1 {
    font-size: 2.813em;
    color: #fff;
    text-align: center;
    padding: 1.1em 3em 0.75em 3em;
}

#page-title nav.sub,
#page-title .course-actions-top {
    padding: 1.125em 0 1.375em 0;
    background-image: url('_assets/images/site/backgrounds/stripes-5-left.png');
    text-align: center;
    overflow: hidden;
    min-height: 2em;
}

nav.sub.fullwidthtabs {
    background: rgba(65,99,121,0.1);
    background-image: url('_assets/images/site/backgrounds/stripes-40-left.png');
    width: 100%;
    padding: 1.125em 0 1.375em 0;
    text-align: center;
    overflow: hidden;
}

#page-title .course-actions-top a.button-right {
    float: right;
    margin-right: 30px;
    font-size: 1.25em;
}

.tabs::-webkit-scrollbar, .tabswhite::-webkit-scrollbar {
    width: 1px;
    height: 4px;
}

.tabs::-webkit-scrollbar-track, .tabswhite::-webkit-scrollbar-track {
    background: #f1f1f1;
    border: solid 3px transparent;
}

.tabs::-webkit-scrollbar-thumb, .tabswhite::-webkit-scrollbar-thumb {
    background: #32F7DC;
}

    .tabs::-webkit-scrollbar-thumb:hover, .tabswhite::-webkit-scrollbar-thumb:hover {
        background: #363154;
    }

.tabs {
    /*display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 -5px;*/
    margin: 0px 0px 30px 0px;
    position: relative;
    padding-bottom: 0px;
    min-height: 50px;
    position: relative;
    display: flex;
    padding-top: 10px;
    overflow-x: scroll;
    overflow-x: auto;
}

    .tabs::after {
        position: absolute;
        content: "";
        width: 100%;
        bottom: 25px;
        left: 0px;
        right: 0px;
        border: 1px solid rgba(34, 69, 149, 0.25);
    }

ul.tabs li,
#page-title nav.sub li {
    /*display: inline-block;
        padding-right: 4px;
        flex: 1 1 auto;
        margin: 0 5px;*/
    padding: 0px 0px 5px 0px;
    float: left;
    margin-bottom: 20px;
    min-width: 150px;
}

    ul.tabs li > a,
    nav.sub a.back-link,
    #page-title a.toggle-filters.select,
    #page-title nav.sub li a {
        /*border-radius: 3px;
            background: #fff;
            display: block;
            padding: 14px 15px 13px;
            color: #000;
            text-align: center;*/
        background: none;
        padding: 10px;
        border-radius: 0px;
        font-weight: bold;
        transition: none;
        text-align: left;
        background: none;
        color: rgba(34, 69, 149, 0.5);
        font-size: 15px;
        display: flex;
    }

        ul.tabs li > a.datetab,
        nav.sub a.back-link.datetab,
        #page-title a.toggle-filters.select.datetab,
        #page-title nav.sub li a.datetab {
            padding: 0px 125px 7px 5px;
        }

        ul.tabs li > a:hover,
        nav.sub a.back-link:hover,
        #page-title a.toggle-filters.select:hover,
        #page-title nav.sub li a:hover {
            background: none;
            color: #224595;
            border-bottom: 2px solid #224595;
        }

    ul.tabs li div.date-picker a {
        background: none;
        padding: 10px;
    }

    ul.tabs li a.short-tab {
        padding: 0 29px;
    }

    .dropdown-toggle.active,
    ul.tabs li a.active,
    #page-title nav.sub li a.active {
        background: none;
        color: #224595;
        border-bottom: 2px solid #224595;
    }

/*ul.tabs li a.active:after,
            #page-title nav.sub li a.active:after,
            nav.course-buttons li a.active:after,
            nav.large-sq-buttons li a.active:after {
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -10px;
                margin-top: -5px;
                content: '';
                width: 0;
                height: 0;
                border-top: solid 10px #23B9D8;
                border-left: solid 10px transparent;
                border-right: solid 10px transparent;
                z-index: 0;
            }*/

.tabswhite {
    /*display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 -5px;*/
    margin: 0px 0px 30px 0px;
    position: relative;
    padding-bottom: 0px;
    min-height: 50px;
    position: relative;
    display: flex;
    padding-top: 10px;
    overflow-x: scroll;
    overflow-x: auto;
}

    .tabswhite.tabdate {
        overflow-x: inherit;
        overflow-y: visible;
    }

/*.tabswhite::after {
        position: absolute;
        content: "";
        width: 100%;
        bottom: 25px;
        left: 0px;
        right: 0px;
        border: 1px solid rgba(255,255,255, 0.25);
    }*/

ul.tabswhite li,
#page-title nav.sub li {
    /*display: inline-block;
        padding-right: 4px;
        flex: 1 1 auto;
        margin: 0 5px;*/
    padding: 0px 0px 5px 0px;
    float: left;
    margin-bottom: 20px;
    min-width: 150px;
}

ul.tabswhite > li:last-child {
    width: 100%;
}

ul.tabswhite li > a,
nav.sub a.back-link,
#page-title a.toggle-filters.select,
#page-title nav.sub li a {
    /*border-radius: 3px;
            background: #fff;
            display: block;
            padding: 14px 15px 13px;
            color: #000;
            text-align: center;*/
    background: none;
    padding: 10px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.25);
    font-weight: bold;
    transition: none;
    text-align: left;
    background: none;
    color: rgba(255,255,255, 0.5);
    font-size: 15px;
    display: flex;
}

    ul.tabswhite li > a.datetab,
    nav.sub a.back-link.datetab,
    #page-title a.toggle-filters.select.datetab,
    #page-title nav.sub li a.datetab {
        padding: 10px 0px 10px 5px;
    }

    ul.tabswhite li > a:hover,
    nav.sub a.back-link:hover,
    #page-title a.toggle-filters.select:hover,
    #page-title nav.sub li a:hover {
        background: none;
        color: white;
        border-bottom: 2px solid white;
    }

ul.tabswhite li div.date-picker a {
    background: none;
    padding: 10px;
}

ul.tabswhite li a.short-tab {
    padding: 0 29px;
}

.dropdown-toggle.active,
ul.tabswhite li a.active,
#page-title nav.sub li a.active {
    background: none;
    color: white;
    border-bottom: 2px solid white;
}

.dashboard-tabs ul.tabs a.date-prev, .dashboard-tabs ul.tabs a.date-next {
    font-size: 2em;
}

.dashboard-tabs ul.tabswhite a.date-prev, .dashboard-tabs ul.tabswhite a.date-next {
    font-size: 2em;
}

nav.course-buttons li.left,
nav.large-sq-buttons li.left {
    margin-left: 30px;
    padding-left: 0 4px;
}

nav.course-buttons li.right,
nav.large-sq-buttons li.right {
    margin-right: 30px;
    padding-right: 0;
    padding-left: 8px;
}

nav.course-buttons li.nudged,
nav.large-sq-buttons li.nudged {
    margin-right: 30px;
    padding-right: 0;
}

nav.sub a.back-link {
    display: inline-block;
    float: left;
    margin-left: 30px;
    background: rgba(255,255,255,0.5);
    font-size: 0.9em;
}

/* page title */
#page-title a.toggle-filters.select {
    position: absolute;
    top: 1.125em;
    right: 30px;
    padding-right: 60px;
    background: url('_assets/images/site/global/bg-filter-down.png') no-repeat right #fff;
}

    #page-title a.toggle-filters.select.active {
        background: url('_assets/images/site/global/bg-filter-up.png') no-repeat right #23b9d8;
        color: #fff;
    }

#page-title .intro {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

    #page-title .intro p {
        font-size: 1.250em;
        padding-bottom: 0.8em;
    }

    #page-title .intro h3 {
        padding: 1em 0 2em 0;
    }

/* Tab device */
.tabcontent {
    display: none;
}

    .tabcontent.active-tab {
        display: block;
    }

/* Banner links
--------------------------------------------------------------------*/
.banner-link {
    width: 100%;
}

    .banner-link a {
        display: block;
        overflow: hidden;
        position: relative;
    }

        .banner-link a span {
            z-index: 999;
            text-align: center;
            position: absolute;
        }

            .banner-link a span.text {
                padding: 3em 1em 0 1em;
                font-size: 1.125em;
            }

    .banner-link span.more {
        bottom: 30px;
        width: 100%;
        text-align: center;
    }

    .banner-link a span.more strong {
        display: inline-block;
        height: 28px;
        line-height: 28px;
        border-radius: 3px;
        padding: 0 20px;
        font-size: 0.9em;
    }

    .banner-link.light-blue a {
        background: #23b9d8;
    }

        .banner-link.light-blue a span.more strong {
            background: #fff;
            color: #001b36;
        }

    .banner-link.white a {
        background: #fff;
    }

        .banner-link.white a span.more strong {
            background: #001b36;
            color: #fff;
        }

    .banner-link a span.text {
        color: #001b36;
    }

    .banner-link.white a span.stripes {
        background: url('_assets/images/site/backgrounds/stripes-40-left-darkblue.png') no-repeat;
    }

    .banner-link.white a span.stripes-right {
        background: url('_assets/images/site/backgrounds/stripes-40-right-darkblue.png') no-repeat;
    }

    .banner-link.dark-blue a {
        color: #fff;
        background: #001b36;
    }

        .banner-link.dark-blue a span.more strong {
            background: #fff;
            color: #001b36;
        }

    .banner-link.photo-banner img {
        opacity: 0.5;
    }

    .banner-link.photo-banner a span.text {
        color: #fff;
    }

.sidebar .banner-link a,
#home-banners .banner-link a {
    height: 0;
    padding-bottom: 85.42857142857271%;
    margin-left: 2px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

/*
	particularly awkward way to get these banners to fit and scale position correctly
	pixels and percentages not playing well here..
*/
.home-banner-slot-1 a {
    margin-bottom: 2px;
}

.sidebar .banner-link a {
    margin-bottom: 3px;
}

.banner-link a span.stripes {
    display: block;
    height: 88px;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 99;
    background: url('_assets/images/site/backgrounds/stripes-40-left.png') no-repeat;
}

a span.stripes.stripes-right {
    background: url('_assets/images/site/backgrounds/stripes-40-right.png') no-repeat;
}

.banner-link .character {
    width: 18.6781609195402%;
    height: auto;
    bottom: 0.75em;
    right: 0.75em;
    position: absolute;
    z-index: 99;
}

/* Banner link strips - full width banner links
--------------------------------------------------------------------*/
.banner-link-strip a {
    display: block;
    background-image: url('_assets/images/site/backgrounds/stripes-5-right.png');
    color: #fff;
    font-size: 1.563em;
    text-align: center;
    padding: 2em 0;
    margin-bottom: 1px;
}

    .banner-link-strip a span.link-text {
        display: inline-block;
        height: 42px;
        line-height: 42px;
        vertical-align: top;
    }

    .banner-link-strip a span.small-button {
        background: #2e5f76;
        box-shadow: none;
        font-size: 0.65em;
        margin-left: 1em;
        display: inline-block;
        height: 42px;
        line-height: 42px;
    }

/* Home page
--------------------------------------------------------------------*/
.home-hero {
    margin-bottom: 3px;
}

#home-slides {
    width: 74.9999999999985%;
    float: left;
    overflow: hidden;
    height: 0;
    padding-bottom: 42.857142857142%;
}

    #home-slides a {
        color: #fff;
    }

    #home-slides .cycle {
        background: #001b36;
        border-radius: 3px;
        overflow: hidden;
        color: #fff;
    }

    #home-slides .slide span {
        position: absolute;
        z-index: 99;
        text-align: center;
    }

        #home-slides .slide span.text {
            font-size: 4.063em;
            padding: 13% 10% 0 10%;
        }

        #home-slides .slide span.more {
            bottom: 30px;
            width: 100%;
            z-index: 20;
        }

            #home-slides .slide span.more strong {
                display: inline-block;
                padding: 0 20px;
                border-radius: 3px;
                color: #0A243E;
                height: 28px;
                line-height: 28px;
                font-size: 0.9em;
            }

    #home-slides .slide div.stripes {
        height: 88px;
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 10;
        background-image: url('_assets/images/site/backgrounds/stripes-40-left.png');
    }

    #home-slides .cycle-nav {
        position: absolute;
        z-index: 999;
        height: 28px;
        bottom: 38px;
        right: 30px;
    }

.cycle-nav span {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2.813em;
    width: 19px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
}

#home-slides .cycle-nav .cycle-pager > * {
    cursor: pointer;
}

#home-banners {
    width: 24.9999999999995%;
    float: right;
}

#latest .inner {
    padding: 3.875em 0 3.125em 0;
    margin-bottom: 3px;
    background-image: url('_assets/images/site/backgrounds/stripes-5-left.png');
    background-repeat: no-repeat;
    background-position: 0 200px;
}

    #latest .inner .column {
        float: left;
        padding: 0 30px;
        width: 33.333333333333333%;
        text-align: center;
    }

#latest h3,
#latest a {
    font-size: 1.250em;
}

#latest .inner .column a {
    color: #fff;
}

#latest .inner .column h3 {
    padding-bottom: 1.5em;
}

#latest .inner .column article {
    padding: 0 2em 2.5em 2em;
}

.directions-form-wrap {
    width: 100%;
    max-width: 700px;
    background: url('_assets/images/site/global/bg-directions-form.jpg') no-repeat center;
    border-radius: 3px;
    padding: 2.500em 0;
    overflow: hidden;
    margin: 0 auto;
}

.related-links .directions-form-wrap {
    height: 0;
    padding: 0 0 42.8144% 0;
    border-radius: none;
}

.course-search-form-wrap .form,
.directions-form-wrap .form {
    width: 85.503685503687%;
    border-radius: 3px;
    border-left: 1px solid #808080;
    border-top: 1px solid #808080;
    margin: 0 auto;
    padding: 6px 6px 6px 6px;
    height: 54px;
    background: #fff;
    box-shadow: inset 1px 1px 1px 0 #c6c6c6;
    text-align: left;
    overflow: hidden;
}

.course-search-form-wrap input[type="text"],
.directions-form-wrap input[type="text"] {
    padding: 0.8em 1em;
    background: #fff;
    font-size: 0.9em;
    color: #333;
    border: none;
    width: 100%;
    padding-right: 70px;
    float: left;
}

.course-search-form-wrap input.small-button[type="submit"],
.directions-form-wrap input.small-button[type="submit"] {
    width: 60px;
    right: 6px;
    position: absolute;
    text-align: center;
    padding: 0;
}

.course-search-form-wrap .form {
    width: 75%;
    max-width: 700px;
}

.directions-form-wrap .form {
    margin-top: 18%;
}

.home .directions-form-wrap .form,
.half-column .directions-form-wrap .form {
    margin-top: 0;
}

/* Course options nav
--------------------------------------------------------------------*/
#find-course .inner {
    margin-bottom: 1px;
    padding: 3em 0;
    background-image: url('_assets/images/site/backgrounds/stripes-40-right.png');
    background-repeat: no-repeat;
    background-position: 0 145px;
}

nav.large-sq-buttons,
nav.course-buttons {
    text-align: center;
}

nav.course-buttons,
nav.large-sq-buttons {
    /*background-image: url('_assets/images/site/backgrounds/stripes-5-left.png');
    background-repeat: no-repeat;
    background-position: 0 50px;*/
}

    nav.large-sq-buttons > ul > li,
    nav.course-buttons > ul > li {
        display: block;
        width: 10%;
        padding: 0 4px;
    }
        /* TEMP */

        nav.large-sq-buttons > ul > li > a,
        nav.course-buttons > ul > li > a {
            display: block;
            width: 100%;
            height: 0;
            padding-bottom: 90%;
            background: #fff;
            border-radius: 3px;
            box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
            font-size: 0.84em;
        }

    nav.large-sq-buttons li a.secondary,
    nav.course-buttons li a.secondary {
        background: #e8f4f7;
    }

    nav.large-sq-buttons li a.secondary,
    nav.course-buttons li a.secondary {
        color: #FF9326;
    }

    nav.course-buttons li a {
        color: #000000;
    }

        nav.large-sq-buttons li a.active,
        nav.course-buttons li a.active {
            color: #fff;
        }

        nav.large-sq-buttons li a img,
        nav.course-buttons li a img {
            max-width: 84px;
            margin: 0 auto 0.5em auto;
            width: 64%;
        }

#find-course h2 {
    text-align: center;
    font-size: 2.188em;
    padding-bottom: 1.2em;
}

nav.large-sq-buttons li.mobile-only {
    display: none;
}

ul.square-sub {
    display: none;
    position: relative;
    background: #141F35;
    color: #32F7DC;
    margin-top: 15px;
    border-radius: 25px;
    padding: 20px 25px;
    z-index: 150;
    text-align: left;
}

    ul.square-sub.green {
        background: #32F7DC;
    }

    /*ul.square-sub:before {
        border-bottom: 10px solid #141F35;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        content: "";
        height: 0;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        top: -10px;
        width: 0;
    }*/

    ul.square-sub li {
        padding-bottom: 10px;
    }

    ul.square-sub a {
        color: #fff;
    }

ul.square-sub {
    width: auto;
    margin-left: 0%;
}

    ul.square-sub a:hover {
        color: #32F7DC;
    }

    ul.square-sub.green a:hover {
        color: #141F35;
    }

/* Course search
--------------------------------------------------------------------*/
#course-search h2 {
    text-align: center;
    font-size: 1.250em;
    padding-bottom: 1.2em;
    color: #fff;
}

/* Course listing + filters
-------------------------------------------------------------------*/
.courselisting #page-title .inner {
    margin-bottom: 1px;
    border-radius: 3px;
}

.large-sq-buttons,
.courselisting .course-buttons {
    padding-bottom: 3em;
}

.filter-wrap {
    display: none;
}

    .filter-wrap.active-filter-wrap {
        display: none;
    }

.filters {
    background: rgba(35, 185, 216, 0.9);
    background-image: url('_assets/images/site/backgrounds/stripes-5-left.png');
    background-repeat: no-repeat;
    padding: 2.5em 2.14286%;
    overflow: hidden;
}

.courselisting .filters {
    margin-bottom: 1px;
}

.filters li {
    width: 25%;
    padding: 0 2px 4px 2px;
    float: left;
}

    .filters li a {
        display: block;
        background: #fff;
        border-radius: 3px;
        padding: 0.8em 1em;
        box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
    }

        .filters li a.active {
            color: #fff;
            background: #1D4159;
        }

.courses .course {
    margin-bottom: 1px;
    overflow: hidden;
    padding: 2em 0;
    min-height: 100px;
}

    .courses .course > p {
        text-align: center;
        padding: 0 25px;
    }

    .courses .course .course-icon {
        position: absolute;
        left: 0;
        top: 0.3em;
        left: 20px;
        width: 84px;
    }

    .courses .course h2 {
        float: left;
        width: 45%;
        padding-left: 110px;
        font-size: 1.250em;
    }

    .courses .course .details {
        width: 45%;
        float: left;
        padding: 0 140px 0px 40px;
    }

        .courses .course .details p {
            padding-bottom: 17px;
        }

    .courses .course a.small-button {
        position: absolute;
        width: 130px;
        right: 20px;
        font-size: 1.25em;
        margin-top: -4px;
    }

        .courses .course a.small-button.wide {
            width: 200px;
        }

        .courses .course a.small-button.xwide {
            width: 250px;
        }

/* Course detail
-------------------------------------------------------------------*/
.course-actions .white-shadow-block {
    padding: 30px 15px;
    margin-bottom: 5px;
    overflow: hidden;
}

.course-actions .icons {
    right: 8px;
    top: 0;
    position: absolute;
    width: 36.12903225806448%;
    overflow: hidden;
}

    .course-actions .icons img {
        width: 50%;
        float: right;
        max-width: 84px;
    }

.course-actions h3 {
    font-size: 1.250em;
    padding-bottom: 0.8em;
}

.course-actions .course-details h3 {
    padding-right: 38%;
}

.course-actions dl {
    overflow: hidden;
    padding-top: 1.3em;
    font-size: 0.938em;
}

.course-actions dt {
    width: 30%;
    float: left;
    clear: both;
}

.course-actions dd {
    width: 65%;
    float: right;
    padding-bottom: 1em;
    text-transform: none;
}

    .course-actions dd a, .course-details-top dd a {
        text-transform: uppercase;
        margin-top: 9px;
        padding: 5px 8px;
        border-radius: 3px;
        display: inline-block;
        font-size: 0.8em;
        text-decoration: none;
        color: #0a243e;
    }

.course-details-top dd a {
    background: #fff;
}

.course-details span.vat-price {
    font-size: 0.8em;
}

.course-actions a.small-button {
    float: left;
    margin-left: 35%;
    font-size: 1.25em;
}

.course-actions p {
    font-size: 0.938em;
    line-height: 115%;
}

.course-actions a.blue-link {
    padding-top: 0.8em;
    font-size: 0.938em;
    display: block;
}

.date-device {
    width: 57px;
    height: 50px;
    background: url('_assets/images/site/global/bg-date-device.png') no-repeat;
    text-align: center;
    color: #fff;
    float: left;
}

    .date-device span.day {
        height: 34px;
        font-size: 24px;
        line-height: 45px;
        display: block;
    }

    .date-device span.month {
        height: 16px;
        font-size: 10px;
        line-height: 16px;
        display: block;
    }

a.course-date-link {
    float: right;
    width: 65%;
    font-size: 1.4em;
    height: 50px;
    line-height: 50px;
}

.stage {
    margin-bottom: 5px;
    padding-right: 1.375em;
    padding-left: 15%;
    padding-top: 23px;
    background: url('_assets/images/site/global/bg-stage.png') no-repeat top transparent;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 2px 3px 1px 0 rgba(0, 0, 0, 0.15);
}

    .stage.first-stage {
        background: #fff;
    }

    .stage .stagenum {
        width: 15%;
        position: absolute;
        left: 0;
        font-size: 4em;
        text-indent: 0.3em;
    }

.text-content .white-shadow-block {
    padding: 1.375em 1.375em 0 1.375em;
    margin-bottom: 5px;
}

    .text-content .white-shadow-block h3,
    .stage h3 {
        text-transform: none;
    }

.text-content .related-course {
    padding: 0 150px 0 110px;
}

    .text-content .related-course.no-buttons {
        padding-right: 30px;
    }

    .text-content .related-course h3 {
        text-transform: uppercase;
        padding: 1.5em 0 1.2em 0;
    }

.related-course img.course-icon {
    position: absolute;
    left: 0;
    top: 0.3em;
    margin-left: 10px;
    width: 84px;
}

.related-course a.small-button {
    position: absolute;
    right: 20px;
    top: 1.5em;
    font-size: 1.3em;
    color: #fff;
    text-decoration: none;
    width: 120px;
}

.text-content .related-course p,
.text-content .related-course li,
.text-content .related-course ul {
    font-size: 1em;
}

    .course .details ul.related-course-links li,
    .text-content .related-course ul.related-course-links li {
        display: inline-block;
        text-transform: uppercase;
        text-indent: 0;
        padding: 0 1em 0 0;
    }

        .text-content .related-course ul.related-course-links li:before {
            content: inherit;
        }

        .course .details ul.related-course-links li a,
        .text-content .related-course ul.related-course-links li a {
            text-decoration: none;
            display: inline-block;
            padding-top: 2px;
            margin-bottom: 8px;
        }

            .course .details ul.related-course-links li a.videocolorbox,
            .text-content .related-course ul.related-course-links li a.videocolorbox {
                padding-right: 17px;
                background: url('_assets/images/site/global/bg-small-video-link.png') no-repeat right;
            }

.text-content h2.related-divider {
    padding-top: 2em;
}

/* register banner */
a.course-promo-banner {
    background: #0a243e;
    padding: 15px;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 5px;
    display: block;
}

    a.course-promo-banner.lightbluebg {
        background: #23B9D8;
    }

.course-promo-banner .text {
    padding: 10px 0 10px 75px;
    width: 100%;
    min-height: 56px;
}

.course-promo-banner .disc {
    width: 56px;
    height: 56px;
    position: absolute;
    border-radius: 50%;
    background: #2bc3a5;
    font-size: 1em;
    text-align: center;
    padding-top: 12px;
}

.course-promo-banner .img {
    width: 56px;
    height: 56px;
    position: absolute;
    padding-top: 0px;
}

/* Dashboard pages
--------------------------------------------------------------------*/
.sub-title-block {
    margin-bottom: 2px;
}

.career-mapper #page-title h1,
.dashboard #page-title h1 {
    padding-bottom: 0;
}

.career-mapper h2.sub-title,
.dashboard h2.sub-title {
    font-size: 2.188em;
    text-align: center;
    padding: 1.4em 23%;
}

.user-avatar-wrap {
    width: 96px;
    position: absolute;
    top: 30px;
    right: 2.14286%;
    z-index: 99;
}

.user-avatar {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    overflow: hidden;
}

    .user-avatar.add-photo {
        border-radius: 0;
    }

/* advance card device for delegate area */
a.ac-button {
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #90a0ad;
    display: block;
    margin: 10px auto 0 auto;
    width: 66px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    font-size: 15px;
}

.ac-tooltip {
    width: 142px;
    height: 127px;
    border-radius: 3px;
    box-shadow: 2px 3px 1px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    position: absolute;
    right: -22px;
    margin-top: 14px;
    display: none;
}

    .ac-tooltip:before {
        border-bottom: solid 10px #fff;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
        content: "";
        height: 0;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        top: -10px;
        width: 0;
    }

    .ac-tooltip p {
        text-transform: uppercase;
        font-size: 15px;
        text-align: center;
        padding-top: 19px;
    }

        .ac-tooltip p span {
            display: block;
            font-size: 40px;
            padding: 12px 0;
        }

/* GENERIC ADMIN / LOGGED IN LISTING PAGE TABS NAV
--------------------------------------------------------------------*/
.dashboard-tabs {
    /*padding: 0px 30px;*/
    /*margin-bottom: 25px;*/
    /*background: url("_assets/images/site/backgrounds/stripes-40-left.png") repeat rgba(65, 99, 121, 0.1);*/
}

    .dashboard-tabs ul.tabs a {
        font-size: 0.938em;
    }

    .dashboard-tabs ul.tabs a {
        font-size: 0.938em;
    }

.hexagon-wrapper {
    width: 47px;
    position: relative;
    display: inline-block;
    margin-left: 15px;
}

    .hexagon-wrapper span {
        position: absolute;
        top: 35%;
        right: 0px;
        text-align: center;
        width: 100%;
    }
/* GENERIC ADMIN / LOGGED IN LISTING SEARCH FILTERS
--------------------------------------------------------------------*/
.dashboard-search-filters {
    padding: 20px 30px;
    background: #FFFFFF;
    border-radius: 25px;
    margin-bottom: 25px;
    box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.5);
}

    .dashboard-search-filters a {
        color: #363154;
    }

.dashboard-search-filters-blue {
    background: #224595;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16);
}

.dashboard-search-filters h3 {
    padding: 0;
    margin: 0;
    font-size: 24px;
    font-weight: bold;
}

/* generic search input with button (non-autosuggest) */
.dashboard-search-filters .search-bar {
    height: 42px;
    padding-right: 10px;
    width: 25%;
    float: left;
}

.dashboard-search-filters .search-bar-inner {
    border-radius: 3px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    height: 42px;
    padding-right: 47px;
}

.dashboard-search-filters .search-bar input[type="text"] {
    height: 42px;
    line-height: 42px;
    text-indent: 10px;
    float: left;
    border: none;
    font-size: 0.938em;
    width: 100%;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.dashboard-search-filters .search-bar input[type="submit"] {
    position: absolute;
    width: 47px;
    height: 42px;
    right: 0;
    background: url('_assets/images/site/global/bg-mag-glass.png') no-repeat #23b9d8;
    border: 0;
    text-indent: -999em;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.dashboard-search-filters .autosuggest-wrap {
    float: left;
    width: 25%;
    padding-right: 10px;
}

/* autosuggest device */
.autosuggest-search .autosuggest-wrap {
    margin: 0px 5px;
}

.autosuggest-search .view_btn.att {
    margin: 5px 0px;
}

.autosuggest-search {
    padding: 20px 15px;
}

.autosuggest-wrap input[type="text"].mag-glass {
    background: url(_assets/images/site/global/bg-mag-glass-blue.png) no-repeat right #FFFFFF;
}

.autosuggest-wrap input[type="text"] {
    border-radius: 25px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
    border: none;
    font-size: 0.938em;
    min-height: 40px;
    line-height: 40px;
    text-indent: 10px;
    width: 100%;
    margin: 5px 0px;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.2);
    font: 400 14px 'Roboto Condensed';
}

    .autosuggest-wrap input[type="text"]::-webkit-input-placeholder {
        color: #FFFFFF;
    }

.autosuggest-wrap-alt input[type="text"] {
    color: inherit !important;
}

    .autosuggest-wrap-alt input[type="text"]::-webkit-input-placeholder {
        color: inherit !important;
    }

.as-results {
    position: absolute;
    z-index: 9999;
    width: 100%;
    padding: 20px;
    border-radius: 3px;
    background: #24445C;
    display: none;
}

    .as-results ul:before {
        border-bottom: 10px solid #24445C;
        border-left: 10px solid rgba(0, 0, 0, 0);
        border-right: 10px solid rgba(0, 0, 0, 0);
        content: "";
        height: 0;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        top: -10px;
        width: 0;
    }

    .as-results ul {
        color: #fff;
        height: 200px;
        overflow-y: scroll;
        font-size: 15px;
    }

    .as-results li a {
        color: #fff;
        display: block;
        padding: 7px 0;
    }

        .as-results li a:hover {
            color: #32F7DC !important;
        }

a.looks-like-date-toggle {
    font-size: 0.
}

.archive .as-results {
    width: 78%;
    margin-left: 1.75%;
}

/* select device */
.dashboard-search-filters .select-wrap {
    float: left;
    width: 25%;
    padding-right: 10px;
}

    .dashboard-search-filters .select-wrap select {
        height: 42px;
        border: none;
        border-radius: 3px;
        box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
        width: 100%;
        font-size: 0.938em;
        padding: 10px;
        text-transform: none;
        color: #0A243E;
    }

/* find delegate / section search */
.section-search {
    margin-bottom: 2px;
    padding-bottom: 45px;
}

    .section-search .search-wrap {
        width: 100%;
        max-width: 700px;
        margin: 0 auto 30px auto;
    }

    .section-search .autosuggest-wrap {
        width: 60%;
        float: left;
        padding-right: 10px;
    }

    .section-search .search-wrap a.small-button {
        width: 40%;
        float: right;
        text-align: center;
    }

    .section-search .as-results {
        margin-top: 20px;
    }

/* date filter device (using the calendar element) */
.dashboard-search-filters .toggle-filters,
.dashboard-search-filters a.dropdown-toggle {
    font-size: 0.938em;
    display: block;
    padding: 0 0 0 12px;
    height: 40px;
    line-height: 40px;
    background: url('_assets/images/site/global/bg-filterarrow-down-blue.png') no-repeat right #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
    width: 25%;
    float: right;
    text-transform: none;
}

.dashboard-search-filters .calendarWrap {
    display: inline-block;
    width: calc(50% - 13px);
    max-width: 150px;
}

.flex-in-flex {
    margin: 0 -5px;
}

    .flex-in-flex .view_btn.att {
        display: inline-block;
        max-width: 300px;
        width: calc(100% - 9px);
        margin: 5px;
    }

.dashboard-search-filters a.dropdown-date-toggle, dashboard-search-filters a.looks-like-date-toggle {
    font-size: 0.938em;
    display: block;
    padding: 2px 10px 2px 10px;
    color: black;
    background-color: red;
    border-radius: 3px;
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
    text-transform: none;
    border-radius: 25px;
    border: none;
    font-size: 0.938em;
    min-height: 40px;
    line-height: 40px;
    text-indent: 10px;
    width: 100%;
    margin: 5px 0px;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.2);
}

    .dashboard-search-filters .toggle-filters.active,
    .dashboard-search-filters a.dropdown-toggle.active,
    .dashboard-search-filters a.dropdown-date-toggle.active,
    .dashboard-search-filters input.dropdown-date-toggle.active,
    .dashboard-search-filters a.looks-like-date-toggle.active,
    .dashboard-search-filters .dropdown-toggle.active {
        background-color: #32F7DC;
        color: black !important;
    }

.dropdown-date-toggle.dropdown-date-toggle-light {
    color: #FFFFFF !important;
}

.dropdownfilter {
    border-radius: 3px;
    /*background: #2f475d;*/
    position: absolute;
    display: none;
    z-index: 9999;
    left: 50%;
    transform: translate(-50%);
    top: 100%;
}

.dropdownYfilter {
    border-radius: 3px;
    /*background: #2f475d;*/
    position: absolute;
    display: none;
    z-index: 9999;
    left: 65%;
    transform: translate(-50%);
    top: 100%;
}

.dropdownEfilter {
    border-radius: 3px;
    /*background: #2f475d;*/
    position: absolute;
    display: none;
    z-index: 9999;
    left: 50%;
    transform: translate(-50%);
    top: 55px;
}

.remove-extra-dates {
    float: right;
    top: 16px;
}

.filter-date {
    max-width: 402px;
    width: 100%;
    right: 30px;
    top: 74px;
}

.dropdownfilter:before {
    border-bottom: solid 10px #E7EFF1;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: -6px;
    width: 0;
}

.dropdownYfilter:before {
    border-bottom: solid 10px #E7EFF1;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: -6px;
    width: 0;
}

.dropdownEfilter:before {
    border-bottom: solid 10px #E7EFF1;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: -6px;
    width: 0;
}

.tabdate .dropdownfilter {
    left: 47px;
}

.tabdate .dropdownYfilter {
    left: 47px;
}

.tabdate .dropdownEfilter {
    left: 47px;
}
/* Order by bar */
.sort-by-wrap {
    width: auto;
    width: 100%;
    max-width: 700px;
    min-width: 600px;
}

    .sort-by-wrap label {
        height: 42px;
        line-height: 42px;
        float: left;
        width: auto;
        margin-left: 0;
        font-size: 1em;
    }

    .archive-wrap input[type="submit"],
    .archive-wrap select,
    .archive-wrap input[type="text"],
    .sort-by-wrap input[type="submit"],
    .sort-by-wrap select {
        height: 42px;
        border: none;
        border-radius: 3px;
        box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
        float: left;
        width: 200px;
        margin-left: 15px;
        font-size: 1em;
        padding: 10px;
        text-transform: none;
    }

    .archive-wrap input[type="submit"],
    .sort-by-wrap input[type="submit"] {
        color: #fff;
        text-indent: 0;
        width: 10%;
        text-transform: uppercase;
        font-size: 1.2em;
        padding: 0;
        cursor: pointer;
    }

/* DATE PICKER
---------------------------------------------------------------------------------------------------*/
.date-picker {
    background: #E7EFF1;
    box-shadow: 0px 3px 10px 2px rgba(102,102,102,0.3);
    padding: 1.5em 1.5em 1em 1.5em;
    border-radius: 5px;
}

    .date-picker h5 {
        font-size: 1.2em;
        padding: 0.5em 1.5em 1em 1.5em;
        text-align: center;
        color: #363154;
        font-weight: bold;
    }

    .date-picker a {
        color: #363154;
    }

        .date-picker a.nodata {
            color: #9FA8B4;
        }

        .date-picker a.date-prev,
        .date-picker a.date-next {
            width: 28px;
            display: block;
            font-size: 3.2em;
            position: absolute;
            top: 12px;
            text-align: left;
            color: #32F7DC;
        }

        .date-picker a.date-next {
            right: 28px;
            text-align: right;
        }

    .date-picker table {
        border: 0;
        width: 100%;
        padding-top: 5px;
    }

        .date-picker table th,
        .date-picker table td {
            width: 14%;
            text-align: center;
            height: 42px;
            line-height: 42px;
            color: #363154;
            font-weight: bold !important;
            border-bottom: 0;
        }

        .date-picker table th {
            padding-bottom: 0.5em;
        }

        .date-picker table td a {
            width: 32px;
            height: 32px;
            line-height: 32px;
            display: block;
            margin: 0 auto;
        }

            .date-picker table td a.currentday {
                background: #32F7DC;
                border-radius: 5px;
            }

            .date-picker table td a.currentyear {
                background: #32F7DC;
                border-radius: 5px;
                display: inline;
                padding: 0px 7px;
            }

            .date-picker table td a.selected {
                background: #23b9d8;
                border-radius: 5px;
            }

            .date-picker table td a.courseday {
                background: #29809b;
                border-radius: 5px;
            }

            .date-picker table td a.unavailable {
                background: #425261;
                border-radius: 5px;
                color: #596773;
            }

.modal .change-dates,
.modal .multiple-dates {
    overflow: hidden;
}

.modal .calendar-wrap {
    width: 40%;
    float: left;
    margin: 0 5%;
}

.modal .change-dates .calendar-wrap {
    float: left;
    margin: 0 5% 0 0;
}

.modal .change-dates .date-info {
    width: 50%;
    float: left;
}

    .modal .change-dates .date-info h3,
    .modal .change-dates .date-info ul {
        font-size: 1.5em;
    }

.modal .calendar-wrap.single {
    margin: 0 auto;
    float: none;
}

.modal .calendar-wrap h3 {
    padding-bottom: 0.6em;
    font-size: 1.4em;
    text-transform: none;
}

.modal .date-picker table th,
.modal .date-picker table td {
    height: 38px;
    line-height: 38px;
}

.AbEdit {
    width: 25px;
    position: absolute;
    left: 94%;
    top: 15px;
}

/* Legend */
.calendar-legend {
    padding: 13px 20px 3px 20px;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    margin-top: 4px;
}

.modal .calendar-legend {
    padding: 13px 0 0 0;
}

.calendar-legend li {
    width: 50%;
    padding-right: 2.5%;
    float: left;
    margin-bottom: 10px;
    font-size: 13px;
    text-transform: none;
}

    .calendar-legend li i {
        width: 13%;
        height: 0;
        padding-bottom: 13%;
        float: left;
        margin-right: 5%;
    }

    .calendar-legend li span {
        float: left;
        width: 80%;
        padding-top: 7px;
    }

.modal .calendar-legend li span {
    padding-top: 4px;
}

.calendar-legend li.chosen-start-date i {
    background: #23b9d8;
}

.calendar-legend li.chosen-days i {
    background: #29809B;
}

.calendar-legend li.unavailable i {
    background: #425261;
}

.calendar-legend li.currentday i {
    background: #32F7DC;
}

/* GENERIC ADMIN / LOGGED IN LISTING PAGE
--------------------------------------------------------------------*/
/*.dashboard-block {
    padding: 1.5em 0px;
}*/

.book-course .dashboard-block {
    padding-top: 10px;
}

.dashboard-item-wrap {
    padding: 0 20px 20px;
}

.dashboard-select.sort-by-wrap {
    padding: 0 20px 10px;
    overflow: hidden;
}

#delegate-dashboard .dashboard-item-wrap .desc p {
    padding: 0;
}

#delegate-dashboard h2 {
    /*font-size: 1.875em;
    padding: 1.4em 1em;
    text-align: center;*/
    font-weight: bold;
    word-break: break-word;
}

#delegate-dashboard h1 {
    font-size: 1.2em;
    padding: 1.4em 1em;
    text-align: center;
    word-break: break-word;
}

#delegate-dashboard .inline-calendar--wrap h2 {
    padding-bottom: 30px;
}

h2 + .table-dashboard {
    margin-top: 5px;
}

.report-viewer select {
    top: -9px !important;
}

#delegate-dashboard .different, #delegate-dashboard [id*=pnlNo] h2 {
    /*padding: 1.4em 10px 0;*/
}

#delegate-dashboard .sub-title {
    padding: 0px;
}

    #delegate-dashboard .sub-title span {
        display: block;
        padding-top: 0.3em;
    }

.dashboard-item-wrap .white-shadow-block {
    border-radius: 10px;
    box-shadow: none;
}

.dashboard-item-row {
    overflow: hidden;
    padding: 20px;
    width: 100%;
    border-radius: 10px;
    font-size: 1.2em;
    margin-bottom: 25px;
}

    .dashboard-item-row input[type="text"] {
        font-size: 25px;
        line-height: 25px;
        width: 80%;
    }

.inactive {
    opacity: 0.3;
}

.dashboard-item-wrap .dashboard-item-row {
    display: table;
    overflow: hidden;
}

.dashboard-item-row .right {
    float: right;
}

.span8 img.course-icon {
    width: 81%;
    position: relative;
    margin: -1.4em auto 0 auto;
    max-width: 84px;
}

.booking-item {
    display: block;
    padding-bottom: 0.3em;
}

.dashboard-item-row a.small-button {
    margin-top: -0.1em;
}

.dashboard-item-row .tiny-button {
    font-size: 0.750em;
    margin-left: 4px;
}

.dashboard-item-row div {
    padding-top: 0.3em;
}

.dashboard-item-row .day-icon {
    width: 7%;
    position: absolute;
    left: 0;
    top: 0;
    background: #001b36;
    padding: 0 0 8% 0;
}

    .dashboard-item-row .day-icon span {
        width: 100%;
        text-align: center;
        font-size: 3em;
        color: #23b9d8;
        padding-top: 0.3em;
        display: block;
    }

        .dashboard-item-row .day-icon span.month {
            font-size: 15px;
            display: block;
            margin-top: -4px;
        }

.dashboard-item-row .right a {
    float: right;
}

.dashboard-item-row + .dashboard-item-row.white-shadow-block {
    padding-top: 20px;
}

.dashboard-graph-wrap {
    position: relative;
    margin-bottom: 20px;
}

.dashboard-item-row .dashboard-graph-wrap {
    padding: 0 100px;
}

.dashboard-graph-label {
    font-family: 'Roboto Condensed', sans-serif;
    color: #28BADA;
    font-size: 1.7em;
    padding: 0;
    width: 80px;
    height: 42px;
    right: 0;
    position: absolute;
    top: 50%;
    margin-top: -21px;
}

.dashboard-item-wrap h3 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #0A4360;
}
/* business  + delegate rows */
.dashboard-title {
    font-family: 'Roboto Condensed', sans-serif;
}

.buttonaligncenter {
    margin: 0 auto !important;
}

.dashboard-header small {
    display: block;
    font-size: 18px;
    text-transform: none;
    margin-top: 10px;
    font-family: 'Roboto Condensed', sans-serif;
}

.dashboard-item-row .details {
    width: 27%;
    float: left;
    padding-right: 2%;
}

.dashboard-back-btn {
    display: block;
    background: #314760;
    color: white;
    padding: 10px 20px 8px;
    position: absolute;
    left: 20px;
    top: 30px;
    font-size: 15px;
    border-radius: 5px;
}

.dashboard-item-wrap .dashboard-item-row .details {
    float: none;
    display: table-cell;
    vertical-align: top;
    width: auto;
    width: 260px;
}

.dashboard-item-wrap .dashboard-item-row .desc {
    display: table-cell;
    vertical-align: top;
    word-break: break-word;
    padding-right: 2%;
}

    .dashboard-item-wrap .dashboard-item-row .desc .list + .list {
        margin-top: 10px;
    }

.dashboard-item-wrap .dashboard-item-row .txt-lightblue {
    color: #23b9d8;
}

.dashboard-item-wrap .dashboard-item-row .lnk_add-wrap {
    display: table-cell;
    vertical-align: top;
    padding-right: 2%;
    width: 280px;
}

.dashboard-item-wrap .lnk_add-wrap .small-button {
    display: inline-block;
    margin-top: 5px;
}

.dashboard-item-wrap .dashboard-item-row .buttons, .dashboard-item-wrap .dashboard-item-row .buttons.one-button {
    display: table-cell;
    vertical-align: top;
    width: 150px;
    float: none;
}

.dashboard-item-row .buttons {
    width: 20%;
    float: right;
    text-align: right;
}

    .dashboard-item-row .buttons.two-button {
        width: 300px;
    }

        .dashboard-item-row .buttons.two-button a {
            display: inline-block;
            width: 120px;
            float: none;
            vertical-align: top;
            margin-top: 5px;
        }

    .dashboard-item-row .buttons a {
        width: 49%;
        text-align: center;
        font-size: 0.85em;
        padding: 0;
        float: left;
    }

        .dashboard-item-row .buttons a:first-child {
            margin-right: 2%;
        }

.dashboard-item-row .summary-data {
    width: 43%;
    float: left;
}

    .dashboard-item-row .summary-data.has-badge {
        padding-left: 40px;
    }

        .dashboard-item-row .summary-data.has-badge img.badge {
            width: 27px;
            position: absolute;
            left: 0;
        }

.dashboard-item-row .buttons.bus {
    width: 10%;
}

    .dashboard-item-row .buttons.bus a {
        width: 100%;
        margin: 0;
    }

.dashboard-item-row .summary-data ul li {
    float: left;
    font-size: 0.7em;
    height: 27px;
    line-height: 27px;
    padding-right: 8px;
    margin-bottom: 6px;
    width: 50%;
}

    .dashboard-item-row .summary-data ul li img {
        margin-right: 7px;
        width: 27px;
        height: 27px;
        line-height: 27px;
        float: left;
    }

.dashboard-item-row .business {
    width: 35%;
    float: left;
    padding-right: 2%;
}

.dashboard-item-row .options {
    width: 73%;
    float: left;
}

    .dashboard-item-row .options.business-options {
        width: 62%;
        float: left;
    }

    .dashboard-item-row .options ul {
        overflow: hidden;
    }

    .dashboard-item-row .options li {
        float: left;
        padding: 0 4px 0 0;
    }

    .dashboard-item-row .options a {
        border-radius: 2px;
        font-size: 0.781em;
        color: #fff;
        display: inline-block;
        height: 28px;
        line-height: 28px;
        padding: 0 0.8em;
    }

    .dashboard-item-row .options li.right {
        float: right;
    }

    .dashboard-item-row .options li.right {
        padding: 0 0 0 4px;
    }

.dashboard-item-row .details h3 {
    padding-left: 58px;
}

.dashboard-item-wrap .dashboard-item-row .details h3 {
    font-family: 'Roboto Condensed', sans-serif;
}

.dashboard-item-wrap .dashboard-item-row .details .noAvatar,
.dashboard-item-wrap .dashboard-item-row div.noAvatar {
    padding-left: 0;
}

.dashboard-item-row .business p,
.dashboard-item-row .business h3 {
    padding-left: 110px;
}

.dashboard-item-row .business.no-image p,
.dashboard-item-row .business.no-image h3 {
    padding-left: 0px;
}

.dashboard-item-row .business h3 span {
    display: block;
}

.dashboard-item-row .business p {
    font-size: 0.85em;
    text-transform: uppercase;
    padding-top: 9px;
}

#delegate-dashboard .dashboard-item-row .business p {
    padding-bottom: 0;
}

.dashboard-item-row .details .user-avatar {
    width: 45px;
    height: 45px;
    padding: 0;
    margin-top: -6px;
    position: absolute;
    background: #c8e9f3;
}

.dashboard-item-row .business img {
    width: 78px;
    height: 78px;
    left: 13px;
    margin-top: -16px;
    position: absolute;
}

.dashboard-item-row .small-buttons {
    width: 30%;
    float: right;
}

.dashboard-item-row .buttons.small-buttons a:first-child {
    margin-right: 0;
}

.dashboard-item-row .small-buttons.two-buttons {
    width: 20%;
}

.dashboard-item-row .small-buttons.one-button {
    width: 12%;
}

.dashboard-item-row .buttons.one-button {
    width: 12%;
}

.dashboard-item-row .buttons.haseditlink {
    padding-left: 55px;
    width: 15%;
}

.dashboard-item-row .buttons a.editlink {
    width: 42px;
    height: 42px;
    display: block;
    position: absolute;
    left: 0;
    margin-top: 0;
}

.dashboard-item-row .small-buttons a {
    width: 32%;
    text-align: center;
    font-size: 0.72em;
    float: left;
    margin-left: 1.5%;
    padding: 0;
}

.dashboard-item-row .small-buttons.two-buttons a {
    width: 49.25%;
}

.dashboard-item-row .buttons.one-button a.small-button,
.dashboard-item-row .small-buttons.one-button a {
    width: 100%;
    margin: 0;
}

.dashboard-item-row .small-buttons.two-buttons a:first-child,
.dashboard-item-row .small-buttons a:first-child {
    margin-left: 0%;
}

.dashboard-item-row.add-bar {
    background: #55c594;
    color: #fff;
    border-radius: 3px;
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 8px;
}

    .dashboard-item-row.add-bar div {
        padding-top: 0;
    }

    .dashboard-item-row.add-bar h4 {
        height: 42px;
        line-height: 42px;
        font-size: 1.1em;
        padding-left: 16px;
    }

    .dashboard-item-row.add-bar a {
        display: inline-block;
        height: 42px;
        line-height: 42px;
        border-radius: 3px;
        background: #fff;
        color: #55c594;
        font-size: 1.1em;
        width: 46%;
        margin-right: 2%;
        text-align: center;
        box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.1);
    }

a.show-more {
    background: url('_assets/images/site/global/bg-show-more-link.png') no-repeat bottom;
    padding: 2em 0 1.5em 0;
    margin: 1em 0;
    display: block;
    text-align: center;
}

.programme-sum-graph {
    text-align: center;
}

    .programme-sum-graph .span30 {
        float: none;
        display: inline-block;
    }

.programme-sum-half {
    width: 50%;
    float: left;
}

.programme-sum-half {
    width: 50%;
    float: left;
}

    .programme-sum-half.left {
        padding-right: 25px;
    }

    .programme-sum-half.right {
        padding-left: 25px;
    }

.programme-sum-title {
    position: relative;
    padding-right: 120px;
}

.tgl_block div.programme-sum-title {
    padding-right: 120px;
}

.programme-sum-title .small-button, .programme-sum-title .tgl_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px !important;
    margin-top: 0 !important;
    font-size: .8em;
}

.tgl_btn_wrap .tgl_btn_hours {
    min-width: 0 !important;
    max-width: 250px;
    width: 100%;
}

    .tgl_btn_wrap .tgl_btn_hours.active {
        background: #0a243e;
    }

.programme-sum-wrap .bar-wrap {
    width: 100%;
    float: none;
    margin-top: 10px;
}

.programme-sum-wrap .bar, .programme-sum-wrap .bar-value {
    padding: 0;
}

.programme-sum-wrap .bar {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.programme-sum-wrap .bar-wrap .bar-offset, .programme-sum-wrap .bar-wrap .bar-value {
    position: absolute;
    top: 0;
    border-radius: 0;
}

.programme-sum-wrap .bar-wrap .bar-value {
    border: none;
    text-align: left;
    padding-left: 10px;
    background: #022643;
    font-family: 'Roboto Condensed', sans-serif;
    left: 0;
    z-index: 1;
}

.programme-sum-wrap .bar-wrap .bar-offset {
    background: #c8e9f3;
    box-shadow: none;
    right: 0;
}

.dashboard-range input, .dashboard-range a {
    display: inline-block;
    vertical-align: middle;
    margin-top: auto !important;
    margin-bottom: auto !important;
}
/*OLcss*/
.regfor {
    width: 100%;
    text-align: center;
    color: #23b9d8;
    font-weight: 100;
}

    .regfor span {
        font-weight: bold;
    }

.choose_att {
    width: 15%;
    height: 35px;
    padding-left: 10px;
}

.view_btn.att {
    background: #32F7DC;
    color: #363154;
    border-radius: 5px;
    text-align: center;
    padding: 15px 15px 13px;
    margin-left: 0;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

    .view_btn.att:hover {
        background: #363154;
        color: white;
    }

.savetoday {
    background: #41c1a3;
    color: #fff;
    text-align: center;
    width: 15%;
    font-size: 14px;
    float: right;
    height: 35px;
    padding-top: 10px;
    border-radius: 5px;
    margin-bottom: 40px !important;
}

.chooseatt_wrap {
    width: 100%;
    position: absolute;
}

.att_table {
    float: left;
    width: 100%;
}

.prog_title {
    background: #2f4e65;
    color: #fff;
    padding-left: 30px;
    font-size: 22px;
    padding-top: 15px;
    font-weight: bold;
    height: 50px;
}

.prog_info {
    background: #fff;
    float: left;
    width: 100%;
    padding-left: 60px;
    padding-bottom: 50px;
}

.course_name {
    color: #23B9D8;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: bold;
}

    .course_name span {
        padding-left: 20px;
    }

.moreinfo {
    color: #23B9D8;
    float: left;
    width: 10%;
    margin-top: 5px;
    font-weight: bold;
}

.del_row {
    float: left;
    width: 100%;
    height: 25px;
}

.delname {
    width: 40%;
    float: left;
}

    .delname input {
        height: 15px;
        width: 15px;
    }

    .delname span {
        font-weight: bold;
    }

.checkall {
    width: 30%;
    float: right;
}

    .checkall span {
        font-weight: bold;
    }

.prog_info.top {
    border-bottom: 1px solid #23B9D8;
}

.savetoday.posfixed {
    display: none;
}

    .savetoday.posfixed.active {
        position: fixed;
        top: 100px;
        display: block;
        z-index: 9000;
        right: 0;
        width: 11%;
        right: 13.7%;
    }
/*#region =HourLogs*/
.button-mid {
    margin-top: 20px;
    text-align: center;
}

    .button-mid a {
        display: inline-block;
        width: 100%;
        max-width: 170px;
    }

.hour_logs_txt {
    font-size: 1.2em;
}

.hour_logs_delegate {
    background: #0a243e;
    font-size: 1.2em;
    color: white;
    position: relative;
    padding-right: 450px;
}

.tgl_block.hide {
    display: none;
}

.tgl_block.show {
    display: block;
}

.hour_logs_delegate.noPadd {
    padding-right: 0;
}

.logs_delegate-name, .logs_delegate-time {
    padding: 10px 20px;
    display: block;
    float: none;
}

.hour_logs_delegate + .white-shadow-block {
    margin-top: 20px;
}

.logs_delegate-time.right {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}

.logs_delegate-time.left span {
    margin-right: 40px;
}

.logs_delegate-time.right span {
    margin-left: 40px;
}

.logs_delegate-time span {
    display: inline-block;
    color: #23b9d8;
}

.hour_logs-header {
    position: relative;
}

.hl_header-left {
    position: absolute;
    top: 32px;
    left: 20px;
}

.hl_header-right {
    position: absolute;
    top: 32px;
    right: 20px;
}

#delegate-dashboard .hl_header-left a.actionbutton {
    display: inline-block;
    margin: auto 5px;
    max-width: 180px;
    width: 180px;
    font-size: .9em;
    vertical-align: top;
}

#delegate-dashboard .hl_header-right a.actionbutton {
    display: inline-block;
    margin: auto 5px;
    max-width: 180px;
    width: 180px;
    font-size: .9em;
    vertical-align: top;
}

.hl_header-right {
    position: absolute;
    bottom: 100%;
    right: 3%;
    min-width: 100px;
    width: auto;
}

    .hl_header-right.date-range-search {
        margin: auto auto 30px;
        text-align: left;
        max-width: 100%;
    }
/*#endregion*/

/* Search bar + A to Z */
.a-to-z {
    width: 30%;
    float: left;
    margin: 0 3%;
}

    .a-to-z.a-to-z-only {
        width: 40%;
        padding: 0;
        float: none;
        margin: 0 auto;
    }

#filter-a-to-z-bar {
    width: 100%;
    position: relative;
    clear: both;
    background: none;
    margin: 0 0 35px 0;
    top: 35px;
    z-index: 0;
}

    #filter-a-to-z-bar:before {
        border: none;
    }

    #filter-a-to-z-bar ul {
        margin: 0 2.14286%;
        background: #fff;
        box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
        text-align: center;
        padding: 1.5em 1.5%;
        border-radius: 3px;
    }

    #filter-a-to-z-bar li {
        display: inline-block;
        width: 3.75%;
        text-align: center;
    }

        #filter-a-to-z-bar li a {
            font-size: 1.875em;
        }

/* Delegate feedback
--------------------------------------------------------------------*/
#delegate-feedback {
    margin: 2px 0;
}

    #delegate-feedback .ratings {
        padding: 0 2.14286% 2em 2.14286%;
    }

    #delegate-feedback .quote {
        padding: 2em 2.14286%;
        background-image: url('_assets/images/site/backgrounds/stripes-40-right.png');
        overflow: hidden;
    }

        #delegate-feedback .quote p {
            font-size: 2.188em;
        }

            #delegate-feedback .quote p.source {
                text-transform: uppercase;
                font-size: 1.2em;
                margin-top: 25px;
                width: 85%;
                float: left;
            }

        #delegate-feedback .quote .span8 {
            float: right;
            padding-right: 20px;
            margin-top: 18px;
        }

    #delegate-feedback a.read-more {
        display: block;
        text-align: center;
        margin-top: 2em;
    }

    #delegate-feedback .quote .small-button.darkblue {
        font-size: 1.2em;
        text-align: center;
    }

.star-rating .star {
    width: 39px;
    height: 36px;
    display: inline-block;
    margin-left: 4px;
}

.star-rating a.star {
    text-indent: -999em;
}

.star-rating .star.selected {
    background: url('_assets/images/site/global/bg-star-selected.png') no-repeat;
    background-size: cover;
}

.star-rating .star.unselected {
    background: url('_assets/images/site/global/bg-star-unselected.png') no-repeat;
    background-size: cover;
}

/* Messages
--------------------------------------------------------------------*/
#messages .message-wrapper {
    width: 100%;
    max-width: 890px;
    padding: 25px;
    margin: 0px auto;
}

#messages .text-content h2 {
    font-size: 1.9em;
    text-transform: none;
}

/* Delegate area  +  Booking team area management screens
--------------------------------------------------------------------*/
#career-bar,
#competency-bar {
    margin: 3px 0;
}

    #career-bar h2 .white-block,
    #competency-bar .light-blue-block {
        padding-bottom: 3.125em;
    }

    #career-bar h2,
    #competency-bar h2 {
        font-size: 1.875em;
        padding: 1.2em;
        text-align: center;
    }

    #competency-bar h2 {
        color: #fff;
    }

    #career-bar h2 {
        padding: 2em 0;
    }

    #competency-bar select {
        border: none;
        border-radius: 3px;
        box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.15);
        font-size: 1em;
        height: 42px; /* line-height: 38px;*/
        margin-left: 2.14286%;
        padding: 10px;
        text-transform: none;
        width: 23%;
        float: left;
        display: block;
    }

.bar-wrap {
    width: 68%;
    float: right;
    margin-right: 2.14286%;
}

    .bar-wrap .bar {
        width: 100%;
        float: left;
        height: 42px;
        overflow: hidden;
    }

    .bar-wrap .bar-value {
        background: url('_assets/images/site/global/bg-comp-bar-value.png') repeat bottom;
        height: 42px;
        line-height: 42px;
        color: #fff;
        text-align: right;
        padding-right: 8px;
        font-size: 30px;
        border-right: 3px solid #fff;
        box-shadow: 1px 1px 1px 0 #000 inset;
        border-top-left-radius: 19px;
        border-bottom-left-radius: 19px;
        float: left;
    }

    .bar-wrap .bar-offset {
        background: #87d5e6;
        height: 42px;
        line-height: 42px;
        box-shadow: 0 1px 1px 0 #000 inset;
        border-top-right-radius: 19px;
        border-bottom-right-radius: 19px;
        float: left;
    }

.comp-badge {
    width: 59px;
    float: right;
    margin-top: -12px;
    text-align: center;
    margin-right: 2.14286%;
}

    .comp-badge img {
        width: 59px;
        height: auto;
        margin-bottom: 5px;
    }

#career-bar .comp-badge {
    position: absolute;
    right: 2.14286%;
    top: 3.750em;
}

#page-title .comp-badge {
    width: 96px;
    position: absolute;
    right: 4.28572%;
    top: 3em;
    margin: 0;
    color: #fff;
}

    #page-title .comp-badge img {
        width: 96px;
    }

.cv-link-buttons {
    width: 180px;
    position: absolute;
    top: 3em;
    left: 2.14286%;
}

    .cv-link-buttons a {
        display: inline-block;
        font-size: 0.938em;
        padding: 1em 1.5em;
        background: #e6f6f9;
        color: #001b36;
        box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.35);
        border-radius: 2px;
    }

        .cv-link-buttons a.copy-url {
            background: #d4f1f7;
        }

    .cv-link-buttons .url {
        text-transform: none;
        position: absolute;
        color: #fff;
        margin-left: 13px;
        padding: 1em 7em 1em 1.5em;
        background: #23B9D8;
        border-radius: 2px;
        font-size: 0.938em;
        margin-top: -6px;
        display: none;
        z-index: 999;
    }

        .cv-link-buttons .url.vis {
            display: inline-block;
            word-wrap: break-word;
        }

        .cv-link-buttons .url span {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 7.5px 8px 7.5px 0;
            border-color: transparent #23B9D8 transparent transparent;
            position: absolute;
            left: -8px;
            top: 38%;
        }

/* dashboard columns and content */

/*.fixedheightblock .white-block,
#delegate-dashboard .full-width-block .white-block,
#delegate-dashboard .half-column .white-block {
    margin-bottom: 2px;
    padding: 0 30px 30px 30px;
}*/

.half-column {
    width: 50%;
}

    .half-column.left .white-block {
        margin-right: 1px;
    }

    .half-column.right .white-block {
        margin-left: 1px;
    }

.fixedheightblock.left {
    padding-right: 10px;
    width: 50%;
}

.fixedheightblock.right {
    padding-left: 10px;
    width: 50%;
}

/*.fixedheightblock .white-block {
    margin-bottom: 2px;
    padding-bottom: 15px;
}*/

/*.fixed-height-column-wraps {
    overflow: hidden;
}*/

.fixedheightblock .dashboard-block {
    padding: 0;
    overflow-x: scroll;
    overflow-x: auto;
}

    .fixedheightblock .dashboard-block::-webkit-scrollbar {
        width: 5px;
        height: 4px;
    }

    .fixedheightblock .dashboard-block::-webkit-scrollbar-track {
        background: #f1f1f1;
        border: solid 3px transparent;
    }

    .fixedheightblock .dashboard-block::-webkit-scrollbar-thumb {
        background: #32F7DC;
    }

        .fixedheightblock .dashboard-block::-webkit-scrollbar-thumb:hover {
            background: #363154;
        }

.fixedheightblock .bar-wrap {
    float: none;
    width: 100%;
    margin: 0 0 30px 0;
}

    .fixedheightblock .bar-wrap .bar {
        width: 100%;
        float: none;
    }

.full-width-block .tabs,
.half-column .tabs {
    float: none;
    padding-bottom: 2em;
    text-align: center;
    width: auto;
}

.full-width-block {
    padding-bottom: 0;
    margin-bottom: 1px;
}

.dashboard-header {
    padding: 0px 0 15px;
    display: table;
    width: 100%;
}

    .dashboard-header > div, .dashboard-header h2 {
        vertical-align: middle;
        display: table-cell;
    }

    .dashboard-header > div {
        text-align: right;
    }

    .dashboard-header h2 {
        font-size: 1.875em;
        text-align: left;
        font-weight: bold;
        padding-right: 10px;
    }

#delegate-dashboard h3.date {
    font-size: 1.250em;
    text-align: center;
    padding: 30px 0;
    margin-top: -0.9em;
    text-transform: none;
}

#delegate-dashboard .edit-button-top {
    width: 100px;
    position: absolute;
    top: 34px;
    right: 2.14286%;
}

#delegate-dashboard ul.block-list li > img {
    position: absolute;
    width: 60px;
    margin-top: -14px;
}

#delegate-dashboard ul.block-list h3 {
    padding: 0px 120px 0px 0px;
    font-size: 1.250em;
}

#delegate-dashboard ul.block-list.courses h3 {
    padding: 0px 120px 0px 65px;
    min-height: 40px;
}

#delegate-dashboard ul.block-list li {
    margin-bottom: 6px;
    padding: 22px 18px 22px 10px;
    overflow: hidden;
}

#delegate-dashboard ul.block-list.jobs li,
#delegate-dashboard ul.block-list.no-icon li {
    margin-bottom: 6px;
    padding: 22px 18px;
    overflow: hidden;
}

#delegate-dashboard ul.block-list li > .small-button {
    position: absolute;
    width: 105px;
    top: 17px;
    right: 18px;
    text-align: center;
    font-size: 0.7em;
}

#delegate-dashboard ul.block-list li .buttons .small-button {
    width: 100%;
    text-align: center;
    font-size: 0.9em;
    top: 0;
    right: 0;
    position: relative;
}

h3 span.date {
    display: block;
}

#delegate-dashboard ul.block-list li h3 span.date {
    padding-top: 9px;
    font-size: 0.8em;
}

p.no-items {
    font-size: 1.250em;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
}

/*#delegate-dashboard .tabs a.active {
    color: #fff;
}*/

#delegate-dashboard .more-items {
    width: 160px;
    display: block;
    margin: 1.5em auto 0 auto;
    text-align: center;
}

#delegate-dashboard .find-us-buttons,
#delegate-dashboard .directions-form-wrap form {
    width: 80%;
    margin: 0 auto;
    padding: 4px;
}

#delegate-dashboard .find-us-buttons {
    padding: 4px 0;
    width: 50%;
}

    #delegate-dashboard .find-us-buttons a {
        width: 100%;
        font-size: 0.938em;
        text-align: center;
        margin: 10px 0 0 0;
    }

#delegate-dashboard a.career-link {
    height: 230px;
    width: 49%;
    float: right;
    border-radius: 3px;
    background: url('_assets/images/site/backgrounds/stripes-5-right.png') no-repeat 0 160px #1e4059;
    position: relative;
}

    #delegate-dashboard a.career-link.first {
        float: left;
        background: url('_assets/images/site/backgrounds/stripes-5-left.png') no-repeat 0 160px #1e4059;
    }

    #delegate-dashboard a.career-link img {
        width: 65px;
        position: absolute;
        right: 15px;
        top: 35px;
    }

    #delegate-dashboard a.career-link span {
        font-size: 1.250em;
        padding: 5em 0 0 1em;
        display: block;
    }

        #delegate-dashboard a.career-link span strong {
            display: block;
            color: #fff;
        }

        #delegate-dashboard a.career-link span.view {
            position: absolute;
            margin: 0 0 0 1.389em;
            bottom: 1.389em;
            background: #fff;
            border-radius: 2px;
            padding: 0.5em 1em;
            display: inline-block;
            font-size: 0.9em;
            color: #0A243E;
        }

#delegate-dashboard p {
    padding-bottom: 1.5em;
}

    #delegate-dashboard p.dates {
        margin-top: -0.5em;
    }

    #delegate-dashboard p.note {
        font-size: 0.9em;
        padding-top: 1.5em;
    }

p.competancynote {
    font-size: 0.9em;
    padding-top: 1.5em;
    text-align: center;
    padding-top: 20px;
}

#delegate-dashboard a.show-more-text {
    text-transform: uppercase;
}

#delegate-dashboard .more-text {
    display: none;
    padding: 0;
}

.listing-notice {
    background: #ECF7F9;
    border-radius: 3px;
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.15);
    padding: 25px;
    margin-bottom: 30px;
}

    #delegate-dashboard .listing-notice p,
    .listing-notice p {
        font-size: 1.25em;
        text-align: center;
        padding: 1em 0 0 0;
    }

        #delegate-dashboard .listing-notice p:first-child,
        .listing-notice p:first-child {
            padding: 0;
        }

/* delegate area: course views */
body.dashboard.contentpage ul.tabs {
    float: none;
    margin-left: 0;
}

body.dashboard.contentpage h2.bar {
    background: none;
}

body.dashboard.contentpage .course-actions a.small-button {
    float: none;
    margin: 20px auto 0 auto;
    width: 80%;
    text-align: center;
    display: block;
}

ul.checklist {
    text-transform: none;
}

    ul.checklist li {
        padding-bottom: 0.9em;
        padding-left: 23px;
        background: url('_assets/images/site/global/bg-blue-tick-14x15.png') no-repeat top left;
    }

h2.stripes5left {
    font-size: 2.188em;
    background: url("_assets/images/site/backgrounds/stripes-40-left.png") repeat scroll 0 0 rgba(65, 99, 121, 0.1);
    text-align: center;
    padding: 1em 0;
    margin-bottom: 20px;
}

.contentpage.dashboard #content .inner {
    border-radius: 3px;
    margin-top: 3px;
}

#next-steps {
    margin: 0 auto 3px;
    max-width: 920px;
    padding: 0;
    width: 95.7143%;
}

    #next-steps .dashboard-item-row {
        padding: 15px 20px 10px 10px;
    }

    #next-steps h2 {
        font-size: 1.875em;
        padding: 1.25em 0;
        text-align: center;
    }

    #next-steps .dashboard-block {
        padding: 0;
    }

    #next-steps .span30 .small-button {
        width: 48%;
        margin-left: 2%;
        text-align: center;
        height: 36px;
        line-height: 36px;
    }

    #next-steps .col-icon {
        padding-top: 0;
    }

    #next-steps .span10 img {
        width: 80%;
    }

/* booking team area specific */
#delegate-dashboard.dashboard-manage .inner.white-block {
    margin-top: 2px;
}

a.backlink {
    position: absolute;
    left: 2.14286%;
    top: 34px;
    z-index: 99;
    font-size: 0.95em;
    height: 28px;
    line-height: 28px;
    display: block;
    width: 225px;
    padding-left: 28px;
    background: url('_assets/images/site/global/bg-backlink.png') no-repeat;
}

    a.backlink.light {
        color: #c7d2dd;
        background: url('_assets/images/site/global/bg-backlink-light.png') no-repeat;
    }

#page-title a.backlink.light {
    margin-top: 20px;
}

.articlepage a.backlink {
    top: 46px;
}

.articlepage a.editlink {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 42px;
    right: 2.14286%;
}

#delegate-dashboard .business-logo-top {
    width: 148px;
    background: #fff;
    position: absolute;
    top: 30px;
    right: 2.14286%;
    overflow: hidden;
    z-index: 99;
}

.business-masthead-logo img {
    max-width: 132px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: baseline;
}

.business-masthead-logo {
    vertical-align: bottom;
}

/*#delegate-dashboard .inner.white-block .tabs a {
    padding: 14px 15px 13px;
    margin: 5px;
}*/

#delegate-dashboard .white-block .pale-blue-block {
    padding: 24px 18px;
    margin-bottom: 4px;
    margin-bottom: 6px;
}

    #delegate-dashboard .white-block .pale-blue-block p,
    #delegate-dashboard .white-block .pale-blue-block li {
        text-transform: none;
        font-size: 1.188em;
    }

#delegate-dashboard .details li {
    padding-bottom: 10px;
}

.two-fields-list li {
    display: block;
    overflow: hidden;
    padding-bottom: 9px;
}

    .two-fields-list li strong {
        float: left;
        width: 35%;
    }

    .two-fields-list li span {
        float: right;
        width: 65%;
        padding-left: 15px;
    }

#delegate-dashboard .actionbutton {
    width: 100%;
    max-width: 275px;
    margin: 1.5em 0px 0.75em 0px;
    display: block;
    text-align: center;
}

.actionbutton2 {
    font-size: 1.250em;
    width: 100%;
    max-width: 400px;
    margin: auto;
    display: block;
    text-align: center;
}

#delegate-dashboard h2 + a.actionbutton {
    margin-top: auto;
    margin-bottom: 1.5em;
}

#delegate-dashboard .pale-blue-block.rating-row {
    padding: 13px 18px;
}

    #delegate-dashboard .pale-blue-block.rating-row h4 {
        font-size: 1.250em;
        padding-right: 240px;
        height: 36px;
        line-height: 36px;
    }

#delegate-dashboard .pale-blue-block div.star-rating {
    position: absolute;
    top: 0.7em;
    right: 1em;
    width: 235px;
}

#delegate-dashboard .comments-block {
    padding-bottom: 2.5em;
}

    #delegate-dashboard .comments-block a {
        position: absolute;
        display: inline-block;
        right: 1em;
        bottom: 1em;
    }

#delegate-dashboard ul.block-list.jobs h3,
#delegate-dashboard ul.block-list.courses h3 {
    padding-right: 150px;
    padding-bottom: 20px;
}

#delegate-dashboard ul.block-list.jobs.has-status h3 {
    padding-right: 270px;
}

#delegate-dashboard ul.block-list.jobs.has-status .buttons {
    width: 72px;
}

#delegate-dashboard ul.block-list.jobs.has-status .status {
    width: 150px;
    right: 100px;
    position: absolute;
    top: 18px;
    font-size: 0.9em;
    padding: 0.5em 0;
}

#delegate-dashboard ul.block-list.jobs.has-status .buttons {
    width: 80px;
    margin-left: 10px;
}

#delegate-dashboard ul.block-list.no-icon h3 {
    padding-left: 0px;
    padding-bottom: 5px;
}

#delegate-dashboard ul.block-list.courses .buttons,
#delegate-dashboard ul.block-list.jobs .buttons {
    width: 140px;
    right: 18px;
    top: 18px;
    width: 140px;
    position: absolute;
}

    #delegate-dashboard ul.block-list.courses .buttons a.small-button {
        width: 100%;
        position: relative;
        margin-bottom: 5px;
        font-size: 0.9em;
        top: auto;
        right: auto;
    }

#delegate-dashboard ul.block-list.jobs .details {
    width: 30%;
    right: 1em;
    top: 25px;
    position: absolute;
}

    #delegate-dashboard ul.block-list.jobs .details span {
        font-size: 0.8em;
        height: 27px;
        line-height: 27px;
        margin-bottom: 8px;
        box-shadow: none;
        display: block;
        overflow: hidden;
    }

        #delegate-dashboard ul.block-list.jobs .details span img {
            float: left;
            height: 27px;
            line-height: 27px;
            margin-right: 7px;
            width: 27px;
            position: relative;
        }
/* -- */
.half-column #competency-bar {
    margin: 0;
}

    .half-column #competency-bar select {
        margin: 0 auto;
        width: 250px;
        display: block;
        float: none;
    }

    .half-column #competency-bar .bar-wrap {
        float: none;
        width: 100%;
        margin: 30px 0 0 0;
    }

        .half-column #competency-bar .bar-wrap .bar {
            width: 100%;
            float: none;
        }

.large-type-blocks .dashboard-item-row img {
    width: 50px;
    position: absolute;
    left: 20px;
}

.large-type-blocks .large-text {
}

.large-type-blocks .dashboard-item-row .small-button {
    width: 100%;
    text-align: center;
    display: block;
}

.archive-wrap {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    padding-bottom: 2em;
}

    .archive-wrap input[type="text"] {
        width: 100%;
        margin: 0 1.75% 0 0;
    }

    .archive-wrap select {
        width: 43.25%;
        padding: 10px;
        margin: 0 1.75% 0 0;
    }

    .archive-wrap input[type="submit"] {
        margin: 0;
    }

    .archive-wrap h3 {
        font-size: 1.25em;
        padding-bottom: 1em;
        text-align: center;
    }

/* Stats block
--------------------------------------------------------------------*/
.stats-block {
    margin-bottom: 2px;
}

    .stats-block ul {
        /*overflow: hidden;
        width: 89%;*/
        margin: 0 auto;
        padding: 0px;
        display: flex;
        flex-direction: row;
    }

    .stats-block li {
        /*width: 50%;
        padding-right: 9px;
        float: left;
        margin-bottom: 26px;
        height: 40px;
        line-height: 40px;*/
        font-size: 2.2em;
        display: block;
        color: white;
        padding: 5px 50px;
    }

        .stats-block li:first-child {
            padding: 5px 50px 5px 0px;
        }

        .stats-block li span {
            display: block;
            font-size: 15px;
            margin-bottom: 25px;
        }

        .stats-block li svg {
            display: inline-block;
            width: 20px;
            height: 20px;
            margin-right: 5px;
        }

        .stats-block li strong {
            font-size: 60px;
        }

        .stats-block li img {
            width: 40px;
            margin-right: 17px;
            float: left;
        }

.white-block .stats-block.white-block {
    margin-bottom: 25px;
    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.15);
}

.stats-block li .star-rating {
    padding-right: 10px;
    display: inline-block;
}

    .stats-block li .star-rating .star {
        margin: 0 4px 0 0;
        float: left;
    }

.statblockmoredetails ul {
    /*overflow: hidden;
        width: 89%;*/
    margin: 0 auto;
    padding: 0px;
    display: flex;
    flex-direction: row;
}

.statblockmoredetails li svg {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.statblockmoredetails li {
    /*width: 50%;
        padding-right: 9px;
        float: left;
        margin-bottom: 26px;
        height: 40px;
        line-height: 40px;*/
    font-size: 1em;
    display: block;
    padding: 5px 50px;
}

    .statblockmoredetails li:first-child {
        padding: 5px 50px 5px 0px;
    }

    .statblockmoredetails li span {
        display: block;
        font-size: 15px;
        margin-bottom: 25px;
    }
/* Log table
--------------------------------------------------------------------*/
.log-table {
    padding: 30px;
}

    .log-table .table-wrap {
        overflow: auto;
    }

    .log-table table {
        text-transform: none;
        font-size: 0.9em;
        borer-radius: 3px;
    }

    .log-table th {
        background: #C8E2E8;
        padding: 35px 20px;
        font-size: 1.1em;
    }

    .log-table td {
        padding: 20px;
        border-bottom: 1px solid #C8E2E8;
        background: #fff;
    }

/* CV Page
--------------------------------------------------------------------*/
#cv-about h3 {
    text-align: center;
    font-size: 1.250em;
    padding: 0 0 1.1em 0;
}

.cv-public .stripes5left {
    height: 5em;
}

.edit-arrow {
    height: 42px;
    line-height: 42px;
    width: 60px;
    float: right;
    background: url('_assets/images/site/global/bg-pencil-loz.png') no-repeat #87d5e6;
    text-indent: -999em;
    position: absolute;
    right: 0;
}

/* new edit link for thre CV area */
.pencil-edit-link {
    text-align: center;
    margin: -10px 0 25px 0;
}

    .pencil-edit-link a {
        height: 30px;
        line-height: 30px;
        padding-left: 38px;
        display: inline-block;
        position: relative;
        font-size: 0.9em;
        background: url('_assets/images/site/global/bg-pencil-circle-30px.png') no-repeat;
    }

    .pencil-edit-link.offsettop {
        margin: 20px 0 0 0;
    }

    .pencil-edit-link.offsettopnegative {
        margin: -20px 0 35px 0;
    }

a.small-button.offsettop {
    margin-top: -10px;
}

a.add-cv-video {
    height: 250px;
    width: 100%;
    display: block;
    box-shadow: 1px 1px 1px 0 #000 inset;
    background: #d8f2f8;
    overflow: hidden;
    position: relative;
}

    a.add-cv-video span {
        display: block;
        text-align: center;
        margin-top: 75px;
        width: 100%;
        height: 80px;
    }

        a.add-cv-video span img {
            width: 42px;
            display: block;
            margin: 0 auto 9px auto;
        }

a.cv-video {
    display: block;
    position: relative;
}

    a.cv-video span {
        display: block;
        text-align: center;
        position: absolute;
        z-index: 999;
        top: 40%;
        width: 100%;
    }

        a.cv-video span img {
            width: 54px;
            display: block;
            margin: 0 auto 9px auto;
        }

.cv-stat,
.cv-highlights div.white-shadow-block {
    border-radius: 3px;
    margin-bottom: 6px;
    background: #fff;
    padding: 1.2em 4em 1em 1em;
}

.cv-stat {
    padding: 10px 64px 10px 16px;
}

.cv-public .cv-stat {
    padding-right: 16px;
}

.cv-stat h4,
.cv-highlights div h4 {
    font-size: 1.250em;
    padding-bottom: 0.8em;
}

.cv-stat h4 {
    padding: 0;
    overflow: hidden;
    padding: 10px 0 12px 0;
}

.stat-double h4 span {
    float: left;
    width: 65%;
}

.stat-double h4 strong {
    float: right;
    width: 25%;
}

.cv-stat.validated h4 {
    padding-left: 30px;
}

.cv-stat .tooltipcontent {
    margin-left: 13px;
}

.cv-stat a.valid-tip {
    width: 25px;
    height: 25px;
    display: block;
}

.cv-stat .tooltip {
    top: 18px;
    left: 13px;
}

.cv-stat p,
.cv-highlights div p {
    font-size: 0.938em;
}

.cv-stat a.editlink,
.cv-highlights div a.editlink {
    width: 42px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
}

.cv-public .user-avatar-wrap {
    left: 4.28572%;
    top: 3em;
}

.cv-public #page-title h1 {
    padding-bottom: 0.75em;
}

.cv-public #page-title span.stripes5left {
    text-align: center;
}

.notification-bar,
#job-int-bar {
    position: fixed;
    z-index: 999;
    bottom: 0;
    left: 0;
    height: 98px;
}

    .notification-bar a,
    #job-int-bar a {
        height: 98px;
        display: block;
        background: url('_assets/images/site/global/bg-job-int-bar.jpg') repeat;
        color: #fff;
        line-height: 98px;
        font-size: 50px;
        text-align: center;
    }

    .notification-bar a {
        font-size: 42px;
    }

.cv-public #page-title h3 {
    display: inline-block;
    font-size: 1.250em;
    padding-right: 40px;
}

.cv-public .star-rating {
    width: auto;
    display: inline-block;
    margin-top: 20px;
}

    .cv-public .star-rating h5 {
        display: inline-block;
        color: #fff;
        padding-right: 10px;
        font-size: 1.25em;
    }

.dashboard-item-row .star,
.cv-public .star {
    width: 24px;
    height: 22px;
    display: inline-block;
    margin-left: 2px;
    background-size: cover;
}

.dashboard-item-row .star-rating {
    width: 12%;
    float: left;
}

    .dashboard-item-row .star-rating .star.selected,
    .cv-public .star-rating .star.selected {
        background: url('_assets/images/site/global/bg-star-small-selected.png') no-repeat;
    }

    .dashboard-item-row .star-rating .star.unselected,
    .cv-public .star-rating .star.unselected {
        background: url('_assets/images/site/global/bg-star-small-unselected.png') no-repeat;
    }

/* Business area specific biz
--------------------------------------------------------------------*/
#page-title .business-logo-top {
    width: 148px;
    background: #fff;
    position: absolute;
    top: 30px;
    right: 2.14286%;
    overflow: hidden;
}

nav.course-buttons.browse-courses-admin {
    padding: 2em;
    background: url("_assets/images/site/backgrounds/stripes-40-right.png") repeat scroll 0 0 rgba(65, 99, 121, 0.1);
    margin-top: 20px;
}

.tabcontent .filters {
    margin-top: 0;
    border-radius: 0;
}

.main-content .dashboard-item-row .details {
    width: 50%;
}

.main-content .dashboard-item-row .buttons {
    width: 17%;
    padding-top: 0;
}

    .main-content .dashboard-item-row .buttons a {
        display: block;
        text-align: center;
        width: 100%;
    }

.main-content .dashboard-item-row .details .user-avatar {
    margin-top: -13px;
}

.main-content.courses h2 {
    font-size: 1.8em;
    padding: 0 0 1em 0;
    text-align: center;
}

    .main-content.courses h2.padded {
        padding-top: 1.5em;
    }

.manage-jobs .stats-block ul {
    width: 75%;
}

    .manage-jobs .stats-block ul li {
        color: #20a996;
    }

.manage-jobs .stats-block a.small-button {
    width: 29%;
    margin: 0px auto 3em auto;
    text-align: center;
    height: 41px;
    line-height: 41px;
    display: block;
    padding: 0;
    font-size: 1.25em;
}

/* Loader
--------------------------------------------------------------------*/
#loader {
    width: 354px;
    min-height: 190px;
    padding: 25px;
}

    #loader p.loadingmessage {
        font-size: 30px;
        color: #2bc3a5;
        text-transform: uppercase;
        text-align: center;
    }

img.loading {
    width: 32px;
    height: 32px;
    display: block;
    margin: 25px auto;
}

/* Footer
--------------------------------------------------------------------*/
footer .inner {
    background: url('_assets/images/site/backgrounds/footer-stripes-80-right.png') no-repeat bottom #142540;
    color: #fff;
    padding: 4em 0;
    border-radius: 3px;
    margin-bottom: 2em;
}

footer .left {
    padding-right: 60px;
    padding-left: 40px;
    width: 50%;
}

footer .right {
    padding-left: 60px;
    padding-right: 40px;
    width: 50%;
}

footer a {
    color: #fff;
}

footer p {
    text-transform: uppercase;
}

    footer p.strapline,
    footer p.contacts {
        font-size: 2.188em;
        height: 96px;
        line-height: 96px;
        text-transform: uppercase;
        margin-bottom: 50px;
    }

    footer p.contacts {
        text-align: right;
    }

footer .left ul,
footer .right ul {
    overflow: hidden;
    width: 100%;
}

footer ul li {
    font-size: 0.938em;
    padding: 0 20px 0 0;
    float: left;
    height: 36px;
    line-height: 36px;
}

footer .right ul li {
    float: right;
    padding: 0 0 0 20px;
}

footer li a {
    display: block;
    height: 36px;
    line-height: 36px;
}

footer li.group a {
    display: inline-block;
}

footer .marque {
    height: 1px;
    overflow: visible;
    position: absolute;
    width: 100%;
}

    footer .marque img {
        width: 96px;
        margin: 0 auto;
    }

footer li.facebook,
footer li.twitter {
    width: 37px;
    margin-right: 8px;
}

    footer li.facebook a,
    footer li.twitter a {
        width: 37px;
        text-indent: -999em;
        background: url('_assets/images/site/global/bg-footer-socialbuttons-tw.png') no-repeat 0 0;
        background-size: cover;
    }

    footer li.facebook a {
        background-position: -38px 0;
        background: url('_assets/images/site/global/bg-footer-socialbuttons-fb.png') no-repeat 0 0;
        background-size: cover;
    }

footer .signoff {
    background: #2bbada;
    width: 100%;
    margin-top: 20px;
    height: 70px;
}

    footer .signoff a {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 1.4em;
        z-index: 999;
        position: absolute;
        line-height: 70px;
        height: 70px;
    }

    footer .signoff .shadow-down-darkblue {
        z-index: 1;
        opacity: 0.3;
        margin-top: 2px;
    }

.smalltextbox {
    border: solid 1px #000000;
    padding: 2px;
    width: 80px;
}

.teenytext {
    font-size: 0.6em !important;
}

h1 + .hdr_small {
    color: white;
    text-align: center;
    padding: 0 3em 1.2em 3em;
    display: block;
    font-size: 1.2em;
    margin-top: -.75em;
}

.hdr_innersmall {
    font-size: 0.8em;
    font-family: 'Roboto Condensed', sans-serif;
}

.price_strikethrough {
    text-decoration: line-through;
}

.price-discount-pane {
    color: #2bbada;
}

.unittable-dropdown {
    width: 100px;
}

.behav {
    margin-bottom: 7px;
    border-radius: 50%;
    width: 40px;
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #ffffff;
}

.behavlistbtn {
    line-height: 30px;
    height: 30px;
    margin: 4px 0;
    font-size: 0.7em;
    width: 100px;
}

.inline-table-button, .inline-table-button:active {
    background: #23b9d8;
    border-radius: 3px;
    padding: 5px 5px;
    font-weight: bold;
    color: #ffffff;
}

[class*='circle-'] div {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 38px);
}

.circle-red {
    /*border-radius: 999em;*/
    font-size: 17px;
    padding: 10px;
    font-weight: bold;
    min-width: 40px;
    min-height: 40px;
    display: inline-block;
    text-align: left;
    /*border: 2px solid #D34646;*/
    color: #D34646;
}

.circle-amber {
    /*border-radius: 999em;*/
    font-size: 17px;
    padding: 10px;
    font-weight: bold;
    min-width: 40px;
    min-height: 40px;
    display: inline-block;
    text-align: left;
    /*border: 2px solid #F29840;*/
    color: #F29840;
}

.circle-green {
    /*border-radius: 999em;*/
    font-size: 17px;
    padding: 10px;
    font-weight: bold;
    min-width: 40px;
    min-height: 40px;
    display: inline-block;
    text-align: left;
    /*border: 2px solid #224595;*/
    color: white;
    background-color: #224595;
}

.table_row-dashboard:hover .circle-green {
    color: #FFFFFF;
    border: 2px solid #ffffff;
}

.status-red {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border-radius: 999em;
    font-size: 17px;
    padding: 10px;
    font-weight: bold;
    min-width: 40px;
    min-height: 40px;
    display: inline-block;
    text-align: left;
    border: 2px solid #B92850;
    color: white;
    background-color: #B92850;
    text-align: center;
    margin-right: 50px;
}

.status-amber {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border-radius: 999em;
    font-size: 17px;
    padding: 10px;
    font-weight: bold;
    min-width: 40px;
    min-height: 40px;
    display: inline-block;
    text-align: left;
    border: 2px solid #E37727;
    color: white;
    background-color: #E37727;
    text-align: center;
    margin-right: 50px;
}

.status-blue {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border-radius: 999em;
    font-size: 17px;
    padding: 10px;
    font-weight: bold;
    min-width: 40px;
    min-height: 40px;
    display: inline-block;
    text-align: left;
    border: 2px solid #224494;
    color: white;
    background-color: #224494;
    text-align: center;
    margin-right: 50px;
}

.status-lightblue {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border-radius: 999em;
    font-size: 17px;
    padding: 10px;
    font-weight: bold;
    min-width: 40px;
    min-height: 40px;
    display: inline-block;
    text-align: left;
    border: 2px solid #49CCDD;
    color: white;
    background-color: #49CCDD;
    text-align: center;
    margin-right: 50px;
}

.status-darkblue {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border-radius: 999em;
    font-size: 17px;
    padding: 10px;
    font-weight: bold;
    min-width: 40px;
    min-height: 40px;
    display: inline-block;
    text-align: left;
    border: 2px solid #353154;
    color: white;
    background-color: #353154;
    text-align: center;
    margin-right: 50px;
}

.status-grey {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border-radius: 999em;
    font-size: 17px;
    padding: 10px;
    font-weight: bold;
    min-width: 40px;
    min-height: 40px;
    display: inline-block;
    text-align: left;
    border: 2px solid #D0DFE2;
    color: white;
    background-color: #D0DFE2;
    text-align: center;
    margin-right: 50px;
}

.status-green {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border-radius: 999em;
    font-size: 17px;
    padding: 10px;
    font-weight: bold;
    min-width: 40px;
    min-height: 40px;
    text-align: left;
    border: 2px solid #41C7A3;
    color: white;
    background-color: #41C7A3;
    text-align: center;
    margin-right: 50px;
}

.hexagon-red {
    color: #D34646;
}

.hexagon-amber {
    color: #F29840;
}

.hexagon-green {
    color: #224595;
}

[class*='circle-']:before {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: top;
    content: '';
    margin-right: 10px;
}

.circle-red:before, .circle-Red:before {
    background-color: #cd171a;
}

.circle-amber:before, .circle-Amber:before {
    background-color: #f08300;
}

/*.circle-green:before, .circle-Green:before {
    background-color: #3fa535;
}*/
.circle-blue:before, .circle-Blue:before {
    background-color: #23B9D8;
}

.circle-darkblue:before, .circle-DarkBlue:before {
    background-color: #0a246e;
}

.circle-grey:before {
    background-color: gray;
}

.circle-yellow:before {
    background-color: orange;
}

.circle-task-grey:before {
    background-color: gray;
}

.circle-task-yellow:before {
    background-color: orange;
}

.circle-task-red:before {
    background-color: #cd171a;
}

.circle-task-green:before {
    background-color: #3fa535;
}

.circle-task-blue:before {
    background-color: #23B9D8;
}

.exclamation:before {
    content: "!";
    color: #fff;
    text-align: center;
    padding-top: 3px;
}

.certblock2.pagerfields {
    font-size: 1em;
    font-weight: bold;
    min-height: 0px;
    background: unset;
    text-align: left;
}

.pagerfields > span > span {
    background: #224595;
    color: #ffffff;
    outline: none;
    border-radius: 5px;
    font-weight: normal;
    font-size: 14px;
}

.pagerfields > span > a:hover {
    background: #224595;
    color: #ffffff;
    outline: none;
    border-radius: 5px;
}

.pagerfields > span > a,
.pagerfields > span > span {
    padding: 5px 10px;
    display: inline-block;
    vertical-align: baseline;
}

.modal-form .is-error input, .modal-form .is-error input[type="text"], .modal-form .is-error textarea, .is-error input, .is-error select {
    border: 1px solid #B92950 !important;
}

.is-error label {
    color: #B92950;
}

.is-error.chkrow {
    color: red;
    border: 1px solid #B92950;
}

.is-error > .calendarWrap > a {
    color: red !important;
}

.bookinblock {
    /*padding: 0 20px 30px;
    margin: 10px 0;*/
}

    .bookinblock.white-block {
        background: white;
    }

    .bookinblock ul {
        font-size: 16px;
    }

    .bookinblock li {
        padding: 5px;
        word-break: break-word;
    }

        .bookinblock li:hover {
            background: rgba(34, 69, 149,.2);
        }

    .bookinblock a {
        text-decoration: underline;
        color: #224595;
        font-weight: bold;
    }

        .bookinblock a:hover {
            text-decoration: none;
        }

#delegate-dashboard .bookinblock h2 {
    padding: 0em 0 0.6em;
}

.topbuttons {
    position: relative;
    text-align: right;
}

    .topbuttons a {
        width: calc(50% - 9px);
        max-width: 250px;
        display: inline-block;
        vertical-align: middle;
        margin: 5px;
        margin-right: 0;
        padding: 14px 10px 13px;
    }

.different {
    margin-top: 50px;
}

#alert-message {
    background-color: #2BC3A5;
    color: #FFFFFF;
    font-size: 25px;
    height: 70px;
    left: 0;
    padding: 8px 0 8px 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 100100000;
    top: -70px;
    line-height: 50px;
    border-bottom: 1px solid #888888;
}

#error-alert-message {
    background-color: #d80a0a;
    color: #FFFFFF;
    font-size: 25px;
    height: 70px;
    left: 0;
    padding: 8px 0 8px 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 100100000;
    top: -70px;
    line-height: 50px;
    border-bottom: 1px solid #d12b2b;
}

ul.sumpadding li {
    padding: 2px 0;
}

.orange-banner {
    text-align: center;
    background: #f08300;
    margin: auto 0px 10px;
    font-size: 0.8em;
    padding: 18px 10px;
    border-radius: 25px;
    max-width: 900px;
}

.red-banner {
    text-align: center;
    background: #B9371F;
    margin: auto auto 10px;
    font-size: 0.8em;
    padding: 18px 10px;
    border-radius: 25px;
}

.dashboard-banner {
    color: white;
    font-size: 16px;
    margin-top: 10px;
}

    .dashboard-banner a {
        font-weight: bold;
        color: white;
    }

.notice--blue, .notice--green {
    background: #2FB8D9;
    color: white;
    text-align: center;
    padding: 2em 1em;
}

* + [class*=notice--] {
    margin-top: 20px;
}

.notice--blue {
    background: #2FB8D9;
}

.notice--green {
    background: #33C4A6;
}

.notice__txt {
    font-size: 1.875em;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

.notice__list {
    margin-top: 25px;
    text-align: left;
    display: inline-block;
}

    .notice__list li + li {
        margin-top: .5em;
    }

    .notice__list span, .notice__list strong {
        display: inline-block;
        vertical-align: text-bottom;
    }

    .notice__list span {
        width: 150px;
    }

[class*=notice--] .small-button {
    max-width: 400px;
    margin-left: auto;
    margin-top: 25px;
    margin-right: auto;
    font-weight: bold;
    font-size: 1.125em;
}

#delegate-dashboard .orange-banner h2, #delegate-dashboard .red-banner h2 {
    padding: 0;
}

.certblock-inner .small-button {
    padding: 8px 10px 7px;
}

.fullwidthddl {
    width: 100%;
}

    .fullwidthddl select,
    [class*=fullwidth].select__custom {
        max-width: 1075px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

.fade-me {
    background: rgb(231 239 241);
    
}

.certblock2.fade-me {
    background: rgb(231 239 241);
}

.certblock2.fade-me:hover {
    background: rgb(54 49 84);
}

/*CF Changes=============*/
.login-title.login-title {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .login-title.login-title h1 {
        font-size: 2.1875em;
    }

.dgname a {
    text-decoration: underline;
}

    .dgname a:hover {
        text-decoration: none;
    }

.stats_count-traffic, .stats_count-blue, .stats_count-white {
    border-radius: 999em;
    font-size: 17px;
    padding: 10px;
    font-weight: bold;
    min-width: 40px;
    min-height: 40px;
    display: inline-block;
    text-align: center;
}

.test {
    background: red !important;
}

.stats_count-traffic {
    background: unset;
    padding: 0px;
}

.stats_count-blue {
    border: 2px solid #224595;
    color: #224595;
}

.stats_count-white {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
}

.stats_count-traffic span {
    display: inline-block;
    vertical-align: baseline;
}

    .stats_count-traffic span + span {
        margin-lefT: 35px;
    }

.certblock2 {
    background: white;
    clear: both;
}

.bylevel .small-button + .small-button {
    margin-top: 7px;
}

.padd-top-0.padd-top-0 {
    padding-top: 0;
}

.tbl__management--sub {
    opacity: .5;
}

    .tbl__management--sub.nofade {
        opacity: 1;
    }

    .tbl__management--sub:hover {
        opacity: .85;
    }

    .tbl__management--sub.nofade:hover {
        opacity: 1;
    }

.btn__dropdown--wrap {
    position: relative;
    max-width: 320px;
    display: inline-block;
    width: 100%;
}

.btn__dropdown--selector {
    background: #AECAD1;
    color: #363154;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    min-width: 100px;
    text-align: center;
    position: relative;
    padding: 5px 10px;
    font-weight: bold;
    text-transform: uppercase;
}

/*.btn__dropdown--selector:after {
        position: absolute;
        content: '';
        border-style: solid;
        border-width: 10px 8px 0 8px;
        border-color: #33495E transparent transparent transparent;
        right: 10px;
        top: 50%;
        margin-top: -5px;
    }*/
.pagerfields {
    margin-top: 20px;
    text-align: left;
}

.btn__dropdown--selector.active:after {
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #fff transparent;
}

.btn__dropdown--list a {
    border-radius: 0;
    padding: 9px 10px 8px;
    margin-top: 0;
    border-radius: 5px;
}

    .btn__dropdown--list a:hover {
        background-color: #AECAD1;
        color: #363154;
    }

.btn__dropdown--list .small-button + .small-button {
    margin-top: 0;
}

.cta_grid {
    margin: 10px -10px 0;
    text-align: center;
}

    .cta_grid a {
        display: inline-block;
        width: calc(50% - 16px);
        margin: 5px 4px;
        min-width: 150px;
    }

@supports (display: flex) {
    .dashboard-flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 7px;
        align-items: center;
    }

        .dashboard-flex .autosuggest-wrap,
        .dashboard-flex .view_btn {
            float: none;
            width: auto;
            flex: 1 0 auto;
            margin: 5px !important;
        }

    .dashboard-label {
        max-width: 300px;
    }

    .dashboard-input {
        max-width: 400px;
        flex: 1 0 100%;
    }

    .autosuggest-search {
        justify-content: space-between;
        display: flex;
        flex-wrap: wrap;
    }

    .flex-center {
        display: flex;
        align-items: center;
        padding: 20px 15px;
    }

    .autosuggest-search .autosuggest-wrap {
        flex: 1 1 350px;
        float: none;
        padding: 0;
    }

    .autosuggest-search .autosuggest-checkbox {
        flex: 0 1 150px;
        margin-left: 30px;
    }

    .autosuggest-search .autosuggest-add-button {
        float: right;
    }
}

[id*=BreadcrumbTrail] span {
    display: inline-block;
}

/* == Form Wrapper == */
.form__wrap {
    max-width: 1000px;
    margin-lefT: auto;
    margin-right: auto;
}

/* Matrix Stage Progress */
.progress {
    position: absolute;
    right: 0;
    top: 40px;
    color: #fff;
    padding: 10px;
    border-radius: 20px;
}

.progressserverside {
    position: absolute;
    right: 0;
    top: 40px;
    color: #fff;
    width: 50px;
    text-align: center;
    padding: 10px;
    border-radius: 20px;
}

.progress-red {
    background-color: #cd171a;
}

.progress-green {
    background-color: #3fa535;
}

.progress-blue {
    background-color: #0a243e;
}

.overallserverside {
    color: #fff;
    border-radius: 20px;
    padding: 10px;
    text-align: center;
    max-width: 185px;
    margin-left: 20px
}

.overallprogress {
    position: absolute;
    left: 0;
    top: 40px;
    color: #fff;
    padding: 10px;
    border-radius: 20px;
}

.overallprogress-red {
    background-color: #cd171a;
}

.overallprogress-green {
    background-color: #3fa535;
}

.overallprogress-blue {
    background-color: #0a243e;
}

.unlock-selsupplier {
    vertical-align: middle;
    font-weight: bold;
    margin-top: 10px;
    display: inline-block;
}

.matrixrow-greenborder {
    box-shadow: 0 0 0 1px green;
    border-radius: 5px;
}

.matrix-stage h2 {
    padding: 30px 0px 30px 0px;
    text-align: center;
}

.stagebuttonleftwrap {
    position: absolute;
    right: -30px;
    top: 17px;
    color: #fff;
    padding: 10px;
    border-radius: 20px;
    width: 150px;
}

.mb-fade {
    opacity: 0.2;
}

.mb-lock {
    pointer-events: none;
}

.clbuildup {
    margin-right: 5px;
    color: #ffffff;
    background: #c21a04;
    border: 5px solid #c21a04;
    border-radius: 8px;
}

.browse-csv-wrap .file-upload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

    .browse-csv-wrap .file-upload input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.csvheads-results-bin, as-results-bin {
    background: rgb(206, 229, 232);
}

.as-results-bin {
    padding-top: 12px;
    height: 40px;
}

.csvheads-results-bin {
    padding: 1.4em 0.6em;
}

    .csvheads-results-bin div {
        float: left;
        padding: 10px;
    }

        .csvheads-results-bin div a.removeheader {
            float: right;
        }

.percentagebox {
    background: #D0DFE3;
    border-radius: 25px;
    padding: 30px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
}

@media (min-width: 768px) {
    .percentagebox {
        padding: 30px 0;
    }
}

.percentagebox .middle {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 400px;
    text-align: center;
}

@media (min-width: 768px) {
    .percentagebox .middle {
        padding: 0;
        margin: 0 auto;
    }
}

.percentagebox .middle h2 {
    text-transform: uppercase;
    font-size: 1.875em;
    font-weight: bold;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .percentagebox .middle h2 {
        font-size: 1.875em;
    }
}

.percentagebox .middle .bar {
    display: inline-block;
    width: 82%;
    border: solid 2px #fff;
    background: #fff;
    margin: 0;
    padding: 0;
    float: left;
    border-radius: 15px;
    overflow: hidden;
    display: none;
}

    .percentagebox .middle .bar .inner {
        background: #2c475d;
        height: 30px;
        float: left;
        border-radius: 15px;
    }

.percentagebox .middle .percentage {
    float: right;
    font-size: 20px;
    padding-top: 8px;
    font-weight: bold;
    height: 30px;
    width: 18%;
    display: none;
}

.percentagebox .select__custom {
    background: none;
}

@media (min-width: 768px) {
    .percentagebox .select__custom {
        float: right;
        width: 200px;
        margin: 0 30px 0 0;
    }
}

.select__custom:before {
    border-color: #224595 transparent transparent transparent;
}

.select__custom span {
    color: #2c475d;
}

.sub_form {
}

    .sub_form .intro {
        font-size: 1.8em;
        text-transform: none;
        line-height: 1.4;
    }

    .sub_form .form {
        text-align: left;
        margin-top: 20px;
    }

    .sub_form .full_checkbox {
        background: #32c3de;
        border-radius: 10px;
        margin: 20px 0;
        padding: 20px;
    }

.inputsetup input[type="checkbox"], .inputsetup input[type="radio"] {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    color: #0A243E;
}

.sub_form .small-button {
    max-width: none;
    margin-top: 25px;
    font-weight: normal;
    font-size: 1em;
    float: right;
    background: #50546b;
    color: #fff;
}

.button-group {
    text-align: center;
    margin-bottom: 20px;
}

    .button-group .small-button {
        display: inline-block;
        font-size: 1.250em;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 5px;
    }

.leavers-archived {
    padding: 10px;
    padding-right: 7px;
    margin: 10px;
    margin-right: 7px;
    bottom: 2px;
    border-radius: 5px;
    background-color: #9ca3a5;
}

    .leavers-archived label {
        color: white;
        font-size: 14px;
    }

.leavers-archived-left {
    float: left;
}

.course-passed {
    color: green;
}

.course-failed {
    color: red;
}

.nav-wrapper {
    overflow: hidden;
}

.nav-breadcrumb {
    float: left;
    width: 80%;
    padding-right: 15px;
}

.nav-dropdown {
    overflow: hidden;
    width: 20%;
}

.bold {
    font-weight: bold;
    font-size: medium;
}

.background-red {
    background-color: #D34646;
    text-align: center;
    padding: 10px;
    margin: 5px;
    color: #FFF;
    border-radius: 5px;
}

.background-amber {
    background-color: #F29840;
    padding: 10px;
    text-align: center;
    margin: 5px;
    color: #FFF;
    border-radius: 5px;
}

.background-blue {
    background-color: #224595;
    padding: 10px;
    text-align: center;
    margin: 5px;
    color: #FFF;
    border-radius: 5px;
}
.table_cell-dashboard1 {
    display: table-cell;
    float: none;
    vertical-align: middle;
    min-width: 190px;
}
section.bylevel.table_cell-dashboard {
    text-align: center;
}

    section.byLevel.table_cell-dashboard div {
        margin-right: 20px;
    }

/*Paging Control*/
.PagingControl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.PageResultsT {
    display: inline;
    padding-left: 8px;
    padding-top: 5px;
}

.PageResultsB {
    display: inline;
    padding-bottom: 10px;
}

.PagingResults {
    display: inline-block;
    text-align: end;
}

.PageSizing {
    width: 90px;
}

.PageNumbers {
    padding-left: 3px;
}

.PagingLabel {
    padding-right: 10px;
}

.status-line li {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .status-line li strong {
        text-align: right;
        white-space: normal;
        word-break: break-word;
        flex: 1;
    }