@import url('ngDialog-theme-default.min.css');
html {
  transition: color 300ms, background-color 300ms;
}
html.darkmode {
  /* Change the white to any color */
  /*Change text in autofill textbox*/
  /*filter: sepia(60%);
    filter: hue-rotate(90deg);
    filter: grayscale(100);*/
}
html.darkmode .gateway.themed .ReqFields,
html.darkmode .gateway.themed .asterisk,
html.darkmode .gateway.themed .redText,
html.darkmode .gateway.themed .requiredFieldsIndicator,
html.darkmode .gateway.themed .requiredFieldIndicator,
html.darkmode .gateway.themed .BkgError,
html.darkmode .gateway.themed .BorderError {
  color: #FD3A3A !important;
}
html.darkmode .gateway.themed .fieldcontain.invalid span.error,
html.darkmode .gateway.themed .ReferralDetailsContainer .ErrorMessage p,
html.darkmode .gateway.themed .createAccountContainer .QuestAnsContainer .individualErrorBox span,
html.darkmode .gateway.themed .updateAccountContainer .QuestAnsContainer .individualErrorBox span,
html.darkmode .gateway.themed .ForgotUsernamePass .ErrMsg,
html.darkmode .gateway.themed .ForgotUsernamePass .ErrMsgArea,
html.darkmode .gateway.themed .loginBox .error,
html.darkmode .gateway.themed .fieldcontain.invalid span.contactError,
html.darkmode .gateway.themed .SecurityQuestionContainer .ErrMsgCustomSelect,
html.darkmode .gateway.themed .SecurityQuestionContainer .ErrMsg,
html.darkmode .gateway.themed .SaveSearchDialog .alert span,
html.darkmode .gateway.themed .skillsSection .fieldcontain.invalid span.error,
html.darkmode .gateway.themed #powerSearchForm .invalid span.error,
html.darkmode .gateway.themed .alert span {
  color: #FD3A3A;
}
html.darkmode .gateway.themed .BkgError {
  background-color: #FD3A3A;
}
html.darkmode .gateway.themed .alert input,
html.darkmode .gateway.themed .bad,
html.darkmode .gateway.themed .errortext,
html.darkmode .gateway.themed .BorderError {
  border-color: #FD3A3A;
}
html.darkmode .gateway.themed .applyFlow .layoutsection .fieldcontain.invalid input {
  border-color: #FD3A3A;
}
html.darkmode .gateway.themed .createAccountContainer .QuestAnsContainer .bad input,
html.darkmode .gateway.themed .updateAccountContainer .QuestAnsContainer .bad input {
  border-color: #FD3A3A;
}
html.darkmode .gateway.themed .ReferralDetailsContainer .input.error,
html.darkmode .gateway.themed .ReferralDetailsContainer select.error,
html.darkmode .gateway.themed .ReferralDetailsContainer textarea.error,
html.darkmode .gateway.themed .ReferralDetailsContainer .textAreaWrapper.error,
html.darkmode .gateway.themed .ReferralDetailsContainer .control.error,
html.darkmode .gateway.themed .ReferralDetailsContainer .controlWrapper.error,
html.darkmode .gateway.themed .ReferralDetailsContainer .ui-selectmenu-button.error {
  border-color: #FD3A3A;
}
html.darkmode .gateway.themed .EditProfilePage .ProfileBox .ProfileSections .fieldcontain.invalid input {
  border-color: #FD3A3A;
}
html.darkmode .eSignatureBuilder .eSignCanvas canvas,
html.darkmode .eSignatureBuilder .eSignText canvas {
  filter: invert(1);
}
html.darkmode .baseFontColor {
  color: #fff;
}
html.darkmode .baseColorPalette {
  background-color: #121212;
  color: #fff;
}
html.darkmode .accentBkg {
  background-color: #2a2a2a;
  color: #fff;
}
html.darkmode .lightAccentBkg {
  background-color: #202020;
}
html.darkmode .veryLightAccentBkg {
  background-color: #191919;
}
html.darkmode .darkAccentBkg {
  background-color: #4d4d4d;
  color: #fff;
}
html.darkmode .ghostBorder {
  border-color: #949494;
}
html.darkmode input,
html.darkmode select,
html.darkmode .control,
html.darkmode .ui-selectmenu-button,
html.darkmode textarea,
html.darkmode .pseudocheckbox,
html.darkmode .pseudoradio,
html.darkmode .controlWrapper,
html.darkmode .controlWrapper .controlLiner,
html.darkmode .textAreaWrapper,
html.darkmode .lightBorder,
html.darkmode .themed .ui-selectmenu-button,
html.darkmode .ui-state-default {
  border-color: #fff;
  color: #fff !important;
  background-color: inherit;
}
html.darkmode input:-webkit-autofill,
html.darkmode input:-webkit-autofill:hover,
html.darkmode input:-webkit-autofill:focus,
html.darkmode input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #202020 inset !important;
}
html.darkmode input:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff;
}
html.darkmode .gateway .hasCue,
html.darkmode .gateway .hasTypeAhead {
  background-color: #121212;
}
html.darkmode .pseudoradio.checked:after,
html.darkmode .pseudocheckbox.checked:after {
  color: #fff !important;
}
html.darkmode .pseudoradio.checked:after {
  background-color: #fff !important;
}
html.darkmode .ReferralDetailsContainer input[type=password] {
  background-color: #121212;
}
html.darkmode body,
html.darkmode button,
html.darkmode .menu,
html.darkmode .dialog .region,
html.darkmode .dialog .body,
html.darkmode .gateway .baseColorPalette,
html.darkmode .ui-widget-content,
html.darkmode .facet ul.liner,
html.darkmode .ngdialog.ngdialog-theme-default[role="dialog"] .ngdialog-content {
  background-color: #121212;
  color: #fff;
}
html.darkmode .pageFooter {
  background-color: #191919;
  color: #fff;
}
html.darkmode .pageFooter span,
html.darkmode .pageFooter a,
html.darkmode .pageFooter a:visited,
html.darkmode .pageFooter .footerLink,
html.darkmode .pageFooter .tgLocale,
html.darkmode .pageFooter i,
html.darkmode .pageFooter .themed .headerLink {
  color: #fff;
  border-color: #fff;
}
html.darkmode .pageFooter i {
  display: inline-block;
}
html.darkmode .foreground {
  background-color: #202020;
  color: #fff;
}
html.darkmode .foreground span,
html.darkmode .foreground a,
html.darkmode .foreground a:visited,
html.darkmode .foreground .footerLink,
html.darkmode .foreground .tgLocale,
html.darkmode .foreground i,
html.darkmode .foreground .themed .headerLink {
  color: #fff;
  border-color: #fff;
}
html.darkmode .foreground i {
  display: inline-block;
}
html.darkmode .gateway.themed .accentBkg .borderInAccentBkg {
  border-color: #4d4d4d;
}
html.darkmode .linkColorOnBkg {
  background-color: #121212;
  color: #0685ff;
  border-color: #0685ff;
  outline-color: #0685ff;
}
html.darkmode .sideHeaderLine:before,
html.darkmode .sideHeaderLine:after {
  border: 1px solid #fff;
}
html.darkmode svg.styleableColor path,
html.darkmode svg.styleableColor rect {
  fill: #fff;
  stroke: #fff;
}
html.darkmode a,
html.darkmode a:visited,
html.darkmode .link,
html.darkmode .gateway.themed .linkColor,
html.darkmode .jobtitle,
html.darkmode .gateway .baseColorPalette a,
html.darkmode .gateway .baseColorPalette a:visited,
html.darkmode .facetFilterAccordion h3:after,
html.darkmode #headerLinkContainer a,
html.darkmode #headerLinkContainer a:visited,
html.darkmode .UnderLineLink {
  color: #0685ff;
}
html.darkmode a.sidebarNav,
html.darkmode .gateway .sidebarOverlay .sidebar {
  background-color: #121212;
}
html.darkmode .backLink {
  color: #0685ff;
}
html.darkmode .gateway.themed {
  /*****DONOT combine the placeholder styles they dont work when combined.
        shared.less has a hardcoded style for clients who have not saved VBT to refelct the changes.
        Custom Placeholder for TG Selects****/
}
html.darkmode .gateway.themed [disabled] {
  color: #949494;
}
html.darkmode .gateway.themed .controlWrapper .controlLiner .control.cue,
html.darkmode .gateway.themed .cue,
html.darkmode .gateway.themed .prompt,
html.darkmode .gateway.themed .typeAhead {
  color: #fff;
  font-style: italic;
}
html.darkmode .gateway.themed input::-webkit-input-placeholder {
  color: #fff;
  font-style: italic;
}
html.darkmode .gateway.themed input::-moz-placeholder {
  color: #fff;
  font-style: italic;
}
html.darkmode .gateway.themed input:-ms-input-placeholder {
  color: #fff;
  font-style: italic;
}
html.darkmode .gateway.themed input:-moz-placeholder {
  color: #fff;
  font-style: italic;
}
html.darkmode .foreground {
  background-color: #202020;
  color: #fff;
}
html.darkmode .foreground span,
html.darkmode .foreground a,
html.darkmode .foreground a:visited,
html.darkmode .foreground .footerLink,
html.darkmode .foreground .tgLocale,
html.darkmode .foreground i,
html.darkmode .foreground .themed .headerLink {
  color: #fff;
  border-color: #fff;
}
html.darkmode .foreground i {
  display: inline-block;
}
html.darkmode .cardHighlight::before {
  border-right-color: #fff !important;
  border-top-color: #fff !important;
}
html.darkmode .textHighlight {
  color: #202020 !important;
}
html.darkmode .gateway.themed .controlWrapper span,
html.darkmode .gateway.themed .controlWrapper a,
html.darkmode .gateway.themed .controlWrapper a:visited {
  color: #fff;
}
html.darkmode .themed .hover,
html.darkmode .menu a:hover {
  background-color: #191919;
}
html.darkmode .ui-state-hover {
  outline-color: #fff;
}
html.darkmode .striped :nth-child(even),
html.darkmode .even,
html.darkmode .ui-menu-item.ui-state-focus,
html.darkmode .ui-menu-item-wrapper.ui-state-active,
html.darkmode .ui-datepicker .ui-state-default,
html.darkmode .ui-widget-header {
  background-color: #4d4d4d;
  color: #fff;
  outline: 2px dotted;
}
html.darkmode .backgroundColor,
html.darkmode .themed .down,
html.darkmode .menu a:active,
html.darkmode .menu a.active,
html.darkmode .applyFlow .layoutsection .heading:before,
html.darkmode .themed .ngdialog.ngdialog-theme-default .ngdialog-content {
  background-color: #121212;
}
html.darkmode .highlighted > a,
html.darkmode .gateway.themed .selectedTile {
  background-color: #2a2a2a;
  color: #fff;
}
html.darkmode .themed .jobdescriptionInJobDetails table thead,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot {
  background-color: #202020;
  color: #fff;
}
html.darkmode .themed .jobdescriptionInJobDetails table thead span,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot span,
html.darkmode .themed .jobdescriptionInJobDetails table thead a,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot a,
html.darkmode .themed .jobdescriptionInJobDetails table thead a:visited,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot a:visited,
html.darkmode .themed .jobdescriptionInJobDetails table thead .footerLink,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot .footerLink,
html.darkmode .themed .jobdescriptionInJobDetails table thead .tgLocale,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot .tgLocale,
html.darkmode .themed .jobdescriptionInJobDetails table thead i,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot i,
html.darkmode .themed .jobdescriptionInJobDetails table thead .themed .headerLink,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot .themed .headerLink {
  color: #fff;
  border-color: #fff;
}
html.darkmode .themed .jobdescriptionInJobDetails table thead i,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot i {
  display: inline-block;
}
html.darkmode .themed .jobdescriptionInJobDetails table thead span,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot span,
html.darkmode .themed .jobdescriptionInJobDetails table thead a,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot a,
html.darkmode .themed .jobdescriptionInJobDetails table thead a:visited,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot a:visited,
html.darkmode .themed .jobdescriptionInJobDetails table thead .footerLink,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot .footerLink,
html.darkmode .themed .jobdescriptionInJobDetails table thead .tgLocale,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot .tgLocale,
html.darkmode .themed .jobdescriptionInJobDetails table thead i,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot i,
html.darkmode .themed .jobdescriptionInJobDetails table thead .themed .headerLink,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot .themed .headerLink {
  color: #fff;
  border-color: #fff;
}
html.darkmode .themed .jobdescriptionInJobDetails table thead i,
html.darkmode .themed .jobdescriptionInJobDetails table tfoot i {
  display: inline-block;
}
html.darkmode .themed .jobdescriptionInJobDetails table tbody:nth-child(even) {
  background-color: #2a2a2a;
  color: #fff;
}
html.darkmode .themed .primaryButton:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox),
html.darkmode .themed a.primaryButton:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox) {
  border: 2px solid #fff;
  background-color: #121212;
  color: #fff;
}
html.darkmode .themed .primaryButton:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox):hover,
html.darkmode .themed a.primaryButton:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox):hover {
  border: 2px solid #fff;
  background-color: #000000;
  color: #fff;
}
html.darkmode .themed .primaryButton:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox):active,
html.darkmode .themed a.primaryButton:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox):active {
  border: 2px solid #fff;
  background-color: #121212;
  color: #fff;
}
html.darkmode .themed .primaryButton:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox) .ladda-label,
html.darkmode .themed a.primaryButton:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox) .ladda-label,
html.darkmode .themed .primaryButton:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox) .button-label,
html.darkmode .themed a.primaryButton:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox) .button-label {
  outline-color: #ffffff;
}
html.darkmode .themed button:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox),
html.darkmode a.button:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox),
html.darkmode .themed .AppDetailBtns .ui-selectmenu-button {
  border: 2px solid #fff;
  background-color: #2c2c2c;
  color: #fff;
  border: 1px solid;
}
html.darkmode .themed button:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox):hover,
html.darkmode a.button:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox):hover,
html.darkmode .themed .AppDetailBtns .ui-selectmenu-button:hover {
  border: 2px solid #fff;
  background-color: #000000;
  color: #fff;
  border: 1px solid;
}
html.darkmode .themed button:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox):active,
html.darkmode a.button:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox):active,
html.darkmode .themed .AppDetailBtns .ui-selectmenu-button:active {
  border: 2px solid #fff;
  background-color: #000000;
  color: #fff;
  border: 1px solid;
}
html.darkmode .themed button:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox) .ladda-label,
html.darkmode a.button:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox) .ladda-label,
html.darkmode .themed .AppDetailBtns .ui-selectmenu-button .ladda-label,
html.darkmode .themed button:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox) .button-label,
html.darkmode a.button:not(.facebook):not(.pseudoGoogleDrive):not(.pseudoGoogle):not(.twitter):not(.linkedin):not(.dropbox) .button-label,
html.darkmode .themed .AppDetailBtns .ui-selectmenu-button .button-label {
  outline-color: #fff;
}
html.darkmode .themed .closeButton,
html.darkmode .themed .close {
  color: #fff;
}
html.darkmode .themed .closeButton:hover,
html.darkmode .themed .close:hover {
  background: #414141;
}
html.darkmode .themed .closeButton:active,
html.darkmode .themed .close:active {
  background: #2a2a2a;
}
html.darkmode .themed .clearButton {
  color: #fff;
}
html.darkmode .themed button.SRlayout:focus,
html.darkmode .themed .button.SRlayout:focus,
html.darkmode .themed .btn.SRlayout:focus,
html.darkmode .themed .primaryButton.SRlayout:focus {
  border: 2px dotted #fff !important;
}
html.darkmode .themed .progressBarContainer .progressBar {
  background-color: #202020;
  border-color: #949494;
}
html.darkmode .themed .progressBarContainer .progressBar .meter {
  background-color: #949494;
  border-color: #949494;
}
html.darkmode .gateway.themed .callout {
  color: #121212;
  background-color: #fff;
}
html.darkmode .gateway.themed .callout::before {
  border-color: transparent transparent #fff transparent;
}
html.darkmode .gateway.themed .callout::after {
  border-color: #fff transparent transparent transparent;
}
html.darkmode .headerStatusSticker.BorderSuccess,
html.darkmode .jobSavedStatus.BorderSuccess {
  background-color: #121212;
}
html.darkmode div.mainListContainer.listContainer.tableLayout ul.jobList li.job:nth-child(even) {
  background-color: #191919;
}
@media only screen and (max-width: 480px) {
  html.darkmode div.mainListContainer.listContainer.tableLayout ul.jobList li.job:nth-child(even) {
    background-color: #121212;
    color: #fff;
  }
}
html.darkmode .enableshade {
  /*.applyFlow .layoutsection div.heading::before {
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30) inset;
    }*/
}
html.darkmode .enableshade [key-focus='cards']:not(.mainDetails),
html.darkmode .enableshade .fileManager .subgroup .file {
  filter: drop-shadow(rgba(255, 255, 255, 0.25) 2px 3px 6px);
  transition: transform 0.15s ease-out;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}
