@font-face {
    font-family: 'AdelleBasicBold';
    src: url('../js/adellebasic_bold.eot'); /* IE9 Compat Modes */
    src: url('../js/adellebasic_bold?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../js/adellebasic_bold.woff') format('woff'); /* Modern Browsers */
}

@font-face {
    font-family: 'AdelleBasicBoldItalic';
    src: url('../js/adellebasic_bolditalic.eot'); /* IE9 Compat Modes */
    src: url('../js/adellebasic_bolditalic?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../js/adellebasic_bolditalic.woff') format('woff'); /* Modern Browsers */
}

.employee-name {
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 10px;
    font-family: "Helvetica Light",Arial,sans-serif;
    font-size: 18px;
    text-align: left;
}

.employee-detail-status {
    width: 19px;
    height: 19px;
    margin: auto;
}

html, body {
    height: 100%;
}

body {
    background-color: #fff;
    color: #333;
    font-family: "Helvetica Light",Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    margin: 0;
    padding: 0;
}

h1, h2 {
    font-family: proxima_nova, arial !important;
    margin: 0 !important;
}

a:hover {
    cursor: pointer !important;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: text-decoration 0.25s ease-in-out;
    -moz-transition: text-decoration 0.25s ease-in-out;
    -webkit-transition: text-decoration 0.25s ease-in-out;
}

.main-employee-grid tr:hover,
.no-assessment-last-90-grid tr:hover,
.employee-past-training-date-grid tr:hover,
.employee-within-training-date-grid tr:hover,
.employee-in-training-grid tr:hover,
.assessor-grid tr:hover {
    background-color: #d8d8d8;
    cursor: pointer;
}

.updateNewBusiness-grid tr:hover {
    background-color: #d8d8d8;
    cursor: pointer;
}

.twitter-typeahead .token-input.tt-input {
    height: 20px;
}

.tokenfield.form-control, .unitStandardCheck button, .unitStandardCheck div {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.unitStandardCheck button {
    margin-left: 20px;
}

tr:hover td span {
    text-decoration: underline;
}

tr.highlighted td {
    background-color: #efefef;
}

.image-wrapper-circle {
    border: 3px solid #c68c2a;
    border-radius: 20px;
    display: block;
    float: left;
    height: 36px;
    overflow: hidden;
    width: 36px;
}

/*.image-wrapper-border {
    border: 3px solid #c68c2a;
    border-radius: 20px;
    position: absolute;
    height: 36px;
    width: 36px;
    top: 0;
    left: 0;
    z-index: 999;
}*/

.image-wrapper-circle-big {
    margin: 10px auto;
    width: 80%;
}

    .image-wrapper-circle-big.assessor,
    .image-wrapper-circle-big.learner {
        height: 122px;
        width: 122px;
    }

    .image-wrapper-circle-big.assessor {
        background: url(../images/e_services_learner.png) no-repeat scroll center center transparent;
    }

    .image-wrapper-circle-big.learner {
        background: url(../images/eservices_assessor.png) no-repeat scroll center center transparent;
    }

.user-profile-image-big {
    border: 3px solid lightgrey;
    border-radius: 50%;
}

button {
    background-color: white;
    border: medium none;
    color: black;
    font-size: 110%;
    margin: 0 3px;
    padding: 2px 10px;
    border: 1px solid lightgrey;
    border-radius: 2px;
}

    button:hover {
        background-color: #efefef;
        transition: background-color 0.25s ease-in-out;
        -o-transition: background-color 0.25s ease-in-out;
        -moz-transition: background-color 0.25s ease-in-out;
        -webkit-transition: background-color 0.25s ease-in-out;
    }

.past {
    color: #e85252 !important;
}

.future {
    color: #31d382 !important;
}

.clear-both {
    clear: both;
}

.padded {
    padding: 5px !important;
}

#button-go {
    background-color: #11d47b;
    border: #11d47b solid 1px;
    color: white;
}

#login #ticker-panel {
    display: none;
}

#login .portal-welcome-message, #register .portal-welcome-message {
    background: none repeat scroll 0 0 #fff;
    color: black;
    display: block;
    font-size: 13px;
    overflow: hidden;
    position: relative;
    text-align: left;
    margin-bottom: 30px;
}

    #login .portal-welcome-message .portal-welcome-message-title,
    #register .portal-welcome-message .portal-welcome-message-title {
        display: block;
        float: left;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 20px !important;
        width: 100%;
    }

.portal-welcome-message .warning {
    color: #DD4B39;
}

#login .portal-welcome-message .portal-welcome-message-body,
#register .portal-welcome-message .portal-welcome-message-body {
    float: left;
}

    #login .portal-welcome-message .portal-welcome-message-body p,
    #register .portal-welcome-message .portal-welcome-message-body p {
        font-size: 13pt;
        line-height: 150%;
    }

    #login .portal-welcome-message .portal-welcome-message-body .portal-welcome-message-button,
    #register .portal-welcome-message .portal-welcome-message-body .portal-welcome-message-button {
        width: 100%;
    }

        #login .portal-welcome-message .portal-welcome-message-body .portal-welcome-message-button button,
        #register .portal-welcome-message .portal-welcome-message-body .portal-welcome-message-button button {
            color: #666;
            display: block;
            /* have removed this to fix the layout of view help button*/
            /* font-family: proxima_nova !important; */
            font-size: 14pt;
            padding: 10px;
            white-space: normal;
        }

header {
    background-color: #ffffff;
    height: auto;
    width: 100%;
    margin-bottom: 30px;
}

#header #section-navbar {
    display: block;
    height: auto;
    overflow: hidden;
    width: 100%;
}

    #header #section-navbar .inner {
        max-width: 1300px;
        margin: auto;
        overflow: visible;
        position: relative;
        background-color: transparent;
        height: 40px;
        padding: 3px 0;
    }

    #header #section-navbar .navbar {
        display: none;
    }

    #header #section-navbar #section-title {
        display: block;
        height: 34px;
        left: 145px;
        position: absolute;
        right: 145px;
        text-align: center;
        z-index: 100;
    }

        #header #section-navbar #section-title a {
            display: inline-block;
            height: 34px;
            margin: auto;
            overflow: hidden;
            width: auto;
            padding-top: 5px;
            padding-right: 30px;
            padding-left: 15px;
            color: white;
            font-size: 130%;
        }

    #header #section-navbar #competenz {
        display: none;
    }

    #header #section-navbar #mobile-logout {
        display: none;
    }

    #header #section-navbar #mobile-home {
        display: none;
    }

#header-search {
    position: absolute;
    z-index: 103;
    padding: 7px;
}

    #header-search select {
    }

        #header-search select option {
        }

#utils-container {
    position: absolute;
    right: 30px;
    margin: 4px;
}

    #utils-container ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #utils-container ul li {
            float: left;
        }

            #utils-container ul li a {
                color: white;
                display: block;
                height: 24px;
                line-height: 180%;
                overflow: visible;
                text-indent: 0;
                width: auto;
            }

            #utils-container ul li#file a {
                background: url(../images/icon-report.png) no-repeat scroll left center transparent;
            }

            #utils-container ul li#print a {
                background: url("../images/icon-print.png") no-repeat scroll right center transparent;
                padding-right: 24px;
            }

            #utils-container ul li#help a {
                background: url("../images/eServices_help.png") no-repeat scroll right center transparent;
                margin-left: 10px;
                padding-right: 17px;
            }

body.orange #header #section-navbar,
body.orange #header #section-navbar #section-title {
    background: none repeat scroll 0 0 #fb8045;
}

    body.orange #header #section-navbar #section-title a {
        background: url("../images/logo-eservices.png") no-repeat scroll center right rgba(0, 0, 0, 0);
    }

    body.orange #header #section-navbar .navbar .navbar-toggle {
        background-color: #FCC3A6;
    }

body.gold #header #section-navbar,
body.gold #header #section-navbar #section-title {
    background: none repeat scroll 0 0 #fad145;
}

    body.gold #header #section-navbar #section-title a {
        background: url("../images/panel-bg-services-white.png") no-repeat scroll center right rgba(0, 0, 0, 0);
    }

    body.gold #header #section-navbar .navbar .navbar-toggle {
        background-color: #fde8a2;
    }

body.green #header #section-navbar,
body.green #header #section-navbar #section-title {
    background: none repeat scroll 0 0 #45fa7c;
}

    body.green #header #section-navbar #section-title a {
        background: url("../images/panel-bg-fitech-white.png") no-repeat scroll center right rgba(0, 0, 0, 0);
    }

    body.green #header #section-navbar .navbar .navbar-toggle {
        background-color: #a2fdbe;
    }

body.blue #header #section-navbar,
body.blue #header #section-navbar #section-title {
    background: none repeat scroll 0 0 #45b8fa;
}

    body.blue #header #section-navbar #section-title a {
        background: url("../images/panel-bg-database-white.png") no-repeat scroll center right rgba(0, 0, 0, 0);
    }

    body.blue #header #section-navbar .navbar .navbar-toggle {
        background-color: #a2dcfd;
    }

