/* firefish.Web.WebControls.Common.ffCommon.css */
a.uiButton {
    cursor: pointer; border: 1px solid transparent; padding: 2px; }
a.uiButton:hover {
    cursor: pointer; border: 1px solid #ddd; }	
    
a.lnkRemove {
    width: 16px; height: 16px; display: inline-block; background: url('/images/web-controls/Common/delete.gif') 2px 2px no-repeat; vertical-align: middle;}
a.lnkRemoveSmall {
    width: 11px; height: 11px; display: inline-block; background: url('/images/web-controls/Common/delete_small.gif') 0px 0px no-repeat; vertical-align: baseline;}
a.lnkRemove_Disabled {
    width: 16px; height: 16px; line-height: 16px; display: inline-block; background: url('/images/web-controls/Common/delete_disabled.gif') 2px 2px no-repeat; vertical-align: middle;}	
a.lnkEdit {
    padding-left: 19px; height: 16px; line-height: 16px; display: inline-block; background: url('/images/web-controls/Common/edit.gif') 2px 2px no-repeat; vertical-align: middle;}	
a.lnkEdit_Disabled {
    padding-left: 19px; height: 16px; line-height: 16px; display: inline-block; background: url('/images/web-controls/Common/edit_disabled.gif') 2px 2px no-repeat; vertical-align: middle;}	
a.lnkRestore {
    min-width: 16px; height: 16px; line-height: 16px; display: inline-block; background: url('/images/web-controls/Common/restore.gif') 2px 2px no-repeat; vertical-align: middle;}	
a.lnkRestore:hover 
{
    border: 1px solid transparent;
}

/*Entypo pictograms by Daniel Bruce — www.entypo.com - from fontello.com*/
@font-face {
    font-family: 'entyporegular';
    src: url('/_firefish/fonts/entypo/entypo.eot');
    src: url('/_firefish/fonts/entypo/entypo.eot#iefix') format('embedded-opentype'),
         url('/_firefish/fonts/entypo/entypo.woff') format('woff'),
         url('/_firefish/fonts/entypo/entypo.ttf') format('truetype'),
         url('/_firefish/fonts/entypo/entypo.svg#entyporegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*chrome fix*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'entypo';
    src: url('../font/entypo.svg?98899337#entypo') format('svg');
  }
}
.ffFontImage {
    font-family: entyporegular;
    font-size: 1.5rem;
    font-size:24px\9;
    line-height: 1;
    display: inline-block;
    color: #1e1e1e;
}

.ffFontImage.small {
    font-size: 13pt;
}

.ffFontImage.medium {
    font-size: 15pt;
}

.ffFontImage.grey {
    color: #CCC;
}
.ffFontImage.black {
    color: #000;
}
.ffFontImage.red {
    color: #E51837 !important;
}

.ffFontImage.registrationDocumentUploaded {
    font-size: 36px !important;
}

body#system a.fontImageNoUnderLine:hover,
a.fontImageNoUnderLine:hover {
    text-decoration: none;
}
a.fontImageNoUnderLine:hover > *:not(.ffFontImage) {
    text-decoration: underline;
}

.ffPrimaryColour {
    background-color: var(--ff-primary-colour) !important;
    color: var(--ff-primary-contrast-colour) !important;
}

.ffColourTableHeader {
    background-color: #f3f4f6 !important;
    color: #7E7E7F !important;
}

.ffSecondaryColour {
    color: var(--ff-secondary-colour) !important;
}


table.ui-datepicker-calendar td.ui-datepicker-today a {
    background-color: var(--ff-primary-colour) !important;
    color: var(--ff-primary-contrast-colour) !important;
    border: 1px solid var(--ff-primary-colour) !important;
}


div.ui-datepicker div.ui-datepicker-header {
    background-color: var(--ff-primary-colour) !important;
    color: var(--ff-primary-contrast-colour) !important;
}

.ui-datepicker-title select {
    padding: 0px !important;
}

.ui-datepicker-buttonpane {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: var(--ff-primary-colour) !important;
}

.ui-datepicker-buttonpane button {
    opacity: 1 !important;
    font-size: 1em;
    margin: 3px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.ui-datepicker-buttonpane .ui-datepicker-close {
    display: none;
}

.ui-datepicker {
    z-index: 12001 !important; 
}

.ui-datepicker .ui-state-default, 
.ui-datepicker.ui-widget-content .ui-state-default, 
.ui-datepicker .ui-widget-header .ui-state-default {
    font-weight: bold;
}

.max-width-95 {
    max-width: 95%;
}

input[type="checkbox"] {
    -webkit-filter: brightness(0.9);
}

    input[type="checkbox"]:checked {
        -webkit-filter: grayscale(100%) invert(100%) brightness(1.4);
    }



.ff-titlebar-visuallyHidden {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    width: 1px !important;
}


.ff-titlebar-visuallyHidden {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute;
    width: 1px !important;
}


.ff-fieldset-borderVisuallyHidden {
    border: none;
    padding: 0;
    margin: 0;
}


.focus-visible-only:focus-visible {
    outline: 1px dotted #212121 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
}

/* firefish.Web.WebControls.ffStyleController.empty.css */
/*dependancy holder for sites that havn't been upgraded to use the browser reset file*/
/* firefish.Web.WebControls.ffTextBox.ffTextBox.css */
span.textAreaWithCount {
    display: block; }
span.textAreaWithCount .characterCount,
span.textAreaWithCount .characterCountRequired  {
    text-align: right; color: #666; font-size: 7pt;}
span.textAreaWithCount .characterCountRequired {
    margin-right: 15px;}

.hide
{
    display:none;
    margin-left: 3px;
}

.show
{
    display:inline-block;
    margin-left: 3px;
}

textarea.limitHeight {
    max-height: 400px;
}

.companyNewContactNameOrEmail {
    width: 250px;
}

/* ~/system/Adverts/controls/AdvertHeading.ascx.css */
.attract .logoAreaContent img
{
    max-width:75px;
    max-height:42px;
}

.attract .extra-bold 
{
    font-weight: bold !important;
}

.attract .extra-normal
{
    font-weight: normal !important;
}
/* ~/System/Recruiter/Questionnaire/controls/QuestionnaireQuestions.ascx.css */
div.questions
{
    margin-top:10px;
}
div.questions td
{
    padding-bottom:10px;
}
div.questions td.lbl
{
    vertical-align:top;
    padding-right:10px;
}
div.questions td.vlu
{
    vertical-align: top;
    text-align:right;
}
div.questions td.txtQuestion {
    width: 50rem;
    text-align: left;
}
div.questions .textAnswer
{
    width: 97%;
    margin-bottom: 5px !important;
}
div.questions td.rqd {
    vertical-align: top;
}
div.questions label
{
    display:inline-block !important;
}

div.questions .buttons
{
    text-align:right;
    margin-top:10px;
}

div.questionnaire div.questions table td.vlu label
{
    margin-left:3px;
    margin-right:10px;
}

div.questionnaire div.questions table label
{
    display:inline-block;
}

div.questionnaire .questions table
{
    width:auto;
    margin-bottom:20px !important;
}

div.questionnaire div.questions input[type="radio"]
{
    margin-top:0;
    margin-left:2px;
    margin-right:2px;
    width:auto;
}

div.advertApplicationArea div.questionnaire
{
    float:none;
}

.questionnaire .questions table {
    width: 100% !important;
    table-layout: fixed;
}

.questionnaire .questions table td.lbl {
    width: 40% !important;
    padding-bottom: 20px !important;
    padding-right: 10px !important;
}

.questionnaire .questions table td.vlu {
    width: 60% !important;
    padding-bottom: 20px !important;
    text-align: unset !important;
}

.questionnaire .questions table td.vlu .advertPreScreen {
    display: flex !important;
}

.questionnaire .questions table td.vlu .advertPreScreen textarea {
    border-radius: 5px !important;
    max-width: 100% !important;
    resize: both !important;
}

.questionnaire .questions table td.vlu .advertPreScreen .requiredFieldIndicator {
    margin-left: 5px !important;
    position: unset !important;
}

.questionnaire .questions table td.vlu .advertPreScreen .characterCountRequired {
    font-size: 0.7rem !important;
}

.questionnaire .questions table td.vlu .advertPreScreen .characterCount {
    font-size: 0.7rem !important;
    margin-left: 11px !important;
}

/* ~/System/Recruiter/Questionnaire/controls/Questionnaire.ascx.css */
div.questionnaire 
{
    margin-top: 10px;
}
div.questionnaire span.profileHeader
{
    font-size:11pt;
}
/* ~/system/Adverts/Controls/AdvertDetails.css */
.advertDetails .readOnlyAdvertBody {
    border: 1px gray solid;
    overflow: auto;
}

.advertDetails select,
.advertDetails span.quSelLinks {
    width: 90% !important;
}

.advertDetails .textbox {
    width: 90%;
}

.advertDetails .date.textbox {
    width: 150px;
}

.advertDetails .featuredAdvert input,
.advertDetails .ad-close-date input[type="text"] {
    margin-bottom: 15px;
}

div.advertDetailsBtns {
    text-align: right;
    margin-right: 15px;
}

    div.advertDetailsBtns input {
        margin-top: 5px;
    }

.advertDetails .ffEditor span.controlContent {
    display: inline-block;
}

.advertDetails .ffEditor span.requiredFieldIndicator {
    vertical-align: top;
}

.advertDetails .ffTabContainer .ui-tabs .ui-tabs-panel {
    background: none;
}

.advertDetails .advertContent {
    padding: 10px 0px 5px 0px;
}

.advertDetails .countColumn {
    width: 10%;
    color: var(--ff-secondary-colour);
    vertical-align: middle;
}

.advertDetails .jobAlertTotal {
    color: var(--ff-secondary-colour);
    font-weight: bold;
    font-size: 1.3em;
    padding-right: 3px;
}

.advertDetails .largerText {
    font-size: 1.2em;
}

.advertDetails .rightCol {
    padding-left: 10px;
}

.advertDetails .detailsTable > tbody > tr > td {
    height: 20px;
}

.advertDetails .detailsTable input[type="checkbox"] {
    margin-right: 10px;
}

.advertDetails .ffDetailsCount {
    width: 100%;
}

    .advertDetails .ffDetailsCount > tbody > tr > td.lblDetailsCount {
        text-align: right;
        vertical-align: middle;
    }

    .advertDetails .ffDetailsCount > tbody > tr > td.countColumn > span {
        margin-left: 0.5em;
    }

.advertDetails .ffTabContainer .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: #fff;
}

.advertDetails .ui-tabs-panel.ui-widget-content.ui-widget-content {
    padding: 0px;
}

.advertDetails .tabBackground {
    padding: 10px;
}

.advertDetails .headingLine {
    min-height: 20px;
}

.advertDetails .headingLineSmall {
    padding-top: 20px;
    clear: both;
}

.advertDetails .lastPosted {
    color: #bbb;
}

.attract .advertArea .advertBody ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

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

.advertDetails .ffSlider {
    margin-top: 10px;
    margin-bottom: 8px;
}

    .advertDetails .ffSlider .slider {
        width: 89.5%;
    }

    .advertDetails .ffSlider .inputValue {
        width: 41%;
    }

.advertDetails .rs-post-label {
    display: block;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
}

.advertDetails .sl-lbl {
    display: inline-block;
    margin-top: 3px;
}

.advertDetails span.lightGrey {
    color: #ababab;
}

.advertDetails .ffFontImage.crossImage {
    vertical-align: top;
    margin-left: 0.1em;
}

.advertDetails .uploadReq {
    margin-left: 10px;
}

.advertDetails .advertTitleContainer .textbox {
    width: 97% !important;
}

.advertDetails .companyJobAdvertInput {
    width: 58.5%;
}

.advertDetails .companyJobAdvertSelect {
    width: 65%;
}

.indeedCountryDropDown {
    width: 100%;
}

@media (min-width: 1200px) {
    .indeedCountryDropDown {
        width: 25%;
    }
}

@media (min-width: 430px) and (max-width: 1200px) {
    .indeedCountryDropDown {
        width: 80%;
    }
}
/* firefish.Web.WebControls.ffModalPanel.ffModalPanel.css */
body div.mdl-wrap {
    position:fixed;
    z-index:10001;
    display:none;
    -moz-border-radius:5px;
    border-radius:5px;
    padding:5px;
    z-index:10001;
    -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);
    background:#fff;

}
div.modalPanel {
    background-color:#fff;
    -moz-border-radius:5px;
    border-radius:5px;
    filter:alpha(opacity=100);
    opacity:1;
    z-index:10002;
}
div.modalPanel.body {
    padding:5px;
}
div.modalBackground {
    background-color:#777;
    filter:alpha(opacity=70);
    opacity:0.7;
    position:fixed;
    z-index:10000;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
div.mdl-wrap div.modalPanel div.mdl-hdr {
    color: #fff;
    font-size: 16px !important;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    height: 25px !important;
    line-height: 25px !important;
    text-align: right;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;

    background-color: #f3f4f6;
    color: #7E7E7F;
}
div.mdl-wrap div.mdl-hdr * {
    vertical-align:baseline;
}
div.mdl-wrap div.modalPanel span.mdl-hdr-icn {
    left: 0;
    position: absolute;	
    margin: 0 !important;
    margin-right: 5px !important;
}
div.mdl-wrap div.mdl-body {
    padding:10px;
    overflow:hidden;
    color: black;
}
div.mdl-wrap div.modalPanel span.mdl-hdr-txt {
    vertical-align:baseline;
    position:absolute;
    left:25px;
    text-align:left;
    max-height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    right:40px;
    z-index: 1;
    font-weight:700;
}
div.mdl-wrap div.modalPanel span.mdl-hdr-txt.mdl-hdr-no-icn {
    left:3px;
}
div.mdl-wrap div.modalPanel span.mdl-hdr-btn {
    width: 20px !important;
    height: 25px !important;
    line-height: 25px !important;
    font-size: 16px !important;
    display: inline-block !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 3px !important;
    cursor: pointer;
    z-index: 2;
    font-weight:700;
}

div.mdl-wrap span.mdl-bdy-text {
    display:inline-block;
    padding:15px;
}

div.search-container div.tabBodyUI div.mdl-wrap {
    top: 0 !important;
}

/* firefish.Web.WebControls.ffSpriteImage.ffSpriteImage.css */
/*non-sprite images (ani gifs)*/
.ffs-sprite {
    background-image: url('/images/web-controls/ffSpriteImage/ffSpriteImage.png');
    display: inline-block;
}

.ffs-sprite + .ffSmallTextGrey {
    color: gray;
}
span.LoadingSmallImg {
    background-image: url('/images/web-controls/Common/loading_sm.gif');
    background-position: 0px 0px;
    width: 16px;
    height: 16px;
    vertical-align: top;
}
span.LoadingImg {
    background-image: url('/images/web-controls/Common/FirefishLoadingBigGrey.gif');
    background-position: 0px 0px;
    width: 32px;
    height: 32px;
    vertical-align: top;
}
span.LoadingAuxSmallImg {
    background-image: url('/images/web-controls/Common/loading_aux_sm.gif');
    background-position: 0px 0px;
    width: 16px;
    height: 11px;
    vertical-align: top;
}
span.Blank32Img
{
    background-image:none;
    width:32px;
    height:32px;
    vertical-align:top; 
}
/*first row*/
span.ReportSmallImg
{
    background-position:0px 0px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.SearchSmallImg
{
    background-position:-16px 0px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.SettingSmallImg
{
    background-position:-32px 0px;
    width:16px;
    height:16px;
}
span.TodoSmallImg
{
    background-position:-48px 0px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.SkypeSmallImg
{
    background-position:-64px 0px;
    width:16px;
    height:16px;
}
span.MessengerSmallImg
{
    background-position:-80px 0px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.GoogleSmallImg
{
    background-position:-96px 0px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.BlankSmallImg
{
    background-position:-112px 0px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.firefishSmallImg
{
    background-position:-128px 0px;
    width:16px;
    height:16px;
}
span.ConnectionSmallImg
{
    background-position:-144px -0px;
    width:16px;
    height:16px;
}
span.AddPlusSmallImg
{
    background-position:-160px -0px;
    width:16px;
    height:16px;
}
span.ActivatedCandidateImg
{
    background-position:-176px -0px;
    width:16px;
    height:16px;
}
span.ImageSmallImg
{
    background-position:-192px -0px;
    width:16px;
    height:16px;
}
span.RestoreSmallImg
{
    background-position:-208px -0px;
    width:16px;
    height:16px;
}
span.CandidatePhoneHomeSmallImg,
span.ContactDirectDialSmallImg,
span.PhoneSmallImg
{
    background-position:-224px -0px;
    width:16px;
    height:16px;
}
span.FolderSmallImg
{
    background-position:-240px -0px;
    width:16px;
    height:16px;
}
span.TVSmallGreyImg
{
    background-position: -256px -0px;
    width:16px;
    height:16px;
}
/*second row*/
span.DownArrowSmallImg
{
    background-position:0px -16px;
    width:15px;
    height:16px;
    vertical-align:top;
}
span.EditSmallImg
{
    background-position:-16px -16px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.JobSmallImg
{
    background-position:-32px -16px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.MarketingSmallImg
{
    background-position:-48px -16px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.MenuSmallImg
{
    background-position:-64px -16px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.PersonSmallImg
{
    background-position:-80px -16px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.InfoSmallImg
{
    background-position:-96px -16px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.SkypeSmallGreyImg
{
    background-position:-112px -16px;
    width:16px;
    height:16px;
}
span.GoogleMapSmallImg
{
    background-position:-128px -16px;
    width:16px;
    height:16px;
}
span.LogOutSmallImg,
span.PermissionSmallImg
{
    background-position:-144px -16px;
    width:16px;
    height:16px;
}
span.EditPencilSmallImg
{
    background-position:-160px -16px;
    width:16px;
    height:16px;
}
span.ActivatedContactImg
{
    background-position:-176px -16px;
    width:16px;
    height:16px;
}
span.NotesSmallImg
{
    background-position:-192px -16px;
    width:16px;
    height:16px;
}
span.AmberDashImg
{
    background-position:-208px -16px;
    width:16px;
    height:16px;
}
span.CandidatePhoneHomeSmallGreyImg,
span.ContactDirectDialSmallGreyImg,
span.PhoneSmallGreyImg
{
    background-position:-224px -16px;
    width:16px;
    height:16px;
}
span.FolderSmallDisabledImg
{
    background-position:-240px -16px;
    width:16px;
    height:16px;
}
span.TVSmallImg
{
    background-position: -256px -16px;
    width:16px;
    height:16px;
}
/*third row*/
span.FacebookSmallImg
{
    background-position:0px -32px;
    width:16px;
    height:16px;
}
span.WebsiteSmallImg
{
    background-position:-16px -32px;
    width:16px;
    height:16px;
}
span.AddItemSmallImg
{
    background-position:-32px -32px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.AdvertSmallImg
{
    background-position:-48px -32px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.CompanySmallImg,
span.ManageSmallImg
{
    background-position:-64px -32px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.DashboardSmallImg
{
    background-position:-80px -32px;
    width:16px;
    height:16px;
}
span.FacebookSmallGreyImg
{
    background-position:-96px -32px;
    width:16px;
    height:16px;
}
span.WebsiteSmallGreyImg
{
    background-position:-112px -32px;
    width:16px;
    height:16px;
}
span.ThumbsUpSmallImg
{
    background-position:-128px -32px;
    width:16px;
    height:16px;
}
span.SortAscendingImg
{
    background-position:-144px -32px;
    width:16px;
    height:16px;
}
span.MinusSmallImg
{
    background-position:-160px -32px;
    width:16px;
    height:16px;
}
span.ActivatedCandidateAndContactImg
{
    background-position:-176px -32px;
    width:16px;
    height:16px;
}
span.NotesSmallDisabledImg
{
    background-position:-192px -32px;
    width:16px;
    height:16px;
}
span.ContactWorkEmailSmallImg,
span.CandidatePersonalEmailSmallImg,
span.EnvelopeImg
{
    background-position:-208px -32px;
    width:16px;
    height:16px;
}
span.CandidatePhoneMobileSmallImg,
span.ContactWorkMobileSmallImg,
span.MobilePhoneSmallImg
{
    background-position:-224px -32px;
    width:16px;
    height:16px;
}
span.BinSmallImg
{
    background-position:-240px -32px;
    width:16px;
    height:16px;
}
/*fourth row*/
span.LinkedInSmallImg
{
    background-position:0px -48px;
    width:16px;
    height:16px;
}
span.TwitterSmallImg
{
    background-position:-16px -48px;
    width:16px;
    height:16px;
}
span.RedCrossImg
{
    background-position:-32px -48px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.GreenTickImg
{
    background-position:-48px -48px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.AmberTickImg
{
    background-position:-64px -48px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.RefreshSmallImg
{
    background-position:-80px -48px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.LinkedInSmallGreyImg
{
    background-position:-96px -48px;
    width:16px;
    height:16px;
}
span.TwitterSmallGreyImg
{
    background-position:-112px -48px;
    width:16px;
    height:16px;
}
span.OutlookSmallImg
{
    background-position:-128px -48px;
    width:16px;
    height:16px;
}
span.SortDescendingImg
{
    background-position:-144px -48px;
    width:16px;
    height:16px;
}
span.GrayTickImg
{
    background-position:-160px -48px;
    width:16px;
    height:16px;
    vertical-align:top;
}
span.StopBlueImg
{
    background-position:-176px -48px;
    width:16px;
    height:16px;
}
span.WarningSmallImg
{
    background-position:-192px -48px;
    width:16px;
    height:16px;
}
span.CandidatePersonalEmailSmallGreyImg,
span.ContactWorkEmailSmallGreyImg,
span.EnvelopeGreyImg
{
    background-position:-208px -48px;
    width:16px;
    height:16px;
}
span.CandidatePhoneMobileSmallGreyImg,
span.ContactWorkMobileSmallGreyImg,
span.MobilePhoneSmallGreyImg
{
    background-position:-224px -48px;
    width:16px;
    height:16px;
}
/*fifth row*/
span.DocumentImg
{
    background-position:0px -64px;
    width:23px;
    height:30px;
    vertical-align:top;
}
span.FormattedDocumentImg
{
    background-position:-23px -64px;
    width:23px;
    height:30px;
    vertical-align:top;
}
span.NoDocumentImg
{
    background-position:-46px -64px;
    width:23px;
    height:30px;
    vertical-align:top;
}
span.DocumentWarningImg
{
    background-position:-69px -64px;
    width:23px;
    height:30px;
    vertical-align:top;
}
span.DocumentUploadImg
{
    background-position:-92px -64px;
    width:23px;
    height:30px;
    vertical-align:top;
}
span.ImageImg
{
    background-position:-115px -64px;
    width:37px;
    height:30px;
    vertical-align:top;
}
span.ImageUploadImg
{
    background-position:-152px -64px;
    width:37px;
    height:30px;
    vertical-align:top;
}
/*sixth row*/
span.DocumentSmallImg
{
    background-position:0px -94px;
    width:12px;
    height:14px;
}
span.FormattedDocumentSmallImg
{
    background-position:-12px -94px;
    width:12px;
    height:14px;
}
span.NoDocumentSmallImg
{
    background-position:-24px -94px;
    width:12px;
    height:14px;
}
span.DeleteCrossImg
{
    background-position:-36px -94px;
    width:15px;
    height:14px;
    vertical-align:top;
}
span.DeleteCrossDisabledImg
{
    background-position:-51px -94px;
    width:15px;
    height:14px;
    vertical-align:top;
}
span.DocumentWarningSmallImg
{
    background-position:-66px -94px;
    width:12px;
    height:14px;
}
span.NoDocumentSmallGreyImg
{
    background-position:-78px -94px;
    width:12px;
    height:14px;
}
/*seventh row*/
span.LinkedInMediumImg
{
    background-position:-1px -108px;
    width:22px;
    height:22px;
    vertical-align:top;
}
span.TwitterMediumImg
{
    background-position:-24px -108px;
    width:22px;
    height:22px;
    vertical-align:top;
}
span.SkypeMediumImg
{
    background-position:-47px -108px;
    width:22px;
    height:22px;
    vertical-align:top;
}
span.WebsiteMediumImg
{
    background-position:-72px -108px;
    width:24px;
    height:24px;
    vertical-align:top;
}
span.FacebookMediumImg
{
    background-position:-96px -108px;
    width:22px;
    height:22px;
    vertical-align:top;
}
span.LinkedInMediumGreyImg
{
    background-position:-120px -108px;
    width:22px;
    height:22px;
    vertical-align:top;
}
span.TwitterMediumGreyImg
{
    background-position:-144px -108px;
    width:22px;
    height:22px;
    vertical-align:top;
}
span.SkypeMediumGreyImg
{
    background-position:-168px -108px;
    width:22px;
    height:22px;
    vertical-align:top;
}
span.WebsiteMediumGreyImg
{
    background-position:-192px -108px;
    width:24px;
    height:24px;
    vertical-align:top;
}
span.FacebookMediumGreyImg
{
    background-position:-217px -108px;
    width:22px;
    height:22px; 
    vertical-align:top; 
}
span.MapPinMediumImg
{
    background-position:-240px -108px;
    width:24px;
    height:24px; 
    vertical-align:top; 
}

/*eighth row*/
span.TVMediumImg
{
    background-position:0px -132px;
    width:24px;
    height:24px;
}

span.TVMediumGreyImg
{
    background-position:-24px -132px;
    width:24px;
    height:24px;
}

span.XingMediumImg
{
    background-position:-48px -132px;
    width:24px;
    height:24px;
}

span.XingMediumGreyImg
{
    background-position:-72px -132px;
    width:24px;
    height:24px;
}
span.NotesMediumImg
{
    background-position:-96px -132px;
    width:24px;
    height:24px;
}
span.NotesMediumDisabledImg
{
    background-position:-120px -132px;
    width:24px;
    height:24px;
}
span.JobLinkMediumImg
{
    background-position:-192px -132px;
    width:24px;
    height:24px;
}
span.GooglePlusMediumImg
{
    background-position:-243px -85px;
    width:22px;
    height:22px;
}
span.GooglePlusMediumGreyImg 
{
    background-position:-218px -133px;
    width:22px;
    height:22px;
}

/*ninth row*/
span.Info32Img
{
    background-position:0px -156px;
    width:32px;
    height:32px;
}
span.BinImg
{
    background-position:-32px -156px;
    width:24px;
    height:24px;
    vertical-align:top;
}
span.Warning32Img
{
    background-position:-56px -156px;
    width:32px;
    height:32px;
}
span.Error32Img
{
    background-position:-88px -156px;
    width:32px;
    height:32px;
}
span.CandidateLargeImg
{
    background-position:-120px -156px;
    width:24px;
    height:24px;
}
span.ContactLargeImg
{
    background-position:-144px -156px;
    width:24px;
    height:24px;
}
span.CandidateAndContactLargeImg
{
    background-position:-168px -156px;
    width:24px;
    height:24px;
}
/* remember to update the sprite.pdn as well! */
/* firefish.Web.WebControls.ffDocumentUpload.ffDocumentUpload.css */
.UploadMain
{
	text-align: left;
}

.UploadMain div 
{
	margin: 5px 0px;
}

.UploadHeader
{
	background-color:var(--ff-primary-colour);
	color: var(--ff-primary-contrast-colour);
	font-weight: bold;
	padding: 5px;
	height: 24px;
}

.UploadBody
{
	border: 1px solid var(--ff-primary-colour);
	padding: 7px;
}

.UploadBody span
{
    display: inline-block;
    width: 40px;
    margin-top: 5px;
}
.UploadBody input
{
    margin-top: 12px;
}

.UploadButtonArea
{
	text-align: right;
	padding-top: 5px;
}

.UploadDescription
{
	margin-top: 5px;
}

.UploadHeaderText
{
	font-weight: bold;
}

.UploadPath
{
	width: 340px;
}

.UploadName
{
	width: 265px;
}

.MultiDownloadContainer
{
	display: block;
	float: none;
}

.MultiDownloadDocumentContainer
{
	display: block;
	float: left;
}
.UploadBody .errorTextBold
{
    width: auto;
}
div.documentsSupported {
	margin: 5px 0px;
}

div.uploadText
{
    margin-top:0.2em;
}

span.uploadText
{
    margin-left:0.2em;
}

.fontImage-uploadText {
    display: block;
    margin-top: 6px;
}

span.uploadFontImage
{
    color: #999999;
}

span.uploadImageSize
{
    font-size: 2rem;
}

span.inline {
    display: inline-block;
}

a.notAllowed 
{
     text-decoration: none!important;
}

.preview-highlight {
    background-color:#E6ebe0;
}
/* firefish.Web.WebControls.ffDocumentUpload.ffDocumentUploadPopUp.css */
.uplMdlPnl.modalPanel
{
	width: 430px;
}

.UploadMain {
	text-align: left; 
}
.UploadMain div {
	margin: 5px 0px;
}
.UploadBody{
	border: 1px solid var(--ff-primary-colour);
	padding: 7px;
}
.UploadBody span {
    display: inline-block;
    width: 40px;
    margin-top: 5px;
}
.UploadBody input {
    margin-top: 12px;
}
.UploadButtonArea {
	text-align: right;
	padding-top: 5px;
}
.UploadPath {
	width: 340px;
}
.uplMdlPnl.modalPanel .UploadMain.UploadBody span {
    color: #000;
}
.uplMdlPnl.modalPanel .UploadMain.UploadBody .errorTextBold {
    color: #E51837;
}
/* ~/system/Adverts/controls/AdvertReferral.ascx.css */
.AdvertReferral 
{
	width:100%;
}
.AdvertReferral .col-one
{
	width: 40%;
}

.refer-message p
{
    font-weight:bold;
}
.AdvertReferral .refer-message p {
    margin: 1em 0;
}

@media only screen and (max-width: 767px) 
{
    .AdvertReferral td 
    {
        float:none;
        display: block !important;
        width: 100% !important;
    }
    .AdvertReferral .refer-message p {
        text-align: center;
    }
}
/* firefish.Web.WebControls.CMS.ffPoweredBy.css */
/*#region ffPoweredBy styles */

.ffPoweredBy .ffPoweredBy__link {
    font-family: Verdana, sans-serif;
    font-weight: 400;
    font-size: 11.5px;
    line-height: normal;
    letter-spacing: 0;
}

.ffPoweredBy .ffPoweredBy__link,
.ffPoweredBy .ffPoweredBy__text,
.ffPoweredBy .ffPoweredBy__logo {
    display: inline-block;
}


    .ffPoweredBy .ffPoweredBy__link
    .ffPoweredBy .ffPoweredBy__link:link,
    .ffPoweredBy .ffPoweredBy__link:hover,
    .ffPoweredBy .ffPoweredBy__link:visited,
    .ffPoweredBy .ffPoweredBy__link:active {
        text-decoration: none;
    }

/*#endregion */


/*#region Legacy Styles */

div.ff-powered-by a.ff-powered-by-logo,
div.ff-powered-by a.ff-powered-by-logo:link,
div.ff-powered-by a.ff-powered-by-logo:hover,
div.ff-powered-by a.ff-powered-by-logo:visited,
div.ff-powered-by a.ff-powered-by-logo:active {
    text-decoration: none;
    border-width:0;
}
.ff-powered-by-rec-lgn
{
    padding-left:1px;
    font-size:13px !important;
    visibility:visible !important;
}
.ff-powered-by-logo
{
    display:block;
}

.ffPoweredBy--system .ffPoweredBy__text {
    color: #000000;
}


.ffPoweredBy--system .ffPoweredBy__link .ffPoweredBy__logo svg {
    color: #E41A38;
}

/*#endregion */
/* /Content/Css/WebModalPanelResponsive.css */
/*Modal Panel*/
@media only screen and (max-width: 450px)
{
    .candidateAdvertApplicationArea .mdl-wrap .modalPanel
    {
        width:280px !important;
    }

    .candidateAdvertApplicationArea .mdl-wrap .modalPanel .UploadMain.UploadBody input[type="file"]
    {
        display:block;
        width:100%;
    }

    .ffLogin .advertLoginTable td
    {
        display:block;
    }
}
/* firefish.Web.WebControls.ffDocumentDownload.ffDocumentDownload.css */
.ffFontImage.documentErrored{
    color: #e51837;
}

.ffFontImage.documentWarning {
    color: #ee811a;
}

.ffFontImage.documentMissing {
    color: #999;
}

.ffFontImage.documentWordCountLow {
    color: #38A7DC;
}

.ffFontImage.documentDelete {
    vertical-align: top;
    margin-top: -0.2em;
    margin-left: 0.1em
}

.ffFontImage--disabled {
    color: #7e7e7f;
    cursor: not-allowed;
}

a.hoverAnchor {
    position: relative;
}

    a.hoverAnchor div.popUpOuterContainer {
        position: absolute;
        z-index: 6;
        margin-left: 13px;
    }

        a.hoverAnchor div.popUpOuterContainer:before {
            content: "";
            position: absolute;
            border-style: solid;
            display: block;
            width: 0;
            top: 12px; /* controls vertical position */
            left: -5px; /* Arrow width */
            border-width: 8px 10px 8px 0;
            border-color: transparent #c0c0c0;
        }

    a.hoverAnchor div.popUpInnerContainer {
        display: inline-block;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: transparent;
        padding: 5px;
        z-index: 9001;
        cursor: default;
    }

        a.hoverAnchor div.popUpInnerContainer .hoverLinkBody {
            padding: 10px;
            overflow: hidden;
            background-color: #fff;
            -moz-border-radius: 5px;
            border-radius: 5px;
            filter: alpha(opacity=100);
            opacity: 1;
            z-index: 9002;
            -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);
            -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);
            box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.75);
        }

        a.hoverAnchor div.popUpInnerContainer div.loadingImageContainer {
            text-align: center;
        }

div.documentPreviewControlPanel--hidden {
    display: none !important;
}

div.documentPreviewControlPanel {
    text-align: center;
    display: none;
}

.ff-documentPreview:hover div.documentPreviewControlPanel {
    display: flex;
}

body#system a.document-preview-ProfileTitle,
body#system a.document-preview-ProfileTitle:hover {
    cursor: default;
    text-decoration: none;
}

button.documentPreviewBTN--close {
    color: #fff;
    background-color: transparent;
    font-size: 20px;
    position: absolute;
    top: 8px;
    right: 10px;
    border: 0;
}

    button.documentPreviewBTN--close:hover {
        color: var(--ff-primary-colour);
        opacity: 1 !important;
    }

    button.documentPreviewBTN--close span i {
        padding: 5px !important;
        box-sizing: border-box;
        border: 1px solid #fff;
        border-radius: 50%;
    }

    button.documentPreviewBTN--close:hover span i {
        border-color: var(--ff-primary-colour);
        background-color: #fff;
    }

button.documentPreviewBTN--previous, button.documentPreviewBTN--next {
    background-color: var(--ff-primary-colour);
    color: #fff;
    border: 0;
    font-size: 14px;
    border-radius: 0 50% 50% 0;
    padding: 5px;
}

button.documentPreviewBTN--next {
    border-left: 2px solid #fff;
}

button.documentPreviewBTN--zoom {
    color: #000;
    background-color: var(--ff-highlight-colour);
    box-sizing: border-box;
    font-size: 14px;
    border: 0;
    border-left: 2px solid #fff;
}

    button.documentPreviewBTN--zoom i {
    }

button.documentPreviewBTN--disabled {
    background-color: #B0B4B8;
}

button.documentPreviewBTN--previous {
    transform: rotate(180deg);
}

button.documentPreviewBTN:hover {
    cursor: pointer;
    opacity: 0.7;
}

/* Document Preview Panel Styling. */

.ff-documentPreview {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    -webkit-box-shadow: -2px 0px 32px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 0px 32px -7px rgba(0,0,0,0.75);
    box-shadow: -2px 0px 32px -7px rgba(0,0,0,0.75);
    z-index: 999;
    background-color: #fff;
}

@media (min-width: 768px) {
    .ff-documentPreview {
        width: 772px;
    }
}

.ff-documentPreview__arrow {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    z-index: 99;
    left: -10px;
}

.ff-documentPreview__header {
    padding: 15px 100px 25px 25px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box;
    background-color: var(--ff-primary-colour);
    height: 50px;
}

.ff-documentPreview__actionControls {
    display: block;
}

    .ff-documentPreview__actionControls a {
        display: inline-block;
        margin: 0 20px;
        text-decoration: none;
    }

        .ff-documentPreview__actionControls a:hover {
            opacity: 0.7;
            text-decoration: none !important;
        }

        .ff-documentPreview__actionControls a span {
            display: inline;
            margin-right: 10px;
            font-size: 0.94rem !important;
        }

.ff-documentPreview__header h2, .ff-documentPreview__header a {
    color: #fff !important;
    font-size: 1.1rem;
    font-weight: 600;
}

.ff-documentPreview__content {
    position: relative;
    overflow: auto;
    height: calc(100% - 125px);
    background-color: #fff;
}

    .ff-documentPreview__content canvas {
        position: relative;
        display: block;
        margin: 0 auto;
    }

.ff-documentPreview__footer {
    height: 75px;
    background-color: #E6EBE0;
}

.document-preview-ProfileBTN {
    text-align: center;
    padding-top: 15px;
}

    .document-preview-ProfileBTN a {
        color: #fff !important;
        background-color: var(--ff-primary-colour);
        border: 2px solid var(--ff-primary-colour);
        padding: 6px 10px;
        line-height: 40px;
        border-radius: 50px;
    }

        .document-preview-ProfileBTN a:hover {
            color: var(--ff-primary-colour) !important;
            background-color: transparent;
            border: 2px solid var(--ff-primary-colour);
            text-decoration: none !important;
        }

    .document-preview-ProfileBTN span {
        display: inline;
        margin-right: 10px;
    }

.documentPreviewControlPanel {
    position: absolute;
    bottom: 90px;
    left: 50%;
    width: 240px;
    transform: translateX(-50%);
    padding: 10px;
}

.document-preview-PageCount {
    display: inline-block;
    background-color: var(--ff-highlight-colour);
    border: 0;
    border-left: 2px solid #fff;
    padding: 5px 10px;
}

.document-preview-PageCountWrapper {
    font-size: 15px !important;
    line-height: 1;
}

.slideLeft {
    animation-name: slideLeft;
    -webkit-animation-name: slideLeft;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes slideLeft {
    0% {
        transform: translateX(150%);
    }

    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(150%);
    }

    100% {
        -webkit-transform: translateX(0%);
    }
}

.ff-documentPreview__mobileDropDown {
    display:none;
}

@media only screen and (max-width:768px) {
    div #document-preview-ActionControls {
        position: relative;
    }

    .ff-documentPreview__actionWrapper {
        display: none;
    }

        .ff-documentPreview__actionWrapper a {
            display: block;
            color: #000 !important;
            padding: 5px;
        }

    .ff-documentPreview__mobileDropDown {
        display: block;
    }

    .ff-documentPreview__mobileDropDown .ff-documentPreview__actionWrapper {
        display: block;
        background-color: #fff;
        padding: 10px;
        position: absolute;
        top: 40px;
        left: -170px;
        z-index: 10;
        width: 170px;
        -webkit-box-shadow: -2px 0px 32px -7px rgba(0,0,0,0.75);
        -moz-box-shadow: -2px 0px 32px -7px rgba(0,0,0,0.75);
        box-shadow: 5px 5px 20px -7px rgba(0,0,0,0.75);
    }

    .ff-documentPreview__mobileDropDown span {
        display: block;
        height: 5px;
        width: 5px;
        border-radius: 50%;
        background-color: #fff;
        margin: 3px;
    }
}

div.ff-documentPreview__content div.hoverLinkBody .loadingImageContainer, div.ff-documentPreview__content div.hoverLinkBody .loadingTextContainer, div.ff-documentPreview__content div.hoverLinkBody .errorText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

div.ff-documentPreview__content div.hoverLinkBody .loadingTextContainer {
    top: 55%;
}
/*The following styles are used to style the DocumentPreview Pdf Viewer functionality */

/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.ffTextLayer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: 0.4;
    line-height: 1.0;
}

    .ffTextLayer > div,
    .ffTextLayer > span {
        color: transparent;
        position: absolute;
        white-space: pre;
        cursor: text;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        line-height: 1;
    }

    .ffTextLayer .highlight {
        margin: -1px;
        padding: 1px;
        background-color: #FFFE03;
        border-radius: 4px;
    }

        .ffTextLayer .highlight.begin {
            border-radius: 4px 0px 0px 4px;
        }

        .ffTextLayer .highlight.end {
            border-radius: 0px 4px 4px 0px;
        }

        .ffTextLayer .highlight.middle {
            border-radius: 0px;
        }

        .ffTextLayer .highlight.selected {
            background-color: #FFFE03;
        }

    .ffTextLayer ::-moz-selection {
        background: rgb(0,0,255);
    }

    .ffTextLayer ::selection {
        background: rgb(0,0,255);
    }

    .ffTextLayer .endOfContent {
        display: block;
        position: absolute;
        left: 0px;
        top: 100%;
        right: 0px;
        bottom: 0px;
        z-index: -1;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .ffTextLayer .endOfContent.active {
            top: 0px;
        }

.ffAnnotationLayer section {
    position: absolute;
}

.ffAnnotationLayer .linkAnnotation > a,
.ffAnnotationLayer .buttonWidgetAnnotation.pushButton > a {
    position: absolute;
    font-size: 1em;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .ffAnnotationLayer .linkAnnotation > a:hover,
    .ffAnnotationLayer .buttonWidgetAnnotation.pushButton > a:hover {
        opacity: 0.2;
        background: #ff0;
        box-shadow: 0px 2px 10px #ff0;
    }

.ffAnnotationLayer .textAnnotation img {
    position: absolute;
    cursor: pointer;
}

.ffAnnotationLayer .textWidgetAnnotation input,
.ffAnnotationLayer .textWidgetAnnotation textarea,
.ffAnnotationLayer .choiceWidgetAnnotation select,
.ffAnnotationLayer .buttonWidgetAnnotation.checkBox input,
.ffAnnotationLayer .buttonWidgetAnnotation.radioButton input {
    background-color: rgba(0, 54, 255, 0.13);
    border: 1px solid transparent;
    box-sizing: border-box;
    font-size: 9px;
    height: 100%;
    margin: 0;
    padding: 0 3px;
    vertical-align: top;
    width: 100%;
}

    .ffAnnotationLayer .choiceWidgetAnnotation select option {
        padding: 0;
    }

.ffAnnotationLayer .buttonWidgetAnnotation.radioButton input {
    border-radius: 50%;
}

.ffAnnotationLayer .textWidgetAnnotation textarea {
    font: message-box;
    font-size: 9px;
    resize: none;
}

    .ffAnnotationLayer .textWidgetAnnotation input[disabled],
    .ffAnnotationLayer .textWidgetAnnotation textarea[disabled],
    .ffAnnotationLayer .choiceWidgetAnnotation select[disabled],
    .ffAnnotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
    .ffAnnotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
        background: none;
        border: 1px solid transparent;
        cursor: not-allowed;
    }

    .ffAnnotationLayer .textWidgetAnnotation input:hover,
    .ffAnnotationLayer .textWidgetAnnotation textarea:hover,
    .ffAnnotationLayer .choiceWidgetAnnotation select:hover,
    .ffAnnotationLayer .buttonWidgetAnnotation.checkBox input:hover,
    .ffAnnotationLayer .buttonWidgetAnnotation.radioButton input:hover {
        border: 1px solid #000;
    }

    .ffAnnotationLayer .textWidgetAnnotation input:focus,
    .ffAnnotationLayer .textWidgetAnnotation textarea:focus,
    .ffAnnotationLayer .choiceWidgetAnnotation select:focus {
        background: none;
        border: 1px solid transparent;
    }

.ffAnnotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.ffAnnotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.ffAnnotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
    background-color: #000;
    content: '';
    display: block;
    position: absolute;
}

.ffAnnotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.ffAnnotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
    height: 80%;
    left: 45%;
    width: 1px;
}

.ffAnnotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ffAnnotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ffAnnotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
    border-radius: 50%;
    height: 50%;
    left: 30%;
    top: 20%;
    width: 50%;
}

.ffAnnotationLayer .textWidgetAnnotation input.comb {
    font-family: monospace;
    padding-left: 2px;
    padding-right: 0;
}

    .ffAnnotationLayer .textWidgetAnnotation input.comb:focus {
        /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
        width: 115%;
    }

.ffAnnotationLayer .buttonWidgetAnnotation.checkBox input,
.ffAnnotationLayer .buttonWidgetAnnotation.radioButton input {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0;
}

.ffAnnotationLayer .popupWrapper {
    position: absolute;
    width: 20em;
}

.ffAnnotationLayer .popup {
    position: absolute;
    z-index: 200;
    max-width: 20em;
    background-color: #FFFF99;
    box-shadow: 0px 2px 5px #333;
    border-radius: 2px;
    padding: 0.6em;
    margin-left: 5px;
    cursor: pointer;
    font: message-box;
    word-wrap: break-word;
}

    .ffAnnotationLayer .popup h1 {
        font-size: 1em;
        border-bottom: 1px solid #000000;
        margin: 0;
        padding-bottom: 0.2em;
    }

    .ffAnnotationLayer .popup p {
        margin: 0;
        padding-top: 0.2em;
    }

.ffAnnotationLayer .highlightAnnotation,
.ffAnnotationLayer .underlineAnnotation,
.ffAnnotationLayer .squigglyAnnotation,
.ffAnnotationLayer .strikeoutAnnotation,
.ffAnnotationLayer .lineAnnotation svg line,
.ffAnnotationLayer .squareAnnotation svg rect,
.ffAnnotationLayer .circleAnnotation svg ellipse,
.ffAnnotationLayer .polylineAnnotation svg polyline,
.ffAnnotationLayer .polygonAnnotation svg polygon,
.ffAnnotationLayer .stampAnnotation,
.ffAnnotationLayer .leAttachmentAnnotation {
    cursor: pointer;
}

.pdfViewer .canvasWrapper {
    overflow: hidden;
}

.pdfViewer .page {
    direction: ltr;
    width: 816px;
    height: 1056px;
    margin: 1px auto -8px auto;
    position: relative;
    overflow: visible;
    border: 9px solid transparent;
    background-clip: content-box;
    -o-border-image: url(images/shadow.png) 9 9 repeat;
    border-image: url(images/shadow.png) 9 9 repeat;
    background-color: white;
}

.pdfViewer.removePageBorders .page {
    margin: 0px auto 10px auto;
    border: none;
}

.pdfViewer.singlePageView {
    display: inline-block;
}

    .pdfViewer.singlePageView .page {
        margin: 0;
        border: none;
    }

.pdfViewer.scrollHorizontal, .pdfViewer.scrollWrapped, .spread {
    margin-left: 3.5px;
    margin-right: 3.5px;
    text-align: center;
}

.pdfViewer.scrollHorizontal, .spread {
    white-space: nowrap;
}

    .pdfViewer.removePageBorders,
    .pdfViewer.scrollHorizontal .spread,
    .pdfViewer.scrollWrapped .spread {
        margin-left: 0;
        margin-right: 0;
    }

    .spread .page,
    .pdfViewer.scrollHorizontal .page,
    .pdfViewer.scrollWrapped .page,
    .pdfViewer.scrollHorizontal .spread,
    .pdfViewer.scrollWrapped .spread {
        display: inline-block;
        vertical-align: middle;
    }

    .spread .page,
    .pdfViewer.scrollHorizontal .page,
    .pdfViewer.scrollWrapped .page {
        margin-left: -3.5px;
        margin-right: -3.5px;
    }

.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders.scrollHorizontal .page,
.pdfViewer.removePageBorders.scrollWrapped .page {
    margin-left: 5px;
    margin-right: 5px;
}

.pdfViewer .page canvas {
    margin: 0;
    display: block;
}

    .pdfViewer .page canvas[hidden] {
        display: none;
    }

.pdfViewer .page .loadingIcon {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url('images/loading-icon.gif') center no-repeat;
}

.pdfPresentationMode .pdfViewer {
    margin-left: 0;
    margin-right: 0;
}

    .pdfPresentationMode .pdfViewer .page,
    .pdfPresentationMode .pdfViewer .spread {
        display: block;
    }

    .pdfPresentationMode .pdfViewer .page,
    .pdfPresentationMode .pdfViewer.removePageBorders .page {
        margin-left: auto;
        margin-right: auto;
    }

.pdfPresentationMode:-ms-fullscreen .pdfViewer .page {
    margin-bottom: 100% !important;
}

.pdfPresentationMode:-webkit-full-screen .pdfViewer .page {
    margin-bottom: 100%;
    border: 0;
}

.pdfPresentationMode:-moz-full-screen .pdfViewer .page {
    margin-bottom: 100%;
    border: 0;
}

.pdfPresentationMode:fullscreen .pdfViewer .page {
    margin-bottom: 100%;
    border: 0;
}

.ff-documentPreview .ff-info-bubble-wrap {
    position: relative;
    float: none;
    margin-right: auto;
    margin-top: auto;
}

.ff-documentPreview .ff-info-bubble-icon {
    font-size: 16px;
    float: none;
    content: '';
    display: table;
    clear: both;
    width: auto;
    margin-right: 2px;
    display: inline-block;
}

.ff-documentPreview .ff-info-bubble-trigger {
    width: auto;
    color: var(--ff-lighter-main-system-colour);
}

.ff-documentPreview .ff-info-bubble.left-arrow {
    top: -18px;
    left: 5px;
}

.ff-documentPreview .ff-info-bubble-body {
    width: 410px;
}

.ff-documentPreview .ff-info-bubble-title {
    display: inline-block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 8px 20px;
    font-weight: 600;
    background-color: #40aadd;
    color: #fff;
    margin-bottom: 5px;
}

.ff-info-bubble-wrap {
    display: inline-block;
    position: relative;
    margin-left: 5px;
}

.ff-info-bubble {
    position: absolute;
    padding: 0 0px 12px 0;
    margin: 0;
    background: #f3f4f6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 3px;
    min-width: 350px;
    z-index: 100;
    top: -12px;
    -webkit-box-shadow: 0 0 5px 0 #7f7e7e;
    -moz-box-shadow: 0 0 5px 0 #7f7e7e;
    box-shadow: 0 0 5px 0 #7f7e7e;
}

    .ff-info-bubble.left-arrow {
        margin-left: 10px; /* Arrow width */
    }

        .ff-info-bubble.left-arrow:after {
            content: "";
            position: absolute;
            border-style: solid;
            display: block;
            width: 0;
            top: 9px;
            left: -10px;
            border-width: 8px 10px 8px 0;
            border-color: transparent #40aadd;
        }

.ff-info-bubble-icon,
.ff-info-bubble-trigger {
    font-family: 'entyporegular';
    font-size: 20px;
    line-height: 26px;
    width: 28px;
    font-weight: normal;
    float: left;
}

.ff-info-bubble-icon {
    text-align: center;
}

.ff-info-bubble-trigger {
    float: none;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    width: 14px;
}

.ff-info-bubble-close {
    font-family: 'entyporegular';
    width: 20px;
    height: 20px;
    margin-left: auto;
    cursor: pointer;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 20px;
}

.ff-info-bubble-title {
    font-family: Arial;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
    color: #fff;
}

.ff-info-bubble-body {
    margin: 0 15px 0 23px;
}

    .ff-info-bubble-body p {
        margin-bottom: 5px;
    }
/* firefish.Web.WebControls.ffPageMessage.ffPageMessage.css */
div.bsUsrMsgContainer
{
    width:350px;
}
div.bsUsrMsgContainerWide
{
    width:500px;
}
div.pm-400-wide
{
    width:400px;
}
div.responsive-500 {
    max-width: 500px;
}

div.bsUsrMsg
{
    font-size: 1.1em;
    line-height: 1.5;
    text-align: left;
    clear:both;
    margin-bottom:10px;
}
div.bsUsrMsg span.statusIcon
{
    float: left;
    margin-bottom:10px;
    text-align:center;
    width:32px;
}
div.bsUsrMsg span.msg
{
    display: block;
    margin:5px 5px 10px 42px;
}

body#system div.bsUsrMsg span.msg label
{
    font-size: inherit;
}
/* firefish.Web.WebControls.ffSocialShareButtons.ffSocialShareButtons.css */
.ff_social_share_default_style {
	padding-top: 10px;
	padding-bottom: 10px;
}

.a2a_svg, .a2a_count {
	border-radius: 0 !important;
}

.a2a_default_style a {
	width: unset !important;
}
/* firefish.Web.WebControls.ffAutoSuggestControl.ffAutoSuggestControl.css */
.prAutoSuggestDropDownPanel {
    border: 2px solid #ccc;
    background: #fff;
    color: #666;
    width: 320px;
    padding: 3px;
    font-family: Verdana;
    font-size: 9pt;
}

.prAutoSuggestDropDownPanelOverflow {
    overflow: auto;
    max-height: 320px;  
    height: auto !important;  
    height: 320px; 
    width:264px;
}

.prAbsoluteDropdown {
    position: absolute;
    top: 116px !important;
    left: 34px !important;
}

.pr-absolute-dropdown-wrapper .prAbsoluteDropdown {
    position: absolute;
    top: 100% !important;
    left: 0 !important;
}

.prAutoSuggestDropDownPanel .loadingSuggest {
    background: #fff url('/images/web-controls/Common/loading_sm.gif') no-repeat;
    margin: 5px;
    height: 15px;
    padding-left: 20px;
}

.prAutoSuggestDropDownPanel .autoSuggestItem a {
    display: block;
    background: #fff;
    color: #666;
    text-decoration: none;
    overflow:hidden;
    padding: 3px; 
}

.prAutoSuggestDropDownPanel .autoSuggestItem a.alternate {
    background: #eee; 
}

.prAutoSuggestDropDownPanel .autoSuggestItem a.hover {
    background: #ccc;
}

.prAutoSuggestDropDownPanel .autoSuggestExtra {
    padding-left: 36px; 
}

div.autoSuggestSelectControl div.pnlNewItem {
    z-index: 10;
}

div.autoSuggestSelectControl div.pnlNewItem_305 {
    width: 305px!important;
}

.autoSelectImage {
    max-width: 30px;
    max-height: 30px;
}

.prAutoSuggestDropDownPanel .autoSelectImage {
    float:left;
    padding-right: 6px;
    padding-bottom: 2px;
    vertical-align: middle;
    overflow:hidden;
}

.prAutoSuggestDropDownPanel .autoSuggestText {
    margin-bottom: 3px;
    padding-left: 30px;
}

body#system .prAutoSuggestDropDownPanel a {
    color:#000;
}

body#system .prAutoSuggestDropDownPanel a:hover {
    text-decoration:none;
}

.autoSuggestCompanyInfo {
    max-width:60%;
}

.autoSuggestItem.autoSuggestCompany > a {
    position: relative;
    display: flex !important;
    flex-direction: row;
}

.autoSuggestItem.autoSuggestCompany .autoSuggestText,
.autoSuggestItem.autoSuggestCompany .autoSuggestExtra {
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.autoSuggestCompanyLogo {
    width: 100%;
    max-width: 25%;
}

.autoSuggestCompanyLogo img {
    max-height: 42px;
    max-width: 100%;
}

.autoSuggestPTag {
    background: var(--ff-primary-colour);
    color: var(--ff-primary-contrast-colour);
    position: absolute;
    right: 5px;
    top: 5px;
    line-height: 11px;
    border-radius: 3px;
    margin-left: 10px;
    width: 20px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-weight: 600;
    font-size: 11px;
}

/* firefish.Web.WebControls.ffDatePicker.ffDatePicker.css */
body#system span.datepicker input[type="image"] {
    margin-left: -19px;
    margin-top: -6px;
    margin-top: -1px\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body#system span.datepicker input[type="image"] {
        margin-top: -1px;
    }
}

/*************************
 ** NEW CALENDAR STYLES **
 *************************/


.dynamicCalendarBranding .ajax__calendar_header {
    color: #333333 !important;
    background-color: #ffffff !important;
}

.dynamicCalendarBranding .ajax__calendar_footer {
    background-color: #ffffff !important;
    color: #333333 !important;
}

.dynamicCalendarBranding .ajax__calendar_day {
    color: #333333 !important;

}

.dynamicCalendarBranding .ajax__calendar_hover .ajax__calendar_day {
    background-color: #ffffff !important;
}

.dynamicCalendarBranding .ajax__calendar_today {
    background-color: #ffffff !important;
    border: 1px solid #ffffff !important;
}


.steveCalendar .ajax__calendar_container {
    border: 1px solid #000;
    background-color: #ffffff;
    color: #000000;
    z-index: 999;
}

    .steveCalendar .ajax__calendar_container TD {
        padding-bottom: 0;
    }

.steveCalendar .ajax__calendar_header {
    background-color: var(--ff-primary-colour);
    color: var(--ff-primary-contrast-colour);
    margin-bottom: 2px;
    border: 1px solid var(--ff-primary-colour);
}

.steveCalendar .ajax__calendar_footer {
    background-color: var(--ff-primary-colour);
    color: var(--ff-primary-contrast-colour);
    border: 1px solid var(--ff-primary-colour);
}

.steveCalendar .ajax__calendar_dayname {
    border-bottom: 1px solid #f5f5f5;
}

.steveCalendar .ajax__calendar_day {
    border: 1px solid #ffffff;
}

.steveCalendar .ajax__calendar_month {
    border: 1px solid #ffffff;
}

.steveCalendar .ajax__calendar_year {
    border: 1px solid #ffffff;
}

.steveCalendar .ajax__calendar_active .ajax__calendar_day {
    background-color: #9a9a9a;
    border-color: #000;
    color: #fff;
}

.steveCalendar .ajax__calendar_active .ajax__calendar_month {
    background-color: #9a9a9a;
    border-color: #000;
    color: #fff;
}

.steveCalendar .ajax__calendar_active .ajax__calendar_year {
    background-color: #9a9a9a;
    border-color: #000;
    color: #fff;
}

body .steveCalendar .ajax__calendar_container .ajax__calendar_body .ajax__calendar_days TABLE {
    border-spacing: 0;
}

body .steveCalendar .ajax__calendar_container .ajax__calendar_body .ajax__calendar_days TD {
    padding: 0;
}

.steveCalendar .ajax__calendar_other .ajax__calendar_day {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #646464;
}

.steveCalendar .ajax__calendar_other .ajax__calendar_year {
    background-color: #9a9a9a;
    border-color: #000;
    color: #fff;
}

.steveCalendar .ajax__calendar_hover .ajax__calendar_day {
    background-color: #9a9a9a;
    border-color: #000;
    color: #fff;
}

.steveCalendar .ajax__calendar_hover .ajax__calendar_month {
    background-color: #9a9a9a;
    border-color: #000;
    color: #fff;
}

.steveCalendar .ajax__calendar_hover .ajax__calendar_year {
    background-color: #9a9a9a;
    border-color: #000;
    color: #fff;
}

.steveCalendar .ajax__calendar_hover .ajax__calendar_title {
    color: #eee;
    text-decoration: underline;
}

.steveCalendar .ajax__calendar_today {
    background-color: var(--ff-primary-colour);
    color: var(--ff-primary-contrast-colour);
    border: 1px solid var(--ff-primary-colour);
}

.ajax__calendar_today {
    width: 18px;
}


.steveCalendar .ajax__calendar_hover .ajax__calendar_today {
    text-decoration: underline;
    color: #eee;
}

.steveCalendar .ajax__calendar_title {
    width: 130px;
    margin: auto;
    padding: 3px;
}

div.steveCalendar .ajax__calendar_container table,
div.steveCalendar table {
    border-spacing: 0;
}

.steveCalendar .ajax__calendar_prev {
    height: 0px;
    width: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid var(--ff-primary-contrast-colour);
    background-image: none;
    margin-top: 3px;
    margin-left: 3px;
}

.steveCalendar .ajax__calendar_next {
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid var(--ff-primary-contrast-colour);
    background-image: none;
    margin-top: 3px;
    margin-right: 3px;
}

.ajax__calendar_footer{
    width:100% !important;
}
/* firefish.Web.WebControls.ffRegistration.ffRegistrationWizard.css */
body#system .registrationPagePreview .webWidgetFormField {
   -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing:     border-box;
    box-sizing:        border-box;
    width: 200px;
}
div.registrationArea div.registrationPage {
    background-color: #fff;
    padding: 10px;
    padding-top: 5px;
    border-radius: 8px; /* remove as part of style clean-up */}
.mdl-body div.registrationArea div.registrationPage {
    /* remove as part of style clean-up */
    border-radius: 0;
}
div.registrationArea input[type="button"],
div.registrationArea input[type="submit"] {
    padding-left: 0;
    padding-right: 0;}	
div.registrationPage div.description {
    padding-bottom: 10px;
    line-height: 1.2;}
div.registrationPage table.registrationTable {
    border-spacing: 5px; 
    border: 0; 
    width: 100%; }	
div.registrationPage table.registrationTable > tbody > tr > td {
    padding-bottom:5px;
}
div.registrationPage table.registrationTable td.registrationDescription {
    width: 40%; 
    text-align: left; 
    vertical-align: top;}
div.registrationPage table.registrationTable td.registrationDescriptionIndented {
    width: 220px; 
    text-align: left; 
    vertical-align: top;
    padding-left: 10px; }
div.registrationPage table.registrationTable td.registrationDescriptionStretched {
    text-align: left; 
    vertical-align: top;
    padding-bottom: 6px; }	
div.registrationPage table.registrationTable td.registerFieldExtraInformation {
    font-size: 8pt; }
div.registrationArea div.registrationButtonArea {
    text-align: right;
    padding-top: 6px;
    padding-bottom: 12px; }
div.registrationArea .radioButton td {
    padding-right: 5px;
}
div.registrationArea .crossImage {
    position: relative;
    top: -7px;
    margin-left: 3px;
    color: #e51837;
}

div.registrationPage input[type="checkbox"] {
    width: 16px;
    height: 16px;
}

/* Registration Popup */
div.modalPanel table.registrationTable .webWidgetFormField {
    width: 200px !important;
    margin: 0 !important;
}
div.modalPanel table.registrationTable .webWidgetFormField_Small {
    width: 90px !important;
    margin: 0 !important;
}
div.modalPanel table.registrationTable .datepicker input[type="image"] {
    width: 16px !important;
    height: 16px !important;
    position: relative !important;
    left: -20px !important;
    margin-right: -20px !important;
    padding: 0px !important;
}
@media only screen and (max-width: 450px)
{
    .registrationArea .mdl-wrap .modalPanel {
        width:280px;
    }
}

.registrationPagePreview span.datepicker input[type="image"]
{
    margin-left:0px;
}

.sgstConsiderToJob .multiSelectContainer .item {
    width: 210px;
}

table.registration-indented {
    width: 95%;
}

table.registration-indented td
{
    width:50%;
}

.registrationPage input[type=password],
.registrationPage input[type=text],
.registrationPage input[type=file],
.registrationPage select,
.registrationPage textarea {
    width: 93% !important;
}

.registrationPage .rate-dropdown-wrapper input[type=text]
{
    width:100% !important;
}

.registrationPage .rate-decmial,
.registrationPage .rate-type-info
{
    padding:0 !important;
    display:inline-block !important;
}

.registrationPage .rate-decmial
{
    width:67%;
}

.registrationPage .rate-type-info
{
    width:33%;
}

.registrationPage .rate-decimal-inner
{
    margin-right:5px;
}

.registrationPage .rate-dropdown-wrapper
{
    width:95% !important;
    position:relative;
    margin-top:10px;
}

.ffRegistrationEditor .registrationPage .rate-dropdown-wrapper .requiredFieldIndicator {
    position: absolute;
    top: 0;
    right: 0;
}

.ffRegistrationEditor .registrationPage .rate-dropdown-wrapper .rate-decimal-inner .errorText {
    position: absolute;
    top: -25px;
}

.registrationPage .rate-dropdown-wrapper input[type=text],
.registrationPage .rate-dropdown-wrapper select
{
    margin:0 !important;
}

.ff-reg-WebRegistration .registrationButtonArea input[disabled="disabled"]
{
    cursor:not-allowed;
}

.ffFontImageHighContrastBeIT
{
    color: #FFFFFF;
}

.apply-cv-info {
    font-size: 12px;
}

.captcha{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
}

.errorText {
    padding-right: 5%;
    padding-bottom: 5px;
}

.captcha iframe{
    height:78px;
}

@media only screen and (max-width: 767px) {
    .registrationPageCell {
        display: none;
    }

    h1.registrationHeader {
        text-align: center;
    }
}

.ffRegistrationEditor .rate-type-info .ff-ddl {
    padding:5px !important;
}

.ffRegistrationEditor .registrationPage .rate-dropdown-wrapper input[type=text] {
    width: 200px !important;
}

.ffw-registration-progresses {
    display: flex;
    flex-direction: row;
}

.ffw-registration-progress {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
}

.ffw-registration-progress--completed {
}

.ffw-registration-progress--selected {
    font-weight: bold;
}

.ffw-registration-progress--title {
}

.ffw-registration-progress--progress-cell {
    background-color: #eee;
    height: 8px;
}

.ffw-registration-progress--completed .ffw-registration-progress--progress-cell,
.ffw-registration-progress--selected .ffw-registration-progress--progress-cell {
    background-color: lightgreen;
}


.focus-visible-only:focus-visible,
.webWidgetFormField:focus-visible,
input[type="checkbox"]:focus-visible,
.ff-ddl:focus-visible,
div.registrationArea input[type="button"]:focus-visible,
div.registrationArea input[type="submit"]:focus-visible,
a.focus-visible,
span.mdl-hdr-btn:focus-visible,
.registrationPage input[type=file]:focus-visible  {
    outline: 1px dotted #212121 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
}

.registrationErrorText {
    display: inline-block !important;
    padding-right: 0px !important;
}

.registrationPage span.uploadText{
    margin-left: 0.5em; 
}
/* ~/system/Adverts/controls/AdvertApplication.ascx.css */
.attract .title .main.errorText
{
    text-align:right;
    color:#FF0000 !important;
    margin-bottom: 5px;
    font-size:13px !important;
}

.attract .advertApplicationButtonArea
{
    text-align:right;
}
.attract .title {
    overflow:hidden;
}
.attract .socialContainer {
    clear: both;
    border-top: #ddd dotted 1px;
    border-bottom: #ddd dotted 1px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.attract .advertBodyContainer {
    margin-top: 10px;
    margin-bottom: 10px;
}

img.og_hidden_image
{
    width:200px;
    height:200px;
    display:none;
}

.directApplyContainer {
    display: block;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.directApplyContent {
    display: flex;
    justify-content: center;
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 30%;
    flex-direction: column;
    align-items: center;
}

.directApplySpinner {
    padding: 20px;
    font-size: 150px;
    color: var(--ff-primary-colour);
}

.directApplyIcon {
    font-size: 150px;
    padding: 20px;
}

.directApplyIcon--applied {
    color: rgb(102,187,33);
}

.directApplyIcon--error {
    color: rgb(226, 24, 54);
}

.directApplyMessage {
    padding: 30px;
    color: rgb(0,0,0);
}

.directApplyReturnLink{
    padding: 30px;
}
/* ~/system/Adverts/controls/ApplicationButtons.ascx.css */
.btn-apply:disabled {
    background-color: #e9ecef !important;
    background: #e9ecef !important;
    border-color: #e9ecef !important;
    pointer-events: none !important;
}

/* /StaticContent/Css\AJAXControls.css */
/**************
 ** Tab Tabs **
 **************/
.tabPanelTab .ajax__tab_header {
	font-family: inherit;
	font-size: 11px;
	background: transparent url('@site_theme@/images/greyTabLine.gif') repeat-x bottom;
}
.tabPanelTab .ajax__tab_outer {	
	background: transparent url('@site_theme@/images/lightGreyTabR.gif') no-repeat right top;
	height: 21px;
	padding-right: 3px;
}
.tabPanelTab .ajax__tab_inner {
	padding-left: 3px;
	background: transparent url('@site_theme@/images/lightGreyTabL.gif') no-repeat left top;
}
.tabPanelTab .ajax__tab_tab {
	height: 13px;
	padding: 4px;
	background: transparent url('@site_theme@/images/lightGreyTabBack.gif') repeat-x top;
    color: var(--ff-secondary-colour);
}
.tabPanelTab .ajax__tab_hover .ajax__tab_outer {
}
.tabPanelTab .ajax__tab_hover .ajax__tab_inner {
}
.tabPanelTab .ajax__tab_hover .ajax__tab_tab {
	text-decoration: underline;
}
.tabPanelTab .ajax__tab_active .ajax__tab_outer {
	background: transparent url('@site_theme@/images/newGreyTabR.gif') no-repeat right top;
}
.tabPanelTab .ajax__tab_active .ajax__tab_inner {
	background: transparent url('@site_theme@/images/newGreyTabL.gif') no-repeat left top;
}
.tabPanelTab .ajax__tab_active .ajax__tab_tab {
	font-weight: bold;
	background: transparent url('@site_theme@/images/newGreyTabBack.gif') repeat-x top;
}
.tabPanelTab .ajax__tab_body {
	font-family: Arial, Verdana, Sans-Serif;
    font-size: 8pt;
    border: 1px solid #c0c1c3;
    border-top: 0;
    padding: 8px;
    background-color: #e6e7e8;
}
	
/*****************
 ** MASKED EDIT **
 *****************/
.maskedEditInvalid {
	background-color: #ffa7a7;
}
.maskedEditFocus {
	background-color: #fbfdc1;
}
.autoSuggestSelectControl {	
}
.autoSuggestSelectControl h2 {
	font-size: 1.1rem;
	margin: 0px;
	margin-bottom: 3px;
	padding: 0px;
}
.autoSuggestSelectControl p {
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
.autoSuggestSelectControl .pnlSuggest {
}
.autoSuggestSelectControl .pnlSelectedItem {
}
.autoSuggestSelectControl .pnlNewItem {
    position:absolute;
	width: 300px;
	display:none;
	border: 1px solid #C5CDDE;
	background: var(--ff-highlight-colour);
	padding: 10px;

    -webkit-box-shadow: 0 1px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.175);
}
.autoSuggestSelectControl .pnlNewItem td {
	font-size: 9pt;	
}
.updateProgressBackground 
{
	position:absolute; 
	top:0px; 
	bottom:0px; 
	left:0px; 
	right:0px; 
	overflow:hidden; 
	padding:0px; 
	margin:0; 
	background-color:#aaa;  
	filter:alpha(opacity=50); 
	opacity:0.5; 
	z-index:1000; 
	text-align: center;
	border: 1px solid #000;
}
.updateProgressSpinner {
	position:absolute; 
	bottom:10px; 
	right:10px;
	width:35px;
	height:35px; 
	overflow:hidden;
	margin:0; 
	background-color:#fff;
	background-image:url('/images/ajax-loader_bg.gif');
	background-repeat:no-repeat;
	background-position:center;
	z-index:1001; 
	border: 1px solid #000;
}
.updateProgressMessage {
  position:absolute;  
  right: 10px;
  bottom: 10px;
  padding:10px; 
  padding-right: 30px;
  z-index:1001; 
  background-color:#fff;
  border: 2px solid #333;	
}
.updateProgressMessage img {
	padding-right: 5px;
}
.percentRating {
	display: block;
}
.percentRating td {
	border: 0px;
}
.percentRating table.percentTable td {
    padding-bottom:0;
    vertical-align:middle;
}
.percentRating div.percentSelected {
	background: #666;
	height: 100%;
    min-width:1px;
}
.percentRating div.percentNotSelected {
	background: #fff;
	height: 4px;
	border: 1px solid #666;
    padding:1px;
    width:40px;
}
.percentValue {
    vertical-align: middle;
}
/**********************
 ** ActionDetailList **
 **********************/
.actionDetailList {
	font-size: 8pt;
	padding: 3px;
}
.actionDetail, 
.firstActionDetail, 
.lastActionDetail {
	border-bottom: 1px dotted #000;
	padding-top: 6px;
	padding-bottom: 3px;
	line-height: 1.2;
}
.firstActionDetail {
}
.lastActionDetail {
	border-bottom: 0px;
}
div.hoverLinkDetails {
	border: 2px solid #666;	padding: 0; margin:0 0 0 6px; width: 200px;}
div.hoverLinkDetails div.detailContent {
	padding: 3px; }
div.hoverLinkDetails div.detailContent h1 {
	margin:2px 0 5px 0; padding: 0; font-size: 11pt; font-weight: bold; color: #666;}	

/* /StaticContent/Css\General.css */
.errorText
{
    color: #f00;
}

.ffClearFix:before,
.ffClearFix:after 
{
    content: " "; 
    display: table;
}

.ffClearFix:after {
    clear: both;
}

.ffClearFix {
    *zoom: 1;
}
/* /StaticContent/Css\MiniApp.css */
#MiniApp {
	background: #fff; color: #333; position: relative; }
#MiniApp .titleBar {
	border-bottom: 1px solid #e9ecf3; color: #7E7E7F; padding: 3px; }
#MiniApp .menuBar {
	background: #eee; border-bottom: 1px dotted #7E7E7F; padding: 2px;
	height: 26px; }
#MiniApp .contentArea {
	padding: 5px 0 5px 0; min-height: 150px; }
#MiniApp .miniAppButtons {
	text-align: right; padding: 20px 0 5px 0; }
#MiniApp .statusBar {
	height: 24px; width: 100%; }
#MiniApp .statusBar .statusText {
	padding: 3px; text-align: right; }
#MiniApp h2 {
	color: #7E7E7F; font-size: 12pt; margin: 0px; margin-bottom: 5px; font-weight: bold; }
#MiniApp .backgroundLight {
	background: #fff; padding: 3px; }
#MiniApp .innerBorder {
	border: 2px solid #666; }
#MiniApp ul {
	list-style: none; margin: 0px; }
#MiniApp ul li {
	display: inline; padding: 3px; }
#MiniApp .miniAppMenuButton {
	display: block; float: left; padding: 3px; padding-left: 1px; margin-right: 4px; border: 1px solid #eee; }
#MiniApp .miniAppMenuButton:hover {
	border: 1px solid #7E7E7F; background: #f3f4f6; }
#MiniApp .miniAppMenuButton img {
	vertical-align: middle; }
#MiniApp .iconButtonDarker {
	display: block;	border: 1px solid #ccc;	background: #ccc; color: #666;text-decoration: none; padding: 3px; padding-right: 5px; margin-right: 5px; height: 20px; }
#MiniApp .iconButtonDarker:hover {
	border: 1px solid #666;	background: #ccc; color: #666; }
#MiniApp .iconButtonDarker img {
	padding-right: 3px; }
/* /StaticContent/Css\System.css */
/* Main Layout */
body #mainContainer {
	width: 100%;
	text-align: left; }
body#content #footerInner {
	padding-left: 15px;
	padding-right: 10px;
	margin-right: 11px; }
body #footerInner table {
	width: 100%; }    