html.darkmode .enableshade .widgetSidebar .loginWidget,
html.darkmode .enableshade .loginWidget.loginBox,
html.darkmode .enableshade .submitResumeWidget,
html.darkmode .enableshade .searchBoxContainer,
html.darkmode .enableshade .mainListContainer > div,
html.darkmode .enableshade .welcomeLiner,
html.darkmode .enableshade .backgroundImage,
html.darkmode .enableshade .sidebar > div,
html.darkmode .enableshade [aria-label='Narrow selections'],
html.darkmode .enableshade .refine .facetList,
html.darkmode .enableshade #editProfileForm,
html.darkmode .enableshade .ProfileInformation,
html.darkmode .enableshade .EduExpInformation,
html.darkmode .enableshade .accountSettings .EditBox,
html.darkmode .enableshade .fileManager .subgroup .file,
html.darkmode .enableshade .ReferralDetailsContainer .subsection.lightAccentBkg,
html.darkmode .enableshade .tgChatBot {
  box-shadow: 2px 2px 12px 2px rgba(255, 255, 255, 0.25);
}
html.darkmode .enableshade.negativeColorScheme {
  /*.applyFlow .layoutsection div.heading::before {
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.62) inset;
        }*/
}
html.darkmode .enableshade.negativeColorScheme [key-focus='cards']:not(.mainDetails),
html.darkmode .enableshade.negativeColorScheme .fileManager .subgroup .file {
  filter: drop-shadow(rgba(255, 255, 255, 0.25) 2px 3px 6px);
}
html.darkmode .enableshade.negativeColorScheme .widgetSidebar .loginWidget,
html.darkmode .enableshade.negativeColorScheme .loginWidget.loginBox,
html.darkmode .enableshade.negativeColorScheme .submitResumeWidget,
html.darkmode .enableshade.negativeColorScheme .searchBoxContainer,
html.darkmode .enableshade.negativeColorScheme .mainListContainer > div,
html.darkmode .enableshade.negativeColorScheme .welcomeLiner,
html.darkmode .enableshade.negativeColorScheme .backgroundImage,
html.darkmode .enableshade.negativeColorScheme .sidebar > div,
html.darkmode .enableshade.negativeColorScheme [aria-label='Narrow selections'],
html.darkmode .enableshade.negativeColorScheme .refine .facetList,
html.darkmode .enableshade.negativeColorScheme #editProfileForm,
html.darkmode .enableshade.negativeColorScheme .ProfileInformation,
html.darkmode .enableshade.negativeColorScheme .EduExpInformation,
html.darkmode .enableshade.negativeColorScheme .accountSettings .EditBox,
html.darkmode .enableshade.negativeColorScheme .fileManager .subgroup .file,
html.darkmode .enableshade.negativeColorScheme .ReferralDetailsContainer .subsection.lightAccentBkg,
html.darkmode .enableshade.negativeColorScheme .tgChatBot {
  box-shadow: 2px 2px 12px 2px rgba(255, 255, 255, 0.25);
}
/*@import "fontawesome/less/fontawesome.less";
@import "fontawesome/less/regular.less";
@import "fontawesome/less/solid.less";
@import "fontawesome/less/brands.less";*/
.fa {
  font-family: "FontAwesome";
}
* {
  direction: ltr !important;
}
.threeLineIcon,
.EditPicButton,
.pageFooter.stackedFooter .next,
.pageFooter.stackedFooter .prev {
  font-size: 20px !important;
}
.threeLineIcon .fa,
.EditPicButton .fa,
.pageFooter.stackedFooter .next .fa,
.pageFooter.stackedFooter .prev .fa {
  font-size: 20px !important;
}
.rightToleft input {
  unicode-bidi: bidi-override !important;
}
.rightToleft input[type]:-moz-placeholder {
  unicode-bidi: bidi-override !important;
}
.rightToleft input[type]:-ms-input-placeholder {
  unicode-bidi: bidi-override !important;
}
.rightToleft input[type]::-webkit-input-placeholder {
  unicode-bidi: bidi-override !important;
}
.Margintop30 {
  margin-top: 20px;
  display: block;
}
.Margintop20 {
  margin-top: 20px;
  display: block;
}
.MarginLeft30 {
  margin-left: 30px;
  display: block;
}
.MarginLeft20 {
  margin-left: 20px;
  display: block;
}
.MarginRight30 {
  margin-right: 30px;
  display: block;
}
.MarginRight20 {
  margin-right: 30px;
  display: block;
}
.Marginbottom20 {
  margin-bottom: 20px;
  display: block;
}
.Margintop10 {
  margin-top: 10px;
  display: block;
}
.Marginbottom10 {
  margin-bottom: 10px;
  display: block;
}
.Marginbottom0 {
  margin-bottom: 0px;
}
.Margintop0 {
  margin-top: 0px;
}
.Paddingtop20 {
  padding-top: 20px;
  display: block;
}
.Paddingbottom20 {
  padding-bottom: 20px;
  display: block;
}
.Paddingtop10 {
  padding-top: 10px;
  display: block;
}
.Paddingbottom10 {
  padding-bottom: 10px;
  display: block;
}
.BorderError {
  border: 2px solid #D82021;
}
.BorderOtpError input {
  border: 2px solid #D82021;
}
.BkgError {
  background-color: #D82021;
}
.BorderWarning {
  border: 2px solid #FE6100;
}
.BkgWarning {
  background-color: #FE6100;
}
.BorderSuccess {
  border: 2px solid #336FBB;
}
.BkgSuccess {
  background-color: #336FBB;
}
.BorderCongrats {
  border: 2px solid #FDA501;
}
.BkgCongrats {
  background-color: #FDA501;
}
.backLink .fa-arrow-circle-o-left,
.Xclose .fa-arrow-circle-o-left,
.back .fa-arrow-circle-o-left {
  margin-right: 5px;
}
.fieldcontain.invalid span.error,
.ReferralDetailsContainer .ErrorMessage p,
.createAccountContainer .individualErrorBox span,
.updateAccountContainer .individualErrorBox span,
.ForgotUsernamePass .ErrMsg,
.ForgotUsernamePass .ErrMsgArea,
.loginBox .error,
.fieldcontain.invalid span.contactError,
.SecurityQuestionContainer .ErrMsgCustomSelect,
.SecurityQuestionContainer .ErrMsg,
.SaveSearchDialog .alert span,
.skillsSection .fieldcontain.invalid span.error,
#powerSearchForm .invalid span.error {
  padding: 14px 0 4px 0;
  display: block;
  color: #D82021;
}
.fieldcontain.invalid span.error:before,
.ReferralDetailsContainer .ErrorMessage p:before,
.createAccountContainer .individualErrorBox span:before,
.updateAccountContainer .individualErrorBox span:before,
.ForgotUsernamePass .ErrMsg:before,
.ForgotUsernamePass .ErrMsgArea:before,
.loginBox .error:before,
.fieldcontain.invalid span.contactError:before,
.SecurityQuestionContainer .ErrMsgCustomSelect:before,
.SecurityQuestionContainer .ErrMsg:before,
.SaveSearchDialog .alert span:before,
.skillsSection .fieldcontain.invalid span.error:before,
#powerSearchForm .invalid span.error:before {
  content: "\f057";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.newMsgContainer {
  display: table;
  width: 100%;
  max-width: 620px;
}
.newMsgContainer .iconContainer {
  padding: 5px;
  width: 5%;
  display: table-cell;
  vertical-align: top;
}
.newMsgContainer .iconContainer .fa {
  color: white;
  position: relative;
  right: -2%;
}
.newMsgContainer .msgContainer {
  padding: 10px;
  width: 95%;
  display: table-cell;
}
.newMsgContainer .msgContainer .showInvalidListLink {
  display: none;
}
@media only screen and (max-width: 768px) {
  .newMsgContainer .msgContainer .showInvalidListLink {
    display: inline-block;
  }
}
.newMsgContainer .msgContainer ul.invalidFieldsList {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .newMsgContainer .msgContainer ul.invalidFieldsList {
    display: none;
  }
}
.newMsgContainer .msgContainer ul.invalidFieldsList li.invalidFieldItem {
  list-style: disc inside none;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: bottom;
  margin: 0px;
  line-height: 30px;
}
a.fieldHelp {
  padding: 5px;
}
a.fieldHelp :focus {
  outline: 2px dotted black;
}
.updateAccountContainer a.fieldHelp {
  position: static;
}
.myInputButton {
  display: none;
}
.UnderLineLink {
  cursor: pointer;
  display: inline;
  border-bottom: 1px solid;
  border-color: transparent;
}
.UnderLineLink:hover {
  display: inline;
  border-color: inherit;
  margin-bottom: -1px;
}
.backLink {
  display: inline-block;
}
.backLink a {
  cursor: pointer;
}
.backLink:before {
  padding-right: 5px;
  top: 2px;
}
.rightToleft .backLink {
  display: inline-block;
}
.rightToleft .backLink a {
  cursor: pointer;
}
.rightToleft .backLink:before {
  content: "\f18e";
  position: relative;
  cursor: pointer;
  padding-right: 5px;
  top: 2px;
}
/*a.fieldHelp:hover, a.fieldHelp:focus {
    .fa-info-circle {
        -moz-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        -webkit-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}*/
