#a2apage_dropdown
{
    -webkit-transition: 0s ease-in-out;
    -moz-transition: 0s ease-in-out;
    -o-transition: 0s ease-in-out;
    transition: 0s ease-in-out;
}

.app-back-button {
    float: left;
    border-radius: 4px;
    background-color: #969696;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.app-back-button:hover {
    background-color: #666565;
}

.app-continue-button {
    float: right;
    border-radius: 4px;
    background-color: #3c8708;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

    .app-continue-button:hover {
        background-color: #275705;
    }

.app-header {
    width: 100%;
    margin-bottom: 16px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.app-header.header-scrolled {
    background:rgba(87,87,87,0.9);
    background-image: url("../img/misc/header-alpha.png");
    z-index: 99999;
}

.app-header.header-scrolled .client-logo {
    background: none !important;
    text-indent: 0;
    min-height: 0;
    height: auto !important;
    width: 480px;
    color: #ffffff;
    font-size: 24px;
    margin-top: 10px;
}

.app-header.header-scrolled .job-title {
    background: none;
    text-indent: 0;
    height: auto;
    width: auto;
    color: #ffffff;
    font-size: 24px;
}

.app-header.header-scrolled .login-bar {
    color: #ffffff;
}


.app-header.header-scrolled .login-bar .alert.interview-alert.zero {
    background-image: url("../img/login-bar/interview-alert-0-ffffff.png");
}

.app-header.header-scrolled .candidate-icon {
    background-image: url("../img/login-bar/candidate-icon-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.job-alert.zero {
    background-image: url("../img/login-bar/job-alert-0-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.job-alert.one {
    background-image: url("../img/login-bar/job-alert-1-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.job-alert.two {
    background-image: url("../img/login-bar/job-alert-2-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.job-alert.three {
    background-image: url("../img/login-bar/job-alert-3-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.job-alert.four {
    background-image: url("../img/login-bar/job-alert-4-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.job-alert.five {
    background-image: url("../img/login-bar/job-alert-5-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.job-alert.six {
    background-image: url("../img/login-bar/job-alert-6-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.job-alert.seven {
    background-image: url("../img/login-bar/job-alert-7-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.job-alert.eight {
    background-image: url("../img/login-bar/job-alert-8-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.job-alert.nine {
    background-image: url("../img/login-bar/job-alert-9-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.message-alert.zero {
    background-image: url("../img/login-bar/message-alert-0-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.message-alert.one {
    background-image: url("../img/login-bar/message-alert-1-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.message-alert.two {
    background-image: url("../img/login-bar/message-alert-2-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.message-alert.three {
    background-image: url("../img/login-bar/message-alert-3-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.message-alert.four {
    background-image: url("../img/login-bar/message-alert-4-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.message-alert.five {
    background-image: url("../img/login-bar/message-alert-5-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.message-alert.six {
    background-image: url("../img/login-bar/message-alert-6-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.message-alert.seven {
    background-image: url("../img/login-bar/message-alert-7-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.message-alert.eight {
    background-image: url("../img/login-bar/message-alert-8-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.message-alert.nine {
    background-image: url("../img/login-bar/message-alert-9-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.interview-alert.zero {
    background-image: url("../img/login-bar/interview-alert-0-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.interview-alert.one {
    background-image: url("../img/login-bar/interview-alert-1-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.interview-alert.two {
    background-image: url("../img/login-bar/interview-alert-2-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.interview-alert.three {
    background-image: url("../img/login-bar/interview-alert-3-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.interview-alert.four {
    background-image: url("../img/login-bar/interview-alert-4-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.interview-alert.five {
    background-image: url("../img/login-bar/interview-alert-5-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.interview-alert.six {
    background-image: url("../img/login-bar/interview-alert-6-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.interview-alert.seven {
    background-image: url("../img/login-bar/interview-alert-7-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.interview-alert.eight {
    background-image: url("../img/login-bar/interview-alert-8-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.interview-alert.nine {
    background-image: url("../img/login-bar/interview-alert-9-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.doc-alert.zero {
    background-image: url("../img/login-bar/doc-alert-0-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.doc-alert.one {
    background-image: url("../img/login-bar/doc-alert-1-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.doc-alert.two {
    background-image: url("../img/login-bar/doc-alert-2-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.doc-alert.three {
    background-image: url("../img/login-bar/doc-alert-3-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.doc-alert.four {
    background-image: url("../img/login-bar/doc-alert-4-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.doc-alert.five {
    background-image: url("../img/login-bar/doc-alert-5-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.doc-alert.six {
    background-image: url("../img/login-bar/doc-alert-6-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.doc-alert.seven {
    background-image: url("../img/login-bar/doc-alert-7-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.doc-alert.eight {
    background-image: url("../img/login-bar/doc-alert-8-ffffff.png");
}

.app-header.header-scrolled .login-bar .alert.doc-alert.nine {
    background-image: url("../img/login-bar/doc-alert-9-ffffff.png");
}

.app-form-container {
    width: 100%;
    float: left;
    border-radius: 12px;
    border: 1px solid #555555;
    box-shadow: 0 0 4px rgba(0,0,0,128);
    background: #ffffff;
}

.app-form-nav {
    float: left;
    border-radius: 8px 0 0 8px;
    width: 300px;
    background: #555555;
    color: #ffffff;
    font-size: 18px;
}

.app-form-nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.app-form-nav ul li {
    font-weight: 500;
    padding: 20px 20px 20px 20px;
    clear: both;
    border-bottom: 1px solid #444444;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    background: transparent none no-repeat 320px center;
}

.app-form-nav ul li:first-of-type {
    border-radius: 8px 0 0 0;
}

.app-form-nav ul li:last-of-type {
    border-bottom: 0 none;
    border-radius: 0 0 0 8px;
}

.app-form-nav ul li:hover {
    background-color: #666565;
    background-image: url("../img/icons-32/li-selection.png");
    background-position: right center;
}

.app-form-nav ul li.selected {
    background-color: #666565;
    background-image: url("../img/icons-32/li-selection.png");
    background-position: right center;
}

.app-form-questions {
    padding: 20px;
    float: left;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.back-button-divider {
    width: 2px;
    height: 36px;
    float: left;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.39) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.39))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#63000000',GradientType=0 ); /* IE6-9 */
    margin-right: 8px;
}

.back-button-icon {
    border-radius: 4px 0 0 4px;
    float: left;
    background: rgb(150,150,150); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(150,150,150,1) 0%, rgba(129,129,129,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(150,150,150,1)), color-stop(100%,rgba(129,129,129,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(150,150,150,1) 0%,rgba(129,129,129,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(150,150,150,1) 0%,rgba(129,129,129,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(150,150,150,1) 0%,rgba(129,129,129,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(150,150,150,1) 0%,rgba(129,129,129,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#818181',GradientType=0 ); /* IE6-9 */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.back-button-text {
    float: left;
    line-height: 36px;
    color: #ffffff;
    margin-right: 12px;
    font-weight: bold;
    font-size: 18px;
    text-rendering: optimizeLegibility;
}

body {
    background-color: #f7f7f7;
    text-rendering: optimizeLegibility;

}

.candidate-icon .icon {
    width:32px !important;
    height:32px !important;
    background: transparent url("../img/login-bar/candidate-icon.png") no-repeat left top;
    cursor:pointer;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.candidate-icon:hover .icon {
    background-position:left bottom;
}

.clear {
    clear: both;
}

.clean-table, .clean-table tr, .clean-table tr td {
    border: 0 none;
    padding: 0;
    margin: 0;
    vertical-align: central;
}

.client-logo {
    background: transparent url("../img/client-logo/networx-logo.png") no-repeat left center;
    min-height: 45px;
    width: 470px;
    text-indent: -999em;
    float: left;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}

.continue-button-icon {
    border-radius: 0 4px 4px 0;
    float: left;
    background: rgb(0,166,81); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,166,81,1) 0%, rgba(0,143,70,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,166,81,1)), color-stop(100%,rgba(0,143,70,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,166,81,1) 0%,rgba(0,143,70,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,166,81,1) 0%,rgba(0,143,70,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,166,81,1) 0%,rgba(0,143,70,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,166,81,1) 0%,rgba(0,143,70,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a651', endColorstr='#008f46',GradientType=0 ); /* IE6-9 */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.continue-button-divider {
    width: 2px;
    height: 26px;
    float: left;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.39) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.39))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.39) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#63000000',GradientType=0 ); /* IE6-9 */
    margin-left: 8px;
}

.continue-button-text {
    float: left;
    line-height: 24px;
    color: #ffffff;
    margin-left: 12px;
    font-weight: bold;
    font-size: 18px;
    text-rendering: optimizeLegibility;
}

.drop-down {
    border-radius: 4px;
    border: 1px solid #cecece;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    padding: 8px 14px;
    width: 33%;
    min-width: 232px;
    background: #ffffff url("../img/icons-32/select-dd-arrow.png") no-repeat 94% center;
    cursor: pointer;
}

.drop-down-container {
    position: relative;
    width:100%;
    display:inline-block;
}

.drop-down-container .drop-down
{
    background:none;
}

.drop-down.selected {
    background-color: #fcfcfc;
    box-shadow: 0 0 4px rgba(0,0,0,0.5) inset;
}

.drop-down-container .drop-down-options
{
    max-height:none;
}

.drop-down-options {
    position: absolute;
    top: 51px;
    border: 1px solid #d4d4d4;
    width: auto;
    display: inline-block;
    min-width: 50%;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
    max-height: 14em;
    overflow: auto;
}

.drop-down-options-arrow {
    position: absolute;
    top: -7px;
    left: 228px;
    background: transparent url("../img/questions/drop-down-options-arrow.png") no-repeat;
    width: 15px;
    height: 7px;
}

.drop-down-options ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.drop-down-options li {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    padding: 8px 14px;
    cursor: pointer;
}

.drop-down-options ul li:hover {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(204,204,204,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

h2.section-title {
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 32px;
}

h3.subtitle {
    font-size: 18px;
    font-weight: 500;
    margin: 16px 0;
}

.section-title {
    margin: 0px 0px 16px 0px;
}

fieldset {
    border: 1px solid #cccccc;
    padding: 32px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.question-quick-app.half-width{
    width:49%;
    margin-right:2%;
    float:left;
}

.question-group .question-quick-app.half-width:nth-child(2n){
    margin-right:0%;
}

input[type=text] {
    width: 99.9%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    padding: 8px 14px;
    border: 1px solid #cecece;
    text-rendering: optimizeLegibility;
}

input[type=text].clockpicker, input[type=text].datepicker, input[type=text].postcode {
    width: 200px;
}

input:required:invalid {
    /*box-shadow:0 0 4px rgba(220,59,16,0.8) inset;*/
    background-color: #ffebe8;
}

input:required:valid {
    background-color: #ebffe2;
}

textarea.multi-line {
    width: 99.9%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    padding: 8px 14px;
    border: 1px solid #cecece;
    height: 10em;
}

.job-title {
    font-weight: 400;
    font-size: 24px;
    float: left;
}

.jqEasyCounterMsg {
    width: auto !important;
}

.li-nav-icon {
    width: 32px;
    min-height: 32px;
    margin-right: 10px;
    border-radius: 16px;
}

li.complete .li-nav-icon {
    background: transparent url("../img/icons-32/app-section-complete.png") no-repeat left center;
}

li.incomplete .li-nav-icon {
    background: transparent url("../img/icons-32/app-section-incomplete.png") no-repeat left center;
    box-shadow: 0 0 8px rgba(0,166,81,40);
}

li.unanswered .li-nav-icon {
    background: transparent url("../img/icons-32/app-section-unanswered.png") no-repeat left center;
}

.li-text {
    width: 208px;
    height: 100%;
}

.login-bar .alert {
    width: 44px;
    height: 39px;
    float: left;
    cursor: pointer;
    background-repeat: no-repeat;
    margin-right: 16px;
}

.login-bar .alert.zero {
    cursor: auto;
}

.login-bar .doc-alert.zero {
    background-image: url("../img/login-bar/doc-alert-0.png");
}

.login-bar .doc-alert.one {
    background-image: url("../img/login-bar/doc-alert-1.png");
}

.login-bar .doc-alert.two {
    background-image: url("../img/login-bar/doc-alert-2.png");
}

.login-bar .doc-alert.three {
    background-image: url("../img/login-bar/doc-alert-3.png");
}

.login-bar .doc-alert.four {
    background-image: url("../img/login-bar/doc-alert-4.png");
}

.login-bar .doc-alert.five {
    background-image: url("../img/login-bar/doc-alert-5.png");
}

.login-bar .doc-alert.six {
    background-image: url("../img/login-bar/doc-alert-6.png");
}

.login-bar .doc-alert.seven {
    background-image: url("../img/login-bar/doc-alert-7.png");
}

.login-bar .doc-alert.eight {
    background-image: url("../img/login-bar/doc-alert-8.png");
}

.login-bar .doc-alert.nine {
    background-image: url("../img/login-bar/doc-alert-9.png");
}

.login-bar .interview-alert.zero {
    background-image: url("../img/login-bar/interview-alert-0.png");
    display: none;
}

.login-bar .interview-alert.one {
    background-image: url("../img/login-bar/interview-alert-1.png");
}

.login-bar .interview-alert.two {
    background-image: url("../img/login-bar/interview-alert-2.png");
}

.login-bar .interview-alert.three {
    background-image: url("../img/login-bar/interview-alert-3.png");
}

.login-bar .interview-alert.four {
    background-image: url("../img/login-bar/interview-alert-4.png");
}

.login-bar .interview-alert.five {
    background-image: url("../img/login-bar/interview-alert-5.png");
}

.login-bar .interview-alert.six {
    background-image: url("../img/login-bar/interview-alert-6.png");
}

.login-bar .interview-alert.seven {
    background-image: url("../img/login-bar/interview-alert-7.png");
}

.login-bar .interview-alert.eight {
    background-image: url("../img/login-bar/interview-alert-8.png");
}

.login-bar .interview-alert.nine {
    background-image: url("../img/login-bar/interview-alert-9.png");
}

.login-bar .job-alert.zero {
    background-image: url("../img/login-bar/job-alert-0.png");
    display: none;
}

.login-bar .job-alert.one {
    background-image: url("../img/login-bar/job-alert-1.png");
}

.login-bar .job-alert.two {
    background-image: url("../img/login-bar/job-alert-2.png");
}

.login-bar .job-alert.three {
    background-image: url("../img/login-bar/job-alert-3.png");
}

.login-bar .job-alert.four {
    background-image: url("../img/login-bar/job-alert-4.png");
}

.login-bar .job-alert.five {
    background-image: url("../img/login-bar/job-alert-5.png");
}

.login-bar .job-alert.six {
    background-image: url("../img/login-bar/job-alert-6.png");
}

.login-bar .job-alert.seven {
    background-image: url("../img/login-bar/job-alert-7.png");
}

.login-bar .job-alert.eight {
    background-image: url("../img/login-bar/job-alert-8.png");
}

.login-bar .job-alert.nine {
    background-image: url("../img/login-bar/job-alert-9.png");
}

.login-bar .message-alert.zero {
    background-image: url("../img/login-bar/message-alert-0.png");
    display: none;
}

.login-bar .message-alert.one {
    background-image: url("../img/login-bar/message-alert-1.png");
}

.login-bar .message-alert.two {
    background-image: url("../img/login-bar/message-alert-2.png");
}

.login-bar .message-alert.three {
    background-image: url("../img/login-bar/message-alert-3.png");
}

.login-bar .message-alert.four {
    background-image: url("../img/login-bar/message-alert-4.png");
}

.login-bar .message-alert.five {
    background-image: url("../img/login-bar/message-alert-5.png");
}

.login-bar .message-alert.six {
    background-image: url("../img/login-bar/message-alert-6.png");
}

.login-bar .message-alert.seven {
    background-image: url("../img/login-bar/message-alert-7.png");
}

.login-bar .message-alert.eight {
    background-image: url("../img/login-bar/message-alert-8.png");
}

.login-bar .message-alert.nine {
    background-image: url("../img/login-bar/message-alert-9.png");
}

.login-bar .document-alert.zero {
    background-image: url("../img/login-bar/document-alert-0.png");
}

.login-bar .document-alert.one {
    background-image: url("../img/login-bar/document-alert-1.png");
}

.login-bar .document-alert.two {
    background-image: url("../img/login-bar/document-alert-2.png");
}

.login-bar .document-alert.three {
    background-image: url("../img/login-bar/document-alert-3.png");
}

.login-bar .document-alert.four {
    background-image: url("../img/login-bar/document-alert-4.png");
}

.login-bar .document-alert.five {
    background-image: url("../img/login-bar/document-alert-5.png");
}

.login-bar .document-alert.six {
    background-image: url("../img/login-bar/document-alert-6.png");
}

.login-bar .document-alert.seven {
    background-image: url("../img/login-bar/document-alert-7.png");
}

.login-bar .document-alert.eight {
    background-image: url("../img/login-bar/document-alert-8.png");
}

.login-bar .document-alert.nine {
    background-image: url("../img/login-bar/document-alert-9.png");
}

.login-bar .login-bar-popup {
    display: none;
    position: absolute;
    background: #ffffff;
    top: 60px;
    right: 0;
    width: 300px;
    border-radius: 0px;
    border:1px solid #dddddd;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(40,40,40,0.5);
    -moz-box-shadow: 0px 0px 20px 0px rgba(40,40,40,0.5);
    box-shadow: 0px 0px 20px 0px rgba(40,40,40,0.5);
    z-index:1;
}

    .login-bar.login-bar-popup.wide-dialog {
        width: 17rem !important;
        min-width: 375px !important;
    }

.login-bar .login-bar-popup ul li.logout {
    background: transparent url("../img/login-bar/logout.png") no-repeat top right;
}

.login-bar .login-bar-popup ul li a {
    text-decoration:none;
    color:#000000;
}

.login-bar .login-bar-popup-point {
    width: 22px;
    height: 16px;
    background: transparent url("../img/login-bar/cand-account-point.png") no-repeat top right;
    position: absolute;
    top: -10px;
    right: 16px;
}

.login-bar .login-bar-popup-point-side {
    height: 22px;
    width: 16px;
    background: transparent url("../img/login-bar/cand-account-point-side.png") no-repeat top right;
    position: absolute;
    top: 10px;
    left: -16px;
}

.cand-menu-icon {
    width:46px !important;
    height:46px !important;
    background: transparent url("../img/login-bar/menu-icon.png") no-repeat left top;
    cursor:pointer;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.cand-menu-icon:hover {
    background-position:left bottom;
}

.login-bar .cand-menu-icon.alert {
    margin-left:16px;
    margin-right:0;
}

.login-bar .login-bar-popup ul li.doc-icon .icon {
    background: transparent url("../img/login-bar/doc-download/doc-download-icon.png") no-repeat center top;
}

.login-bar .login-bar-popup ul li.excel-icon .icon {
    background: transparent url("../img/login-bar/doc-download/excel-download-icon.png") no-repeat center top;
}

.login-bar .login-bar-popup ul li.image-icon .icon {
    background: transparent url("../img/login-bar/doc-download/image-download-icon.png") no-repeat center top;
}

.login-bar .login-bar-popup ul li.pdf-icon .icon {
    background: transparent url("../img/login-bar/doc-download/pdf-download-icon.png") no-repeat center top;
}

.login-bar .login-bar-popup ul li.logout-icon .icon {
    background: transparent url("../img/login-bar/doc-download/logout-icon.png") no-repeat center top;
}


.login-bar .login-bar-popup ul li .icon {
    margin-right: 20px;
    width: 32px;
    height: 32px;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}


.login-bar .login-bar-popup ul li:hover .icon {
    background-position: center bottom;
}

.login-bar .login-bar-popup.display {
    display: block;
}

.multi-repsone-button {
    margin-top: 16px;
    float: right;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    color: #ffffff;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.multi-repsone-button * {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

/*.multi-repsone-button:hover {
width:200px;
}*/

.multi-repsone-button .multi-response-add-button-icon, .multi-repsone-button .multi-response-minus-button-icon {
    min-width: 32px;
    height: 32px;
}

/*.multi-repsone-button:hover .multi-response-add-button-icon, .multi-repsone-button:hover .multi-response-minus-button-icon {
    padding-left:52px;
}*/

.multiline-response-container .multi-repsone-button:first-of-type {
    margin-left: 32px;
}

.multi-repsone-button .multi-response-add-button-icon {
    background: transparent url("../img/icons-32/add-button.png") no-repeat left top;
}

.multi-repsone-button:hover .multi-response-add-button-icon {
    background-position: left bottom;
}

/*.multi-repsone-button:hover .multi-response-add-button-icon:before {
    content:" Add aditional section";
    color:#666666;
}*/

.multi-repsone-button .multi-response-minus-button-icon {
    background: transparent url("../img/icons-32/minus-button.png") no-repeat left top;
}

.multi-repsone-button:hover .multi-response-minus-button-icon {
    background-position: left bottom;
}

/*.multi-repsone-button:hover .multi-response-minus-button-icon:before {
    content:" Remove current section";
    color:#666666;
}*/
.no-transition {
    -webkit-transition: 0s ease-in-out !important;
    -moz-transition: 0s ease-in-out !important;
    -o-transition: 0s ease-in-out !important;
    transition: 0s ease-in-out !important;
}

.ntx-modal {
    width:900px;
    /*width: calc(100% - 128px);*/
    position:fixed;
    box-shadow:3px 3px 8px rgba(0,0,0,0.1), 0px 0px 2px rgba(0,0,0,0.9);
    top:64px;
    left: calc((100% - 900px) / 2);
    background:#ffffff;
    border-radius:16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:32px;
    z-index:20;
    display:none;
    height:calc(100% - 128px);
    -webkit-transition: ease-out 0.5s;
       -moz-transition: ease-out 0.5s;
         -o-transition: ease-out 0.5s;
            transition: ease-out 0.5s;
}

.ntx-modal .content {
    overflow-y:auto;
    display:block;
    width:100%;
    height:100%;
    padding-right:32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .ntx-modal h2 {
        text-align:center;
        font-weight:normal;
        font-size:24px;
    }

.ntx-modal-bg {
    position:fixed;
    top:-200px;
    left:-200px;
    width:4096px;
    height:2048px;
    opacity:0.5;
    display:none;
    background-image: url("../css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png");
    z-index:12;
}

.ntx-modal-close {
    position: absolute;
    right: -16px;
    top: -16px;
    width: 32px;
    height: 32px;
    background: #FFF;
    border-radius: 16px;
    text-align: center;
    line-height: 32px;
    box-shadow:4px 2px 8px rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.5);
    border-left: 1px solid #FFF;
    transform: rotate(-45deg);
}

.ntx-modal-close::before {
    content: "\00a0";
    background: #FFF url("../img/icons-24/6B6B6B/close.png") center center no-repeat;
    height: 24px;
    width: 24px;
    transform: rotate(-45deg);
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 12px;
    cursor:pointer;
    opacity:0.6;
    -webkit-transition: ease-out 0.5s;
       -moz-transition: ease-out 0.5s;
         -o-transition: ease-out 0.5s;
            transition: ease-out 0.5s;
}

    .ntx-modal-close:hover *{

        opacity:1;
        height:200px;

    }

.quick-app-option {
    padding: 16px;
    width: 47.4%;
    display:inline-block;
    float:left;
    cursor: pointer;
    margin-right:2.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:6px solid rgba(204,204,204,1);
    min-height:16em;
    box-shadow:0px 0px 0px rgba(0,0,0,0.0);
    -webkit-transition: ease-out 0.5s;
       -moz-transition: ease-out 0.5s;
         -o-transition: ease-out 0.5s;
            transition: ease-out 0.5s;
}

.quick-app-option:not(.disabled):hover {
    background:rgba(204,204,204,1);
    box-shadow:4px 4px 12px rgba(0,0,0,0.6);
    border:6px solid transparent;
}

.quick-app-option:nth-of-type(even) {
    margin-left:2.5%;
    margin-right:0%;
}

.disabled {
    opacity:0.4;
    cursor:not-allowed;
}



.quick-app-image, .full-app-image, .quick-app-almost-done, .quick-app-verified-submitted, .quick-app-conf {
    width:128px;
    height:128px;
    background-image: url("../img/icons-128/000000/lightning.png");
    background-size:cover;
    background-position:center center;
    margin:32px auto !important;
    display:block;
}

.full-app-image {
    background-image: url("../img/icons-128/000000/full-app.png");
}

.quick-app-almost-done {
    background-image: url("../img/icons-128/00a651/quick-apply-alert-orange.png");
}

.quick-app-verified-submitted {
    background-image: url("../img/icons-128/00a651/email-sent.png");
}

.quick-app-conf {
    background-image: url("../img/icons-128/00a651/confirmed.png");
}

.quick-app-invalid-answer {
    background-color: red;
}

.cv-item {
    cursor:auto !important;
}

.quick-app-header {
    text-align:left;
    vertical-align:middle;
}

.quick-app-header tr td:last-of-type {
    width:90%;
    padding-left:32px;
    font-size:28px;
    font-weight:bold;
}

.quick-app-desktop-error{
    float: left;
    background-color: #333333;
    cursor: pointer;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    padding:8px;
    color:#ffffff;
    font-weight:bold;
}

.animate {
    -webkit-transition: opacity ease-out 0.5s;
       -moz-transition: opacity ease-out 0.5s;
         -o-transition: opacity ease-out 0.5s;
            transition: opacity ease-out 0.5s;
}

.page-wrapper {
    margin: 32px auto;
}

.question {
    margin-bottom: 32px;
}

.question .multi-response-container {
    margin-bottom: 32px;
    border-bottom: 1px solid #cccccc;
}

.question .multi-response-container:last-of-type {
    border-bottom: 0 none;
    margin-bottom: 0;
}

.question .multi-response-container:last-of-type .question:last-of-type {
    margin-bottom: 0;
}

.question-text {
    clear: both;
    margin-bottom: 8px;
}

.question-text.radio-button, .question-text.checkbox {
    margin-bottom: 0px;
}

.question-response {
}

.question.section-complete {
    padding-top: 24px;
    border-top: 1px solid #cccccc;
}

.radio-container, .checkbox-container {
    display: inline-block;
    min-width: 200px;
    border-radius: 4px;
    background: #ffffff;
    border: 1px solid #cecece;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    margin-right: 8px;
    margin-top: 8px;
}

.radio-container:hover, .radio-container.selected, .checkbox-container:hover, .checkbox-container.selected {
    background: #ddf4fb;
    border: 1px solid #c6ebef;
}

.radio-container label, .checkbox-container label {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    padding: 8px 14px;
    display: block;
    cursor: pointer;
    }

.radio-row-three .radio-container {
    width: 31%;
    vertical-align: top;
}

.radio-row-two .radio-container {
    width: 48%;
    vertical-align: top;
}

.relative {
    position: relative;
    display: flex;
}

#SideNav {
    width: 64px;
    position: fixed;
    left: 0;
}

#SideNav .doc-alert .login-bar-popup.no-transition {
    max-height:300px;
    overflow-y:auto;
}

#SideNav * {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#SideNav .side-nav-bt {
    background-color: #555555;
    color: white;
    width: 64px;
    height: 64px;
    padding: 16px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    cursor: pointer;
}

#SideNav .side-nav-bt.one {
    background-color: #555555;
}

#SideNav .side-nav-bt.two {
    background-color: #666565;
}

#SideNav .side-nav-bt.three {
    background-color: #7e7e7e;
}

#SideNav .side-nav-bt.four {
    background-color: #909090;
}

#SideNav .side-nav-bt.five {
    background-color: #a3a3a3;
}

#SideNav .side-nav-bt.six {
    background-color: #b6b6b6;
}

#SideNav .side-nav-bt .icon {
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
}

#SideNav .side-nav-bt .info-32 {
    background-image: url("../img/icons-32/info-0.png");
}

#SideNav .side-nav-bt .info-32.one {
    background-image: url("../img/icons-32/info-1.png");
}

#SideNav .side-nav-bt .info-32.two {
    background-image: url("../img/icons-32/info-2.png");
}

#SideNav .side-nav-bt .info-32.three {
    background-image: url("../img/icons-32/info-3.png");
}

#SideNav .side-nav-bt .info-32.four {
    background-image: url("../img/icons-32/info-4.png");
}

#SideNav .side-nav-bt .info-32.five {
    background-image: url("../img/icons-32/info-5.png");
}

#SideNav .side-nav-bt .info-32.six {
    background-image: url("../img/icons-32/info-6.png");
}

#SideNav .side-nav-bt .info-32.seven {
    background-image: url("../img/icons-32/info-7.png");
}

#SideNav .side-nav-bt .info-32.eight {
    background-image: url("../img/icons-32/info-8.png");
}

#SideNav .side-nav-bt .info-32.nine {
    background-image: url("../img/icons-32/info-9.png");
}

#SideNav .side-nav-bt .info-32.nine-plus {
    background-image: url("../img/icons-32/info-9-plus.png");
}

#SideNav .side-nav-bt .save-32 {
    background-image: url("../img/icons-32/save.png");
}

#SideNav .side-nav-bt .delete-32 {
    background-image: url("../img/icons-32/delete.png");
}

#SideNav .side-nav-bt .notice-32 {
    background-image: url("../img/icons-32/notice.png");
}

#SideNav .side-nav-bt .calendar-32 {
    background-image: url("../img/icons-32/ffffff/calendar-empty.png");
}

#SideNav .side-nav-bt .calendar-32.zero {
    background-image: url("../img/icons-32/calendar-0.png");
}

#SideNav .side-nav-bt .calendar-32.one {
    background-image: url("../img/icons-32/calendar-1.png");
}

#SideNav .side-nav-bt .calendar-32.two {
    background-image: url("../img/icons-32/calendar-2.png");
}

#SideNav .side-nav-bt .calendar-32.three {
    background-image: url("../img/icons-32/calendar-3.png");
}

#SideNav .side-nav-bt .calendar-32.four {
    background-image: url("../img/icons-32/calendar-4.png");
}

#SideNav .side-nav-bt .calendar-32.five {
    background-image: url("../img/icons-32/calendar-5.png");
}

#SideNav .side-nav-bt .calendar-32.six {
    background-image: url("../img/icons-32/calendar-6.png");
}

#SideNav .side-nav-bt .calendar-32.seven {
    background-image: url("../img/icons-32/calendar-7.png");
}

#SideNav .side-nav-bt .calendar-32.eight {
    background-image: url("../img/icons-32/calendar-8.png");
}

#SideNav .side-nav-bt .calendar-32.nine {
    background-image: url("../img/icons-32/calendar-9.png");
}

#SideNav .side-nav-bt .calendar-32.nine-plus {
    background-image: url("../img/icons-32/calendar-9-plus.png");
}

#SideNav .side-nav-bt .clock-32 {
    background-image: url("../img/icons/5e5e5e/calendar-icon.svg");
    background-size: 20px !important;
    background-repeat: no-repeat !important;
    padding-left: 35px !important;
}

#SideNav .side-nav-bt .atwoa-share-32 {
    background-image: url("../img/icons-32/share.png");
}

/*Hide share this button for IE8 users*/
#d#SideNav .side-nav-bt .atwoa-share-32 {
    display:none\9;
}

#SideNav .side-nav-bt .cand-account-32 {
    background-image: url("../img/icons-32/cand-account.png");
}

#SideNav .side-nav-bt:hover {
    width: 200px;
    box-shadow: 0 0 4px rgba(0,0,0,0.8);
}

#SideNav .side-nav-bt:hover .icon {
    padding-left: 52px;
}

#SideNav .side-nav-bt:hover .info-32:after {
    content:" Additional Information";
}

#SideNav .side-nav-bt:hover .save-32:after {
    content: " Save Application";
}

#SideNav .side-nav-bt:hover .delete-32:after {
    content: " Delete Application";
}

#SideNav .side-nav-bt:hover .notice-32:after {
    content: " View Advert";
}

    #SideNav .side-nav-bt:hover .calendar-32:after {
        content: " Days Left To Apply For This Job";
        width: 110px;
        display: inline-block;
    }