body.brown #header #section-navbar,
body.brown #header #section-navbar #section-title {
    background: none repeat scroll 0 0 #c28a2f;
}

    body.brown #header #section-navbar #section-title a {
        background: url("../images/panel-bg-database-white.png") no-repeat scroll center right rgba(0, 0, 0, 0);
    }

    body.brown #header #section-navbar .navbar .navbar-toggle {
        background-color: #e1c597;
    }

body.aqua #header #section-navbar,
body.aqua #header #section-navbar #section-title {
    background: none repeat scroll 0 0 #45faf4;
}

    body.aqua #header #section-navbar #section-title a {
        background: url("../images/panel-bg-forms-white.png") no-repeat scroll center right rgba(0, 0, 0, 0);
    }

    body.aqua #header #section-navbar .navbar .navbar-toggle {
        background-color: #a2fdfa;
    }

body.purple-resource #header #section-navbar,
body.purple-resource #header #section-navbar section-title {
    background: none repeat scroll 0 0 #af45fa;
}

    body.purple-resource #header #section-navbar #section-title a {
        background: url("../images/panel-bg-resource.png") no-repeat scroll center right rgba(0, 0, 0, 0);
    }

    body.purple-resource #header #section-navbar .navbar .navbar-toggle {
        background-color: #d7a2fd;
    }

body.purple #header #section-navbar,
body.purple #header #section-navbar #section-title {
    background: none repeat scroll 0 0 #af45fa;
}

    body.purple #header #section-navbar #section-title a {
        background: url("../images/panel-bg-cz-white.png") no-repeat scroll center right rgba(0, 0, 0, 0);
    }

    body.purple #header #section-navbar .navbar .navbar-toggle {
        background-color: #d7a2fd;
    }

body.yellow #header #section-navbar,
body.yellow #header #section-navbar #section-title {
    background: none repeat scroll 0 0 #faef45;
}

    body.yellow #header #section-navbar #section-title a {
        background: url("../images/panel-bg-cogs-white.png") no-repeat scroll center right rgba(0, 0, 0, 0);
    }

    body.yellow #header #section-navbar .navbar .navbar-toggle {
        background-color: #fdf7a2;
    }

body.pink #header #section-navbar,
body.pink #header #section-navbar #section-title {
    background: none repeat scroll 0 0 #fa45e3;
}

    body.pink #header #section-navbar #section-title a {
        background: url("../images/panel-bg-question-white.png") no-repeat scroll center right rgba(0, 0, 0, 0);
    }

    body.pink #header #section-navbar .navbar .navbar-toggle {
        background-color: #fda2f1;
    }

#header #portal {
    position: relative;
    margin-top: 10px;
    border-bottom: 1px solid #f1f1f1;
}

    #header #portal .inner {
        position: relative;
        background-color: transparent;
        text-align: left;
    }

        #header #portal .inner a {
            display: inline-block;
        }

#header .navbar {
    display: none;
}

#header img#logo {
    background: no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    margin: auto;
    overflow: hidden;
    text-indent: -9999px;
}

#header .account {
    font-size: 9pt;
    left: 5px;
    margin-top: -5px;
}

    #header .account .account-role {
        color: #666666;
        float: left;
        padding-left: 5px;
        padding-top: 10px;
        white-space: normal;
    }

    #header .account .account-name {
        float: left;
        padding-left: 5px;
        padding-top: 10px;
    }

        #header .account .account-name a {
            color: #c68c2a;
        }

#header .utilities {
    list-style: none outside none;
    margin: 9px 0 0;
    padding: 0;
    position: absolute;
    right: 25px;
    top: 0;
}

    #header .utilities li {
        float: left;
        padding: 0 5px;
        margin-right: 0px;
    }

        #header .utilities li a {
            display: block;
            overflow: hidden;
            text-indent: -999px;
        }

            #header .utilities li a#home {
                background: url("../images/icon-home.png") no-repeat scroll 0 0 transparent;
                height: 24px;
                width: 27px;
            }

            #header .utilities li a#share {
                background: url("../images/icon-cloud.png") no-repeat scroll 0 0 transparent;
                height: 26px;
                margin-top: -1px;
                width: 26px;
            }

            #header .utilities li a#back {
                background: url("../images/icon-back.png") no-repeat scroll 0 0 transparent;
                height: 22px;
                margin-top: 1px;
                width: 24px;
            }

        #header .utilities li .account a {
            display: block;
            overflow: hidden;
            text-indent: 1px;
        }

#body {
    clear: both;
    height: auto;
    margin: 0 auto 100px;
    max-width: 1300px;
}

.panel {
    border: 1px solid #dbd9d9;
    box-shadow: 0 0 7px #e9e9e7;
    background: url("../images/panel-corner.png") no-repeat scroll right top transparent;
    float: left;
    margin-bottom: 0;
    margin-right: 2%;
    margin-top: 20px;
    min-height: 165px;
    overflow: hidden;
    position: relative;
    width: 18.5%;
}

.dirty-box-hack {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    z-index: 5;
}

.panel:hover {
    background: url("../images/panel-corner.png") no-repeat scroll right top transparent;
    cursor: pointer;
}

.panel.gold {
    border-bottom: 4px solid #fad145;
}

.panel.orange {
    border-bottom: 4px solid #fa8045;
}

.panel.blue {
    border-bottom: 4px solid #0072C6;
}

.panel.green {
    border-bottom: 4px solid #45fa7c;
}

.panel.deep-green {
    border-bottom: 4px solid #216321;
}

.panel.blue {
    border-bottom: 4px solid #45b8fa;
}

.panel.yellow {
    border-bottom: 4px solid #faef45;
}

.panel.purple {
    border-bottom: 4px solid #af45fa;
}

.panel.aqua {
    border-bottom: 4px solid #45faf4;
}

.panel.pink {
    border-bottom: 4px solid #fa45e3;
}

.panel.brown {
    border-bottom: 4px solid #c28a2f;
}

.panel.deep-blue {
    border-bottom: 4px solid #32566d;
}

.panel.maroon {
    border-bottom: 4px solid #862c4b;
}

.panel.ta-blue {
    border-bottom: 4px solid #65aac9;
}

.panel.large {
    height: 350px;
    width: 39%;
}

.panel > a {
    color: #666666;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
}

.warningPurple {
    background: url(../images/question-mark-purple-scaled.png) no-repeat scroll center center transparent;
}

.warningRed {
    background: url(../images/question-mark-red-scaled.png) no-repeat scroll center center transparent;
}

.warningDescription {
    visibility: visible;
}

    .warningDescription:hover {
        color: white;
    }

.panel .lms {
    background: url(../images/panel-bg-e.png) no-repeat scroll center center transparent;
}

    .panel .lms:hover {
        background: url(../images/panel-bg-e-hover.png) no-repeat scroll center center transparent;
    }

.panel .stmforecast {
    background: url(../images/STM_Forecast_Tile_Grey.png) no-repeat scroll center center transparent;
}

    .panel .stmforecast:hover {
        background: url(../images/STM_Forecast_Tile_Highlight.png) no-repeat scroll center center transparent;
    }

.panel .bireporting {
    background: url(../images/BI-Main-100x100_Up.png) no-repeat scroll center center transparent;
}

    .panel .bireporting:hover {
        background: url(../images/BI-Main-100x100_Over.png) no-repeat scroll center center transparent;
    }

.panel .visits {
    background: url(../images/visit-notes-tile-grey.png) no-repeat scroll center center transparent;
}

    .panel .visits:hover {
        background: url(../images/visit-notes-tile-highlight.png) no-repeat scroll center center transparent;
    }

.panel .services {
    background: url(../images/panel-bg-services.png) no-repeat scroll center center transparent;
}

    .panel .services:hover {
        background: url(../images/panel-bg-services-hover.png) no-repeat scroll center center transparent;
    }

.panel .fitec {
    background: url(../images/panel-bg-fitech.png) no-repeat scroll center center transparent;
}

    .panel .fitec:hover {
        background: url(../images/panel-bg-fitech-hover.png) no-repeat scroll center center transparent;
    }

.panel .trades {
    background: url(../images/3.0-Ops-Resources_Up.png) no-repeat scroll center center transparent;
}

    .panel .trades:hover {
        background: url(../images/3.0-Ops-Resources_Over.png) no-repeat scroll center center transparent;
    }

.panel .tms {
    background: url(../images/panel-bg-lms.png) no-repeat scroll center center transparent;
}

    .panel .tms:hover {
        background: url(../images/panel-bg-lms-hover.png) no-repeat scroll center center transparent;
    }

.panel .resource-order {
    background: url(../images/panel-bg-resource.png) no-repeat scroll center center transparent;
}

    .panel .resource-order:hover {
        background: url(../images/panel-bg-resource-hover.png) no-repeat scroll center center transparent;
    }