body #headerContent {
	overflow: hidden;
	display: inline-block;
	width: 100%; }
body #footerContent {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	height: 120px; }
body #footerContent td {
	padding: 3px; }
body#system #footerContent td {
	padding: 0;
	height: 0;/*firefox fix, don't understand why*/ }
body #footerContent #footerInner {
	border: 0; }
body #leftColumn {
	overflow: hidden;
	display: inline-block; }
/* Main Layout End - Taken from One and Two column layouts */

body#system .sectionTabs a.selectedItem
{
	text-decoration: underline;
}

body#system .readOnly {
	background-color: #e2e6ee; 
}

.sectionTabs
{
	padding: 10px 0;
	word-break:break-word;
}

/*************
 ** TARGETS **
 *************/

.TargetInput
{
	width: 94%;
}

.TargetInputLarge
{
	width: 105px;
}

.TargetMet
{
	background-color: #5BB900;
	color: #fff;
	display: block;
}

.TargetNotMet
{
	background-color: #E51837;
	color: #fff;
	display: block;
}

.FinancialTargetsArea .TargetInput
{
	width: 94%;
}

/*********************
 ** DASHBOARD AREAS **
 *********************/

.systemDashboardSocialArea
{
	margin-top: 10px;
}

.systemDashboardSearchArea td
{
	vertical-align: middle;
}