#SideNav .side-nav-bt:hover .cand-account-32:after {
    content: " Candidate Account";
}

#SideNav .side-nav-bt:hover .atwoa-share-32:after {
    content: " Share This";
    text-decoration:underline;
}
#SideNav .side-nav-bt:hover .clock-32:after {
    content:" Closes today";
}

#SideNav .side-nav-bt.safer-jobs-button
{
    width:150px!important;
    min-height:42px!important;
    position:relative;
}

#SideNav .side-nav-bt.safer-jobs-button:before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 70%;
    float: left;
    background-image: url("../img/misc/safer-jobs-logo.png");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.clock-32-time-remaining
{
    content: "dynamic"
}
.underline {
    border-bottom: 1px solid #cccccc;
}

.wrapper {
    background: none !important;
}

ul li a.incomplete-li {
    background: none !important;
    padding: 0;
}

ul li a.complete-li {
    background: none !important;
    padding: 0;
}

ul li a.not-answered-li {
    background: none !important;
    padding: 0;
}

.app-form-nav a {
    color: #ffffff;
}

.page-wrapper {
    width: 759px !important;
}

.notice-container {
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.app-form-container.notice-width {
    width: 749px;
    padding: 20px;
}

.full-width {
    width: 99.9%;
}

.ui-dialog-titlebar {
    background:#ff6600 !important;
    border-radius:0 !important;
}

.SRM-popup, .ui-widget {
    font-size:14px;
}

.SRM-text-big {
    font-size:16px;
}

.logo-container {
width: 760px;
margin: 0 auto;
}

#NTXClientLogo {
    float:left;
}

#NTXLoginBar {
    float:right;
}
.NTXTitleSection-text
{
    font-size: 20px;
}