.panel .cz {
    background: url(../images/panel-bg-literacy.png) no-repeat scroll center center transparent;
}

    .panel .cz:hover {
        background: url(../images/panel-bg-literacy-hover.png) no-repeat scroll center center transparent;
    }

.panel .forms {
    background: url(../images/panel-bg-numeracy.png) no-repeat scroll center center transparent;
}

    .panel .forms:hover {
        background: url(../images/panel-bg-numeracy-hover.png) no-repeat scroll center center transparent;
    }

.panel .help {
    background: url(../images/panel-bg-question.png) no-repeat scroll center center transparent;
}

    .panel .help:hover {
        background: url(../images/panel-bg-question-hover.png) no-repeat scroll center center transparent;
    }

.panel .enter-results {
    background: url(../images/enter-results-tile-grey.png) no-repeat scroll center center transparent;
}

    .panel .enter-results:hover {
        background: url(../images/enter-results-tile-hover.png) no-repeat scroll center center transparent;
    }

.panel .canvas {
    background: url(../images/canvas-tile-grey.png) no-repeat scroll center center transparent;
}

    .panel .canvas:hover {
        background: url(../images/canvas-tile-hover.png) no-repeat scroll center center transparent;
    }

.panel .training-agreements {
    background: url(../images/training-agreements-tile-grey.png) no-repeat scroll center center transparent;
}

    .panel .training-agreements:hover {
        background: url(../images/training-agreements-tile-hover.png) no-repeat scroll center center transparent;
    }

.panel span {
    display: block;
    line-height: 23em;
    font-size: 85%;
}

    .panel span.info-panel {
        background: url("../images/panel-corner.png") no-repeat scroll right top #febc3f;
        bottom: 0;
        color: #000000;
        display: block;
        left: 0;
        line-height: 140% !important;
        padding: 10px 20px 10px 10px;
        position: absolute;
        right: 0;
        text-align: left;
        top: 0;
    }

#ticker-home {
    height: 100%;
    overflow: hidden;
}

    #ticker-home .owl-wrapper-outer {
        height: 100%;
    }

        #ticker-home .owl-wrapper-outer .owl-wrapper {
            height: 100%;
        }

            #ticker-home .owl-wrapper-outer .owl-wrapper .owl-item {
                height: 100%;
            }

                #ticker-home .owl-wrapper-outer .owl-wrapper .owl-item > div {
                    height: 100%;
                }

    #ticker-home .owl-controls {
        bottom: 170px;
        left: 0;
        position: absolute;
        right: 0;
        top: 90px;
        z-index: 0;
    }

    #ticker-home .owl-buttons {
        overflow: auto;
        padding: 0 10px;
    }

    #ticker-home .owl-prev,
    #ticker-home .owl-next {
        height: 60px;
        line-height: 999px;
        overflow: hidden;
    }

    #ticker-home .owl-prev {
        background: url("../images/arrow-left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        float: left;
    }

    #ticker-home .owl-next {
        background: url("../images/arrow-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        float: right;
    }

.ticker-item {
    height: 100%;
}

    .ticker-item img.ticker-image {
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0;
    }

    .ticker-item .ticker-caption {
        background: url("../images/bg-white.png") repeat scroll 0 0 transparent;
        bottom: 0;
        left: 0;
        padding: 15px;
        position: absolute;
        right: 0;
        top: 50%;
        z-index: 1;
    }

        .ticker-item .ticker-caption h2 {
            color: #c28a2f;
            font-family: AdelleBasicBold;
            font-size: 18pt;
            margin: 0 0 10px;
        }

            .ticker-item .ticker-caption h2 .ticker-date {
                background: url("../images/icon-calendar.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
                color: #666;
                float: right;
                font-family: arial;
                font-size: 8pt;
                line-height: 150%;
                padding-left: 15px;
            }

    .ticker-item .ticker-corner {
        position: absolute;
        right: 0;
        z-index: 999;
    }
    /*.ticker-item .ticker-caption p {
    bottom: 28px;
    left: 15px;
    overflow: auto;
    position: absolute;
    right: 15px;
    text-overflow: ellipsis;
    top: 30%;
    white-space: normal;
}*/
    .ticker-item .ticker-caption a.view-link {
        background: none repeat scroll 0 0 white;
        bottom: 0;
        color: #666;
        font-size: 8pt;
        padding: 5px;
        position: absolute;
        right: 0;
    }

.ellipsis {
    overflow: hidden;
    height: 100px;
    line-height: 25px;
    margin: 0px;
    border: none;
}

    .ellipsis:before {
        content: "";
        float: left;
        width: 5px;
        height: 200px;
    }

    .ellipsis > *:first-child {
        float: right;
        width: 100%;
        margin-left: -5px;
    }

    .ellipsis:after {
        content: "\02026";
        box-sizing: content-box;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        float: right;
        position: relative;
        top: -25px;
        left: 100%;
        width: 3em;
        margin-left: -3em;
        padding-right: 5px;
        text-align: right;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
        background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
        background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
        background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
        background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
    }


.modal {
    overflow: auto;
}

.modal-dialog {
    box-shadow: 0 0 10px #666;
    width: 300px;
}

.modal-header .close {
    background: url("../images/panel-corner-close.png") no-repeat scroll right top transparent;
    height: 37px;
    position: absolute;
    right: 0;
    top: 2px;
    width: 38px;
}

    .modal-header .close > span {
        display: none;
    }

.modal-header {
    border-bottom: none;
    padding: 10px 0;
}

.modal-title {
    text-align: center;
    color: #666666;
    font-size: 22px;
}

.modal-body {
    text-align: center;
}

.k-window-actions {
    padding-top: 0 !important;
    right: 0 !important;
    height: 37px;
    width: 38px;
}

    .k-window-actions .k-window-action {
        padding: 0 !important;
        display: block;
        height: inherit;
        width: inherit;
        background: none;
        border: none;
    }

        .k-window-actions .k-window-action .k-icon {
            background: url("../images/panel-corner-close.png") no-repeat scroll right top transparent !important;
            height: 37px;
            position: absolute;
            right: 0;
            top: 0px;
            width: 38px;
            display: block;
        }

.user-detail-dialog {
    text-align: center;
}

    .user-detail-dialog h1 {
        font-size: 15pt;
        color: #c68c2a;
    }

        .user-detail-dialog h1 strong {
            color: #666666;
        }

    .user-detail-dialog .image-wrapper-circle.circle-large {
        float: none;
        margin: 15px auto 0;
        width: 254px;
        height: 254px;
        border-radius: 130px;
    }

    .user-detail-dialog a {
        color: #c68c2a;
        margin-bottom: 0px;
        display: block;
    }


ul.social-media {
    display: table;
    list-style: none outside none;
    margin: auto;
    padding: 0;
    width: 35%;
}

    ul.social-media li {
        display: table-cell;
    }

        ul.social-media li a {
            display: block;
            height: 46px;
            margin: auto;
            overflow: hidden;
            text-indent: -999px;
            width: 45px;
        }

            ul.social-media li a.facebook {
                background: url(../images/icon-facebook.png) no-repeat scroll center top transparent;
            }

            ul.social-media li a.twitter {
                background: url(../images/icon-twitter.png) no-repeat scroll center top transparent;
            }

            ul.social-media li a.google {
                background: url(../images/icon-google.png) no-repeat scroll center top transparent;
            }

            ul.social-media li a.instagram {
                background: url(../images/icon-instagram.png) no-repeat scroll center top transparent;
            }

    form.login input[type=text] {
        border: 1px solid #d7d7d7;
        height: 30px;
        margin-bottom: 10px;
        text-indent: 10px;
        width: 190px;
    }

    form.login .login-links {
        display: table;
        list-style: none outside none;
        margin: 0 0 6px;
        padding: 0;
        width: 100%;
    }

        form.login .login-links li {
            display: table-cell;
            padding: 0 1px;
        }

            form.login .login-links li a {
                color: #fabe4a;
                font-size: 85%;
            }

    form.login .remember {
        color: #666666;
        font-size: 85%;
        font-weight: normal;
    }

        form.login .remember input {
            margin-right: 4px;
        }

.modal-footer {
    border-top: medium none;
    margin-top: 0;
    text-align: center;
}

    .modal-footer button {
        background-color: #11d47b;
        border: medium none;
        color: white;
        font-size: 110%;
        padding: 5px 20px;
    }

        .modal-footer button:hover {
            background-color: #59dba0;
        }

.modal-backdrop {
    background-color: #ffffff;
}

footer {
    background: #666666;
    bottom: 0;
    height: 39px;
    left: 0;
    position: fixed;
    right: 0;
}

#footer {
    text-align: right;
}

    #footer a {
        background: url("../images/footer-logo-gray.png") no-repeat scroll 0 4px #666666;
        color: white;
        display: inline-block;
        font-weight: bold;
        height: 18px;
        margin: 9px auto 0;
        padding-left: 94px;
        width: 145px;
    }


