/* ========================  GLOBAL======================== */

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: "Segoe UI", "Trebuchet MS", Candara, Tahoma, Verdana, Arial, sans-serif;
    background-color: white;
    font-weight: normal;
    color: grey;
    margin-bottom: 50px; /* footer height */
}

LABEL {
    width: auto;
    font-weight: normal;
}

A, A:link, A:active, A:visited, A:hover {
    color: #163472;
    text-decoration: none;
}

    A:hover {
        text-decoration: underline;
    }

    A.btn-primary {
        color: #fff;
    }

H1, .HEADER {
    font-size: 20px;
    color: #405684;
}

H2, .SUBHEADER1 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
    color: #405684;
}

input[type="radio"] {
    margin-left: 4px;
    margin-right: 4px;
}

select.input-sm, .input-sm {
    height: 26px;
    padding: 3px 3px;
}

/* ========================   Main content  ======================== */

.Page_PrimaryText {
    padding-bottom: 10px;
}


/* ========================  Buttons======================== */

.CandidateMode .BUTTON_NAVIGATION {
    width: 150px;
}


#m_RuleInfo, #_ctl0_Page_Content_m_RuleInfo {
    height: auto !important;
}


/*----- Add space between accepted label and checkbox -----*/
label[for="_ctl0_Page_Content_m_AcceptedStatements"] {
    padding-right: 5px;
    font-weight: bold;
}


/*------------------------  Change/Reset PASSWORD ------------------------*/

.PASSWORD_NONE, .PASSWORD_STRONG, .PASSWORD_MEDIUM, .PASSWORD_WEAK {
    background-position: top left;
    background-repeat: no-repeat;
    margin: 2px;
    padding: 4px;
    padding-left: 70px;
    text-align: left;
    width: 125px;
    height: 20px;
}

.PASSWORD_STRONG {
    background-image: url(../Images/pwdStrong.gif);
}

.PASSWORD_MEDIUM {
    background-image: url(../Images/pwdMedium.gif);
}

.PASSWORD_WEAK {
    background-image: url(../Images/pwdWeak.gif);
}

.PASSWORD_NONE {
    background-image: url(../Images/pwdNone.gif);
}

/*----- NEW DIALOG CONTROL - BE VERY CAREFUL CHANGING THESE STYLES!!! (start) -----*/

.InnoviseDialogControl {
    background-image: url(../Images/ld3bg.png);
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 900;
}

    .InnoviseDialogControl .IECONTAINER1 {
        left: 50%;
        padding-bottom: 10px;
        padding-right: 10px;
        position: absolute;
        top: 25%;
    }

    .InnoviseDialogControl .IECONTAINER2 {
        background-color: #282864 !important;
        border: solid 1px #282864;
        left: -50%;
        padding-bottom: 8px;
        position: absolute;
        top: -25%;
    }

    .InnoviseDialogControl .COMPLIANTCONTAINER {
        background-color: #282864 !important;
        border: solid 1px #282864;
        bottom: 0;
        left: 0;
        margin: auto;
        padding-bottom: 8px;
        padding-left: 0px;
        padding-right: 0px;
        position: absolute;
        right: 0;
        top: 0;
    }