.systemDashboardSearchArea
{
    margin-bottom:10px;
}

.systemDashboardDiaryArea {
	float: right;
}

.systemDashboardToDoArea ul
{
	padding: 0px;
	margin: 0px;
	padding-left: 18px;
}

.systemDashboardToDoArea li
{
	padding: 0px;
	margin: 0px;
}

/***********
 ** MISC. **
 ***********/

.pageTitleArea
{
	background: #fff; 
	border: 1px solid #ccc; 
	padding: 3px; 
	margin-left: 8px;
	margin-right: 8px;
	font-size: 8pt;
}

.pageTitleLabelText
{
	font-size: 1.6rem;
    line-height:2;
	color: var(--ff-primary-colour);
    font-weight:bold;
	display: flex;
	align-items: center;
	gap: 5px;
}

.pageTitleText
{
	color: #666;
	font-size: 10pt;
}

.pageTitleRatingArea
{
	display: inline;
	padding-left: 10px;
	text-align: right;
	padding-right: 5px;
	vertical-align: middle;
}

.pageTitleRightArea
{
	color: #666;
	text-align: right;
    min-width:125px;
}
.searchResultButton
{
	min-width: 120px;
}

.pageInputArea
{
	border: 1px solid var(--ff-primary-colour); 
	margin: 0px;
	margin-top: 15px;
	padding: 3px;
	padding-right: 7px;
}