/* DEV Styles - feel free to override*/
div.orange-border-div-bottom {
    border-bottom: 5px solid rgb(238,126,85);
}

.people-detail-left {
    float: left;
    width: 29%;
    max-width: 250px;
    margin-right: 1%;
    box-shadow: 0 0 7px #e9e9e7;
}

    .people-detail-left img {
        box-shadow: 0 0 7px #e9e9e7;
        float: left;
        width: 100%;
        margin: 0 0 10px;
    }

.people-spacing {
    margin-top: 8px;    
}

.people-detail-top {
    background: #fff none;
    padding: 10px 20px;
    text-align: center;
}

.people-detail-edit-panel {
    margin-right: 10px;
    list-style-type: none;
    margin-bottom: 10px;
}

.people-detail-edit-panel-button {
    margin-bottom: 20px;
}

    .people-detail-edit-panel-button button {
        width: 30%;
        margin-left: 13%;
    }

.people-detail-edit-panel input {
    width: 100%;
    max-width: 90%;
    padding: 5px;
}

ul {
    list-style-type: none;
}

    .employee-image h4.green {
        color: #26EB00;
    }

    .employee-image h4.orange {
        color: #eb5e00;
    }

    .employee-image h4.red {
        color: #eb0000;
    }

        .employee-image h5.active,
        .employee-image h5.grace,
        .employee-image h5.onhold,
        .employee-image h5.pending {
            display: block;
            height: 17px;
            margin: 10px auto 15px;
            overflow: hidden;
            text-indent: -9999px;
            width: 17px;
        }

        .employee-image h5.Active,
        .employee-image h5.Grace,
        .employee-image h5.OnHold,
        .employee-image h5.Pending {
            display: block;
            height: 30px;
            margin: auto 15px;
            overflow: hidden;
            text-indent: -9999px;
            width: 30px;
        }

        .employee-image h5.active {
            background: url("../images/flag_eservices_active.png") no-repeat scroll center center rgba(0, 0, 0, 0);
        }

        .employee-image h5.grace {
            background: url("../images/flag_eservices_grace.png") no-repeat scroll center center rgba(0, 0, 0, 0);
        }

        .employee-image h5.onhold {
            background: url("../images/flag_eservices_onhold.png") no-repeat scroll center center rgba(0, 0, 0, 0);
        }

        .employee-image h5.pending {
            background: url("../images/flag_eservices_pending.png") no-repeat scroll center center rgba(0, 0, 0, 0);
        }

        .employee-image h5.Active {
            background: url("../images/flag_eservices_active_big.png") no-repeat scroll center center rgba(0, 0, 0, 0);
        }

        .employee-image h5.Grace {
            background: url("../images/flag_eservices_grace.png") no-repeat scroll center center rgba(0, 0, 0, 0);
        }

        .employee-image h5.OnHold {
            background: url("../images/flag_eservices_onhold.png") no-repeat scroll center center rgba(0, 0, 0, 0);
        }

        .employee-image h5.Pending {
            background: url("../images/flag_eservices_pending.png") no-repeat scroll center center rgba(0, 0, 0, 0);
        }

    .employee-image .employee-name {
        font-weight: bold;
    }

.employee-details {
    list-style: none;
    padding: 10px 0;
    margin: 15px -20px;
    background-color: #efefef;
}

.employee-reports select {
    float: right;
    margin-right: 60px;
    height: 20px;
}

.empoyee-detail {
    float: left;
    width: 100%;
    padding: 0 20px;
}

.empoyee-detail .k-tabstrip-wrapper .k-tabstrip-items {
    background: #fff none;
    z-index: 0;
}

.people-detail-right {
    float: left;
    width: 70%;
    padding: 0 20px;
}

.people-detail-right .k-tabstrip-wrapper .k-tabstrip-items {
    background: #fff none;
    z-index: 0;
}

.people-form ul li {
    clear: both;
    width: 100%;
}

    .people-form ul li label {
        width: 50%;
    }

    .people-form ul li input[type=text] {
        width: 50%;
    }

.loading {
    width: 32px;
    height: 32px;
    background-image: url('../images/ajax-loader.gif');
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .loading.ustypeahead {
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: bottom;
    }

.k-tabstrip li {
    border-color: #dbd9d9 !important;
}

.k-tabstrip div {
    border: none !important;
    overflow: hidden;
    padding-right: 0 !important;
    white-space: normal;
}

.people-detail-right .k-tabstrip > div {
    box-shadow: 0 0 7px #e9e9e7;
}

#companies-search-container {
    margin: 15px auto;
}

#companies-search-form {
    text-align: center;
    margin: 0 30px;
}

#companies-header {
    display: none;
}

#companies-search-form input[type=text] {
    border: 1px solid #d7d7d7;
    height: 30px;
    margin-bottom: 0;
    text-indent: 10px;
    width: 190px;
}

#companies-search-label {
    text-align: center;
    margin: 10px;
}

    #companies-search-label p {
        margin-bottom: 0;
    }

#companies-search-title {
    display: none;
}

#companies-search-results {
    border: 1px solid #dbd9d9;
}

#companies-search-index {
    background: none repeat scroll 0 0 #d7d7d7;
    margin: 10px auto 15px;
    padding: 5px 10px;
    text-align: center;
    border-bottom: 1px solid #dbd9d9;
}

    #companies-search-index a {
        font-size: 16px;
        font-weight: bold;
        margin-right: 9px;
    }

#companies-search-list-container {
    padding: 20px;
}

#companies-search-list {
    list-style: outside none none;
    margin: 20px 0 0;
    overflow: auto;
    padding: 0;
    -moz-column-count: 4;
    -moz-column-gap: 0px;
    -webkit-column-count: 4;
    -webkit-column-gap: 0px;
    column-count: 4;
    column-gap: 0px;
}

    #companies-search-list li {
        display: inline-block;
        width: 100%;
    }

        #companies-search-list li span {
            font-weight: bold;
            margin-left: 4px;
        }

        #companies-search-list li ul {
            list-style: outside none none;
            margin: 0;
            overflow: visible;
            padding: 0;
        }

            #companies-search-list li ul li {
                clear: both;
                margin-right: 0;
                width: 100%;
            }

                #companies-search-list li ul li input {
                    float: left;
                    margin-right: 3%;
                    width: 9%;
                }

                #companies-search-list li ul li a {
                    display: block;
                    float: left;
                    line-height: 110%;
                    width: 86%;
                }

#company-search-footer {
    margin-top: 10px;
}

    #company-search-footer button {
    }

#people-container ul.k-tabstrip-items {
    margin-top: 10px;
    border-radius: 5px;
    float: left;
    border-top: none;
}

    #people-container ul.k-tabstrip-items li {
        border: 1px #cccccc solid;
        text-align: center;
        margin: 0;
        padding: 10px;
        float: left;
    }

        #people-container ul.k-tabstrip-items li:hover {
            cursor: pointer;
        }

        #people-container ul.k-tabstrip-items li a {
            color: #0a0a0a;
            font-size: 0.9em;
            line-height: 1.5em;
            white-space: normal;
        }

        #people-container ul.k-tabstrip-items li.k-state-active {
            background-color: #ececec;
        }

            #people-container ul.k-tabstrip-items li.k-state-active:hover {
                background-color: #fff;
            }

        #people-container ul.k-tabstrip-items li:first-child {
            border-radius: 5px 0 0 5px;
            width: auto;
        }

        #people-container ul.k-tabstrip-items li:last-child {
            border-radius: 0 5px 5px 0;
            width: auto;
        }

/*stm-container*/
#stmforecast-container ul.k-tabstrip-items {
    margin-top: 10px;
    border-radius: 5px;
    float: left;
    border-top: none;
}

    #stmforecast-container ul.k-tabstrip-items li {
        border: 1px #cccccc solid;
        text-align: center;
        margin: 0;
        padding: 10px;
        float: left;
        border-radius: 0;
    }

        #stmforecast-container ul.k-tabstrip-items li:hover {
            cursor: pointer;
        }

        #stmforecast-container ul.k-tabstrip-items li a {
            color: #0a0a0a;
            font-size: 0.9em;
            line-height: 1.5em;
            white-space: normal;
        }

        #stmforecast-container ul.k-tabstrip-items li.k-state-active {
            background-color: #ececec;
        }

            #stmforecast-container ul.k-tabstrip-items li.k-state-active:hover {
                background-color: #fff;
            }

        #stmforecast-container ul.k-tabstrip-items li:first-child {
            border-radius: 5px 0 0 5px;
            width: auto;
        }

        #stmforecast-container ul.k-tabstrip-items li:last-child {
            border-radius: 0 5px 5px 0;
            width: auto;
        }