.shortCutNotVisible {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
html,
body {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  font-family: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul,
li {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
a {
  text-decoration: none;
}
*,
*:before,
*:after {
  box-sizing: border-box;
  border-width: 1px;
}
body {
  width: 100%;
  line-height: 1.25em;
}
ul:empty {
  visibility: hidden;
}
label {
  margin-top: 20px;
}
.listContainer > ul {
  padding: 0.3px /* force no margin collapse */ 0;
}
.listContainer > li {
  margin: 20px 0;
}
.gateway.themed .noButton {
  border: none;
  background-color: transparent;
  line-height: 20px;
}
.gateway.themed .noButton:focus {
  outline: 2px dotted;
}
button,
.button,
.btn,
.primaryButton,
.goLink {
  padding: 0 10px;
  min-height: 40px;
  line-height: 40px;
  margin-right: 10px;
  display: inline-block;
}
@media only screen and (max-width: 480px) {
  button,
  .button,
  .btn,
  .primaryButton,
  .goLink {
    height: auto;
  }
}
button.close,
.button.close,
.btn.close,
.primaryButton.close,
.goLink.close,
button.remove,
.button.remove,
.btn.remove,
.primaryButton.remove,
.goLink.remove {
  background-color: transparent;
  line-height: inherit;
  height: auto;
  margin-right: 0;
  color: inherit !important;
}
buttonui-datepicker-trigger::-moz-focus-inner,
.buttonui-datepicker-trigger::-moz-focus-inner,
.btnui-datepicker-trigger::-moz-focus-inner,
.primaryButtonui-datepicker-trigger::-moz-focus-inner,
.goLinkui-datepicker-trigger::-moz-focus-inner,
button.ladda-button::-moz-focus-inner,
.button.ladda-button::-moz-focus-inner,
.btn.ladda-button::-moz-focus-inner,
.primaryButton.ladda-button::-moz-focus-inner,
.goLink.ladda-button::-moz-focus-inner,
button.primaryButton::-moz-focus-inner,
.button.primaryButton::-moz-focus-inner,
.btn.primaryButton::-moz-focus-inner,
.primaryButton.primaryButton::-moz-focus-inner,
.goLink.primaryButton::-moz-focus-inner,
button.ToggleButton::-moz-focus-inner,
.button.ToggleButton::-moz-focus-inner,
.btn.ToggleButton::-moz-focus-inner,
.primaryButton.ToggleButton::-moz-focus-inner,
.goLink.ToggleButton::-moz-focus-inner {
  outline: none !important;
  border: none !important;
}
button:focus,
.button:focus,
.btn:focus,
.primaryButton:focus,
.goLink:focus {
  outline-style: none;
}
button:focus .ladda-label,
.button:focus .ladda-label,
.btn:focus .ladda-label,
.primaryButton:focus .ladda-label,
.goLink:focus .ladda-label,
button:focus .button-label,
.button:focus .button-label,
.btn:focus .button-label,
.primaryButton:focus .button-label,
.goLink:focus .button-label {
  outline-style: dotted;
  outline-width: 2px;
  outline-offset: 2px;
}
button:focus.ladda-button,
.button:focus.ladda-button,
.btn:focus.ladda-button,
.primaryButton:focus.ladda-button,
.goLink:focus.ladda-button,
button:focus.ui-datepicker-trigger,
.button:focus.ui-datepicker-trigger,
.btn:focus.ui-datepicker-trigger,
.primaryButton:focus.ui-datepicker-trigger,
.goLink:focus.ui-datepicker-trigger {
  outline-style: none;
}
button:focus.ui-datepicker-trigger:after,
.button:focus.ui-datepicker-trigger:after,
.btn:focus.ui-datepicker-trigger:after,
.primaryButton:focus.ui-datepicker-trigger:after,
.goLink:focus.ui-datepicker-trigger:after {
  outline-style: dotted;
  outline-width: 2px;
}
button .has-focus + span,
.button .has-focus + span,
.btn .has-focus + span,
.primaryButton .has-focus + span,
.goLink .has-focus + span {
  outline-style: dotted;
  outline-width: 2px;
}
button.SRlayout,
.button.SRlayout,
.btn.SRlayout,
.primaryButton.SRlayout,
.goLink.SRlayout {
  /*&.primayButton &:focus .fa {
            border-style: solid;
            outline-style: dotted;
            outline-width: 2px;
            outline-offset: 5px;
        }*/
}
button.SRlayout:focus,
.button.SRlayout:focus,
.btn.SRlayout:focus,
.primaryButton.SRlayout:focus,
.goLink.SRlayout:focus {
  border: 2px dotted;
}
.goLink {
  margin: 0;
}
a,
button {
  cursor: pointer;
}
input:focus,
select:focus,
.control:focus,
.ui-selectmenu-button:focus,
textarea:focus,
.pseudocheckbox:focus,
.pseudoradio:focus,
.controlWrapper:focus,
.textAreaWrapper:focus,
.lightBorder:focus,
.themed .ui-selectmenu-button:focus,
.ui-state-default:focus,
a:focus,
a[role="link"]:focus,
[aria-label="Close"]:focus,
.link:focus,
a.button:focus,
.button-label:focus,
#mainJobListContainer:focus {
  outline: 2px dotted;
}
.darkmodal {
  /*position: absolute;
    right: 5px;
    font-size: 28px;
    cursor: pointer;
    text-align: center;
    padding: 5px 0;
    top: 60px;
    z-index: 2;*/
  font-size: 28px;
  display: inline-block;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .darkmodal {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .darkmodal {
    margin-left: 15px;
  }
}
.darkmodal .switch {
  top: 5px;
  width: 38px;
}
.customButton {
  color: black;
  border-color: black;
  background-color: white;
}
.customButton.checked {
  color: white;
  border-color: white;
  background-color: black;
}
.themed .switch {
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  overflow: visible;
  min-width: 36px;
  min-height: 16px;
  width: 36px;
  height: 16px;
  padding: 0px;
  margin: 0px;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: #dfdfdf 0px 0px 0px 0px inset;
  transition: 0.3s ease-out all;
  -webkit-transition: 0.3s ease-out all;
  z-index: 2;
  border: 2px solid;
}
.themed .switch:focus,
.themed .switch:hover {
  outline: 1.5px dotted;
  outline-offset: 2px;
}
.themed .switch.normalicon {
  width: 8em;
  height: 36px;
  padding: 0 10px;
}
.themed .switch.normalicon:focus,
.themed .switch.normalicon:hover {
  outline: 2px dotted;
  outline-offset: 3px;
}
.themed .switch .faicon {
  border-radius: 100%;
  position: absolute;
  top: 0px;
  left: 10%;
  transition: 0.3s ease-out all;
  -webkit-transition: 0.3s ease-out all;
}
.themed .switch small.faicon {
  width: 25%;
  height: 25%;
  left: 5%;
  font-size: 49%;
  top: -15%;
}
.themed .switch.checked .off {
  display: none;
}
.themed .switch.checked .on {
  display: block;
}
.themed .switch.checked .faicon {
  left: 80%;
}
.themed .switch.checked small.faicon {
  left: 55%;
}
.themed .switch.disabled {
  opacity: .50;
  cursor: not-allowed;
}
.themed .switch.wide {
  width: 100px;
}
.themed .switch.wide.checked .faicon {
  left: 72px;
}
.themed .switch .switch-text {
  font-family: inherit;
  font-size: 13px;
}
.themed .switch .on,
.themed .switch .off {
  position: absolute;
  top: 25%;
  top: -1px;
  z-index: 0;
}
.themed .switch .off {
  display: block;
  right: 10%;
}
.themed .switch .on {
  display: none;
  left: 9%;
}
collapse {
  display: block;
}
em {
  font-style: italic;
}
button[disabled=disabled],
button:disabled,
.button[disabled=disabled],
.button:disabled {
  border: 2px solid #AEAEAE !important;
}
[ng\:cloak],
[ng-cloak],
.ng-cloak,
.hideUntilPinned,
.hide {
  display: none !important;
}
.fa.fa-google-drive:before {
  content: "\e900";
}
.moreLessLinkWrapper.lessLinkWrapper {
  display: none;
}
.screenReaderText {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.legendWithScreenReaderText {
  margin: 0px;
}
.ladda-button .screenReaderText {
  display: none;
}
.ladda-button[data-loading] .screenReaderText {
  display: inline-block;
}
i.fa span.descr {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.defaultPadding {
  padding: 20px 20px;
}
.defaultMargins {
  margin: 20px 20px;
}
.vMargin {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
}
.textWidth {
  width: 600px;
}
@media only screen and (max-width: 650px) {
  .textWidth {
    width: 100%;
  }
}
.controlHeight {
  height: 30px;
  line-height: 30px;
}
.hidden {
  visibility: hidden;
}
.offScreen {
  position: absolute;
  top: -10000px;
}
.fullWidth {
  display: block;
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  left: 0;
  right: 0;
}
@media only screen and (max-width: 670px) {
  .gateway .responsiveWidth {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    left: 0;
    right: 0;
  }
}
@media only screen and (min-width: 671px) {
  .gateway .responsiveShow {
    display: none !important;
  }
}
.mobileOnly {
  display: none;
}
@media only screen and (max-width: 768px) {
  .mobileOnly {
    display: block;
  }
}
.desktopOnly {
  display: block;
}
@media only screen and (max-width: 768px) {
  .desktopOnly {
    display: none !important;
  }
}
.noTransition {
  transition: 0 cubic-bezier(0.25, 0.25, 0.75, 0.75) none;
}
.largeBackgroundImage {
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.veryLargeBackgroundImage {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.config .configHidden {
  outline: dotted red 1px;
  display: inline-block;
  min-height: 20px;
  min-width: 20px;
}
.config .configHidden img {
  opacity: .0001;
}
.bracketed:before {
  content: "[";
}
.bracketed:after {
  content: "]";
}
.tile {
  display: block;
  width: 25%;
  min-width: 6em;
  float: left;
}
.notTile {
  width: 100%;
  float: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
  border: none;
  padding: 0;
}
.clearfix:after {
  clear: both;
}
.sanitize,
.sanitize tbody {
  margin: 0;
  padding: 0;
  table-layout: fixed;
}
table.sanitize,
table.sanitize > tbody,
table.sanitize > tbody > tr,
.sanitizeCell {
  width: 100%;
  overflow-wrap: break-word;
  font-weight: inherit;
}
table.sanitize .jobTitle,
table.sanitize > tbody .jobTitle,
table.sanitize > tbody > tr .jobTitle,
.sanitizeCell .jobTitle {
  font-weight: bold;
}
table.sanitize .UnderLineLink,
table.sanitize > tbody .UnderLineLink,
table.sanitize > tbody > tr .UnderLineLink,
.sanitizeCell .UnderLineLink {
  color: #336FBB;
}
.more,
.less {
  cursor: pointer;
  height: 1.25em;
  white-space: nowrap;
}
.more:hover,
.less:hover {
  text-decoration: underline;
}
.nullMessage,
.loadingMessage {
  font-style: italic;
  font-size: 90%;
}
.grayBox,
.deepgreyBox {
  background-color: Black;
  z-index: 3;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  /*filter: ~"alpha(opacity = @{opacityPercentage})";*/
  /* causes run time error */
}
.deepgreyBox {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /*filter: ~"alpha(opacity = @{opacityPercentage})";*/
  /* causes run time error */
}
#gateway.negativeColorScheme input,
#gateway.negativeColorScheme .pseudoradio:after,
#gateway.negativeColorScheme .pseudocheckbox:after,
#gateway.negativeColorScheme .ui-selectmenu-text {
  color: #333333;
}
#gateway.negativeColorScheme .clearButton,
#gateway.negativeColorScheme .ui-icon-triangle-1-s {
  color: #336FBB;
}
#gateway.iconNegativeColorScheme .clearButton,
#gateway.iconNegativeColorScheme .ui-icon-triangle-1-s {
  color: #336FBB;
}
.pseudocheckbox,
.pseudocheckbox:after,
.pseudoradio,
.pseudoradio:after,
.pseudoradio:before,
input[styled-input][type=checkbox],
input[styled-input][type=radio] {
  display: block;
  float: left;
  height: 20px;
  width: 20px;
}
input[styled-input][type=checkbox],
input[styled-input][type=radio] {
  position: absolute;
  margin: 0;
  z-index: 1;
  opacity: .0001;
}
input[styled-input][type=checkbox],
input[styled-input][type=radio] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.01)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.01)";
}
.pseudoradio,
.pseudocheckbox {
  position: relative;
  z-index: 0;
  border-style: solid;
  margin-right: 10px;
  background-color: white;
}
.pseudoradio,
.pseudocheckbox {
  font-family: "FontAwesome";
}
.pseudoradio {
  border-radius: 20px;
}
.pseudoradio.checked:after {
  background-color: #333333;
  height: 10px;
  width: 10px;
  content: " ";
  position: absolute;
  margin: 4px;
  font-size: 1px;
  line-height: 1px;
  border-radius: 20px;
  border: 1px solid white;
}
.pseudoradio.checked.focus:after {
  margin: 2px;
}
.pseudoradio.focus {
  border-width: 3px !important;
  outline: 2px dotted;
  outline-offset: 2px;
}
.pseudocheckbox.checked:after {
  content: "\f00c";
  font-size: 18px;
  position: absolute;
  line-height: 20px;
}
.pseudocheckbox.focus.checked:after {
  margin-left: -1px;
  margin-top: -1px;
}
.ie.ie8.themed.gateway .pseudoradio {
  border-style: none;
  color: #aeaeae;
}
.ie.ie8.themed.gateway .pseudoradio:before {
  content: "\f1db";
  font-size: 24px;
  position: absolute;
  line-height: 20px;
}
.ie.ie8.themed.gateway .pseudoradio.checked:after {
  content: "\f111";
  font-size: 14px;
  display: inline-block;
  margin: 0 4px;
  position: absolute;
  line-height: 20px;
  background-color: transparent;
  color: #333333;
}
.ie.ie8.themed.gateway .pseudoradio.focus {
  outline: dotted 1px #aeaeae;
}
.downAngleBracket,
.upAngleBracket,
.leftAngleBracket,
.rightAngleBracket,
.leftAngleBracketCircle {
  font-family: "FontAwesome";
}
.downAngleBracket {
  content: "\f078";
  position: relative;
  cursor: pointer;
  font-weight: bold;
}
.upAngleBracket {
  content: "\f077";
  position: relative;
  cursor: pointer;
  font-weight: bold;
}
.leftAngleBracket {
  content: "\f053";
  position: relative;
  cursor: pointer;
  font-weight: bold;
}
.rightAngleBracket {
  content: "\f054";
  position: relative;
  cursor: pointer;
  font-weight: bold;
}
.leftAngleBracketCircle {
  content: "\f359";
  position: relative;
  cursor: pointer;
}
.rightAngleBracketCircle {
  content: "\f18e";
  position: relative;
  cursor: pointer;
}
.leftStepbackward {
  content: "\f048";
  position: relative;
  cursor: pointer;
}
.rightStepForward {
  content: "\f051";
  position: relative;
  cursor: pointer;
}
.close,
.closeButton {
  font-family: DejaVu, 'Lucida Sans Unicode', 'Arial Unicode MS', 'Arial Narrow';
  cursor: pointer;
}
.closeButton {
  font-size: 120%;
  margin: -10px -10px 0 0;
  float: right;
  padding: 1px 4px 4px;
}
.closeButton:focus {
  outline: 2px dotted;
}
body.ngdialog-open {
  overflow: auto;
  padding-right: 0 !important;
}
.CustomizedDialogContent {
  max-height: 100%;
  overflow-y: auto;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .CustomizedDialogContent {
    padding: 15px;
  }
}
.gateway .ngdialog {
  padding-bottom: 0px;
}
.gateway .ngdialog .ngdialog-content {
  max-height: 100%;
  overflow-y: auto;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .gateway .ngdialog .ngdialog-content {
    padding: 15px;
  }
}
.gateway .ngdialog.ngdialog-theme-default {
  z-index: 100;
}
.ngdialog.draggable {
  height: 0;
  padding: 0;
  bottom: auto;
  overflow: visible;
  background-color: inherit;
}
.ngdialog.draggable .ngdialog-overlay {
  display: none;
}
.ngdialog.draggable .ngdialog-content.ui-draggable {
  min-width: 400px;
  min-height: 200px;
  top: 10px;
  cursor: move;
  box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
}
.gateway .ngdialog.ngdialog-theme-default.dialogWithIFrame {
  overflow-y: auto;
}
.gateway .ngdialog.ngdialog-theme-default.dialogWithIFrame .ngdialog-content {
  padding: 0;
}
.gateway .referralProfileBuilder.ngdialog.ngdialog-theme-default.dialogWithIFrame {
  padding: 0;
}
.gateway .referralProfileBuilder.ngdialog.ngdialog-theme-default.dialogWithIFrame .ngdialog-content {
  padding: 0;
  width: 100%;
  border-radius: 0;
}
/*.dialogIFrameBody .encompassingDiv {
    padding-top: 10px;
}*/
.dialog-close {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  cursor: pointer;
  height: 30px;
  width: 30px;
}
.dialog-close:before {
  content: '';
}
.dialog-close:after {
  height: 30px;
  width: 30px;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 26px;
  position: absolute;
  text-align: center;
  font-family: 'FontAwesome';
  content: '\F00D';
}
@media only screen and (max-width: 767px) {
  .dialog-close {
    display: none;
  }
}
.gateway .hasCue,
.gateway .hasTypeAhead {
  background-color: transparent;
  z-index: 1;
  position: relative;
}
.gateway .cue,
.gateway .typeAhead {
  background-color: transparent;
  position: absolute;
  z-index: 0;
  border-color: transparent;
}
input::-webkit-input-placeholder {
  color: #757575;
  font-style: italic;
}
input::-moz-placeholder {
  color: #757575;
  font-style: italic;
}
input:-ms-input-placeholder {
  color: #757575;
  font-style: italic;
}
input:-moz-placeholder {
  color: #757575;
  font-style: italic;
}
.textAreaWrapper {
  border-style: solid;
  padding: 6px 10px;
}
.textAreaWrapper textArea {
  width: 100%;
  border: none;
  font-size: inherit;
  padding: 0;
  resize: none;
}
.availableListItem {
  font-size: 90%;
  margin: 0 0 8px 0;
  display: block;
}
.availableListItem a.availableLink {
  padding: 4px 6px;
  overflow: hidden;
  border-radius: 6px;
}
.selectedTile {
  float: left;
  padding: 5px 5px 5px 5px;
  margin: 5px 5px 5px 5px;
  padding-right: 28px;
  position: relative;
}
.selectedTile .close {
  background-color: transparent;
  display: inline-block;
  font-size: 120%;
  margin-top: -6px;
  padding: 6px;
  position: absolute;
  right: 0;
  border: none;
}
.selectedTile .close:hover {
  border: none;
}
.selectedTile .close:after {
  font-family: 'FontAwesome';
  content: '\F00D';
}
.selectedTile .close:focus {
  outline: 2px dotted;
}
.largeTitle {
  font-size: 130%;
}
.clickShield {
  background-image: url("about: blank");
  position: absolute;
  z-index: 1;
  background-color: transparent;
  height: 20px;
  width: 80px;
}
body {
  overflow-x: hidden;
}
.noHeader .pageHeader,
.noHeader .divider {
  display: none;
}
#content {
  width: 100%;
}
.mainContainer,
.pageSubheaderLiner,
.powerSearchContainer,
.jobDetailsMainDiv,
div.jobDetailsSubHeader {
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
}
@media only screen and (max-width: 480px) {
  .mainContainer,
  .pageSubheaderLiner,
  .powerSearchContainer,
  .jobDetailsMainDiv,
  div.jobDetailsSubHeader {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.buttonsFooterAccent {
  position: relative;
}
.header,
.footer,
.region {
  position: relative;
  padding: 20px 30px 20px 30px;
}
@media only screen and (max-width: 768px) {
  .header,
  .footer,
  .region {
    padding: 20px 15px 20px 15px;
  }
}
#footer_include.footer {
  padding: 0px;
}
.region + .region {
  padding-top: 0;
}
.sidebarNav {
  padding: 4px 6px;
  overflow: hidden;
  border-radius: 4px;
  margin-right: 20px;
  display: none;
}
@media only screen and (max-width: 480px) {
  .sidebarNav {
    display: inline-block;
  }
}
.brandingToolbar.toolbar {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  text-align: center;
  background-color: #f6f6f6 !important;
  color: #333333 !important;
  border-bottom: solid 1px #cccccc;
  font-size: 16px !important;
}
.brandingToolbar.toolbar > div {
  padding: 4px 20px;
  white-space: nowrap;
  height: 34px;
  line-height: 26px;
}
.brandingToolbar.toolbar > div.buttonContainer {
  display: inline-block;
}
.brandingToolbar.toolbar > div.buttonContainer .button {
  margin-right: 6px;
  height: 26px;
  line-height: 26px;
  background-color: #333333;
  border: 2px solid #333333;
  color: #f6f6f6;
}
.brandingToolbar.toolbar > div.buttonContainer a:last-child {
  margin-right: 0;
}
.brandingToolbar.toolbar > div.instructions {
  float: right;
}
.brandingToolbar.toolbar > div.instructions img {
  height: 22px;
  width: 12px;
  position: absolute;
}
.brandingToolbar.toolbar > div.instructions span.instructionLiner {
  display: inline-block;
  text-indent: 18px;
}
.brandingToolbar.toolbar > div.toolbarTitle {
  float: left;
}
.advanced-branding-dialog {
  font-size: 16px !important;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
}
.advanced-branding-dialog .ngdialog-content,
.advanced-branding-dialog textarea {
  background-color: #ffffff !important;
  color: #333333 !important;
}
.advanced-branding-dialog .ngdialog-close {
  display: block !important;
}
.advanced-branding-dialog .title {
  font-weight: bold;
  margin-bottom: 20px;
}
.advanced-branding-dialog textarea {
  height: 300px;
  width: 100%;
}
.advanced-branding-dialog .buttonContainer {
  text-align: right;
}
.advanced-branding-dialog .buttonContainer button {
  margin-right: 0;
  background-color: #333333 !important;
  color: #f6f6f6 !important;
}
.pageHeader {
  padding: 0 0 0 30px;
  text-align: right;
  position: relative;
  z-index: 3;
  overflow: hidden;
  height: 50px;
}
@media only screen and (max-width: 768px) {
  .pageHeader {
    padding: 0 0 0 15px;
    text-align: center;
  }
}
.pageHeader .threeLineIcon,
.pageHeader .revealSearchLink {
  display: none;
  float: left;
  font-size: 125%;
  line-height: 30px;
  position: relative;
  padding: 0px 5px 0px 5px;
  margin: 10px 0 10px 10px;
}
@media only screen and (max-width: 480px) {
  .pageHeader .threeLineIcon,
  .pageHeader .revealSearchLink {
    margin: 10px 0 10px 0px;
  }
}
@media only screen and (max-width: 768px) {
  .pageHeader .threeLineIcon,
  .pageHeader .revealSearchLink {
    display: block;
  }
}
.pageHeader .primaryHeaderLogoWrapperLink {
  float: none;
  display: block;
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  .pageHeader .primaryHeaderLogoWrapperLink {
    display: inline-block;
    float: none;
    margin-right: 0;
  }
}
.pageHeader .primaryHeaderLogoWrapperLink img {
  display: block;
  height: 36px;
  margin: 7px auto;
}
.pageHeader .primaryHeaderLogoWrapperLink .configHidden {
  display: block;
  height: 50px;
  width: 50px;
  margin: auto;
}
.pageHeader .secondaryHeaderLogoWrapperLink {
  float: left;
  display: none;
  margin: 15px 0 0 0;
}
@media only screen and (max-width: 768px) {
  .pageHeader .secondaryHeaderLogoWrapperLink {
    display: none !important;
  }
}
.pageHeader .secondaryHeaderLogoWrapperLink img,
.pageHeader .secondaryHeaderLogoWrapperLink span {
  height: 20px;
}
.pageHeader .secondaryHeaderLogoWrapperLink .configHidden {
  width: 100px;
}
.pageHeader .rightIcons {
  float: right;
  margin-top: -50px;
  width: 60px;
}
@media only screen and (max-width: 768px) {
  .pageHeader .rightIcons {
    margin-top: 0px;
    margin-right: -2px;
  }
}
.pageHeader .rightIcons .revealSearchLink {
  float: left;
  padding-left: 0px;
}
.pageHeader .rightIcons .revealSearchLink .fa-search {
  position: relative;
  top: 2px;
  width: 1.5em;
}
.pageHeader .rightIcons .bellIcon {
  display: inline-block;
  padding: 5px 16px 0 15px;
  margin: 2px;
  border: 0px;
}
@media only screen and (max-width: 480px) {
  .pageHeader .rightIcons .bellIcon {
    padding: 0 15px 0 15px;
  }
}
.pageHeader .rightIcons .bellIcon.panelShow .fa-stack .fa-bell:hover {
  border: red solid 1px;
}
.pageHeader .rightIcons .bellIcon .fa-stack {
  width: 1.2em;
}
.pageHeader .rightIcons .bellIcon .fa-stack .fa-bell {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 25px;
  font-size: 80%;
  text-align: center;
  line-height: 25px;
}
.pageHeader .rightIcons .bellIcon .fa-stack .fa-bell:hover {
  border: dashed 1px;
}
.pageHeader .rightIcons .bellIcon .fa-stack .numberCircle {
  background-color: #C83C0A;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 20px;
  position: relative;
  left: 20px;
  bottom: 43px;
}
.pageHeader .rightIcons .bellIcon .fa-stack .numberCircle .number {
  color: white;
  font-size: 70%;
  font-weight: bolder;
  line-height: 20px;
}
.notificationBoxContainer {
  box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
}
.bPhoneViewLinksVisible .linkContainer {
  left: 0;
  z-index: 4;
}
@media only screen and (max-width: 768px) {
  .bPhoneViewLinksVisible .linkContainer {
    box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  }
}
.linkContainer {
  transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}
.linkContainer .backLink {
  display: none;
}
@media only screen and (max-width: 768px) {
  .linkContainer {
    width: 100%;
    position: absolute;
    left: -100%;
    z-index: 3;
    max-width: 500px;
    text-align: left;
    display: block;
    visibility: hidden;
  }
  .linkContainer a.headerLink {
    display: block;
    color: inherit !important;
  }
  .linkContainer a.backLink {
    display: block;
  }
}
@media only screen and (min-width: 769px) {
  .linkContainer {
    visibility: visible !important;
  }
}
.linkContainer a.headerLink.hideInlineBlockInTabletPortrait {
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .linkContainer a.headerLink.hideInlineBlockInTabletPortrait {
    display: none !important;
  }
}
.linkContainer a.headerLink,
.linkContainer a.backLink {
  margin-right: 30px;
  line-height: 60px;
}
@media only screen and (max-width: 768px) {
  .linkContainer a.headerLink,
  .linkContainer a.backLink {
    margin-left: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .linkContainer a.headerLink,
  .linkContainer a.backLink {
    margin-left: 15px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .linkContainer .underLinedLink {
    text-decoration: underline;
  }
}
.linkContainer a.headerLink.mobileOnly {
  display: none;
}
@media only screen and (max-width: 768px) {
  .linkContainer a.headerLink.mobileOnly {
    display: block;
  }
}
.linkContainer a.headerLink label.UnderLineLink {
  cursor: pointer;
}
.divider {
  height: 4px;
}
@media only screen and (max-width: 480px) {
  .divider {
    display: none !important;
  }
}
.contextMenu {
  position: absolute;
  top: -10000px;
}
.contextMenuTarget {
  outline: solid 1px Orange !important;
}
div.brandingContextMenu {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 16px !important;
  background-color: #ffffff;
}
div.brandingContextMenu li.menuItem .control {
  font-family: inherit !important;
  font-size: inherit !important;
}
div.brandingContextMenu li.menuItem a.menuItemLink {
  color: #333333;
}
div.brandingContextMenu li.menuItem a.menuItemLink:hover {
  background-color: #dddddd;
}
div.brandingContextMenu li.menuItem a.menuItemLink.active {
  background-color: #666666;
  color: #ffffff;
}
div.brandingContextMenu li.menuItem a.menuItemLink.active:after {
  content: "\f105";
  font-family: 'FontAwesome';
  font-weight: 900;
  color: #ffffff;
}
div.brandingContextMenu li.menuItem a.menuItemLink:after {
  color: inherit;
  background-color: inherit;
}
.menu {
  position: absolute;
  z-index: 30000;
  overflow: visible;
  border: solid 1px;
  box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  padding: 0;
  top: -10000px;
}
.menu ul li {
  padding: 0;
  margin: 0;
  min-width: 180px;
}
.menu ul li .selected:before {
  content: "\2713";
  display: inline-block;
  position: relative;
  margin-left: -1.1em;
  width: 1em;
}
.menu ul li a,
.menu ul li h3,
.menu ul li .swatch,
.menu ul li .inputWrapper {
  display: block;
  padding: 8px 12px 8px 24px;
  margin: 0;
  white-space: nowrap;
  position: relative;
}
.menu ul li a.hasSubmenu:after,
.menu ul li h3.hasSubmenu:after,
.menu ul li .swatch.hasSubmenu:after,
.menu ul li .inputWrapper.hasSubmenu:after {
  content: "\f105";
  font-family: 'FontAwesome';
  font-weight: 900;
  display: inline-block;
  position: relative;
  margin-left: 15.6px;
}
.menu ul li div.inputWrapper {
  position: relative;
}
.menu ul li div.inputWrapper.helpText {
  font-size: 12px;
  line-height: 16px;
  width: 300px;
  white-space: normal;
}
.menu ul li div.inputWrapper.helpText .helpTextHeading {
  font-weight: bold;
  text-transform: uppercase;
}
.menu ul li div.inputWrapper input {
  margin: 0;
}
.menu ul li div.swatch {
  border-bottom: solid thin black;
  border-radius: 0 !important;
  text-shadow: 2px 1px 4px rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.menu ul li div.swatch.dark {
  color: White;
}
.listContainer {
  display: block;
  margin: 0 auto 20px;
  list-style: none;
  line-height: 1.25em;
  max-width: 900px;
  margin: 0 auto;
}
@media only screen and (max-width: 480px) {
  .listContainer {
    margin: 0;
    max-width: none;
  }
}
@media only screen and (max-width: 620px) {
  .listContainer {
    margin: 0;
  }
}
.listContainer ul {
  overflow: hidden;
}
@media only screen and (max-width: 620px) {
  .listContainer ul {
    overflow: hidden;
    border-radius: 0;
  }
}
.listContainer ul.ruled li {
  padding: 20px 20px;
  margin: 0;
}
.listContainer ul.ruled li:last-child .liner {
  border-bottom: none;
}
.listContainer ul.ruled li .liner {
  padding-bottom: 20px;
  border-bottom-style: solid;
}
.listContainer ul.ruled li .liner p.thick {
  font-weight: bold;
}
.listContainer li {
  margin: 20px 20px;
}
.listContainer li .liner {
  *zoom: 1;
}
.listContainer li .liner:before,
.listContainer li .liner:after {
  content: "";
  display: table;
  border: none;
  padding: 0;
}
.listContainer li .liner:after {
  clear: both;
}
.listContainer em {
  font-weight: bold;
  font-style: italic;
}
.empty .listContainer {
  display: none;
}
.dialog {
  /*.offScreen;
    .rounded(0);*/
  z-index: 10;
  width: 100%;
  display: inline-block;
}
.dialog .header {
  *zoom: 1;
  border-bottom-style: solid;
}
.dialog .header:before,
.dialog .header:after {
  content: "";
  display: table;
  border: none;
  padding: 0;
}
.dialog .header:after {
  clear: both;
}
.dialog .header h1 {
  white-space: nowrap;
  float: left;
}
@media only screen and (max-width: 480px) {
  .dialog .header h1 {
    white-space: normal;
  }
}
.dialog .footer {
  border-top-style: solid;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.pseudoradio :focus {
  outline: none;
}
input,
textarea,
.pseudocheckbox,
.ui-selectmenu-button,
.ui-state-default,
.gridclickable,
.control {
  outline: none;
}
input:focus,
textarea:focus,
.pseudocheckbox:focus,
.ui-selectmenu-button:focus,
.ui-state-default:focus,
.gridclickable:focus,
.control:focus,
input.focus,
textarea.focus,
.pseudocheckbox.focus,
.ui-selectmenu-button.focus,
.ui-state-default.focus,
.gridclickable.focus,
.control.focus {
  outline-offset: -2px;
  outline: 2px dotted black;
}
[key-focus=cards]:focus {
  outline: 2px dotted;
  outline-offset: 2px;
}
button.ui-datepicker-trigger:focus {
  outline-offset: -5px;
  outline: 2px dotted;
}
input[type=number] {
  -webkit-appearance: none;
}
input[type=text]:not(.otpInput),
input[type=password],
input[type=email],
input[type=search]:not(.userSkill),
input[type=number]:not(.otpInput),
input[type=password],
textarea,
span.ui-selectmenu-button,
.elementShowHideParent,
.controlWrapper .control,
.controlLiner .control,
.ui-input-search:not(.skillsControl),
input[type=search].userSkill,
.experienceList .inlineTextGroup,
.otpInput {
  width: 100%;
  max-width: 300px;
}
.otpInput input[type=text],
.otpInput input[type=password] {
  /*border-top: none;
        border-right: none;
        border-left: none;*/
  display: inline-block;
  text-align: center;
}
input[type=text],
input[type=password],
input[type=email],
input[type=search],
input[type=number],
select,
.control,
.ui-selectmenu-button {
  height: 30px;
  line-height: 30px;
  border-radius: 0;
  padding: 0 5px;
  border-style: solid;
  background-color: white;
}
/* Styles used for the counter. */
.counter-container .counter-minus,
.counter-plus {
  -webkit-user-select: none;
  user-select: none;
  margin: 0;
  text-decoration: none;
}
.counter-container .counter-field {
  margin: 0;
  padding: 5px;
  text-align: center;
  width: 50px;
}
textarea {
  border-style: solid;
  padding: 5px;
  font-family: inherit;
  font-size: inherit;
}
.gateway .controlWrapper {
  display: block;
  overflow: hidden;
  position: relative;
}
.gateway .controlWrapper .controlLiner {
  background-color: White;
  height: 30px;
  line-height: 30px;
}
@media only screen and (max-width: 1024px) {
  .gateway .controlWrapper .controlLiner {
    max-width: 100%;
  }
}
.gateway .controlWrapper .controlLiner .control {
  width: 100%;
  max-width: 100%;
}
.gateway .controlWrapper.autocompleteWrapper {
  display: inline-block;
  min-width: 16em;
}
@media only screen and (max-width: 480px) {
  .gateway .controlWrapper.autocompleteWrapper {
    min-width: 10em;
  }
}
.gateway .controlWrapper.autocompleteWrapper .controlLiner {
  position: relative;
  display: block;
}
.gateway .controlWrapper.autocompleteWrapper .controlLiner .ui-autocomplete-input,
.gateway .controlWrapper.autocompleteWrapper .controlLiner .cue,
.gateway .controlWrapper.autocompleteWrapper .controlLiner .typeAhead {
  padding: 0 1.2em 0 .2em;
  position: absolute;
  left: 0;
  text-align: left;
  white-space: nowrap;
  color: #757575;
}
.gateway .controlWrapper.autocompleteWrapper .controlLiner .cue {
  font-style: italic;
}
.gateway .controlWrapper.autocompleteWrapper .controlLiner textarea {
  overflow: hidden;
}
.gateway .controlWrapper.autocompleteWrapper .controlLiner input::-ms-clear {
  height: 0 !important;
  width: 0 !important;
  display: none !important;
}
.gateway .controlWrapper .promptIcon,
.gateway .controlWrapper .clearButton {
  position: absolute;
  display: inline-block;
  line-height: normal;
}
.gateway .controlWrapper .promptIcon {
  width: 1em;
  opacity: .6;
}
.gateway .controlWrapper .clearButton {
  cursor: pointer;
  right: 5px;
  height: 30px;
  line-height: 30px;
  font-size: 130%;
  z-index: 1;
}
.buttonsFooter button.disabledClass {
  background-color: grey;
  background-image: none;
  opacity: 0.7;
}
.pageFooter {
  left: 0;
  bottom: 0;
  padding: 8px;
  max-height: 250px;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.pageFooter a {
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .pageFooter {
    padding: 0;
  }
}
.pageFooter .urlLink {
  border-bottom: none;
}
.pageFooter .prev,
.pageFooter .next,
.pageFooter .footerMobile {
  display: none;
}
.pageFooter .footerDesktop {
  width: 100%;
  height: 100%;
  padding: 0;
  display: inline-block;
}
.pageFooter .footerDesktop :last-child {
  border-bottom: 0px;
}
.globe {
  background: url("/TGNewUI/Content/JS_sprite.png") 0 -300px;
  display: inline-block;
  height: 17px;
  width: 20px;
}
.pageFooter .fullFooter {
  width: 100%;
}
.pageFooter .fullFooter .footerLink {
  max-width: 100%;
}
.pageFooter .semiFooter {
  width: 100%;
}
.pageFooter .semiFooter .footerLink {
  max-width: 45%;
}
.footerLink {
  text-decoration: none;
  min-width: 8%;
  max-width: 32%;
  text-align: center;
  display: inline-block;
  margin-right: 6px;
  padding: 5px 10px;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.footerLink a span:hover {
  padding-bottom: 2px;
  border-bottom: 1px solid !important;
  /*text-decoration: underline;*/
}
.noUrlLink {
  border-bottom: none;
}
.urlLink {
  border-bottom: 2px solid;
}
@media only screen and (max-width: 480px) {
  .urlLink {
    border-bottom: 0;
  }
}
.footerLinkContainer {
  width: 100%;
  height: 100%;
  padding: 0px;
  display: inline-block;
  border-bottom: 1px dotted;
}
.footerLinkContainer .footerLinkContSegment,
.footerLinkContainer .tgLocale {
  height: 100%;
  display: inline;
}
.footerLinkContainer .tgLocale {
  min-height: 39px;
  line-height: 39px;
  position: relative;
  min-width: 8%;
  max-width: 20%;
  top: -10px;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px 10px;
  margin-right: 6px;
}
.footerLinkContainer .tgLocale a span:hover {
  padding-bottom: 2px;
  border-bottom: 1px solid !important;
  /*text-decoration: underline;*/
}
.footerLinkContainer :first-child {
  border-left: 0px;
}
.footerLinkContainer :last-child {
  border-right: 0px;
}
.footerLinkContainer :only-child.footerLink {
  max-width: 100%;
}
.localeLink {
  display: block;
  padding: 5px;
  margin-top: 15px;
}
.ui-dialog-content.gtgLocales {
  max-height: 500px;
}
.pageFooter.stackedFooter {
  height: auto;
  padding: 0;
  border: 0;
}
.pageFooter.stackedFooter .footerMobile {
  display: block;
}
.pageFooter.stackedFooter .footerDesktop {
  display: none;
}
.pageFooter.stackedFooter .footerLink {
  border-left: 0;
  border-bottom: 1px dotted;
  min-height: 40px;
  line-height: 40px;
  max-width: 100%;
  display: block;
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  left: 0;
  right: 0;
  padding: 4px 8px 4px 8px;
}
.pageFooter.stackedFooter .footerLink:last-of-type {
  border-bottom: 0px;
  margin-bottom: 10px;
}
.pageFooter.stackedFooter .prev,
.pageFooter.stackedFooter .next {
  top: 0;
  position: absolute;
  padding: 10px 8px 10px 8px;
  z-index: 3;
  display: block;
  height: 100%;
  padding: 15px;
  max-width: 30px;
}
.pageFooter.stackedFooter .prev a,
.pageFooter.stackedFooter .next a {
  top: 50%;
  position: absolute;
  font-size: larger;
}
.pageFooter.stackedFooter .prev {
  float: left;
  left: 0;
  right: auto;
}
.pageFooter.stackedFooter .prev a {
  left: 5px;
}
.pageFooter.stackedFooter .next {
  float: right;
  right: 0;
  left: auto;
}
.pageFooter.stackedFooter .next a {
  right: 5px;
}
.pageFooter.stackedFooter .tgLocale {
  border-left: 0;
  border-bottom: 1px solid;
  min-height: 40px;
  line-height: 40px;
  max-width: 100%;
  display: block;
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  left: 0;
  right: 0;
  padding: 4px 0 4px 0;
  top: 0px;
}
.pageFooter.stackedFooter .footerLinkContainer {
  display: block;
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .footerLinkContainer.mobileOnly {
    display: none !important;
  }
}
.popover {
  position: absolute;
  z-index: 1010;
  display: none;
  padding: 10px 20px;
  line-height: 20px;
  box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  max-width: 400px;
  background-color: #5A5A5A;
  color: White;
}
.popover .tooltiptext {
  padding-top: 15px;
}
.popover .hd .dialog-close {
  font-size: 18px;
  position: absolute;
  color: inherit;
  display: inline-block;
  top: 0;
  right: 0;
}
.popover .hd .dialog-close:after {
  font-size: inherit;
}
.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: inherit;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover.top .arrow {
  bottom: -2px;
  left: 30px;
  margin-top: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid;
}
.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid;
}
.popover.bottom .arrow {
  top: 0;
  left: 30px;
  margin-top: -8px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #5A5A5A;
}
.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid;
}
.fade {
  transition: opacity 0.4s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}
.gateway ul.ui-autocomplete {
  border-radius: 0;
  max-height: 200px;
  overflow: auto;
}
.gateway ul.ui-autocomplete.hideAutocomplete {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .gateway ul.ui-autocomplete::-webkit-scrollbar {
    width: 12px;
  }
  .gateway ul.ui-autocomplete::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
  }
  .gateway ul.ui-autocomplete::-webkit-scrollbar-thumb {
    background-color: #ccc;
  }
  .gateway ul.ui-autocomplete::-webkit-scrollbar-button:vertical:single-button {
    background-color: #eaeaea;
    display: block;
    height: 8px;
    width: 10px;
  }
  .gateway ul.ui-autocomplete::-webkit-scrollbar-button:vertical:single-button:increment {
    margin: 2px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #5A5A5A;
  }
  .gateway ul.ui-autocomplete::-webkit-scrollbar-button:vertical:single-button:decrement {
    margin: 2px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #5A5A5A;
  }
}
.gateway .ui-autocomplete-loading {
  background: white url('/gqweb/img/ajax-loader.gif') right 4px center no-repeat;
  z-index: 2;
  min-height: 16px;
  min-width: 20px;
  display: inline-block;
}
ul.ui-menu .ui-autocomplete-loading {
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.custom-icon-angle-down {
  height: 100%;
  width: 1em;
  text-indent: 0;
  margin-top: 0;
  top: auto;
  background-image: none;
  background-color: transparent;
  display: inline-block;
}
.custom-icon-angle-down:after {
  content: "\f107";
  height: 30px;
  line-height: 30px;
  font-size: 1.4em;
  font-weight: bold;
}
.custom-icon-angle-down:after {
  font-family: "FontAwesome";
}
.gateway span.ui-selectmenu-button {
  padding-right: 30px;
  width: 300px;
  max-width: 100%;
  background-image: none;
}
.gateway span.ui-selectmenu-button span.ui-selectmenu-text {
  line-height: inherit;
  padding: 0;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.gateway span.ui-selectmenu-button .ui-icon-triangle-1-s {
  height: 100%;
  width: 1em;
  text-indent: 0;
  margin-top: 0;
  top: auto;
  background-image: none;
  background-color: transparent;
  display: inline-block;
}
.gateway span.ui-selectmenu-button .ui-icon-triangle-1-s:after {
  content: "\f107";
  height: 30px;
  line-height: 30px;
  font-size: 1.4em;
  font-weight: bold;
}
.gateway span.ui-selectmenu-button .ui-icon-triangle-1-s:after {
  font-family: "FontAwesome";
}
.gateway.themed .ui-selectmenu-menu {
  background-color: inherit;
  color: inherit;
}
.gateway.themed .ui-menu {
  box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  color: inherit;
  background-color: inherit;
  border: none;
}
.gateway.themed .ui-menu li.ui-menu-item,
.gateway.themed .ui-menu li.ui-menu-item .ui-menu-item-wrapper {
  padding: 8.25px;
  line-height: 21.5px;
  border: none;
}
.gateway.themed .ui-menu li.ui-menu-item.ui-state-focus,
.gateway.themed .ui-menu li.ui-menu-item .ui-menu-item-wrapper.ui-state-focus,
.gateway.themed .ui-menu li.ui-menu-item.ui-state-active,
.gateway.themed .ui-menu li.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  margin: 0;
  background-image: none;
  outline: 2px dotted;
  border: none !important;
}
.gateway.themed .ui-menu li.ui-menu-item .pseudocheckbox,
.gateway.themed .ui-menu li.ui-menu-item .ui-menu-item-wrapper .pseudocheckbox {
  float: left;
  padding: 0;
}
.gateway.themed .ui-menu.ui-state-disabled {
  opacity: 1;
}
.gateway.themed .ui-menu.ui-state-disabled li.ui-menu-item.ui-state-focus,
.gateway.themed .ui-menu.ui-state-disabled ui-menu-item-wrapper.ui-state-focus {
  background-color: inherit;
}
.gateway .ui-corner-all,
.gateway .ui-corner-top,
.gateway .ui-corner-bottom {
  border-radius: 0;
}
.gateway .ui-widget {
  font-family: inherit;
  font-size: inherit;
}
.gateway .ui-widget-content {
  background-image: none;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
  max-height: 200px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
@media only screen and (max-width: 767px) {
  .ui-selectmenu-menu .ui-menu::-webkit-scrollbar {
    width: 12px;
  }
  .ui-selectmenu-menu .ui-menu::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
  }
  .ui-selectmenu-menu .ui-menu::-webkit-scrollbar-thumb {
    background-color: #ccc;
  }
  .ui-selectmenu-menu .ui-menu::-webkit-scrollbar-button:vertical:single-button {
    background-color: #eaeaea;
    display: block;
    height: 8px;
    width: 10px;
  }
  .ui-selectmenu-menu .ui-menu::-webkit-scrollbar-button:vertical:single-button:increment {
    margin: 2px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #5A5A5A;
  }
  .ui-selectmenu-menu .ui-menu::-webkit-scrollbar-button:vertical:single-button:decrement {
    margin: 2px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 12px solid #5A5A5A;
  }
}
.ui-selectmenu-menu.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.ui-selectmenu-button .ui-icon {
  right: 5px;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.ui-selectmenu-button .ui-selectmenu-text {
  display: block;
  white-space: nowrap;
  margin-right: 20px;
}
button.ui-datepicker-trigger {
  position: absolute;
  margin-left: 15px;
  text-indent: -9000px;
  overflow: hidden;
  width: 40px;
  display: inline-block;
}
button.ui-datepicker-trigger:focus:after {
  outline: dotted thin white;
}
button.ui-datepicker-trigger:after {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 18px;
  text-indent: 0;
  width: 30px;
  height: 30px;
  margin: 5px;
  line-height: 30px;
}
button.ui-datepicker-trigger:after {
  font-family: "FontAwesome";
}
button.ui-datepicker-trigger:after {
  content: "\f073";
}
.ui-datepicker .ui-datepicker-header {
  color: inherit;
  background-image: none;
  border: none;
}
.ui-datepicker .ui-datepicker-header .ui-icon {
  background-image: none;
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
  content: "\f0d9";
  padding: 0 6px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  text-align: right;
  margin: 0 30px 0 30px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  margin: 0 30px 0 30px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
  content: "\f0da";
  padding: 0 6px;
}
.ui-datepicker .ui-datepicker-header .next-year {
  margin: 0;
  text-align: right;
}
.ui-datepicker .ui-datepicker-header .prev-year {
  margin: 0;
}
.ui-datepicker .ui-datepicker-header .next-year:after {
  content: "\f0da \f0da";
  padding: 0 6px;
}
.ui-datepicker .ui-datepicker-header .prev-year:after {
  content: "\f0d9 \f0d9";
  padding: 0 6px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after,
.ui-datepicker .ui-datepicker-header .next-year:before,
.ui-datepicker .ui-datepicker-header .prev-year:before,
.ui-datepicker .ui-datepicker-header .next-year:after,
.ui-datepicker .ui-datepicker-header .prev-year:after {
  font-family: "FontAwesome";
}
.ui-datepicker table {
  display: inline-table;
}
.ui-datepicker table td {
  display: table-cell;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover {
  background-image: none;
  border: none;
}
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover {
  outline: solid 1px;
}
.ui-datepicker .ui-datepicker-today .ui-state-highlight {
  font-weight: bold;
}
.leavingWarningDialog {
  max-width: 500px;
  font-family: inherit;
}
.leavingWarningDialog .title {
  font-weight: bold;
}
.leavingWarningDialog .message {
  margin-top: 20px;
}
.leavingWarningDialog .buttons .button-primary {
  text-decoration: underline;
  background-color: #ffffff;
}
.ngdialog.ngdialog-theme-default .ngdialog-close {
  height: 30px;
  width: 30px;
  top: 8px;
  right: 8px;
  border: none;
  border-radius: 0;
}
.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  top: 0;
  right: 0;
}
.fa-icon-warning {
  color: #EDB200;
}
.fa-icon-green {
  color: green;
}
.pseudoradio.checked:after,
.pseudocheckbox.checked:after {
  color: #333333;
}
.jobCard,
.fileManager .subgroup .file {
  outline-style: solid;
  outline-width: 0.5px;
}
.themed .disabled,
.themed :disabled {
  background-color: #AEAEAE !important;
  cursor: default !important;
  color: inherit !important;
}
.themed .disabled span,
.themed :disabled span {
  color: inherit !important;
}
.themed #swfCoreHeader .disabled,
.themed #swfCoreHeader :disabled {
  background-color: inherit !important;
  cursor: inherit !important;
  color: inherit !important;
}
.themed #swfCoreHeader .disabled span,
.themed #swfCoreHeader :disabled span {
  color: inherit !important;
}
.themed .socialSources a.linkedin:focus,
.themed .socialMedia.linkedin button:focus,
.themed .ProfileSource a.linkedin:focus,
.themed .socialsourcesleft a.linkedin:focus,
.themed .fieldButton.linkedin:focus {
  outline: 2px dotted #003650;
  outline-offset: 2px;
}
.themed .socialSources a.linkedin:focus .button-label,
.themed .socialMedia.linkedin button:focus .button-label,
.themed .ProfileSource a.linkedin:focus .button-label,
.themed .socialsourcesleft a.linkedin:focus .button-label,
.themed .fieldButton.linkedin:focus .button-label {
  outline: 0;
}
.themed .socialSources a.facebook:focus,
.themed .socialMedia.facebook .fb_iframe_widget:focus,
.themed .ProfileSource a.facebook:focus,
.themed .socialsourcesleft a.facebook:focus,
.themed .fieldButton.facebook:focus,
.themed .inlineBlock._2tga _89n_ _8j9v:focus {
  outline: 2px dotted #1e2e4f;
  outline-offset: 2px;
}
.themed .socialSources a.facebook:focus .button-label,
.themed .socialMedia.facebook .fb_iframe_widget:focus .button-label,
.themed .ProfileSource a.facebook:focus .button-label,
.themed .socialsourcesleft a.facebook:focus .button-label,
.themed .fieldButton.facebook:focus .button-label,
.themed .inlineBlock._2tga _89n_ _8j9v:focus .button-label {
  outline: 0;
}
.themed .fb_iframe_widget.in_iframe {
  outline: 2px dotted #1e2e4f;
  outline-offset: 2px;
}
.themed .fb_iframe_widget.in_iframe .button-label {
  outline: 0;
}
.themed .socialSources a.twitter:focus,
.themed .socialMedia.Twitter:focus,
.themed .ProfileSource a.twitter:focus,
.themed .socialsourcesleft a.twitter:focus,
.themed .fieldButton.twitter:focus {
  outline: 2px dotted #0065d9;
  outline-offset: 2px;
}
.themed .socialSources a.twitter:focus .button-label,
.themed .socialMedia.Twitter:focus .button-label,
.themed .ProfileSource a.twitter:focus .button-label,
.themed .socialsourcesleft a.twitter:focus .button-label,
.themed .fieldButton.twitter:focus .button-label {
  outline: 0;
}
.themed .socialSources a.pseudoGoogle:focus,
.themed .ProfileSource a.pseudoGoogle:focus,
.themed .socialsourcesleft a.pseudoGoogle:focus,
.themed .fieldButton.pseudoGoogle:focus {
  outline: 2px dotted #434d57;
  outline-offset: 2px;
}
.themed .socialSources a.pseudoGoogle:focus .button-label,
.themed .ProfileSource a.pseudoGoogle:focus .button-label,
.themed .socialsourcesleft a.pseudoGoogle:focus .button-label,
.themed .fieldButton.pseudoGoogle:focus .button-label {
  outline: 0;
}
.themed button.linkedin,
.themed a.linkedin,
.themed .fieldButton.linkedin,
.themed .loginWidget .linkedin,
.themed .imageContainer .fa-linkedin-square {
  border: 1px solid #0077b5;
  background-color: #0077b5;
  color: #fff !important;
  line-height: 20px;
}
.themed button.linkedin:hover,
.themed a.linkedin:hover,
.themed .fieldButton.linkedin:hover,
.themed .loginWidget .linkedin:hover,
.themed .imageContainer .fa-linkedin-square:hover {
  border: 1px solid #005785;
  background-color: #005785;
  color: #fff;
}
.themed button.linkedin .button-label,
.themed a.linkedin .button-label,
.themed .fieldButton.linkedin .button-label,
.themed .loginWidget .linkedin .button-label,
.themed .imageContainer .fa-linkedin-square .button-label {
  outline-color: #fff;
}
.themed button.linkedin span,
.themed a.linkedin span,
.themed .fieldButton.linkedin span,
.themed .loginWidget .linkedin span,
.themed .imageContainer .fa-linkedin-square span {
  position: relative;
  top: -5px;
  padding-right: 10px;
}
.themed button.facebook,
.themed a.facebook,
.themed .fieldButton.facebook,
.themed .loginWidget .facebook,
.themed .imageContainer .fa-facebook-square {
  border: 1px solid #1877f2;
  background-color: #1877f2;
  color: #fff !important;
  line-height: 20px;
}
.themed button.facebook:hover,
.themed a.facebook:hover,
.themed .fieldButton.facebook:hover,
.themed .loginWidget .facebook:hover,
.themed .imageContainer .fa-facebook-square:hover {
  border: 1px solid #0c60ce;
  background-color: #0c60ce;
  color: #fff;
}
.themed button.facebook .button-label,
.themed a.facebook .button-label,
.themed .fieldButton.facebook .button-label,
.themed .loginWidget .facebook .button-label,
.themed .imageContainer .fa-facebook-square .button-label {
  outline-color: #fff;
}
.themed button.facebook span,
.themed a.facebook span,
.themed .fieldButton.facebook span,
.themed .loginWidget .facebook span,
.themed .imageContainer .fa-facebook-square span {
  position: relative;
  top: -5px;
  padding-right: 10px;
}
.themed button.twitter,
.themed a.twitter,
.themed .fieldButton.twitter,
.themed .loginWidget .twitter,
.themed .imageContainer .fa-twitter-square {
  border: 1px solid #1da1f2;
  background-color: #1da1f2;
  color: #fff !important;
  line-height: 20px;
}
.themed button.twitter:hover,
.themed a.twitter:hover,
.themed .fieldButton.twitter:hover,
.themed .loginWidget .twitter:hover,
.themed .imageContainer .fa-twitter-square:hover {
  border: 1px solid #169ef2;
  background-color: #169ef2;
  color: #fff;
}
.themed button.twitter .button-label,
.themed a.twitter .button-label,
.themed .fieldButton.twitter .button-label,
.themed .loginWidget .twitter .button-label,
.themed .imageContainer .fa-twitter-square .button-label {
  outline-color: #fff;
}
.themed button.twitter span,
.themed a.twitter span,
.themed .fieldButton.twitter span,
.themed .loginWidget .twitter span,
.themed .imageContainer .fa-twitter-square span {
  position: relative;
  top: -5px;
  padding-right: 10px;
}
.themed button.twitter span,
.themed a.twitter span,
.themed .fieldButton.twitter span,
.themed .loginWidget .twitter span,
.themed .imageContainer .fa-twitter-square span,
.themed button.twitter .button-label,
.themed a.twitter .button-label,
.themed .fieldButton.twitter .button-label,
.themed .loginWidget .twitter .button-label,
.themed .imageContainer .fa-twitter-square .button-label {
  color: black;
}
.themed button.dropbox,
.themed a.dropbox,
.themed .fieldButton.dropbox,
.themed .loginWidget .dropbox {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #fff !important;
  line-height: 20px;
}
.themed button.dropbox:hover,
.themed a.dropbox:hover,
.themed .fieldButton.dropbox:hover,
.themed .loginWidget .dropbox:hover {
  border: 1px solid #e7e7e7;
  background-color: #e7e7e7;
  color: #fff;
}
.themed button.dropbox .button-label,
.themed a.dropbox .button-label,
.themed .fieldButton.dropbox .button-label,
.themed .loginWidget .dropbox .button-label {
  outline-color: black;
}
.themed button.dropbox span,
.themed a.dropbox span,
.themed .fieldButton.dropbox span,
.themed .loginWidget .dropbox span {
  position: relative;
  top: -5px;
  padding-right: 10px;
}
.themed button.dropbox,
.themed .fieldButton.dropbox,
.themed .loginWidget .dropbox {
  padding: 5px;
  line-height: 0px;
  border: 1px solid #fcfcfc;
  background-color: #fcfcfc;
  color: #fff !important;
  border: 1px solid #ebebeb;
}
.themed button.dropbox:hover,
.themed .fieldButton.dropbox:hover,
.themed .loginWidget .dropbox:hover {
  border: 1px solid #f6f6f6;
  background-color: #f6f6f6;
  color: #fff;
  border: 1px solid #ebebeb;
}
.themed button.dropbox .fa,
.themed .fieldButton.dropbox .fa,
.themed .loginWidget .dropbox .fa,
.themed button.dropbox .fab,
.themed .fieldButton.dropbox .fab,
.themed .loginWidget .dropbox .fab {
  color: #0061ff;
}
.themed button.dropbox .button-label,
.themed .fieldButton.dropbox .button-label,
.themed .loginWidget .dropbox .button-label {
  font-weight: 600;
  color: #636363;
  font-family: sans-serif;
}
.themed button.dropbox span,
.themed .fieldButton.dropbox span,
.themed .loginWidget .dropbox span {
  position: relative;
  padding-right: 10px;
}
.themed button.pseudoGoogleDrive,
.themed .fieldButton.pseudoGoogleDrive,
.themed .loginWidget .pseudoGoogleDrive {
  padding: 5px;
  line-height: 0px;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #fff !important;
  border: 1px solid black;
}
.themed button.pseudoGoogleDrive:hover,
.themed .fieldButton.pseudoGoogleDrive:hover,
.themed .loginWidget .pseudoGoogleDrive:hover {
  border: 1px solid #f9f9f9;
  background-color: #f9f9f9;
  color: #fff;
  border: 1px solid black;
}
.themed button.pseudoGoogleDrive:focus .button-label,
.themed .fieldButton.pseudoGoogleDrive:focus .button-label,
.themed .loginWidget .pseudoGoogleDrive:focus .button-label {
  outline-color: black;
}
.themed button.pseudoGoogleDrive .button-label,
.themed .fieldButton.pseudoGoogleDrive .button-label,
.themed .loginWidget .pseudoGoogleDrive .button-label {
  color: black;
  font-size: x-large;
}
.themed button.pseudoGoogleDrive img,
.themed .fieldButton.pseudoGoogleDrive img,
.themed .loginWidget .pseudoGoogleDrive img {
  height: 30px;
  width: 30px;
  background: white;
  padding: 2px;
}
.themed button.pseudoGoogleDrive span,
.themed .fieldButton.pseudoGoogleDrive span,
.themed .loginWidget .pseudoGoogleDrive span {
  position: relative;
  top: -7px;
  margin-right: 10px;
}
.themed button.pseudoGoogle,
.themed a.pseudoGoogle,
.themed .fieldButton.pseudoGoogle,
.themed .loginWidget a.pseudoGoogle {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #fff !important;
  border: 1px solid slategrey;
  padding: 0px 10px 0 0;
  line-height: 20px;
}
.themed button.pseudoGoogle:hover,
.themed a.pseudoGoogle:hover,
.themed .fieldButton.pseudoGoogle:hover,
.themed .loginWidget a.pseudoGoogle:hover {
  border: 1px solid #f9f9f9;
  background-color: #f9f9f9;
  color: #fff;
  border: 1px solid slategrey;
}
.themed button.pseudoGoogle:focus .button-label,
.themed a.pseudoGoogle:focus .button-label,
.themed .fieldButton.pseudoGoogle:focus .button-label,
.themed .loginWidget a.pseudoGoogle:focus .button-label {
  outline-color: black;
}
.themed button.pseudoGoogle svg,
.themed a.pseudoGoogle svg,
.themed .fieldButton.pseudoGoogle svg,
.themed .loginWidget a.pseudoGoogle svg {
  background: #fff;
  position: relative;
  top: 2px;
  margin-left: 2px;
  padding: 3px;
  width: 30px;
  height: 30px;
  display: inline;
}
.themed button.pseudoGoogle img,
.themed a.pseudoGoogle img,
.themed .fieldButton.pseudoGoogle img,
.themed .loginWidget a.pseudoGoogle img {
  height: 40px;
  width: 40px;
  background: white;
  padding: 2px;
  position: relative;
  top: 2px;
  left: 2px;
  margin-right: 10px;
}
.themed button.pseudoGoogle span,
.themed a.pseudoGoogle span,
.themed .fieldButton.pseudoGoogle span,
.themed .loginWidget a.pseudoGoogle span {
  position: relative;
  top: -5px;
  margin-right: 10px;
}
.themed button.pseudoGoogle span,
.themed a.pseudoGoogle span,
.themed .fieldButton.pseudoGoogle span,
.themed .loginWidget a.pseudoGoogle span,
.themed button.pseudoGoogle .button-label,
.themed a.pseudoGoogle .button-label,
.themed .fieldButton.pseudoGoogle .button-label,
.themed .loginWidget a.pseudoGoogle .button-label {
  color: black;
}
.themed .g-signin2 {
  display: none;
  width: 0px;
  height: 0px;
}
.largeTitle {
  font-size: 130%;
}
.jobtitle {
  cursor: pointer;
  font-size: 130%;
}
.jobtitle:hover {
  display: inline;
  border-bottom: 1px solid;
  margin-bottom: -1px;
}
.jobtitleInJobDetails.answer {
  display: inline-block;
  font-weight: bold;
}
.section2LeftfieldsInJobDetails.answer {
  clear: both;
}
.section2RightfieldsInJobDetails {
  margin-left: 50%;
  padding-left: 20px;
}
@media only screen and (max-width: 620px) {
  .section2RightfieldsInJobDetails {
    margin-left: 0;
    padding-left: 0;
  }
}
.section2LeftfieldsInJobDetails {
  float: left;
  clear: left;
  width: 50%;
  overflow-wrap: break-word;
}
.section2LeftfieldsInJobDetails.jobDetailTextArea {
  width: 100%;
}
@media only screen and (max-width: 620px) {
  .section2LeftfieldsInJobDetails {
    float: none;
    width: 100%;
  }
}
.jobdetailNoJob .noJobsearchresults {
  max-width: 100%;
}
.jobDetailsFooter {
  clear: both;
}
.jobDetailsFooter .buttonsFooter {
  position: static;
}
.jobDetailsFooter .buttonsFooterAccent {
  margin: 0;
  padding: 30px 0 30px 0;
}
.jobdescriptionInJobDetails li li,
.jobDetailTextArea li li {
  margin-left: 20px;
}
.jobdescriptionInJobDetails li li li,
.jobDetailTextArea li li li {
  margin-left: 20px;
}
.jobdescriptionInJobDetails li li li li,
.jobDetailTextArea li li li li {
  margin-left: 20px;
}
.jobdescriptionInJobDetails li li li li li,
.jobDetailTextArea li li li li li {
  margin-left: 20px;
}
/*.featuredJobs, .referralJobs {
    float: left;
    height: 18px;
    width: 16px;
}*/
.featuredJobs.fa {
  color: orangered;
}
/*.featuredJobs {
    background: url("/TGNewUI/Content/JS_sprite.png") 0 0;
}*/
/*.referralJobs {
    &:after {
        content: "\f005";
        font-family: 'FontAwesome';
    }
}*/
@media print and screen and (-ms-high-contrast: active), print and (-ms-high-contrast: none) {
  li {
    list-style: disc inside;
  }
  li li {
    padding-left: 20px;
  }
  li li li {
    padding-left: 20px;
  }
  li li li li {
    padding-left: 20px;
  }
  li li li li li {
    padding-left: 20px;
  }
}
.jobdescriptionInJobDetails table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid;
}
@media only screen and (max-width: 480px) {
  .jobdescriptionInJobDetails table {
    text-align: left;
    padding: 20px;
  }
}
.jobdescriptionInJobDetails table thead,
.jobdescriptionInJobDetails table tfoot {
  border-top: 2px solid;
  border-bottom: 2px solid;
}
@media only screen and (max-width: 480px) {
  .jobdescriptionInJobDetails table thead tr,
  .jobdescriptionInJobDetails table tfoot tr {
    height: auto;
  }
}
.jobdescriptionInJobDetails table thead tr th,
.jobdescriptionInJobDetails table tfoot tr th,
.jobdescriptionInJobDetails table thead tr td,
.jobdescriptionInJobDetails table tfoot tr td {
  padding: 10px 0 10px 5px;
  cursor: pointer;
  text-align: left;
}
@media only screen and (max-width: 480px) {
  .jobdescriptionInJobDetails table thead tr th,
  .jobdescriptionInJobDetails table tfoot tr th,
  .jobdescriptionInJobDetails table thead tr td,
  .jobdescriptionInJobDetails table tfoot tr td {
    font-weight: 600;
    height: auto;
    display: block;
    max-width: 100%;
  }
}
.jobdescriptionInJobDetails table tbody {
  width: 100%;
}
.jobdescriptionInJobDetails table tbody tr {
  border: 1px solid;
}
@media only screen and (max-width: 480px) {
  .jobdescriptionInJobDetails table tbody tr {
    height: auto;
  }
}
.jobdescriptionInJobDetails table tbody tr td {
  padding: 5px;
}
@media only screen and (max-width: 480px) {
  .jobdescriptionInJobDetails table tbody tr td {
    height: auto;
    display: block;
    max-width: 100%;
  }
}
.jobdescriptionInJobDetails table tbody tr td:first-child,
.jobdescriptionInJobDetails table tbody tr td:last-child {
  padding-top: 10px;
  padding-bottom: 10px;
}
.jobdescriptionInJobDetails > ol,
.jobdescriptionInJobDetails > ul,
.jobDetailTextArea > ul,
.jobDetailTextArea > ol,
.welcome .welcomeText > ol,
.welcome .welcomeText > ul {
  padding: 0 0 0 40px;
}
.jobdescriptionInJobDetails ul li,
.jobDetailTextArea ul li,
.welcome .welcomeText ul li {
  list-style-position: outside;
  list-style-type: disc;
}
.jobdescriptionInJobDetails ol li,
.jobDetailTextArea ol li,
.welcome .welcomeText ol li {
  list-style-position: outside;
  list-style-type: decimal;
}
.jobdescriptionInJobDetails h1,
.jobdescriptionInJobDetails h2,
.jobdescriptionInJobDetails h3,
.jobdescriptionInJobDetails h4,
.jobdescriptionInJobDetails h5,
.jobdescriptionInJobDetails h6,
.jobdescriptionInJobDetails p,
.jobdescriptionInJobDetails blockquote,
.jobdescriptionInJobDetails form,
.jobdescriptionInJobDetails label,
.jobdescriptionInJobDetails strong,
.jobdescriptionInJobDetails > ul,
.jobdescriptionInJobDetails > ol,
.jobdescriptionInJobDetails dl,
.jobdescriptionInJobDetails fieldset,
.jobdescriptionInJobDetails address,
.jobDetailTextArea h1,
.jobDetailTextArea h2,
.jobDetailTextArea h3,
.jobDetailTextArea h4,
.jobDetailTextArea h5,
.jobDetailTextArea h6,
.jobDetailTextArea p,
.jobDetailTextArea blockquote,
.jobDetailTextArea form,
.jobDetailTextArea label,
.jobDetailTextArea strong,
.jobDetailTextArea > ul,
.jobDetailTextArea > ol,
.jobDetailTextArea dl,
.jobDetailTextArea fieldset,
.jobDetailTextArea address,
.welcome .welcomeText h1,
.welcome .welcomeText h2,
.welcome .welcomeText h3,
.welcome .welcomeText h4,
.welcome .welcomeText h5,
.welcome .welcomeText h6,
.welcome .welcomeText p,
.welcome .welcomeText blockquote,
.welcome .welcomeText form,
.welcome .welcomeText label,
strong,
.welcome .welcomeText > ul,
.welcome .welcomeText ol,
.welcome .welcomeText dl,
.welcome .welcomeText fieldset,
.welcome .welcomeText address {
  margin: 1em 0;
}
.jobdescriptionInJobDetails strong,
.jobDetailTextArea strong,
.welcome .welcomeText strong {
  font-weight: bold;
}
.jobdescriptionInJobDetails a,
.jobDetailTextArea a,
.welcome .welcomeText a {
  text-decoration: underline;
}
.jobDetailsLiner img {
  width: 100%;
  height: auto;
}
.jobDetailTextArea {
  float: none;
}
.jobDetailsMainDiv + .jobDetailsMainDiv > .socialMediaFooter {
  display: block;
}
.jobDetailsMainDiv > .socialMediaFooter {
  display: none;
}
div.questionClass {
  margin-top: 20px;
}
.question {
  padding-top: 20px;
  padding-bottom: 8px;
}
.thick {
  font-size: 90%;
  font-weight: bold;
}
.JDPreviewheader {
  font-size: 125%;
  padding: 30px 0 0 0;
}