.actionButton
{
	width: 255px;
	height: auto;
	margin: auto auto 3px auto;
}

.actionButton ff-new-tag {
	position: absolute;
	bottom: 14%;
	right: 19%;
	pointer-events: none;
}

.actionButton input
{
    width: 100%;
    height: auto;
    padding: 15px 0 !important;
    margin-bottom: 3px;
}


.highlightedText
{
    color: var(--ff-secondary-colour);
    font-weight:600;
}

.ffElevioPanel {
	color: #fff;
	position: fixed;
	top: 52%;
	right: -76px;
	background-color: #dc1e37;
	font-size: 13px;
	padding: 0 15px;
	cursor: pointer;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .25);
	overflow-y: hidden;
	max-height: 0;
	-webkit-transition-property: all;
	-webkit-transition-duration: .5s;
	-webkit-transition-timing-function: cubic-bezier(.55,0,.1,1);
	-moz-transition-property: all;
	-moz-transition-duration: .5s;
	-moz-transition-timing-function: cubic-bezier(.55,0,.1,1);
	-ms-transition-property: all;
	-ms-transition-duration: .5s;
	-ms-transition-timing-function: cubic-bezier(.55,0,.1,1);
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(.55,0,.1,1);
	z-index: 30;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
}
.ffElevioPanel.unhidden 
{
    max-height: 100px;
    padding: 10px 15px;
}