.TITLEBAR {
    color: white;
    display: block;
    font-size: 1.1em;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

.InnoviseDialogControl .TITLEBAR_CLOSE {
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 2px;
}

    .InnoviseDialogControl .TITLEBAR_CLOSE i.material-icons:after {
        content: 'close';
    }

    .InnoviseDialogControl .TITLEBAR_CLOSE i.material-icons {
        content: 'close';
        color: #fff;
        filter: alpha(opacity=100);
        opacity: 1;
    }

.InnoviseDialogControl .CONTENT {
    background-color: white;
    overflow: hidden;
    overflow-y: auto;
}

/* Have to use content box sizing in dialogs, otherwise the measurements get screwed up */
.InnoviseDialogControl > DIV, .InnoviseDialogControl > DIV > DIV {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/*----- NEW DIALOG CONTROL (end) -----*/

/*---------- Vacancy (Start) ----------*/

.VACANCY_PAGELINK {
    color: blue;
    cursor: pointer;
    float: left;
    font-size: 10pt;
}

.VACANCY_PAGELINK_CURRENT {
    color: blue;
    cursor: default;
    font-style: italic;
    font-weight: bold;
}

.VACANCY_BUTTON {
    width: 60px;
}

.VACANCYDETAILS_TITLES {
    font-weight: 600;
}

.VACANCYDETAILS_HEADER td {
    padding-bottom: 20px;
    width: 300px;
}

/*---------- Vacancy (End) ----------*/

/*----- Candidate Reference Statuses (start) -----*/

.CR_Revoked {
    background-color: #FFE400;
    color: black;
}

.CR_Expired {
    background-color: #FFE400;
    color: black;
}

.CR_Complete {
    background-color: lime;
    color: black;
}

.CR_Failed {
    background-color: red;
    color: black;
}

.CR_InProgress {
    background-color: blue;
    color: white;
}

.CR_CoveredGap {
    background-color: lightblue;
    color: black;
}

.CR_AwaitingApproval {
    background-color: plum;
    color: black;
}

.CR_OnHold {
    background-color: orange;
    color: black;
}

.CR_Entered {
    background-color: #000084;
    color: white;
}

.CR_Override {
    background-color: yellow;
    color: black;
}

/*----- Candidate Reference Statuses (end) -----*/

/*----- Candidate dialog details section (start) -----*/

.CandidateDetails_Header {
    overflow: auto;
}

    .CandidateDetails_Header > div {
        float: left;
        overflow: hidden;
        width: 50%;
    }

        .CandidateDetails_Header > div .CandidateDetails_Label {
            font-weight: 600;
        }

        .CandidateDetails_Header > div .CandidateDetails_Label {
            width: 120px;
        }

.CandidateDetails_Status {
    border: solid 1px black;
    margin: 4px;
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    width: 120px;
}

.CandidateDetails TABLE {
    width: 100%;
    border-spacing: 1px;
    border-collapse: separate;
}

/*----- Candidate dialog details section (end) -----*/



/* ----------- Work bench mods (start)---------------- */


.ToggleDiv_Large, .ToggleDiv_Small {
    border: solid 1px #405684;
    margin-bottom: 6px;
}

.ToggleDiv_Large {
    height: auto;
}

.ToggleDiv_Small {
    height: 28px;
    overflow: hidden;
}

.ToggleDiv_Header, .ToggleDiv_Content {
    display: block;
}

.ToggleDiv_Header {
    background-color: #405684;
    border-bottom: solid 1px #405684;
    color: white;
    margin-bottom: 2px;
    padding: 2px;
    padding-bottom: 4px;
    position: relative;
}

    .ToggleDiv_Header label {
        font-weight: bold;
    }

.ToggleDiv_Content {
    overflow: scroll;
    padding: 2px;
}

.ToggleDiv_Show, .ToggleDiv_Hide {
    display: inline-block;
    float: right;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.ToggleDiv_Header i.material-icons {
    color: #fff;
    filter: alpha(opacity=100);
    opacity: 1.0;
}

.ToggleDiv_Show i.material-icons:after {
    content: 'arrow_drop_down';
}

.ToggleDiv_Hide i.material-icons:after {
    content: 'arrow_drop_up';
}

.ToggleDiv_Header LABEL {
    font-weight: normal;
}

/* ----------- Work bench mods (end)---------------- */

.WORKBENCH_TOOLBAR {
    margin-bottom: 10px;
}

.WORKBENCH_FILTER_LABEL {
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
}

.WORKBENCH_VALIDASOF, .WORKBENCH_EXPORT A {
    font-size: 8pt;
}

.WORKBENCH_VALIDASOF {
    color: gray;
    float: right;
}

.WORKBENCH_EXPORT {
    position: relative;
}

.WORKBENCH_SEARCHHEADING {
    border-top: solid 1px lightgrey;
    display: block;
    margin-bottom: 4px;
    padding-left: 2px;
    padding-top: 4px;
    font-weight: bold;
}

.WORKBENCH_FILTER_LAYOUT {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 3px;
    margin-right: 3px;
    vertical-align: top;
}

.WORKBENCH_FILTER_CONTROL * {
    font-size: 11px;
    height: 26px;
    padding: 1px 1px;
}

.WORKBENCH_FILTER_LABEL, .WORKBENCH_FILTER_CONTROL {
    clear: both;
    float: left;
}

.WB_NoNotes, .WB_UnreadNotes, .WB_Notes {
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    width: 20px;
}

    .WB_NoNotes i.material-icons:after {
        content: ' ';
    }

    .WB_UnreadNotes i.material-icons:after {
        content: 'speaker_notes';
    }

    .WB_Notes i.material-icons:after {
        content: 'note';
    }


#EmailApplicantDialog div.row > div {
    padding-left: 0;
    padding-right: 0;
}

#EmailApplicantDialog .control-label {
    font-weight: 600;
}

#EmailApplicantDialog .container-fluid:not([id='m_ApplicantEmailDialogContainer']) {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 1px solid #eee;
    border-radius: 2px;
}

