/* 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;
}
/* 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/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;
}
/* 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;
    }
}
/* ~/Content/Css/Advert/AdvertDefaults.css */
input[type="button"],
input[type="submit"]
{
    height:auto;
}

.ad-em-person 
{
    background-image: url('/Content/Css/Advert/images/person.png');
    background-repeat: no-repeat;
    width: 9%;
    height: 40px;
    display: inline-block;
    background-color: #ccc;
    background-position: center;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding: 9px 10px;
    float: left;
    border: 1px solid #ccc;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ad-em-input {
    display: inline-block;
    float: left;
    clear: right;
    width:91%;
}

.ad-em-button {
    clear: both;
}

.ad-em-input input 
{
    padding: 9px 10px !important;
    margin: 0 !important;
    height: 40px !important;
    width: 100% !important;
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0 !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ad-em-input-inner
{
    margin-bottom:15px;
    width:100%;
    position:relative;
}

.ad-em
{
    width:100%;
    margin-bottom:20px;
}

.ad-em-button input
{
    width:100% !important;
    height:38px !important;
    border-radius:4px;
}

.ad-em-wrapper h1
{
    font-size:20px;
    text-align:center;
    margin-bottom:15px !important;
}

.ad-em-input .errorText
{
    position: absolute;
    top: -22px;
    left: 0;
}

.ad-em-fail,
.ad-em-success,
.ad-em-fail p,
.ad-em-success p
{
    text-align:center !important;
    font-size:18px !important;
}

.ad-em-success .ad-em-button,
.ad-em-fail .ad-em-button
{
    margin-top:20px;
}

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

.ad-em-err-txt
{
    display:none;
}

@media(max-width:600px)
{
    .ad-em-person
    {
        width:11%;
    }

    .ad-em-input
    {
        width:89%;
    }
}

@media(max-width:480px) 
{
    .ad-em-person
    {
        width:14%;
    }

    .ad-em-input
    {
        width:86%;
    }
}

@media(max-width:390px) 
{
    .ad-em-person
    {
        width:17%;
    }

    .ad-em-input
    {
        width:83%;
    }
}

@media(max-width:338px) 
{
    .ad-em-wrapper h1
    {
        font-size:16px;
    }
}
/* 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.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: #000000 !important;
    background-color: #ffffff !important;
}

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

.dynamicCalendarBranding .ajax__calendar_day {
    color: #000000 !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; 
}
/* firefish.Web.WebControls.ffRadioButtonList.css */
.ffRadioButtonListTable 
{
    display:inline-table;
}
/* firefish.Web.WebControls.Common.jquery.jquery-ui.css */
/*! jQuery UI - v1.12.1 - 2019-06-24
* http://jqueryui.com
* Includes: sortable.css, core.css, datepicker.css, slider.css, tabs.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&bgImgOpacityError=&bgImgOpacityHighlight=&bgImgOpacityActive=&bgImgOpacityHover=&bgImgOpacityDefault=&bgImgOpacityContent=&bgImgOpacityHeader=&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cc0000&fcError=%235f3f3f&borderColorError=%23f1a899&bgTextureError=flat&bgColorError=%23fddfdf&iconColorHighlight=%23333333&fcHighlight=%23ffffff&borderColorHighlight=%23cccccc&bgTextureHighlight=flat&bgColorHighlight=%23333333&iconColorActive=%23ffffff&fcActive=%23333333&borderColorActive=%23cccccc&bgTextureActive=flat&bgColorActive=%23ffffff&iconColorHover=%23555555&fcHover=%23333333&borderColorHover=%23cccccc&bgTextureHover=flat&bgColorHover=%23ffffff&iconColorDefault=%23777777&fcDefault=%23000&borderColorDefault=%23cccccc&bgTextureDefault=flat&bgColorDefault=%23f6f6f6&iconColorContent=%23444444&fcContent=%23333333&borderColorContent=%23dddddd&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23444444&fcHeader=%23333333&borderColorHeader=%23fff&bgTextureHeader=flat&bgColorHeader=%23ffffff&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

/* Component containers
----------------------------------*/
/*
    Commented out for now as these styles are overriding the
    firefish styles in some of the system pages.
*/
/*.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}*/
.ui-widget.ui-widget-content {
	border: 1px solid #cccccc;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #fff;
	background: #ffffff;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #cccccc;
	background: #f6f6f6;
	font-weight: normal;
	color: #000;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #000;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ffffff;
	font-weight: normal;
	color: #333333;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #333333;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #cccccc;
	background: #ffffff;
	font-weight: normal;
	color: #333333;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #cccccc;
	background-color: #333333;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #333333;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #cccccc;
	background: #333333;
	color: #ffffff;
}
.ui-state-checked {
	border: 1px solid #cccccc;
	background: #333333;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #ffffff;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_333333_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/* 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;
}
/* /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: #0F75BC;
    --ff-primary-contrast-colour: #FFFFFF;
    --ff-secondary-colour: #F7941D;
    --ff-link-text-colour: #F7941D;
    --ff-highlight-colour: #E0E6EB;
    --ff-highlight-dark-colour: #BDCFDB;
    --ff-selected-colour: #BDCFDB;
    --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: #87BADD;
    --ff-darker-main-system-colour: #073A5E;
    --ff-lighter-secondary-system-colour: #FBC98E;
}

/* 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;}