/********************
 ** DROP DOWN MENU **
 ********************/
.searchDropDownContainer {
	display: block; text-align: right; margin-bottom: 3px; height: 30px;}
.dropDownMenu {
	width: 55px; float:right;}
.dropDownMenu.ffs-pop-out
{
	padding: 0;
	width: auto;
}
.dropDownMenu .menu {
	background: #fff; border: 1px solid #99979c; border-left: 10px solid #99979c; padding: 5px; width: 95%; }
.dropDownMenu.ffs-pop-out .menu
{
	border-width: 0;
}

.dropDownMenu img {
	padding-right: 3px;	padding-left: 3px; }
.dropDownMenu a
{
	text-decoration: none;
	display: block;
	padding: 3px;
	padding-left: 0;
	border: 1px solid Transparent;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.dropDownMenu a .underlineHover
{
	vertical-align:text-top;
	margin-left:5px;
}
.dropDownMenu a .ffs-sprite
{
	margin-left:2px;
}
.dropDownMenu hr
{
	border: none;
	border-top: 1px solid gray;
}
body#system .dropDownMenu a:hover
{
	text-decoration: none;
}
.dropDownMenu a:hover,
.dropDownMenuTriggered,
.dropDownMenu .dropDownMenuTriggered {
	background-color: #c4c5ca; border: 1px solid #99979c; }
.iconButton {
	display: block;	border: 1px solid #fff;	background: #fff; text-decoration: none; padding: 3px;	margin-right: 5px; height: 20px; }
.iconButton:hover {
	border: 1px solid #666;	background: #ccc; color: #666; }
.iconButton img {
	padding-right: 3px; }

/****************
 ** INTERVIEWS **
 ****************/
.interviewSetupContainer {
	padding: 0px;
	margin: 0px; }
.interviewSetupHeader {
	padding-top: 5px;
	font-size: 1.1rem;
	padding-bottom: 18px; }
.interviewSetupList {
	width: 50%;
	background-color: White;
	float: left; }
.interviewSetupDetailsContainer {
	display: inline;
	background-color: #fff; }
.interviewSetupDetails {
	width: 50%;padding: 5px;}
td.interviewSetupCol1 {
	width: 40%; }
td.interviewSetupCol2 {
	width: 60%; }
td.interviewCustomFields {
	padding: 0px;
}
td.interviewCustomFieldsLabel {
	width: 40%;
}
.interviewCustomFieldsLabel span {
	padding: 0% 0% 0% 25%;
}
.interviewCustomFieldCell {
	padding: 0px 0px 3px 0px;
}

/***************************
 ** COMPANY SCREEN LAYOUT **
 ***************************/
.companyPageInputArea
{
	margin: 0px;
	padding: 3px;
	padding-right: 7px;
}

.companyPageInputArea .left
{
	float: left;
	width: 400px;
}

.companyPageInputArea .right
{
	float: right;
	width: 350px;
}

/**************************
 ** Grid Row Text Styles **
 **************************/
.gridRowTitle
{
	font-size: 11pt;
	color: #000;
}

/*************************
 ** Action History Item **
 *************************/
.actionHistoryItem
{
	background: #fff;
}

.actionHistoryItem .alternateHistoryItem
{
	background: #eee;
}

.actionHistoryItem .extraInformationArea
{
	text-align: left;
	width: 550px;
	border: 2px solid #333;
	background: #efa;
	color: #333;
	padding: 5px;
	padding-left: 0px;
}

.actionHistoryItem .extraInformationArea .extraInfoNotes
{
	border: 1px solid #333;
	background: #fff;
	padding: 3px;
	color: #666;
	height: 150px;
	overflow: auto;
}

table.standardSizeTable > tbody > tr >td
{
	height:24px;
}

.noActions
{
	color: #666;
}
.inputButton, .inputButtonBig, .inputButtonBigger
{
	font-size: 9pt;
	width: 110px;
}

.inputButtonBig
{
	width: 130px;
}

.inputButtonBigger
{
	width: 150px;
}
ul.defaultTree, ul.defaultTree ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.defaultTree
{
	padding: 0px;
	padding-bottom: 20px;
}

ul.defaultTree ul
{
	margin-left: 18px;
}

ul.defaultTree li
{
	
}

ul.defaultTree li img
{
	vertical-align: middle;
	padding-right: 5px;
	border: 0px;
}

ul.defaultTree li a
{
	color: #666;
	text-decoration: none;	
	padding: 1px;
	padding-bottom: 2px;
	display: block;
}

ul.defaultTree li a:hover
{
	text-decoration: underline;
}

ul.defaultTree a.selectedNode
{
	background-color: #dedede;
	color: #000;
	font-weight: bold;
}

.contentEditArea
{
	background: #fff;
	color: #555;
	border: 1px solid #666;
	padding: 3px;
	margin: 0px;
}

.contentEditArea h2
{
	color: #666;
	padding: 0px;
	margin: 0px;
	font-size: 12pt;
	border-bottom: 1px dotted #666;
	padding-bottom: 3px;
	margin-bottom: 5px;
	margin-right: 3px; 
}

.contentEditSecondaryArea
{
	background: #ededed;
}

.contentEditAreaButtons
{
	text-align: right;
	padding-top: 5px;
	border-top: 1px dotted #666;
	padding-right: 3px;
}

.contentEditAreaButtons input
{
	font-size: 8pt;
	height: 22px;
}

td.contentEditAreaEditor {
	padding: 0 0 0 3px;
}
td.contentEditAreaEditor div.ui-tabs {
	padding: 0;
}
td.contentEditAreaEditor div.ui-tabs-panel {
	min-height: 400px;
}

.updateProgressBackground
{
	position:fixed; 
	top:0px; 
	bottom:0px; 
	left:0px; 
	right:0px; 
	overflow:hidden; 
	padding:0px; 
	margin:0; 
	background-color:#aaa;  
	filter:alpha(opacity=50); 
	opacity:0.5; 
	z-index:1000; 
	text-align: center;
	border: 1px solid #000;
}

.updateProgressSpinner 
{
	position:absolute; 
	bottom:10px; 
	right:10px;
	width:35px;
	height:35px; 
	overflow:hidden;
	margin:0; 
	background-color:#fff;
	background-image:url('/images/ajax-loader_bg.gif');
	background-repeat:no-repeat;
	background-position:center;
	z-index:1001; 
	border: 1px solid #000;
}

.updateProgressMessage
{
  position:fixed;  
  right: 10px;
  bottom: 10px;
  padding:10px; 
  padding-right: 30px;
  z-index:1001; 
  background-color:#fff;
  border: 2px solid #333;	
}

.updateProgressMessage img
{
	padding-right: 5px;
}
.companyContacts a
{
	padding: 0px;
}
.document
{
	cursor: auto;
}
.noDocument
{
	cursor: default;
}
/*input[disabled],
select[disabled],
textarea[disabled],*/
.disabled
{
	background-color: #D9D9D9;
}

body#system #headerInner
{
	padding: 0;
	margin: 0;
}

/*******************************
 ** NEW STUFF ADDED BY ANDREW **
 *******************************/
div.offerDetails div.offerSection{
	border-top: 1px dotted var(--ff-primary-colour); clear: both;}
div.offerDetails div.offerButtonContainer{
	text-align: right;}
div.offerDetails div.placementButtonContainer{
	text-align: right;}
	
div.offerDetails table.offerCandidateDetails{
	text-align: left;}
div.offerDetails table.offerCandidateDetails th{
	font-weight: bold; text-align: left; padding: 8px 0 5px 0;}
div.offerDetails td.offerTableDetail{
	width: 105px;
}
table tr.parameterHeaderRow {
	background: #f3f4f6; color: #7E7E7FF; font-weight: bold; 
}
div.jobFields
{
	padding: 5px;
}

div.jobFields div.leftCol td.label
{
	width: 110px;
	vertical-align: middle;
}
div.ffHorizontalDivide 
{
	border-top: 1px dotted #666; 
	padding-top: 10px;
	margin-top: 10px;
}
div.costsAndSales 
{
	clear: both; 
    float:none;
}
div.costsAndSales td
{
	vertical-align: middle;
}
div.costsAndSales td.label
{
	width: 110px;
}
div.costsAndSales h2
{
	padding: 0;
	margin: 10px 0 5px 0;
	font-size: 9pt; 
}
div.jobAdverts h2 {
	padding: 0;
	margin: 10px 0 5px 0;
	font-size: 9pt; 
}
div#CompanyCandidatePreferences table.dropdowns select
{
	width: 160px;
}
div#workingPreferences div.workingPreferencesAvailability {
	min-height: 225px; }

div.ffs-pop-out TD
{
	vertical-align: middle;
	padding-bottom: 0;
}

#emplyerNewJob TD
{
	vertical-align:middle;
}

#emplyerNewJob TD.label
{
	width: 300px;
}

#emplyerNewJob select
{
	width: 300px;
}

#emplyerNewJob .textbox
{
	width: 295px;
}

#emplyerNewJob .date.textbox
{
	width: 295px;
	margin-right: 5px;
}

#emplyerNewJob .salLabel + span + .textbox,
#emplyerNewJob .salLabel + .textbox 
{
	width: 265px;
}

#emplyerNewJob .salLabel
{
	width: 30px;
	display: inline-block;
}

#emplyerNewJob .upload
{
	width: 300px;
}

#emplyerNewJob .inputButton
{
	width: 110px;
}

#emplyerNewJob .weeks.textbox
{
	width: 30px;
}
body#system h1
{
	margin-bottom: 15px;
}
label.attributeEditor_attributeName
{
	line-height: 1.3em;
	font-weight: bold;
}
.employerPortalSettingRow
{
    clear: left;
    margin-left: 20px;
}
span.attributeEditor_attributeName_groupHeader
{
    line-height: 1.3em;
	font-weight: bold;
    text-decoration: underline;
}
.employerPortalSettingRow span.attributeEditor_attributeName_groupHeader
{
    margin-left: -20px;
}

table.ensureTitleHeight,
div.ensureTitleHeight
{
	min-height: 55px
}

div.ensureContentHeight
{
	min-height: 330px
}
.smallIconContainer a {
	margin-right: 2px;}

span.DeletedDropDownLabel {
	color: #666; display:inline-block;}
	
img.profileImageSmall
{
	max-height: 36px;
	max-width: 36px;
}
	
img.profileImageMedium
{
	max-height: 50px;
	max-width: 50px;
}
	
img.profileImage
{
	max-height: 70px;
	max-width: 70px;
}

.quickLinksTitleLabelText
{
    font-size: 1.6rem;
    line-height: 2;
    font-weight: bold;
    display:inline-block;
}
.quickLinksTitleLabelText input
{
    vertical-align:middle;
}
/*candidate portal*/
.profilePageText {
	margin: 14px 15px;
}

body#system input[disabled="disabled"].textbox
{    
    background-color: #e9ecf3;
    border: 1px solid #e9ecf3;
    color: #C5CDDE;
}
/* 
	Having this makes it look like the button just pressed can't do anything when using single click buttons.
	So you'd need to have a disabled-inprogress="true" attribute
body#system input[disabled]
{
	cursor: not-allowed;
}*/

/* Firefish Colours */
.ffGreen
{
	color:#5BB900;
}
.ffOrange
{
	color:#EE811A;
}
.ffBlue
{
	color:#38A7DC;
}
.ffYellow
{
	color:#E1D205;
}
.ffRed
{
	color:#E51837;
}
.ffDarkGrey { 
    color: #7f8082;
}
.ffLightGrey {
    color: #ababab;
}

.ffBlack {
    color: #000;
}

.ffLinkTextColor {

    color: var(--ff-link-text-colour);
}

.ffSecondaryImage {
    padding-top: 10px;
}



/* /StaticContent/Css\SystemStyling.css */
/* 
* Setup System Variables *
*/
body#system {
    /* 
     * Main System Defaults *
     */
    --font-family: 'Poppins', Helvetica, sans-serif !important;;
    --main-system-background-colour: #e9ecf3; /*#e9ecf3; #fff; #333;*/
    --main-system-box-shadow: 0 2px 8px #7f7e7e;
    --font-size: 1rem;
    --font-size-small: 0.85rem;
    --font-size-large: 1.2rem;

    /* 
     * Branding Colours *
    */
    --ff-primary-colour: #605f5a;
    --ff-primary-contrast-colour: #efefef;
    --ff-secondary-colour: #eb973c;
    --ff-link-text-colour: #131313;
    --ff-highlight-colour: #E6E6E5;
    --ff-highlight-dark-colour: #D3D0C5;
    --ff-selected-colour: #CECDCA;
    --ff-plain-text-colour: #000;
    /* 
     * TODO: Ideally Want to remove the colours below as they are barely used for anything and there are too many colour variables!*
     */
    --ff-lighter-main-system-colour: #AFAFAC;
    --ff-darker-main-system-colour: #302F2D;
    --ff-lighter-secondary-system-colour: #F5CB9D;
}

/* from styling.css */
body#system {
    font-family: var(--font-family);
    color: var(--ff-plain-text-colour);
    background: var(--main-system-background-colour);
}

body#system a
{
	color: var(--ff-link-text-colour);
	text-decoration: none;
}

body#system a:hover
{
	color: var(--ff-link-text-colour);
	text-decoration: underline;
}

body#system a.noUnderline:hover
{
	color: var(--ff-link-text-colour);
	text-decoration: none;
}

body#system span.underlineHover:hover 
{
	text-decoration: underline;
}

/*when a browser doesn’t understand a selector, it invalidates the entire line of selectors (except IE7).*/
body#system .watermark
{  
	color: #666;
}
body#system ::-webkit-input-placeholder
{  
	color: #666;
}
body#system :-moz-placeholder
{  
	color: #666;
}
body#system :-ms-input-placeholder
{  
	color: #666;
}

/* Default Input Field Styles */

body#system textarea {
	font-family: var(--font-family); 
}

body#system input:focus, 
body#system button:focus, 
body#system a:focus, 
body#system .focusable:focus
{
	outline: none;
}

body#system h1,
body#system h2,
body#system h3,
body#system h4,
.HeaderText
{
	color: #333;
	font-weight: bold;
}

body#system h3
{
	font-size: 12pt;
	margin-bottom: 15px;
}

body#system #mainContainer
{
	padding: 0px;
}

body#system #header .headerTop
{
    position: fixed;
    top: 0;
    z-index: 10;
	background-color: var(--ff-primary-colour);    
}

body#system #header .headerTop .UserInfo
{
	color: var(--ff-primary-contrast-colour);
	text-align: right;
	line-height: 32px;
	font-weight: bold;
}

body#system .navigationContainerContent #profileMenu 
{
	width: auto;
}
body#system #profileMenu ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
body#system #profileMenu ul li a 
{
	color: var(--ff-primary-contrast-colour); 
	text-decoration: none; 
	font-weight: bold; 
	padding-left: 3px; 
}

/*from search.css*/
/* Grid View Pager */
body#system .pager {
	border: 1px solid #f3f4f6; 
    background-color:#fff;
}
body#system .pager .pages {
	background-color: #f3f4f6; color: #7E7E7F; padding: 3px; width:100px; }
body#system .pagerPageLinks {
	vertical-align: middle; }
body#system .pager .records {
	background: #f3f4f6; color: #7E7E7F; padding: 3px; text-align: right; width:100px; }
body#system .pager .recordsWithLogo {
	background: #f3f4f6; color: #7E7E7F; padding: 3px; text-align: center; width:130px; vertical-align: middle; }	
body#system .pager .pagerLogo {
	background: #f3f4f6 url('/images/footer_right.png') no-repeat bottom right; color: #7E7E7F; padding: 3px; text-align: right; width:130px; height:28px; vertical-align: bottom; padding-right: 30px;}		
body#system .pager a {
	text-decoration: none; color: var(--ff-link-text-colour); }