#EmailApplicantDialog .container-fluid {
    padding: 0;
}

#EmailApplicantDialog .emailtext {
    overflow: hidden;
    padding: 4px;
    margin: 15px;
    border: 1px solid #eee;
    word-wrap: break-word;
}

#EmailApplicantDialog .row {
    padding: 0;
    margin: 4px;
}


#EmailApplicantDialog textarea {
    height: 200px;
    margin-bottom: 10px;
}



#ApplicantNotesDialog textarea {
    height: 75%;
    margin-bottom: 10px;
}

#ApplicantNotesDialog #m_ViewApplicantNotesDialogContainer .row {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 1px solid #eee;
    border-radius: 2px;
}

.dialog-message {
    font-weight: 600;
    font-size: 1.2em;
}


.WB_CL {
    /* cancelled */
    background-color: Red;
    color: White;
}

.WB_OH {
    /* on hold */
    background-color: Orange;
    color: Black;
}

.WB_AA {
    /* awaiting approval */
    background-color: Lavender;
    color: black;
}

.WB_ST {
    /* sent */
    background-color: Lime;
    color: Black;
}

.WB_AP {
    /* approved */
    background-color: Green;
    color: White;
}

.WB_IP {
    /* in progress */
    background-color: Blue;
    color: White;
}

.WB_CP {
    /* complete */
    background-color: Lime;
    color: Black;
}

.WP_SO {
    /* awaiting sign off */
    background-color: Plum;
    color: Black;
}

.WB_FL {
    /* failed */
    background-color: Red;
    color: White;
}

.WB_EN {
    /* entered */
    background-color: #000084;
    color: White;
}

.WBR_EX, .WBR_DEX, .WBR_EXO {
    text-align: center;
    vertical-align: central;
    font-size: 1em;
    background-color: white;
}

    .WBR_EX .material-icons {
        color: #880015;
    }

    .WBR_EX i.material-icons:after {
        content: 'error';
    }

    .WBR_DEX .material-icons {
        color: #FF8A00;
    }

    .WBR_DEX i.material-icons:after {
        content: 'error';
    }

    .WBR_EXO .material-icons {
        color: #85b92f;
    }

    .WBR_EXO i.material-icons:after {
        content: 'check_circle';
    }

.WB_NA {
    /* awaiting approval - not agreed to apply */
    background-color: #EAE86A;
    color: Black;
}

.WB_NS {
    /* awaiting approval - not submitted */
    background-color: #DAD86A;
    color: Black;
}

.WB_ADC {
    background-color: RoyalBlue;
    color: White;
}

.WB_PROGRESS_CONTAINER {
    width: 100%;
    height: 1.5em;
    position: relative;
    background-color: red
}