/*KENDO OVERRIDES*/
.k-header,
.k-grid-header-wrap,
.k-grid .k-grouping-header,
.k-grid-header,
.k-pager-wrap,
.k-pager-wrap .k-textbox,
.k-pager-wrap .k-link,
.k-grouping-header .k-group-indicator,
.k-gantt-toolbar .k-state-default {
    border: none;
    border-width: 0;
    background: transparent none;
}

.k-input {
    max-width: none;
}

.k-tabstrip .k-tabstrip-items {
    padding: 0;
}
/*#employeeGrid td .k-select .k-i-calendar {
    visibility: hidden;
}*/
.k-tabstrip > .k-content,
.k-panelbar .k-tabstrip > .k-content {
    border: none !important;
    box-shadow: none;
    margin: 0;
    clear: both;
    padding: 0 !important;
}

.k-window-titlebar,
.k-block > .k-header,
.k-tabstrip-items .k-item,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-link,
.k-calendar-container.k-state-border-down,
.k-list-container.k-state-border-down,
.k-autocomplete.k-state-border-down,
.k-multiselect.k-state-border-down,
.k-dropdown-wrap.k-state-border-down,
.k-picker-wrap.k-state-border-down,
.k-numeric-wrap.k-state-border-down {
    border-radius: 0;
}

.k-tabstrip-items .k-loading {
    border-top-width: 0;
}

.k-tabstrip-items .k-state-default .k-link,
.k-panelbar > li.k-state-default > .k-link {
    color: #666666;
    font-size: 85%;
    padding: 10px 7px !important;
}

.k-link:link, .k-link:visited,
.k-nav-current.k-state-hover .k-link {
    color: #666666;
}

.k-block,
.k-widget,
.k-popup,
.k-content,
.k-toolbar,
.k-dropdown .k-input {
    color: #666666;
}

div.k-grid-header th.k-header,
tr.k-filter-row > th {
    background: #eeeeee;
    font-size: 80%;
    /*background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );*/
}


tr.k-filter-row > th {
    background: none repeat scroll 0 0 #EFDFC6;
}

.k-tabstrip:focus {
    box-shadow: none;
}


.k-filtercell > span {
    padding-right: 1.8em;
}

    .k-filtercell > span > button {
        display: none;
    }

.k-filter-row .k-dropdown-operator {
    right: -0.2em;
}

.k-filtercell > span > .k-button, .k-filter-row .k-dropdown-operator {
    top: -0.9px;
}

tr.k-filter-row > th .k-header {
    border-radius: 0;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap {
    border-radius: 0;
}

.k-pager-wrap {
    border-top: 1px #666666 solid;
    background: #eeeeee;
    /*background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );*/
}

.grid-filter-header {
    display: block;
    width: 90%;
    overflow: auto;
    margin: 5px;
}

    .grid-filter-header span {
        display: block;
        overflow: hidden;
    }

        .grid-filter-header span.k-select {
            left: 0;
            text-align: center;
            width: auto;
        }

            .grid-filter-header span.k-select span.k-filter {
                margin: 5px auto !important;
                padding: 0;
                width: 15px;
            }

        .grid-filter-header span span.k-state-default {
            width: 75%;
            float: left;
        }

        .grid-filter-header span span.k-dropdown-operator {
            width: 25%;
            float: left;
        }

            .grid-filter-header span span.k-dropdown-operator > span {
                border-radius: 0;
                padding: 0;
                width: 100%;
                border: none;
                background: #eee;
            }

                .grid-filter-header span span.k-dropdown-operator > span .k-input {
                    text-indent: -999px;
                    overflow: hidden;
                }

                .grid-filter-header span span.k-dropdown-operator > span .k-select .k-icon {
                    margin-left: 20%;
                    margin-top: 20%;
                }

.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight,
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color {
    background-color: #c68c2a;
    border-color: #c68c2a;
}

.k-panelbar .k-state-selected {
    background-color: #f9f2dd;
    color: #666666;
}

.k-panelbar > li > .k-link {
    color: #666666;
    background: #f9f2dd;
}

.k-content > .k-panelbar > li > .k-link {
    background: none repeat scroll 0 0 #fff;
    color: #666666 !important;
    padding: 2px 20px !important;
}

.k-tabstrip-items .k-item {
    border: none;
    border-radius: 5px 5px 0 0;
    background: #cccccc none;
    z-index: 0;
    margin-right: 10px;
}

    .k-tabstrip-items .k-item.k-state-active {
        border: none;
        background: #ffffff none;
        z-index: 0;
        box-shadow: 0 0 7px #e9e9e7;
        border-radius: 5px 5px 0 0;
    }

    .k-tabstrip-items .k-item:hover {
        border: none;
        background: #ffffff none;
        transition: background-color 0.25s ease-in-out;
        -o-transition: background-color 0.25s ease-in-out;
        -moz-transition: background-color 0.25s ease-in-out;
        -webkit-transition: background-color 0.25s ease-in-out;
    }

/*grid style free to override*/
.grid-filter-top {
    margin: 5px 0;
    border-radius: 3px;
}

.k-panelbar .k-state-focused.k-state-selected {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.k-tabstrip div.main-employee-grid,
.k-tabstrip div.training-plan-grid,
.k-tabstrip div.programme-enrolment-grid,
.k-tabstrip div.course-registrations-grid,
.k-tabstrip div.qualifications-achieved-grid,
.k-tabstrip div.completed-unit-standard-grid,
.k-tabstrip div.incomplete-unit-standard-grid {
    border: 1px solid rgb(197,197,197) !important;
    margin-top: 10px;
    margin-bottom: 20px;
}

.k-pager-numbers .k-state-selected {
    border: none;
    background-color: rgb(238, 238, 238);
    color: black;
    text-decoration: underline;
}

.k-pager-wrap .k-pager-info {
    float: left;
}

.report-option {
    margin-right: 10px;
    height: 28px;
    float: left;
}

    .report-option select {
        border: 1px solid #c9c9c9;
        float: right;
    }

    .report-option .show-numbers-of-item span,
    .report-option .show-numbers-of-item select {
        float: left;
        display: block;
    }

    .report-option .show-numbers-of-item span {
        padding-top: 2px;
        padding-right: 5px;
    }

.show-numbers-of-item,
.footer-button {
    float: right;
    margin-right: 10px;
}


.grid-right-footer-section-wrap {
    position: relative;
    margin-top: -28px;
    float: right;
}

    .grid-right-footer-section-wrap > button {
        float: left;
    }

.report-message {
    text-align: right;
}

.breadcrumb {
    height: 31px !important;
    max-width: 1300px;
}

body.home .breadcrumb-row {
    border-top: 2px solid #eee;
    margin: 10px auto;
    max-width: 1300px;
}

@media only screen and (max-width: 1024px) {
    .panel {
        width: 31%;
    }

        .panel.large {
            width: 64%;
        }

    .modal-dialog {
        margin: 15% auto;
    }
}

@media only screen and (max-width: 800px) {
    #header .account,
    #header #logo,
    #header .utilities {
        float: right;
        margin-right: 150px;
    }

    #companies-search-list {
        -moz-column-count: 1;
        -moz-column-gap: 0;
        -webkit-column-count: 1;
        -webkit-column-gap: 0;
        column-count: 1;
        column-gap: 0;
    }

        #companies-search-list li {
            border-bottom: 1px solid #efefef;
            display: inline-block;
            margin-bottom: 20px;
            padding-bottom: 20px;
            width: 100%;
        }

            #companies-search-list li ul li {
                border-bottom: none;
                margin-bottom: 0;
                padding-bottom: 0;
            }

                #companies-search-list li ul li input {
                    float: none;
                    left: 48px;
                    margin-right: 0;
                    margin-top: 2px;
                    position: absolute;
                    width: auto;
                }

                #companies-search-list li ul li a {
                    margin-left: 32px;
                }

    #header .account, #header #logo, #header .utilities {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 640px) {
    .panel {
        width: 47%;
    }

        .panel.large {
            width: 96%;
        }

    .modal-dialog {
        margin: 15% auto;
    }

    #header .utilities li .account a {
        text-indent: -999px;
    }
}

@media only screen and (max-width: 600px) {
    #header .account {
        left: 10px;
    }

        #header .account .account-name {
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 36px;
        }

            #header .account .account-name a {
                display: block;
                height: 36px;
                overflow: hidden;
                text-indent: -9999px;
                width: 36px;
            }

    #header .utilities {
        right: 10px;
    }

        #header .utilities li {
            padding: 0 1px;
        }

    #header img#logo {
        background: no-repeat scroll 0 0 / 80% 80% rgba(0, 0, 0, 0);
    }
}

@media only screen and (max-width: 420px) {
    #header .utilities {
        float: left;
        margin-top: 100px;
        margin-bottom: 20px;
    }
}

img#logo {
    background: no-repeat scroll 0 0 / 80% 80% rgba(0, 0, 0, 0);
}