/*from advert.css*/

body#system .attract 
{
	border-bottom-color: 1px dotted var(--ff-primary-colour); 
}

body#system .attract .title a
{
	color: var(--ff-primary-colour); 
}

body#system .advertPreviewSelect
{
	border: 1px solid #7E7E7F; padding: 3px; margin-bottom: 15px;
}
body#system .advertPreviewSelect
{
	color: #7E7E7F; background: #f3f4f6;
}
body#system .attract .title .main
{
	font-weight: bold; color: var(--ff-secondary-colour); font-size: 11pt; margin-bottom:2px;
}

body#system table.advertResponseHeader 
{
	margin-bottom: 5px;	
	font-weight: bold; 
	z-index: 1; 
}

body#system table.advertResponseHeader td 
{
	color: #7E7E7F; 
	background: #f3f4f6; 
}

/* layout.css */

body#system #headerContent, 
body#system #leftColumn
{
	overflow: hidden;
	display: inline-block;
}

body#system #headerContent
{
    overflow:visible;
}

body#system #mainContentColumn
{
	padding: 3.5rem 1rem 1rem 4rem;
}

@media only screen and (max-width: 767px) {
    body#system #mainContentColumn {
        padding: 3.5rem 1rem 1rem;
    }
}

body#system #bodyContainer
{
	margin: 0px; 
	padding: 0px; 
	width: 100%; 
}

