@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

html {
    height: 100%;
    width: 99.8%;
}

body {
    padding: 0;
    margin: 0;
    font-family: Roboto, verdana, sans-serif;
    color: #333333;
    font-size: 65%;
}

*,
#PageTabs .ui-tabs-nav .ui-state-active a:focus,
#PageTabs .ui-tabs-nav .ui-state-active.ui-state-focus,
#PageTabs .ui-tabs-nav .ui-state-active.ui-state-focus a,
#PageTabs .ui-tabs-nav .ui-state-active.ui-state-focus a:focus {
    outline: none;
}

h1 {
    font-size: 120%;
}

h2 {
    font-size: 110%;
}

    h2.left-no-clear {
        width: auto;
        display: inline-block;
        float: left;
    }

[class*="cke_contents"] p
{
    margin:0;
}

.hide-cke-break .cke_toolbar_break
{
    display:none;
}

#formSaveSARData
{
    width:100%;
    float:left;
    height:100%;
}

#formSaveSARData .content,
#formSaveSARData .content .ckeditor-container,
#formSaveSARData .content .ckeditor-container .cke_inner
{
    height:100%;
}

#formSaveSARData .content .ckeditor-container .cke_inner
{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

#divReviewCandidateData .cke_contents
{
    height:auto!important;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

a {
    color: #336699;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

    a:hover {
        text-decoration: underline;
    }

.aggregator-date {
    padding-bottom: 15px;
    float: left;
    width: 100%;
}

    .aggregator-date.ntx-legacy-alert {
        font-weight: 700;
        color: #ff0000;
        background-image: url("../img2/icons/clock.png");
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 21px;
    }

    .aggregator-date.unknown {
        font-weight: 700;
        color: #ff8839;
        background-image: url("../img2/icons/exclamation.png");
        background-repeat: no-repeat;
        background-position: left top;
        padding-left: 21px;
    }


a * {
    cursor: pointer;
}

#wrapper {
    width: 98%;
    height: auto;
    margin: auto;
    margin-top: 1em;
    border: 1px solid #797979;
    background-color: #ffffff;
    padding-bottom: 1em;
}

footer {
    font-size: 120%;
    color: #879eb8;
    text-align: center;
    margin: 20px 0;
}

footer svg
{
    fill:#879eb8;
    width:100px;
    display:inline-block;
    vertical-align:middle;
}

/*HEADER START*/

.header-system-header {
    width: 100%;
    height: 21px;
    background-image: url("../img2/apointbarfade.png");
    background-repeat: repeat-x;
    position: relative;
    color: black;
}

.header-system-icon {
    background-image: url("../img2/apointbar.png");
    background-repeat: no-repeat;
    float: left;
    width: 359px;
    height: 21px;
    background-size:contain!important;
}

.header-nav-container {
    overflow: hidden;
    padding: 2px 1em 0 1em;
}


.client-logo-box img.ClientLogo {
    min-height: 150px;
    min-width: 150px;
    max-width:100%;
}

.header-tabs-container {
    width: 100%;
    height: 18px;
    overflow: hidden;
    padding: 0 12px 0 12px;
    margin-top: 4px;
}

.header-tab, .header-tab-selected, .header-sub-tab, .header-sub-tab-selected {
    width: 119px;
    padding: 3px 5px 2px 5px;
    height: 12px;
    background-image: url("../img2/unselected-nav.gif");
    background-repeat: no-repeat;
    float: left;
    margin-right: 2px;
    text-align: center;
    color: #333333;
}

    .header-tab a, .header-tab-selected a, .header-sub-tab a, .header-sub-tab-selected a {
        display: block;
        color: #333333;
    }

    .header-tab-selected a {
        color: #fefefe;
    }

.header-tab-selected {
    background-image: url("../img2/selected-nav.gif");
    color: #ffffff;
    padding-bottom: 3px;
    height:100%!important;
}

.header-tab {
    border-bottom: 1px solid #ffffff;
    height: 100%!important;
}

    .header-tab:hover {
        background-image: url("../img2/over-nav.gif");
    }

.header-nav-seat-container {
    width: 100%;
    height: 8px;
    background-image: url("../img2/middle-nav.gif");
    background-repeat: repeat-x;
    position: relative;
}

.header-nav-seat-L {
    width: 7px;
    height: 9px;
    background-image: url("../img2/left-nav.gif");
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
}

.header-nav-seat-R {
    width: 7px;
    height: 9px;
    background-image: url("../img2/right-nav.gif");
    z-index: 101;
    position: absolute;
    top: 0;
    right: 0;
}



.header-sub-nav-seat-container {
    width: 100%;
    height: 10px;
    background-image: url("../img2/middle-sub-nav.gif");
    background-position: bottom;
    background-repeat: repeat-x;
    position: relative;
}

.header-sub-nav-seat-L {
    width: 7px;
    height: 9px;
    background-image: url("../img2/left-sub-nav.gif");
    z-index: 102;
    position: absolute;
    bottom: 0;
    left: 0;
}

.header-sub-nav-seat-R {
    width: 7px;
    height: 9px;
    background-image: url("../img2/right-sub-nav.gif");
    z-index: 103;
    position: absolute;
    bottom: 0;
    right: 0;
}

.header-sub-tabs-container {
    height: 25px;
    padding: 0 12px 0 12px;
}

.header-sub-tab {
    background: url("../img2/unselected-sub-nav.gif") no-repeat;
    height: 15px;
    color: #666666;
    padding: 0 5px 4px 5px;
}

.header-sub-tab-selected {
    background-image: url("../img2/selected-sub-nav.gif");
    height: 19px;
    padding: 0 5px 4px 5px;
}

.header-sub-tab a {
    color: #666666;
}

.header-sub-tab:hover {
    background: url("../img2/sub-nav-over.gif");
}
/*
	width:109px;
	padding:3px 10px 2px 10px;
	height:12px;
	background-image:url("../img2/unselected-nav.gif");
	background-repeat:no-repeat;
	float:left;
	margin-right:2px;
	text-align:center;
	color:#333333;
*/

.header-logout {
    float: right;
    right: 1em;
    top: 3px;
    position: absolute;
}

/*HEADER END*/

/*LAYOUT START*/

img.Social1Image, img.Social2Image, .ClientHeroImage {
    width: 300px;
}

.layout-content-outer {
    width: 100%;
}

.layout-content-inner {
    margin: 0 1em 1em 1em;
    border: 2px solid #0074bb;
}

.layout-page {
    margin: 0em 1em;
    min-height: 500px;
}

main.layout-page
{
    display:block;
}

.layout-breadcrumbs-outer {
    border: 2px solid #709ac8;
    /*border-bottom:1px solid #666666;*/
    margin-bottom: 1em;
}

.layout-breadcrumbs-inner {
    font-size: 90%;
    padding-left: 0.5em;
    padding-bottom: 0.1em;
}

.layout-col-style-a, .layout-col-style-b {
    background-color: #ffffff;
}

.layout-16col, .layout-12col, .layout-8col, .layout-7col, .layout-6col, .layout-4col, .layout-3col, .layout-one-third, .layout-two-third {
    float: left;
    margin: 0 1% 1em 1%;
    padding: 0 0 0.5em 0em;
    position: relative;
    /*needed to handle the position:absolute on the layout-button-container*/
}

.layout-16col {
    width: 97.3%;
}

.layout-12col {
    width: 72.3%;
}

.layout-8col {
    width: 47.3%;
}

.layout-7col {
    width: 41%;
}

.layout-6col {
    width: 35.5%;
}

.layout-4col {
    width: 22.3%;
}

.layout-3col {
    width: 15.5%;
}

.layout-one-third {
    width: 30.8%;
}

.layout-two-third {
    width: 64.8%;
}

.layout-box-header {
    display: block;
    padding: 0.2em 0.5em;
    margin-bottom: 0.4em;
    font-weight: bold;
}

    .layout-box-header .layout-OA-popup-menu {
        top: 0;
        right: 0;
        font-family: Verdana, sans-serif;
        text-align: left;
    }

        .layout-box-header .layout-OA-popup-menu a {
            color: #ffffff;
            font-weight: 400;
        }

    /*Added to change the colour of the edit button, if it is needed in the box header*/
    .layout-box-header span a {
        color: #666666;
    }

.layout-minimise span {
    background: url('../img2/box/down-arrow.gif') no-repeat center right;
}

.layout-box-content {
    padding: 0.5em 0.5em;
}

.dashboard-table .layout-box-content {
    overflow-x: hidden;
}


.layout-accordion-head {
    cursor: pointer;
    display: block;
}

.layout-job-blurb {
    text-align: center;
    border: 1px solid #d6d6d6;
    border-bottom: none;
    background-color: #f5f5f5;
    color: #333333;
    padding: 0 1.3em;
}

.layout-button-container {
    float: right;
    margin-top: 5px;
}

/*LAYOUT TABLES*/

.layout-standard-table {
    border: 1px solid #666666;
    /*Set the width as a % to get it to work in IE6 that doesn't handle min-width and avoid the Chrome min-width table bug.
	Note that you can get away with using a width and min-width as long as they uses different measurements e.g. % and px.*/
    width: 100%;
    cursor: default;
    text-align: left;
    font-size:0.75rem;
}

    .layout-standard-table tr:not(.layout-standard-table tr) {
        background-color: #ffffff;
    }

    .layout-standard-table > tbody > tr:hover > td {
        background-color: #d6e7f2;
        color: #000000;
    }

    .layout-standard-table tbody tr:hover a {
        color: #000000;
    }

    .layout-standard-table img[src*=".svg"] {
        max-width: 20px;
        max-height: 20px;
    }

.no-hover tbody tr:hover td {
    background-color: #ffffff;
}

.panel-action-button-table tbody tr:hover td
{
    background-color:transparent;
}

.layout-table-tr-border tr {
    border: solid 1px #666666;
}

.layout-standard-table-row-alert td {
    background-color: #ffdddd;
}

/* layout-table-quick-view-answer found in client css file*/

.layout-standard-table td {
    margin: 0;
    padding: 3px 6px;
}

.layout-standard-table.references {
    table-layout: fixed;
}

    .layout-standard-table.references td {
        word-wrap: break-word;
    }

.layout-standard-table.references {
    margin-bottom: 20px;
}

    .layout-standard-table.references:last-of-type {
        margin-bottom: 0px;
    }

.table-fix-first-col tbody td:first-child {
    width: 25em;
}

.layout-table-small-padding td
/*Used on the Vacancy Overview screen this option reduces the left and right padding*/ {
    padding: 3px 3px;
}

.layout-standard-table thead tr td, .layout-standard-table tfoot tr td, .layout-div-thead {
    background: #cbcbcb url('../img2/table/layout-table-header-footer.jpg') repeat-x;
}

/*Added to create a div that looks like a thead*/
.layout-div-thead {
    border: solid 1px #666666;
    border-bottom: none;
    display: block;
    padding: 3px 6px;
}

.layout-standard-table-no-border, .layout-standard-table-no-border td.no-border {
    border: none!important;
}

.table-td-no-border tbody tr, .table-td-no-border tbody tr td {
    border: 0 none;
}

/*Vertical align the images so that the images and text in the paging are in line*/
.layout-standard-table tfoot tr td img {
    vertical-align: middle;
}


.layout-standard-table tfoot tr td form {
    display: inline;
}

.layout-standard-table tbody td {
    border-bottom: 1px solid #eaeaea;
    vertical-align: top;
}

    .layout-standard-table tbody td.no-border {
        border-bottom: 0px none;
    }

    a.button-style
    {
            align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
    margin-left: 3px;
    padding: 1px 8px;
    font-size: 100%;
    vertical-align: baseline;
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 11 Arial;
    -webkit-appearance: button;
    cursor: pointer;
    max-width:100px;
    }

    #tblDigitallySignedDocuments td a.button-style
    {
        margin-top:10px;
        text-align:center;
    }

    #tblDigitallySignedDocuments td a.button-style:first-of-type {
        margin-top: 0;
        margin-bottom: 0;
    }

    #tblDigitallySignedDocuments td a.button-style img
    {
        margin-bottom:5px;
    }

    #tblDigitallySignedDocuments tbody td
    {
        padding:10px;
    }

    #tblEditDigitallySignedDocuments td a.button-style
    {
        margin-top:10px;
        text-align:center;
        max-width:150px;
    }

    #tblDigitallySignedDocuments td a.button-style:first-of-type {
        margin-top: 0;
        margin-bottom: 0;
    }

    #tblDigitallySignedDocuments td a.button-style img
    {
        margin-bottom:5px;
    }

    #tblDigitallySignedDocuments tbody td
    {
        padding:10px;
    }
       

    #tblEditDocuments td a.button-style
    {
        margin-top:10px;
        text-align:center;
    }

    #tblEditDocuments td a.button-style:first-of-type {
        margin-top: 0;
        margin-bottom: 0;
    }

    #tblEditDocuments td a.button-style img
    {
        margin-bottom:5px;
    }

    #tblEditDocuments tbody td
    {
        padding:10px;
    }

    #tblEditDocuments td a.button-style
    {
        margin-top:10px;
        text-align:center;
        max-width:150px;
    }

    #tblEditDocuments td a.button-style:first-of-type {
        margin-top: 0;
        margin-bottom: 0;
    }

    #tblEditDocuments td a.button-style img
    {
        margin-bottom:5px;
    }

    #tblEditDocuments tbody td
    {
        padding:10px;
    }

    .doc-signing-button{
        margin-bottom: 5px;
    }

    .signed-doc-declined{
        margin-bottom: 10px;
    }

.success-text {
    background: url("../img2/icons/big-tick.png") no-repeat left;
    padding-left: 60px;
    font-size: 3em;
    line-height:normal;
}
/* This is the 'Add Option' button inside the admin create primary report section*/
.multiSelectOptionsTableAddOptionButton {
    float: right;
}

/*Needed to work with the ie6hover.js file to allow a hover state for tr in IE6*/
.trHover {
    background-color: #d6e7f2;
    color: #000000;
}

    .trHover a {
        color: #000000;
    }

/*This is used when viewing the application XML using the application form XSL*/
.layout-standard-questiontable {
    margin: 1%;
    width: 48%;
    float: left;
}

.layout-paging-first {
    padding: 0 1px 0 0;
}

.layout-paging-last {
    padding: 0 0 0 1px;
}

.layout-paging-prev-next {
    padding: 0 1px;
}

/*tr:hover set on client stylesheet see networx.css for code*/

.pageing-text-box {
    width: 30px !important;
}

.row1 td {
    background-color: #E0E0E0;
}

.row2 td {
    background-color: #EDEDED;
}

tr.question-divider td {
    border-bottom: 1px solid #888888;
    border-collapse: collapse;
}

/*END OF LAYOUT TABLES*/

/*START OF TEXT BOX STYLE*/

input[type="text"] {
    border: 1px solid rgba(0,0,0,0.3);
    font-size: 100%;
    padding-left: 3px;
    width: 367px;
    font-family: Verdana, sans-serif;
}

.ntx-legacy-form-group input[type="text"] {
    width:100%;
}

#divEditGroup td input[type="text"]
{
    width:100%;
}

    input[type="text"].input-text-smaller {
        width: 330px;
    }

    input[type="text"].input-text-small {
        width: 100px;
    }

    input[type="text"].input-text-date {
        width: 100px;
    }

    input[type="text"].input-text-time {
        width: 50px;
    }

    input[type="text"].input-text-hover {
        background-color: #d6e7f2;
        color: #000000;
    }


/*END OF TEXT BOX STYLE*/

/*START OF PASWORD STYLE*/

input[type="password"] {
    border: 1px solid rgba(0,0,0,0.3);
    font-size: 100%;
    padding-left: 3px;
    width: 367px;
    font-family: Verdana, sans-serif;
}

/*END OF PASSWORD STYLE*/

/*START OF TEXT AREA STYLE*/

textarea {
    font-family: Verdana, sans-serif;
    font-size: 100%;
    width: 340px;
    height: 70px;
}

/*END OF TEXT AREA STYLE*/

/*START OF DROP DOWN STYLE*/

.AppForm select {
    min-width: 15em;
}

/*END OF DROP DOWN SLYTLE*/

/*START OF BUTTON STYLING*/
button {
    font-size: 100%;
    vertical-align: baseline;
    margin-left: 3px;
    padding: 1px 8px;
}

.layout-button-icon {
    vertical-align: middle;
    padding: 0 3px 0 0;
}

.layout-button-line {
    margin-bottom: 1em;
}

.mini-button, dynatree-container a.dynatree-title .mini-button {
    font-size: 70%;
}

/*END OF BUTTON STYLING*/


/*START OF LISTBOX STYLING*/

select {
    font-family: Verdana, sans-serif;
    font-size: 100%;
    width: 376px;
    border:1px solid rgba(0,0,0,0.3);
}

.layout-listbox {
    height: 70px;
}

/*END OF LISTBOX STYLING*/

/*START OF DROPDOWN*/

.layout-dropdown {
    height: 1.8em;
}

/*END OF DROPDOWN*/

/*START OF CHECKBOX*/

input[type="checkbox"] {
    /*!important is needed to overwirte the inline style the checkbox applies to itself when it is ticked*/
    border: none !important;
    vertical-align: text-bottom;
    padding: 0 3px 0 0;
}

/*END OF CHECKBOX*/

/*START OF RADIOBUTTONS*/

input[type="radio"] {
    border: none !important;
    vertical-align: text-bottom;
    padding: 0 3px 0 0;
}

/*END OF RADIOBUTTONS*/

/*END OF INPUTS*/

/*LAYOUT LOGIN BOX*/

.layout-login-page {
    padding: 1em;
    text-align: left;
    max-width: 900px;
}

.layout-login-middle {
    border: 1px solid #709ac8;
    background-color: #d4e1ee;
}