/*screen for iphone 6 and 6plus*/
@media only screen and (min-device-width: 370px) and (max-device-width: 480px) {
    .k-tabstrip-items .k-item {
        margin-right: 7%;
    }
}

@media only screen and (max-width: 480px) {
    #body {
        margin: 0 auto 50px;
    }

    #login-root, #register-root {
        float: none;
        margin-right: 0;
    }

        #login-root #a0-lock .a0-panel {
            width: 100%;
            box-shadow: none;
        }

    #a0-lock .a0-panel {
        width: auto !important;
    }

        #a0-lock .a0-panel .a0-inputs {
            border: none !important;
            border-radius: 0 !important;
        }

    .auth0-lock-widget {
        width: 100% !important;
    }

    .a0-email,
    .a0-password {
        margin: 10px 0;
        border: 1px solid #ccc;
    }

        .a0-email input,
        .a0-password input {
            padding: 10px 10px 10px 20px !important;
            text-indent: 20px !important;
            background-color: white !important;
        }

    #header {
        padding: 0;
        z-index: 1;
    }

        #header #section-navbar {
            display: block;
            height: 34px;
            overflow: visible;
            width: 100%;
        }

            #header #section-navbar .navbar {
                background: none repeat scroll 0 0 transparent;
                border: medium none;
                display: block;
                margin-bottom: 0;
                min-height: 0;
                position: absolute;
                width: 100%;
                z-index: 98;
            }

                #header #section-navbar .navbar .navbar-toggle {
                    padding: 10px;
                    margin: 0;
                    border-radius: 0;
                    border: none;
                }

                #header #section-navbar .navbar .navbar-header {
                    float: left;
                }

                #header #section-navbar .navbar .navbar-collapse {
                    clear: both;
                    padding: 0;
                    border: none;
                }

                    #header #section-navbar .navbar .navbar-collapse .navbar-nav {
                        margin: 0;
                    }

                        #header #section-navbar .navbar .navbar-collapse .navbar-nav > li {
                            background: url("../images/chevron-grey.png") no-repeat scroll 95% center white;
                            border-bottom: 1px #E1E1E1 solid;
                        }

                            #header #section-navbar .navbar .navbar-collapse .navbar-nav > li:hover {
                                background-color: #efefef;
                            }

                            #header #section-navbar .navbar .navbar-collapse .navbar-nav > li > a {
                                background-color: white;
                                text-indent: 40px;
                                margin-right: 50px;
                            }

                                #header #section-navbar .navbar .navbar-collapse .navbar-nav > li > a#companies {
                                    background: url("../images/icon-companies.png") no-repeat scroll 5% center transparent;
                                }

                                #header #section-navbar .navbar .navbar-collapse .navbar-nav > li > a#learnersemployers {
                                    background: url("../images/icon-learners.png") no-repeat scroll 5% center transparent;
                                }

                                #header #section-navbar .navbar .navbar-collapse .navbar-nav > li > a#assessors {
                                    background: url("../images/icon-assessors.png") no-repeat scroll 5% center transparent;
                                }

                                #header #section-navbar .navbar .navbar-collapse .navbar-nav > li > a#help {
                                    background: url("../images/icon-help.png") no-repeat scroll 5% center transparent;
                                }

                            #header #section-navbar .navbar .navbar-collapse .navbar-nav > li.divider {
                                background: none #E1E1E1;
                                padding: 10px 15px;
                            }

            #header #section-navbar #section-title {
                display: block;
                height: 34px;
                left: 42px;
                position: absolute;
                right: 42px;
                z-index: 100;
            }

                #header #section-navbar #section-title a {
                    display: block;
                    height: 34px;
                    margin: auto;
                    overflow: hidden;
                    width: 135px;
                }

            #header #section-navbar #competenz {
                display: block;
                height: 34px;
                position: absolute;
                right: 0;
                width: 42px;
                z-index: 102;
                /* Override to include original home logo */
                width: 100%;
                /* Override to match logo with 277 bugcard screen shot */
                right: 25%;
                width: 214px;
                height: 44px;
            }

                #header #section-navbar #competenz a {
                    background: no-repeat scroll center center white;
                    display: block;
                    height: 34px;
                    overflow: hidden;
                    text-indent: -9999px;
                }


            #header #section-navbar #mobile-logout {
                display: block;
                height: 34px;
                position: absolute;
                right: 0;
                width: 42px;
                z-index: 102;
            }

            #header #section-navbar #mobile-home {
                display: block;
                height: 34px;
                position: absolute;
                right: 35px;
                width: 42px;
                z-index: 102;
            }

            #header #section-navbar #mobile-logout a {
                background: url("../images/icon-back.png") no-repeat scroll center center white;
                display: block;
                height: 35px;
                overflow: hidden;
                text-indent: -9999px;
            }

            #header #section-navbar #mobile-home a {
                background: url("../images/icon-home.png") no-repeat scroll center center white;
                display: block;
                height: 35px;
                overflow: hidden;
                text-indent: -9999px;
            }

    body.login #header #section-navbar #competenz {
        display: none;
    }

    body.login #header #section-navbar #mobile-logout {
        display: none;
    }

    body.login #header #section-navbar #mobile-home {
        display: none;
    }

    #header-search {
        display: none;
    }

    #utils-container {
        display: none;
    }

    .panel {
        width: 100%;
        margin: 0;
        margin-bottom: 0 !important;
        min-height: 70px;
        background: url("../images/chevron-grey.png") no-repeat scroll 95% center rgba(0, 0, 0, 0);
    }

        .panel:hover {
            background: url("../images/chevron-grey.png") no-repeat scroll 95% center rgba(0, 0, 0, 0);
        }

        .panel > a {
            background-position: 25px center !important;
            background-size: 40px 40px !important;
        }

            .panel > a.help {
                background-position: 25px center !important;
                background-size: 30px 50px !important;
            }

            .panel > a > span {
                line-height: 3.2em;
                text-align: left;
                text-indent: 4em;
                font-size: 1.5em;
            }

        .panel.large {
            width: 100%;
        }
    /*.panel.gold {
        border-top: 4px solid #fad145;
        border-bottom: 1px solid #dbd9d9;
    }
    .panel.orange {
        border-top: 4px solid #fa8045;
        border-bottom: 1px solid #dbd9d9;
    }
    .panel.green {
        border-top: 4px solid #45fa7c;
        border-bottom: 1px solid #dbd9d9;
    }
    .panel.blue {
        border-top: 4px solid #45b8fa;
        border-bottom: 1px solid #dbd9d9;
    }
    .panel.yellow {
        border-top: 4px solid #faef45;
        border-bottom: 1px solid #dbd9d9;
    }
    .panel.purple {
        border-top: 4px solid #af45fa;
        border-bottom: 1px solid #dbd9d9;
    }
    .panel.aqua {
        border-top: 4px solid #45faf4;
        border-bottom: 1px solid #dbd9d9;
    }
    .panel.pink {
        border-top: 4px solid #fa45e3;
        border-bottom: 1px solid #dbd9d9;
    }
    .panel.brown {
        border-top: 4px solid #c28a2f;
        border-bottom: 1px solid #dbd9d9;
    }*/
    .modal-dialog {
        width: 100%;
    }

    #companies-search-form {
        text-align: center;
        margin: 5px 10px;
    }

    #companies-search-label {
        display: none;
    }

    #companies-header {
        color: #666;
        display: inline-block;
        font-size: 1em;
        font-weight: normal;
        height: 24px;
        line-height: 2em;
        margin: 10px auto;
        min-width: 115px;
        text-indent: 35px;
    }

        #companies-header span.title {
            background: url("../images/icon-companies.png") no-repeat scroll left center transparent;
            display: inline-block;
        }

        #companies-header span.name {
            display: inline-block;
        }

    #companies-search-form #input-search {
        width: 150px;
    }

    #companies-search-form button#button-go {
        margin-left: -44px;
        padding: 5px 0 6px;
        width: 40px;
    }

    #companies-search-form button#button-reset {
        display: none;
    }

    #companies-search-results {
        border: none;
    }

    #companies-search-index a {
        border-bottom: none;
        text-transform: lowercase;
        font-weight: normal;
        color: #333;
    }

    #companies-search-list-container {
        padding: 10px;
    }

    #companies-search-list li span {
        display: none;
    }

    #companies-search-list li ul li input {
        left: 10px;
    }

    #companies-search-list li ul li a {
        color: #333;
    }

    #company-search-footer,
    #people-detail-footer {
        background: none repeat scroll 0 0 #d7d7d7;
        padding: 10px;
        overflow: auto;
    }

        #company-search-footer button,
        #people-detail-footer button {
            background: none repeat scroll 0 0 white;
            color: #666;
            font-size: 0.9em;
            padding: 8px;
            margin-left: 5px;
            float: left;
        }

        #people-detail-footer button {
            width: 30%;
            height: 18px;
        }

        #company-search-footer button#selectAll {
            width: 30%;
        }

        #company-search-footer button#clearSelection {
            display: none;
        }

        #company-search-footer button#viewButton {
            width: 20%;
        }

        #company-search-footer button#runReportSelect {
        }

        #company-search-footer button#runReportButton {
        }

        #company-search-footer button.hiddenForMobile {
            display: none;
        }

        #company-search-footer select,
        #people-detail-footer select {
            background: url(/content/images/icon-run-report.png) no-repeat 10px 10px white;
            display: block;
            width: 40%;
            border: none;
            padding: 8px;
            height: auto;
            margin-left: 5px;
            margin-right: 0 !important;
            float: left;
            padding-left: 20px;
        }

        #people-detail-footer select {
            margin-left: 20px;
        }

    .big-save-button {
        margin: 0 0 0 25px !important;
    }

    .select-wrapper-handheld {
        padding: 10px;
        background-color: #efefef;
    }

        .select-wrapper-handheld select {
            border: none;
            padding: 8px;
        }

    .k-state-default > .k-select {
        border-color: #c5c5c5;
        float: left;
        width: 100%;
    }

    #people-container {
        text-align: center;
    }

        #people-container .k-tabstrip-wrapper ul.k-tabstrip-items {
            border-top: 1px #efefef solid;
            margin-top: 10px;
            border-radius: 0;
            width: 100%;
        }

            #people-container .k-tabstrip-wrapper ul.k-tabstrip-items li {
                border: none;
                background-color: #fff;
                border-radius: 0;
            }

                #people-container .k-tabstrip-wrapper ul.k-tabstrip-items li:hover {
                    background-color: #efefef;
                }

                #people-container .k-tabstrip-wrapper ul.k-tabstrip-items li a {
                    color: #999;
                }

                #people-container .k-tabstrip-wrapper ul.k-tabstrip-items li.k-state-active {
                    background-color: #f9f2dd;
                }

                    #people-container .k-tabstrip-wrapper ul.k-tabstrip-items li.k-state-active:hover {
                        background-color: #f9f2dd;
                    }

                    #people-container .k-tabstrip-wrapper ul.k-tabstrip-items li.k-state-active a {
                        color: white;
                    }

                #people-container .k-tabstrip-wrapper ul.k-tabstrip-items li:first-child {
                    width: 50%;
                }

                #people-container .k-tabstrip-wrapper ul.k-tabstrip-items li:last-child {
                    width: 37%;
                }

    .people-detail-left,
    .people-detail-right {
        width: 100%;
        clear: both;
    }

        .people-detail-right .k-tabstrip .k-content ul.k-panelbar li.k-item div.k-content {
            padding: 10px !important;
        }

        .people-detail-left a {
            display: block;
            width: 100%;
        }

        .people-detail-left img {
            width: 50%;
            float: none;
        }


    .k-tabstrip div {
        border: none !important;
        overflow: hidden;
        padding-right: 0 !important;
    }

    .a0-btn-small {
        margin-top: 70px !important;
    }


    .a0-avatar {
        margin-top: 100px !important;
    }

    .a0-separator {
        margin-top: 50px !important;
        display: inline-block;
    }

    .a0-iconlist {
        margin-top: 10px;
    }

    .people-detail-left-mobile {
        float: none;
        margin-right: 1%;
        box-shadow: 0 0 7px #e9e9e7;
    }

    .k-state-selected > .k-link,
    .k-panelbar > li > .k-state-selected,
    .k-panelbar > li.k-state-default > .k-link.k-state-selected {
        color: black;
    }

    .k-tabstrip-items {
        margin-top: 20px !important;
    }



    .panel.large {
        height: 300px;
    }

    .breadcrumb-row {
        display: none;
    }
}