body#system.candidate .resultsGrid .attract,
body#system.employer .resultsGrid .attract
{
    border-top:none;
}

body#system #bodyContainerInner 
{
	margin: 0px;
}
body#system #footerContent
{
	height: auto;
	width: 1000px;
    display: block;
}
body#system #footerContent #footerInner
{
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
}
body#system .actionDetailMore.ffs-pop-out td
{
	padding-bottom: 3px;
}

body#system .warningMessage
{
    color:#FF8962;
}
/*
#dLeftHalf.leftColumn {
    width: 3.5rem;
}*/

/********************
 ** System Buttons **
 ********************/

input.systemButton {
	width: 130px;  
    
    margin-right:1px\9;
    margin-left:1px\9;   
}

input.systemButtonExtraSmall {
	width: 70px; }	
input.systemButtonSmall {
	width: 80px; }	
input.systemButtonBig {
	width: 170px; }	
input.systemButtonBigger {
	width: 160px; }
input.systemButtonMedium {
	width: 150px; }
input.systemButtonBiggest {
    width: 210px;
}
input.systemButtonXXXL {
    width: 220px;
}
/*************************
 ** System Input Fields **
 *************************/
body#system input.ffTextBox,
body#system select.ffDropDownList,
body#system input.ffButton {
	font-size: 8pt; }