.WB_PROGRESS_BAR {
    background-color: green;
    height: 100%;
    position: absolute;
    line-height: inherit
}

.WB_ROUND_XLARGE {
    border-radius: 16px !important
}

/* ----------- Anchor links[Edit,Add,View,Delete] (start)---------------- */

.inactive {
    pointer-events: none;
    cursor: default;
}

/* ----------- Anchor links[Edit,Add,View,Delete] (end)---------------- */

/* ----------- Scan (Start)---------------- */


.Page_Scan footer, .Page_Scan .NavigationContainer, .Page_Scan .PageButtons, .Page_Scan .Page_PrimaryText,
.Page_DocumentViewer footer, .Page_DocumentViewer .NavigationContainer, .Page_DocumentViewer .PageButtons, .Page_DocumentViewer .Page_PrimaryText {
    position: absolute;
    visibility: hidden;
    display: none;
}

.Page_Scan TABLE, .Page_DocumentViewer TABLE {
    width: 100% !important;
}

.Page_Scan #UploadPanel .FileUploaderNotes, .Page_Scan .UploadPanel .FileUploaderNotes {
    margin-bottom: 5px;
    margin-left: 40px;
    margin-top: 5px;
}


/* ----------- Scan (End)---------------- */
/* ----------- Review (Start)---------------- */
.REVIEWUPDATECONTAINER {
    border-top: solid 1px darkgrey;
    display: block;
    padding-top: 8px;
    text-align: right;
}



.reviewreferencecontainer {
    border: 1px solid grey;
    display: block;
    margin: 8px;
    overflow: hidden;
    padding: 4px;
}

    .reviewreferencecontainer .row {
        margin-bottom: 2px;
    }

    .reviewreferencecontainer .labelText {
        display: inline-block;
        overflow: hidden;
        width: 120px;
        font-weight: 600;
    }

    .reviewreferencecontainer .data {
        display: inline-block;
        margin-bottom: 0px;
        overflow: hidden;
    }

    .reviewreferencecontainer .form-group {
        margin-bottom: 5px;
    }

/* ----------- Review (End)---------------- */

/* ----------- General (Start)---------------- */

.DYNAMICPANEL {
    clear: both;
    display: block;
    float: none;
    position: relative;
}

.UDFCONTAINER > table {
    margin-bottom: 10px;
}

.TABLECELL_ACTION a:not(:last-child) {
    margin-right: 8px;
}

.StatusEmailTemplateWarning {
    color: Red;
}

/*---------------------------*/
.ActionContainer .ActionList div {
    transition: background-color 0.4s;
    background-color: #dcdcdc;
    cursor: pointer;
    font-size: 1.1em;
    margin: 1% 0%;
    overflow: hidden;
    padding: .5em;
    text-align: center;
    width: 100%;
}

    .ActionContainer .ActionList div.Complete {
        background-color: #83af4e;
        color: white;
    }

    .ActionContainer .ActionList div:hover {
        background-color: #d6faaa;
        cursor: pointer;
        color: inherit;
    }

.ActionContainer .ActionList {
    padding: 0px;
    width: 100%;
}

.ActionContainer .ActionHeader {
    font-size: 1.1em;
}

.ActionInstruction {
    font-weight: 600;
}


.ApplicantPasswordDialogContainer .password {
    font-size: 1.5em;
}

.ApplicantPasswordDialogContainer .row {
    margin: 4px;
    text-align: center;
}

.leftcontainer {
    float: left;
    margin: 4px;
}


.mainbody TEXTAREA {
    height: 25%;
    min-height: 400px;
    padding: 4px;
    width: 100%;
}

.helpstrip {
    font: 0.9em;
    margin: 10px;
}

.Page_UpdateLog #_ctl0_Page_Content_m_UpdateLog {
    width: 100%;
}


.FlatReferenceHeader {
    text-align: center;
    font-weight: 600;
}