.info-panel {
    color: #000000;
    background: url("../images/panel-corner.png") no-repeat scroll right top #febc3f;
}



.report-selector {
    border: 1px solid lightgrey;
    height: 26px;
}

.run-report-big {
    background: url(/content/images/icon-run-report.png) no-repeat 10px 8px white;
    padding-left: 20px;
}

.run-report-narrow {
    background: url(/content/images/icon-run-report.png) no-repeat 8px 4px white;
    padding-left: 20px;
}

@media only screen and (max-width: 480px) {
    .user-detail-dialog {
        width: 300px;
        height: 600px;
    }

    .dialog-image {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
    }

    div.k-window-content {
        height: auto;
    }

    .dialog-image img {
        width: 100px;
    }

    .employee-circular-image {
        float: left;
        width: 65px;
        height: 65px;
        padding-top: 10px;
        padding-left: 20px;
    }

        .employee-circular-image img {
            border-radius: 50%;
            width: 100%;
            height: 100%;
        }

    .employee-name-in-overview {
        padding-left: 20px;
        padding-top: 35px;
        float: left;
        font-size: 20px;
        width: 60%;
    }

    .employee-detail-subtitle {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .k-tabstrip div.employee-detail-border {
        border: 2px solid rgb(210, 210, 210) !important;
        border-bottom: none !important;
    }

    .employee-detail-content {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .employee-detail-more-info {
        background-color: rgb(153, 159, 156);
        color: white;
        text-align: center;
    }

    .k-tabstrip div.orange-border-div-bottom {
        border-bottom: 5px solid rgb(238,126,85) !important;
        margin-bottom: 10px;
    }

    .content-row {
        margin-left: 10px;
        margin-right: 10px;
    }

    .k-tabstrip div.date-field-left {
        width: 49%;
        float: left;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 2px solid rgb(210, 210, 210) !important;
        border-left: 2px solid rgb(210, 210, 210) !important;
    }

    .k-tabstrip div.date-field-right {
        width: 49%;
        float: left;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        border: 2px solid rgb(210, 210, 210) !important;
        border-bottom: none !important;
    }

    #people-container span.k-pager-info {
        position: absolute;
        right: 0;
    }

    .k-pager-wrap {
        height: 36px;
    }

    .grid-right-footer-section-wrap {
        width: 80%;
    }

    .unit-standard-table {
        width: 100%;
    }

    .show-numbers-of-item {
        display: none;
    }

    .k-tabstrip td.table-header {
        width: 50%;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: rgb(236, 236, 236);
        border-top: 2px solid rgb(210, 210, 210);
        border-bottom: 2px solid rgb(210, 210, 210);
    }

    .table-left-field {
        border-left: 2px solid rgb(210, 210, 210);
    }

    .table-field {
        text-align: center;
        border-right: 2px solid rgb(210, 210, 210);
    }

    .progress-bar-row-left {
        width: 40%;
        float: left;
    }

    .progress-bar-mobile {
        height: 16px;
    }

    .progress-bar-row-right {
        width: 50%;
        float: right;
        margin-right: 10px;
    }

    .k-tabstrip div.orange-border-div-bottom {
        border-bottom: 5px solid rgb(238,126,85) !important;
        margin-bottom: 10px;
    }

    .k-tabstrip div.progress-bar-incomplete-mobile-float-right {
        width: 80%;
        border: 2px solid rgb(210, 210, 210) !important;
        float: right;
    }

    .k-tabstrip div.progress-bar-incomplete-mobile-float-left {
        width: 40%;
        border: 2px solid rgb(210, 210, 210) !important;
        float: left;
    }

    .top-nav-bar-mobile {
        margin-left: 20px;
        margin-top: 10px;
    }

    .content-with-flag-left {
        width: 80%;
        float: left;
    }

    .employee-details-mobile {
        padding-left: 0;
        text-align: center;
    }

    .people-detail-top ul {
        list-style: none;
        padding: 0;
    }

    .people-detail-edit-panel input {
        width: 80%;
    }

    .people-detail-edit-panel-mobile {
        margin: auto 10% 10%;
        float: left;
        width: 100%;
    }

    hr {
        color: #efefef;
    }

    #header #section-navbar .inner {
        padding: 0;
    }

    .people-detail-edit-panel-button-mobile {
        width: 100%;
        padding: 10px 10%;
        float: left;
        margin-top: 10px;
        background-color: #efefef;
    }

    .employee-name .people-detail-edit-panel-button-mobile button {
        width: 30%;
        margin-right: 15px;
    }

    .employee-image-mobile {
        margin-top: 20px;
    }

    .employee-image h4,
    .employee-image h5 {
        text-align: center;
    }

    .assessor-detail-edit-button {
        margin-left: 30% !important;
    }

    /* Quick registration page styles */
    .registration-welcome {
        width: 50%;
        float: left;
        padding-top: 25px;
    }
}


/* User detail info icon */
.people-detail-top-info {
    background: url("../images/panel-corner.png") no-repeat scroll right top;
    position: relative;
}

    .people-detail-top-info .dirty-box-hack:hover {
        cursor: pointer;
    }

/* User profile image haxx */
img.user-profile-image-small {
    height: 36px;
    width: 36px;
    position: relative;
    top: -3px;
    left: -3px;
    border-radius: 20px;
    border: 3px solid #c68c2a;
}