.layout-logon-table {
    padding: 2em;
    width: 800px;
}

.layout-login-images {
    margin: 40px 0 40px 30px;
}

.layout-logon-forgotten-password {
    float: right;
    margin-top: 1em;
}

/*END OF LAYOUT LOGIN BOX*/


/*LAYOUT END*/


/*SIDE NAV START*/

.side-cand-tab-holder {
    position: fixed;
    right: -720px;
    top: 127px;
    z-index: 999;
    width: 720px;
    height: 540px;
    transition: all ease-in-out 0.5s;
}

.side-cand-tab-holder.ntx-legacy-active
{
    right:0;
}

.side-cand-tab-holder .flex .ntx-input
{
    width:auto!important;
    padding:0.75rem 1rem!important;
}

.side-cand-tab-holder .results
{
    overflow:auto;
    max-height:500px;
}

.side-cand-tab-holder .ui-tabs-panel
{
    padding:0;
}

@media screen and (max-height: 720px) {
    .side-cand-tab-holder {
        top: 50px;
    }
}

.side-cand-tab-holder .ui-widget-header {
    background: url("../img2/side/ui-bg_gloss-wave_35_f6a828_500x100.png") repeat;
    border: none;
}

.side-cand-tab-holder .ui-state-default:hover {
    background: url("../img2/side/ui-bg_highlight-soft_75_ffe45c_1x100.png") repeat;
    color: #3168A5;
}

.side-cand-tab-holder .ui-widget-header .ui-state-active {
    background: #ffffff none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: #3168A5;
    border-bottom-color: #ffffff;
}

.side-cand-tab-holder .ui-widget-header {
    border-color: #ffffff;
}

.side-cand-tab-holder .ui-widget-content {
    border-top-color: #ffffff;
}

.side-cand-tab-holder .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover {
    color: #3168A5;
    /*background: url("../img2/side/ui-bg_highlight-soft_75_ffe45c_1x100.png") repeat;*/
    border-bottom-color: #ffffff;
}

.side-cand-tab-holder .ui-tabs .ui-tabs-active {
    border-bottom: none;
}

.side-cand-tab1, .side-cand-tab2, .side-cand-tab3 {
    position: absolute;
    left: -50px;
    top: 140px;
    width: 50px;
    height: 132px;
    cursor: pointer;
}

.side-search-results {
    width: 448px;
    height: 100%;
    padding: 0 30px;
    overflow: hidden;
    position: relative;
}

.side-cand-cont {
    position: absolute;
    left: 0px;
    width: 720px;
    height: 550px;    
}

#sideTabs {
    -moz-box-shadow: 5px 5px 5px 3px rgba(0,0,0,.25);
    -webkit-box-shadow: 5px 5px 5px 3px rgba(0,0,0,.25);
    box-shadow: 5px 5px 5px 3px rgba(0,0,0,.25);
    border: 2px solid #4385f6;
}



/*SIDE NAV END*/

/*ERROR START*/