@media only screen and (max-width: 980px) {
    #_ctl0_Page_Content_m_MultiReviewNavigationTable .BUTTON_NAVIGATION {
        height: 50px;
        margin: 10px;
        width: auto;
    }

    #_ctl0_Page_Content_m_MultiReviewNavigationTable select {
        height: 50px;
        margin: 10px;
    }

    .WORKBENCH_FILTER_LAYOUT {
        height: initial;
    }

    .WorkbenchSearchPanel {
        font-size: initial;
    }
}

.DocumentUploadTitle {
    font-size: 12pt;
    font-weight: bold;
}


/* ----------- General (End)---------------- */


.customDateControl {
    display: inline-block;
    margin-bottom: 2px;
    padding: 1px 2px;
    width: auto !important;
}


/* ----------- BOOTSTRAP: Custom version (End)---------------- */

/* ======================== Progress Tracker [Start]   ======================== */

.progress-tracker {
    margin-bottom: 10px;
    counter-reset: step;
    display: inline-block;
    line-height: 30px;
}

    .progress-tracker .connector:first-child {
        /*connector not needed before the first step*/
        display: none;
    }

    .progress-tracker .circle:before {
        content: counter(step);
        counter-increment: step;
    }

    .progress-tracker a:hover {
        text-decoration: none;
    }

    .progress-tracker .circle {
        display: inline-block;
        color: #fff;
        cursor: pointer;
        height: 30px;
        width: 30px;
        border-radius: 15px;
    }

    .progress-tracker .connector {
        height: 6px;
        display: inline-block;
        margin-left: -5px;
        margin-right: -5px;
        margin-bottom: 2px;
        z-index: -1;
    }

        .progress-tracker .circle.complete,
        .progress-tracker .connector.complete {
            background: #83af4e;
        }

        .progress-tracker .circle.inprogress,
        .progress-tracker .connector.inprogress {
            background: #405684;
        }

        .progress-tracker .circle.notstarted,
        .progress-tracker .connector.notstarted {
            background: #405684;
        }

@media (max-width: 767px) {
    .progress-tracker .connector {
        width: 20px;
    }
}

@media (min-width: 768px) { /*sm*/
    .progress-tracker .connector {
        width: 25px;
    }
}

@media (min-width: 992px) { /*md*/
    .progress-tracker .connector {
        width: 30px;
    }
}

@media (min-width: 1200px) { /*lg*/
    .progress-tracker .connector {
        width: 40px;
    }
}

/* ======================== Progress Tracker [End]   ======================== */

/* ======================== Pie-Pizza Tracker [Start]   ======================== */

.chart {
    position: absolute;
    width: 380px;
    height: 380px;
}

.pieWrapper {
    margin: 0 auto;
    width: 400px;
    height: 400px;
}

@media (min-width: 555px) {
    .pieWrapper {
        margin-left: 26%;
    }
}

.pieTip {
    position: absolute;
    float: left;
    min-width: 30px;
    max-width: 300px;
    padding: 5px 18px 6px;
    border-radius: 2px;
    background: rgba(255,255,255,.97);
    color: #444;
    font-size: 14px;
    text-shadow: 0 1px 0 #fff;
    text-align: center;
    line-height: 1.3;
    letter-spacing: .06em;
    box-shadow: 0 0 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.5);
    pointer-events: none;
}

    .pieTip:after {
        position: absolute;
        left: 50%;
        bottom: -6px;
        content: "";
        height: 0;
        margin: 0 0 0 -6px;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        border-top: 5px solid rgba(255,255,255,.95);
        line-height: 0;
        z-index: 2;
    }

.chart path {
    cursor: pointer;
}

.pieMessage {
    cursor: pointer;
    font-weight: bold;
}

.pieMessageDiv {
    top: 180px;
    cursor: pointer;
    width: 300px;
    margin-left: 10%;
}

.pieAnchor {
    position: absolute;
    display: block;
    height: 370px;
}

/* ======================== Pie-Pizza Tracker [End]   ======================== */





/*  NEW STUFF  */


/* ===================== Navigation ===================== */