img.user-profile-image-big {
    position: relative;
    top: 5px;
}

img.user-profile-image-large {
    height: 254px;
    width: 254px;
    position: relative;
}

.account:hover {
    cursor: pointer;
}

.unit-code {
    text-align: center;
    background-color: rgb(227, 225, 226);
}

.unit-subtitle {
    background-color: rgb(235, 235, 235);
    font-size: 12px;
}

.token-setup .portal-welcome-message-title {
    display: block;
    float: left;
    font-size: 18px !important;
    font-weight: bold;
    margin-bottom: 20px !important;
    width: 100%;
}

.token-setup div {
    clear: both;
}

.token-setup buttonbutton {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.verify-textbox-container {
    margin-top: 20px;
    position: relative;
    height: 50px;
}

.verify-textbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 10px;
    padding-left: 10px;
    border-radius: 0;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    background: #fff;
    max-width: 248px;
    width: 100%;
    max-width: 100%;
}

.token-setup .a0-primary {
    padding: 20px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    display: block !important;
    width: 100% !important;
    float: none;
    min-width: auto;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #16214D;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    background-color: #01debd !important;
    font-size: 150% !important;
    text-transform: inherit !important;
    font-weight: normal !important;
    padding: 10px 0 !important;
    letter-spacing: 0 !important;
    margin: 15px auto !important;
}

.token-setup {
    background: none repeat scroll 0 0 #fff;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
    color: #666666;
    display: block;
    float: left;
    font-size: 13px;
    height: 431px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    text-align: left;
    width: 80%;
    /* added */
    padding-top: 130px;
    margin-bottom: 70px;
}

@media only screen and (max-width: 800px) {
    .token-setup {
        width: 100%;
    }
}

/* Login and register pages */
@media only screen and (min-width: 480px) {
    #login, #register {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        color: black;
    }

        #login h1.portal-welcome-message-title, #register h1.portal-welcome-message-title {
            font-size: 18pt;
            font-weight: bold;
        }

        #login .portal-welcome-message-button, #register .portal-welcome-message-button {
            text-align: center;
        }

        #login .portal-welcome-message div.portal-welcome-message-body button, #register .portal-welcome-message div.portal-welcome-message-body button {
            margin-top: 20px;
            color: grey;
            font-size: 14pt;
            width: 180px;
        }

        #login #a0-lock .a0-panel .a0-avatar, #register #a0-lock .a0-panel .a0-avatar {
            display: none;
        }

        #login #a0-lock .a0-avatar, #register #a0-lock .a0-avatar {
            display: none;
        }

        #login #a0-lock .a0-panel .a0-header h1, #register #a0-lock .a0-panel .a0-header h1 {
            margin-top: 15px !important;
            margin-bottom: 15px !important; /*sorry for the importants */
            font-weight: bold;
            color: grey;
        }
}

.k-datepicker, .k-numerictextbox {
    width: 75%;
    float: left;
}

    .k-numerictextbox span.k-link {
        width: 20%;
    }

.margin-top-grid {
    margin-top: 20px;
    margin-bottom: 10px;
}

.top-right-table {
    float: right;
    background-color: #eeeeee;
    border: 1pt solid #EAEAEA;
}

.mobile-row-unit {
    padding: 5px;
}

.table-field {
    padding: 5px;
}

.k-content [id*="grid-quals"] .k-grid-header {
    display: none;
}

.k-content [id*="grid-quals"] .k-grid-content {
    border-bottom: 1px solid lightgrey !important;
}

.k-panelbar .k-state-selected {
}

.k-grid tbody td:first-child {
    border-left-width: 1px;
}

.brown {
    max-width: 550px;
}

select:focus {
    outline: none;
}

.training-plan-grid .k-grid-content .k-state-selected,
.programme-enrolment-grid .k-grid-content .k-state-selected,
.course-registrations-grid .k-grid-content .k-state-selected,
.qualifications-achieved-grid .k-grid-content .k-state-selected,
.completed-unit-standard-grid .k-grid-content .k-state-selected,
.incomplete-unit-standard-grid .k-grid-content .k-state-selected {
    background-color: transparent !important;
}

.grid-right-footer-section-wrap.uscheck-grid-right {
    margin-top: -32px;
}

/* KENDO USCHECK OVERRIDES */
#unitStandardCheckGrid .k-grid-header {
    padding: 0 !important;
}

#employeeGrid .k-grid-header {
    padding: 0 !important;
}

#newBusinessGrid .k-grid-header {
    padding: 0 !important;
}

#unitStandardCheckGrid .k-grid-content {
    overflow-y: visible;
}

#employeeGrid .k-grid-content {
    overflow-y: visible;
}

#newBusinessGrid .k-grid-content {
    overflow-y: visible;
}

/* TYPEAHEAD FIXES */
.tokenfield .twitter-typeahead .tt-hint {
    display: none;
}

.tt-suggestion.tt-selectable {
    border-bottom: 1px solid #e6e6e6;
}

    .tt-suggestion.tt-selectable:hover {
        cursor: pointer;
        color: #262626;
        background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
        background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    }

.tokenfield.form-control {
    height: auto;
    min-height: 34px;
    padding-top: 0;
    width: 40%;
}

.tokenfield .token {
    margin: 5px 5px 0 0;
}

span.twitter-typeahead {
    margin-top: 5px; /* Overwrite element style injection. */
}

.token-input.tt-input {
    margin-bottom: 0;
}

.unit-standard-typeahead {
    width: 40%;
}

.tt-menu {
    background: white;
    width: 500px;
    margin-top: 6px;
    border: 1px solid #e6e6e6;
}

.tt-dataset {
    width: 100%;
}

button.uscheck-button {
    padding: 7px 10px;
    vertical-align: bottom;
}

/* PEOPLE PAGE */
@media only screen and (max-width: 480px) {
    #employees-learners {
        float: none;
        background: #eee;
        width: 100%;
    }

        #employees-learners > button, #employees-learners > .report-option, #employees-learners > .report-option select {
            float: none;
        }

        #employees-learners > button {
            float: left;
            width: -moz-calc(100% - 20px);
            width: -webkit-calc(100% - 20px);
            width: -o-calc(100% - 20px);
            width: calc(100% - 20px);
            padding: 8px 0;
            margin: 0 10px 10px 10px;
        }

        #employees-learners > .report-option {
            width: 100%;
            margin-top: 10px;
        }

            #employees-learners > .report-option select {
                width: 100%;
            }

    .report-message {
        text-align: center;
    }
}

/* USCHECK PAGE */
@media only screen and (max-width: 480px) {
    .tokenfield.form-control, .unit-standard-typeahead, button.uscheck-button {
        width: 100%;
    }

    button.uscheck-button {
        margin-top: 10px;
        margin-left: 0;
    }

    .tt-menu {
        width: auto;
        position: fixed !important;
        left: 14px !important;
        right: 14px !important;
        top: auto !important;
    }

    .grid-right-footer-section-wrap.uscheck-grid-right {
        width: auto;
        margin-top: -35px;
    }

    .loading.ustypeahead {
        margin: 10px auto 0 auto;
        display: block;
    }
}

@media only screen and (max-width: 720px) {
    #login .portal-welcome-message, #register .portal-welcome-message {
        border-radius: 0px;
        box-shadow: 0 0px 0px rgba(0, 0, 0, 0.4);
    }

    footer {
        position: relative;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 720px){

    #portal-body {
        margin-bottom: 60px;
    }
}

#portal-welcome-message-body {
    width: 100%;
}

.terms-dialog {
    text-align: left;
    white-space: pre-wrap;
    overflow-y: auto;
    height: 360px;
}

.force-flex {
  display: table !important;        /* IE < 10, Opera *Presto* Desktop (Now dead) */
  display: -webkit-box !important;  /* Safari 3.1 - 6, Chrome < 21 (2009 Spec), UCBrowser Android */
  display: -moz-box !important;     /* Firefox 2 - 27 (2009 Spec), UCMini Android */
  display: -ms-flexbox !important;  /* IE10 (2012 Syntax) */
  display: -webkit-flex !important; /* Safari 6.1 - 8, Android < 4.4, BB < 10, Chrome 21 - 28 */
  display: flex !important;         /* Edge 12+, Firefox 28+, Blink, Safari 9+, Opera Mini 8+ */
}

@media screen and (max-width:480px) {
    .terms-dialog { height: 200px; }
    .sweet-alert h2 { font-size: 24px !important; }
}

body #a0-lock a, #a0-lock button, #a0-lock footer, #a0-lock form, #a0-lock form label, #a0-lock h1, #a0-lock h2, #a0-lock h3, #a0-lock header, #a0-lock input[type=button], #a0-lock input[type=email], #a0-lock input[type=password], #a0-lock input[type=text], #a0-lock span {
    text-align-last: unset !important;
}

/*@media only screen and (max-width: 480px) {
    #register {
        padding-left: 20px;
        padding-right: 20px;
    }
}*/