body#system .clearBoth
{
	clear: both;
	height: auto;
}
body#system .tc-btn
{
    background-color: #fff;
    padding-bottom: 10px;
}

/* new replacement for clearBoththat doesn't need empty div */
/* For modern browsers */
body#system .ffs-group:before,
body#system .ffs-group:after {
  content:"";
  display:table;
}
body#system .ffs-group:after {
clear:both;
}
/* For IE 6/7 (triggers hasLayout) */
body#system .ffs-group {
  *zoom:1;
}
/* efficient image replacement */
.ffs-hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
   
body#system .alignRight
{
	text-align: right;
}
body#system .alignCenter
{
	text-align: center;
}

body#system .float-right {
	float:right;
}
body#system .float-left {
	float:left;
}

body#system .ffHighlight:hover {
    background-color:var(--ff-highlight-colour);
    border: 2px solid var(--ff-highlight-dark-colour);
    border-radius: 5px;
}

body#system .link-btn
{
	border:1px solid Gray;
	padding:3px;
	background-color:#dadada;
	text-decoration:none;
	text-align:center;
	border-radius:3px;
	vertical-align: middle;
    display: inline-block;
}
body#system a.link-btn {
	width: 90px;
}
body#system .link-btn:hover,
body#system .link-btn:active
{
	text-decoration:none;
	background-color:var(--ff-highlight-colour);
}
body#system div.side-box
{
	background-color:#F6F6F6;
	border-radius: 6px;
	padding:5px;
}
body#system a[disabled]
{
    color: Gray !important;
    background-color: Transparent;
    cursor: auto;
}
body#system .successText
{
    color: #008000;
}
body#system .errorTextBold
{
    color: #f00;
    font-weight: bold;
    padding-bottom: 10px;
}
.number-of-records
{
    height: 19px;
}
body#system .paged-list-controls > *
{
    vertical-align:middle;
}
body#system .paged-list-filter
{
    margin-bottom: 5px;
}
body#system .paged-list-filter .ffs-name-filter
{
    margin-right: 10px;
    float:left;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.ffTabContainer.ffTabContainerWhite .ui-tabs .ui-tabs-panel,
.systemTabPanel .Body
{
    background:#fff;
}

.systemTabPanel .Body
{
    border:none;
}

.systemTabPanel .Header
{
    display: inline-block;
    position: relative;
    height: 30px;
    padding-top: 10px;
    background: #fff;
    line-height: 14px;    
}

.systemTabPanel .HeaderR,
.systemTabPanel .HeaderL
{
    background:none;
}

body#system .ffSystemMenu
{
    height:106px;
}

body#system .ffSystemMenu .menu
{
    height:auto;
    line-height:20px;
    border-radius:0;
    padding:15px 10px 15px 10px;
}

body#system .ffSystemMenu .menuContent,
body#system .ffSystemMenu .menuContentInner
{
    height:106px;
}

body#system .ffSystemMenu .menuContent
{
    border-radius:0;
}

.taskList
{
    border-radius:0;
}

.NewTaskList .Header
{
    border-radius:0 !important;
}

.taskList
{
    background:#fff;
}

.NewTaskList .Header
{
    display:none;
}

body#system #bodyContent
{
    background-image:none;
    background-color:transparent;
}

.systemTabPanel .Header
{
    width:100%;
}

.taskList
{
    padding:0;
    width:100%;
}

.taskList ul li
{
    border-bottom: 1px solid #e9ecf3;
    padding: 15px 16px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.taskList ul li:hover
{
    background:var(--ff-highlight-colour);
}

.taskList ul li span
{
    display:flex;
    align-items:center;
}

.taskList ul li span a span
{
    display:inline-block;
}

.taskList ul li span .ffFontImage
{
    font-size:20px;
}

.taskList .selectedTask
{
    position: relative;
}

.taskList .selected {
    float: right;
    position: absolute;
    right: 0px;
    top: 15px;
    background: 0 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 12px double transparent;
    border-bottom: 12px double transparent;
    border-left: 0;
    border-right: 11px solid #e9ecf3;
}

.NewTaskList .taskLink .ffFontImage {
    color:#AAB5BC;
}

body#system input.systemButton,
body#system input.systemButtonExtraSmall,
body#system input.systemButtonSmall,
body#system input.systemButtonBig,
body#system input.systemButtonBigger,
body#system input.systemButtonBiggest,
body#system input.ff-btn,
body#system input.btnAddQuestion,
body#system input[type=submit],
body#system input[type=button]
{
    border: 1px solid var(--ff-secondary-colour);
    background-color: #fff;
    color:var(--ff-secondary-colour);
    cursor:pointer;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding:6px 10px;
    margin-right:3px;
    border-radius:21px;
    line-height:normal;
}

body#system input.btn-main-colour
{
    background-color:var(--ff-secondary-colour);
    color:#fff;
}

body#system input.systemButton:hover,
body#system input.systemButtonSmall:hover,
body#system input.systemButtonBig:hover,
body#system input.systemButtonBigger:hover,
body#system input.systemButtonBiggest:hover,
body#system input.ff-btn:hover,
body#system input.btnAddQuestion:hover,
body#system input[type=submit]:hover,
body#system input[type=button]:hover
{
    background-color:var(--ff-secondary-colour);
    color:#fff;
}

body#system input.btn-main-colour:hover
{
    background-color:#fff;
    color:var(--ff-secondary-colour);
}

body#system input.systemButton:focus,
body#system input.systemButtonSmall:focus,
body#system input.systemButtonBig:focus,
body#system input.systemButtonBigger:focus,
body#system input.systemButtonBiggest:focus,
body#system input.ff-btn:focus,
body#system input.btnAddQuestion:focus,
body#system input[type=submit]:focus,
body#system input[type=button]:focus
{
    outline:none !important;
}

div.ffSimplePanel_Skinny
{
    background-image: none; 
    border: none; 
    border-radius: 0; 
    padding: 10px 15px;
    background-color: #fff;
}

.contentEditArea
{
    border:none;
}

.ffTabContainer .ui-tabs .ui-tabs-panel
{
    background: none;
}

body#system #footerContent
{
    width:100%;
}

#FireFishFooter .footerClientText,
#FireFishFooter .footerFireFishText
{
    display:inline-block;
}

#FireFishFooter .footerFireFishText
{
    float:right;
}

body#system input.textbox[aria-required="false"],
body#system input.textbox[aria-required="true"],
body#system input.textbox,
body#system input[type=text],
body#system input[type=search],
body#system input[type=password],
body#system select[aria-required="false"],
body#system select[aria-required="true"],
body#system select,
body#system textarea,
body#system input[type=number],
body#system input[type=email] {
    border: 1px solid #C5CDDE;
    padding: 6px 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: var(--font-family);
    height: auto;
    line-height: normal;
}

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

body#system input.textbox[aria-required="false"]:focus,
body#system input.textbox:focus,
body#system input[type=text]:focus,
body#system select[aria-required="false"]:focus,
body#system select:focus,
body#system textarea:focus
body#system input[type=number]:focus {
    outline: none;
}

body#system input[type=text][disabled="disabled"],
body#system input[disabled="disabled"].textbox,
body#system input[type=text].aspNetDisabled,
body#system select.aspNetDisabled,
body#system textarea[disabled=disabled],
body#system input[type=text][disabled],
body#system input[type=number][disabled],
body#system select[disabled="disabled"]
{
    background-color: #e9ecf3;
    border: 1px solid #e9ecf3;
    color: #94A1BF;
}

body#system input[type="button"]:disabled,
body#system input[type="submit"][disabled="disabled"],
body#system input[type="submit"]:disabled,
body#system input[type="submit"]:disabled,
body#system input[type="button"]:disabled,
body#system input[disabled],
body#system input[type=submit].aspNetDisabled,
body#system input[type=button].aspNetDisabled,
body#system input[type=button][title^="Select"],
body#system input[type=submit][title^="Select"]
{
    background-color: transparent;
    border: 1px solid #B0B4B8;
    color: #B0B4B8;
    cursor:auto;
}

.flex-stretch
{
    display:flex;
    align-items:stretch;
}

.actionDetailList img.profileImageMedium
{
    border-radius:50%;
    max-width:100%;
}

.systemDashboardFinanceArea .systemTabPanel,
.systemDashboardToDoArea .systemTabPanel
{
    margin-left:10px;
}

.systemDashboardQuickLinks .systemTabPanel,
.systemDashboardDiaryArea .systemTabPanel
{
    margin-right:0;
    margin-left:10px;
}

.ui-tabs
{
    padding:0 !important;
}

.systemDashboardArea.systemDashboardDiaryArea
{
    float:right;
}

body#system .systemDashboardFinanceArea input[type=text][disabled="disabled"]
{
    width:100%;
    max-width:100% !important;
}

@media (max-width: 767px) {
     .systemDashboardKPIArea table:nth-of-type(1)
     {
         width:100%;
         float:none;
     }

    .systemDashboardKPIArea table:nth-of-type(2) tr,
    .systemDashboardKPIArea table:nth-of-type(2) tr td {
        display: block;
        width: 100%;
    }
}

textarea.g-recaptcha-response
{
    display:none!important;
}

.mdl-body table.actionTable > tbody > tr > td textarea {
    max-width: 100%;
}


table.interview-workflow tbody > tr > td textarea, table.cv-sent-workflow tbody > tr > td textarea,
table.offerlist-placement-row-template tbody > tr > td textarea {
    resize: vertical;
}

.tooltip {
    display: inline;
    position: relative;
}

    .tooltip:hover:after {
        background-color: #fff;
        border: solid 1px gray;
        bottom: -40px;
        color: #000;
        content: attr(aria-label);
        left: 20%;
        padding: 5px 5px;
        position: absolute;
        z-index: 98;
        width: auto;
        white-space: nowrap;
        font-family: "Open Sans", sans-serif;
        font-size: 0.94rem;
        font-weight: normal;
    }

/* /StaticContent/Css\WebModalPanelResponsive.css */
/*Modal Panel*/
@media only screen and (max-width: 450px)
{
    .candidateAdvertApplicationArea .mdl-wrap .modalPanel
    {
        width:280px !important;
    }

    .candidateAdvertApplicationArea .mdl-wrap .modalPanel .UploadMain.UploadBody input[type="file"]
    {
        display:block;
        width:100%;
    }

    .ffLogin .advertLoginTable td
    {
        display:block;
    }
}
/* /StaticContent/Css/Fixes\AJAXControls.css */
.ajax__tab_xp .ajax__tab_header,
.ajax__tab_xp .ajax__tab_body {
	font-family: Arial,Verdana,Sans-Serif; font-size: 8pt;}