.navbar-default {
    background-color: #282864;
    border: none;
    border-radius: 0;
    color: #282864;
    font-size: 16px;
}

    /* drop down background colours */
    .navbar-default .navbar-nav .open .dropdown-menu,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: #dcdcdc;
    }

    /* main nav bar links */
    .navbar-default .navbar-nav > li > a {
        color: #fff;
        font-weight: 600;
    }

        /* main nav bar links */
        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus,
        .navbar-default .navbar-nav > .open > a:hover,
        .navbar-default .navbar-nav > .open > a:focus {
            color: #282864;
            background-color: #dcdcdc;
        }

    /* sub-menu links */
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #282864;
        vertical-align: middle;
    }

        /* sub-menu links */
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: #85b92f;
        }

        /* sub-menu links */
        .navbar-default .navbar-nav .open .dropdown-menu > li > a > .material-icons {
            vertical-align: bottom;
            padding-right: 4px;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .dropdown-header {
        color: #404040;
        background-color: #d0d0d0;
        font-size: 1em;
        font-weight: 600;
    }

    .navbar-default .navbar-nav .open .dropdown-menu {
        border-color: #dcdcdc;
    }


.bs-callout {
    padding: 10px;
    margin: 5px 5px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-callout-oneline * {
    vertical-align: middle;
    display: inline-block;
    padding-right: 2px;
    padding-left: 2px;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-callout *:last-child {
    margin-bottom: 0;
}

.bs-callout-info {
    border-left-color: #85b92f;
}

    .bs-callout-info h4 {
        color: #85b92f;
    }

.btn-primary, .btn-sm {
    background-color: #006bb6;
    color: white;
    border-color: #006bb6;
}

    .btn-primary:hover, .btn-sm:hover {
        background-color: #282864;
        color: white;
    }

.btn-default:hover {
    background-color: #dcdcdc;
}

.PageButtons {
    overflow: auto;
}

    .PageButtons .pull-right {
        float: right;
    }

@media (max-width: 400px) {
    .PageButtons .pull-right {
        float: none;
        padding-top: 10px;
    }

    .PageButtons > div input {
        margin-bottom: 10px;
    }
}

.PageButtons > div input:first-child {
    margin-right: 30px;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
}

    footer > .container-fluid {
        border-top: 1px solid grey;
        font-size: 0.8em;
        margin-top: 10px;
        padding-top: 10px;
        text-align: center;
    }

.sitelogo {
    background-image: url(../Images/pass.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 80px;
    width: 120px;
}


/* ======================== Tables ======================== */

table .TABLEHEADER {
    font-size: 1em;
    font-weight: 600;
}

table {
    font-size: 0.9em;
}

    table td {
        padding: 2px;
    }

    table .TABLEROW_NORMAL1 {
        background-color: #f5f5f5;
    }


        table .TABLEROW_NORMAL1:hover,
        table .TABLEROW_NORMAL2:hover,
        table .TABLEROW_ERR1:hover,
        table .TABLEROW_ERR2:hover,
        table .TABLEROW_INCOMPLETE1:hover,
        table .TABLEROW_INCOMPLETE2:hover {
            transition: background-color 0.4s;
            background-color: #d6faaa;
            color: inherit;
        }

    table .WorkbenchRowHighlighted,
    table .TABLEROW_HIGHLIGHT {
        background-color: #d6faaa;
    }

    table .TABLEROW_ERR1,
    table .TABLEROW_ERR2,
    table .TABLEROW_INCOMPLETE1,
    table .TABLEROW_INCOMPLETE2 {
        background-color: #880015;
        color: white;
    }

.warning {
    color: red !important;
    padding-left: 15px;
    padding-right: 15px;
}

.Page_VacancyDetails .mainbody .warning {
    padding: inherit;
}

.Page_VacancyDetails .mainbody {
    word-wrap: break-word;
}

/*----- Workbench Context Menu (start) -----*/
.WorkbenchContextMenu {
    background-color: white;
    border: solid 1px grey;
    height: auto !important;
    padding: 4px 4px 4px 4px;
    position: absolute;
    visibility: hidden;
    width: 200px;
    z-index: 9999;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

    .WorkbenchContextMenu .material-icons {
        font-size: 22px;
    }


    .WorkbenchContextMenu UL {
        list-style-image: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .WorkbenchContextMenu UL LI {
            padding: 2px;
        }

            .WorkbenchContextMenu UL LI:hover {
                background-color: #d6faaa;
                cursor: pointer;
            }

            .WorkbenchContextMenu UL LI A, .WorkbenchContextMenu UL LI A:visited, .WorkbenchContextMenu UL LI A:active, .WorkbenchContextMenu UL LI A:hover {
                text-decoration: none;
            }

    .WorkbenchContextMenu .SubStatusMenu {
        left: 180px;
        position: absolute;
        top: -2px;
        visibility: hidden;
        width: 300px;
    }

    .WorkbenchContextMenu .WBCM_SubStatus:hover .SubStatusMenu, .WorkbenchContextMenu .WBCM_SubStatus:focus .SubStatusMenu {
        visibility: visible;
        display: inline-block;
    }


    .WorkbenchContextMenu i.material-icons {
        vertical-align: text-bottom;
        margin-right: 5px;
    }


.WBCM_Divider {
    border-top: 1px solid grey;
    margin-top: 4px;
    font-size: 0px;
    list-style-image: none;
    list-style-type: none;
}

.WBCM_Label {
    font-size: 0.8em;
}

.WorkbenchContextMenu UL LI:hover[class="WBCM_Label"],
.WorkbenchContextMenu UL LI:hover[class="WBCM_Divider"] {
    background-color: inherit;
    cursor: auto;
}

.WBCM_SubStatus {
    cursor: default;
    position: relative;
    z-index: 10000;
}

.WBCM_AddNote i.material-icons:after {
    content: 'note_add';
}

.WBCM_Approve i.material-icons:after {
    content: 'thumb_up';
}

.WBCM_AssignSubStatus i.material-icons:after {
    content: 'chevron_right';
}

.WBCM_Cancel i.material-icons:after {
    content: 'cancel';
}

.WBCM_Delete i.material-icons:after {
    content: 'delete_forever';
}

.WBCM_Edit i.material-icons:after {
    content: 'edit';
}

.WBCM_Hold i.material-icons:after {
    content: 'pause';
}

.WBCM_MailTo i.material-icons:after {
    content: 'email';
}

.WBCM_ResetPassword i.material-icons:after {
    content: 'security';
}

.WBCM_SubStatus i.material-icons:after {
    content: 'label';
}

.WBCM_SelectSubStatus i.material-icons:after {
    content: 'label_outline';
}

.WBCM_View i.material-icons:after {
    content: 'search';
}

.WBCM_ViewApplicantStatus i.material-icons:after {
    content: 'search';
}

.WBCM_ViewMails i.material-icons:after {
    content: 'pageview';
}

.WBCM_ViewNotes i.material-icons:after {
    content: 'note';
}

.WBCM_Unapprove i.material-icons:after {
    content: 'thumb_down';
}

.WBCM_Unhold i.material-icons:after {
    content: 'play_arrow';
}

.WBCM_Unsubmit i.material-icons:after {
    content: 'refresh';
}


/*----- Workbench Context Menu (end) -----*/

.WORKBENCHDATA {
    width: 100%;
    border-spacing: 1px;
    border-collapse: inherit;
}

    .WORKBENCHDATA .material-icons {
        font-size: 22px;
    }

.tile-group {
    display: flex;
    align-items: flex-start;
    min-width: 350px;
}

.tile {
    display: flex;
    align-items: center;
    height: 100px;
    width: 100px;
    white-space: inherit;
    margin: 8px;
    padding: 6px;
}

.disabled {
    cursor: not-allowed;
    filter: alpha(opacity=60);
    opacity: 0.6;
}


@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left;
    }

    .Page_Logon .form-horizontal .control-label,
    .Page_SignIn .form-horizontal .control-label {
        text-align: right;
    }
}

.control-offset-hint-label {
    padding-left: 15px;
}

.form-inline {
    margin-bottom: 10px;
}

strong, b {
    font-weight: 600;
}


input[type="file"] {
    display: inline-block;
}


.material-icons {
    color: #000;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.material-icons-cancel-lg:after {
    content: 'cancel';
}

.material-icons-cancel-lg {
    font-size: 4em;
    vertical-align: middle;
    margin-left: 10px;
}


.material-icons-add:after {
    content: 'add_circle';
}

.material-icons-edit:after {
    content: 'create';
}

.material-icons-delete:after {
    content: 'delete';
}

.material-icons-view:after {
    content: 'search';
}

.material-icons-delete {
    color: #880015;
}

.material-icons-complete-md:after {
    content: 'check';
}

.material-icons-complete-md {
    font-size: 2em;
    vertical-align: middle;
}

.material-icons-incomplete-md:after {
    content: 'close';
}

.material-icons-incomplete-md {
    font-size: 2em;
    vertical-align: middle;
}

a > i.material-icons {
    vertical-align: text-top;
}

table a > i.material-icons {
    vertical-align: middle;
}

.TABLEROW_ERR1 i.material-icons, .TABLEROW_ERR2 i.material-icons,
.TABLEROW_INCOMPLETE1 i.material-icons, .TABLEROW_INCOMPLETE2 i.material-icons {
    color: #fff;
}

.TABLEROW_ERR1:hover i.material-icons, .TABLEROW_ERR2:hover i.material-icons,
.TABLEROW_INCOMPLETE1:hover i.material-icons, .TABLEROW_INCOMPLETE2:hover i.material-icons {
    color: inherit;
}


.container-buttons {
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: auto;
    width: 100%;
    clear: both;
}

@media (max-width: 768px) {
    .container-buttons > * {
        margin-bottom: 10px;
    }
}

.WORK_UDFS .form-group,
.PERSONAL_UDFS .form-group,
.SELFSERVICE_UDFS .form-group,
.ADDITIONAL_UDFS .form-group {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}


@media (max-width: 767px) {
    .WORK_UDFS .form-group,
    .PERSONAL_UDFS .form-group,
    .SELFSERVICE_UDFS .form-group,
    .ADDITIONAL_UDFS .form-group {
        display: inherit;
    }
}

.Page_Review.nonav {
    margin-top: 1%;
}

.Page_AdditionalMaintenance #_ctl0_Page_Content_m_Question {
    margin-left: -15px
}

.mb-1 {
    margin-bottom: 1.5em !important;
}

#AddApplicantDialog .btn-primary {
    margin: 8px;
}

    #AddApplicantDialog .btn-primary a {
        color: #fff;
        text-decoration-line: none;
    }

#DataRightsContainer > a > .material-icons:after {
    content: 'security';
}

#DataRightsContainer > a > .material-icons {
    color: inherit;
    margin-right: 10px;
}

    #DataRightsContainer > a > .material-icons:hover {
        color: inherit;
    }

#GdprRetentionWording {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 10px;
}

.Page_InternalApplications .TABLEROW_NORMAL1,
.Page_InternalApplications .TABLEROW_NORMAL2,
.Page_InternalApplications .TABLEHEADER {
    height: 38px;
}

.nwt {
    margin-top: 7px;
}

.nwt .timepair {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.nwt .time {
    width: 70px;
}

.nwt .day {
    display: block;
}

.nwt .timepair span {
    padding-left: 4px;
    padding-right: 4px;
}

.nwt .timepair:not(:last-child) {
    margin-right: 24px;
}

.nwt .form-control {
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
}

.WORK_UDFS .nwt-group,
.PERSONAL_UDFS .nwt-group,
.SELFSERVICE_UDFS .nwt-group,
.ADDITIONAL_UDFS .nwt-group {
    align-items: flex-start;
}