.error2 {
    border-radius: 4px;
    background: rgb(194,78,66); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(194,78,66,1) 0%, rgba(145,52,46,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(194,78,66,1)), color-stop(100%,rgba(145,52,46,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(194,78,66,1) 0%,rgba(145,52,46,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(194,78,66,1) 0%,rgba(145,52,46,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(194,78,66,1) 0%,rgba(145,52,46,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(194,78,66,1) 0%,rgba(145,52,46,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c24e42', endColorstr='#91342e',GradientType=0 ); /* IE6-9 */
    padding: 4px 10px 4px 4px;
    color: #ffffff;
    font-size: 1.2em;
    display: inline-block;
    margin-bottom: 1em;
    width: 99.9%;
    clear: both;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.error2-inner {
    padding: 0 0 0 61px;
    background: transparent url("../img2/error/error-exclamation.png") no-repeat left center;
}

    .error2-inner table, .alert2-inner table, .confirm2-inner table {
        min-height: 41px;
    }

        .error2-inner table td, .alert2-inner table td, .confirm2-inner table td {
            vertical-align: middle;
            padding: 5px 0;
        }

        .error2-inner table, .alert2-inner table, .confirm2-inner table, .error2-inner table tr, .alert2-inner table tr, .confirm2-inner table tr, .error2-inner table tr td, .alert2-inner table tr td, .confirm2-inner table tr td {
            background: transparent none;
            border: 0 none;
        }

            .error2-inner table:hover, .alert2-inner table:hover, .confirm2-inner table:hover, .error2-inner table tr:hover, .alert2-inner table tr:hover, .confirm2-inner table tr:hover, .error2-inner table tr td:hover, .alert2-inner table tr td:hover, .confirm2-inner table tr td:hover {
                background: transparent none !important;
            }

.error2 a, .alert2 a, .confirm2 a {
    color: #ffffff;
}

.alert2 {
    border-radius: 4px;
    background: rgb(253,164,67); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(253,164,67,1) 0%, rgba(246,99,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,164,67,1)), color-stop(100%,rgba(246,99,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(253,164,67,1) 0%,rgba(246,99,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(253,164,67,1) 0%,rgba(246,99,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(253,164,67,1) 0%,rgba(246,99,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(253,164,67,1) 0%,rgba(246,99,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda443', endColorstr='#f66300',GradientType=0 ); /* IE6-9 */
    padding: 4px 10px 4px 4px;
    color: #ffffff;
    font-size: 1.2em;
    display: inline-block;
    margin-bottom: 1em;
    width: 99.9%;
    clear: both;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.alert2-inner {
    padding: 0 0 0 61px;
    background: transparent url("../img2/error/alert-bar-icon.png") no-repeat left center;
}

.alert2 ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.alert2 li {
    list-style-type: none;
}

.confirm2-inner {
    padding: 0 0 0 61px;
    background: transparent url("../img2/error/confirm-bar-icon.png") no-repeat left center;
}


.confirm2 {
    border-radius: 4px;
    background: rgb(170,197,42); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(170,197,42,1) 0%, rgba(126,150,27,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,197,42,1)), color-stop(100%,rgba(126,150,27,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(170,197,42,1) 0%,rgba(126,150,27,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(170,197,42,1) 0%,rgba(126,150,27,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(170,197,42,1) 0%,rgba(126,150,27,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(170,197,42,1) 0%,rgba(126,150,27,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aac52a', endColorstr='#7e961b',GradientType=0 ); /* IE6-9 */
    padding: 4px 10px 4px 4px;
    color: #ffffff;
    font-size: 1.2em;
    display: inline-block;
    margin-bottom: 1em;
    width: 99.9%;
    clear: both;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

    .confirm2.width-auto, .error2.width-auto, .alert2.width-auto {
        padding-right: 2em;
    }

/*.pan-member-section .confirm2, .pan-member-section .alert2, .pan-member-section .error2
{
    width:auto;
}*/

.error {
    border: 1px solid #cd0a0a;
    display: inline-block;
    padding: 16px 0.5em 0.5em 85px;
    background: #fef8f6 url("../img2/error/error-alert.gif") no-repeat center left;
    margin: 1em 0;
}

.error-plain {
    color: #ff0000;
    font-weight: bold;
    display: inline-block;
    margin: 1em 0;
}

span.error-plain:empty
{
    display:none;
}

.error-page-info {
    font-size: 1.2em;
    padding: 0 1em;
}

.confirmed {
    border: 1px solid #1bc800;
    display: inline-block;
    padding: 0.5em 0.5em 0.5em 25px;
    background: #dbfed4 url("../img2/error/confirmed.gif") no-repeat center left;
}

.mandatoryL {
    background: transparent url("../img2/icons/asterisk.png") no-repeat top left;
    padding: 0 0 0 26px;
    display: inline-block;
}

.mandatoryR {
    background: transparent url("../img2/icons/asterisk.png") no-repeat top right;
    padding: 0 26px 0 0;
    display: inline-block;
}



/*ERROR END*/

/* BUTTON STYLE - JQUERY*/

.layout-actions-container {
    margin-bottom: 0.5em;
    padding: 0.4em 0.2em 0 0.2em;
    clear: both;
    background-color: #d4e1ee;
    border: 1px solid #87bddf;
}

.layout-actions-container-plain {
    margin-bottom: 0.5em;
    padding: 0.4em 0.2em 0 0.2em;
    clear: both;
}

.popup-actions-container {
    margin-bottom: 0.5em;
    padding: 0.4em;
    clear: both;
    background-color: #d4e1ee;
    border: 1px solid #87bddf;
}

.layout-action {
    float: left;
    margin-right: 5px;
    vertical-align: middle;
    border: 1px solid #709ac8;
    background-color: #ececec;
    padding: 0.5em;
    font-weight: bold;
    display: block;
    cursor: pointer;
    color: #3168A5;
}

    .layout-action a {
        color: #3168A5 !important;
    }

.layout-action-selected {
    float: left;
    margin-right: 5px;
    vertical-align: middle;
    border: 1px solid #709ac8;
    background-color: #709ac8;
    padding: 0.5em;
    font-weight: bold;
    color: #ffffff;
}

    .layout-action-selected a {
        color: #ffffff;
        text-decoration: none;
        display: block;
    }

.layout-action:hover {
    background-color: #87bddf;
    border: 1px solid #0074bb;
}

    .layout-action:hover a {
        color: #003366 !important;
        text-decoration: none;
        display: block;
    }

/* BUTTON STYLE - JQUERY*/

/*TAB STYLE - JQUERY*/

#PageTabs .ui-tabs-nav .ui-state-default, #sideTabs .ui-tabs-nav .ui-state-default, #AdvertTabs .ui-tabs-nav .ui-state-default, #panel-tabs .ui-tabs-nav .ui-state-default {
    border: 1px solid #959595;
    background: #87abdb url("../img2/tabs/application-tab-default-gradient.gif") repeat-x bottom;
    border-radius: 12px 12px 0 0;
    /*-webkit-box-shadow: inset 0px 0px 1px 1px #6592cf;
	 box-shadow:inset 0 0 0 1px #6592cf;*/
    /*box-shadow: 0 0 1px 1px rgba(0.58,0.58,0.58,0.4) inset;*/
    margin: 0 0.4em 0 0.4em;
}

    #PageTabs .ui-tabs-nav .ui-state-default a, #sideTabs .ui-tabs-nav .ui-state-default a, #AdvertTabs .ui-tabs-nav .ui-state-default a, #panel-tabs .ui-tabs-nav .ui-state-default a {
        color: #ffffff;
    }

#PageTabs .ui-tabs-nav .ui-state-active, #sideTabs .ui-tabs-nav .ui-state-active, #AdvertTabs .ui-tabs-nav .ui-state-active, #panel-tabs .ui-tabs-nav .ui-state-active {
    background: #ffffff none;
}

#PageTabs .ui-tabs-nav .ui-state-hover a, #sideTabs .ui-tabs-nav .ui-state-hover a, #AdvertTabs .ui-tabs-nav .ui-state-hover a, #panel-tabs .ui-tabs-nav .ui-state-hover a {
    color: #709ac8;
}

#PageTabs .ui-tabs-nav .ui-state-active, #sideTabs .ui-tabs-nav .ui-state-active, #AdvertTabs .ui-tabs-nav .ui-state-active, #panel-tabs .ui-tabs-nav .ui-state-active {
    border-bottom: none !important;
    box-shadow: none;
}

    #PageTabs .ui-tabs-nav .ui-state-active a, #sideTabs .ui-tabs-nav .ui-state-active a, #AdvertTabs .ui-tabs-nav .ui-state-active a, #panel-tabs .ui-tabs-nav .ui-state-active a {
        color: #000000;
    }

#PageTabs .ui-tabs-nav, #sideTabs .ui-tabs-nav, #AdvertTabs .ui-tabs-nav, #panel-tabs .ui-tabs-nav {
    border-bottom: 0 none;
}

    #PageTabs .ui-tabs-nav .ui-corner-top, #sideTabs .ui-tabs-nav .ui-corner-top, #AdvertTabs .ui-tabs-nav .ui-corner-top, #panel-tabs .ui-tabs-nav .ui-corner-top {
        border-radius: 12px 12px 0 0;
    }

#PageTabs .inner-tabs .ui-widget-header {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 2%, #cacaca 98%, #8c8c8c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#efefef), color-stop(98%,#cacaca), color-stop(100%,#8c8c8c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 2%,#cacaca 98%,#8c8c8c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#efefef 2%,#cacaca 98%,#8c8c8c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#efefef 2%,#cacaca 98%,#8c8c8c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#efefef 2%,#cacaca 98%,#8c8c8c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8c8c8c',GradientType=0 ); /* IE6-9 */
}

#PageTabs .inner-tabs .ui-tabs-nav .ui-state-default.ui-state-active {
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    background: #feccb1; /* Old browsers */
    background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
}

    #PageTabs .inner-tabs .ui-tabs-nav .ui-state-default.ui-state-active a {
        color: #ffffff;
    }

#PageTabs .inner-tabs .ui-tabs-nav .ui-state-default {
    background: #dadada; /* Old browsers */
    background: -moz-linear-gradient(top, #dadada 0%, #bdbcbd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(100%,#bdbcbd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dadada 0%,#bdbcbd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dadada 0%,#bdbcbd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dadada 0%,#bdbcbd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dadada 0%,#bdbcbd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#bdbcbd',GradientType=0 ); /* IE6-9 */
}

    #PageTabs .inner-tabs .ui-tabs-nav .ui-state-default a {
        color: #ffffff;
        transition: 0.3s ease-in-out;
    }

    #PageTabs .inner-tabs .ui-tabs-nav .ui-state-default:hover a {
        color: #000000;
    }

/*END OF TAB STYLE - JQUERY*/


/* TOOLTIP STYLING START */
.ntx-legacy-tooltip, .tooltip-big {
    display: none;
    background: transparent url("../img/black_arrow.png");
    font-size: 12px;
    height: 70px;
    width: 160px;
    padding: 25px;
    color: #fff;
}

.tooltip-big {
    background: transparent url("../img/black_arrow_big.png") no-repeat center center;
    width: 320px;
    height: 166px;
    padding-top: 12px;
}
/* TOOLTIP STYLING END*/

.footnote {
    padding-top: 1em;
    color: #999999;
    font-size: 80%;
}

.overview-min-height {
    /*min-height: 135px;*/
}


/* MAIN APPLICATION VIEW START */
/*
td 
	{
		text-align: left;
		vertical-align: top;
	}
*/
.ApplicationHeader {
    background-color: #eeeeee;
    border: 1px solid #999999;
}

.MainTab {
    padding: 10px;
}

.ApplicationTab {
    padding: 10px;
}

.mav_Toolbar {
    margin-bottom: 5px;
}

.mav_ToolbarButton {
    float: left;
    padding: 2px;
    padding-right: 5px;
    border: 1px solid #888888;
    margin-right: 10px;
}

    .mav_ToolbarButton:hover {
        background-color: #dddddd;
        border: 1px solid #888888;
    }

    .mav_ToolbarButton img {
        vertical-align: bottom;
    }

    .mav_ToolbarButton a {
        text-decoration: none;
    }
/*
Conflicts with other styling of input buttons
input[type='text']
{
	width: 300px;
}
select 
{
	width: 310px;
}
	*/
.panelscore-targetvalue {
    background-color: #dedede;
    color: #000000;
}

.mav_MainTable {
    width: 100%;
    table-layout: fixed;
}

.mav_MainTableCol1 {
    width: 270px;
    /*width: 33%;*/
    padding: 5px;
    vertical-align: top;
}

.mav_MainTableCol2, .mav_MainTableCol3 {
    width: 50%;
    padding: 5px;
    vertical-align: top;
}

.mav_AppListHeader {
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 1em;
}

.mav-quickview {
    margin-top: 1em;
}

.mav_Toolbar {
    margin-bottom: 5px;
}

.mav_ToolbarButton {
    float: left;
    padding: 2px;
    border: 1px solid #888888;
    margin-right: 2px;
}

    .mav_ToolbarButton:hover {
        background-color: #dddddd;
        border: 1px solid #888888;
    }

    .mav_ToolbarButton img {
        vertical-align: bottom;
    }

    .mav_ToolbarButton a {
        text-decoration: none;
    }

.mav-keyinformation-container {
    border: 1px solid #D6D6D6;
    background-color: #ffffff;
    border-bottom: 0 none;
}

    .mav-keyinformation-container span {
        font-weight: bold;
    }

.mav-keyinformation-header {
    background-color: #709ac8;
    border-bottom: 1px solid #D6D6D6;
    font-size: 130%;
    color: #ffffff;
    padding: 0.3em 1.2em;
}

.mav-keyinformation-content {
    padding: 0.8em 1.2em;
    position: relative;
}

    .mav-keyinformation-content span {
        padding-left: 1em;
    }

.search-box {
    display: block;
    padding: .5em .5em .5em .7em;
    margin-top: 1px;
    border: 1px solid #709ac8;
    background: #e6e6e6 url(images/ui-bg_glass_60_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #3168a5;
}

    .search-box > input[type=text] {
        width: 85%;
    }

    .search-box > a {
        padding-left: 5px;
        vertical-align: sub;
    }

/* MAIN APPLICATION VIEW END */


/* Vacancy Calendars START */
/* --------------------------------------------- Calendar Day View ----------------------------- */
.ntx-calendar-day-container {
    height: 400px;
    overflow: auto;
    border-bottom: 1px solid #dedede;
    border-collapse: collapse;
}

table.ntx-calendar-day {
    width: 100%;
    border: none;
    border-collapse: collapse;
    table-layout: fixed;
    padding: 0;
}

.ntx-calendar-day td {
    border: 1px solid #E6EDF7;
    text-align: center;
    border-collapse: collapse;
    border-bottom: none;
    height: 1em;
    line-height: 1em;
    width: 92%;
    overflow: hidden;
    vertical-align: middle;
}

    .ntx-calendar-day td.datebar-1 {
        width: 8%;
        border: none;
    }

        .ntx-calendar-day td.datebar-1 img {
            margin: 4px;
        }

    .ntx-calendar-day td.datebar-2 {
        width: 92%;
        text-align: left;
        font-size: 1.6em;
        border: none;
    }

    .ntx-calendar-day td.daybar-1 {
        width: 8%;
        border: none;
    }

    .ntx-calendar-day td.daybar-2 {
        width: 92%;
        border: none;
        padding: 2px;
        border: 1px solid #EB8900;
        background-color: #FFE674;
    }

.ntx-calendar-day tr.hourstart td {
    border-top: 1px solid #A5BFE1;
    border-collapse: separate;
}

.ntx-calendar-day td.timeheader {
    background-color: #F6F9FC;
    border-style: none;
    width: 8%;
}

.ntx-calendar-day-header td.ntx-calendar-day-header-spacer {
    width: 17px;
}

.ntx-calendar-day td.booked-head {
    border-style: none !important;
    white-space: nowrap;
    border-radius: 8px 8px 0 0;
    text-align: left;
    padding-left: 4px;
}

.ntx-calendar-day td.booked {
    border-style: none !important;
    white-space: nowrap;
    text-align: left;
    padding-left: 4px;
}

.ntx-calendar-day td.booked-head1 {
    background-color: #334d8c;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Telephone Interview */
.ntx-calendar-day td.booked-head2 {
    background-color: #3ea296;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* First Interview */
.ntx-calendar-day td.booked-head3 {
    background-color: #4f9528;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Second Interview */
.ntx-calendar-day td.booked-head4 {
    background-color: #667686;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Third Interview */
.ntx-calendar-day td.booked-head5 {
    background-color: #e38f1e;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Assessment Centre */
.ntx-calendar-day td.booked1 {
    background-color: #4564ad;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Telephone Interview */
.ntx-calendar-day td.booked2 {
    background-color: #339387;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* First Interview */
.ntx-calendar-day td.booked3 {
    background-color: #5ca632;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Second Interview */
.ntx-calendar-day td.booked4 {
    background-color: #8997a5;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Third Interview */
.ntx-calendar-day td.booked5 {
    background-color: #f2a640;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Assessment Centre */

.ntx-calendar-day td div.booked-head {
    border-style: none !important;
    white-space: nowrap;
    border-radius: 8px 8px 0 0;
    text-align: left;
    padding-left: 4px;
    cursor: pointer;
}

.ntx-calendar-day td div.booked {
    border-style: none !important;
    white-space: nowrap;
    text-align: left;
    padding-left: 4px;
    cursor: pointer;
}

.ntx-calendar-day td div.booked-head1 {
    background-color: #29a3a3;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Telephone Interview */
.ntx-calendar-day td div.booked-head2 {
    background-color: #a32929;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* First Interview */
.ntx-calendar-day td div.booked-head3 {
    background-color: #29a329;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Second Interview */
.ntx-calendar-day td div.booked-head4 {
    background-color: #2929a3;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Third Interview */
.ntx-calendar-day td div.booked-head5 {
    background-color: #a3a329;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Assessment Centre */
.ntx-calendar-day td div.booked1 {
    background-color: #66d9d9;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Telephone Interview */
.ntx-calendar-day td div.booked2 {
    background-color: #d96666;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* First Interview */
.ntx-calendar-day td div.booked3 {
    background-color: #66d966;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Second Interview */
.ntx-calendar-day td div.booked4 {
    background-color: #6666d9;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Third Interview */
.ntx-calendar-day td div.booked5 {
    background-color: #d9d966;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Assessment Centre */

.ntx-calendar-day td:hover, .ntx-calendar-week td.weekend:hover {
    background-color: #BBD3EA;
    border: 1px solid #bbccff;
}

.ntx-calendar-day td.booked-head:hover {
    cursor: pointer;
    background-color: #a32929;
    border-style: none;
}

.ntx-calendar-day td.booked:hover {
    cursor: pointer;
    border-style: none;
}

.ntx-calendar-day td.booked-head1:hover {
    background-color: #4763a6;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Telephone Interview */
.ntx-calendar-day td.booked-head2:hover {
    background-color: #48ab9f;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* First Interview */
.ntx-calendar-day td.booked-head3:hover {
    background-color: #599f33;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Second Interview */
.ntx-calendar-day td.booked-head4:hover {
    background-color: #738290;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Third Interview */
.ntx-calendar-day td.booked-head5:hover {
    background-color: #ed9a2a;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Assessment Centre */
.ntx-calendar-day td.booked1:hover {
    background-color: #5978c0;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Telephone Interview */
.ntx-calendar-day td.booked2:hover {
    background-color: #3e9e92;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* First Interview */
.ntx-calendar-day td.booked3:hover {
    background-color: #66b13b;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Second Interview */
.ntx-calendar-day td.booked4:hover {
    background-color: #97a4b0;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Third Interview */
.ntx-calendar-day td.booked5:hover {
    background-color: #f9b04d;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Assessment Centre */

/* ------------------------------------------------- Calendar Week View -------------------------------------- */
.ntx-calendar-week-container {
    height: 700px;
    overflow: auto;
    border-bottom: 1px solid #dedede;
    border-collapse: collapse;
}

table.ntx-calendar-week {
    width: 100%;
    border: 1px solid #dedede;
    border-collapse: collapse;
    table-layout: fixed;
    padding: 0;
}

.ntx-calendar-week td {
    border: 1px solid #dddddd;
    text-align: center;
    border-collapse: collapse;
    border-bottom: none;
    height: 1em;
    line-height: 1em;
    width: 12%;
    overflow: hidden;
    vertical-align: middle;
}

.ntx-calendar-week tr.hourstart td {
    border-top: 1px solid black;
    border-collapse: separate;
}

.ntx-calendar-week tbody td.dayheader, .ntx-calendar-week tbody td.timeheader {
    background-color: #f6f9fc;
    border-style: none;
}

.ntx-calendar-week tbody td.timeheader {
    background-color: #F6F9FC;
    border-style: none;
    width: 8%;
}

.ntx-calendar-week tbody td.weekend {
    background-color: #ebf3fb;
}

.ntx-calendar-week td.booked-head {
    border-style: none !important;
    white-space: nowrap;
    border-radius: 8px 8px 0 0;
    text-align: left;
    padding-left: 4px;
}

.ntx-calendar-week td.booked {
    border-style: none !important;
    white-space: nowrap;
    text-align: left;
    padding-left: 4px;
}

.ntx-calendar-week td.booked-head1 {
    background-color: #334d8c;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Telephone Interview */
.ntx-calendar-week td.booked-head2 {
    background-color: #3ea296;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* First Interview */
.ntx-calendar-week td.booked-head3 {
    background-color: #4f9528;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Second Interview */
.ntx-calendar-week td.booked-head4 {
    background-color: #667686;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Third Interview */
.ntx-calendar-week td.booked-head5 {
    background-color: #e38f1e;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Assessment Centre */
.ntx-calendar-week td.booked1 {
    background-color: #4564ad;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Telephone Interview */
.ntx-calendar-week td.booked2 {
    background-color: #339387;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* First Interview */
.ntx-calendar-week td.booked3 {
    background-color: #5ca632;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Second Interview */
.ntx-calendar-week td.booked4 {
    background-color: #8997a5;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Third Interview */
.ntx-calendar-week td.booked5 {
    background-color: #f2a640;
    color: #ffffff;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Assessment Centre */

.ntx-calendar-week td:hover, .ntx-calendar-week td.weekend:hover {
    background-color: #BBD3EA;
    border: 1px solid #bbccff;
}

.ntx-calendar-week td.booked-head:hover {
    cursor: pointer;
    background-color: #a32929;
    border-style: none;
}

.ntx-calendar-week td.booked:hover {
    cursor: pointer;
    border-style: none;
}

.ntx-calendar-week td.booked-head1:hover {
    background-color: #4763a6;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Telephone Interview */
.ntx-calendar-week td.booked-head2:hover {
    background-color: #48ab9f;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* First Interview */
.ntx-calendar-week td.booked-head3:hover {
    background-color: #599f33;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Second Interview */
.ntx-calendar-week td.booked-head4:hover {
    background-color: #738290;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Third Interview */
.ntx-calendar-week td.booked-head5:hover {
    background-color: #ed9a2a;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Assessment Centre */
.ntx-calendar-week td.booked1:hover {
    background-color: #5978c0;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Telephone Interview */
.ntx-calendar-week td.booked2:hover {
    background-color: #3e9e92;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* First Interview */
.ntx-calendar-week td.booked3:hover {
    background-color: #66b13b;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Second Interview */
.ntx-calendar-week td.booked4:hover {
    background-color: #97a4b0;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Third Interview */
.ntx-calendar-week td.booked5:hover {
    background-color: #f9b04d;
    border: solid 1px #646464;
    border-radius: 4px;
}
/* Assessment Centre */

.ntx-calendar-week-header {
    width: 100%;
}

    .ntx-calendar-week-header td {
        padding: 0;
        margin: 0;
    }

        .ntx-calendar-week-header td.ntx-calendar-week-header-spacer {
            width: 17px;
        }

td.ntx-calendar-week-day-selected {
    background-color: Red !important;
    color: White !important;
}
/* ------------------------------------------------- Calendar Month View -------------------------------------- */
.ntx-calendar-month-container {
    border-bottom: 1px solid #dedede;
    border-collapse: collapse;
}

table.ntx-calendar-month {
    width: 100%;
    border: none;
    border-collapse: collapse;
    table-layout: fixed;
    padding: 0;
}

.ntx-calendar-month td.datebar-1 {
    width: 8%;
    border: none;
    text-align: center;
}

    .ntx-calendar-month td.datebar-1 img {
        margin: 4px;
    }

.ntx-calendar-month td.datebar-2 {
    width: 92%;
    text-align: left;
    font-size: 1.6em;
    border: none;
}

.ntx-calendar-month td.dayhead {
    border-right: 1px solid #8DAED9;
    border-bottom: 1px solid #8DAED9;
    width: 14.2%;
    text-align: center;
    padding: 2px;
}

.ntx-calendar-month td.datehead {
    border: 1px solid #8DAED9;
    font-weight: bold;
    padding: 2px;
    background-color: #A5BFE1;
    width: 14.2%;
}

.ntx-calendar-month td.daydisplay {
    height: 80px;
    border: 1px solid #8DAED9;
    width: 14.2%;
}

    .ntx-calendar-month td.daydisplay div.booked {
        white-space: nowrap;
        overflow: hidden;
        margin: 2px;
        padding: 2px;
        cursor: pointer;
    }

    .ntx-calendar-month td.daydisplay div.booked1 {
        background-color: #66d9d9;
        color: #ffffff;
        border: solid 1px #646464;
        border-radius: 4px;
    }
    /* Telephone Interview */
    .ntx-calendar-month td.daydisplay div.booked2 {
        background-color: #d96666;
        color: #ffffff;
        border: solid 1px #646464;
        border-radius: 4px;
    }
    /* First Interview */
    .ntx-calendar-month td.daydisplay div.booked3 {
        background-color: #66d966;
        color: #ffffff;
        border: solid 1px #646464;
        border-radius: 4px;
    }
    /* Second Interview */
    .ntx-calendar-month td.daydisplay div.booked4 {
        background-color: #6666d9;
        color: #ffffff;
        border: solid 1px #646464;
        border-radius: 4px;
    }
    /* Third Interview */
    .ntx-calendar-month td.daydisplay div.booked5 {
        background-color: #d9d966;
        color: #ffffff;
        border: solid 1px #646464;
        border-radius: 4px;
    }
/* Assessment Centre */

/* Vacancy Calendars END */

/*Book Interview Styling*/

#PageTabs .ui-tabs-nav .confirmAndSendTab {
    background: #ff8839 !important;
    font-weight: bold;
    color: #ffffff !important;
}

    #PageTabs .ui-tabs-nav .confirmAndSendTab:hover {
        background: #ff6600 repeat-x;
    }

        #PageTabs .ui-tabs-nav .confirmAndSendTab:hover a {
            color: #ffffff;
        }

    #PageTabs .ui-tabs-nav .confirmAndSendTab a {
        color: #ffffff;
        background-color:transparent!important;
    }

#PageTabs .ui-tabs-nav .book-send-selected {
    background: #003366 url("../img2/misc/blue-gradient-small.gif") repeat-x;
}

/*      
.confirmAndSendAnchor
{
    background-image: none;
    background-color: #56CC71;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: White;
    font-weight: bold;
    text-align: center;
}
*/
/*End Book Interview Styling*/


/*DASHBOARD LAYOUT STYLING*/
#DashboardLayoutContainer {
    width: 100%;
}

#DashboardLayout {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    #DashboardLayout li {
        margin: 1%;
        float: left;
        font-size: 1em;
        text-align: center;
        background-color: White;
    }

.ui-sortable-placeholder {
    visibility: visible !important;
    background-color: #e1ecf7 !important;
}

#DashboardLayout li.fullwidth {
    width: 98%;
}

#DashboardLayout li.halfwidth {
    /*needs to be 57.9 and not 48% due to IE pixel rounding issues making it wider that it should be.*/
    width: 47.9%;
}

.dashboard-layout-li-container {
    border: 1px solid black;
    padding: 0 0 1em 0;
}

    .dashboard-layout-li-container b {
        font-size: 110%;
        background-color: #709AC8;
        display: block;
        color: #ffffff;
        padding: 0.5% 0;
    }

.dashboard-tasks-filter {
    float: right;
    width: 70%;
    text-align: right;
}

    .dashboard-tasks-filter span {
        float: right;
        min-height: 2em;
    }

.summary-selection {
    text-align: right;
    font-weight: bold;
    font-size: 1.2em;
}

    .summary-selection a, .summary-selected {
        color: #333333;
        border: 1px solid #7a7a7a;
        padding: 0.5em;
        display: inline-block;
        border-radius: 6px;
    }

.summary-selected {
    color: #ffffff;
    background: url("../img2/skins/networx/orange-gradient-small.png") repeat-x scroll center bottom #f98c44;
}

div.WidgetToolbar {
    margin: 0 0 10px 0;
    padding: 0;
    float: right;
}

div.WidgetHeader {
    float: left;
    font-weight: bold;
    font-size: 1.3em;
}

button.ToolbarSelected {
    background-color: white;
    border: 1px solid #999999;
    padding: 2px 8px 2px 8px;
}


.summary-widget .quick-view-answer {
}

.summary-half-left, .summary-half-right {
    float: left;
    width: 49%;
    border-radius: 0 0 6px 6px;
    background-color: #ededed;
    margin-right: 0.9%;
}

.summary-half-right {
    margin-right: 0%;
}

.summary-third {
    float: left;
    width: 32%;
    margin-right: 1.5%;
}

.summary-third-final {
    float: left;
    width: 32%;
}

.summary-prompt {
    text-align: right;
    vertical-align: bottom;
}

.summary-count {
    text-align: left;
    vertical-align: bottom;
    font-weight: bold;
}

.summary-prompt-highlight {
    color: Red;
}

.summary-count-highlight {
    color: Red;
}

.summary-count-highlight a {
    color: Red;
}

.summary-count span {
    font-weight: normal;
}

.RecentActivityIFrame {
    width: 450px;
    height: 400px;
}

.summary-table {
    width: 100%;
}


/*DASHBOARD LAYOUT STYLING END*/

.uploaded-message {
    padding-top: 5px;
    font-weight: bold;
    display: none;
}


/*START OF DYNATREE TWEAKS*/

#SBandTree {
    overflow:auto;
}

#SBandTree span.dynatree-icon {
    background-image: url("../img2/icons/blue-document-medium.png");
}

/*END OF DYNATREE TWEAKS*/


/*MAINTENANCE ICON STYLING*/

.maintenance-icon {
    background: #658cab url("../img2/maintenance-button-background.gif") repeat-x top;
    padding: 1.5em 0.5em;
    width: 13em;
    border-radius: 12px;
    border: 1px solid #666666;
    color: #ffffff;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,.25);
    text-align: center;
    margin: 1em;
    float: left;
    font-size:11px;
}

.maintenance-icon img{
    height:16px;
    width:16px;
}

.ui-widget-content a.maintenance-icon {
    color: #ffffff;
}

.maintenance-icon:hover {
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,.25);
}
/*END OF MAINTENANCE ICON STYLING*/


/*VACANCY SEARCH STYLING*/

.b-rows {
    color: #666666;
}

/*END OF VACANCY SEARCH STYLING*/

.service-display {
    background-color: #d8dfea;
    border-radius: 6px;
    float: left;
    padding: 4px;
    margin: 3px;
    border: 1px solid #666666;
    font-size: 1.2em;
}
.service-display-unconfigured {
    background-color: #fbbcbc;
    border-radius: 6px;
    float: left;
    padding: 4px;
    margin: 3px;
    border: 1px solid #666666;
    font-size: 1.2em;
}

    .service-display:hover, service-display-unconfigured:hover {
        background-color: black;
        color: White;
    }


/*Highlighting for Credit Orders*/

.layout-standard-table-nh {
    border: 1px solid #666666;
    /*Set the width as a % to get it to work in IE6 that doesn't handle min-width and avoid the Chrome min-width table bug.
	Note that you can get away with using a width and min-width as long as they uses different measurements e.g. % and px.*/
    width: 100%;
    cursor: default;
    text-align: left;
}

    .layout-standard-table-nh tr {
        background-color: #ffffff;
    }

    /* layout-table-quick-view-answer found in client css file*/

    .layout-standard-table-nh td {
        margin: 0;
        padding: 3px 6px;
    }


    .layout-standard-table-nh thead tr, .layout-standard-table-nh tfoot tr {
        background: #cbcbcb url('../img2/table/layout-table-header-footer.jpg') repeat-x;
    }

        /*Vertical align the images so that the images and text in the paging are in line*/
        .layout-standard-table-nh tfoot tr td img {
            vertical-align: middle;
        }

        .layout-standard-table-nh tfoot tr td form {
            display: inline;
        }

    .layout-standard-table-nh tbody td {
        border-bottom: 1px solid #eaeaea;
        vertical-align: top;
    }

        .layout-standard-table-nh tbody td.no-border {
            border-bottom: 0px none;
        }

tr.credit-order-selected {
    background-color: #dfedf6;
}

td.credit-order-details {
    background-color: #dfedf6;
}

/*End of Highlighting for Credit Orders*/

div.BusyBoxContainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
    display: none;
    background-color: black;
    /*opacity:0.4;
    filter:alpha(opacity=40);*/
    opacity: 0.1;
    filter: alpha(opacity=01);
}

div.BusyBox {
    background-color: rgba(255, 255, 255,0.875);
    width: 100%;
    height: 100%;
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

body.ios-device div.BusyBox,
html.ios-device div.BusyBox
{
    position: absolute;
}

div.BusyBox-text {
    padding-bottom: 10px;
    font-size: 1.5em;
}

div.BusyBox > div
{
    top:50%;
    left:50%;
    position:relative;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
}


/*DROP DOWN STYLE START*/


/*needed to align the popup when the button is on the left*/
.layout-OA-popup-left {
    position: relative;
}

    .layout-OA-popup-left .layout-OA-popup-menu {
        top: 0em;
        left: 0em;
    }

/*-----*/

/*needed to align the popup for the candidate > details > application > application actions button*/
.candidate-action-menu {
    position: relative;
}

    .candidate-action-menu .layout-OA-popup-menu {
        top: 0em;
        right: 0em;
    }

.panel-action-menu.layout-OA-popup-menu {
    top: 0.3em;
}

.layout-OA-popup-menu {
    display: none;
    position: absolute;
    top: 4em;
    right: 0.5em;
    width: 18em;
    padding: 0.5em 1em 1em 1em;
    background: #023467 url("../img2/misc/drop-down-gradient.png") repeat-x bottom;
    border: 2px solid #ffffff;
    box-shadow: 3px 3px 7px 3px rgba(0,0,0,.3);
    border-radius: 12px;
    z-index: 1000;
}

.layout-OA-popup-item {
    display: block;
    padding: 0.3em;
    border: 1px solid transparent;
}

    .layout-OA-popup-item:hover {
        background-color: #d4e1ee;
        padding: 0.3em;
        border: 1px solid #ffffff;
    }

    #DiaryActionsMenu.layout-OA-popup-menu a
    {
        font-size:14px;
    }

.layout-OA-popup-menu a {
    font-size: 1.2em;
    text-decoration: none;
    padding: 4px;
    color: #ffffff;
}

.ui-widget-content .layout-OA-popup-menu a {
    /*needed for the Vacancy Overview page, where the popup menu is nested within the page tabs. Match the color with the aboves color.*/
    color: #ffffff;
}

#CandidateActionsMenu {
    top: 0.2em;
    left: 0.5em;
}

.layout-OA-popup-item:hover a {
    color: #333333;
    text-decoration: underline;
}


.layout-OA-popup-item a.no-underline {
    text-decoration: none;
}

/*DROP DOWN STYLE END*/

/*CLIENT OVERVIEW*/

.client-logo-box {
    padding: 10px;
    max-height: 320px;
    box-shadow: inset 3px 3px 3px #888888;
    border: 1px solid #000000;
    /*border-bottom:0 none;*/
    background-color: #ebf8f9;
}

.client-name-box {
    background: #335e8a url("../img2/misc/blue-nav-gradient.gif") repeat-x bottom;
    max-width: 320px;
    padding: 10px;
    border: 1px solid #000000;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.4em;
}

.client-details {
    font-size: 1em;
    line-height: 1.8em;
}

table.client-details
{
    table-layout:fixed;
}

.client-details-full {
    font-size: 1em;
    line-height: normal;
}

/*CLIENT OVERVIEW END*/


/*VACANCY LIST JOB STATUS*/

.status-authorisation {
    background: #efefef;
}

td.status-authorisation-no-border-top {
    background: #efefef;
    border-bottom: 1px solid #efefef;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none !important;
}

td.status-authorisation-no-border-bottom {
    background: #efefef;
    border-bottom: 0 none !important;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 1px solid #efefef;
}

div.status-authorisation {
    border: 1px solid #666666;
    float: left;
    padding: 0.5em;
    margin-right: 0.5em;
    border-radius: 6px;
}

.status-pending {
    background: #e5eafd;
}

td.status-pending-no-border-top {
    background: #e5eafd;
    border-bottom: 1px solid #e5eafd;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none !important;
}

td.status-pending-no-border-bottom {
    background: #e5eafd;
    border-bottom: 0 none !important;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 1px solid #e5eafd;
}

div.status-pending {
    border: 1px solid #666666;
    float: left;
    padding: 0.5em;
    margin-right: 0.5em;
    border-radius: 6px;
}

.status-live {
    background: #e5fee5;
}

td.status-live-no-border-top {
    background: #e5fee5;
    border-bottom: 1px solid #ffffff !important;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none !important;
}

td.status-live-no-border-bottom {
    background: #e5fee5;
    border-bottom: 0 none !important;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 1px solid #ffffff !important;
}

div.status-live {
    border: 1px solid #666666;
    float: left;
    padding: 0.5em;
    margin-right: 0.5em;
    border-radius: 6px;
}

.status-expired {
    background: #fff3ea;
}

td.status-expired-no-border-top {
    background: #fff3ea;
    border-bottom: 1px solid #ffffff;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none !important;
}

td.status-expired-no-border-bottom {
    background: #fff3ea;
    border-bottom: 0 none !important;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 1px solid #ffffff;
}

div.status-expired {
    border: 1px solid #666666;
    float: left;
    padding: 0.5em;
    margin-right: 0.5em;
    border-radius: 6px;
}

.status-closed {
    background: #ffe3e3;
}

td.status-closed-no-border-top {
    background: #ffe3e3;
    border-bottom: 1px solid #ffffff !important;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none !important;
}

td.status-closed-no-border-bottom {
    background: #ffe3e3;
    border-bottom: 0 none !important;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 1px solid #ffffff;
}

div.status-closed {
    border: 1px solid #666666;
    float: left;
    padding: 0.5em;
    margin-right: 0.5em;
    border-radius: 6px;
}

.status-unconfirmed {
    background: #eeeeee;
}

.status-unconfirmed-no-border-top {
    background: #eeeeee;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 1px solid #ffffff;
}

.status-unconfirmed-no-border-bottom {
    background: #eeeeee;
    border-bottom: 1px solid #ffffff;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
}

div.status-unconfirmed {
    border: 1px solid #666666;
    float: left;
    padding: 0.5em;
    margin-right: 0.5em;
    border-radius: 6px;
}




/*VACANCY LIST JOB STATUS END*/


/* QUICK VIEW STYLING*/
.quick-view-section {
    width: 99.7%;
    margin: 10px 5px 10px 5px;
}

.quick-view-header, .quick-view-table thead tr td {
    background: #325d89 url("../img2/misc/blue-gradient-small.gif") repeat-x bottom;
    padding: 1em;
    /*border:1px solid #709ac8; - Commented out by DLK to allow specific height containers */
    border-bottom: 0 none;
    color: #ffffff;
    font-weight: bold;
}

    .quick-view-header.references-header {
        background: #dcdcdc;
        color: #000000;
        font-size: 13px;
    }

        .quick-view-header.references-header span {
            color: red;
            font-weight: 700;
        }

.references-spacer {
    margin: 30px 0;
    width: 100%;
    background-color: #dcdcdc;
    height: 2px;
}

    .references-spacer:last-of-type {
        display: none;
    }

.references-table-spacer {
    margin: 10px 0;
    width: 100%;
    height: 2px;
}

.quick-view-question, .quick-view-answer {
    /*border:1px solid #d6d6d6; - Commented out by DLK to allow specific height containers */
    border-bottom: 0 none;
    padding: 1em;
}

.quick-view-answer-no-padding .quick-view-answer
{
    padding:0!important;
}

.quick-view-static td, .quick-view-static {
    background: #cccccc none !important;
    box-shadow: 0 0 6px rgba(0,0,100,0.2) inset;
}

.quick-view-question hr, .quick-view-answer hr {
    color: #d6d6d6;
}

.quick-view-question.qa-horizontal td:nth-child(2) {
    width: 70%;
}

.quick-view-container {
    margin-bottom: 1em;
    border: 1px solid #d6d6d6;
    /*border-bottom:1px solid #d6d6d6; - Commented out by DLK to allow specific height containers */
    background-color: White;
}

.quick-view-container.vacancy-overview-to-do-items
{
    border:0;
    margin-bottom:20px;
}

.quick-view-container.has-flex .quick-view-answer,
[class*="layout-"].has-flex .layout-box-content
{
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow:row wrap;
}

[class*="layout-"].has-flex.full-width-notice .alert-notice
{
    width:100%;
}

.quick-view-table.review-candidate-data thead tr td, 
.quick-view-table.review-candidate-data thead tr th,
.quick-view-table.review-candidate-data tbody tr td
{
    font-size: 0.875rem;
    font-weight: 500;
    vertical-align: top;
    background-image: none; /*this can be removed when apoint and networx stylesheets are removed*/
}

.quick-view-table.review-candidate-data tbody tr td 
{
    padding:10px;
}

.quick-view-table {
    width: 99.8%;
    /*margin-bottom:1em;*/
    border-bottom: 1px solid #d6d6d6;
    border-collapse: collapse;
}

    .quick-view-table tr.quick-view-question td, .quick-view-table tr.quick-view-answer td, .quick-view-table td.quick-view-question, .quick-view-table td.quick-view-answer {
        border: 1px solid #d6d6d6;
        border-bottom: 0 none;
        padding: 1em;
        background-color: #ffffff;
    }


    .quick-view-table tr.quick-view-question td, .quick-view-table td.quick-view-question {
        background-color: #deebf3;
        font-weight: bold;
    }

    .quick-view-table .quick-view-table {
        margin: 0;
    }

        .quick-view-table .quick-view-table thead tr td {
            background: #325d89 url("../img2/misc/blue-gradient-small.gif") repeat-x bottom;
            color: #ffffff;
        }

.app-view-essential {
    background: url("../img2/icons/trophy.png") no-repeat;
    width: 14px;
    height: 13px;
    display: inline-block;
    margin-left: 5px;
}

.app-view-desirable {
    background: url("../img2/icons/medal-bronze.png") no-repeat;
    width: 14px;
    height: 13px;
    display: inline-block;
    margin-left: 5px;
}

.quick-view-answer .edu-title {
    font-weight: bold;
}

.edu-qual-type, .edu-subject, .edu-grade, .edu-date {
    word-break: break-all;
    box-sizing: border-box;
    width: calc( 100% / 4);
}

.score-applicant-tabs .layout-table-quick-view-answer {
    word-break: break-word;
}

.quick-view-answer .edu-qual-type {
    border-top: 0px !important;
}

.quick-view-table:first-of-type .quick-view-question:first-of-type .edu-qual-type {
    border-top: 1px solid #d6d6d6 !important;
}

.quick-view-answer .edu-subject {
    border-top: 0px !important;
}

.quick-view-table:first-of-type .quick-view-question:first-of-type .edu-subject {
    border-top: 1px solid #d6d6d6 !important;
}

.quick-view-answer .edu-grade {
    border-top: 0px !important;
}

.quick-view-table:first-of-type .quick-view-question:first-of-type .edu-grade {
    border-top: 1px solid #d6d6d6 !important;
}

.quick-view-answer .edu-date {
    border-top: 0px !important;
}

.quick-view-table:first-of-type .quick-view-question:first-of-type .edu-date {
    border-top: 1px solid #d6d6d6 !important;
}

.emp-header {
    width: 85px;
    float: left;
}

    .emp-header + div {
        width: calc(100% - 85px);
    }

.section-key {
    padding: 0;
    margin: 0em;
}

    .section-key li {
        list-style-type: none;
        padding: 10px 0 10px 32px;
        margin-left: 1em;
        display: block;
    }

.complete-li {
    background: url("../img2/icons/tick-circle-frame.png") no-repeat left center;
}

.incomplete-li {
    background: url("../img2/icons/exclamation-red-frame.png") no-repeat left center;
}

.mandatory-li {
    background: url("../img2/icons/exclamation-diamond.png") no-repeat left center;
}

/*END OF QUICK VIEW STYLING*/


/*TEXT SIZES*/

.small-text {
    font-size: 0.53em;
    display: inline-block;
    font-family: Verdana, sans-serif;
    color: #666666;
}

.big-text {
    font-size: 1.5em;
}

.medium-text {
    font-size: 1.2em;
}

/*END of TEXT SIZES*/

/* MISC*/

.loading-bar {
    width: 100%;
    min-width: 220px;
    min-height: 20px;
    background: #ffffff url("../img2/loader.gif") no-repeat top center;
    clear: both;
}

.help-box {
    border: 1px solid #cccccc;
    box-shadow: 3px 3px 3px #666666 inset;
    background: #f1f1fb url("../img2/icons/exclamation.png") no-repeat 10px 10px;
    padding: 10px 10px 10px 36px;
}

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

.min-button-height {
    min-height: 3em;
    line-height: 3em;
}

.ui-tabs-panel {
    min-height: 500px;
}

.popup-body .ui-tabs-panel
{
    min-height:initial;
}

.top-right-button {
    position: absolute;
    top: 2px;
    right: 0;
    width: 14.5em;
    height: 3em;
}

.hr-report {
    clear: both;
    margin: 1em 0;
}

.report-bt-selected {
    border-radius: 3px;
    border: 1px solid #777777;
    background: #ff6f10 url("../img2/misc/orange-gradient-small.png") repeat-x top right;
    color: #ffffff;
}

.credit-expiring {
    float: left;
    font-size: 1.3em;
    color: #ff0000;
}

.red-border-important {
    border-color: Red !important;
}

.ntx-legacy-float-left {
    float: left;
}

.ntx-legacy-float-right {
    float: right;
}

.margin-bottom {
    margin-bottom: 1em;
}

.margin-top {
    margin-top: 1em;
}

.margin-one {
    margin: 1em;
}

.standard-padding {
    padding: 1em;
}

.double-padding {
    padding: 2em;
}

/*END OF MISC*/

/*VACANCY SETUP WIZARD*/

.wizard-col1 {
    float: left;
    width: 19%;
    margin-right: 1%;
    margin-bottom: 1em;
    font-size:14px;
}

    .wizard-col1 .quick-view-answer, .main-col-1 .quick-view-answer {
        padding: 0;
    }

    .wizard-col1 a {
        color: #333333;
        font-size: 14px;
        display: block;
    }

.wizard-standard-link a, .wizard-standard-link .wizard-section {
    color: #333333;
    display: block;
    cursor: pointer;
}

.wizard-col2 {
    float: left;
    width: 80%;
}

.wizard-selected-link {
    font-weight: bold;
    color: #ffffff;
    background: url("../img2/misc/orange-gradient-small.png") repeat-x scroll center bottom #f98d45;
    padding: 1em;
}

.offer-wizard-selected-link {
    color: #ffffff;
    background: url("../img2/misc/orange-gradient-small.png") repeat-x scroll center bottom #f98d45;
    padding: 1em;
}

.wizard-selected-link a {
    color: #ffffff;
}

.wizard-inactive-link, .wizard-standard-link {
    color: #333333;
    padding: 1em;
}


    .wizard-standard-link:hover, .wizard-inactive-link:hover {
        background: none repeat scroll 0 0 #ffac74;
    }

.wizard-prev-next {
    width: 98%;
    margin: 0 1%;
}

.wizard-button {
    width: 98%;
    margin: 0 1%;
}


/*Needed in conjuncation with the td one underneath to sort out the padding on the actions buttons*/

.vacancy-setup-button-table {
    padding: 0 0 1em 0;
}

    .vacancy-setup-button-table td {
        padding: 1em 0 0 0;
    }

.vacancy-setup-info-span {
    padding: 1em 0 0 0;
    text-align: center;
}



.AdvertEditContainer:hover {
    background-color: #d9d9d9 !important;
    cursor: pointer;
}


.AdvertParentContainer {
    border: 1px solid #000000;
    background: #dddddd none;
    box-shadow: 0px 0px 4px #666666;
    padding: 0;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

    .AdvertParentContainer * {
        background-size:unset;
        background-size: initial;
        background-size: auto;
    }


/*END OF VACANCY SETUP WIZARD*/

/*VACANCY USER LIST*/

div.UserListSeperator {
    margin: 25% 1em 0 1em;
    float: left;
}

div.UserList {
    border: 1px solid #8B8EA0;
    background-color: #f6f6f6;
    height: 300px;
    width: 300px;
    float: left;
    overflow: auto;
    overflow-x: hidden;
}

div.UserInfo {
    margin: 5px;
    padding: 3px;
    border: 1px solid #8B8EA0;
    background-color: white;
}

div.UserSelected {
    margin: 5px;
    padding: 3px;
    border: 1px solid #8B8EA0;
    background-color: #d6e7f2;
}

    div.UserSelected:hover, div.UserInfo:hover {
        border: 1px solid black;
    }

div.UsersSelected {
    float: left;
    width: 350px;
}

div.UsersSelectedList {
    border: 1px solid #8B8EA0;
    background-color: #f6f6f6;
    height: 300px;
    width: 350px;
    overflow: auto;
    overflow-x: hidden;
}

div.UserID {
    display: none;
}

div.UserMainInfo {
    color: Black;
}

div.UserOtherInfo {
    color: #9E9E9E;
}

#SelectedUsers {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #SelectedUsers li {
        margin: 0;
        padding: 4px;
    }

    #SelectedUsers img {
        vertical-align: text-top;
    }

.UserListContainer {
    width: 300px;
    float: left;
}

.UserListHeader {
    margin-bottom: 1em;
}


/*END OF VACANCY USER LIST*/

/*EDIT DOCUMENTS*/

.PageHeader {
    padding: 1em 0 0 0;
}

/*END OF EDIT DOCUMENTS*/



.vacancy-overview {
    padding: 0;
    margin: 0;
    margin-left: 2em;
    margin-bottom: 1em;
}

    .vacancy-overview li {
        margin: 0;
        margin-top: 1em;
    }

.layout-standard-table tr.quickview-row-selected {
    background-color: #D6E7F2;
}

/* Drag and drop styling*/

.DragDropList1, .DragDropList2, .DragDropList3 {
    background: #ffffff;
    border: 1px solid #757575;
    box-shadow: 3px 3px 4px #BBBDBC inset;
    list-style-type: none;
    padding: 0 0 10px 0;
    margin: 0;
    width: 420px;
}

.DragDropList2 {
    background: #E0E4FF;
}

.DragDropList3 {
    background: #FFF5CC;
}

    .DragDropList1 li, .DragDropList2 li, .DragDropList3 li {
        width: 365px;
        margin: 7px 20px;
        padding: 3px 6px;
    }

    .DragDropList3 li {
        width: 400px;
    }

.DragDropItem {
    border: 1px solid #0074bb;
    background: #87bddf url("../img2/skins/networx/blue-nav-gradient.gif") repeat-x;
    color: #ffffff;
    cursor: move;
}

.DragDropHighlight {
    border: 1px dashed #757575;
    background-color: #cccccc;
    height: 13px;
    width: 242px;
}

/*End of Drag and drop styling*/

.standard-section-head {
    color: #FE6807;
    font-weight: bold;
    font-size: 1.4em;
}

.standard-hr {
    margin: 3em 0 0 0;
    color: #FE6807;
    background-color: #FE6807;
    border-color: #fe6807;
    height: 1px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.help-text-container {
    background: #fe8331 url("../img2/help-box/gradient.jpg") repeat-x top left;
    padding: 12px 20px;
    margin: 0 4px 10px 0;
    border-radius: 10px;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2) inset;
    border: 1px solid #D6D6D6;
}

.help-text-inner {
    background: transparent url("../img2/help-box/big-question.png") no-repeat;
    color: #ffffff;
    font-weight: bold;
    padding: 0px 0px 0px 40px;
    min-height: 28px;
}

.help-header {
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 10px;
}

/*start of Candidate Flags & Folders Styling*/

.candidate-folders {
    color: #347C2C;
    width: 48%;
    float: left;    
    padding: 5px;
}

.candidate-flags {
    color: #E42217;
    width: 48%;
    float: right;
    border: 1px solid #dddddd;
    padding: 5px;
}

.candidate-flags-alert {
    color: #E42217;
    font-weight: bold;
    padding-left: 24PX;
    background: url("../img2/icons/flag.png") no-repeat top left;
}
/*start of Candidate Flags & Folders Styling*/

/*START FILTER CSS*/

#filter-toggle {
    float: left;
    width: 4%;
    height: 90px;
    margin-top: 200px;
    border: 1px solid #d6d6d6;
    border-left: 0 none;
}

.hide-filter {
    background: #eeeeee url("../img2/hide-filter.png") no-repeat center center;
}

.show-filter {
    background: #eeeeee url("../img2/show-filter.png") no-repeat center center;
}

.hide-criteria {
    background: #eeeeee url("../img2/hide-criteria.png") no-repeat center center;
    height: 110px;
}

.show-criteria {
    background: #eeeeee url("../img2/show-criteria.png") no-repeat center center;
    height: 110px;
}

/*END OF FILTER CSS*/

/*HELP DOCUMENT START*/

.help-col {
    float: left;
    width: 24.9%;
    font-size: 120%;
}

.ui-widget-content .help-col a {
    color: #333333;
}

.help-head {
    font-weight: bold;
}

.help-col ul {
    padding-left: 1.5em;
}

    .help-col ul li {
        list-style-type: circle;
        line-height: 1.8em;
    }



/*END OF HELP DOCUMENT START*/

/*Start of Candidate Search Styling */

#divSearchCriteria {
    position: relative;
    width: 48%;
    left: 0;
}

    #divSearchCriteria .ui-tabs-panel {
        min-height: 500px;
    }

#divSearchResults {
    position: absolute;
    left: 50%;
    width: 48%;
    float: left;
}

.canddets-container {
    margin: 10px;
}

.canddets-container-inner {
    border: 1px solid #333333;
    padding: 10px;
    min-height: 200px;
    background: #fff6e7 url("../img2/misc/card-gradient.png") repeat-x bottom left;
    border-radius: 6px;
    box-shadow: 1px 1px 3px rgba(25, 25, 25, .7);
}

.canddets-container-table-left {
    min-width: 379px;
    vertical-align: top;
}

.canddets-container-table-right {
    width: 145px;
    padding-left: 1em;
    vertical-align: top;
}

.canddets-left {
    float: left;
}

    .canddets-left hr {
        border-color: #ffab28;
        margin: 0.5em 0 1em 0;
    }

.canddets-name {
    font-size: 160%;
    font-family: Trebuchet MS;
    padding-bottom: 0.5em;
}

    .canddets-name input {
        margin-left: 0;
    }

.canddets-email {
    padding-bottom: 0.5em;
}

.canddets-address {
    padding-bottom: 0.5em;
}

.canddets-telephone {
    padding-bottom: 0.5em;
}

.canddets-mobile {
    padding-bottom: 0.5em;
}

.canddets-icons {
}

.canddets-profile-item {
    box-shadow: 1px 1px 3px rgba(25, 25, 25, .7);
    color: black;
}

.canddets-profile-question {
    position: relative;
}

.canddets-profile-question-inner {
    background: #d6edff;
    border: 1px solid #b0cddf;
    padding: 0.6em;
    width: 365px;
    display: inline-block;
}

.canddets-profile-question-bit {
    position: absolute;
    background: url("../img2/candidate-module/question-bit.png") no-repeat center left;
    top: 5px;
    left: 0;
    width: 13px;
    height: 19px;
}


.canddets-profile-answer {
    margin-bottom: 1.5em;
    position: relative;
    text-align: right;
}

.canddaets-profile-answer-inner {
    background-color: #f9f4ce;
    border: 1px solid #dcd899;
    padding: 0.6em;
    width: 365px;
    display: inline-block;
}

.canddets-profile-answer-bit {
    position: absolute;
    background: url("../img2/candidate-module/answer-bit.png") no-repeat center right;
    top: 5px;
    right: 0px;
    width: 16px;
    height: 21px;
}

.canddets-right {
    float: left;
    background-color: #ffffff;
    padding: 0.6em;
    border: 1px solid #333333;
    box-shadow: 0px 0px 3px rgba(25, 25, 25, .7) inset;
    margin-left: 1em;
}


    .canddets-right button {
        clear: both;
        float: left;
        margin-bottom: 0.3em;
        width: 140px;
    }

.canddets-right-bottom {
    width: 100px;
    text-align: center;
    margin: 1em;
}

.app-count-table {
    background: #ffffff;
    border: 1px solid #333333;
    box-shadow: 0px 0px 3px rgba(25, 25, 25, .7);
    border-radius: 3px;
    padding: 3px;
    margin: 0 0 1em 0;
}

    .app-count-table td {
        padding: 3px;
    }

        .app-count-table td:nth-child(2) {
            border-right: 1px solid #333333;
        }

.app-count-separator {
    background: url("../img2/candidate-module/td-space-line.png") repeat-y center center;
}

.cv-link {
    font-size: 63%;
    border: 1px solid #666666;
    border-radius: 3px;
    background: url("../img2/misc/button-background.png") repeat-x top center;
    padding: 3px 12px;
    color: #000000;
    font-family: MS Shell Dlg;
    cursor: default;
    margin-left: 0.5em;
}

    .cv-link:hover {
        border-color: #3c7fb1;
        background: url("../img2/misc/button-background-hover.png") repeat-x top center;
        text-decoration: none;
    }

#divSearchResults, #divSearchCriteria {
    float: left;
}

/*new candidate popup*/

table.cv-search-v2 {
    width: 100%;
    border: 0 none;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.criteria-checkbox{
    border:0 none !important; 
    padding:0 !important;
    margin-right:0.5rem;
}

    table.cv-search-v2 * {
        -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-out;
        -moz-transition: 0.5s ease-out;
        -o-transition: 0.5s ease-out;
        transition: 0.5s ease-out;
    }

    table.cv-search-v2 tr {
        border: 0 none transparent;
    }

    table.cv-search-v2 input, table.cv-search-v2 select {
        border: 1px solid rgba(0,0,0,0.5) !important;
        padding: 0.5rem;
    }

    table.cv-search-v2 select {
        padding: calc(0.5rem - 1px);
    }

    @-moz-document url-prefix() { 
      table.cv-search-v2 select {
        padding: 0;
        }
      table.cv-search-v2 input, table.cv-search-v2 option{
          padding: 0.5rem;
      }
      table.cv-search-v2 input[type="text"]{
          padding: calc(0.5rem + 1px);
      }
    }

    table.cv-search-v2 input, table.cv-search-v2 option {
        padding: 0.5rem;
    }

    table.cv-search-v2 .no-border *:not(button) {
        border: 0 none;
    }

    table.cv-search-v2 .postcode-container input[type="text"].criteria-text
    {
        float:left;
        display:block;
        width:200px;
        border-right:0!important;
    }

    table.cv-search-v2 .postcode-container select
    {
        float:left;
        display:block;
        width:100px;
        background-color:rgba(0,0,0,0.12);
    }

    table.cv-search-v2 input[type="text"] {
        width: 100%;
        -webkit-transition: background 0s;
        -moz-transition: background 0s;
        -o-transition: background 0s;
        transition: background 0s;
    }

    table.cv-search-v2 input[type="text"]:focus, table.cv-search-v2 select:focus
    {
        -webkit-box-shadow: 0 0px 2px rgba(0,0,0,.16), 0 0px 10px rgba(0,0,0,.32);
        -moz-box-shadow: 0 0px 2px rgba(0,0,0,.16), 0 0px 10px rgba(0,0,0,.32);
        box-shadow: 0 0px 2px rgba(0,0,0,.16), 0 0px 10px rgba(0,0,0,.32);
    }

    table.cv-search-v2 input.search {
        margin-bottom: 0.5rem;
        background: url("../img2/icons/magnifier.png") no-repeat 10px center;
        padding-left: 32px;
    }

    table.cv-search-v2 .candidate-search-location, table.cv-search-v2 .candidate-search-discipline {
        width: 100%;
        float: left;
        padding: 1rem;
        display: block;
        border: 1px solid rgba(0,0,0,0.2);
        border-collapse: collapse;
        margin-top: -1px;
        cursor: pointer;
    }


    table.cv-search-v2 > tbody > tr > td, table.cv-search-v2 tr > th {
        padding: 0.5rem 1.5rem;
        border: 0 none;
        width: 50%;
    }


        table.cv-search-v2 > tbody > tr > td > table > tbody > tr > td {
            padding: 0;
        }

    table.cv-search-v2 > tbody > tr:hover td {
        background: #fff none;
    }

    table.cv-search-v2 > tfoot > tr > td {
        text-align: right;
        background: rgba(255,255,255,1);
    }

    table.cv-search-v2 .slider-salary-range, table.cv-search-v2 .slider-grad-year {
        margin-top: 1rem;
    }

    table.cv-search-v2 table.four-col tr > td, table.cv-search-v2 table.four-col tr > th {
        width: 25%;
    }

    table.cv-search-v2 table.two-col tr > td, table.cv-search-v2 table.two-col tr > th {
        width: 50%;
    }

    table.cv-search-v2 .post-code {
        width:9rem !important;
        margin-left:1rem;
    }

    table.cv-search-v2 .post-code:first-of-type {
        margin-left:0;
    }

.valign-middle {
    vertical-align: middle;
}

.header-label {
    margin-bottom: 0.3rem;
    display: block;
    font-size: 0.8rem;
    color: rgba(0,0,0,0.6);
}

.sub-label {
    margin: 0.5rem 0;
    display: inline-block;
    font-size: 0.75rem;
    color: rgba(0,0,0,0.6);
}

/*.selected-options:not(:empty) {
    margin-bottom: 0.5rem;
}

.selected-options span {
    padding: 0.5rem 1.5rem 0.5rem 0.5rem;
    background: rgba(67,133,245,1);
    margin:0 1rem 0.5rem 0;
    display: inline-block;
    color: rgba(255,255,255,0.8);
    font-size: 0.8rem;
    position: relative;
    cursor: pointer;
}

    .selected-options span:hover {
        background: rgba(67,133,245,0.8);
        color: rgba(255,255,255,0.8);
    }

    .selected-options span:after {
        position: absolute;
        content: "X";
        right: 0.5rem;
    }*/

.svg-inline-items
{
    display:none;
}

table.cv-search-results-v2 {
    border-spacing: 0;
    margin: 0;
    width: 100%;
}

    table.cv-search-results-v2 tr > td:first-of-type, table.cv-search-results-v2 tr > th:first-of-type {
        padding-left: 1.5rem;
    }

    table.cv-search-results-v2 tr > td:last-of-type, table.cv-search-results-v2 tr > th:last-of-type {
        padding-right: 1.5rem;
    }

    table.cv-search-results-v2 > tbody > tr > td, table.cv-search-results-v2 tr > th {
        width: auto;
        border-bottom: 1px solid rgba(0,0,0,0.5);
    }

    table.cv-search-results-v2 tr > th {
        color: rgba(0,0,0,0.6);
        text-align:left;
    }

    table.cv-search-results-v2 em {
        font-style: normal;
        color: rgba(255,0,0,1);
        font-weight: bold;
    }

    table.cv-search-results-v2 tfoot tr td, table.cv-search-v2 tfoot tr td {
        border-top: solid rgba(255,255,255,1) 1rem;
        border-spacing: 1rem 0 0 0;
    }

    table.cv-search-results-v2 tfoot tr td, table.cv-search-v2 tfoot tr td {
        background: rgba(0,0,0,0.12);
        padding: 1rem 1.5rem;
    }

    

.numeric {
    text-align: right !important;
}

.candidate-details-popup .actions {
    text-align: center;
    margin: 1rem 0;
}


.candidate-details-popup .candidate-details {
    
}

.horizontal-loader{
    
}

.horizontal-loader:before{
    content:'Loading...';
}

.horizontal-slide {
    overflow-x: hidden;
    width: 100%;
}

.horizontal-slide-view {
    width: 99999px;
}

.horizontal-slide > * {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    margin-right: 1rem;
}

.horizontal-slide-view > * {
    width: 99999px;
    width: 500px;
    display: inline-block;
    margin-right: 1rem;
}

.input-error{
    background:#ffd5d5 url("../img2/icons/exclamation--frame.png") no-repeat 99% center;
}

input[type="text"].input-error::-webkit-input-placeholder, input[type="text"].input-error:-moz-placeholder, input[type="text"].input-error:-ms-input-placeholder {
   color:#000 !important;
}

.candidate-details-popup.ui-dialog-content.ui-widget-content {
    -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: 1rem;
    display:block;
    overflow:auto!important;
}

.candidate-details-popup table {
    border-spacing: 0;
}

    .candidate-details-popup table.candidate-summary {
        width: 100%;
    }

        .candidate-details-popup table.candidate-summary tr td {
            border-left: 1px solid rgba(0,0,0,0.4);
            text-align: left;
        }

        .candidate-details-popup table.candidate-summary tr td, .candidate-details-popup table.candidate-summary tr th {
            padding: 1rem;
            min-width: 100px;
            border-bottom: 1px solid rgba(0,0,0,0.4);
            vertical-align: top;
        }

        .candidate-details-popup table.candidate-summary tr:last-of-type > * {
            border-bottom: 0 none;
        }

        .candidate-details-popup table.candidate-summary tr th {
            width: 3rem;
        }

.candidate-details-popup .candidate-cv {
    word-break: break-word;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

.candidate-details-popup .candidate-previous-apps, .candidate-details-popup .candidate-notes, .candidate-details-popup .candidate-cv, .candidate-details-popup .candidate-details {
    text-align: left;
    /*border-radius:inherit;*/
}

#divCandidateSearchResultPreviousApps
{
    float:left;
    width:100%;
}

#divCandidateSearchResultPreviousApps table
{
    float:left;
    width:100%;
    padding:0;
}

    .candidate-details-popup .candidate-previous-apps .candidate-summary tr th, .candidate-details-popup .candidate-notes .candidate-summary tr th {
        border-left: 1px solid rgba(0,0,0,0.4);
    }

    .candidate-details-popup .candidate-previous-apps .candidate-summary tr > *:first-of-type, .candidate-details-popup .candidate-notes .candidate-summary tr > *:first-of-type {
        border-left: 0 none;
    }

    .candidate-details-popup .candidate-previous-apps .candidate-summary tr:last-of-type > * {
        border-bottom: 0 none;
    }

.candidate-details-header {
    background: rgba(0,0,0,0.1);
    padding: 0.5rem;
    font-size: 0.8rem;
    border-bottom: 1px solid rgba(0,0,0,0.4);
}

button[disabled]{
    cursor:not-allowed;
    opacity:0.7;
}

.padding-1{
    padding:1rem;
}

/*SLYSLIDER*/

.frame {
    width: 100%;
    padding: 0;
    cursor: auto;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

    .frame > .slidee {
        margin: 0;
        padding: 0;
        height: 100%;
        list-style: none;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }

        .frame > .slidee > li {
            float: left;
            margin: 1rem 1rem 0 0;
            padding: 0;
            width: 820px;
            max-height: 600px;
            overflow: auto !important;
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box; /* Firefox, other Gecko */
            box-sizing: border-box; /* Opera/IE 8+ */
            border-top-left-radius:5px;
            border-top-left-radius:5px;
        }

            .frame > .slidee > li:last-of-type {
                margin: 1rem 0 0 0;
            }

    .sly-nav{
        width:100%;
        text-align:center;
        margin-bottom:1rem;
    }

/* Scrollbar */
.scrollbar {
    margin: 0 0 1em 0;
    height: 8px;
    background: #ccc;
    line-height: 0;
    border-radius: 6px;
    cursor: pointer;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    float:left;
    width:100%;
}

    .scrollbar .handle {
        width: 100px;
        height: 100%;
        background: #292a33;
        cursor: move;
        border-radius: 6px;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
        float:left;
    }

        .scrollbar .handle .mousearea {
            position: absolute;
            top: -9px;
            left: 0;
            width: 100%;
            height: 20px;
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box; /* Firefox, other Gecko */
            box-sizing: border-box; /* Opera/IE 8+ */
        }


/*Start of Candidate Search Styling */



/*
    Offer form and Multi-Response styling
*/
.group-container {
    border: 1px solid #666666;
    width: 100%;
    margin: 1em 0 0 0;
}

.group-header {
    background-color: #E0E0E0;
    margin: 1em 0;
}

td.group-body {
    padding: 0;
}

.group-body {
    background-color: #EDEDED;
    width: 100%;
}

    .group-body table {
        width: 100%;
    }

        .group-body table tr td {
            border-bottom: 1px solid #cccccc;
        }

        .group-body table tr:last-child td {
            border-bottom: 0px none;
        }

.mltrs-minus-bt {
    margin-right: 0.5em;
    float: left;
}

.mltrs-minus-text {
    float: left;
    margin-top: 0.3em;
}

.mltrs-add-bt {
    margin: 0 0 1em 0;
}
/* Sortable Tables */

thead td.headerSort {
    cursor: pointer;
}

thead td.headerSortUp {
    background-image: url(../img2/TableSort/asc.gif) !Important;
    background-repeat: no-repeat !Important;
    background-position: center right !Important;
    background-color: #A3D2FF !Important;
    padding-right: 1.5em;
    /* #3399FF */
}

thead td.headerSortDown {
    background-image: url(../img2/TableSort/desc.gif) !Important;
    background-repeat: no-repeat !Important;
    background-position: center right !Important;
    background-color: #A3D2FF !Important;
    padding-right: 1.5em;
}

thead td img {    
    vertical-align: top;
}

thead td.no-sort-img-padding img {
    padding-right: 0;
}

thead td.tablesorter-headerUnSorted {
    cursor: pointer;
}

thead td.tablesorter-headerAsc {
    background-image: url(../img2/TableSort/asc.gif) !Important;
    background-repeat: no-repeat !Important;
    background-position: center right !Important;
    background-color: #A3D2FF !Important;
    padding-right: 1.5em;
    /* #3399FF */
}

thead td.tablesorter-headerDesc {
    background-image: url(../img2/TableSort/desc.gif) !Important;
    background-repeat: no-repeat !Important;
    background-position: center right !Important;
    background-color: #A3D2FF !Important;
    padding-right: 1.5em;
}

/*AGENCY STYLING*/

.agency-brief {
    width: 100%;
    border-collapse: collapse;    
}

.agency-brief td {
    border: 1px solid #cccccc;
    padding: 3px 6px;
}

.agency-brief tr td:first-child, .agency-brief tr td:nth-child(4) {
    border-left: 0 none;
    background-color: #d6e7f2;
    width: 15em;
}

.agency-brief tr td:last-child {
    border-right: 0 none;
}

.agency-brief tr:first-child td {
    border-top: 0 none;
}

.agency-brief tr:last-child td {
    border-bottom: 0 none;
}

.agency-brief tr td:nth-child(2) {
    border-right: 0 none;
}

.agency-brief tr.clean td {
    background-color: transparent;
    border: 0 none;
}

.agency-space {
    border: 1px solid #ffffff !important;
    width: 3em;
}

.agency-summary {
    padding: 4em;
}

.agency-summary-card {
    border-radius: 18px;
    float: left;
    box-shadow: 3px 3px 6px rgba(25, 25, 25, .5), 5px 5px 0px rgba(255, 255, 255, 1) inset, -5px -5px 0px rgba(255, 255, 255, 1) inset, 5px -5px 0px rgba(255, 255, 255, 1) inset, -5px 5px 0px rgba(255, 255, 255, 1) inset;
    width: 400px;
    min-height: 200px;
    box-sizing: border-box;
    padding: 1em 2em;
    border: 1px solid #666666;
    text-align: center;
    position: relative;
    margin: 0 4em 4em 0;
    display: inline-table;
}

center .agency-summary-card {
    float: none;
}

.invited-to-work {
    background: #ffffff url("../img2/agency/yellow-card-gradient.png") repeat-x left bottom;
}

.working-vacancies {
    background: #ffffff url("../img2/agency/green-card-gradient.png") repeat-x left bottom;
}

.on-hold {
    background: #ffffff url("../img2/agency/red-card-gradient.png") repeat-x left bottom;
}

.offered-candidates {
    background: #ffffff url("../img2/agency/green-card-gradient.png") repeat-x left bottom;
}

.expired-vacancies {
    background: #ffffff url("../img2/agency/red-card-gradient.png") repeat-x left bottom;
}

.interview-invites {
    background: #ffffff url("../img2/agency/yellow-card-gradient.png") repeat-x left bottom;
}

.reference-requests {
    background: #ffffff url("../img2/agency/yellow-card-gradient.png") repeat-x left bottom;
}

.agency-vacancy-activity {
    background: #ffffff url("../img2/agency/yellow-card-gradient.png") repeat-x left bottom;
}

.agency-candidate-activity {
    background: #ffffff url("../img2/agency/green-card-gradient.png") repeat-x left bottom;
}

.agency-agency-activity {
    background: #ffffff url("../img2/agency/red-card-gradient.png") repeat-x left bottom;
}

    .invited-to-work h1, .working-vacancies h1, .on-hold h1, .offered-candidates h1, .expired-vacancies h1, .interview-invites h1, .reference-requests h1, .agency-vacancy-activity h1, .agency-candidate-activity h1, .agency-agency-activity h1 {
        font-size: 1.8em;
        font-family: Trebuchet MS;
        background: url("../img2/icons/32/share-hand.png") no-repeat left center;
        display: inline-block;
        clear: both;
        margin: 0px;
        padding: 18px 0 18px 42px;
        max-width: 75%;
    }

.working-vacancies h1 {
    background: url("../img2/icons/32/circle-tick-frame.png") no-repeat left center;
}

.interview-invites h1 {
    background: url("../img2/icons/32/user-32.png") no-repeat left center;
}

.reference-requests h1 {
    background: url("../img2/icons/32/user-32.png") no-repeat left center;
}

.on-hold h1 {
    background: url("../img2/icons/32/circle-minus-frame.png") no-repeat left center;
}

.offered-candidates h1 {
    background: url("../img2/icons/32/offered.png") no-repeat left center;
}

.expired-vacancies h1 {
    background: url("../img2/icons/32/circle-cross-frame.png") no-repeat left center;
}

.agency-vacancy-activity h1 {
    background: url("../img2/icons/32/agency-icon.png") no-repeat left center;
}

.agency-candidate-activity h1 {
    background: url("../img2/icons/32/agency-icon.png") no-repeat left center;
}

.agency-agency-activity h1 {
    background: url("../img2/icons/32/agency-icon.png") no-repeat left center;
}

.card-number {
    position: absolute;
    top: -17px;
    left: -17px;
    height: 54px;
    width: 54px;
}

.agency-summary-card:nth-child(1) .card-number {
    background: url("../img2/big-numbers/number-1.png") no-repeat left center;
}

.agency-summary-card:nth-child(2) .card-number {
    background: url("../img2/big-numbers/number-2.png") no-repeat left center;
}

.agency-summary-card:nth-child(3) .card-number {
    background: url("../img2/big-numbers/number-3.png") no-repeat left center;
}

.agency-summary-card:nth-child(4) .card-number {
    background: url("../img2/big-numbers/number-4.png") no-repeat left center;
}

.agency-summary-card:nth-child(5) .card-number {
    background: url("../img2/big-numbers/number-5.png") no-repeat left center;
}

.agency-summary-card:nth-child(6) .card-number {
    background: url("../img2/big-numbers/number-6.png") no-repeat left center;
}

.agency-summary-card:nth-child(7) .card-number {
    background: url("../img2/big-numbers/number-7.png") no-repeat left center;
}

.agency-summary-card:nth-child(8) .card-number {
    background: url("../img2/big-numbers/number-8.png") no-repeat left center;
}

.agency-summary-card:nth-child(9) .card-number {
    background: url("../img2/big-numbers/number-9.png") no-repeat left center;
}

.agency-summary-card .jobs-list li {
    margin-bottom: 1em;
    text-align: left;
}

/*END OF AGENCY STYLING*/

/*Progress Bar*/

.blue-profile-progress, .green-profile-progress, .orange-profile-progress, .yellow-profile-progress {
    background: #003367 url("../../content/img2/Progressbar/blue-progress-bar-animated.gif") repeat-x top;
    border-radius: 1px;
    height: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.9), 0px 0px 3px rgba(0,0,0,0.9);
    padding-top: 5px;
    box-shadow: 2px 2px 3px rgba(3,3,3,0.3);
}

.green-profile-progress {
    background: url("../../content/img2/Progressbar/green-progress-bar-animated.gif");
}

.orange-profile-progress {
    background: url("../../content/img2/Progressbar/orange-progress-bar-animated.gif");
}

.yellow-profile-progress {
    background: url("../../content/img2/Progressbar/yellow-progress-bar-animated.gif");
}

/*End of Progress Bar styling*/

/*E&D Styling */

.score-table {
    border-collapse: collapse;
}

    .score-table tr td {
        border: 1px solid #dddddd;
    }

tr.sub-header td {
    font-weight: bold;
    vertical-align: text-bottom;
}

.pan-member {
    background-color: #aaaaaa;
    margin-bottom: 10px;
}

.pan-member-header {
    background-color: #444444;
    color: White;
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
}

.pan-member-content {
    padding: 10px;
}

.pan-member-section .quick-view-header {
    background: #7695b5 url(../img2/skins/networx/accordion-ui-state-hover.gif) repeat-x left bottom;
}

.panel-view {
    margin: 0 1em 0 1em;
}

.panel-header {
    border: 1px solid #aaaaaa;
    border-bottom: none;
    padding: 10px;
    font-size: 1.2em;
    background: #7695b5 url(../img2/skins/networx/accordion-ui-state-hover.gif) repeat-x left bottom;
    color: #ffffff;
}

.panel-splitter {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    box-sizing: border-box;
}

    .panel-splitter div {
        overflow: auto;
    }

.panel-splitter-appform, .panel-splitter-scores {
    padding: 1em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 99.5% !important;
}

.panel-summary {
    width: 100%;
    border-collapse: collapse;
}

    .panel-summary td {
        vertical-align: middle;
        border: 1px solid #EAEAEA;
        padding: 6px;
        cursor: pointer;
    }

        .panel-summary td:hover {
            box-shadow: 0px 0px 9px rgba(3,3,3,0.3) inset;
        }

    .panel-summary tr:first-child td {
        border-top: 0 none;
    }

        .panel-summary tr:first-child td:first-child, .panel-summary tr td:first-child {
            border-left: 0 none;
        }

        .panel-summary tr:first-child td:last-child, .panel-summary tr td:last-child {
            border-right: 0 none;
        }

    .panel-summary tr:last-child td {
        border-bottom: 0 none;
    }

.vsplitbar {
    width: 21px;
    background: #ffffff url("../img2/misc/vertical-spliter-dark.png") repeat-y center top;
    cursor: e-resize;
    height: 99.5% !important;
}

    .vsplitbar:hover {
        background: #ffffff url("../img2/misc/vertical-spliter.png") repeat-y center top;
    }

.panel-score {
    width: auto;
}

INPUT.panel-notes {
    width: 140px;
}

.panel-sift-notes {
    width: 400px;
    height: 100px;
}

/*End of E&D Styling*/


#divProgressbar {
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.offer-task-user {
    background-color: #d8dfea;
    border-radius: 6px;
    float: left;
    padding: 3px;
    margin: 2px;
    border: 1px solid #666666;
    font-size: 1em;
}

.email-template-read-only {
    border: 1px solid #aaaaaa;
    padding: 5px;
    font-size: 1em;
}

.panel-help-document {
    background-color: black;
    color: White;
    box-shadow: 6px 6px 12px rgba(0,0,0,0.4);
    padding: 2px;
}

/*Interviewer Diary*/
.ntx-calendar-week td.available {
    border-style: none !important;
    white-space: nowrap;
    text-align: left;
    padding-left: 4px;
}

.ntx-calendar-week td.available1 {
    background-color: #99FF99;
    color: #333333;
}
/* Available */
.ntx-calendar-week td.available2 {
    background-color: #F01F1F;
    color: #ffffff;
}
/* Private booking */
.ntx-calendar-week td.available3 {
    background-color: #99CCFF;
    color: #ffffff;
}
/* Interview */

.ntx-calendar-day td div.available {
    border-style: none !important;
    white-space: nowrap;
    text-align: left;
    padding-left: 4px;
    cursor: pointer;
}

.ntx-calendar-day td div.available1 {
    background-color: #99FF99;
    color: #000000;
    border: 1px solid #66d9d9;
    height: 100%;
}
/* Available */
.ntx-calendar-day td div.available2 {
    background-color: #F01F1F;
    color: #ffffff;
    border: 1px solid #d96666;
    height: 100%;
}
/* Private booking */
.ntx-calendar-day td div.available3 {
    background-color: #99CCFF;
    color: #ffffff;
    border: 1px solid #66d966;
    height: 100%;
}
/* Interview */

.ntx-calendar-month td.daydisplay div.available {
    white-space: nowrap;
    overflow: hidden;
    margin: 2px;
    padding: 2px;
    cursor: pointer;
}

.ntx-calendar-month td.daydisplay div.available1 {
    background-color: #99FF99;
    color: #000000;
}
/* Available */
.ntx-calendar-month td.daydisplay div.available2 {
    background-color: #F01F1F;
    color: #ffffff;
}
/* Private booking */
.ntx-calendar-month td.daydisplay div.available3 {
    background-color: #99CCFF;
    color: #ffffff;
}
/* Interview */

.ntx-calendar-week td.availableslot {
    background-color: #99FF99;
    color: #333333;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.ntx-calendar-week td.bookedslot {
    background-color: #99CCFF;
    color: #333333;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.ntx-calendar-week td.selectedslot {
    background-color: red;
    color: #ffffff;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.rule-select {
    background-color: #eeeeee;
    border: 1px solid grey;
    margin-bottom: 1em;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.4);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out; /* Safari */
    cursor: pointer;
    width: 50em;
}

    .rule-select:hover {
        box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    }

.interview-slot-available {
    background-color: #99FF99;
    border: 1px solid grey;
    margin-bottom: 1em;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.4);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out; /* Safari */
    cursor: pointer;
    width: 50em;
}

.interview-slot-available-selected {
    background-color: #66A73F;
    border: 1px solid grey;
    margin-bottom: 1em;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out; /* Safari */
    cursor: pointer;
    width: 50em;
}

.interview-slot-interview {
    background-color: #99CCFF;
    border: 1px solid grey;
    margin-bottom: 1em;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.4);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out; /* Safari */
    cursor: pointer;
    width: 50em;
}

.daydisplay div.availableslot {
    background-color: #99FF99;
    color: #333333;
    border: 1px solid white;
}

.daydisplay div.bookedslot {
    background-color: #99CCFF;
    color: #333333;
    border: 1px solid white;
}

.daydisplay div.selectedslot {
    background-color: red;
    color: #ffffff;
    border: 1px solid white;
}

.hidden {
    display: none;
}

.filter-space {
    margin-right: 8px !important;
}

.watermark {
    color: #999;
    font-style: italic;
}

.implementation-module-select {
    text-align: center;
}

.implementation-root-buttons {
    margin-bottom: 10px;
}

.implementation-task-notes {
    width: 367px;
}

.implementation-task-period {
    width: 50px !Important;
}

.implementation-task-deadline {
    width: 100px !Important;
}

.implementation-task-buttons {
    display: none;
    padding: 4px;
}

.implementation-task-complete a {
    color: Green !Important;
}

.implementation-task-overdue a {
    font-weight: bold;
    color: Red !Important;
}

.implementation-task-inactive a {
    color: #888888 !Important;
}

.implementation-document-div {
    float: left;
    width: 20%;
    border: 1px solid #666666;
    padding: 1%;
    margin: 1%;
    box-shadow: 2px 2px 2px #888888;
}

    .implementation-document-div:hover {
        background-color: #dddddd;
        cursor: pointer;
    }

implementation-document-actions {
    text-align: right;
}

.forms-details-readonly td {
    font-weight: bold;
    color: #00AA00;
}

.sections-container.main-col-2 {
    width: 67%;
}

    .sections-container.main-col-2 .questions-container {
        width: 100%;
    }

/* Panel Sift Classes */
.panel-action-menu {
    letter-spacing: 0em;
    font-size: 1em;
    font-weight: normal;
    width: 21em;
}

.panel-action-button {
    padding: 1em;
    min-height: 100px;
    float: left;
    cursor: pointer;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 410px;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
    box-shadow: 4px 4px 2px rgba(0,0,0,0.3);
}

    .panel-action-button:hover {
        box-shadow: 1px 1px 1px rgba(0,0,0,0.6);
        -webkit-transition: 0.2s linear;
        -moz-transition: 0.2s linear;
        -o-transition: 0.2s linear;
        transition: 0.2s linear;
    }

.panel-action-button-table td {
    vertical-align: middle;
}

.panel-action-button-image {
    padding-right: 1em;
}

.panel-action-button-title {
    font-size: 2em;
}

.panel-action-button-notes {
    font-size: 1.2em;
}
/* ****************** */
.release-icon {
    min-height: 16px;
    padding-left: 21px;
    background: transparent url("../img2/release-icon.png") no-repeat left top;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: 1s ease-out;
    -moz-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    cursor: pointer;
}

    .release-icon:hover {
        text-decoration: underline;
    }

    .release-icon.red {
        background-position: left bottom;
        color: #ff0000;
    }

.notification-icon {
    min-height: 16px;
    padding-left: 21px;
    background: transparent url("../img2/notification-icon.png") no-repeat left top;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: 1s ease-out;
    -moz-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    cursor: pointer;
}

    .notification-icon:hover {
        text-decoration: underline;
    }

    .notification-icon.red {
        background-position: left bottom;
        color: #ff0000;
    }

.help-icon {
    min-height: 16px;
    padding-left: 21px;
    background: transparent url("../img2/icons/question.png") no-repeat left top;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: 1s ease-out;
    -moz-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
    cursor: pointer;
}

    .help-icon:hover {
        text-decoration: underline;
    }

/* Report Folder */
.report-folder {
    display: inline-table;
    vertical-align: top;
    position: relative;
    margin: 20px 20px 20px 0;
    background: #f9e9a0; /* Old browsers */
    background: -moz-linear-gradient(top, #f9e9a0 0%, #f0cb25 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9e9a0), color-stop(100%,#f0cb25)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9e9a0 0%,#f0cb25 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9e9a0 0%,#f0cb25 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f9e9a0 0%,#f0cb25 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f9e9a0 0%,#f0cb25 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9e9a0', endColorstr='#f0cb25',GradientType=0 ); /* IE6-9 */
    width: 430px;
    color: #333333;
    border-radius: 0 0 4px 4px;
    -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;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.8);
    cursor: pointer;
    font-size: 12px;
}

    .report-folder:hover {
        box-shadow: 4px 4px 6px rgba(0,0,0,0.5);
    }

.folder-tab {
    height: 20px;
    width: 90px;
    position: absolute;
    top: -20px;
    left: 12px;
    background: #f9e9a0;
    border-radius: 8px 8px 0 0;
}

.folder-content {
    padding: 20px;
    min-height: 100px;
    background: transparent url("../img/Reports/folder-report-bg.png") no-repeat center center;
}

.folder-title {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 16px;
}

.report-title {
    font-weight: bold;
    background: url("../img2/icons/chart.png") no-repeat left center;
    padding-left: 24px;
    margin-bottom: 10px;
    font-size: 16px;
}

.report-title-core {
    font-weight: bold;
    background: url("../imgV3/ntx-tabs-icons/reports-icon.svg") no-repeat left center;
    padding-left: 24px;
    margin-bottom: 10px;
    font-size: 16px;
}

.report-container {
    width: 430px;
    border-radius: 12px;
    border: 1px solid #666;
    color: #000000;
    display: inline-table;
    vertical-align: top;
    margin: 0 20px 20px 0;
}

.report-content {
    padding: 15px;
    min-height: 115px;
}

.report-actions{
    margin-top: 10px;
}

.activity-report {
    background: transparent url("../img/Reports/activity-report.png") no-repeat center center;
}

.application-report {
    background: transparent url("../img/Reports/application-report.png") no-repeat center center;
}

.cost-report {
    background: transparent url("../img/Reports/cost-report.png") no-repeat center center;
}

.duration-report {
    background: transparent url("../img/Reports/duration-report.png") no-repeat center center;
}

.equality-report {
    background: transparent url("../img/Reports/equality-report.png") no-repeat center center;
}

.status-report {
    background: transparent url("../img/Reports/status-report.png") no-repeat center center;
}

.user-report {
    background: transparent url("../img/Reports/user-report.png") no-repeat center center;
}

.vacancies-report {
    background: transparent url("../img/Reports/vacancies-report.png") no-repeat center center;
}

.report-msg {
    font-size: 12px;
    margin-bottom: 10px;
}

button {
    cursor: pointer;
}

.full-width {
    width: 100%;
}

.report-request-complete {
    background: #c9de96;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M5ZGU5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhhYjY2YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTgyMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c9de96 0%, #8ab66b 44%, #398235 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9de96), color-stop(44%,#8ab66b), color-stop(100%,#398235));
    background: -webkit-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); 
    background: -o-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%); 
    background: -ms-linear-gradient(top, #c9de96 0%,#8ab66b 44%,#398235 100%);
    background: linear-gradient(to bottom, #c9de96 0%,#8ab66b 44%,#398235 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 );
}

.report-never-run {
    background: #fac695;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYzY5NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y1YWI2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjhkMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #fac695 0%, #f5ab66 47%, #ef8d31 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fac695), color-stop(47%,#f5ab66), color-stop(100%,#ef8d31));
    background: -webkit-linear-gradient(top, #fac695 0%,#f5ab66 47%,#ef8d31 100%); 
    background: -o-linear-gradient(top, #fac695 0%,#f5ab66 47%,#ef8d31 100%); 
    background: -ms-linear-gradient(top, #fac695 0%,#f5ab66 47%,#ef8d31 100%); 
    background: linear-gradient(to bottom, #fac695 0%,#f5ab66 47%,#ef8d31 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac695', endColorstr='#ef8d31',GradientType=0 );
}

.report-request-pending {
    background: #b5cbdf;
    background: -moz-linear-gradient(top, #b5cbdf 0%, #658cab 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5cbdf), color-stop(100%,#658cab));
    background: -webkit-linear-gradient(top, #b5cbdf 0%,#658cab 100%); 
    background: -o-linear-gradient(top, #b5cbdf 0%,#658cab 100%); 
    background: -ms-linear-gradient(top, #b5cbdf 0%,#658cab 100%); 
    background: linear-gradient(to bottom, #b5cbdf 0%,#658cab 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5cbdf', endColorstr='#658cab',GradientType=0 );
}


.radio-container, .checkbox-container, .checkbox-container-complete {
    display: inline-table;
    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 label *, .checkbox-container label *, .checkbox-container-complete label * {
        vertical-align: sub;
    }

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

    .radio-container label, .checkbox-container label, .checkbox-container-complete 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;
    }

/* End of Folder */

.table-divider {
    text-align: justify;
}

    .table-divider td:first-of-type {
        border-right: 1px solid #666666;
        padding-right: 16px;
    }

    .table-divider td:last-of-type {
        padding-left: 16px;
    }

.explanation {
    font-size: 16px;
}

    .explanation span {
        font-size: 12px;
        color: #666666;
        padding: 6px 0 0 26px;
        display: inline-block;
        width: 100%;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box; /* Firefox, other Gecko */
        box-sizing: border-box; /* Opera/IE 8+ */
    }

.pricetag {
    white-space: nowrap;
    position: relative;
    margin: 0 5px 0 10px;
    displaY: inline-block;
    height: 25px;
    border-radius: 0 5px 5px 0;
    padding: 0 25px 0 15px;
    background: #ff6600;
    border: 1px solid #ff8839;
    color: #ffffff;
    line-height: 23px;
    font-family: Arial;
}

    .pricetag:after {
        position: absolute;
        right: 0;
        margin: 1px 7px;
        font-weight: bold;
        font-size: 19px;
        content: "\00D7";
        cursor: pointer;
    }

    .pricetag.no-cross:after {
        content: '' !important;
    }

    .pricetag:before {
        position: absolute;
        background: #ff6600;
        content: "\25CF";
        color: white;
        text-shadow: 0 0 1px #aaa;
        font-size: 12px;
        line-height: 13px;
        text-indent: 6px;
        top: 3px;
        left: -10px;
        width: 18px;
        height: 18px;
        transform: rotate(45deg);
        border-left: 1px solid #ff8839;
        border-bottom: 1px solid #ff8839;
    }

.next-error, .next-error td {
    background-color: #FF1919;
    color: #ffffff;
    -webkit-transition: 1s ease-out;
    -moz-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
}

    .next-error:hover, .next-error:hover td {
        background-color: #ffffff;
        color: #ffffff;
    }

.next-warning, .next-warning td {
    background-color: #ffa500;
    color: #ffffff;
    -webkit-transition: 1s ease-out;
    -moz-transition: 1s ease-out;
    -o-transition: 1s ease-out;
    transition: 1s ease-out;
}

    .next-warning:hover, .next-warning:hover td {
        background-color: #ffffff;
        color: #ffffff;
    }

.no-overflow {
    overflow: hidden;
}

.auto-overflow {
    overflow: auto;
}

/* Modern UI On/Off switch (Checkbox) */
.onoffswitch {
    position: relative;
    width: 45px;
    float: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 0px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s;
    -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 15px;
        padding: 0;
        line-height: 11px;
        font-size: 14px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 2px solid transparent;
        background-clip: padding-box;
    }

    .onoffswitch-inner:before {
        content: "";
        padding-left: 10px;
        background-color: #EF822E;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "";
        padding-right: 10px;
        background-color: #CCCCCC;
        color: #333333;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 12px;
    margin: 0px;
    background: #000000;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 33px;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.interview-stages-table tbody tr td {
    line-height: 24px;
}

/* Location Discipline */
span.VacancyMatchTreeClientTicked > span.fancytree-title {
    color: green !important;
}

.applications-black {
    background-image: url("img/000000/applications.png");
}

.applications-amber {
    background-image: url("img/ffad35/applications.png");
}

.calendar-amber {
    background-image: url("img/ffad35/calendar.png");
}

.calendar-green {
    background-image: url("img/2fcd7c/calendar.png");
}

.calendar-red {
    background-image: url("img/ff8282/calendar.png");
}

.candidates-amber {
    background-image: url("img/ffad35/candidates.png");
}

.candidates-black {
    background-image: url("img/000000/candidates.png");
}

.candidates-green {
    background-image: url("img/2fcd7c/candidates.png");
}

.candidates-red {
    background-image: url("img/ff8282/candidates.png");
}

.credits-amber {
    background-image: url("img/ffad35/credits.png");
}

.credits-green {
    background-image: url("img/2fcd7c/credits.png");
}

.credits-red {
    background-image: url("img/ff8282/credits.png");
}

.video-interview-amber {
    background-image: url("img/ffad35/video-interview.png");
}

.video-interview-green {
    background-image: url("img/2fcd7c/video-interview.png");
}

.video-interview-red {
    background-image: url("img/ff8282/video-interview.png");
}

.docusign-amber {
    background-image: url("img/ffad35/docu-sign-icon.png");
}

.docusign-green {
    background-image: url("img/2fcd7c/docu-sign-icon.png");
}

.docusign-red {
    background-image: url("img/ff8282/docu-sign-icon.png");
}

.pdf-terms {
    background-image: url("img/document-pdf-text-big.png");
}

.cam-bar {
    width: 100%;
    padding: 7px 13px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    position: relative;
    color: rgba(0,0,0,0.8);
}

    .cam-bar table {
        position: relative;
        z-index: 3;
    }

        .cam-bar table td:first-of-type {
            width: 32px;
            margin-right: 16px;
        }

        .cam-bar table td:last-of-type {
            text-align: right;
        }

.cam-col {
    width: 100%;
    margin-bottom: 2em;
    border: 1px solid #aaaaaa;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    background: #ffffff;
    font-size: 12px;
    word-break: break-word;
}

/*.cam-col:nth-of-type(3n) {
    margin-right: 0%;
}*/

.cam-content {
    padding: 20px 8px;
}

    .cam-content ul li {
        list-style-type: none;
        margin-bottom: 1em;
        line-height: 1.5em;
    }

.cam-header {
    padding: 20px;
}

.cam-icon {
    height: 32px;
    width: 32px;
    float: left;
    margin: 0 16px 0 0;
}

.cam-title {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 32px;
}

.loyalty-points {
    background-image: url("../img2/icons/32/loyaltyheart.png");
}

.contract-icon-32 {
    background-image: url("../img2/icons/32/contract-32.png");
}

.email-sending {
    background-image: url("img/000000/email-sending.png");
}

.email-sending-amber {
    background-image: url("img/ffad35/email-sending.png");
}

.headline {
    font-size: 28px;
    line-height: 21px;
}

.interviews-black {
    background-image: url("img/000000/interviews.png");
}

.interviews-amber {
    background-image: url("img/ffad35/interviews.png");
}

.n2-comparison table {
    float: left;
    width: 50%;
}

    .n2-comparison table:last-of-type {
        float: right;
        text-align: right;
    }

    .n2-comparison table:first-of-type tr td {
        text-align: left;
    }

    .n2-comparison table:last-of-type tr td:first-of-type {
        width: auto;
        margin-right: 0;
    }

.o5 {
    opacity: 0.5;
}

.o8 {
    opacity: 0.8;
}

.offers-black {
    background-image: url("img/000000/offers.png");
}

.offers-amber {
    background-image: url("img/ffad35/offers.png");
}

.report-icon {
    background-image: url("img/chart-up-32.png");
}

.server-cloud {
    background-image: url("img/server-cloud-32.png");
}

.system-disk-space {
    background-image: url("img/cloud-folder.svg");
}

.file-disk-space {
    background-image: url("img/data-folder.svg");
}

.sms-amber {
    background-image: url("img/ffad35/sms.png");
}

.sms-green {
    background-image: url("img/2fcd7c/sms.png");
}

.sms-red {
    background-image: url("img/ff8282/sms.png");
}

.swoosh-icon-32 {
    background-image: url("../img2/icons/32/swoosh-32.png");
}

.amber .solid-bar, .amber .percent-bar, .n2-comparison .solid-bar {
    background-color: #ffad35;
}

.solid-bar {
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    box-shadow: 0 2px 2px rgba(0,0,0,0.4);
}

.spam-black {
    background-image: url("img/000000/spam.png");
}

.spam-amber {
    background-image: url("img/img/ffad35/spam.png");
}

.percent-bar {
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: 2;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

.n2-comparison .percent-bar {
    background-color: #659de3;
}

.user-big {
    background-image: url("img/user-black-female-32.png");
}

.info-32 {
    background-image: url("../img2/icons/32/information-frame-32.png");
}

.vacancies-black {
    background-image: url("img/000000/vacancies.png");
}

.vacancies-amber {
    background-image: url("img/ffad35/vacancies.png");
}

.h-underline:hover {
    text-decoration: underline;
}

#txtSideBarCandSearchText {
    width: 367px;
}

.reference-not-supplied td {
    color: red;
}

.request-references {
    width: 100%;
    padding-top: 10px;
    text-align: center;
}

input[type=text].reference-name {
    width: 45%;
}

.tqtest td {
    font-weight: bold;
}

.reference-count-required-33 {
    width: 31.5%;
    margin-right: 2.5%;
}

.reference-count-provided-33 {
    width: 31.5%;
}

.reference-count-checked-33 {
    width: 31.5%;
    margin-left: 2.5%;
}

.reference-count-required-50 {
    width: 49%;
    margin: 0 1em 1em 0;
}

.reference-count-provided-50 {
    width: 49%;
    margin: 0 1em 1em 0;
}

.reference-count-checked-50 {
    width: 49%;
    margin: 0 1em 1em 0;
}

.reference-count-required-100 {
    width: 99.5%;
    margin: 0 1em 1em 0;
}

.reference-count-provided-100 {
    width: 99.5%;
    margin: 0 1em 1em 0;
}

.reference-count-checked-100 {
    width: 99.5%;
    margin: 0 1em 1em 0;
}

.populated-from-cv {
    background-image: url("../img2/icons/document-export.png");
    width: 16px;
    height: 16px;
    float: right;
}

/*Wizard Navigation Bar*/

.wizard-navigation-container > div {
    margin-left: 8px;
}

/*End of Wizard Navigation styling*/



/**** V3 ****/


.link:hover
{
    cursor:pointer;
    text-decoration:underline;
}

/*.ntx-checkbox input[type="checkbox"]
{
    display:none;
}

.ntx-checkbox label,
.ntx-checkbox input + label
{
    display: block;
    position: relative;
    padding-left: 30px;
    vertical-align: middle;
    user-select: none;
    cursor: pointer;
    font-size: 12px;
}

.ntx-checkbox.border-none label,
.ntx-checkbox.border-none input + label
{
    border:none;
}

.ntx-checkbox.mt1:first-child
{
    margin-top:0!important
}

.ntx-checkbox input[type="checkbox"] + label:after,
.ntx-checkbox input[type="checkbox"] + input + label:after
{
    box-sizing: content-box;
    content: '';
    background-color: rgb(77, 171, 13);
    position: absolute;
    top: 50%;
    left: 4px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    transform: scale(0);
    transform-origin: 50%;
    transition: transform 200ms ease-out;
    background-color: rgba(0, 0, 0, 0);
    top: 50%;
    left: 5px;
    width: 8px;
    height: 4px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-width: 0 0 3px 3px;
    border-image: none;
    transform: rotate(-45deg) scale(0);
}

.ntx-checkbox input[type="checkbox"] + label:before,
.ntx-checkbox input[type="checkbox"] + input + label:before
{
    content: '';
    color: rgb(12, 98, 171);
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: 0;
    transform: translateY(-50%);
    border: 2px solid rgba(40, 40, 40, 0.85);
    text-align: center;
    transition: all 0.4s ease;
}

.ntx-checkbox input[type="checkbox"]:checked + label:after,
.ntx-checkbox input[type="checkbox"]:checked + input + label:after
{
    content: '';
    transform: rotate(-45deg) scale(1);
    transition: transform 200ms ease-out;
}

.ntx-checkbox input[type="checkbox"]:checked + label:after,
.ntx-checkbox input[type="checkbox"]:checked + input + label:after
{
    transform: rotate(-45deg) scale(1);
}

.ntx-checkbox input[type="checkbox"]:checked + label:before,
.ntx-checkbox input[type="checkbox"]:checked + input + label:before
{
    animation: borderscale 200ms ease-in;
    background: rgb(77, 171, 13);
}*/

.project-table {
    font-size: 1.2em;
}
.project-table td {
    padding-right: 20px;
    vertical-align: middle !important;
}
.project-table select {
    width: auto;
}
.project-table hr {
    border: 1px solid #646464;
    margin-top: 20px;
    margin-bottom: 20px;
}
.implementation-projects button {
    width: 120px;
    height: 30px;
    font-size: 1.4em;
}
.project-table .date-input {
    width: 100px;
}
.project-table tr.delayed td {
    background-color: #fbd0d0;
}
.project-table tr.onhold td {
    background-color: #c6e0ea;
}
.delete-project-message {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 1.6em;
}
.project-stagestatus {
    border: 1px solid black;
    border-left:0 none;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
.project-stagestatus:first-of-type {
    border: 1px solid black;
}

td .project-stagestatus-0 {
    background-color: rgb(156, 156, 156);
}

td .project-stagestatus-1 {
    background-color: rgb(230, 73, 73);
}

td .project-stagestatus-2 {
    background-color: rgb(255, 221, 57);
}

td .project-stagestatus-3 {
    background-color: rgb(77, 171, 13);
}

.project-stagestatus:hover {
    opacity: 0.7;
}
.project-table-stagestatus {
    font-size: 1.2em;
}
.project-table-stagestatus td {
    padding-bottom: 15px;
}
.project-table-stagestatus label {
    font-weight: bold;
}
.project-table-stagestatus div {
    margin-bottom: 10px;
}
.docusign-required-setting{
    background-color: #f1baba;
}

.v3-quick-links .notification-banner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    padding: 1rem 2rem;
    background: rgba(0,0,0,0.8);
    width: 100%;
    font-size: 0.875rem;
    color: #fff;
    text-align: center;
    min-height:100%;
}

.notification-banner h2 {
    font-size: 1.125rem;
}

.notification-banner .notification-message {
    float: left;
    width: calc(100% - 5.5rem);
}

.notification-banner button {
    display: inline-block;
    padding: 0.5rem 1rem;
    border: 1px solid rgb(221, 221, 221);
    margin: 0;
    width: 4rem;
    margin-left: 0.5rem;
    border-radius: 5px;
    font-size: 0.875rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: rgb(255, 255, 255);
    color: rgb(40, 40, 40);
    text-transform: uppercase;
    background-color: #4385f5;
    color: rgb(255, 255, 255);
    float: left
}

    .notification-banner button:hover {
        -webkit-box-shadow: 0 0px 3px rgba(0,0,0,.16), 0 5px 12px rgba(0,0,0,0.32);
        -moz-box-shadow: 0 0px 3px rgba(0,0,0,.16), 0 5px 12px rgba(0,0,0,0.32);
        box-shadow: 0 0px 3px rgba(0,0,0,.16), 0 5px 12px rgba(0,0,0,0.32);
        background-color: rgba(67, 133, 245, 0.75);
    }

@keyframes 
borderscale { 
    50% {
     box-shadow: 0 0 0 2px #4f8196;
    }
}















/*SYSTEM ALERTS*/

.alert-notice {
    float: left;
    padding: 20px 20px 20px 20px;
    position: relative;
    margin-bottom: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    -webkit-box-shadow: 0 3px 3px -3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 3px 3px -3px rgba(0,0,0,.3);
    box-shadow: 0 3px 3px -3px rgba(0,0,0,.3);
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    min-width:250px;
}

    .alert-notice:hover {
        -webkit-box-shadow: 0px 5px 5px -1px rgba(0,0,0,.3);
        -moz-box-shadow: 0px 5px 5px -1px rgba(0,0,0,.3);
        box-shadow: 0px 5px 5px -1px rgba(0,0,0,.3);
    }

    .alert-notice > div {
        float: left;
        width: calc(100% - 50px);
    }

    .alert-notice p {
        margin: 0;
        font-weight: 500;
    }

    .alert-notice svg {
        width: 30px;
        height: 30px;
        margin-right: 20px;
        display: block;
        float: left;
    }

    .alert-has-no-margin .alert-notice
    {
        margin-bottom:0;
    }

.MAV-workflow .alert-notice.vertical {
    border-left: none;
    border-radius: 0;
    padding: 20px 10px;
}

.alert-notice.vertical {
    margin-bottom: 0;
}

    .alert-notice.vertical svg {
        margin: 0 auto;
        float: none;
    }

    .alert-notice.vertical ul {
        margin-left: 20px;
        margin-top: 20px;
    }

        .alert-notice.vertical ul li {
            margin-top: 0px;
            margin-bottom: 10px;
        }

            .alert-notice.vertical ul li a {
                display: block;
            }

            .alert-notice.vertical ul li:last-of-type {
                margin-bottom: 0px;
            }

.alert-notice.exclamation {
    background-color: #ecc6c4;
    border-color: #b42d30;
    fill: #b42d30;
}

    .alert-notice.exclamation,
    .alert-notice.exclamation a {
        color: #b42d30;
    }

.alert-notice.information {
    background-color: #cbe8f5;
    border-color: #4280ad;
    fill: #4280ad;
}

    .alert-notice.information,
    .alert-notice.information a {
        color: #4280ad;
    }

.alert-notice.confirmation {
    background-color: #ddf2d5;
    border-color: #5b7053;
    fill: #5b7053;
}

    .alert-notice.confirmation,
    .alert-notice.confirmation a {
        color: #5b7053;
    }

/*SYSTEM ALERTS*/

.loader-icon, .loader-icon-container {
    width: 75px;
    height: 75px;
    margin: 0 auto;
    position: relative;
    display: block;
}

.saved .loader-icon {
    display: none;
}


.loader-icon-container {
    margin-top: 20px;
}

.saved .loader-icon-container:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../imgV3/ntx-tabs-icons/confirmed.svg);
    z-index: 3;
    animation: pop 1.25s;
    -webkit-animation: pop 1.25s;
}

.saved .loader-icon-container:after {
    content: '';
    border-radius: 100%;
    height: calc(100% + 20px);
    width: calc(100% + 20px);
    position: absolute;
    left: -10px;
    top: -10px;
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0;
    border: 10px solid rgb(37, 174, 136);
    z-index: 2;
    animation-delay: 1s;
}

svg.base-icon.loader-icon {
    width: 75px;
    height: 75px;
    margin: 0 auto;
    position: relative;
    display: block;
}

svg.base-icon.loader-icon.inline-icon {
display: none;
}

svg.base-icon.loader-icon.inline-icon.ntx-legacy-active {
    display: block;
}

/*SVG LOADER FIX FOR IE*/ /*SVG LOADER FIX FOR IE*/ /*SVG LOADER FIX FOR IE*/ /*SVG LOADER FIX FOR IE*/ /*SVG LOADER FIX FOR IE*/

@supports (-ms-ime-align:auto) {
    svg.base-icon.loader-icon.inline-icon {
        background-image: url("../imgV3/ntx-elements/ntx-loader-ie.gif");
        background-size: contain;
        background-repeat: no-repeat;
    }

        svg.base-icon.loader-icon.inline-icon * {
            display: none;
        }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    svg.base-icon.loader-icon.inline-icon {
        background-image: url("../imgV3/ntx-elements/ntx-loader-ie.gif");
        background-size: contain;
        background-repeat: no-repeat;
    }

        svg.base-icon.loader-icon.inline-icon * {
            display: none;
        }
}

@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
    svg.base-icon.loader-icon.inline-icon {
        background-image: url("../imgV3/ntx-elements/ntx-loader-ie.gif");
        background-size: contain;
        background-repeat: no-repeat;
    }

        svg.base-icon.loader-icon.inline-icon * {
            display: none;
        }
}

/*SVG LOADER FIX FOR IE*/ /*SVG LOADER FIX FOR IE*/ /*SVG LOADER FIX FOR IE*/ /*SVG LOADER FIX FOR IE*/ /*SVG LOADER FIX FOR IE*/

.loader-background-color,
.horizontal-loader {
    stroke: rgb(207, 207, 207);
    background-color: rgb(207, 207, 207);
}

    .loader-main-color,
    .horizontal-loader:before {
        stroke: rgb(255, 136, 57);
        background-color: rgb(255, 136, 57);
    }


/*.ntx-action-button {
    display: inline-block;
    padding: 0.5rem 1rem;
    border: 1px solid rgb(221, 221, 221);
    margin: 0;
    min-width: 4rem;
    margin-right: 0.5rem;
    border-radius: 5px;
    font-size: 0.875rem;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #ffffff;
    color: #282828;
    text-transform: uppercase;
}

    .ntx-action-button.primary {
        background-color: rgb(77, 171, 13);
        color: #ffffff;
    }

        .ntx-action-button.primary:hover {
            background-color: rgba(77, 171, 13, 0.75);
        }


    .ntx-action-button.secondary {
        background-color: rgb(67, 133, 245);
        color: #ffffff;
    }

        .ntx-action-button.secondary:hover {
            background-color: rgba(67, 133, 245, 0.75);
        }

    .ntx-action-button.tertiary {
        background-color: rgb(230, 73, 73);
        color: #ffffff;
    }

        .ntx-action-button.tertiary:hover {
            background-color: rgba(230, 73, 73, 0.75);
        }

    .ntx-action-button:last-of-type {
        margin-right: 0;
    }*/

    .ntx-action-button#sideTab {
        height: 100%;
        padding: 1rem 0.5rem;
        border-radius: 5px 0 0 5px;
        min-width: initial;
        display: block;
        width: 100%;
        position: static;
    }
        .ntx-action-button#sideTab > div {
            transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            height: 78px;
            width: 98px;
        }

#sideTabs {
    border: 2px solid rgb(67, 133, 245) !important;
}

.brief-tour-show-item{
    z-index:9999;

}

.privacy-statement-row{
    padding: 10px;
}

.privacy-checkbox-container {
    display: inline-block;
    background: #ffffff;
    vertical-align: top;
    border: 1px solid #dddddd;
    margin-bottom: 7.5px;
    margin-top: 7.5px;
    /* width: 47%!important; */
    margin-right: 2%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    padding: 10px;
}

.support-code-processing {
    width: 100%;
    text-align: center;
}

.support-code-button {
    font-size: 1.4em;
    font-weight: 300;
    width: 250px;
    height: 40px;
}

/*
    Moved to V3 Base
    .support-code-display {
    padding: 10.5px;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(40,40,40,0.75);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(40,40,40,0.75);
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    border: 3px solid #0c62ab;
    width: 90%;
    font-size: 1.4em;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
}*/

.support-code{
    font-weight: bold;
    font-size: 1.2em;
}

.support-code-different-client{
    color:red !important;
    font-weight: bold;
}

.candidate-dialog-support-code{
    text-align: center;
}

.sar-overdue td {
    background-color: #ffe3e3;
}

.sar-due-next-week td {
    background-color: #ff8839;
}





























/*template code form menuitem dialog stop ENSURE SCROLLABILITY*/

.ui-dialog-parent
{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:999999;
}

.popup-body .ui-dialog
{
    min-height: 300px;
    position: fixed !important;
}

.popup-body .ui-dialog .ui-dialog-content {
    min-height:260px;
}

.ui-dialog
{
    position: absolute !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -moz-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    width: 97.5% !important;
    /* height: 97.5% !important; */
    max-width: 97.5% !important;
    max-height: 97.5% !important;
    -ms-flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -ms-flex-flow: row wrap !important;
    -webkit-flex-flow: row wrap !important;
    flex-flow: row wrap !important;
    -ms-flex-direction: row !important;
    -webkit-flex-direction: row !important;
    flex-direction: row !important;
    min-height: unset !important;
    transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    top: 50% !important;
    left: 50% !important;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    background-color:#ffffff!important;
}

/*FIX FOR IE POPUPS FOR OLD JQUERY POPUP*/

    /*Edge*/

    @supports (-ms-ime-align:auto) {
        .ui-dialog {
            position: fixed !important;
        }
    }

    /*Edge*/

    /*IE 10 / IE 11*/

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .ui-dialog {
            position: fixed !important;
        }
    }

    /*IE 10 / IE 11*/

    /*IE 9*/

    @media all and (min-width:0\0) and (min-resolution:.001dpcm) {
        .ui-dialog {
            position: fixed !important;
        }
    }

    /*IE 9*/

/*FIX FOR IE POPUPS FOR OLD JQUERY POPUP*/

.ui-draggable .ui-dialog-titlebar
{
    cursor:default!important;
}

.ui-dialog[style*="display: none"] {
    display: none !important;
}

.ui-dialog[style*="width: 200px"] {
    width: 200px !important;
    height: auto !important;
}

/*.popup-body .ui-dialog[style*="width: 200px"],
.popup-body .ui-dialog[style*="width: 300px"],
.popup-body .ui-dialog[style*="width: 350px"],
.popup-body .ui-dialog[style*="width: 370px"],
.popup-body .ui-dialog[style*="width: 400px"],
.popup-body .ui-dialog[style*="width: 420px"],
.popup-body .ui-dialog[style*="width: 450px"],
.popup-body .ui-dialog[style*="width: 500px"] {
    height: 400px !important;
}*/

.ui-dialog[style*="width: 220px"] {
    width: 220px !important;
    height: auto !important;
}

.ui-dialog[style*="width: 300px"] {
    width: 300px !important;
    height: auto !important;
}

.ui-dialog[style*="width: 350px"] {
    width: 350px !important;
    height: auto !important;
}

.ui-dialog[style*="width: 370px"] {
    width: 370px !important;
    height: auto !important;
}

.ui-dialog[style*="width: 400px"] {
    width: 400px !important;
    height: auto !important;
}

.ui-dialog[style*="width: 420px"] {
    width: 420px !important;
    height: auto !important;
}

.ui-dialog[style*="width: 450px"] {
    width: 450px !important;
    height: auto !important;
}

.ui-dialog[style*="width: 500px"] {
    width: 500px !important;
    height: auto !important;
}

/*.popup-body .ui-dialog[style*="width: 530px"],
.popup-body .ui-dialog[style*="width: 550px"],
.popup-body .ui-dialog[style*="width: 600px"],
.popup-body .ui-dialog[style*="width: 650px"],
.popup-body .ui-dialog[style*="width: 680px"],
.popup-body .ui-dialog[style*="width: 700px"],
.popup-body .ui-dialog[style*="width: 800px"],
.popup-body .ui-dialog[style*="width: 900px"] {
    height: 600px !important;
}*/

.ui-dialog[style*="width: 530px"] {
    width: 530px !important;
    height: auto !important;
}

.ui-dialog[style*="width: 550px"] {
    width: 550px !important;
    height: auto !important;
}

.ui-dialog[style*="width: 600px"] {
    width: 600px !important;
    height: auto !important;
}

.ui-dialog[style*="width: 650px"] {
    width: 650px !important;
    height: auto !important;
}

.ui-dialog[style*="width: 680px"] {
    width: 680px !important;
    height: auto !important;
}

.ui-dialog[style*="width: 700px"] {
    width: 700px !important;
    height: auto !important;
}

.ui-dialog[style*="width: 800px"] {
    width: 800px !important;
    height: auto !important;
}

.ui-dialog[style*="width: 900px"] {
    width: 900px !important;
    height: auto !important;
}

html > body .ui-dialog .ui-dialog-titlebar {
    float: left !important;
    width: 100% !important;
    height: 40px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

html > body .ui-dialog .ui-dialog-titlebar span {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin: 0 10px 0 0;
}

.ui-dialog .ui-dialog-content {
    width: 100% !important;
    float: left !important;
    top: 0 !important;
    position: static !important;
    min-height: unset !important;
    max-height: 90vh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

#divPopup {
    height: 90vh !important;
    background:#f8f8f8!important;
}


.ui-dialog .ui-dialog-content .PopupIFrame {
    top: 0 !important;
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

    .inline-overflow
    {
        height:100%!important;
        overflow:auto;
    }

.ui-dialog a.ui-dialog-titlebar-close {
    width: 25px;
    height: 25px;
    position: static;
    top: initial;
    right: initial;
    display: block;
    margin: 0;
    padding: 3px;
}

.ui-dialog .ui-dialog-titlebar-close span.ui-icon-closethick {
    background-size: auto;
    margin: 0;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}

*[class*="dynatree"],
*[class*="dynatree"] *,
span.dynatree-icon,
span.dynatree-connector,
*[class*="fancytree"],
*[class*="fancytree"] *,
.fancytree-exp-cdl span.fancytree-expander,
span.fancytree-icon, 
*[class*="dynatree"] > ul > li {
    background-size: auto !important;
}

.timeinput{
    width:50px;
}

.dateinput{
    width:100px;
}
.last-activity-container {
    margin-top: 10px;
}
.last-activity-header {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 4px;
}
.last-activity-header a {
    color: blue !important;
    text-decoration: underline;
}
.last-activity-table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}
.last-activity-table tr {

}
    .last-activity-table td {
        border: 1px solid rgba(0,0,0,0.3);
        padding: 3px;
        overflow: hidden;
    }
    .last-activity-table td.col1 {
        width: 25%;
    }
    .last-activity-table td.col2 {
        width: 25%;
    }
    .last-activity-table td.col3 {
        width: 50%;
    }