@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*/
  /*.cardHighlight::before {
        border-right-color: @baseFontColor !important;
        border-top-color: @baseFontColor !important;
    }*/
  /*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 .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 .chatIcon {
  animation: darkpulse 3s infinite;
}
@keyframes darkpulse {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 0 25px rgba(255, 255, 255, 0);
  }
}
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;
  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 .ngdialog-content,
html.darkmode .enableshade .tgChatBot,
html.darkmode .enableshade .tgChatBot .prev,
html.darkmode .enableshade .tgChatBot .next,
html.darkmode .enableshade .tgChatBot .cards {
  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,
html.darkmode .enableshade.negativeColorScheme .ngdialog-content {
  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;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  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;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: bottom;
  margin: 0px;
  line-height: 30px;
}
a.fieldHelp {
  display: contents;
  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 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  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: 0.5;
  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 {
  -webkit-transition: 0 cubic-bezier(0.25, 0.25, 0.75, 0.75) none;
  -moz-transition: 0 cubic-bezier(0.25, 0.25, 0.75, 0.75) none;
  -ms-transition: 0 cubic-bezier(0.25, 0.25, 0.75, 0.75) none;
  -o-transition: 0 cubic-bezier(0.25, 0.25, 0.75, 0.75) none;
  transition: 0 cubic-bezier(0.25, 0.25, 0.75, 0.75) none;
}
.largeBackgroundImage {
  background-position: center center;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.veryLargeBackgroundImage {
  background-attachment: fixed;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  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: 0.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: 0.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;
  -webkit-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  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;
  cursor: pointer;
}
.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 {
  -webkit-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  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 {
    -webkit-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
    box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  }
}
.linkContainer {
  -webkit-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  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;
  -webkit-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  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;
}
body.themed .experienceList .inlineTextGroup.increaseSpace {
  max-width: 500px;
}
.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;
  -moz-user-select: none;
  -ms-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 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: 0.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;
  -o-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;
  -o-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;
  -webkit-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  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 {
  -webkit-transition: opacity 0.4s linear;
  -moz-transition: opacity 0.4s linear;
  -ms-transition: opacity 0.4s linear;
  -o-transition: opacity 0.4s linear;
  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;
  -o-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 {
  -webkit-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  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: -7px;
  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: white;
}
.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;
}
.icon_twitter_x {
  font-size: 32px;
  height: 28px;
  line-height: 34px;
  text-align: center;
  margin: 3px 8px 0 4px;
  display: inline;
  background-color: #FFFFFF;
  border-radius: 5px;
  box-sizing: border-box;
  border-width: 1px;
  text-rendering: auto;
}
.applyFlow {
  padding: 10px 30px;
}
.applyFlow .submissionComplete {
  display: none;
  border-width: 0px;
}
.applyFlow .requiredFieldsDescription {
  margin: 0 0 20px 0;
}
.applyFlow .baseColorPalette span.requiredFieldIndicator,
.applyFlow .requiredFieldIndicator {
  color: #D82021;
  display: inline;
}
.applyFlow .SMSVendorSpeficicText {
  margin-bottom: 0px;
}
.applyFlow #GeneralSkillsWidget .skillsHeading {
  padding-bottom: 10px;
}
.applyFlow #GeneralSkillsWidget .maxSkillsText {
  margin: 0px 0px 5px 0px;
}
.applyFlow #eSignature .eSignHeading {
  padding-bottom: 10px;
}
.applyFlow #eSignature a.eSignLink {
  display: block;
  margin: 20px 10px 20px 10px;
  max-width: 300px;
  width: 100%;
}
.applyFlow #eSignature img#signatureImg {
  background: #fff;
  max-width: 100%;
  margin: 10px 0 10px 0;
}
.applyFlow #eSignature img#signatureImg:focus {
  outline: 2px black dotted;
  outline-offset: 2px;
}
.applyFlow #eSignature .fa-signature {
  margin-left: 10px;
  padding: 5px;
  border: 2px solid;
}
.applyFlow .ListView ol {
  margin-left: 20px;
}
.applyFlow .ListView ol li {
  list-style-type: decimal;
  padding: 5px;
}
.applyFlow .ListView ul {
  margin-left: 20px;
}
.applyFlow .ListView ul li {
  list-style-type: disc;
  padding: 5px;
}
.applyFlow .UnderLineLink:hover {
  display: inline;
  border-bottom: 1px solid;
  margin-bottom: -1px;
}
.applyFlow .JobTitleShow {
  font-weight: normal;
}
.applyFlow .JobTitleShow:hover {
  display: inline;
  border-bottom: 1px solid;
  margin-bottom: -1px;
}
@media only screen and (max-width: 768px) {
  .applyFlow {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.applyFlow .backLink {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
}
.applyFlow h1 {
  font-size: 150%;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
}
.applyFlow h2 {
  font-weight: bold;
  line-height: 25px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
  padding-top: 20px;
}
.applyFlow .introductionContainer p {
  margin-bottom: 20px;
}
.applyFlow .subsection {
  width: 600px;
}
@media only screen and (max-width: 650px) {
  .applyFlow .subsection {
    width: 100%;
  }
}
.applyFlow .subsection.lightAccentBkg {
  padding: 20px;
  margin-bottom: 20px;
}
.applyFlow .subsection.lightAccentBkg div.baseColorPalette {
  padding: 10px;
}
.applyFlow .lblbold {
  font-weight: 600;
}
.applyFlow .reviewPageTitle {
  font-size: 1.25em;
  margin-bottom: 20px;
  display: inline-block;
  width: 90%;
}
.applyFlow .layoutsection .educationList .fieldcontain label.lblbold {
  margin-bottom: 2px;
}
.applyFlow .layoutsection .experienceList .fieldcontain label.lblbold {
  margin-bottom: 2px;
}
.applyFlow .layoutsection .ImageQuestion {
  max-width: 725px;
}
@media only screen and (max-width: 768px) {
  .applyFlow .layoutsection .ImageQuestion {
    max-width: 450px;
  }
}
@media only screen and (max-width: 480px) {
  .applyFlow .layoutsection .ImageQuestion {
    max-width: 100%;
  }
}
.applyFlow .layoutsection .widgetclose,
.applyFlow .layoutsection .reviewEdit {
  float: right;
  position: relative;
}
.applyFlow .layoutsection .reviewEdit {
  padding-top: 0px;
}
.applyFlow .widgetmsg {
  display: block;
  margin-bottom: 10px;
  font-weight: normal;
}
.applyFlow .assessmenttextwidget {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .applyFlow .textWidth img {
    max-width: 400px;
  }
}
@media only screen and (max-width: 480px) {
  .applyFlow .textWidth img {
    max-width: 100%;
  }
}
.applyFlow .progressBarContainer {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
  width: 600px;
  *zoom: 1;
  padding-right: 4em;
  position: relative;
}
@media only screen and (max-width: 650px) {
  .applyFlow .progressBarContainer {
    width: 100%;
  }
}
.applyFlow .progressBarContainer:before,
.applyFlow .progressBarContainer:after {
  content: "";
  display: table;
  border: none;
  padding: 0;
}
.applyFlow .progressBarContainer:after {
  clear: both;
}
.applyFlow .progressBarContainer .progressBar {
  float: left;
  height: 30px;
  width: 100%;
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
}
.applyFlow .progressBarContainer .progressBar .meter {
  height: 100%;
  min-width: 6px;
}
.applyFlow .progressBarContainer #progressPercentage {
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  line-height: 30px;
  font-weight: bold;
}
.applyFlow .layoutsection {
  /*div.heading.textwidget {
            &:before {
                margin: 0 -30px 20px;
                padding: 0;
                display: block;
                content: "";
                color: transparent;
                height: 20px;
                width: ~"calc(100% + 60px)";
            }
        }*/
}
.applyFlow .layoutsection div.separator {
  width: calc(100% + 40px);
  margin-left: -20px;
  display: block;
  content: "";
  height: 20px;
}
.applyFlow .layoutsection div.heading {
  background-color: inherit;
  font-weight: bold;
  margin-top: 15px;
}
.applyFlow .layoutsection div.heading span.uploadReviewText {
  display: block;
  font-weight: normal;
}
.applyFlow .layoutsection div.heading:before {
  margin: 0 -20px 20px;
  padding: 0;
  display: block;
  content: "";
  color: transparent;
  height: 20px;
  width: calc(100% + 40px);
}
.applyFlow .layoutsection div.heading.headingInReview:before {
  content: none;
}
.applyFlow .layoutsection div.heading.reviewHeading:before {
  margin: 0px;
  background-color: inherit;
  height: 0px;
}
.applyFlow .layoutsection div.heading.reviewHeading table.lightAccentBkg {
  margin-left: -20px;
  width: calc(100% + 40px);
}
.applyFlow .layoutsection div.heading.reviewHeading table.lightAccentBkg td {
  padding-bottom: 20px;
}
.applyFlow .layoutsection div.heading.reviewHeading table.lightAccentBkg td .jobTitle {
  margin-top: 20px;
}
.applyFlow .layoutsection div.heading:first-of-type {
  padding-top: 0;
  padding-bottom: 10px;
}
.applyFlow .layoutsection div.heading:first-of-type:before {
  display: none;
}
.applyFlow .layoutsection div.heading.reviewHeading:first-of-type {
  padding: 10px;
  margin-top: 0px;
}
.applyFlow .layoutsection .resumesection.ui-bar .ui-radio:last-child,
.applyFlow .layoutsection .resumesection.ui-bar .ui-checkbox:last-child {
  margin-bottom: 0px;
}
.applyFlow .layoutsection .resumesection.ui-bar .buildResumePad {
  top: 20px;
}
.applyFlow .layoutsection .resumesection.ui-bar .paragraphPad {
  margin-bottom: 20px;
}
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .buildResumePad .paragraphPad {
  visibility: hidden;
}
.applyFlow .layoutsection .educationsection.ui-bar,
.applyFlow .layoutsection .experiencesection.ui-bar,
.applyFlow .layoutsection .resumesection.ui-bar,
.applyFlow .layoutsection .coverlettersection.ui-bar {
  padding: 20px 0 0 0;
}
.applyFlow .layoutsection .educationsection.ui-bar > h3,
.applyFlow .layoutsection .experiencesection.ui-bar > h3,
.applyFlow .layoutsection .resumesection.ui-bar > h3,
.applyFlow .layoutsection .coverlettersection.ui-bar > h3 {
  font-weight: bold;
}
.applyFlow .layoutsection .educationsection.ui-bar.reviewEduExpWidget,
.applyFlow .layoutsection .experiencesection.ui-bar.reviewEduExpWidget,
.applyFlow .layoutsection .resumesection.ui-bar.reviewEduExpWidget,
.applyFlow .layoutsection .coverlettersection.ui-bar.reviewEduExpWidget {
  padding-left: 10px;
}
.applyFlow .layoutsection .educationsection.ui-bar.headingInReview,
.applyFlow .layoutsection .experiencesection.ui-bar.headingInReview,
.applyFlow .layoutsection .resumesection.ui-bar.headingInReview,
.applyFlow .layoutsection .coverlettersection.ui-bar.headingInReview {
  padding: 0px;
  margin: 0px;
}
.applyFlow .layoutsection .educationsection.ui-bar.headingInReview a,
.applyFlow .layoutsection .experiencesection.ui-bar.headingInReview a,
.applyFlow .layoutsection .resumesection.ui-bar.headingInReview a,
.applyFlow .layoutsection .coverlettersection.ui-bar.headingInReview a {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.applyFlow .layoutsection .educationsection.ui-bar.headingInReview .lblview,
.applyFlow .layoutsection .experiencesection.ui-bar.headingInReview .lblview,
.applyFlow .layoutsection .resumesection.ui-bar.headingInReview .lblview,
.applyFlow .layoutsection .coverlettersection.ui-bar.headingInReview .lblview {
  font-weight: normal;
}
.applyFlow .layoutsection .educationsection.ui-bar.headingInReview .vMargin:last-of-type,
.applyFlow .layoutsection .experiencesection.ui-bar.headingInReview .vMargin:last-of-type,
.applyFlow .layoutsection .resumesection.ui-bar.headingInReview .vMargin:last-of-type,
.applyFlow .layoutsection .coverlettersection.ui-bar.headingInReview .vMargin:last-of-type {
  margin: 0px;
  font-weight: normal;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent {
  padding: 10px 10px 10px 10px;
  margin-top: 20px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent.backgroundColor,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent.backgroundColor,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent.backgroundColor,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent.backgroundColor {
  margin-top: 10px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent.reviewWidget,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent.reviewWidget,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent.reviewWidget,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent.reviewWidget {
  margin-top: 0;
  padding: 10px 0px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .paragraphBreak,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .paragraphBreak,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .paragraphBreak,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .paragraphBreak {
  display: none;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly .paragraphBreak,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly .paragraphBreak,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly .paragraphBreak,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly .paragraphBreak {
  display: block;
  height: 10px;
  overflow: hidden;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly div.fieldcontain,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly div.fieldcontain,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly div.fieldcontain,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly div.fieldcontain {
  padding: 0px 10px 10px 10px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly .mostRecentStaticText,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly .mostRecentStaticText,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly .mostRecentStaticText,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly .mostRecentStaticText {
  display: block;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly .institution .fieldcontain,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly .institution .fieldcontain,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly .institution .fieldcontain,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly .institution .fieldcontain {
  padding-top: 10px;
  padding-bottom: 0;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly .topParagraph .fieldcontain,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly .topParagraph .fieldcontain,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly .topParagraph .fieldcontain,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly .topParagraph .fieldcontain {
  padding-top: 0;
  padding-bottom: 0;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly .topParagraph:last-of-type .fieldcontain,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly .topParagraph:last-of-type .fieldcontain,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly .topParagraph:last-of-type .fieldcontain,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly .topParagraph:last-of-type .fieldcontain {
  padding-bottom: 10px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly li,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly li,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly li,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly li {
  display: none;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly li.populated,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly li.populated,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly li.populated,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly li.populated {
  display: list-item;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .widgetinner,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .widgetinner,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .widgetinner,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .widgetinner {
  margin-top: 20px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .widgetinner .textInputWrapper,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .widgetinner .textInputWrapper,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .widgetinner .textInputWrapper,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .widgetinner .textInputWrapper {
  margin-top: 10px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .widgetinner .inlineTextGroup .fieldcontain,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .widgetinner .inlineTextGroup .fieldcontain,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .widgetinner .inlineTextGroup .fieldcontain,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .widgetinner .inlineTextGroup .fieldcontain {
  display: inline-block;
  margin-right: 20px;
  width: 40%;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .widgetinner .inlineTextGroup .fieldcontain > input,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .widgetinner .inlineTextGroup .fieldcontain > input,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .widgetinner .inlineTextGroup .fieldcontain > input,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .widgetinner .inlineTextGroup .fieldcontain > input {
  margin-top: 10px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent.reviewWidget .widgetinner,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent.reviewWidget .widgetinner,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent.reviewWidget .widgetinner,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent.reviewWidget .widgetinner {
  margin-top: 0px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent.reviewWidget .widgetinner .fieldcontain,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent.reviewWidget .widgetinner .fieldcontain,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent.reviewWidget .widgetinner .fieldcontain,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent.reviewWidget .widgetinner .fieldcontain {
  padding-bottom: 0px;
  padding-right: 0px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent.reviewWidget .paragraphBreak,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent.reviewWidget .paragraphBreak,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent.reviewWidget .paragraphBreak,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent.reviewWidget .paragraphBreak,
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent.reviewWidget .buttonContainer,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent.reviewWidget .buttonContainer,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent.reviewWidget .buttonContainer,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent.reviewWidget .buttonContainer {
  display: none;
}
.applyFlow .layoutsection .educationsection.ui-bar .buttonContainer,
.applyFlow .layoutsection .experiencesection.ui-bar .buttonContainer,
.applyFlow .layoutsection .resumesection.ui-bar .buttonContainer,
.applyFlow .layoutsection .coverlettersection.ui-bar .buttonContainer {
  margin-bottom: 0;
  margin-top: 10px;
  padding: 10px;
}
.applyFlow .layoutsection .coverlettersection.ui-bar {
  padding-top: 0px;
}
.applyFlow .layoutsection .attachmentsWidget.ui-bar div.vMargin:last-of-type {
  margin-bottom: 0px;
}
.applyFlow .layoutsection .profileWarningDialog {
  font-family: inherit;
  max-width: 500px;
}
.applyFlow .layoutsection div.fieldcontain {
  padding-bottom: 10px;
  overflow-wrap: break-word;
}
.applyFlow .layoutsection div.fieldcontain .screenReaderText {
  overflow-wrap: normal;
}
.applyFlow .layoutsection div.fieldcontain .fieldcontain {
  padding-left: 0 !important;
}
.applyFlow .layoutsection div.fieldcontain.datefield {
  padding-bottom: 20px;
}
.applyFlow .layoutsection div.fieldcontain > label,
.applyFlow .layoutsection div.fieldcontain label.applyFieldLabel {
  margin-bottom: 12px;
  display: block;
}
.applyFlow .layoutsection div.fieldcontain .ui-selectmenu-button {
  display: block;
}
.applyFlow .layoutsection div.fieldcontain textarea {
  display: block;
  max-width: 500px;
}
.applyFlow .layoutsection div.fieldcontain input[type=text],
.applyFlow .layoutsection div.fieldcontain input[type=password],
.applyFlow .layoutsection div.fieldcontain input[type=email],
.applyFlow .layoutsection div.fieldcontain input[type=search],
.applyFlow .layoutsection div.fieldcontain input[type=number],
.applyFlow .layoutsection div.fieldcontain select,
.applyFlow .layoutsection div.fieldcontain textarea {
  width: 100%;
}
.applyFlow .layoutsection div.fieldcontain label {
  margin: 0;
  display: inline;
}
.applyFlow .layoutsection div.fieldcontain .htmlField {
  width: 600px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 650px) {
  .applyFlow .layoutsection div.fieldcontain .htmlField {
    width: 100%;
  }
}
.applyFlow .layoutsection div.fieldcontain > div:last-of-type,
.applyFlow .layoutsection div.fieldcontain .ui-widget,
.applyFlow .layoutsection div.fieldcontain textarea {
  margin-top: 10px;
}
.applyFlow .layoutsection div.fieldcontain p.secondaryLabel {
  margin-bottom: 10px;
}
.applyFlow .layoutsection div.fieldcontain .CatagoryList ul {
  margin-left: 20px;
}
.applyFlow .layoutsection div.fieldcontain .CatagoryList ul li {
  list-style-type: disc;
}
.applyFlow .layoutsection div.fieldcontain select {
  display: none;
}
.applyFlow .layoutsection div.fieldcontain textarea {
  width: 100%;
}
.applyFlow .layoutsection div.fieldcontain input[type=search] {
  padding-right: 1.75em;
}
.applyFlow .layoutsection div.fieldcontain .dateWrapper {
  background-color: inherit;
}
.applyFlow .layoutsection div.fieldcontain .autocompleteWrapper,
.applyFlow .layoutsection div.fieldcontain .dateWrapper {
  overflow: visible;
  width: 300px;
}
@media only screen and (max-width: 300px) {
  .applyFlow .layoutsection div.fieldcontain .autocompleteWrapper,
  .applyFlow .layoutsection div.fieldcontain .dateWrapper {
    width: 100%;
    max-width: 300px;
    position: relative;
  }
  .applyFlow .layoutsection div.fieldcontain .autocompleteWrapper .ui-datepicker-trigger,
  .applyFlow .layoutsection div.fieldcontain .dateWrapper .ui-datepicker-trigger {
    display: inline-block;
    margin-left: 15px;
  }
}
@media only screen and (max-width: 400px) and (-webkit-min-device-pixel-ratio: 0) {
  .applyFlow .layoutsection div.fieldcontain .autocompleteWrapper .clearButton,
  .applyFlow .layoutsection div.fieldcontain .dateWrapper .clearButton {
    right: auto;
    left: 100%;
    margin-left: -20px;
    top: -5px;
  }
}
.applyFlow .layoutsection div.fieldcontain .dateWrapper {
  overflow: visible;
}
.applyFlow .layoutsection div.fieldcontain .dateWrapper input.hasDatepicker {
  padding-right: 22px;
  max-width: 9em;
}
.applyFlow .layoutsection div.fieldcontain .dateWrapper .clearButton {
  position: absolute;
  right: 10px;
}
.applyFlow .layoutsection div.fieldcontain .ui-input-search {
  margin-bottom: 5px;
  width: 100%;
  position: relative;
  overflow: visible;
}
.applyFlow .layoutsection div.fieldcontain .ui-input-search .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;
  position: absolute;
  cursor: default;
  top: 0;
  right: 5px;
}
.applyFlow .layoutsection div.fieldcontain .ui-input-search .ui-icon-triangle-1-s:after {
  content: "\f107";
  height: 30px;
  line-height: 30px;
  font-size: 1.4em;
  font-weight: bold;
}
.applyFlow .layoutsection div.fieldcontain .ui-input-search .ui-icon-triangle-1-s:after {
  font-family: "FontAwesome";
}
.applyFlow .layoutsection div.fieldcontain .ui-icon.icon-remove {
  margin-left: -21px;
  cursor: default;
}
.applyFlow .layoutsection div.fieldcontain .ui-icon.icon-remove:after {
  display: none;
}
.applyFlow .layoutsection div.fieldcontain .ui-autocomplete-loading + .ui-icon.ui-icon-triangle-1-s,
.applyFlow .layoutsection div.fieldcontain .ui-autocomplete-loading + .icon-remove {
  display: none;
}
.applyFlow .layoutsection div.fieldcontain fieldset {
  margin-top: 10px;
  width: 100%;
}
.applyFlow .layoutsection div.fieldcontain fieldset legend.noMargin {
  visibility: hidden;
  line-height: 0;
  position: absolute;
}
.applyFlow .layoutsection div.fieldcontain fieldset legend.noMargin :nth-child(n) {
  display: inline;
}
.applyFlow .layoutsection div.fieldcontain legend,
.applyFlow .layoutsection div.fieldcontain .ui-radio,
.applyFlow .layoutsection div.fieldcontain .ui-checkbox {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 10px 0;
  position: relative;
}
.applyFlow .layoutsection div.fieldcontain legend .noMargin,
.applyFlow .layoutsection div.fieldcontain .ui-radio .noMargin,
.applyFlow .layoutsection div.fieldcontain .ui-checkbox .noMargin {
  visibility: hidden;
  line-height: 0;
}
.applyFlow .layoutsection div.fieldcontain legend input,
.applyFlow .layoutsection div.fieldcontain .ui-radio input,
.applyFlow .layoutsection div.fieldcontain .ui-checkbox input {
  top: 0;
}
.applyFlow .layoutsection div.fieldcontain .legendWithScreenReaderText {
  margin: 0px;
}
.applyFlow .layoutsection div.fieldcontain .ui-radio:last-child,
.applyFlow .layoutsection div.fieldcontain .ui-checkbox:last-child {
  margin-bottom: 0;
}
.applyFlow .layoutsection div.fieldcontain ul.selectionList {
  max-width: 300px;
}
.applyFlow .layoutsection div.fieldcontain ul.selectionList li.selection {
  line-height: 20px;
  padding: 5px 25px 5px 5px;
  margin-bottom: 5px;
  position: relative;
}
.applyFlow .layoutsection div.fieldcontain ul.selectionList li.selection .remove {
  width: 24px;
  text-align: center;
  position: absolute;
  top: -3px;
  right: 1px;
  padding: 6px;
  margin: 0;
  background-color: transparent;
  border: none;
}
.applyFlow .layoutsection div.fieldcontain ul.selectionList li.selection .remove:hover {
  border: none;
}
.applyFlow .layoutsection div.fieldcontain ul.selectionList li.selection .remove:after {
  content: "\f00d";
  font-family: 'FontAwesome';
  font-weight: 900;
  font-size: 18px;
}
.applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container ul.selectionList {
  max-width: 100%;
}
.applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container ul.selectionList li.selection {
  line-height: 20px;
  padding: 10px 25px 5px 5px;
  margin: 5px 5px 5px 0;
  position: relative;
  max-width: 200px;
  display: inline-block;
  -ms-word-break: break-all;
  word-break: break-all;
  vertical-align: top;
}
.applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container ul.selectionList li.selectedskills {
  display: inline;
  overflow-wrap: break-word;
}
.applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .skillsControl {
  width: 65%;
  display: inline-block;
}
.applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .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;
  position: absolute;
  cursor: default;
  top: 0px;
  right: 5%;
}
.applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .ui-icon-triangle-1-s:after {
  content: "\f107";
  height: 30px;
  line-height: 30px;
  font-size: 1.4em;
  font-weight: bold;
}
.applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .ui-icon-triangle-1-s:after {
  font-family: "FontAwesome";
}
.applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .ui-input-search {
  max-width: 100%;
}
.applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .ui-input-search input[type=search] {
  max-width: 336px;
}
@media only screen and (max-width: 480px) {
  .applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .ui-input-search input[type=search] {
    max-width: none;
    width: 100%;
  }
  .applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .ui-input-search input[type=search] .skillsControl {
    width: 58%;
    display: inline-block;
  }
  .applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .ui-input-search input[type=search] .addbutton {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 300px) {
  .applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .ui-input-search input[type=search] {
    max-width: none;
    width: 100%;
  }
  .applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .ui-input-search input[type=search] .skillsControl {
    width: 58%;
    display: inline-block;
  }
  .applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .ui-input-search input[type=search] .addbutton {
    margin-left: 10px;
  }
}
.applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .addbutton {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 10px;
}
.applyFlow .widgetcontent .widgetinner div.eduButtonContainer,
.applyFlow .widgetcontent .widgetinner div.expButtonContainer {
  margin-top: 0;
}
.applyFlow .widgetcontent .widgetinner ul.experienceList,
.applyFlow .widgetcontent .widgetinner ul.educationList {
  padding: 10px;
}
.applyFlow .widgetcontent .widgetinner ul.experienceList .fieldcontain,
.applyFlow .widgetcontent .widgetinner ul.educationList .fieldcontain {
  padding-bottom: 0;
}
.applyFlow .widgetcontent .widgetinner ul.experienceList > li,
.applyFlow .widgetcontent .widgetinner ul.educationList > li {
  padding-bottom: 20px;
}
.applyFlow .widgetcontent .widgetinner ul.experienceList > li:last-child,
.applyFlow .widgetcontent .widgetinner ul.educationList > li:last-child {
  padding-bottom: 0;
}
.applyFlow .widgetcontent .widgetinner ul.experienceList .ui-radio,
.applyFlow .widgetcontent .widgetinner ul.educationList .ui-radio {
  padding-top: 0;
  padding-bottom: 0;
  margin: 20px 0 0 0;
  position: relative;
}
.applyFlow .widgetcontent .widgetinner ul.experienceList label,
.applyFlow .widgetcontent .widgetinner ul.educationList label {
  margin: 0px;
}
.applyFlow .eduButtonContainer,
.applyFlow .expButtonContainer {
  margin-top: 0;
}
.applyFlow .fieldcontain.donotShow {
  width: 0;
  height: 0;
}
.applyFlow .fieldcontain.donotShow .donotShow {
  visibility: hidden;
  width: 0;
  height: 0;
}
.applyFlow .fieldcontain.donotShow .hideLegend {
  display: none;
}
.applyFlow .fieldcontain.donotShow .error {
  display: none !important;
}
.applyFlow .widgetDefaultSpaces .linkStyle {
  text-decoration: underline;
}
.applyFlow .widgetDefaultSpaces .fileHolder {
  width: 300px;
  padding: 10px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 480px) {
  .applyFlow .widgetDefaultSpaces .fileHolder {
    width: 100%;
  }
}
.applyFlow .widgetDefaultSpaces .fileHolder .textHolder {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  width: 90%;
  display: inline-block;
}
.applyFlow .widgetDefaultSpaces .fileHolder .close {
  float: right;
  font-weight: bold;
}
.applyFlow .buttonContainer {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
  padding-top: 10px;
}
.applyFlow .containerInline {
  float: left;
}
@media only screen and (max-width: 480px) {
  .applyFlow .containerInline {
    float: none;
  }
}
.applyFlow .ImportbuttonContainer {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
}
.applyFlow .invalidStyle {
  color: #D82021;
  border-color: #D82021;
}
.applyFlow .confirmation .errorContainer {
  display: none;
}
.applyFlow .errorContainer {
  width: 600px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 650px) {
  .applyFlow .errorContainer {
    width: 100%;
  }
}
.applyFlow .errorContainer span.invalidFieldsMessage {
  margin-bottom: 10px;
  font-weight: bold;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .applyFlow .errorContainer span.invalidFieldsMessage {
    margin-bottom: 0;
  }
}
.applyFlow .errorContainer .errorMsg:before {
  content: '-';
  margin: 0 5px 0 2px;
}
.applyFlow .layoutsection .fieldcontain.invalid input[type=text],
.applyFlow .layoutsection .fieldcontain.invalid input[type=number],
.applyFlow .layoutsection .fieldcontain.invalid input[type=email],
.applyFlow .layoutsection .fieldcontain.invalid input[type=search],
.applyFlow .layoutsection .fieldcontain.invalid span.ui-selectmenu-button,
.applyFlow .layoutsection .fieldcontain.invalid textarea {
  border: solid 2px #D82021;
}
.applyFlow .layoutsection .fieldcontain.invalid input[type=number] {
  width: 300px;
}
.applyFlow .layoutsection .fieldcontain.invalid span.error {
  width: 300px;
  max-width: 100%;
  display: block !important;
  font-weight: 400;
}
.applyFlow .layoutsection .fieldcontain.invalid fieldset {
  padding-top: 0px;
  padding-bottom: 0px;
}
.applyFlow .review .layoutsection div.fieldcontain.datefield {
  padding-bottom: 10px;
}
.applyFlow .review .layoutsection div.fieldcontain > div:last-of-type {
  margin-top: 0px;
}
.applyFlow .review .layoutsection div.heading {
  margin-top: 10px;
}
.applyFlow .newMsgContainer {
  position: relative;
  margin-top: 0px;
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 480px) {
  .applyFlow .newMsgContainer {
    margin-left: 0px;
  }
}
.applyFlow .newMsgContainer .messageHeader {
  font-weight: bold;
}
.applyFlow .closeIcon {
  position: absolute;
  top: -2px;
  right: -2px;
  cursor: pointer;
  height: 30px;
  width: 30px;
}
.applyFlow .closeIcon:before {
  content: '';
}
.applyFlow .closeIcon:after {
  height: 30px;
  width: 30px;
  font-size: 20px;
  font-weight: lighter;
  line-height: 26px;
  position: absolute;
  text-align: center;
  font-family: 'FontAwesome';
  content: '\F00D';
}
.successFullMessage {
  background-color: #5AA700;
  color: #121212;
  max-width: 610px;
  min-width: 290px;
  width: 610px;
  padding: 9px 10px 5px 20px;
  margin-bottom: 20px;
  display: block;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .successFullMessage {
    width: 100%;
  }
}
.hiddenQB {
  display: none;
}
.hiddenInput {
  visibility: hidden;
}
.transparentBackground {
  background-color: transparent;
}
#saveasdraft,
#shownext {
  z-index: 0;
}
.icon-info-sign:before {
  content: "\f05a";
}
.enablehoverzoom [key-focus='cards']:not(.mainDetails):hover,
.enablehoverzoom .fileManager .subgroup .file:hover {
  transform: scale(1.01);
  outline: 0.5px solid;
  outline-offset: 1px;
}
.enableshade {
  /*.applyFlow .layoutsection div.heading::before {
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30) inset;
    }*/
}
.enableshade [key-focus='cards']:not(.mainDetails),
.enableshade .fileManager .subgroup .file {
  filter: drop-shadow(rgba(0, 0, 0, 0.18) 2px 3px 6px);
  transition: transform 0.15s ease-out;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}
.enableshade .widgetSidebar .loginWidget,
.enableshade .loginWidget.loginBox,
.enableshade .submitResumeWidget,
.enableshade .searchBoxContainer,
.enableshade .mainListContainer > div,
.enableshade .welcomeLiner,
.enableshade .backgroundImage,
.enableshade .sidebar > div,
.enableshade [aria-label='Narrow selections'],
.enableshade .refine .facetList,
.enableshade #editProfileForm,
.enableshade .ProfileInformation,
.enableshade .EduExpInformation,
.enableshade .accountSettings .EditBox,
.enableshade .fileManager .subgroup .file,
.enableshade .ReferralDetailsContainer .subsection.lightAccentBkg,
.enableshade .ngdialog-content,
.enableshade .tgChatBot,
.enableshade .tgChatBot .prev,
.enableshade .tgChatBot .next,
.enableshade .tgChatBot .cards {
  box-shadow: 2px 2px 12px 2px rgba(0, 0, 0, 0.28);
}
.enableshade.negativeColorScheme {
  /*.applyFlow .layoutsection div.heading::before {
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.62) inset;
        }*/
}
.enableshade.negativeColorScheme [key-focus='cards']:not(.mainDetails),
.enableshade.negativeColorScheme .fileManager .subgroup .file {
  filter: drop-shadow(rgba(255, 255, 255, 0.25) 2px 3px 6px);
}
.enableshade.negativeColorScheme .widgetSidebar .loginWidget,
.enableshade.negativeColorScheme .loginWidget.loginBox,
.enableshade.negativeColorScheme .submitResumeWidget,
.enableshade.negativeColorScheme .searchBoxContainer,
.enableshade.negativeColorScheme .mainListContainer > div,
.enableshade.negativeColorScheme .welcomeLiner,
.enableshade.negativeColorScheme .backgroundImage,
.enableshade.negativeColorScheme .sidebar > div,
.enableshade.negativeColorScheme [aria-label='Narrow selections'],
.enableshade.negativeColorScheme .refine .facetList,
.enableshade.negativeColorScheme #editProfileForm,
.enableshade.negativeColorScheme .ProfileInformation,
.enableshade.negativeColorScheme .EduExpInformation,
.enableshade.negativeColorScheme .accountSettings .EditBox,
.enableshade.negativeColorScheme .fileManager .subgroup .file,
.enableshade.negativeColorScheme .ReferralDetailsContainer .subsection.lightAccentBkg,
.enableshade.negativeColorScheme .ngdialog-content,
.enableshade.negativeColorScheme .tgChatBot,
.enableshade.negativeColorScheme .tgChatBot .prev,
.enableshade.negativeColorScheme .tgChatBot .next,
.enableshade.negativeColorScheme .tgChatBot .cards {
  box-shadow: 2px 2px 12px 2px rgba(255, 255, 255, 0.25);
}
.splashAccent {
  background-color: #222255;
  color: #fff;
  background: linear-gradient(0deg, #210500 0%, black 31%, #000521 95%);
}
#gateway.themed .splash {
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 101;
}
#gateway.themed .splash .center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  position: relative;
}
#gateway.themed .splash:not(.seen),
#gateway.themed .splash:not([ng-cloak]) {
  transition: height 1.2s ease-in-out;
  height: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
#gateway.themed [ng-cloak].splash.seen,
#gateway.themed .splash.seen {
  height: 100%;
}
.waviy {
  position: relative;
  -webkit-box-reflect: below -20px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}
.waviy span {
  position: relative;
  display: inline-block;
  min-width: 5px;
  line-height: 1.5em;
  font-size: 4.5vw;
  animation: waviy 2.8s infinite;
  animation-delay: calc(0.1s * var(--i));
}
@keyframes waviy {
  0%,
  40%,
  100% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-20px);
  }
}
/* start welcome animation */
.nga-default {
  transition: all 0.8s ease-in-out;
}
.nga-default.ng-hide-add,
.nga-default.ng-hide-remove {
  display: block !important;
}
.nga-slow {
  transition: all 2s ease-in-out;
}
.nga-slow.ng-hide-add,
.nga-slow.ng-hide-remove {
  display: block !important;
}
.nga-fast {
  transition: all 1.2s ease-in-out;
}
.nga-fast.ng-hide-add,
.nga-fast.ng-hide-remove {
  display: block !important;
}
.nga-collapse-add {
  overflow: hidden;
}
.nga-collapse-add.ng-enter:not(.ng-enter-active),
.nga-collapse-add.ng-hide-remove:not(.ng-hide-remove-active) {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-collapse-remove {
  overflow: hidden;
}
.nga-collapse-remove.ng-hide-add.ng-hide-add-active,
.nga-collapse-remove.ng-leave.ng-leave-active {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-collapse-move {
  overflow: hidden;
}
.nga-collapse-move.ng-move {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-collapse-all {
  overflow: hidden;
}
.nga-collapse-all.ng-enter:not(.ng-enter-active),
.nga-collapse-all.ng-hide-add.ng-hide-add-active,
.nga-collapse-all.ng-hide-remove:not(.ng-hide-remove-active),
.nga-collapse-all.ng-leave.ng-leave-active,
.nga-collapse-all.ng-move {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-collapse {
  overflow: hidden;
}
.nga-collapse.ng-enter:not(.ng-enter-active),
.nga-collapse.ng-hide-add.ng-hide-add-active,
.nga-collapse.ng-hide-remove:not(.ng-hide-remove-active),
.nga-collapse.ng-leave.ng-leave-active,
.nga-collapse.ng-move {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-fade-add.ng-enter,
.nga-fade-add.ng-hide-remove {
  opacity: 0;
}
.nga-fade-add.ng-enter.ng-enter-active,
.nga-fade-add.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-fade-remove.ng-hide-add.ng-hide-add-active,
.nga-fade-remove.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-fade-remove.ng-hide-add,
.nga-fade-remove.ng-leave {
  opacity: 1;
}
.nga-fade-move.ng-move {
  opacity: 0;
}
.nga-fade-move.ng-move.ng-move-active {
  opacity: 1;
}
.nga-fade-all.ng-enter,
.nga-fade-all.ng-hide-remove {
  opacity: 0;
}
.nga-fade-all.ng-enter.ng-enter-active,
.nga-fade-all.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-fade-all.ng-hide-add.ng-hide-add-active,
.nga-fade-all.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-fade-all.ng-hide-add,
.nga-fade-all.ng-leave {
  opacity: 1;
}
.nga-fade-all.ng-move {
  opacity: 0;
}
.nga-fade-all.ng-move.ng-move-active {
  opacity: 1;
}
.nga-fade.ng-enter,
.nga-fade.ng-hide-remove {
  opacity: 0;
}
.nga-fade.ng-enter.ng-enter-active,
.nga-fade.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-fade.ng-hide-add.ng-hide-add-active,
.nga-fade.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-fade.ng-hide-add,
.nga-fade.ng-leave {
  opacity: 1;
}
.nga-fade.ng-move {
  opacity: 0;
}
.nga-fade.ng-move.ng-move-active {
  opacity: 1;
}
.nga-rotate-down-add {
  transform: rotateX(0deg);
}
.nga-rotate-down-add.ng-enter,
.nga-rotate-down-add.ng-hide-remove {
  transform: rotateX(-90deg);
}
.nga-rotate-down-add.ng-enter.ng-enter-active,
.nga-rotate-down-add.ng-hide-remove.ng-hide-remove-active,
.nga-rotate-down-remove {
  transform: rotateX(0deg);
}
.nga-rotate-down-remove.ng-hide-add.ng-hide-add-active,
.nga-rotate-down-remove.ng-leave.ng-leave-active {
  transform: rotateX(-90deg);
}
.nga-rotate-down-move,
.nga-rotate-down-remove.ng-hide-add,
.nga-rotate-down-remove.ng-leave {
  transform: rotateX(0deg);
}
.nga-rotate-down-move.ng-move {
  transform: rotateX(-90deg);
}
.nga-rotate-down-all,
.nga-rotate-down-move.ng-move.ng-move-active {
  transform: rotateX(0deg);
}
.nga-rotate-down-all.ng-enter,
.nga-rotate-down-all.ng-hide-remove {
  transform: rotateX(-90deg);
}
.nga-rotate-down-all.ng-enter.ng-enter-active,
.nga-rotate-down-all.ng-hide-remove.ng-hide-remove-active {
  transform: rotateX(0deg);
}
.nga-rotate-down-all.ng-hide-add.ng-hide-add-active,
.nga-rotate-down-all.ng-leave.ng-leave-active {
  transform: rotateX(-90deg);
}
.nga-rotate-down-all.ng-hide-add,
.nga-rotate-down-all.ng-leave {
  transform: rotateX(0deg);
}
.nga-rotate-down-all.ng-move {
  transform: rotateX(-90deg);
}
.nga-rotate-down,
.nga-rotate-down-all.ng-move.ng-move-active {
  transform: rotateX(0deg);
}
.nga-rotate-down.ng-enter,
.nga-rotate-down.ng-hide-remove {
  transform: rotateX(-90deg);
}
.nga-rotate-down.ng-enter.ng-enter-active,
.nga-rotate-down.ng-hide-remove.ng-hide-remove-active {
  transform: rotateX(0deg);
}
.nga-rotate-down.ng-hide-add.ng-hide-add-active,
.nga-rotate-down.ng-leave.ng-leave-active {
  transform: rotateX(-90deg);
}
.nga-rotate-down.ng-hide-add,
.nga-rotate-down.ng-leave {
  transform: rotateX(0deg);
}
.nga-rotate-down.ng-move {
  transform: rotateX(-90deg);
}
.nga-rotate-down.ng-move.ng-move-active {
  transform: rotateX(0deg);
}
.nga-rotate-down.ng-enter,
.nga-rotate-down.ng-hide-remove {
  opacity: 0;
}
.nga-rotate-down.ng-enter.ng-enter-active,
.nga-rotate-down.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-rotate-down.ng-hide-add.ng-hide-add-active,
.nga-rotate-down.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-rotate-down.ng-hide-add,
.nga-rotate-down.ng-leave {
  opacity: 1;
}
.nga-rotate-down.ng-move {
  opacity: 0;
}
.nga-rotate-down.ng-move.ng-move-active {
  opacity: 1;
}
.nga-rotate-left-add {
  transform: rotateY(0deg);
}
.nga-rotate-left-add.ng-enter,
.nga-rotate-left-add.ng-hide-remove {
  transform: rotateY(90deg);
}
.nga-rotate-left-add.ng-enter.ng-enter-active,
.nga-rotate-left-add.ng-hide-remove.ng-hide-remove-active,
.nga-rotate-left-remove {
  transform: rotateY(0deg);
}
.nga-rotate-left-remove.ng-hide-add.ng-hide-add-active,
.nga-rotate-left-remove.ng-leave.ng-leave-active {
  transform: rotateY(90deg);
}
.nga-rotate-left-move,
.nga-rotate-left-remove.ng-hide-add,
.nga-rotate-left-remove.ng-leave {
  transform: rotateY(0deg);
}
.nga-rotate-left-move.ng-move {
  transform: rotateY(90deg);
}
.nga-rotate-left-all,
.nga-rotate-left-move.ng-move.ng-move-active {
  transform: rotateY(0deg);
}
.nga-rotate-left-all.ng-enter,
.nga-rotate-left-all.ng-hide-remove {
  transform: rotateY(90deg);
}
.nga-rotate-left-all.ng-enter.ng-enter-active,
.nga-rotate-left-all.ng-hide-remove.ng-hide-remove-active {
  transform: rotateY(0deg);
}
.nga-rotate-left-all.ng-hide-add.ng-hide-add-active,
.nga-rotate-left-all.ng-leave.ng-leave-active {
  transform: rotateY(90deg);
}
.nga-rotate-left-all.ng-hide-add,
.nga-rotate-left-all.ng-leave {
  transform: rotateY(0deg);
}
.nga-rotate-left-all.ng-move {
  transform: rotateY(90deg);
}
.nga-rotate-left,
.nga-rotate-left-all.ng-move.ng-move-active {
  transform: rotateY(0deg);
}
.nga-rotate-left.ng-enter,
.nga-rotate-left.ng-hide-remove {
  transform: rotateY(90deg);
}
.nga-rotate-left.ng-enter.ng-enter-active,
.nga-rotate-left.ng-hide-remove.ng-hide-remove-active {
  transform: rotateY(0deg);
}
.nga-rotate-left.ng-hide-add.ng-hide-add-active,
.nga-rotate-left.ng-leave.ng-leave-active {
  transform: rotateY(90deg);
}
.nga-rotate-left.ng-hide-add,
.nga-rotate-left.ng-leave {
  transform: rotateY(0deg);
}
.nga-rotate-left.ng-move {
  transform: rotateY(90deg);
}
.nga-rotate-left.ng-move.ng-move-active {
  transform: rotateY(0deg);
}
.nga-rotate-left.ng-enter,
.nga-rotate-left.ng-hide-remove {
  opacity: 0;
}
.nga-rotate-left.ng-enter.ng-enter-active,
.nga-rotate-left.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-rotate-left.ng-hide-add.ng-hide-add-active,
.nga-rotate-left.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-rotate-left.ng-hide-add,
.nga-rotate-left.ng-leave {
  opacity: 1;
}
.nga-rotate-left.ng-move {
  opacity: 0;
}
.nga-rotate-left.ng-move.ng-move-active {
  opacity: 1;
}
.nga-rotate-right-add {
  transform: rotateY(0deg);
}
.nga-rotate-right-add.ng-enter,
.nga-rotate-right-add.ng-hide-remove {
  transform: rotateY(-90deg);
}
.nga-rotate-right-add.ng-enter.ng-enter-active,
.nga-rotate-right-add.ng-hide-remove.ng-hide-remove-active,
.nga-rotate-right-remove {
  transform: rotateY(0deg);
}
.nga-rotate-right-remove.ng-hide-add.ng-hide-add-active,
.nga-rotate-right-remove.ng-leave.ng-leave-active {
  transform: rotateY(-90deg);
}
.nga-rotate-right-move,
.nga-rotate-right-remove.ng-hide-add,
.nga-rotate-right-remove.ng-leave {
  transform: rotateY(0deg);
}
.nga-rotate-right-move.ng-move {
  transform: rotateY(-90deg);
}
.nga-rotate-right-all,
.nga-rotate-right-move.ng-move.ng-move-active {
  transform: rotateY(0deg);
}
.nga-rotate-right-all.ng-enter,
.nga-rotate-right-all.ng-hide-remove {
  transform: rotateY(-90deg);
}
.nga-rotate-right-all.ng-enter.ng-enter-active,
.nga-rotate-right-all.ng-hide-remove.ng-hide-remove-active {
  transform: rotateY(0deg);
}
.nga-rotate-right-all.ng-hide-add.ng-hide-add-active,
.nga-rotate-right-all.ng-leave.ng-leave-active {
  transform: rotateY(-90deg);
}
.nga-rotate-right-all.ng-hide-add,
.nga-rotate-right-all.ng-leave {
  transform: rotateY(0deg);
}
.nga-rotate-right-all.ng-move {
  transform: rotateY(-90deg);
}
.nga-rotate-right,
.nga-rotate-right-all.ng-move.ng-move-active {
  transform: rotateY(0deg);
}
.nga-rotate-right.ng-enter,
.nga-rotate-right.ng-hide-remove {
  transform: rotateY(-90deg);
}
.nga-rotate-right.ng-enter.ng-enter-active,
.nga-rotate-right.ng-hide-remove.ng-hide-remove-active {
  transform: rotateY(0deg);
}
.nga-rotate-right.ng-hide-add.ng-hide-add-active,
.nga-rotate-right.ng-leave.ng-leave-active {
  transform: rotateY(-90deg);
}
.nga-rotate-right.ng-hide-add,
.nga-rotate-right.ng-leave {
  transform: rotateY(0deg);
}
.nga-rotate-right.ng-move {
  transform: rotateY(-90deg);
}
.nga-rotate-right.ng-move.ng-move-active {
  transform: rotateY(0deg);
}
.nga-rotate-right.ng-enter,
.nga-rotate-right.ng-hide-remove {
  opacity: 0;
}
.nga-rotate-right.ng-enter.ng-enter-active,
.nga-rotate-right.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-rotate-right.ng-hide-add.ng-hide-add-active,
.nga-rotate-right.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-rotate-right.ng-hide-add,
.nga-rotate-right.ng-leave {
  opacity: 1;
}
.nga-rotate-right.ng-move {
  opacity: 0;
}
.nga-rotate-right.ng-move.ng-move-active {
  opacity: 1;
}
.nga-rotate-up-add {
  transform: rotateX(0deg);
}
.nga-rotate-up-add.ng-enter,
.nga-rotate-up-add.ng-hide-remove {
  transform: rotateX(90deg);
}
.nga-rotate-up-add.ng-enter.ng-enter-active,
.nga-rotate-up-add.ng-hide-remove.ng-hide-remove-active,
.nga-rotate-up-remove {
  transform: rotateX(0deg);
}
.nga-rotate-up-remove.ng-hide-add.ng-hide-add-active,
.nga-rotate-up-remove.ng-leave.ng-leave-active {
  transform: rotateX(90deg);
}
.nga-rotate-up-move,
.nga-rotate-up-remove.ng-hide-add,
.nga-rotate-up-remove.ng-leave {
  transform: rotateX(0deg);
}
.nga-rotate-up-move.ng-move {
  transform: rotateX(90deg);
}
.nga-rotate-up-all,
.nga-rotate-up-move.ng-move.ng-move-active {
  transform: rotateX(0deg);
}
.nga-rotate-up-all.ng-enter,
.nga-rotate-up-all.ng-hide-remove {
  transform: rotateX(90deg);
}
.nga-rotate-up-all.ng-enter.ng-enter-active,
.nga-rotate-up-all.ng-hide-remove.ng-hide-remove-active {
  transform: rotateX(0deg);
}
.nga-rotate-up-all.ng-hide-add.ng-hide-add-active,
.nga-rotate-up-all.ng-leave.ng-leave-active {
  transform: rotateX(90deg);
}
.nga-rotate-up-all.ng-hide-add,
.nga-rotate-up-all.ng-leave {
  transform: rotateX(0deg);
}
.nga-rotate-up-all.ng-move {
  transform: rotateX(90deg);
}
.nga-rotate-up,
.nga-rotate-up-all.ng-move.ng-move-active {
  transform: rotateX(0deg);
}
.nga-rotate-up.ng-enter,
.nga-rotate-up.ng-hide-remove {
  transform: rotateX(90deg);
}
.nga-rotate-up.ng-enter.ng-enter-active,
.nga-rotate-up.ng-hide-remove.ng-hide-remove-active {
  transform: rotateX(0deg);
}
.nga-rotate-up.ng-hide-add.ng-hide-add-active,
.nga-rotate-up.ng-leave.ng-leave-active {
  transform: rotateX(90deg);
}
.nga-rotate-up.ng-hide-add,
.nga-rotate-up.ng-leave {
  transform: rotateX(0deg);
}
.nga-rotate-up.ng-move {
  transform: rotateX(90deg);
}
.nga-rotate-up.ng-move.ng-move-active {
  transform: rotateX(0deg);
}
.nga-rotate-up.ng-enter,
.nga-rotate-up.ng-hide-remove {
  opacity: 0;
}
.nga-rotate-up.ng-enter.ng-enter-active,
.nga-rotate-up.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-rotate-up.ng-hide-add.ng-hide-add-active,
.nga-rotate-up.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-rotate-up.ng-hide-add,
.nga-rotate-up.ng-leave {
  opacity: 1;
}
.nga-rotate-up.ng-move {
  opacity: 0;
}
.nga-rotate-up.ng-move.ng-move-active {
  opacity: 1;
}
.nga-slide-down-add {
  position: relative;
  overflow: hidden;
}
.nga-slide-down-add.ng-enter,
.nga-slide-down-add.ng-hide-remove {
  top: 50px;
}
.nga-slide-down-add.ng-enter.ng-enter-active,
.nga-slide-down-add.ng-hide-remove.ng-hide-remove-active {
  top: 0;
}
.nga-slide-down-remove {
  position: relative;
  overflow: hidden;
}
.nga-slide-down-remove.ng-hide-add.ng-hide-add-active,
.nga-slide-down-remove.ng-leave.ng-leave-active {
  top: 50px;
}
.nga-slide-down-remove.ng-hide-add,
.nga-slide-down-remove.ng-leave {
  top: 0;
}
.nga-slide-down-move {
  position: relative;
  overflow: hidden;
}
.nga-slide-down-move.ng-move {
  top: 50px;
}
.nga-slide-down-move.ng-move.ng-move-active {
  top: 0;
}
.nga-slide-down-all {
  position: relative;
  overflow: hidden;
}
.nga-slide-down-all.ng-enter,
.nga-slide-down-all.ng-hide-remove {
  top: 50px;
}
.nga-slide-down-all.ng-enter.ng-enter-active,
.nga-slide-down-all.ng-hide-remove.ng-hide-remove-active {
  top: 0;
}
.nga-slide-down-all.ng-hide-add.ng-hide-add-active,
.nga-slide-down-all.ng-leave.ng-leave-active {
  top: 50px;
}
.nga-slide-down-all.ng-hide-add,
.nga-slide-down-all.ng-leave {
  top: 0;
}
.nga-slide-down-all.ng-move {
  top: 50px;
}
.nga-slide-down-all.ng-move.ng-move-active {
  top: 0;
}
.nga-slide-down {
  position: relative;
  overflow: hidden;
}
.nga-slide-down.ng-enter,
.nga-slide-down.ng-hide-remove {
  top: 50px;
}
.nga-slide-down.ng-enter.ng-enter-active,
.nga-slide-down.ng-hide-remove.ng-hide-remove-active {
  top: 0;
}
.nga-slide-down.ng-hide-add.ng-hide-add-active,
.nga-slide-down.ng-leave.ng-leave-active {
  top: 50px;
}
.nga-slide-down.ng-hide-add,
.nga-slide-down.ng-leave {
  top: 0;
}
.nga-slide-down.ng-move {
  top: 50px;
}
.nga-slide-down.ng-move.ng-move-active {
  top: 0;
}
.nga-slide-down.ng-enter,
.nga-slide-down.ng-hide-remove {
  opacity: 0;
}
.nga-slide-down.ng-enter.ng-enter-active,
.nga-slide-down.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-slide-down.ng-hide-add.ng-hide-add-active,
.nga-slide-down.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-slide-down.ng-hide-add,
.nga-slide-down.ng-leave {
  opacity: 1;
}
.nga-slide-down.ng-move {
  opacity: 0;
}
.nga-slide-down.ng-move.ng-move-active {
  opacity: 1;
}
.nga-slide-down.ng-enter:not(.ng-enter-active),
.nga-slide-down.ng-hide-add.ng-hide-add-active,
.nga-slide-down.ng-hide-remove:not(.ng-hide-remove-active),
.nga-slide-down.ng-leave.ng-leave-active,
.nga-slide-down.ng-move {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-slide-left-add {
  position: relative;
  overflow: hidden;
}
.nga-slide-left-add.ng-enter,
.nga-slide-left-add.ng-hide-remove {
  right: 100%;
}
.nga-slide-left-add.ng-enter.ng-enter-active,
.nga-slide-left-add.ng-hide-remove.ng-hide-remove-active {
  right: 0;
}
.nga-slide-left-remove {
  position: relative;
  overflow: hidden;
}
.nga-slide-left-remove.ng-hide-add.ng-hide-add-active,
.nga-slide-left-remove.ng-leave.ng-leave-active {
  right: 100%;
}
.nga-slide-left-remove.ng-hide-add,
.nga-slide-left-remove.ng-leave {
  right: 0;
}
.nga-slide-left-move {
  position: relative;
  overflow: hidden;
}
.nga-slide-left-move.ng-move {
  right: 100%;
}
.nga-slide-left-move.ng-move.ng-move-active {
  right: 0;
}
.nga-slide-left-all {
  position: relative;
  overflow: hidden;
}
.nga-slide-left-all.ng-enter,
.nga-slide-left-all.ng-hide-remove {
  right: 100%;
}
.nga-slide-left-all.ng-enter.ng-enter-active,
.nga-slide-left-all.ng-hide-remove.ng-hide-remove-active {
  right: 0;
}
.nga-slide-left-all.ng-hide-add.ng-hide-add-active,
.nga-slide-left-all.ng-leave.ng-leave-active {
  right: 100%;
}
.nga-slide-left-all.ng-hide-add,
.nga-slide-left-all.ng-leave {
  right: 0;
}
.nga-slide-left-all.ng-move {
  right: 100%;
}
.nga-slide-left-all.ng-move.ng-move-active {
  right: 0;
}
.nga-slide-left {
  position: relative;
  overflow: hidden;
}
.nga-slide-left.ng-enter,
.nga-slide-left.ng-hide-remove {
  right: 100%;
}
.nga-slide-left.ng-enter.ng-enter-active,
.nga-slide-left.ng-hide-remove.ng-hide-remove-active {
  right: 0;
}
.nga-slide-left.ng-hide-add.ng-hide-add-active,
.nga-slide-left.ng-leave.ng-leave-active {
  right: 100%;
}
.nga-slide-left.ng-hide-add,
.nga-slide-left.ng-leave {
  right: 0;
}
.nga-slide-left.ng-move {
  right: 100%;
}
.nga-slide-left.ng-move.ng-move-active {
  right: 0;
}
.nga-slide-left.ng-enter,
.nga-slide-left.ng-hide-remove {
  opacity: 0;
}
.nga-slide-left.ng-enter.ng-enter-active,
.nga-slide-left.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-slide-left.ng-hide-add.ng-hide-add-active,
.nga-slide-left.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-slide-left.ng-hide-add,
.nga-slide-left.ng-leave {
  opacity: 1;
}
.nga-slide-left.ng-move {
  opacity: 0;
}
.nga-slide-left.ng-move.ng-move-active {
  opacity: 1;
}
.nga-slide-left.ng-enter:not(.ng-enter-active),
.nga-slide-left.ng-hide-add.ng-hide-add-active,
.nga-slide-left.ng-hide-remove:not(.ng-hide-remove-active),
.nga-slide-left.ng-leave.ng-leave-active,
.nga-slide-left.ng-move {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-slide-right-add {
  position: relative;
  overflow: hidden;
}
.nga-slide-right-add.ng-enter,
.nga-slide-right-add.ng-hide-remove {
  left: 100%;
}
.nga-slide-right-add.ng-enter.ng-enter-active,
.nga-slide-right-add.ng-hide-remove.ng-hide-remove-active {
  left: 0;
}
.nga-slide-right-remove {
  position: relative;
  overflow: hidden;
}
.nga-slide-right-remove.ng-hide-add.ng-hide-add-active,
.nga-slide-right-remove.ng-leave.ng-leave-active {
  left: 100%;
}
.nga-slide-right-remove.ng-hide-add,
.nga-slide-right-remove.ng-leave {
  left: 0;
}
.nga-slide-right-move {
  position: relative;
  overflow: hidden;
}
.nga-slide-right-move.ng-move {
  left: 100%;
}
.nga-slide-right-move.ng-move.ng-move-active {
  left: 0;
}
.nga-slide-right-all {
  position: relative;
  overflow: hidden;
}
.nga-slide-right-all.ng-enter,
.nga-slide-right-all.ng-hide-remove {
  left: 100%;
}
.nga-slide-right-all.ng-enter.ng-enter-active,
.nga-slide-right-all.ng-hide-remove.ng-hide-remove-active {
  left: 0;
}
.nga-slide-right-all.ng-hide-add.ng-hide-add-active,
.nga-slide-right-all.ng-leave.ng-leave-active {
  left: 100%;
}
.nga-slide-right-all.ng-hide-add,
.nga-slide-right-all.ng-leave {
  left: 0;
}
.nga-slide-right-all.ng-move {
  left: 100%;
}
.nga-slide-right-all.ng-move.ng-move-active {
  left: 0;
}
.nga-slide-right {
  position: relative;
  overflow: hidden;
}
.nga-slide-right.ng-enter,
.nga-slide-right.ng-hide-remove {
  left: 100%;
}
.nga-slide-right.ng-enter.ng-enter-active,
.nga-slide-right.ng-hide-remove.ng-hide-remove-active {
  left: 0;
}
.nga-slide-right.ng-hide-add.ng-hide-add-active,
.nga-slide-right.ng-leave.ng-leave-active {
  left: 100%;
}
.nga-slide-right.ng-hide-add,
.nga-slide-right.ng-leave {
  left: 0;
}
.nga-slide-right.ng-move {
  left: 100%;
}
.nga-slide-right.ng-move.ng-move-active {
  left: 0;
}
.nga-slide-right.ng-enter,
.nga-slide-right.ng-hide-remove {
  opacity: 0;
}
.nga-slide-right.ng-enter.ng-enter-active,
.nga-slide-right.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-slide-right.ng-hide-add.ng-hide-add-active,
.nga-slide-right.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-slide-right.ng-hide-add,
.nga-slide-right.ng-leave {
  opacity: 1;
}
.nga-slide-right.ng-move {
  opacity: 0;
}
.nga-slide-right.ng-move.ng-move-active {
  opacity: 1;
}
.nga-slide-right.ng-enter:not(.ng-enter-active),
.nga-slide-right.ng-hide-add.ng-hide-add-active,
.nga-slide-right.ng-hide-remove:not(.ng-hide-remove-active),
.nga-slide-right.ng-leave.ng-leave-active,
.nga-slide-right.ng-move {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-slide-up-add {
  position: relative;
  overflow: hidden;
}
.nga-slide-up-add.ng-enter,
.nga-slide-up-add.ng-hide-remove {
  bottom: 50px;
}
.nga-slide-up-add.ng-enter.ng-enter-active,
.nga-slide-up-add.ng-hide-remove.ng-hide-remove-active {
  bottom: 0;
}
.nga-slide-up-remove {
  position: relative;
  overflow: hidden;
}
.nga-slide-up-remove.ng-hide-add.ng-hide-add-active,
.nga-slide-up-remove.ng-leave.ng-leave-active {
  bottom: 50px;
}
.nga-slide-up-remove.ng-hide-add,
.nga-slide-up-remove.ng-leave {
  bottom: 0;
}
.nga-slide-up-move {
  position: relative;
  overflow: hidden;
}
.nga-slide-up-move.ng-move {
  bottom: 50px;
}
.nga-slide-up-move.ng-move.ng-move-active {
  bottom: 0;
}
.nga-slide-up-all {
  position: relative;
  overflow: hidden;
}
.nga-slide-up-all.ng-enter,
.nga-slide-up-all.ng-hide-remove {
  bottom: 50px;
}
.nga-slide-up-all.ng-enter.ng-enter-active,
.nga-slide-up-all.ng-hide-remove.ng-hide-remove-active {
  bottom: 0;
}
.nga-slide-up-all.ng-hide-add.ng-hide-add-active,
.nga-slide-up-all.ng-leave.ng-leave-active {
  bottom: 50px;
}
.nga-slide-up-all.ng-hide-add,
.nga-slide-up-all.ng-leave {
  bottom: 0;
}
.nga-slide-up-all.ng-move {
  bottom: 50px;
}
.nga-slide-up-all.ng-move.ng-move-active {
  bottom: 0;
}
.nga-slide-up {
  position: relative;
  overflow: hidden;
}
.nga-slide-up.ng-enter,
.nga-slide-up.ng-hide-remove {
  bottom: 50px;
}
.nga-slide-up.ng-enter.ng-enter-active,
.nga-slide-up.ng-hide-remove.ng-hide-remove-active {
  bottom: 0;
}
.nga-slide-up.ng-hide-add.ng-hide-add-active,
.nga-slide-up.ng-leave.ng-leave-active {
  bottom: 50px;
}
.nga-slide-up.ng-hide-add,
.nga-slide-up.ng-leave {
  bottom: 0;
}
.nga-slide-up.ng-move {
  bottom: 50px;
}
.nga-slide-up.ng-move.ng-move-active {
  bottom: 0;
}
.nga-slide-up.ng-enter,
.nga-slide-up.ng-hide-remove {
  opacity: 0;
}
.nga-slide-up.ng-enter.ng-enter-active,
.nga-slide-up.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-slide-up.ng-hide-add.ng-hide-add-active,
.nga-slide-up.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-slide-up.ng-hide-add,
.nga-slide-up.ng-leave {
  opacity: 1;
}
.nga-slide-up.ng-move {
  opacity: 0;
}
.nga-slide-up.ng-move.ng-move-active {
  opacity: 1;
}
.nga-slide-up.ng-enter:not(.ng-enter-active),
.nga-slide-up.ng-hide-add.ng-hide-add-active,
.nga-slide-up.ng-hide-remove:not(.ng-hide-remove-active),
.nga-slide-up.ng-leave.ng-leave-active,
.nga-slide-up.ng-move {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-squash-left-add {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
}
.nga-squash-left-add.ng-enter,
.nga-squash-left-add.ng-hide-remove {
  width: 0;
  right: 100%;
}
.nga-squash-left-add.ng-enter:not(.ng-enter-active),
.nga-squash-left-add.ng-hide-remove:not(.ng-hide-remove-active) {
  padding-left: 0;
  padding-right: 0;
}
.nga-squash-left-add.ng-enter.ng-enter-active,
.nga-squash-left-add.ng-hide-remove.ng-hide-remove-active {
  width: 100%;
  right: 0;
}
.nga-squash-left-remove {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
}
.nga-squash-left-remove.ng-hide-add,
.nga-squash-left-remove.ng-leave {
  width: 100%;
  right: 0;
}
.nga-squash-left-remove.ng-hide-add.ng-hide-add-active,
.nga-squash-left-remove.ng-leave.ng-leave-active {
  width: 0;
  right: 100%;
  padding-left: 0;
  padding-right: 0;
}
.nga-squash-left-move {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
}
.nga-squash-left-move.ng-move {
  width: 0;
  right: 100%;
}
.nga-squash-left-move.ng-move.ng-move-active {
  width: 100%;
  right: 0;
}
.nga-squash-left-all {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
}
.nga-squash-left-all.ng-enter,
.nga-squash-left-all.ng-hide-remove {
  width: 0;
  right: 100%;
}
.nga-squash-left-all.ng-enter:not(.ng-enter-active),
.nga-squash-left-all.ng-hide-remove:not(.ng-hide-remove-active) {
  padding-left: 0;
  padding-right: 0;
}
.nga-squash-left-all.ng-enter.ng-enter-active,
.nga-squash-left-all.ng-hide-add,
.nga-squash-left-all.ng-hide-remove.ng-hide-remove-active,
.nga-squash-left-all.ng-leave {
  width: 100%;
  right: 0;
}
.nga-squash-left-all.ng-hide-add.ng-hide-add-active,
.nga-squash-left-all.ng-leave.ng-leave-active {
  width: 0;
  right: 100%;
  padding-left: 0;
  padding-right: 0;
}
.nga-squash-left-all.ng-move {
  width: 0;
  right: 100%;
}
.nga-squash-left-all.ng-move.ng-move-active {
  width: 100%;
  right: 0;
}
.nga-squash-left {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
}
.nga-squash-left.ng-enter,
.nga-squash-left.ng-hide-remove {
  width: 0;
  right: 100%;
}
.nga-squash-left.ng-enter:not(.ng-enter-active),
.nga-squash-left.ng-hide-remove:not(.ng-hide-remove-active) {
  padding-left: 0;
  padding-right: 0;
}
.nga-squash-left.ng-enter.ng-enter-active,
.nga-squash-left.ng-hide-add,
.nga-squash-left.ng-hide-remove.ng-hide-remove-active,
.nga-squash-left.ng-leave {
  width: 100%;
  right: 0;
}
.nga-squash-left.ng-hide-add.ng-hide-add-active,
.nga-squash-left.ng-leave.ng-leave-active {
  width: 0;
  right: 100%;
  padding-left: 0;
  padding-right: 0;
}
.nga-squash-left.ng-move {
  width: 0;
  right: 100%;
}
.nga-squash-left.ng-move.ng-move-active {
  width: 100%;
  right: 0;
}
.nga-squash-right-add {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  right: 0;
}
.nga-squash-right-add.ng-enter,
.nga-squash-right-add.ng-hide-remove {
  width: 0;
  left: 100%;
}
.nga-squash-right-add.ng-enter:not(.ng-enter-active),
.nga-squash-right-add.ng-hide-remove:not(.ng-hide-remove-active) {
  padding-left: 0;
  padding-right: 0;
}
.nga-squash-right-add.ng-enter.ng-enter-active,
.nga-squash-right-add.ng-hide-remove.ng-hide-remove-active {
  width: 100%;
  left: 0;
}
.nga-squash-right-remove {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  right: 0;
}
.nga-squash-right-remove.ng-hide-add,
.nga-squash-right-remove.ng-leave {
  width: 100%;
  left: 0;
}
.nga-squash-right-remove.ng-hide-add.ng-hide-add-active,
.nga-squash-right-remove.ng-leave.ng-leave-active {
  width: 0;
  left: 100%;
  padding-left: 0;
  padding-right: 0;
}
.nga-squash-right-move {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  right: 0;
}
.nga-squash-right-move.ng-move {
  width: 0;
  left: 100%;
}
.nga-squash-right-move.ng-move.ng-move-active {
  width: 100%;
  left: 0;
}
.nga-squash-right-all {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  right: 0;
}
.nga-squash-right-all.ng-enter,
.nga-squash-right-all.ng-hide-remove {
  width: 0;
  left: 100%;
}
.nga-squash-right-all.ng-enter:not(.ng-enter-active),
.nga-squash-right-all.ng-hide-remove:not(.ng-hide-remove-active) {
  padding-left: 0;
  padding-right: 0;
}
.nga-squash-right-all.ng-enter.ng-enter-active,
.nga-squash-right-all.ng-hide-add,
.nga-squash-right-all.ng-hide-remove.ng-hide-remove-active,
.nga-squash-right-all.ng-leave {
  width: 100%;
  left: 0;
}
.nga-squash-right-all.ng-hide-add.ng-hide-add-active,
.nga-squash-right-all.ng-leave.ng-leave-active {
  width: 0;
  left: 100%;
  padding-left: 0;
  padding-right: 0;
}
.nga-squash-right-all.ng-move {
  width: 0;
  left: 100%;
}
.nga-squash-right-all.ng-move.ng-move-active {
  width: 100%;
  left: 0;
}
.nga-squash-right {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  right: 0;
}
.nga-squash-right.ng-enter,
.nga-squash-right.ng-hide-remove {
  width: 0;
  left: 100%;
}
.nga-squash-right.ng-enter:not(.ng-enter-active),
.nga-squash-right.ng-hide-remove:not(.ng-hide-remove-active) {
  padding-left: 0;
  padding-right: 0;
}
.nga-squash-right.ng-enter.ng-enter-active,
.nga-squash-right.ng-hide-add,
.nga-squash-right.ng-hide-remove.ng-hide-remove-active,
.nga-squash-right.ng-leave {
  width: 100%;
  left: 0;
}
.nga-squash-right.ng-hide-add.ng-hide-add-active,
.nga-squash-right.ng-leave.ng-leave-active {
  width: 0;
  left: 100%;
  padding-left: 0;
  padding-right: 0;
}
.nga-squash-right.ng-move {
  width: 0;
  left: 100%;
}
.nga-squash-right.ng-move.ng-move-active {
  width: 100%;
  left: 0;
}
.nga-squash-vertical-add {
  position: relative;
  overflow: hidden;
  bottom: 0;
}
.nga-squash-vertical-add.ng-enter,
.nga-squash-vertical-add.ng-hide-remove {
  top: 100%;
}
.nga-squash-vertical-add.ng-enter:not(.ng-enter-active),
.nga-squash-vertical-add.ng-hide-remove:not(.ng-hide-remove-active) {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-squash-vertical-add.ng-enter.ng-enter-active,
.nga-squash-vertical-add.ng-hide-remove.ng-hide-remove-active {
  top: 0;
}
.nga-squash-vertical-remove {
  position: relative;
  overflow: hidden;
  bottom: 0;
}
.nga-squash-vertical-remove.ng-hide-add,
.nga-squash-vertical-remove.ng-leave {
  top: 0;
}
.nga-squash-vertical-remove.ng-hide-add.ng-hide-add-active,
.nga-squash-vertical-remove.ng-leave.ng-leave-active {
  top: 100%;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-squash-vertical-move {
  position: relative;
  overflow: hidden;
  bottom: 0;
}
.nga-squash-vertical-move.ng-move {
  top: 100%;
}
.nga-squash-vertical-move.ng-move.ng-move-active {
  top: 0;
}
.nga-squash-vertical-all {
  position: relative;
  overflow: hidden;
  bottom: 0;
}
.nga-squash-vertical-all.ng-enter,
.nga-squash-vertical-all.ng-hide-remove {
  top: 100%;
}
.nga-squash-vertical-all.ng-enter:not(.ng-enter-active),
.nga-squash-vertical-all.ng-hide-remove:not(.ng-hide-remove-active) {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-squash-vertical-all.ng-enter.ng-enter-active,
.nga-squash-vertical-all.ng-hide-add,
.nga-squash-vertical-all.ng-hide-remove.ng-hide-remove-active,
.nga-squash-vertical-all.ng-leave {
  top: 0;
}
.nga-squash-vertical-all.ng-hide-add.ng-hide-add-active,
.nga-squash-vertical-all.ng-leave.ng-leave-active {
  top: 100%;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-squash-vertical-all.ng-move {
  top: 100%;
}
.nga-squash-vertical-all.ng-move.ng-move-active {
  top: 0;
}
.nga-squash-vertical {
  position: relative;
  overflow: hidden;
  bottom: 0;
}
.nga-squash-vertical.ng-enter,
.nga-squash-vertical.ng-hide-remove {
  top: 100%;
}
.nga-squash-vertical.ng-enter:not(.ng-enter-active),
.nga-squash-vertical.ng-hide-remove:not(.ng-hide-remove-active) {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-squash-vertical.ng-enter.ng-enter-active,
.nga-squash-vertical.ng-hide-add,
.nga-squash-vertical.ng-hide-remove.ng-hide-remove-active,
.nga-squash-vertical.ng-leave {
  top: 0;
}
.nga-squash-vertical.ng-hide-add.ng-hide-add-active,
.nga-squash-vertical.ng-leave.ng-leave-active {
  top: 100%;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-squash-vertical.ng-move {
  top: 100%;
}
.nga-squash-vertical.ng-move.ng-move-active {
  top: 0;
}
.nga-squash-vertical.ng-enter,
.nga-squash-vertical.ng-hide-remove {
  opacity: 0;
}
.nga-squash-vertical.ng-enter.ng-enter-active,
.nga-squash-vertical.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-squash-vertical.ng-hide-add.ng-hide-add-active,
.nga-squash-vertical.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-squash-vertical.ng-hide-add,
.nga-squash-vertical.ng-leave {
  opacity: 1;
}
.nga-squash-vertical.ng-move {
  opacity: 0;
}
.nga-squash-vertical.ng-move.ng-move-active {
  opacity: 1;
}
.nga-stagger-add.ng-enter-stagger,
.nga-stagger-leave.ng-leave-stagger,
.nga-stagger-move.ng-move-stagger,
.nga-stagger.ng-enter-stagger,
.nga-stagger.ng-leave-stagger,
.nga-stagger.ng-move-stagger {
  transition-delay: 100ms;
  transition-duration: 0;
}
.nga-stagger-fast.ng-enter-stagger,
.nga-stagger-fast.ng-leave-stagger,
.nga-stagger-fast.ng-move-stagger {
  transition-delay: 20ms;
  transition-duration: 0;
}
.nga-stagger-slow.ng-enter-stagger,
.nga-stagger-slow.ng-leave-stagger,
.nga-stagger-slow.ng-move-stagger {
  transition-delay: 200ms;
  transition-duration: 0;
}
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  /* Prevent font scaling in landscape */
}
.hidelink {
  display: none !important;
}
.skiptoMaincontent {
  position: absolute;
  float: left;
  top: 2px;
  z-index: 10;
  font-size: larger;
}
.skiptoMaincontent a {
  background-color: white;
  color: black !important;
  border: 2px solid red;
}
@media screen {
  body.gateway,
  #homeContainer,
  #content {
    display: -webkit-box;
    /* iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* Firefox 19-  */
    display: -ms-flexbox;
    /* IE 10 */
    display: -webkit-flex;
    /* Android 4.3-, iOS 8.4- */
    display: flex;
    -webkit-box-flex-direction: column;
    /* iOS 6-, Safari 3.1-6 */
    -moz-box-flex-direction: column;
    /* Firefox 19- */
    -ms-flex-direction: column;
    /* IE 10 */
    -webkit-flex-direction: column;
    /* Android 4.3-, iOS 8.4- */
    flex-direction: column;
    height: 100%;
  }
}
#content .homeContentLiner {
  -webkit-box-flex: 1 0;
  /* iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1 0;
  /* Firefox 19- */
  -ms-flex: 1 0 auto;
  /* IE 10 */
  -webkit-flex: 1 0 auto;
  /* Android 4.3-, iOS 8.4- */
  flex: 1 0 auto;
  width: 100%;
}
#content .homeContentLiner:after {
  content: '\00a0';
  /*   */
  display: block;
  margin-top: var(--space);
  height: 0px;
  visibility: hidden;
}
#content .homeContentLiner .defaultLoading.ladda-button[data-style=expand-right][data-loading] {
  position: absolute;
  top: 38%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  z-index: 101;
}
#content .homeContentLiner span .screenreadertext {
  visibility: hidden;
}
#content .homeFooterWrapper {
  -webkit-box-flex: none;
  /* iOS 6-, Safari 3.1-6 */
  -moz-box-flex: none;
  /* Firefox 19- */
  -ms-flex: none;
  /* IE 10 */
  -webkit-flex: none;
  /* Android 4.3-, iOS 8.4- */
  flex: none;
}
.ajax-loader {
  position: relative;
  margin-left: -20px;
  margin-top: 20px;
  left: 50%;
}
.TransparentOpacity {
  cursor: wait;
  background-color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.ResetUsernameFooter {
  position: fixed !important;
  bottom: 0 !important;
}
.backLink {
  cursor: pointer;
}
.LinkPadding {
  margin-left: 30px;
  margin-right: 50px;
}
@media only screen and (max-width: 768px) {
  .LinkPadding {
    margin-left: 0;
    margin-right: 0;
  }
}
.bellIcon #bellNotification.screenReaderText {
  visibility: hidden;
}
.search .mainContainer {
  overflow-y: visible;
  padding-left: 0;
  padding-right: 0;
}
.search .mainContainer.sidebarVisible {
  margin: 0 20px;
}
@media only screen and (max-width: 768px) {
  .search .mainContainer.sidebarVisible {
    margin: 0;
  }
}
.search .mainContainer .grayBox,
.search .mainContainer .deepgreyBox {
  z-index: 1;
}
.SearchpageBack {
  margin-bottom: 20px;
  display: inline-block;
}
.SaveSearchLink {
  display: inline-block;
  float: right;
}
.workArea {
  margin: 0 auto 20px auto;
}
@media only screen and (max-width: 768px) {
  .workArea {
    margin-bottom: 0;
  }
}
.gateway #GoogleRenderedButton {
  display: none;
}
.gateway .hiddenHeader .welcomeBanner,
.gateway .mobileOnlyHeader .welcomeBanner {
  padding-top: 0;
}
.gateway .welcomeBanner {
  width: 100%;
  padding: 0 30px 30px 30px;
  display: table;
}
@media only screen and (max-width: 768px) {
  .gateway .welcomeBanner {
    padding: 30px 30px 30px 30px;
  }
}
.gateway .welcomeBanner .configHidden {
  outline: none;
  width: 400px;
  height: 200px;
  margin-left: 20px;
  background: url("/TGNewUI/Content/backgroundImage.png") -100px 0px;
}
@media only screen and (max-width: 480px) {
  .gateway .welcomeBanner {
    height: auto;
    margin-top: 20px;
    padding: 0 15px 15px 15px;
  }
}
.gateway .welcomeBanner div[configurable-image] {
  display: table-cell;
  width: 1px;
}
@media only screen and (max-width: 900px) {
  .gateway .welcomeBanner div[configurable-image] {
    display: none;
  }
}
.gateway .welcomeBanner div[configurable-image] img {
  height: 200px;
  margin-left: 20px;
}
@media only screen and (max-width: 768px) {
  .gateway .welcomeBanner div[configurable-image] img {
    height: auto;
    width: 100%;
    margin-left: 0;
  }
}
.gateway .welcomeBanner .welcome {
  display: table-cell;
  vertical-align: top;
  overflow-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
}
@media only screen and (max-width: 900px) {
  .gateway .welcomeBanner .welcome {
    display: block;
  }
}
.gateway .welcomeBanner .welcome .welcomeLiner {
  min-height: 200px;
  padding: 20px 20px;
}
@media only screen and (max-width: 900px) {
  .gateway .welcomeBanner .welcome .welcomeLiner {
    min-height: 0;
  }
}
.gateway .welcomeBanner .welcome .welcomeLiner .welcomeTitle {
  padding-right: 20px;
  font-size: 125%;
  font-weight: bold;
}
.gateway .welcomeBanner .welcome .welcomeLiner .welcomeText {
  padding: 8px 12px 0 0;
  display: block;
}
.gateway .welcomeBanner.noWelcomeConfigured .welcome {
  display: none;
}
.noBkgImage .welcomeBanner {
  padding-right: 30px;
}
@media only screen and (min-width: 900px) {
  .noBkgImage .welcomeBanner {
    padding-right: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .noBkgImage .welcomeBanner {
    padding-right: 15px;
  }
}
.backdrop {
  display: block;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.backdrop img {
  width: 100%;
}
.backdrop .configHidden {
  display: none;
}
.phoneSearchAndFilterWrapper {
  width: 100%;
  overflow-x: hidden;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .phoneSearchAndFilterWrapper.hasTSBell {
    margin-top: 25px;
  }
}
.phoneSearchAndFilterWrapper .revealSearchLink {
  position: absolute;
  right: 0;
  margin-top: 12px;
  margin-right: 30px;
  font-size: 20px;
}
@media only screen and (max-width: 480px) {
  .phoneSearchAndFilterWrapper .revealSearchLink {
    margin-right: 15px;
  }
}
.phoneSearchAndFilterWrapper .revealSearchLink .revealSearchIcon {
  height: 1.2em;
}
.phoneSearchAndFilterWrapper .phoneViewSearchBoxWrapper.searchBoxWrapper .searchBoxContainer {
  margin: 0;
  z-index: 4;
  min-width: 20em;
  right: 0;
}
.phoneSearchAndFilterWrapper .phoneViewSearchBoxWrapper.searchBoxWrapper .searchBoxContainer a.upArrow,
.phoneSearchAndFilterWrapper .phoneViewSearchBoxWrapper.searchBoxWrapper .searchBoxContainer .noButton.upArrow {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 4px;
}
.phoneSearchAndFilterWrapper .phoneFacetList {
  position: relative;
  padding: 0 20px;
  width: 50%;
  float: left;
  z-index: 3;
  border-bottom: solid 4px;
  display: none;
  -webkit-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
}
.phoneSearchAndFilterWrapper .phoneFacetListItem {
  padding: 20px 0;
  border-bottom: solid 1px;
  margin: 0;
  display: inline-block;
  width: 100%;
}
.phoneSearchAndFilterWrapper .phoneFacetListItem:last-child {
  border-bottom: none;
}
.phoneSearchAndFilterWrapper a.arrow,
.phoneSearchAndFilterWrapper .noButton.arrow {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.phoneSearchAndFilterWrapper a.arrow:after,
.phoneSearchAndFilterWrapper .noButton.arrow:after {
  font-family: "FontAwesome";
  content: "\f077";
  position: relative;
  cursor: pointer;
  font-weight: bold;
  display: block;
  text-align: center;
}
.phoneSearchAndFilterWrapper span.arrow {
  display: block;
}
.phoneSearchAndFilterWrapper span.arrow:after {
  font-family: "FontAwesome";
  content: "\f077";
  position: relative;
  cursor: pointer;
  font-weight: bold;
  display: block;
  text-align: center;
}
.phoneSearchAndFilterWrapper a.back {
  padding-top: 20px;
}
.phoneSearchAndFilterWrapper a.refine,
.phoneSearchAndFilterWrapper .noButton.refine {
  display: none;
  overflow-y: visible;
  margin: 0.875em 0 0.875em 0;
}
@media only screen and (max-width: 768px) {
  .phoneSearchAndFilterWrapper a.refine,
  .phoneSearchAndFilterWrapper .noButton.refine {
    display: inline-block;
  }
}
.phoneSearchAndFilterWrapper a.refine:after,
.phoneSearchAndFilterWrapper .noButton.refine:after {
  font-family: "FontAwesome";
  content: "\f078";
  position: relative;
  cursor: pointer;
  font-weight: bold;
  position: static;
}
.phoneSearchAndFilterWrapper .accordionHeader {
  display: inline-block;
  width: 100%;
}
.phoneSearchAndFilterWrapper .accordionHeader h3 {
  float: left;
  text-align: center;
  padding: 0 1em;
  width: 44%;
  font-weight: bold;
  padding-top: 20px;
}
.phoneSearchAndFilterWrapper .accordionHeader a.clearAll {
  width: 28%;
  float: right;
  text-align: right;
  padding-top: 20px;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion {
  position: absolute;
  text-align: left;
  width: 100%;
  left: 0;
  background-color: transparent;
  -webkit-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) left;
  -moz-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) left;
  -ms-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) left;
  -o-transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) left;
  transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) left;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .back {
  float: left;
  width: 28%;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .back:before {
  padding-right: 6px;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion.showOptions {
  left: -100%;
  width: 200%;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion.showOptions .facetFilterAccordionCategories {
  width: 50%;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion.showOptions .facetFilterAccordionOptions {
  display: block;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories {
  position: relative;
  padding: 0 20px;
  width: 50%;
  float: left;
  z-index: 3;
  border-bottom: solid 4px;
  display: none;
  -webkit-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  width: 100%;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories .back {
  width: 71%;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories .back:before {
  font-family: "FontAwesome";
  content: "\f077";
  cursor: pointer;
  font-weight: bold;
  position: relative;
  top: -3px;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories .facet {
  padding: 20px 0;
  border-bottom: solid 1px;
  margin: 0;
  display: inline-block;
  width: 100%;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories .facet:last-child {
  border-bottom: none;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories .facet h3,
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories .facet .accor_facet {
  text-indent: 2em;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories .facet h3.hasSelections:before,
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories .facet .accor_facet.hasSelections:before {
  font-family: 'FontAwesome';
  content: "\f00c";
  position: absolute;
  left: 0;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories .facet h3:after,
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories .facet .accor_facet:after {
  font-family: "FontAwesome";
  content: "\f054";
  position: relative;
  cursor: pointer;
  font-weight: bold;
  float: right;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories .facet .accor_facet {
  margin-left: 2em;
  /*width: 100%;
                    text-align: start;*/
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories .facet .liner {
  display: none;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories .facet.optionsVisible .liner {
  display: block;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionOptions {
  position: relative;
  padding: 0 20px;
  width: 50%;
  float: left;
  z-index: 3;
  border-bottom: solid 4px;
  -webkit-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  box-shadow: 1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  display: none;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionOptions li.facet {
  margin: 0;
  display: none;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionOptions li.facet h3 {
  display: none;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionOptions li.facet ul {
  max-height: none;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionOptions li.facet li {
  padding: 20px 0;
  border-bottom: solid 1px;
  margin: 0;
  display: inline-block;
  width: 100%;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionOptions li.facet li:last-child {
  border-bottom: none;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionOptions li.facet .pseudoCheckbox {
  float: right;
  background-color: inherit;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionOptions li.facet .liner {
  border: none;
}
.pinnedUpArrow {
  position: fixed;
  bottom: 0;
  width: 50%;
  margin: 0 25%;
  z-index: 2;
  padding: 4px 0;
}
.pinnedUpArrow:after {
  font-family: "FontAwesome";
  content: "\f077";
  position: relative;
  cursor: pointer;
  text-align: center;
  position: static;
  display: block;
  font-weight: bold;
}
.stackedInputs .searchBoxContainer {
  display: block;
}
.stackedInputs .searchBoxContainer h1 {
  margin: 0 0 10px;
}
.stackedInputs .searchBoxContainer .searchControls .controlWrapper {
  margin: 0 auto 10px;
  width: 100%;
  display: block;
  min-width: 0;
}
.stackedInputs .searchBoxContainer .searchControls button {
  margin: 20px auto 0;
  display: block;
  min-width: 0;
}
.stackedInputs .searchBoxContainer .searchControls .powerSearchLink {
  width: auto;
  line-height: normal;
}
.searchBoxWrapper {
  text-align: center;
  display: block !important;
}
.searchBoxWrapper.configHidden {
  margin: 0 1px;
}
.searchBoxWrapper .searchBoxContainer {
  padding: 20px 20px;
  text-align: center;
  margin: 0 auto 30px auto;
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 480px) {
  .searchBoxWrapper .searchBoxContainer {
    margin: 0 auto 15px auto;
  }
}
.searchBoxWrapper .searchBoxContainer h1 {
  font-size: 150%;
}
@media only screen and (max-width: 300px) {
  .searchBoxWrapper .searchBoxContainer h1 {
    display: none;
  }
}
.searchBoxWrapper .searchBoxContainer .searchControls .controlWrapper {
  margin-right: 12px;
  font-size: inherit;
  float: left;
  margin-top: 20px;
}
.searchBoxWrapper .searchBoxContainer .searchControls button {
  font-size: inherit;
  float: left;
  margin-top: 1.5em;
}
.searchBoxWrapper .searchBoxContainer .searchControls .labelText {
  text-align: left;
}
.searchBoxWrapper .searchBoxContainer .searchControls input[type=text] {
  background-color: transparent;
}
.searchBoxWrapper .searchBoxContainer .searchControls input[type=text].ui-autocomplete-loading + label .clearButton {
  display: none;
}
.searchBoxWrapper .searchBoxContainer .searchControls .powerSearchLink {
  float: left;
  clear: left;
  width: 29.8em;
  padding-right: 0;
  text-align: right;
  padding-top: 8px;
}
@media only screen and (max-width: 1024px) {
  .searchBoxWrapper .searchBoxContainer .searchControls .powerSearchLink {
    display: inline-block;
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .searchBoxWrapper .searchBoxContainer {
    display: block;
  }
  .searchBoxWrapper .searchBoxContainer h1 {
    margin: 0 0 10px;
  }
  .searchBoxWrapper .searchBoxContainer .searchControls .controlWrapper {
    margin: 0 auto 10px;
    width: 100%;
    display: block;
    min-width: 0;
  }
  .searchBoxWrapper .searchBoxContainer .searchControls button {
    margin: 20px auto 0;
    display: block;
    min-width: 0;
  }
  .searchBoxWrapper .searchBoxContainer .searchControls .powerSearchLink {
    width: auto;
    line-height: normal;
  }
}
.sidebarVisible .sidebar {
  padding-right: 20px;
}
.sidebarVisible .searchBoxWrapper .searchBoxContainer {
  display: block;
}
.sidebarVisible .searchBoxWrapper .searchBoxContainer h1 {
  margin: 0 0 10px;
}
.sidebarVisible .searchBoxWrapper .searchBoxContainer .searchControls .controlWrapper {
  margin: 0 auto 10px;
  width: 100%;
  display: block;
  min-width: 0;
}
.sidebarVisible .searchBoxWrapper .searchBoxContainer .searchControls button {
  margin: 20px auto 0;
  display: block;
  min-width: 0;
}
.sidebarVisible .searchBoxWrapper .searchBoxContainer .searchControls .powerSearchLink {
  width: auto;
  line-height: normal;
}
.gateway .sidebar .searchBoxContainer {
  margin-bottom: 20px;
}
.gateway .sidebar .searchBoxWrapper .searchBoxContainer.searchBoxContainerNoJobs {
  margin-bottom: 0px;
}
.gateway a:hover {
  text-decoration: none;
}
.powerSearchContainer {
  padding-left: 0px;
  padding-right: 0px;
  /*@media @phone {
        padding: 10px -15px 0 -15px;
    }*/
}
@media only screen and (max-width: 768px) {
  .powerSearchContainer {
    padding-top: 10px;
  }
}
.powerSearchContainer div.listContainer {
  max-width: none;
}
.powerSearchContainer a.back {
  margin-top: 20px;
  display: block;
}
.powerSearchContainer a.showIcon {
  display: none;
  position: absolute;
  margin-top: -4px;
  right: 4px;
  padding: 8px;
}
.powerSearchContainer a.showIcon:after {
  font-family: "FontAwesome";
  content: "\f078";
  position: relative;
  cursor: pointer;
  font-weight: bold;
  line-height: 8px;
}
@media only screen and (max-width: 480px) {
  .powerSearchContainer a.showIcon {
    display: block;
  }
}
.powerSearchContainer a.showIcon.open:after {
  font-family: "FontAwesome";
  content: "\f077";
  position: relative;
  cursor: pointer;
  font-weight: bold;
}
.powerSearchContainer label {
  display: block;
}
.powerSearchContainer label.checkboxLabel {
  display: inline-block;
  margin: 0;
}
.powerSearchContainer .checkboxWrapper {
  margin: 10px 0;
}
.powerSearchContainer label.powerSearchLabel,
.powerSearchContainer legend {
  font-weight: bold;
}
.powerSearchContainer fieldset {
  margin-top: 20px;
}
@media only screen and (max-width: 480px) {
  .powerSearchContainer fieldset {
    margin-top: 0px;
  }
}
.powerSearchContainer legend {
  display: inline-block;
}
@media only screen and (max-width: 480px) {
  .powerSearchContainer legend {
    margin-top: 0;
  }
}
.powerSearchContainer .autocompleteWrapper,
.powerSearchContainer .dateWrapper {
  float: left;
}
.powerSearchContainer .fieldcontain .ui-select {
  display: none;
}
.powerSearchContainer .fieldcontain .ui-input-search {
  position: relative;
  overflow: visible;
}
.powerSearchContainer .fieldcontain .ui-input-search .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;
  position: absolute;
  cursor: default;
  top: 0;
  right: 10px;
}
.powerSearchContainer .fieldcontain .ui-input-search .ui-icon-triangle-1-s:after {
  content: "\f107";
  height: 30px;
  line-height: 30px;
  font-size: 1.4em;
  font-weight: bold;
}
.powerSearchContainer .fieldcontain .ui-input-search .ui-icon-triangle-1-s:after {
  font-family: "FontAwesome";
}
.powerSearchContainer .fieldcontain ul.selectionList {
  max-width: 100%;
}
.powerSearchContainer .fieldcontain ul.selectionList li.selection {
  line-height: 20px;
  padding: 10px 25px 5px 5px;
  margin: 5px 5px 5px 0;
  position: relative;
  max-width: 145px;
  display: inline-block;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  vertical-align: top;
}
.powerSearchContainer .fieldcontain ul.selectionList li.selection .closeButton {
  width: 24px;
  text-align: center;
  position: absolute;
  top: -3px;
  right: 1px;
  padding: 6px;
  margin: 0;
  background-color: transparent;
  border: none;
}
.powerSearchContainer .fieldcontain ul.selectionList li.selection .closeButton::after {
  content: "\f00d";
  font-family: 'FontAwesome';
  font-weight: 900;
  font-size: 18px;
}
.powerSearchContainer .dateWrapper {
  overflow: visible;
}
.powerSearchContainer .dateWrapper.controlWrapper {
  width: auto;
}
@media only screen and (max-width: 480px) {
  .powerSearchContainer .dateWrapper.controlWrapper {
    min-width: 14em;
    width: 14em;
  }
}
.powerSearchContainer .dateWrapper .controlLiner {
  display: inline-block;
  height: auto;
  position: relative;
  background-color: transparent;
}
.powerSearchContainer .dateWrapper .controlLiner input.datestring {
  width: 9em;
}
.powerSearchContainer .dateWrapper .controlLiner button.ui-datepicker-trigger {
  position: relative;
}
.powerSearchContainer .dateWrapper .controlLiner .clearButton {
  top: 0;
}
.powerSearchContainer .controlWrapper {
  margin: 10px 10px 0 0;
}
@media only screen and (max-width: 480px) {
  .powerSearchContainer .controlWrapper {
    min-width: 10em;
    width: 10em;
  }
}
.powerSearchContainer .controlLiner {
  background-color: White;
}
.powerSearchContainer textarea {
  width: 100%;
}
.powerSearchContainer .bottomControlWrapper {
  padding: 30px 0;
}
.powerSearchContainer .bottomControlWrapper .bottomControl {
  margin-right: 20px;
}
.powerSearchContainer .selectedTileContainer {
  *zoom: 1;
  clear: both;
}
.powerSearchContainer .selectedTileContainer:before,
.powerSearchContainer .selectedTileContainer:after {
  content: "";
  display: table;
  border: none;
  padding: 0;
}
.powerSearchContainer .selectedTileContainer:after {
  clear: both;
}
.powerSearchContainer .selectedTileContainer .selectedTile {
  padding-right: 0px;
}
.powerSearchContainer .selectedTileContainer .selectedTile .close {
  position: relative;
}
.powerSearchContainer ul.jobList li.ng-scope {
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .powerSearchContainer ul.jobList li.ng-scope {
    border-bottom: solid 1px;
  }
}
.powerSearchContainer ul.jobList li.ng-scope .dateLiner {
  display: inline-block;
  margin-right: 20px;
}
.powerSearchContainer ul.jobList li.ng-scope .dateLiner label.dateLabel {
  float: left;
  margin: 10px 0 0 0;
  line-height: 1em;
}
.powerSearchContainer ul.jobList li.ng-scope .dateLiner .controlWrapper {
  clear: left;
  margin: 10px 0 0 0;
}
.powerSearchContainer ul.jobList li.ng-scope .liner {
  padding: 0;
  margin: 0;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .powerSearchContainer ul.jobList li.ng-scope .liner {
    padding: 14px 40px 14px 0;
  }
  .powerSearchContainer ul.jobList li.ng-scope .liner label {
    margin: 0;
  }
  .powerSearchContainer ul.jobList li.ng-scope .liner p {
    display: none;
  }
}
@media only screen and (min-width: 481px) {
  .powerSearchContainer ul.jobList li.ng-scope .liner p {
    display: block !important;
  }
}
.gateway .lightAccentBkg .controlWrapper {
  border-style: none;
}
.increaseSpace button.ui-datepicker-trigger {
  margin-left: -38px;
  border: 0px;
  background-color: transparent;
  padding: 0px;
  margin-top: 8px;
}
.increaseSpace button.ui-datepicker-trigger:hover {
  background-color: transparent;
  border: 0px;
}
.increaseSpace .monthyear {
  max-width: 500px;
}
.sidebar .refine.lightAccentBkg {
  position: relative;
}
.sidebar h2.refine {
  padding: 20px 20px 0 20px;
  font-size: 110%;
}
.sidebar a.clearAll {
  position: absolute;
  right: 20px;
}
.facet .liner {
  max-height: 200em;
  overflow-y: auto;
  padding: 10px 5px 0;
  position: relative;
}
.facet .liner .filterFacet {
  width: 100%;
}
.facet .liner .filterFacet input {
  width: 100%;
}
.facet h3,
.facet .accor_facet {
  font-weight: bold;
  padding-bottom: 5px;
}
.facet h3.hasSelections:before,
.facet .accor_facet.hasSelections:before {
  font-family: 'FontAwesome';
  content: "\f00c";
  position: absolute;
  left: 0;
}
.facet a.chevron-down:after {
  font-family: "FontAwesome";
  content: "\f078";
  position: relative;
  cursor: pointer;
  font-weight: bold;
  margin: 0 5px 0 5px;
}
@media only screen and (max-width: 768px) {
  .facet a.chevron-down:after {
    display: none;
  }
}
.facet a.chevron-up:after {
  font-family: "FontAwesome";
  content: "\f077";
  position: relative;
  cursor: pointer;
  font-weight: bold;
  margin: 0 5px 0 5px;
}
@media only screen and (max-width: 768px) {
  .facet a.chevron-up:after {
    display: none;
  }
}
.facet li {
  padding: 0;
  margin: 0 0 20px 0;
  clear: right;
  display: table;
}
.facet li:last-child {
  margin-bottom: 10px;
}
.facet li .pseudocheckbox,
.facet li .pseudoradio {
  display: table-cell;
}
.facet li label {
  margin-top: 0;
  display: table-cell;
  position: relative;
  top: -4px;
  -ms-word-break: break-word;
  word-break: break-word;
}
.noJobDescriptions li.job {
  cursor: pointer;
}
div.mainListContainer.listContainer {
  *zoom: 1;
  margin-bottom: 20px;
}
div.mainListContainer.listContainer:before,
div.mainListContainer.listContainer:after {
  content: "";
  display: table;
  border: none;
  padding: 0;
}
div.mainListContainer.listContainer:after {
  clear: both;
}
div.mainListContainer.listContainer .lightAccentBkg {
  position: relative;
}
div.mainListContainer.listContainer .sectionHeading {
  padding: 0 20px;
}
div.mainListContainer.listContainer .sectionHeading h1,
div.mainListContainer.listContainer .sectionHeading h2 {
  font-size: 150%;
}
div.mainListContainer.listContainer .sectionHeading.noMatches h1,
div.mainListContainer.listContainer .sectionHeading.noMatches h2 {
  padding-bottom: 20px;
}
div.mainListContainer.listContainer .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
  right: 345px;
}
@media only screen and (max-width: 900px) {
  div.mainListContainer.listContainer .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    right: 250px;
  }
}
@media only screen and (max-width: 768px) {
  div.mainListContainer.listContainer .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    right: 345px;
    top: 320px;
  }
}
@media only screen and (max-width: 580px) {
  div.mainListContainer.listContainer .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    right: 250px;
  }
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    right: 200px;
  }
}
@media only screen and (max-width: 380px) {
  div.mainListContainer.listContainer .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    right: 150px;
  }
}
div.mainListContainer.listContainer .uploadloader .ladda-button {
  position: inherit;
}
div.mainListContainer.listContainer .refinesearch {
  margin: 20px 20px 0;
  float: left;
}
div.mainListContainer.listContainer .refinesearch label {
  height: 30px;
  line-height: 30px;
  float: left;
  margin-right: 10px;
  margin-top: 0;
  display: block;
}
div.mainListContainer.listContainer .refinesearch .ctrl-refinesearch {
  width: 200px;
}
div.mainListContainer.listContainer .sort {
  margin: 20px 20px 0;
  float: right;
}
div.mainListContainer.listContainer .sort label[for=sortBy-button] {
  height: 30px;
  line-height: 30px;
  float: left;
  margin-right: 10px;
  margin-top: 0;
}
div.mainListContainer.listContainer .sort #sortBy-button {
  width: 100px;
}
div.mainListContainer.listContainer .shortCutNotVisible {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
div.mainListContainer.listContainer .selectJobsWrapper {
  padding: 0 0 0 20px;
  height: 40px;
  margin-right: 20px;
}
div.mainListContainer.listContainer .selectJobsWrapper .popover.bottom {
  margin-top: 40px;
  margin-left: -50px;
}
@media only screen and (max-width: 768px) {
  div.mainListContainer.listContainer .selectJobsWrapper {
    margin-top: 10px;
  }
}
div.mainListContainer.listContainer .selectJobsWrapper a {
  vertical-align: -7px;
}
div.mainListContainer.listContainer ul.jobList {
  padding: 0;
  margin: 0;
}
div.mainListContainer.listContainer ul.jobList li.job {
  padding: 30px;
  margin: 20px;
  margin-bottom: 20px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer ul.jobList li.job {
    cursor: pointer;
  }
}
div.mainListContainer.listContainer ul.jobList li.job .liner {
  padding-bottom: 0;
}
div.mainListContainer.listContainer ul.jobList li.job .checkBox + .liner {
  padding-left: 40px;
}
div.mainListContainer.listContainer ul.jobList li.job .checkBox {
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog {
  max-height: 100px;
  padding: 10px 10px 10px 0;
  position: absolute;
  top: 0px;
  max-width: 100%;
  right: 0px;
  display: inline;
  z-index: 0;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .right-triangle {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  clip: rect(0px, 100px, 45px, 0px);
  height: 100px;
  position: absolute;
  right: -30px;
  top: -15px;
  width: 100px;
  z-index: 1;
  left: unset;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .right-triangle-text {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 15px;
  top: 21px;
  display: block;
  height: 50px;
  position: absolute;
  width: 50px;
  z-index: 2;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .right-triangle-text .fa-share-alt {
  position: absolute;
  left: 25px;
  top: 5px;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .right-triangle-text:focus {
  outline: 2px dotted;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog #jobshareLink {
  margin-right: 10px;
  width: 100%;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .jobShareIcon {
  padding: 4px;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .jobCloseIcon {
  position: absolute;
  top: 15px;
  left: 0px;
  margin: 0 10px;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .shareInput {
  padding-left: 30px;
  display: inline-block;
  width: 80%;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .shareContent {
  display: inline-block;
  padding: 10px;
}
div.mainListContainer.listContainer ul.jobList li.job + .no-items {
  display: none;
}
div.mainListContainer.listContainer ul.jobList .hitCount {
  font-weight: bold;
}
div.mainListContainer.listContainer ul.jobList a.refine {
  display: none;
}
@media only screen and (max-width: 768px) {
  div.mainListContainer.listContainer ul.jobList a.refine {
    display: inline;
  }
}
@media only screen and (max-width: 768px) {
  div.mainListContainer.listContainer ul.jobList {
    padding: 0;
  }
}
div.mainListContainer.listContainer .showMoreJobsContainer {
  text-align: right;
}
div.mainListContainer.listContainer .showMoreJobsContainer .showMoreJobs {
  display: inline-block;
  margin-right: 20px;
  position: relative;
  top: -5px;
  padding-bottom: 10px;
}
div.mainListContainer.listContainer .padTop {
  padding-top: 20px;
}
div.mainListContainer.listContainer .padBottom {
  padding-bottom: 20px;
}
div.mainListContainer.listContainer .noJobsearchresults {
  max-width: 100%;
}
div.mainListContainer.listContainer.cardLayout ul.jobList {
  padding: 20px 0 0 0;
  display: flex;
  flex-flow: row wrap;
}
@media only screen and (max-width: 768px) {
  div.mainListContainer.listContainer.cardLayout ul.jobList {
    padding: 20px 0 0 0;
  }
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer.cardLayout ul.jobList {
    padding: 0;
  }
}
div.mainListContainer.listContainer.cardLayout ul.jobList li.job {
  padding: 41px 15px 15px 15px;
  margin: 10px;
  width: 30%;
  display: inline-flex;
}
@media only screen and (max-width: 1124px) {
  div.mainListContainer.listContainer.cardLayout ul.jobList li.job {
    width: 46%;
  }
}
@media only screen and (max-width: 920px) {
  div.mainListContainer.listContainer.cardLayout ul.jobList li.job {
    width: 44%;
  }
}
@media only screen and (max-width: 768px) {
  div.mainListContainer.listContainer.cardLayout ul.jobList li.job {
    width: 30%;
  }
}
@media only screen and (max-width: 680px) {
  div.mainListContainer.listContainer.cardLayout ul.jobList li.job {
    width: 44%;
  }
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer.cardLayout ul.jobList li.job {
    width: inherit;
    padding: 30px;
    margin: 20px;
  }
}
div.mainListContainer.listContainer.cardLayout ul.jobList li.job .checkBox {
  top: 0%;
  margin-top: 5px;
  margin-left: -5px;
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer.cardLayout ul.jobList li.job .checkBox {
    top: 50%;
    margin-top: -15px;
    margin-left: 0px;
  }
}
div.mainListContainer.listContainer.cardLayout ul.jobList li.job .jobdescription,
div.mainListContainer.listContainer.cardLayout ul.jobList li.job .jobdescriptionfull {
  overflow-y: auto;
  max-height: 100px;
}
div.mainListContainer.listContainer.cardLayout ul.jobList li.job .checkBox + .liner {
  padding-left: 0px;
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer.cardLayout ul.jobList li.job .checkBox + .liner {
    padding-left: 40px;
  }
}
div.mainListContainer.listContainer.cardLayout ul.jobList li.job + .no-items {
  display: none;
}
div.mainListContainer.listContainer.tableLayout {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
div.mainListContainer.listContainer.tableLayout ul.jobList {
  padding: 20px 0 0 0;
}
@media only screen and (max-width: 768px) {
  div.mainListContainer.listContainer.tableLayout ul.jobList {
    padding: 20px 0 0 0;
  }
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer.tableLayout ul.jobList {
    padding: 0;
  }
}
div.mainListContainer.listContainer.tableLayout ul.jobList li.job {
  margin: 0px;
  padding: 5px 15px;
  outline-offset: -2px;
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer.tableLayout ul.jobList li.job {
    width: inherit;
    padding: 30px;
    margin: 20px;
  }
}
div.mainListContainer.listContainer.tableLayout ul.jobList li.job .right-triangle-text {
  left: 13px;
  top: 26px;
}
div.mainListContainer.listContainer.tableLayout ul.jobList li.job .checkBox + .liner {
  padding-left: 30px;
}
div.mainListContainer.listContainer.tableLayout ul.jobList li.job .checkBox {
  top: unset;
  margin-top: 15px;
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer.tableLayout ul.jobList li.job .checkBox {
    top: 50%;
    margin-top: -15px;
    margin-left: 0px;
  }
}
div.mainListContainer.listContainer.tableLayout ul.jobList li.job .jobValues {
  padding: 15px 5px;
  font-size: 90%;
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer.tableLayout ul.jobList li.job .jobValues {
    font-size: inherit;
  }
}
div.mainListContainer.listContainer.tableLayout ul.jobList li.job .jobValues:nth-child(n+0) {
  width: 10vw;
  display: inline-grid;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  div.mainListContainer.listContainer.tableLayout ul.jobList li.job .jobValues:nth-child(n+0) {
    width: 15vw;
  }
}
div.mainListContainer.listContainer.tableLayout ul.jobList li.job .jobValues:nth-child(2) {
  width: 25vw;
  display: inline-grid;
  vertical-align: top;
}
div.mainListContainer.listContainer.tableLayout ul.jobList li.job .jobValues:nth-child(2) .jobtitle {
  font-size: 100%;
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer.tableLayout ul.jobList li.job .jobValues:nth-child(2) .jobtitle {
    font-size: 130%;
  }
}
@media only screen and (max-width: 1224px) {
  div.mainListContainer.listContainer.tableLayout ul.jobList li.job .jobValues:nth-child(2) {
    width: 23vw;
  }
}
@media only screen and (max-width: 1090px) {
  div.mainListContainer.listContainer.tableLayout ul.jobList li.job .jobValues:nth-child(2) {
    width: 20vw;
  }
}
@media only screen and (max-width: 920px) {
  div.mainListContainer.listContainer.tableLayout ul.jobList li.job .jobValues:nth-child(2) {
    width: 18vw;
  }
}
@media only screen and (max-width: 768px) {
  div.mainListContainer.listContainer.tableLayout ul.jobList li.job .jobValues:nth-child(2) {
    width: 28vw;
  }
}
div.mainListContainer.listContainer.tableLayout ul.jobList li.job .jobValues:nth-child(n+5) {
  display: none;
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer.tableLayout ul.jobList li.job .jobValues {
    padding: 0;
  }
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer.tableLayout ul.jobList li.job .jobValues:nth-child(n) {
    overflow: visible;
    width: inherit;
    display: block;
    white-space: inherit;
  }
}
div.mainListContainer.listContainer.tableLayout ul.jobList li.job + .no-items {
  display: none;
}
div.mainListContainer.listContainer.tableLayout ul.jobList li.job:nth-child(even) {
  filter: brightness(94%);
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer.tableLayout ul.jobList li.job:nth-child(even) {
    filter: inherit;
  }
}
div.mainListContainer.listContainer .searchResultLayout {
  position: absolute;
  right: 5px;
  top: 10px;
}
div.mainListContainer.listContainer .searchResultLayout .SRlayout {
  padding: 4px 6px;
  line-height: 20px;
  min-height: 20px;
}
div.mainListContainer.listContainer .searchResultLayout .SRlayout .fa {
  font-size: 110%;
  vertical-align: middle;
}
div.mainListContainer.listContainer .searchResultLayout .SRlayout.linkColorOnBkg {
  border: 1px solid;
}
div.mainListContainer.listContainer .searchResultLayout .SRlayout.linkColorOnBkg {
  border: 1px solid inherit;
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer .searchResultLayout {
    display: none;
  }
}
div.mainListContainer.listContainer .botSearchCriteria {
  display: none;
}
div.mainListContainer.listContainer .botSearchCriteria .botKeywordSearchCriteria,
div.mainListContainer.listContainer .botSearchCriteria .botLocSearchCriteria {
  display: block;
  padding: 5px 20px;
}
div.mainListContainer.listContainer .botSearchCriteria .botKeywordSearchCriteria span,
div.mainListContainer.listContainer .botSearchCriteria .botLocSearchCriteria span,
div.mainListContainer.listContainer .botSearchCriteria .botKeywordSearchCriteria div,
div.mainListContainer.listContainer .botSearchCriteria .botLocSearchCriteria div {
  display: inline-flex;
}
.config .noBkgImage .landingSearchBoxWrapper {
  border: dotted 1px red;
}
.sidebarVisible .workArea {
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .sidebarVisible .workArea .sidebar {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .sidebarVisible .workArea div.listContainer.mainListContainer {
    padding: 20px 0 0 0;
  }
}
.sidebar + .listContainer,
.sidebarVisible .section {
  margin: 0;
  max-width: none;
}
.sidebarVisible .sidebar + .listContainer {
  margin-left: 420px;
}
@media only screen and (max-width: 1424px) {
  .sidebarVisible .sidebar + .listContainer {
    margin-left: 370px;
  }
}
@media only screen and (max-width: 1224px) {
  .sidebarVisible .sidebar + .listContainer {
    margin-left: 340px;
  }
}
@media only screen and (max-width: 1024px) {
  .sidebarVisible .sidebar + .listContainer {
    margin-left: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .sidebarVisible .sidebar + .listContainer {
    padding: 0 20px 20px 20px;
    margin-left: 0;
  }
}
.listContainer.sidebar {
  float: left;
  margin: 0;
  width: 0;
}
@media only screen and (max-width: 768px) {
  .listContainer.sidebar {
    position: absolute;
    z-index: 2;
    overflow: hidden;
  }
}
.sidebarVisible .sidebar {
  width: 420px;
}
@media only screen and (max-width: 1424px) {
  .sidebarVisible .sidebar {
    width: 370px;
  }
}
@media only screen and (max-width: 1224px) {
  .sidebarVisible .sidebar {
    width: 340px;
  }
}
@media only screen and (max-width: 1024px) {
  .sidebarVisible .sidebar {
    width: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .sidebarVisible .sidebar {
    width: 0;
  }
  .sidebarVisible .sidebar.overlay {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .sidebarOverlay .listContainer:last-child {
    display: none;
  }
}
.jobList {
  clear: right;
}
.facetOverflowLink {
  float: right;
  font-size: 88%;
}
.facetOverflowLink:before {
  content: "[";
}
.facetOverflowLink:after {
  content: "]";
}
.job .showMore {
  cursor: pointer;
  display: none;
}
@media only screen and (max-width: 768px) {
  .job .showMore {
    display: block;
  }
}
.jobtitle {
  cursor: pointer;
  font-size: 130%;
}
.jobtitle:hover {
  display: inline;
  border-bottom: 1px solid;
  margin-bottom: -1px;
}
.jobtitleInJobDetails.answer {
  font-size: 130%;
  display: inline-block;
  font-weight: bold;
}
/*.featuredJobs, .referralJobs {
    float: left;
    height: 20px;
    width: 20px;
}*/
.featuredJobs.fa {
  color: orangered;
}
.featuredJobs {
  background: url("/TGNewUI/Content/JS_sprite.png") 0 0;
}
.referralJobs .fa-user {
  font-size: 110%;
}
.referralJobs .fa-user .fa-user-o {
  font-size: 80%;
  position: relative;
  top: -5px;
  left: -10px;
  margin-right: -10px;
}
.jobLiner div {
  overflow: hidden;
}
.job .jobdescription,
.job .jobdescriptionfull {
  font-size: 85%;
  position: relative;
  display: inline-block;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .job .jobdescription,
  .job .jobdescriptionfull {
    display: none !important;
  }
}
.job .jobdescription table,
.job .jobdescription tbody,
.job .jobdescription tr {
  width: 100%;
}
.job .jobdescription td.sanitizedText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  float: left;
  height: 1.25em;
}
.addedon {
  font-size: 85%;
}
@media only screen and (max-width: 480px) {
  .addedon {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    left: 0;
    right: 0;
  }
}
.facetFilters {
  font-size: 90%;
  display: block;
  position: relative;
  padding-left: 20px;
  overflow: hidden;
  border-radius: 6px;
}
.facetFilters .selectedTile {
  border: 1px solid;
}
.hidedisplay {
  visibility: hidden;
  display: none;
}
.buttonsFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: visible;
}
.buttonsFooter.searchResultsButtonsFooter {
  z-index: 3;
}
.buttonsFooter .buttonsFooterAccent {
  -moz-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  padding: 10px 30px;
}
.buttonsFooter.socialMediaFooter {
  bottom: 50px;
}
@media only screen and (max-width: 480px) {
  .buttonsFooter.socialMediaFooter {
    bottom: 70px;
  }
}
.checkBox {
  display: inline;
}
@media only screen and (max-width: 480px) {
  .checkBox {
    padding-right: 10px;
  }
}
.scrollTopDiv {
  position: fixed;
  float: right;
  right: 5px;
  bottom: 50px;
  font-size: 32px;
  height: 40px;
  width: 40px;
  line-height: 30px;
  cursor: pointer;
  z-index: 2;
  text-align: center;
}
.scrollImageClass {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.jobValues {
  clear: both;
  overflow-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
}
@media only screen and (max-width: 1024px) {
  .jobValues {
    width: 100%;
  }
}
.clearfix.jobDetailsMainDiv.centeredLayout {
  padding: 0 20%;
  position: relative;
  /*@media only screen and (max-width: 1224px) {
        padding-right: 10px;
    }*/
  /*@media @tablet {
        width: 100%;
        margin: 0px;
    }*/
}
.clearfix.jobDetailsMainDiv.centeredLayout .mainDetails {
  cursor: move;
  padding: 10px 10px 0 10px;
}
@media only screen and (max-width: 768px) {
  .clearfix.jobDetailsMainDiv.centeredLayout .mainDetails {
    padding: 10px 15px 0 15px;
  }
}
@media only screen and (max-width: 768px) {
  .clearfix.jobDetailsMainDiv.centeredLayout {
    width: 100%;
    margin: 0px;
    padding: 45px 0 0 0;
  }
}
.accessoryJobDetails {
  display: block;
  width: 100%;
  min-height: 30px;
}
.accessoryJobDetails .backLink {
  margin-left: 30px;
  margin-bottom: 20px;
  display: block;
}
@media only screen and (max-width: 768px) {
  .accessoryJobDetails .backLink {
    padding-top: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .accessoryJobDetails .backLink {
    margin-left: 15px;
  }
}
.jobDetailsLiner .voiceIconWrapper {
  position: relative;
  display: inline-block;
  border: none;
}
.jobDetailsLiner #voiceiconbutton {
  border: none;
}
.jobDetailsLiner .dropdown {
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  background-color: transparent;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.jobDetailsLiner .voiceIconWrapper .dropdown-content {
  display: flex;
}
.jobDetailsLiner .voiceIconWrapper .dropdown-content button {
  width: 100%;
  display: block;
  border: none;
  background: none;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: transform 0.6s ease-in-out;
  margin-right: 0px;
  padding-right: 15px;
}
.jobDetailsLiner .voiceIconWrapper .dropdown-content button i {
  transition: transform 0.2s ease-in-out;
}
.jobDetailsLiner .voiceIconWrapper .dropdown-content button:hover i {
  transform: scale(1.5);
}
.jobDetailsLiner .voiceIconWrapper .dropdown-content button.disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
.jobDetailsLiner .voiceIconWrapper .dropdown-content button:not(.disabled):hover i {
  transform: scale(1.5);
}
.jobDetailsLiner .play-button {
  width: 20px;
}
.jobDetailsLiner .fa-volume-off {
  content: "";
  font-size: 25px;
}
.jobDetailsLiner .voiceIcon {
  border: none !important;
}
@media only screen and (max-width: 400px) and (min-width: 300px) {
  .jobDetailsLiner .dropdown {
    left: 0;
    right: auto;
    margin-left: 30px;
  }
  .jobDetailsLiner .dropdown-content {
    flex-direction: column;
  }
}
/* Highlight Styling */
.jobDetailsLiner .voiceIcon .highlight {
  background-color: yellow;
  color: black;
}
.jobDetailsMainDiv {
  padding-bottom: 20px;
  line-height: 1.25em;
}
.jobDetailsMainDiv .prevJobDetailsCard,
.jobDetailsMainDiv .nextJobDetailsCard {
  width: 20%;
  max-width: 250px;
  padding: 20px 10px 20px 10px;
  position: absolute;
  display: inline;
  z-index: 3;
  word-break: break-word;
  overflow: visible;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  top: 10px;
}
@media only screen and (max-width: 768px) {
  .jobDetailsMainDiv .prevJobDetailsCard,
  .jobDetailsMainDiv .nextJobDetailsCard {
    top: 0;
  }
}
@media only screen and (max-width: 1224px) {
  .jobDetailsMainDiv .prevJobDetailsCard,
  .jobDetailsMainDiv .nextJobDetailsCard {
    width: 16%;
  }
}
.jobDetailsMainDiv .prevJobDetailsCard .questionClass,
.jobDetailsMainDiv .nextJobDetailsCard .questionClass {
  margin: 0px;
}
.jobDetailsMainDiv .prevJobDetailsCard .questionClass div,
.jobDetailsMainDiv .nextJobDetailsCard .questionClass div {
  margin: 10px 0 10px 0;
}
@media only screen and (max-width: 768px) {
  .jobDetailsMainDiv .prevJobDetailsCard .questionClass,
  .jobDetailsMainDiv .nextJobDetailsCard .questionClass {
    display: none;
  }
}
.jobDetailsMainDiv .prevJobDetailsCard .jobDetailsLiner h1,
.jobDetailsMainDiv .nextJobDetailsCard .jobDetailsLiner h1,
.jobDetailsMainDiv .prevJobDetailsCard h1,
.jobDetailsMainDiv .nextJobDetailsCard h1 {
  font-size: 100%;
  font-weight: 700;
  text-decoration: none;
  width: 80%;
}
@media only screen and (max-width: 768px) {
  .jobDetailsMainDiv .prevJobDetailsCard,
  .jobDetailsMainDiv .nextJobDetailsCard {
    width: unset;
    padding: 3px 5px 3px 5px;
    position: absolute;
  }
}
.jobDetailsMainDiv .prevJobDetailsCard {
  left: 0;
}
.jobDetailsMainDiv .prevJobDetailsCard .prev {
  text-align: left;
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .jobDetailsMainDiv .prevJobDetailsCard .prev {
    margin-top: 0px;
  }
}
.jobDetailsMainDiv .prevJobDetailsCard .prev .fa {
  margin: 0 10px 0 0;
}
.jobDetailsMainDiv .nextJobDetailsCard {
  right: 0;
}
.jobDetailsMainDiv .nextJobDetailsCard .next {
  margin-top: 20px;
  text-align: right;
}
.jobDetailsMainDiv .nextJobDetailsCard .next .fa {
  margin: 0 0 0 10px;
}
@media only screen and (max-width: 768px) {
  .jobDetailsMainDiv .nextJobDetailsCard .next {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .jobDetailsMainDiv .hideNextPrevInMob {
    display: none;
  }
}
.jobDetailsMainDiv .alreadyappliedJob,
.jobDetailsMainDiv .expiredJob {
  position: relative;
  margin: 20px 0 0 0;
}
.jobDetailsMainDiv .alreadyappliedJob .fa.fa-exclamation-triangle,
.jobDetailsMainDiv .expiredJob .fa.fa-exclamation-triangle {
  text-align: center;
  width: 25px;
}
.jobDetailsMainDiv .alreadyappliedJob span.JobFieldsMessage,
.jobDetailsMainDiv .expiredJob span.JobFieldsMessage {
  font-weight: bold;
  margin-right: 10px;
  display: block;
}
.jobDetailsMainDiv .alreadyappliedJob label.JobFieldsMessage,
.jobDetailsMainDiv .expiredJob label.JobFieldsMessage {
  padding: 5px 0 0 0;
  display: block;
  margin: 0;
}
.jobDetailsMainDiv .alreadyappliedJob a.JobFieldsMessage,
.jobDetailsMainDiv .expiredJob a.JobFieldsMessage {
  padding: 5px 0 0 0;
  display: inline-block;
  margin: 0;
}
.jobDetailsMainDiv .JobAlert-close,
.jobDetailsMainDiv .expiredAlert-close,
.jobDetailsMainDiv .jobSavedStatus-close {
  position: absolute;
  top: -2px;
  right: -2px;
  cursor: pointer;
  height: 30px;
  width: 30px;
  /*@media only screen and (max-width: 767px) {
            visibility: hidden;
        }*/
}
.jobDetailsMainDiv .JobAlert-close:before,
.jobDetailsMainDiv .expiredAlert-close:before,
.jobDetailsMainDiv .jobSavedStatus-close:before {
  content: '';
}
.jobDetailsMainDiv .JobAlert-close:after,
.jobDetailsMainDiv .expiredAlert-close:after,
.jobDetailsMainDiv .jobSavedStatus-close:after {
  height: 30px;
  width: 30px;
  font-size: 20px;
  font-weight: lighter;
  line-height: 26px;
  position: absolute;
  text-align: center;
  font-family: 'FontAwesome';
  content: '\F00D';
}
.jobDetailsMainDiv.socialMediaPopulated .backLink {
  margin-bottom: 20px;
}
.jobDetailsMainDiv .socialMediaContainer {
  display: none;
}
.jobDetailsMainDiv .socialShareContainer {
  display: inline-block;
}
.jobDetailsMainDiv .socialMediaContainer .socialMedia,
.jobDetailsMainDiv .socialShareContainer .socialMedia {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
  margin-bottom: 10px;
}
.jobDetailsMainDiv .socialMediaContainer .socialMedia:empty,
.jobDetailsMainDiv .socialShareContainer .socialMedia:empty {
  margin: 0;
}
.jobDetailsMainDiv .socialMediaContainer .socialMedia iframe.twitter-share-button,
.jobDetailsMainDiv .socialShareContainer .socialMedia iframe.twitter-share-button {
  border: none 0;
}
.jobDetailsMainDiv .socialMediaContainer .socialMedia.linkedin button,
.jobDetailsMainDiv .socialShareContainer .socialMedia.linkedin button {
  min-height: 0px;
}
.jobDetailsMainDiv .socialMediaContainer .socialMedia.jdShare,
.jobDetailsMainDiv .socialShareContainer .socialMedia.jdShare {
  padding: 0 10px;
  min-height: 20px;
  line-height: 16px;
  margin-right: 0px;
  display: inline-block;
}
.jobDetailsMainDiv .socialMediaContainer .socialMedia.jdShare span,
.jobDetailsMainDiv .socialShareContainer .socialMedia.jdShare span {
  margin-left: 10px;
}
.jobDetailsMainDiv .socialMediaContainer .socialMedia.jdShare:focus,
.jobDetailsMainDiv .socialShareContainer .socialMedia.jdShare:focus {
  outline: 2px dotted;
}
.jobDetailsMainDiv .socialMediaContainer .shareDialog,
.jobDetailsMainDiv .socialShareContainer .shareDialog {
  position: relative;
  max-width: 100%;
}
.jobDetailsMainDiv .socialMediaContainer .shareDialog .shareContent,
.jobDetailsMainDiv .socialShareContainer .shareDialog .shareContent,
.jobDetailsMainDiv .socialMediaContainer .shareDialog .closeContent,
.jobDetailsMainDiv .socialShareContainer .shareDialog .closeContent {
  display: block;
}
.jobDetailsMainDiv .socialMediaContainer .shareDialog #jobshareLink,
.jobDetailsMainDiv .socialShareContainer .shareDialog #jobshareLink {
  margin-right: 10px;
  width: 80%;
}
.jobDetailsMainDiv .socialMediaContainer .shareDialog .jobShareIcon,
.jobDetailsMainDiv .socialShareContainer .shareDialog .jobShareIcon {
  position: absolute;
  padding: 4px;
}
.jobDetailsMainDiv .socialMediaContainer .shareDialog .shareContent,
.jobDetailsMainDiv .socialShareContainer .shareDialog .shareContent {
  position: absolute;
  margin-top: -10px;
  width: 280px;
  padding: 20px;
  z-index: 3;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}
@media only screen and (max-width: 320px) {
  .jobDetailsMainDiv .socialMediaContainer .shareDialog .shareContent,
  .jobDetailsMainDiv .socialShareContainer .shareDialog .shareContent {
    width: 200px;
  }
}
.jobDetailsMainDiv .socialMediaContainer .shareDialog .closeContent,
.jobDetailsMainDiv .socialShareContainer .shareDialog .closeContent {
  text-align: center;
  position: relative;
  bottom: -10px;
}
.jobDetailsMainDiv.socialMediaPopulated .socialMediaContainer {
  display: inline-block;
}
.success-Close {
  height: 30px;
  width: 30px;
  display: inline-block;
}
.success-Close:before {
  content: '';
}
.success-Close:after {
  height: 30px;
  width: 30px;
  font-size: 16px;
  font-weight: lighter;
  line-height: 26px;
  position: absolute;
  text-align: center;
  font-family: 'FontAwesome';
  content: '\F00D';
}
.jobDetailsSubHeader,
.JobCartPage {
  padding: 0 30px;
}
.jobDetailsSubHeader .ReApplyJobAPI,
.JobCartPage .ReApplyJobAPI {
  padding-bottom: 30px;
}
.jobDetailsSubHeader .ReApplyJobAPI label.JobFieldsMessage,
.JobCartPage .ReApplyJobAPI label.JobFieldsMessage {
  font-weight: bold;
}
.jobDetailsSubHeader .ReApplyJobAPI span.JobFieldsMessage,
.JobCartPage .ReApplyJobAPI span.JobFieldsMessage {
  padding-top: 10px;
  display: block;
}
.jobDetailsSubHeader .ReApplyJobAPI span.JobFieldsMessage h1,
.JobCartPage .ReApplyJobAPI span.JobFieldsMessage h1 {
  font-weight: bold;
}
.jobDetailsSubHeader .alreadyappliedJob,
.JobCartPage .alreadyappliedJob,
.jobDetailsSubHeader .expiredJob,
.JobCartPage .expiredJob {
  position: relative;
  margin: 20px 0 0 0;
}
.jobDetailsSubHeader .alreadyappliedJob .fa.fa-exclamation-triangle,
.JobCartPage .alreadyappliedJob .fa.fa-exclamation-triangle,
.jobDetailsSubHeader .expiredJob .fa.fa-exclamation-triangle,
.JobCartPage .expiredJob .fa.fa-exclamation-triangle {
  text-align: center;
  width: 25px;
}
.jobDetailsSubHeader .alreadyappliedJob span.JobFieldsMessage,
.JobCartPage .alreadyappliedJob span.JobFieldsMessage,
.jobDetailsSubHeader .expiredJob span.JobFieldsMessage,
.JobCartPage .expiredJob span.JobFieldsMessage {
  font-weight: bold;
  margin-right: 10px;
  display: block;
}
.jobDetailsSubHeader .alreadyappliedJob label.JobFieldsMessage,
.JobCartPage .alreadyappliedJob label.JobFieldsMessage,
.jobDetailsSubHeader .expiredJob label.JobFieldsMessage,
.JobCartPage .expiredJob label.JobFieldsMessage {
  padding: 5px 0 0 0;
  display: block;
  margin: 0;
}
.jobDetailsSubHeader .alreadyappliedJob a.JobFieldsMessage,
.JobCartPage .alreadyappliedJob a.JobFieldsMessage,
.jobDetailsSubHeader .expiredJob a.JobFieldsMessage,
.JobCartPage .expiredJob a.JobFieldsMessage {
  padding: 5px 0 0 0;
  display: inline-block;
  margin: 0;
}
.jobDetailsSubHeader .JobAlert-close,
.JobCartPage .JobAlert-close,
.jobDetailsSubHeader .expiredAlert-close,
.JobCartPage .expiredAlert-close,
.jobDetailsSubHeader .jobSavedStatus-close,
.JobCartPage .jobSavedStatus-close {
  position: absolute;
  top: -2px;
  right: -2px;
  cursor: pointer;
  height: 30px;
  width: 30px;
  /*@media only screen and (max-width: 767px) {
            visibility: hidden;
        }*/
}
.jobDetailsSubHeader .JobAlert-close:before,
.JobCartPage .JobAlert-close:before,
.jobDetailsSubHeader .expiredAlert-close:before,
.JobCartPage .expiredAlert-close:before,
.jobDetailsSubHeader .jobSavedStatus-close:before,
.JobCartPage .jobSavedStatus-close:before {
  content: '';
}
.jobDetailsSubHeader .JobAlert-close:after,
.JobCartPage .JobAlert-close:after,
.jobDetailsSubHeader .expiredAlert-close:after,
.JobCartPage .expiredAlert-close:after,
.jobDetailsSubHeader .jobSavedStatus-close:after,
.JobCartPage .jobSavedStatus-close:after {
  height: 30px;
  width: 30px;
  font-size: 20px;
  font-weight: lighter;
  line-height: 26px;
  position: absolute;
  text-align: center;
  font-family: 'FontAwesome';
  content: '\F00D';
}
@media only screen and (max-width: 1024px) {
  .jobDetailsSubHeader,
  .JobCartPage {
    padding-top: 15px;
  }
}
.jobDetailsSubHeader .backLink,
.JobCartPage .backLink {
  margin-bottom: 0;
}
.similar-jobs-container {
  border: 1px solid #d3e0dd;
  border-radius: 12px;
  padding: 20px;
  max-width: 100%;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}
.similar-jobs-container .similar-jobs-header {
  font-size: 24px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1px;
}
.similar-jobs-container .carousel-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.similar-jobs-container .carousel-btn {
  border: 2px solid #00796b;
  border-radius: 50%;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  z-index: 1;
  transition: background 0.3s;
}
.similar-jobs-container .carousel-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.similar-jobs-container .carousel-btn.left {
  margin-right: 10px;
}
.similar-jobs-container .carousel-btn.right {
  margin-left: 10px;
}
.similar-jobs-container .job-card-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 0;
  gap: 0.2rem;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
  -webkit-overflow-scrolling: touch;
}
.similar-jobs-container .job-card-wrapper::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}
.similar-jobs-container .jobCard {
  flex: 0 0 auto;
  width: 100%;
  /* Full width of the container on mobile */
  max-width: 250px;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 16px 0px 12px 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  scroll-snap-align: start;
}
.similar-jobs-container .jobCard .jobDate,
.similar-jobs-container .jobCard .jobID {
  font-size: 14px;
  margin-bottom: 6px;
}
.similar-jobs-container .jobCard .jobValues {
  display: flex;
  align-items: center;
  gap: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.similar-jobs-container .jobCard .job-icon-group {
  display: flex;
  position: relative;
  width: 24px;
  height: 20px;
}
.similar-jobs-container .jobCard .job-icon-group i {
  position: absolute;
}
.similar-jobs-container .jobCard .job-icon-group .back-icon {
  left: 0;
  top: 0;
  z-index: 1;
}
.similar-jobs-container .jobCard .job-icon-group .front-icon {
  left: 7px;
  top: 0;
  z-index: 2;
  font-size: 14px;
}
.similar-jobs-container .jobCard .jobtitle {
  text-decoration: none !important;
  font-weight: bold;
  font-size: 18px;
}
.similar-jobs-container .jobCard .jobtitle:hover {
  text-decoration: none !important;
}
.similar-jobs-container .jobCard .jobdescription {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}
.similar-jobs-container .jobCard .jobdescription.expanded {
  -webkit-line-clamp: unset;
  max-height: none;
  overflow: visible;
}
@media (max-width: 480px) {
  .jobCard {
    width: 250px;
  }
}
/* Truncate to 2 lines */
.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.job-card-wrapper {
  scroll-behavior: smooth;
}
.readmore-modal .close-icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  /* ensure close button stays above */
  background: transparent;
  border: none;
  font-size: 2rem;
  cursor: pointer;
}
.readmore-modal .jobtitleInJobDetails {
  margin-right: 3rem;
  /* give right margin to avoid close button */
  word-break: break-word;
  /* allow breaking long words */
  overflow-wrap: break-word;
  font-size: 1.5rem;
}
.readmore-modal {
  display: flex;
  flex-direction: column;
}
.apply-button-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}
.applied-message-with-icon {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: transparent;
  color: #FE6100;
  margin-top: 10px;
}
.jobCard {
  scroll-snap-align: center;
  margin-right: 12px;
}
.readMore {
  cursor: pointer;
  display: inline-block;
  margin-top: 8px;
}
/* Modal Backdrop */
.readmore-modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  /* Optional dimming */
  z-index: 9998;
}
.readmore-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 8px;
  z-index: 10000;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  padding: 1.5rem;
}
/* Close Button */
.close-btn {
  margin-top: 1rem;
  border: none;
  padding: 0.6rem 1.2rem;
  border-radius: 6px;
  cursor: pointer;
}
/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes popIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.anvjobdescription {
  border: 2px solid #00796b;
  padding: 1rem;
  border-radius: 8px;
  margin-top: 1rem;
}
/*.similar-jobs-button {
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    padding: 0.5rem 1rem;
}*/
.jobCard {
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
.jobCard:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 4px 12px rgba(0, 121, 107, 0.3);
  border-color: #00796b;
  transition: all 0.3s ease;
}
.jobtitle a {
  transition: transform 0.3s ease;
}
.jobCard:hover .jobtitle a {
  transform: scale(1.05);
}
@keyframes pulseShadow {
  0% {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }
  50% {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  }
  100% {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }
}
.jobCard:hover {
  animation: pulseShadow 0.6s ease;
}
.similar-jobs-button {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  text-decoration: none;
}
.similar-jobs-container .jobCard:focus {
  outline: 2px dashed #007acc;
  outline: 2px dotted;
  background-color: #f0f8ff;
  /* optional highlight */
}
.similar-jobs-container .dothover:focus {
  outline: 2px dotted #007acc;
}
.apply-button-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
}
.close-icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #888;
  cursor: pointer;
  transition: color 0.2s ease;
}
.close-icon:hover {
  color: #333;
}
.JobCartPage .jobHeader,
.JobCartValidations .jobHeader {
  font-weight: bold;
}
.JobCartPage .jobHeaderInline,
.JobCartValidations .jobHeaderInline {
  display: inline-block;
}
.JobCartPage .expiredJobDetails,
.JobCartValidations .expiredJobDetails {
  padding-top: 10px;
}
.JobCartPage .jobRemovalStatus,
.JobCartValidations .jobRemovalStatus {
  margin-bottom: 10px;
}
.JobCartPage .emptyJobs,
.JobCartValidations .emptyJobs {
  padding-bottom: 20px;
}
.JobCartPage .saveJobsDesc,
.JobCartValidations .saveJobsDesc {
  padding-bottom: 20px;
}
.JobCartPage .jobActionSuccessfull,
.JobCartValidations .jobActionSuccessfull {
  margin-bottom: 20px;
  margin-top: 0px;
  z-index: 3;
  position: relative;
}
.JobCartPage .jobSavedDate,
.JobCartValidations .jobSavedDate {
  padding-top: 10px;
}
.JobCartPage .savedJobsHeader,
.JobCartValidations .savedJobsHeader {
  font-size: 130%;
  padding-bottom: 20px;
}
.JobCartPage .expiredJob,
.JobCartValidations .expiredJob {
  margin-top: 0px;
  width: 100%;
  margin-bottom: 20px;
}
.JobCartPage .expiredJobHeader,
.JobCartValidations .expiredJobHeader {
  display: inline;
}
@media only screen and (max-width: 480px) {
  .JobCartPage .successFullMessage,
  .JobCartValidations .successFullMessage {
    height: auto;
  }
}
.jobActionSuccessfull {
  margin-bottom: 20px;
}
.jobActionSuccessfull .jobActionDesc {
  padding-left: 10px;
  display: inline;
}
.EditProfileMenu {
  padding-left: 20px;
}
@media only screen and (max-width: 480px) {
  .EditProfileMenu {
    padding-left: 5px;
  }
}
.EditProfileMenu a {
  margin: 0 10px;
  padding: 0 0 10px;
}
@media only screen and (max-width: 360px) {
  .EditProfileMenu a {
    padding: 0px;
  }
}
.EditProfileMenu .CurrentTab {
  border-bottom: 2px solid;
  padding-bottom: 10px;
  position: relative;
  z-index: 2;
}
@media screen and (-moz-images-in-menus: 0) {
  .EditProfileMenu .CurrentTab {
    padding-bottom: 10px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .EditProfileMenu .CurrentTab {
    padding-bottom: 11px;
  }
}
@media only screen and (max-width: 480px) {
  .EditProfileMenu .CurrentTab {
    border-bottom: 0px;
    background-color: #aaa;
    color: black;
    border: 1px Solid #aaa;
    padding-bottom: 0px;
  }
}
.EditProfileMenu span {
  padding: 0 10px 0 10px;
}
.profileWarningDialog .backLink {
  display: inline-block;
  margin-bottom: 10px;
}
.profileWarningDialog .buttons {
  padding-top: 12px;
}
.EditProfilePage {
  width: 100%;
  margin-top: 10px;
  border-style: solid;
  border-width: 2px 0 0 0;
}
.EditProfilePage .EmptyProfileBox {
  text-align: left;
  float: left;
  padding: 5px 10px 5px 30px;
  margin: auto;
  width: 100%;
}
@media only screen and (max-width: 620px) {
  .EditProfilePage .EmptyProfileBox {
    width: 100%;
    padding: 5px 15px;
    height: calc(100vh - 254px);
  }
}
.EditProfilePage .EmptyProfileBox .separator {
  text-align: center;
}
.EditProfilePage .EmptyProfileBox .separator .rule,
.EditProfilePage .EmptyProfileBox .separator .or {
  display: inline;
  line-height: 14px;
  margin: 0 auto;
  position: relative;
}
.EditProfilePage .EmptyProfileBox .separator .rule {
  display: block;
  border-top-style: solid;
  top: -10px;
  width: 95%;
}
.EditProfilePage .EmptyProfileBox .separator .or {
  padding: 0 14px;
  z-index: 1;
}
.EditProfilePage .EmptyProfileBox .ProfileBoxText {
  padding-top: 20px;
}
@media only screen and (max-width: 480px) {
  .EditProfilePage .EmptyProfileBox .ProfileBoxText {
    width: 99%;
    text-align: left;
  }
}
.EditProfilePage .EmptyProfileBox .EditProfileButtons {
  text-align: center;
  margin: 20px 0;
  padding: 0 20px;
}
.EditProfilePage .ProfileBox {
  width: 100%;
}
.EditProfilePage .ProfileBox .status {
  margin: 10px 30px;
  padding: 10px 35px 10px 10px;
  position: relative;
  background-color: #5aa700;
  color: #121212;
  display: block;
  width: calc(33.3% - 40px);
  min-width: 300px;
}
@media only screen and (max-width: 1024px) {
  .EditProfilePage .ProfileBox .status {
    width: calc(50% - 45px);
  }
}
@media only screen and (max-width: 620px) {
  .EditProfilePage .ProfileBox .status {
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 480px) {
  .EditProfilePage .ProfileBox .status {
    margin: 10px 15px;
    width: calc(100% - 30px);
  }
}
.EditProfilePage .ProfileBox .status .status-close:after {
  color: black;
  text-align: right;
  top: 10px;
}
.EditProfilePage .ProfileBox .status .status-close:focus {
  outline: 2px dotted black;
}
.EditProfilePage .ProfileBox .status .message {
  display: inline;
  padding-left: 5px;
}
.EditProfilePage .ProfileBox .invalidStyle {
  background-color: #D82021;
  color: White;
  border-color: #D82021;
}
.EditProfilePage .ProfileBox .EditProfileButtons {
  text-align: center;
  margin-left: 30px;
}
@media only screen and (max-width: 480px) {
  .EditProfilePage .ProfileBox .EditProfileButtons {
    margin-left: 15px;
  }
}
.EditProfilePage .ProfileBox .btnImportProfile {
  margin-top: 30px;
}
.EditProfilePage .ProfileBox .ProfileSections {
  padding: 0 15px;
}
@media only screen and (max-width: 480px) {
  .EditProfilePage .ProfileBox .ProfileSections {
    width: 100%;
    padding: 0;
  }
}
.EditProfilePage .ProfileBox .errorContainer {
  width: calc(66.7% - 8px);
  max-width: 1024px;
  padding: 10px 30px;
}
@media only screen and (max-width: 1024px) {
  .EditProfilePage .ProfileBox .errorContainer {
    width: 100%;
    max-width: 1024px;
  }
}
@media only screen and (max-width: 480px) {
  .EditProfilePage .ProfileBox .errorContainer {
    padding: 15px;
  }
}
.EditProfilePage .ProfileBox .errorContainer span.invalidFieldsMessage {
  font-weight: bold;
  display: inline-block;
}
.EditProfilePage .ProfileBox .errorContainer .errorMsg:before {
  content: '-';
  margin: 0 5px 0 2px;
  white-space: normal;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox {
  width: calc(33.3% - 4px);
  float: left;
  vertical-align: top;
  padding: 10px 15px;
}
@media only screen and (max-width: 1024px) {
  .EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox {
    width: calc(50% - 4px);
  }
}
@media only screen and (max-width: 620px) {
  .EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox {
    width: 100%;
  }
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ContactTitle {
  display: inline-flex;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ContactTitle .reviewEdit {
  padding-left: 20px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent {
  width: 100%;
  display: inline-block;
  margin-top: 20px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .AddskillsSection {
  padding: 10px 0 10px 0;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillwrap {
  overflow-wrap: break-word;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent li.skillwrap {
  display: inline;
  overflow-wrap: break-word;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInfoHeaderText {
  margin-bottom: 10px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .EduExpAddLink {
  padding-bottom: 20px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .requiredFieldsDescription {
  margin: 0 0 20px 0;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .requiredFieldIndicator {
  color: #D82021;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .fieldcontain input[type=search] {
  padding-right: 1.75em;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .fieldcontain .autocompleteWrapper {
  overflow: visible;
  width: 300px;
}
@media only screen and (max-width: 300px) {
  .EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .fieldcontain .autocompleteWrapper {
    width: 100%;
    max-width: 300px;
    position: relative;
  }
}
@media only screen and (max-width: 400px) and (-webkit-min-device-pixel-ratio: 0) {
  .EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .fieldcontain .autocompleteWrapper .clearButton {
    right: auto;
    left: 100%;
    margin-left: -20px;
    top: -5px;
  }
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .fieldcontain.invalid input[type=text],
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .fieldcontain.invalid input[type=number],
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .fieldcontain.invalid input[type=email],
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .fieldcontain.invalid input[type=search],
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .fieldcontain.invalid textarea {
  border: solid 2px #D82021;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .fieldcontain.invalid span.error {
  width: 100%;
  max-width: 300px;
  display: block !important;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .fieldcontain.invalid span.contactError {
  width: 100%;
  max-width: 300px;
  display: block !important;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .fieldcontain.invalid fieldset {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation {
  margin-top: 20px;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .ProfileAddress .addressText {
  white-space: pre-wrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .ProfileInfoEnd {
  padding-bottom: 20px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .infocontain {
  padding: 15px 20px 0px 20px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .infocontain label {
  margin: 0px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .infocontain .ProfileFieldName {
  padding-bottom: 3px;
  display: block;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation p.requiredFieldsDescription {
  padding: 20px 20px 0px 20px;
  margin-bottom: -1px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain {
  padding: 15px 20px 0px 20px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .ProfileFieldName {
  padding-bottom: 10px;
  display: inline;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .ProfileInputHide {
  display: none;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .ui-select {
  display: none;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .ui-input-search {
  position: relative;
  overflow: visible;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .ui-input-search .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;
  position: absolute;
  cursor: default;
  top: 0;
  right: 10px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .ui-input-search .ui-icon-triangle-1-s:after {
  content: "\f107";
  height: 30px;
  line-height: 30px;
  font-size: 1.4em;
  font-weight: bold;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .ui-input-search .ui-icon-triangle-1-s:after {
  font-family: "FontAwesome";
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain ul.selectionList {
  max-width: 100%;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain ul.selectionList li.selection {
  line-height: 20px;
  padding: 10px 25px 5px 5px;
  margin: 5px 5px 5px 0;
  position: relative;
  max-width: 145px;
  display: inline-block;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  vertical-align: top;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain ul.selectionList li.selection .closeButton {
  width: 24px;
  text-align: center;
  position: absolute;
  top: -3px;
  right: 1px;
  padding: 6px;
  margin: 0;
  background-color: transparent;
  border: none;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain ul.selectionList li.selection .closeButton::after {
  content: "\f00d";
  font-family: 'FontAwesome';
  font-weight: 900;
  font-size: 18px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .addbutton {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 10px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain input:disabled {
  background-color: transparent;
  border: transparent;
  outline: none;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .ProfileFieldText,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .ui-search-widget {
  margin-top: 10px;
  display: block;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .inputWrapper .controlWrapper .controlLiner {
  line-height: 40px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .inputWrapper .controlWrapper .controlLiner .control {
  width: 70%;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain.skills {
  /**/
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain.skills ul.selectionList li.selection {
  max-width: 200px;
  -ms-word-break: break-all;
  word-break: break-all;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain.skills input:disabled {
  background-color: inherit;
  border: 1px solid;
  outline: none;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain.skills .ui-filterable .skillsControl {
  width: 85%;
  display: inline-block;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain.skills .ui-filterable .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;
  position: absolute;
  cursor: default;
  top: 20%;
  right: 03%;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain.skills .ui-filterable .ui-icon-triangle-1-s:after {
  content: "\f107";
  height: 30px;
  line-height: 30px;
  font-size: 1.4em;
  font-weight: bold;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain.skills .ui-filterable .ui-icon-triangle-1-s:after {
  font-family: "FontAwesome";
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain.skills .ui-filterable .addbutton {
  display: inline;
  margin-left: 10px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain.skills .ui-filterable input[type=search] {
  width: 100%;
  max-width: 600px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .EditProfileButton {
  margin-left: 20px;
  margin-bottom: 20px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .buttonContainer {
  margin-bottom: 0;
  padding: 20px 0 0 0;
  border-top: 2px solid;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .EduExpInformation {
  margin-top: 20px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .AddEduExpLink,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .AddEduExpLink,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .AddEduExpLink,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .AddEduExpLink {
  margin-top: 14px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar > h3,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar > h3,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar > h3,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar > h3 {
  font-weight: bold;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .widgetcontent,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .widgetcontent,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .widgetcontent,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .widgetcontent {
  margin-top: 16px;
  border-style: solid;
  border-width: 1px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .widgetcontent.backgroundColor,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .widgetcontent.backgroundColor,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .widgetcontent.backgroundColor,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .widgetcontent.backgroundColor {
  margin-top: 10px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .widgetcontent.reviewWidget,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .widgetcontent.reviewWidget,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .widgetcontent.reviewWidget,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .widgetcontent.reviewWidget {
  margin-top: 0;
  padding: 10px 0px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .widgetcontent .paragraphBreak,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .widgetcontent .paragraphBreak,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .widgetcontent .paragraphBreak,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .widgetcontent .paragraphBreak {
  display: none;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .widgetcontent .updateText,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .widgetcontent .updateText,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .widgetcontent .updateText,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .widgetcontent .updateText {
  width: 100%;
  padding-left: 10px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .widgetcontent .widgetclose,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .widgetcontent .widgetclose,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .widgetcontent .widgetclose,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .widgetcontent .widgetclose {
  float: right;
  padding: 10px;
  position: relative;
  padding-top: 0;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .widgetcontent .widgetclose .closeText,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .widgetcontent .widgetclose .closeText,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .widgetcontent .widgetclose .closeText,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .widgetcontent .widgetclose .closeText {
  width: 100%;
  padding-left: 10px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .widgetcontent .readOnly .paragraphBreak,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .widgetcontent .readOnly .paragraphBreak,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .widgetcontent .readOnly .paragraphBreak,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .widgetcontent .readOnly .paragraphBreak {
  display: block;
  height: 10px;
  overflow: hidden;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .widgetcontent .readOnly div.fieldcontain,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .widgetcontent .readOnly div.fieldcontain,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .widgetcontent .readOnly div.fieldcontain,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .widgetcontent .readOnly div.fieldcontain {
  padding: 0;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .widgetcontent .readOnly .institution .fieldcontain,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .widgetcontent .readOnly .institution .fieldcontain,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .widgetcontent .readOnly .institution .fieldcontain,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .widgetcontent .readOnly .institution .fieldcontain {
  padding: 0;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .widgetcontent .readOnly .topParagraph .fieldcontain,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .widgetcontent .readOnly .topParagraph .fieldcontain,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .widgetcontent .readOnly .topParagraph .fieldcontain,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .widgetcontent .readOnly .topParagraph .fieldcontain {
  padding-top: 0;
  padding-bottom: 0;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .widgetcontent .readOnly .topParagraph:last-of-type .fieldcontain,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .widgetcontent .readOnly .topParagraph:last-of-type .fieldcontain,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .widgetcontent .readOnly .topParagraph:last-of-type .fieldcontain,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .widgetcontent .readOnly .topParagraph:last-of-type .fieldcontain {
  padding-bottom: 10px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .widgetcontent .readOnly li,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .widgetcontent .readOnly li,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .widgetcontent .readOnly li,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .widgetcontent .readOnly li {
  display: none;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .widgetcontent .readOnly li.populated,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .widgetcontent .readOnly li.populated,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .widgetcontent .readOnly li.populated,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .widgetcontent .readOnly li.populated {
  display: list-item;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .educationsection.ui-bar .buttonContainer,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .experiencesection.ui-bar .buttonContainer,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillsSection.ui-bar .buttonContainer,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .eSignSection.ui-bar .buttonContainer {
  margin-bottom: 0;
  padding: 20px;
  border-top: 2px solid;
  margin-top: 20px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner {
  margin-top: 20px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner div.eduButtonContainer,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner div.expButtonContainer {
  margin-top: 0;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner .textInputWrapper {
  margin-top: 10px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner .inlineTextGroup .fieldcontain {
  display: inline-block;
  margin-right: 57px;
  width: 30%;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner .inlineTextGroup .fieldcontain > input {
  margin-top: 10px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner .inlineTextGroup.increaseSpace .fieldcontain {
  margin-right: 10%;
  width: 39%;
  max-width: 250px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList {
  padding: 20px;
  padding-bottom: 0;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList .fieldcontain,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .fieldcontain {
  overflow-wrap: break-word;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList .fieldcontain .fieldcontain,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .fieldcontain .fieldcontain {
  padding-left: 0 !important;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList .fieldcontain .mostRecentStaticText,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .fieldcontain .mostRecentStaticText {
  display: block;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList .fieldcontain .EduExpLabel,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .fieldcontain .EduExpLabel {
  padding-bottom: 3px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList .fieldcontain .ResponsibilitiesText,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .fieldcontain .ResponsibilitiesText {
  display: block;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList .fieldcontain .expTextArea,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .fieldcontain .expTextArea {
  margin-top: 10px;
  width: 100%;
  height: 100%;
  display: block;
  max-width: 500px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList .fieldcontain .ui-select,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .fieldcontain .ui-select {
  display: none;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList .fieldcontain .ui-input-search,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .fieldcontain .ui-input-search {
  position: relative;
  overflow: visible;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList .fieldcontain .ui-input-search .ui-icon-triangle-1-s,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .fieldcontain .ui-input-search .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;
  position: absolute;
  cursor: default;
  top: 0;
  right: 5px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList .fieldcontain .ui-input-search .ui-icon-triangle-1-s:after,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .fieldcontain .ui-input-search .ui-icon-triangle-1-s:after {
  content: "\f107";
  height: 30px;
  line-height: 30px;
  font-size: 1.4em;
  font-weight: bold;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList .fieldcontain .ui-input-search .ui-icon-triangle-1-s:after,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .fieldcontain .ui-input-search .ui-icon-triangle-1-s:after {
  font-family: "FontAwesome";
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList > li,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList > li {
  padding-bottom: 15px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList > li:last-child,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList > li:last-child {
  padding-bottom: 0;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList .ui-radio,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .ui-radio {
  padding-top: 0;
  padding-bottom: 0;
  margin: 20px 0 0 0;
  position: relative;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList .ui-radio.hideYear,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .ui-radio.hideYear {
  margin: 0;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList label,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList label {
  margin: 0px;
  display: inline-block;
}
.JobCartPage {
  max-width: 798px;
}
@media only screen and (max-width: 768px) {
  .JobCartPage {
    padding: 0 15px;
  }
  .JobCartPage .mainListContainer {
    margin-left: -15px;
    margin-right: -15px;
  }
  .JobCartPage .mainListContainer.listContainer ul.jobList {
    padding: 0px;
  }
  .JobCartPage .mainListContainer.listContainer ul.jobList .job {
    padding: 20px;
  }
}
.JobCartPage .backLink {
  padding: 10px 0 10px 0;
}
.JobCartPage div.DivSpacing {
  padding: 10px 0 10px 0;
}
.JobCartPage h1.Heading {
  font-size: larger;
  padding: 10px 0 10px 0;
}
.JobCartPage .subJobsHeader {
  font-size: 120%;
  padding-bottom: 10px;
}
.JobCartPage .status-close:after {
  color: black;
}
.JobCartPage .status-close:focus {
  outline: 2px dotted black;
}
.jobCard .cardFooter {
  padding: 0px;
  margin: 0px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner .inlineTextGroup .fieldcontain {
  display: inline-block;
  margin-right: 57px;
  width: 30%;
}
.EditProfilePage p.inlineTextGroup {
  display: flex;
}
.experienceList p.inlineTextGroup {
  display: flex;
}
.jobCard {
  position: relative;
  width: calc(33.3% - 30px);
  min-width: 300px;
  margin: 15px;
  display: inline-flex;
  flex-direction: column;
  /*.cardFooter.lightAccentBkg {
        bottom: 0;
        left: 0;
        margin-top: 20px;
        width: 100%;
        padding: 15px;
    }

    .cardFooter.lightAccentBkg.cardFooterPosition {
        bottom: 0;
    }*/
}
.jobCard .jobContainer,
.jobCard .content {
  padding: 20px;
  margin-bottom: 10px;
}
.jobCard > * {
  overflow: hidden;
}
@media only screen and (min-width: 1600px) {
  .jobCard {
    width: calc(25% - 30px);
  }
}
@media only screen and (min-width: 2000px) {
  .jobCard {
    width: calc(20% - 30px);
  }
}
@media only screen and (max-width: 1024px) {
  .jobCard {
    width: calc(50% - 30px);
    min-width: 260px;
  }
}
@media only screen and (max-width: 620px) {
  .jobCard {
    width: calc(100% - 30px);
    height: auto !important;
  }
}
@media only screen and (max-width: 480px) {
  .jobCard {
    width: 100%;
    margin: 10px 10px 10px 0px;
  }
}
.jobCard .cardFooter {
  overflow: visible;
  border-top: 2px solid;
  padding: 0px 20px 0 20px;
  width: 100%;
  margin-top: auto;
}
.jobCard .cardFooter > a {
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 15px;
}
.jobCard .cardFooter div {
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 15px;
}
.jobCard .cardFooter div.dropdown {
  margin: 0px;
}
.jobCard .cardFooter div.dropdown div {
  margin: 0;
}
.jobCard .cardFooterPosition {
  bottom: 20px;
}
@media only screen and (max-width: 620px) {
  .jobCard .cardFooterPosition {
    margin-top: 10px;
    bottom: 10px;
  }
}
.jobCard .docTitleBreakWord {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.jobCard .docTitle {
  font-weight: bold;
  margin-bottom: 10px;
}
.status-close {
  position: absolute;
  top: -2px;
  right: 10px;
  cursor: pointer;
  height: 30px;
  width: 30px;
}
.status-close:after {
  height: 30px;
  width: 30px;
  top: 8px;
  font-size: 16px;
  font-weight: lighter;
  line-height: 26px;
  position: absolute;
  text-align: center;
  font-family: 'FontAwesome';
  content: '\F00D';
}
.status-close:focus {
  outline: 2px dotted;
}
.bluesticker {
  background-color: #336FBB;
  color: #ffffff;
}
.yellowsticker {
  color: #000000;
  background-color: #EFC100;
}
.yellowsticker .status-close:after {
  color: #000000;
}
.blur {
  filter: blur(1px);
}
.blur a:focus {
  cursor: text;
}
.VerifyPasscode .inputHeader {
  margin-top: 30px;
}
.VerifyPasscode div.buttonContainer {
  margin-bottom: 50px;
}
.VerifyGAPasscode .inputHeader,
.VerifyPasscode .inputHeader {
  display: inline-block;
  margin-top: 10px;
}
.VerifyGAPasscode #passcodeInput,
.VerifyPasscode #passcodeInput {
  display: block;
}
.VerifyGAPasscode #passcodeInput.hidden,
.VerifyPasscode #passcodeInput.hidden {
  min-height: 0;
  line-height: 0;
  width: 0;
  height: 0;
  visibility: hidden;
}
.jobSavedStatus,
.headerStatusSticker {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  padding: 10px;
  min-width: 320px;
  max-width: 610px;
  position: fixed;
  top: 0px;
  z-index: 110000;
  height: 40px;
  width: 100%;
}
.jobSavedStatus.BorderSuccess,
.headerStatusSticker.BorderSuccess {
  padding: 0px;
}
@media only screen and (max-width: 480px) {
  .jobSavedStatus,
  .headerStatusSticker {
    width: 99vw;
    margin-left: 0px;
  }
}
.jobSavedStatus .jobSavedMessage,
.headerStatusSticker .jobSavedMessage,
.jobSavedStatus .headerStatusStickerMessage,
.headerStatusSticker .headerStatusStickerMessage {
  display: inline-block;
  padding-left: 10px;
  width: 95%;
}
.jobSavedStatus.float,
.headerStatusSticker.float {
  position: relative;
  margin-bottom: 10px;
  height: auto;
  z-index: 100;
}
.jobSavedStatus.float .headerStatusStickerMessage,
.headerStatusSticker.float .headerStatusStickerMessage {
  max-width: 550px;
}
@media only screen and (max-width: 768px) {
  .jobSavedStatus.float .headerStatusStickerMessage,
  .headerStatusSticker.float .headerStatusStickerMessage {
    max-width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 768px) {
  .jobSavedStatus.float,
  .headerStatusSticker.float {
    margin: 0 30px;
    max-width: 720px;
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 480px) {
  .jobSavedStatus.float,
  .headerStatusSticker.float {
    margin: 0 15px;
    min-width: 150px;
    width: calc(100% - 30px);
  }
}
.jobSavedStatus .fa-check,
.headerStatusSticker .fa-check {
  padding-left: 10px;
}
.jobCardsContainer {
  width: 100%;
}
.SavedJobsContainer {
  max-width: 100%;
  float: left;
  width: 100%;
}
.SavedJobsContainer .expiredJob {
  margin-left: 10px;
}
.SavedJobsContainer .savedJobsHeader {
  font-size: 125%;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 480px) {
  .SavedJobsContainer .savedJobsHeader {
    padding-left: 0px;
  }
}
.SavedJobsContainer .fa.fa-star.referralJobs,
.SavedJobsContainer .featuredJobs.fa {
  vertical-align: super;
}
.SavedJobsContainer .jobtitle {
  display: inline;
  line-height: 125%;
}
.SavedJobsContainer .jobtitle:hover {
  border-bottom: 0px solid;
  margin-bottom: 0px;
}
.SavedJobsContainer .emptyJobs {
  padding-left: 15px;
}
@media only screen and (max-width: 480px) {
  .SavedJobsContainer .emptyJobs {
    padding-left: 0px;
  }
}
.SavedJobsContainer .jobActionSuccessfull {
  margin-left: 15px;
  margin-bottom: 10px;
  position: relative;
  margin-top: 10px;
}
@media only screen and (max-width: 480px) {
  .SavedJobsContainer .jobActionSuccessfull {
    margin-left: 0px;
    padding-left: 6px;
    height: auto;
  }
}
.SavedJobsContainer .jobTitleWrapper {
  display: inline-block;
  height: 40px;
  max-width: 200px;
  overflow-y: hidden;
}
.SavedJobsContainer .jobconfiguredFieldsContainer {
  position: relative;
}
.SavedJobsContainer .jobCard .checkBox {
  padding-right: 0px;
}
.SavedJobsContainer .jobCard .checkBox label {
  float: left;
  padding-bottom: 0px;
}
.SavedJobsContainer .jobCard .removeButton {
  float: right;
}
.SavedJobsContainer .jobCard .Wraptitle {
  display: inline-block;
  max-width: 85%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.SavedJobsContainer .jobCard label {
  padding-bottom: 0px;
  margin-top: 0px;
  display: inline;
}
.SavedJobsContainer .jobList {
  float: left;
}
.SavedJobsContainer .highlightCard::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 1.5em;
  border-right-color: green;
  border-top-color: green;
}
.SavedJobsContainer .highlight {
  position: absolute;
  float: right;
  top: 5px;
  right: 5px;
  color: white;
}
.SavedJobsContainer .highlight .fa-check {
  color: white;
}
.SavedJobsContainer .right-triangle {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  clip: rect(0px, 100px, 40px, 0px);
  height: 80px;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 80px;
  z-index: 1;
}
.SavedJobsContainer .right-triangle-text {
  /* color: white; */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 20px;
  top: 20px;
  background-color: #57A403;
  display: block;
  height: 40px;
  position: absolute;
  width: 40px;
  z-index: 2;
}
.SavedJobsContainer .right-triangle-text .fa-check {
  color: white;
  position: absolute;
  left: 22px;
  top: 8px;
  font-size: 12px;
}
.SavedJobsContainer .fa-check {
  color: #57A403;
}
.SavedJobsContainer .removeJob {
  float: right;
}
.SavedJobsContainer .jobSavedDate {
  padding-top: 10px;
}
.SavedJobsContainer .removeJob button,
.SavedJobsContainer .removeJob button:hover {
  background-color: transparent;
  color: #363636;
}
.jobdetailNoJob .noJobsearchresults {
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .jobdetailNoJob .noJobsearchresults {
    margin-top: 30px;
  }
}
.jobDetailsFooter {
  clear: both;
}
.jobDetailsFooter .buttonsFooter {
  position: static;
}
.jobDetailsFooter .buttonsFooterAccent {
  margin: 0;
  padding: 30px 0 0 0;
}
div.questionClass {
  margin-top: 20px;
}
.question {
  padding-top: 20px;
  padding-bottom: 8px;
}
.thick {
  font-weight: bold;
}
.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%;
  }
}
.pageHeader .onlyMobile.threeLineIcon,
.onlyMobile.linkContainer {
  display: none;
}
@media only screen and (max-width: 480px) {
  .pageHeader .onlyMobile.threeLineIcon,
  .onlyMobile.linkContainer {
    display: block;
  }
}
.onlyMobile.tabletAlso.linkContainer {
  display: block;
}
.section2LeftfieldsInJobDetails.answer {
  clear: both;
}
.jobdescriptionInJobDetails li li,
.jobDetailTextArea li li,
.privacyPolicyStatement li li,
.privacyPolicyQuestion li li,
.PacketMessageBreakword li li,
.CommunicationDetail .message li li,
.ApplicationDetailsContainer li li,
.newAccntCustomText li li {
  margin-left: 20px;
}
.jobdescriptionInJobDetails li li li,
.jobDetailTextArea li li li,
.privacyPolicyStatement li li li,
.privacyPolicyQuestion li li li,
.PacketMessageBreakword li li li,
.CommunicationDetail .message li li li,
.ApplicationDetailsContainer li li li,
.newAccntCustomText li li li {
  margin-left: 20px;
}
.jobdescriptionInJobDetails li li li li,
.jobDetailTextArea li li li li,
.privacyPolicyStatement li li li li,
.privacyPolicyQuestion li li li li,
.PacketMessageBreakword li li li li,
.CommunicationDetail .message li li li li,
.ApplicationDetailsContainer li li li li,
.newAccntCustomText li li li li {
  margin-left: 20px;
}
.jobdescriptionInJobDetails li li li li li,
.jobDetailTextArea li li li li li,
.privacyPolicyStatement li li li li li,
.privacyPolicyQuestion li li li li li,
.PacketMessageBreakword li li li li li,
.CommunicationDetail .message li li li li li,
.ApplicationDetailsContainer li li li li li,
.newAccntCustomText li li li li li {
  margin-left: 20px;
}
.jobdescriptionInJobDetails > ol,
.CommunicationDetail .message ul,
.CommunicationDetail .message ol,
.jobdescriptionInJobDetails > ul,
.jobDetailTextArea > ul,
.jobDetailTextArea > ol,
.welcome .welcomeText > ol,
.welcome .welcomeText > ul,
.privacyPolicyStatement > ol,
.privacyPolicyStatement > ul,
.privacyPolicyQuestion > ol,
.privacyPolicyQuestion > ul,
.ApplicationDetailsContainer > ol,
.ApplicationDetailsContainer > ul,
.newAccntCustomText > ol,
.newAccntCustomText > ul {
  padding: 0 0 0 40px;
}
.jobdescriptionInJobDetails ul li,
.jobDetailTextArea ul li,
.welcome .welcomeText ul li,
.privacyPolicyStatement ul li,
.privacyPolicyQuestion ul li,
.CommunicationDetail .message ul li,
.ApplicationDetailsContainer ul li,
.newAccntCustomText ul li,
.newAccntCustomText ul li {
  list-style-position: outside;
  list-style-type: disc;
}
.jobdescriptionInJobDetails ol ul > li {
  list-style-position: outside;
  list-style-type: circle;
}
.jobdescriptionInJobDetails ol li,
.jobDetailTextArea ol li,
.welcome .welcomeText ol li,
.privacyPolicyStatement ol li,
.privacyPolicyQuestion ol li,
.CommunicationDetail .message ol li,
.ApplicationDetailsContainer ol li,
.newAccntCustomText ol li,
.newAccntCustomText ol li {
  list-style-position: outside;
  list-style-type: decimal;
}
.jobdescriptionInJobDetails table,
.CommunicationDetail .message table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid;
}
@media only screen and (max-width: 480px) {
  .jobdescriptionInJobDetails table,
  .CommunicationDetail .message table {
    text-align: left;
    padding: 20px;
  }
}
.jobdescriptionInJobDetails table thead,
.CommunicationDetail .message table thead,
.jobdescriptionInJobDetails table tfoot,
.CommunicationDetail .message table tfoot {
  border-top: 2px solid;
  border-bottom: 2px solid;
}
@media only screen and (max-width: 480px) {
  .jobdescriptionInJobDetails table thead tr,
  .CommunicationDetail .message table thead tr,
  .jobdescriptionInJobDetails table tfoot tr,
  .CommunicationDetail .message table tfoot tr {
    height: auto;
  }
}
.jobdescriptionInJobDetails table thead tr th,
.CommunicationDetail .message table thead tr th,
.jobdescriptionInJobDetails table tfoot tr th,
.CommunicationDetail .message table tfoot tr th,
.jobdescriptionInJobDetails table thead tr td,
.CommunicationDetail .message table thead tr td,
.jobdescriptionInJobDetails table tfoot tr td,
.CommunicationDetail .message 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,
  .CommunicationDetail .message table thead tr th,
  .jobdescriptionInJobDetails table tfoot tr th,
  .CommunicationDetail .message table tfoot tr th,
  .jobdescriptionInJobDetails table thead tr td,
  .CommunicationDetail .message table thead tr td,
  .jobdescriptionInJobDetails table tfoot tr td,
  .CommunicationDetail .message table tfoot tr td {
    font-weight: 600;
    height: auto;
    display: block;
    max-width: 100%;
  }
}
.jobdescriptionInJobDetails table tbody,
.CommunicationDetail .message table tbody {
  width: 100%;
}
.jobdescriptionInJobDetails table tbody tr,
.CommunicationDetail .message table tbody tr {
  border: 1px solid;
}
@media only screen and (max-width: 480px) {
  .jobdescriptionInJobDetails table tbody tr,
  .CommunicationDetail .message table tbody tr {
    height: auto;
  }
}
.jobdescriptionInJobDetails table tbody tr td,
.CommunicationDetail .message table tbody tr td {
  padding: 5px;
}
@media only screen and (max-width: 480px) {
  .jobdescriptionInJobDetails table tbody tr td,
  .CommunicationDetail .message table tbody tr td {
    height: auto;
    display: block;
    max-width: 100%;
  }
}
.jobdescriptionInJobDetails table tbody tr td:first-child,
.CommunicationDetail .message table tbody tr td:first-child,
.jobdescriptionInJobDetails table tbody tr td:last-child,
.CommunicationDetail .message table tbody tr td:last-child {
  padding-top: 10px;
  padding-bottom: 10px;
}
.PacketMessageBreakword ol li {
  list-style-position: inside;
  list-style-type: decimal;
}
.PacketMessageBreakword ul li {
  list-style-position: inside;
  list-style-type: disc;
}
.PacketMessageBreakword h1,
.PacketMessageBreakword h2,
.PacketMessageBreakword h3,
.PacketMessageBreakword h4,
.PacketMessageBreakword h5,
.PacketMessageBreakword h6,
.PacketMessageBreakword p,
.PacketMessageBreakword blockquote,
.PacketMessageBreakword form,
.PacketMessageBreakword label,
.PacketMessageBreakword strong,
.PacketMessageBreakword dl,
.PacketMessageBreakword fieldset,
.PacketMessageBreakword address {
  margin: 1em 0;
}
.PacketMessageBreakword strong {
  font-weight: bold;
}
.PacketMessageBreakword a {
  text-decoration: underline;
}
.PacketMessageBreakword > ul,
.PacketMessageBreakword > ol {
  padding: 0 0 0 40px;
  margin: 1em 0;
}
.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,
.privacyPolicyStatement h1,
.privacyPolicyStatement h2,
.privacyPolicyStatement h3,
.privacyPolicyStatement h4,
.privacyPolicyStatement h5,
.privacyPolicyStatement h6,
.privacyPolicyStatement p,
.privacyPolicyStatement blockquote,
.privacyPolicyStatement form,
.privacyPolicyStatement label,
.privacyPolicyStatement strong,
.privacyPolicyStatement > ul,
.privacyPolicyStatement > ol,
.privacyPolicyStatement dl,
.privacyPolicyStatement fieldset,
.privacyPolicyStatement address,
.privacyPolicyQuestion h1,
.privacyPolicyQuestion h2,
.privacyPolicyQuestion h3,
.privacyPolicyQuestion h4,
.privacyPolicyQuestion h5,
.privacyPolicyQuestion h6,
.privacyPolicyQuestion p,
.privacyPolicyQuestion blockquote,
.privacyPolicyQuestion form,
.privacyPolicyQuestion label,
.privacyPolicyQuestion strong,
.privacyPolicyQuestion > ul,
.privacyPolicyQuestion > ol,
.privacyPolicyQuestion dl,
.privacyPolicyQuestion fieldset,
.privacyPolicyQuestion address,
.CommunicationDetail .message h4,
.CommunicationDetail .message h5,
.CommunicationDetail .message h6,
.CommunicationDetail .message p,
.CommunicationDetail .message blockquote,
.CommunicationDetail .message h1,
.CommunicationDetail .message h2,
.CommunicationDetail .message h3,
.CommunicationDetail .message form,
.CommunicationDetail .message label,
.CommunicationDetail .message strong,
.CommunicationDetail .message ul,
.CommunicationDetail .message ol,
.CommunicationDetail .message dl,
.CommunicationDetail .message fieldset,
.CommunicationDetail .message address {
  margin: 1em 0;
}
.jobdescriptionInJobDetails strong,
.jobDetailTextArea strong,
.welcome .welcomeText strong,
.privacyPolicyStatement strong,
.privacyPolicyQuestion strong,
.CommunicationDetail .message strong {
  font-weight: bold;
}
.jobdescriptionInJobDetails a,
.jobDetailTextArea a,
.welcome .welcomeText a,
.privacyPolicyStatement a,
.privacyPolicyQuestion a,
.CommunicationDetail .message a {
  text-decoration: underline;
}
.jobDetailsLiner .voiceIconWrapper .voiceIcon:focus {
  outline: 2px dotted;
}
.jobDetailsLiner .voiceIconWrapper .dropdown-content .startread:focus,
.jobDetailsLiner .voiceIconWrapper .dropdown-content .pauseread:focus,
.jobDetailsLiner .voiceIconWrapper .dropdown-content .stopread:focus {
  outline: 2px dotted;
}
.jobDetailsLiner img {
  width: 100%;
  height: auto;
}
.jobDetailTextArea {
  float: none;
}
.jobDetailsMainDiv + .jobDetailsMainDiv > .socialMediaFooter {
  display: block;
}
.jobDetailsMainDiv > .socialMediaFooter {
  display: none;
}
.socialMedia.facebook {
  vertical-align: top;
}
.errorMessage {
  clear: both;
}
.ui-datepicker .ui-datepicker-header {
  padding: 0;
}
a.ui-datepicker-prev.ui-corner-all.pmonth {
  display: none;
}
.ui-datepicker-calendar {
  cursor: pointer;
  /* Ensure only a pointer cursor */
}
a.ui-datepicker-next.ui-corner-all.nmonth {
  display: none;
}
.monthyear::placeholder {
  font-size: 13px;
}
@media only screen and (max-width: 768px) {
  .ie8 .gateway .linkContainer {
    background-color: #ffffff;
  }
  .ie8 .gateway .linkContainer .headerLink {
    color: inherit !important;
  }
}
.responsiveCandZoneMenu {
  z-index: 100;
  float: left;
  position: absolute;
  box-shadow: 0 3px 3px 1px #aaa;
  border-radius: 5px;
}
.responsiveCandZoneMenu a.headerLink {
  line-height: 40px;
}
@media only screen and (max-width: 480px) {
  .responsiveCandZoneMenu a.headerLink {
    line-height: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .responsiveCandZoneMenu {
    position: unset;
    box-shadow: none;
    z-index: unset;
    float: none;
    display: block;
    padding-left: 40px;
    background-color: inherit;
  }
}
.responsiveCandZoneMenu a.Submenu {
  display: block;
  padding-left: 10px;
}
@media only screen and (max-width: 768px) {
  .responsiveCandZoneMenu a.Submenu {
    color: black;
  }
}
@media only screen and (max-width: 768px) {
  .swfCoreBannerLeft.hasTGHeader {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .ts-appid-findjob .responsiveCandidateZoneContainer {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 480px) {
  .ts-appid-findjob .responsiveCandidateZoneContainer {
    padding-top: 30px;
  }
}
.responsiveCandidateZoneContainer {
  /*@media only screen and (max-width: 768px) {
        margin-top: 10px;
    }*/
}
@media only screen and (max-width: 768px) {
  .responsiveCandidateZoneContainer {
    padding-top: 10px;
  }
}
.Backpageoverlay {
  opacity: 0.5;
}
.ProfilePicContainer {
  line-height: 1.25em;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  padding: 0 20px 20px 20px;
  /*.Editpic {
        overflow-y: scroll;
    }*/
}
@media only screen and (max-width: 768px) {
  .ProfilePicContainer {
    padding: 15px;
  }
}
.ProfilePicContainer .spinner.ladda-button[data-style=expand-right][data-loading] {
  position: absolute;
  top: 38%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  z-index: 101;
}
.ProfilePicContainer .Divpadding {
  display: block;
  margin: 0px 0 20px 0px;
}
@media only screen and (max-width: 480px) {
  .ProfilePicContainer .Divpadding {
    margin: 0px 0 20px 0px;
  }
}
.ProfilePicContainer span .screenreadertext {
  visibility: hidden;
}
.ProfilePicContainer .link {
  cursor: pointer;
}
.ProfilePicContainer .Header {
  font-size: 130%;
}
.ProfilePicContainer .ManualCrop {
  display: block;
  margin-top: 20px;
}
.ProfilePicContainer .ManualCrop .counter-container .counter-field {
  display: none;
}
.ProfilePicContainer .ManualCrop .inlineField {
  display: inline-block;
  padding-right: 10px;
  margin-bottom: 10px;
}
.ProfilePicContainer .ManualCrop .inlineField .fa {
  display: inline;
  margin-right: 10px;
}
.ProfilePicContainer .ManualCrop .inlineField .Counter {
  display: inline;
}
.ProfilePicContainer .ManualCrop .inlineField .Counter .inputWrapper {
  display: inline;
}
.ProfilePicContainer .PicMenu .ui-selectmenu-button,
.ProfilePicContainer .PicMenu button {
  display: inline-block;
  vertical-align: top;
}
.ProfilePicContainer .PicMenu .fileUpload {
  margin-top: 0;
  border: 2px solid;
  padding: 0 10px;
  min-height: 45px;
  line-height: 40px;
  margin-right: 10px;
  display: inline-block;
}
.ProfilePicContainer .PicMenu .fileUpload input[type=file] {
  display: none;
}
.ProfilePicContainer .LibImageIcon {
  margin: 20px 40px 20px 0;
  display: inline-block;
  cursor: pointer;
}
.ProfilePicContainer .LibImageIcon:focus,
.ProfilePicContainer .LibImageIcon:hover {
  -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.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.ProfilePicContainer img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.ProfilePicContainer img-crop canvas {
  display: block;
  position: absolute;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  margin: 0px !important;
}
.ProfilePicContainer img-crop canvas:focus {
  outline: 2px dotted;
}
.ProfilePicContainer .cropArea {
  background: #E4E4E4;
  border: 1px solid grey;
  overflow: hidden;
  width: 550px;
  height: 375px;
  display: inline-block;
}
@media only screen and (max-width: 600px) {
  .ProfilePicContainer .cropArea {
    width: 500px;
    height: 300px;
  }
}
@media only screen and (max-width: 500px) {
  .ProfilePicContainer .cropArea {
    width: 400px;
    height: 270px;
  }
}
@media only screen and (max-width: 400px) {
  .ProfilePicContainer .cropArea {
    width: 300px;
    height: 200px;
  }
}
@media only screen and (max-width: 320px) {
  .ProfilePicContainer .cropArea {
    width: 250px;
    height: 150px;
  }
}
.ProfilePicContainer .background-circle {
  height: 50px;
  width: 50px;
  background-size: 50px 50px;
  border-radius: 50%;
  border: 1px solid grey;
}
.ProfilePicContainer .inlined {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
  margin-right: 20px;
}
.ProfilePicContainer .inlined :first-child {
  margin-bottom: 10px;
}
.ProfilePicContainer .ErrMsgHead {
  display: block;
  margin-bottom: 20px;
}
.ProfilePicContainer .ErrMsgHead .ErrMsgHeadTitles {
  margin-top: 0;
  font-weight: 600;
}
@media only screen and (max-width: 670px) {
  .ProfilePicContainer .ErrMsgHead {
    width: 100%;
  }
}
.ProfilePicContainer .profileCancelBtn {
  display: inline-block;
  position: relative;
  top: 10px;
  margin-bottom: 20px;
}
.CandZonedashboardContainer .ApplicationCounts:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  -moz-animation: ellipsis steps(4, end) 900ms infinite;
  -o-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "\2026";
  /* ascii code for the ellipsis character */
  width: 0px;
}
.CandZonedashboardContainer .ellipsisMultiline {
  white-space: normal;
  overflow: hidden;
}
.CandZonedashboardContainer span .screenreadertext {
  visibility: hidden;
}
.CandZonedashboardContainer .link {
  cursor: pointer;
}
.CandZonedashboardContainer .ladda-button[data-style=expand-right][data-loading] {
  position: absolute;
  top: 38%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  z-index: 101;
}
.CandZonedashboardContainer .buttonsFooterAccent .ladda-button[data-style=expand-right][data-loading] {
  position: inherit;
  top: 0;
  left: 0;
  margin-left: 0;
  margin-top: 0;
}
.CandZonedashboardContainer .JobAlert-close {
  position: absolute;
  top: 4px;
  right: 9px;
  cursor: pointer;
  height: 30px;
  width: 30px;
  /*@media only screen and (max-width: 767px) {
            visibility: hidden;
        }*/
}
.CandZonedashboardContainer .JobAlert-close:before {
  content: '';
}
.CandZonedashboardContainer .JobAlert-close:after {
  height: 30px;
  width: 30px;
  font-size: 20px;
  font-weight: lighter;
  line-height: 26px;
  position: absolute;
  text-align: center;
  font-family: 'FontAwesome';
  content: '\F00D';
}
.CandZonedashboardContainer .Divpadding {
  margin: 0px 10px 20px 30px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .Divpadding {
    margin: 0px 10px 20px 15px;
  }
}
.CandZonedashboardContainer .documentPacketsHeader {
  margin: 0px 30px 5px 30px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .documentPacketsHeader {
    margin: 0px 15px 5px 15px;
  }
}
.CandZonedashboardContainer .documentPacketsHeader .PacketMessageBreakword {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.CandZonedashboardContainer .circle {
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  border: 1px solid grey;
}
.CandZonedashboardContainer .circle label:nth-of-type(1) {
  float: left;
}
.CandZonedashboardContainer .circle label:nth-of-type(1) input[type=file] {
  display: none;
}
.CandZonedashboardContainer .circle label:nth-of-type(1) .fa-cloud-upload {
  font-size: 110%;
}
.CandZonedashboardContainer .circle a:nth-of-type(1) {
  float: right;
}
.CandZonedashboardContainer .imgCaption {
  position: relative;
  /* margin: 0px; */
  top: 15px;
  left: -30px;
  display: inline-block;
  font-size: 125%;
  line-height: 120%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-left: 0px;
  vertical-align: top;
  width: calc(100% - 150px);
}
@media only screen and (max-width: 270px) {
  .CandZonedashboardContainer .imgCaption {
    margin: 0px 10px 20px 15px;
    display: block;
    width: 90%;
    left: 0px;
    top: 0px;
  }
}
.CandZonedashboardContainer .EditPicButton {
  position: relative;
  top: -5px;
  left: -53px;
  display: inline;
  margin: 0px;
}
.CandZonedashboardContainer .EditPicButton .fa {
  font-size: 20px;
}
.CandZonedashboardContainer .EditPicButton label {
  margin-top: 0px;
}
.CandZonedashboardContainer .background-circle {
  height: 50px;
  width: 50px;
  background-size: 50px 50px;
}
.CandZonedashboardContainer .OverflowedMenu a {
  padding: 0 0 0 20px;
  display: block;
  line-height: 30px;
  border: 1px Solid #aaa;
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .OverflowedMenu a {
    margin: 0 5px 0 5px;
  }
}
.CandZonedashboardContainer .DashBoardMenu {
  margin: 0 0 0 30px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .DashBoardMenu {
    margin: 0 0 0 15px;
  }
}
@media only screen and (max-width: 530px) {
  .CandZonedashboardContainer .DashBoardMenu {
    margin: 0px;
  }
}
.CandZonedashboardContainer .DashBoardMenu a {
  margin: 0 20px 0 0;
  display: inline-block;
  max-width: 280px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  bottom: -12px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .DashBoardMenu a {
    margin: 0 5px 0 5px;
  }
}
@media only screen and (max-width: 530px) {
  .CandZonedashboardContainer .DashBoardMenu a {
    padding: 0 0 0 30px;
    display: block;
    line-height: 30px;
    border: 1px Solid #aaa;
    margin: 0;
    max-width: 100%;
    position: inherit;
  }
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .DashBoardMenu a {
    padding: 0 0 0 15px;
  }
}
.CandZonedashboardContainer .DashBoardMenu .CurrentTab {
  border-bottom: 2px solid;
  padding-bottom: 10px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 530px) {
  .CandZonedashboardContainer .DashBoardMenu .CurrentTab {
    border-bottom: 0px;
    background-color: #aaa;
    color: black;
    border: 1px Solid #aaa;
    padding-bottom: 0px;
    bottom: 0px;
  }
}
@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
.CandZonedashboardContainer .lightAccentBkg {
  border-style: solid;
  border-width: 2px 0 0 0;
  padding: 20px;
  margin-top: 10px;
  /*.CollapsedApplications {
            display:none;
        }*/
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .lightAccentBkg {
    padding: 20px 10px 10px 10px;
  }
}
@media only screen and (max-width: 530px) {
  .CandZonedashboardContainer .lightAccentBkg {
    margin-top: 0px;
  }
}
.CandZonedashboardContainer .lightAccentBkg label {
  padding-bottom: 20px;
  display: block;
  margin: 0;
}
.CandZonedashboardContainer .lightAccentBkg .applications {
  display: block;
  cursor: pointer;
  padding: 0 0 0 15px;
  margin-bottom: 10px;
  border: none;
  background-color: transparent;
}
.CandZonedashboardContainer .lightAccentBkg .applications:focus {
  outline: 2px dotted;
  outline-offset: -5px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .lightAccentBkg .applications {
    padding: 0px 0px 0px 0px;
  }
}
.CandZonedashboardContainer .lightAccentBkg .applications span {
  font-size: 125%;
}
.CandZonedashboardContainer .lightAccentBkg .applications .applicationsHeader {
  font-size: 100%;
}
.CandZonedashboardContainer .lightAccentBkg .fa-chevron-down {
  padding: 0 10px 0 10px;
}
.CandZonedashboardContainer .lightAccentBkg .fa-chevron-up {
  padding: 0 10px 0 10px;
}
.CandZonedashboardContainer .Applicationjobtitle {
  font-size: 130%;
  line-height: 125%;
}
.CandZonedashboardContainer .Applicationjobtitle :hover {
  border-bottom: 1px solid;
}
.CandZonedashboardContainer .JobPadding {
  padding: 0 0 20px 0;
}
.CandZonedashboardContainer .JobPadding span {
  display: block;
}
.CandZonedashboardContainer .DatePadding {
  padding: 20px 0 0 0;
}
.CandZonedashboardContainer .DatePadding .FileAction2 {
  color: green;
  padding: 0 5px 0 5px;
}
.CandZonedashboardContainer .DatePadding > span {
  display: block;
}
.CandZonedashboardContainer .CurrentStatus > span {
  display: inline-block;
}
.CandZonedashboardContainer .cardFooter .fa {
  padding: 0 10px 0 0;
}
.CandZonedashboardContainer .cardFooter a:last-child {
  float: right;
}
.CandZonedashboardContainer .cardFooter a:first-child {
  float: left;
}
.CandZonedashboardContainer .cardFooter a.removeLink {
  float: right;
}
.CandZonedashboardContainer .cardFooter a.reapply {
  float: right;
}
.CandZonedashboardContainer .cardFooter label {
  padding-bottom: 0;
}
.CandZonedashboardContainer .cardFooter .leftButton {
  display: inline;
}
.CandZonedashboardContainer .cardFooter .rightButton {
  float: right;
}
.CandZonedashboardContainer .CollapsedAppliedApplications,
.CandZonedashboardContainer .CollapsedUnfinishedApplications {
  display: none;
  margin-top: -10px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .CollapsedAppliedApplications,
  .CandZonedashboardContainer .CollapsedUnfinishedApplications {
    margin: 0px;
  }
}
.CandZonedashboardContainer .CollapsedAppliedApplications .focusAtGroup h3,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .focusAtGroup h3 {
  display: block;
  width: 88%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.CandZonedashboardContainer .CollapsedAppliedApplications .Wraptitle,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .Wraptitle {
  display: inline-block;
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.CandZonedashboardContainer .CollapsedAppliedApplications .jobCard .ShowMoreLess,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .jobCard .ShowMoreLess {
  vertical-align: top;
}
.CandZonedashboardContainer .CollapsedAppliedApplications .jobCard .WrapGrouptitle,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .jobCard .WrapGrouptitle {
  display: inline-block;
  width: 75%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.CandZonedashboardContainer .CollapsedAppliedApplications .jobCard .FileAction99,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .jobCard .FileAction99 {
  margin: 0 0 10px 0;
  display: block;
}
.CandZonedashboardContainer .CollapsedAppliedApplications .jobCard .FileAction99 .BorderWarning,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .jobCard .FileAction99 .BorderWarning {
  padding-right: 5px;
}
.CandZonedashboardContainer .CollapsedAppliedApplications .jobCard .FileAction99 .JobAlert-close,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .jobCard .FileAction99 .JobAlert-close {
  top: 20px;
  right: 45px;
}
.CandZonedashboardContainer .CollapsedAppliedApplications .jobCard .JobAlert-close,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .jobCard .JobAlert-close {
  top: 30px;
  right: 19px;
}
.CandZonedashboardContainer .CollapsedAppliedApplications .highlightCard::before,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .highlightCard::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 1.5em;
  border-right-color: green;
  border-top-color: green;
}
.CandZonedashboardContainer .CollapsedAppliedApplications .highlight,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .highlight {
  position: relative;
  float: right;
  top: -12px;
  left: 15px;
  color: white;
}
.CandZonedashboardContainer .CollapsedAppliedApplications.hrStatusFilter,
.CandZonedashboardContainer .CollapsedUnfinishedApplications.hrStatusFilter {
  float: right;
  margin-top: 5px;
  margin-right: 15px;
}
@media only screen and (max-width: 800px) {
  .CandZonedashboardContainer .CollapsedAppliedApplications.hrStatusFilter,
  .CandZonedashboardContainer .CollapsedUnfinishedApplications.hrStatusFilter {
    float: none;
    margin-top: 0px;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 5px;
  }
}
.CandZonedashboardContainer .CollapsedAppliedApplications.hrStatusFilter .labelClass,
.CandZonedashboardContainer .CollapsedUnfinishedApplications.hrStatusFilter .labelClass {
  display: inline;
  padding: 0 0 0 15px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .CollapsedAppliedApplications.hrStatusFilter .labelClass,
  .CandZonedashboardContainer .CollapsedUnfinishedApplications.hrStatusFilter .labelClass {
    padding: 0px;
  }
}
.CandZonedashboardContainer .CollapsedAppliedApplications.hrStatusFilter #HrstatusId,
.CandZonedashboardContainer .CollapsedUnfinishedApplications.hrStatusFilter #HrstatusId {
  width: 50%;
  display: inline;
  margin-left: 20px;
}
.CandZonedashboardContainer .CollapsedAppliedApplications.hrStatusFilter #HrstatusId-button,
.CandZonedashboardContainer .CollapsedUnfinishedApplications.hrStatusFilter #HrstatusId-button {
  width: 300px;
  max-width: 100%;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .CollapsedAppliedApplications.hrStatusFilter #HrstatusId-button,
  .CandZonedashboardContainer .CollapsedUnfinishedApplications.hrStatusFilter #HrstatusId-button {
    width: 100%;
  }
}
.CandZonedashboardContainer .EmptyCollapsedAppliedApplications,
.CandZonedashboardContainer .EmptyCollapsedUnfinishedApplications {
  display: none;
  margin: -10px 0 0 0;
  padding-left: 15px;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .EmptyCollapsedAppliedApplications,
  .CandZonedashboardContainer .EmptyCollapsedUnfinishedApplications {
    padding-left: 0px;
  }
}
.CandZonedashboardContainer .expiredJob {
  margin-left: 15px;
  position: relative;
  margin-top: 0px;
  width: 100%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .expiredJob {
    margin-left: 0px;
  }
}
.CandZonedashboardContainer .expiredJobDetails {
  list-style: disc inside none;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: bottom;
  margin: 0px;
  line-height: 30px;
}
.CandZonedashboardContainer .expiredJobDetails .expmsg::before {
  content: '-';
  padding: 0 5px 0 5px;
}
.CandZonedashboardContainer .expiredAlert-close {
  position: absolute;
  right: 0;
  cursor: pointer;
  height: 30px;
  width: 30px;
  top: 0;
}
.CandZonedashboardContainer .expiredAlert-close:before {
  content: '';
}
.CandZonedashboardContainer .expiredAlert-close:after {
  height: 30px;
  width: 30px;
  font-size: 20px;
  font-weight: lighter;
  line-height: 26px;
  position: absolute;
  text-align: center;
  font-family: 'FontAwesome';
  content: '\F00D';
}
.CandZonedashboardContainer .expiredJobHeader {
  display: inline-block;
}
.CandZonedashboardContainer .jobHeader {
  font-weight: bold;
  display: inline-block;
}
.CandZonedashboardContainer .expiredJobMessage {
  margin: 5px 0 5px 0;
}
.CandZonedashboardContainer .ApplicationsContainer,
.CandZonedashboardContainer .ApplicationDetailsContainer {
  padding: 20px 15px 20px 15px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .ApplicationsContainer,
  .CandZonedashboardContainer .ApplicationDetailsContainer {
    padding: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .ApplicationsContainer .expiredJob,
  .CandZonedashboardContainer .ApplicationDetailsContainer .expiredJob {
    margin-top: 10px;
  }
}
.CandZonedashboardContainer .ApplicationsContainer .successFullMessage,
.CandZonedashboardContainer .ApplicationDetailsContainer .successFullMessage {
  position: relative;
  margin-left: 15px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .ApplicationsContainer .successFullMessage,
  .CandZonedashboardContainer .ApplicationDetailsContainer .successFullMessage {
    margin-left: 0;
  }
}
.CandZonedashboardContainer .ApplicationsContainer .cardFooterPosition,
.CandZonedashboardContainer .ApplicationDetailsContainer .cardFooterPosition {
  bottom: 15px;
}
@media only screen and (max-width: 620px) {
  .CandZonedashboardContainer .ApplicationsContainer .jobCard,
  .CandZonedashboardContainer .ApplicationDetailsContainer .jobCard {
    padding-bottom: 0px;
  }
}
.CandZonedashboardContainer .SavedJobsContainer,
.CandZonedashboardContainer .SavedSearchesContainer {
  padding: 15px;
}
@media only screen and (max-width: 620px) {
  .CandZonedashboardContainer .SavedJobsContainer,
  .CandZonedashboardContainer .SavedSearchesContainer {
    overflow: hidden;
  }
}
.CandZonedashboardContainer .SavedJobsContainer .shortCutLink {
  padding-left: 15px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .SavedJobsContainer .shortCutLink {
    padding-left: 0px;
  }
}
.CandZonedashboardContainer .candPortalPocketDocList {
  padding: 0px 15px;
}
.CandZonedashboardContainer .title {
  font-weight: bolder;
}
.ApplicationsInGroups {
  overflow: hidden;
}
.ApplicationsInGroups .title {
  padding: 20px 0 20px 20px;
}
.ApplicationsInGroups h1 {
  font-size: 150%;
}
.ApplicationsInGroups h2 {
  font-size: 130%;
}
.ApplicationsInGroups .lightAccentBkg {
  height: 280px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 5px 5px 10px 5px;
  border-top: unset;
  margin-top: 0px;
}
.ApplicationsInGroups .jobCard {
  max-width: 47%;
}
@media only screen and (max-width: 645px) {
  .ApplicationsInGroups .jobCard {
    width: 95%;
    max-width: 95%;
  }
}
.ApplicationsInGroups .jobCard .Wraptitle {
  display: inline-block;
  max-width: 95%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ApplicationsDescription {
  padding: 0px;
}
.ApplicationsDescription .backLink {
  padding: 0 0 10px 0;
}
.ApplicationsDetail .orderStatus {
  padding: 19px 30px 30px 30px;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .ApplicationsDetail .orderStatus {
    padding: 19px 0px 30px 15px;
  }
}
.ApplicationsDetail .orderStatus .row {
  padding: 0;
  margin: 0;
  display: flex;
  width: 90%;
}
.ApplicationsDetail .orderStatus .row .col {
  width: 20%;
  position: relative;
  text-align: center;
  padding-top: 15px;
  font-weight: bold;
  color: inherit;
}
.ApplicationsDetail .orderStatus .row .col span {
  /*padding-left: 10px;*/
  float: left;
  position: relative;
  margin-top: 20%;
  right: -50%;
}
@media only screen and (max-width: 620px) {
  .ApplicationsDetail .orderStatus .row .col span {
    right: -60%;
    top: 50%;
  }
}
@media only screen and (max-width: 1500px) and (min-width: 1000px) {
  .ApplicationsDetail .orderStatus .row .col span {
    right: -50%;
    top: 0%;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 800px) {
  .ApplicationsDetail .orderStatus .row .col span {
    right: -50%;
    top: 20%;
  }
}
@media only screen and (max-width: 800px) and (min-width: 620px) {
  .ApplicationsDetail .orderStatus .row .col span {
    right: -60%;
    top: 20%;
  }
}
.ApplicationsDetail .orderStatus .row .col:focus {
  outline: 0;
}
.ApplicationsDetail .orderStatus .row .col:hover::after,
.ApplicationsDetail .orderStatus .row .col:focus::after {
  -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) translate(-30%, 20%);
  -ms-transform: scale(1.5) translate(-30%, 20%);
  -o-transform: scale(1.5) translate(-30%, 20%);
  -webkit-transform: scale(1.5) translate(-30%, 20%);
  transform: scale(1.5) translate(-30%, 20%);
}
@media only screen and (max-width: 900px) {
  .ApplicationsDetail .orderStatus .row .col:hover::after,
  .ApplicationsDetail .orderStatus .row .col:focus::after {
    -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) translate(100%, 0%);
    -ms-transform: scale(1.5) translate(100%, 0%);
    -o-transform: scale(1.5) translate(100%, 0%);
    -webkit-transform: scale(1.5) translate(100%, 0%);
    transform: scale(1.5) translate(100%, 0%);
  }
}
.ApplicationsDetail .orderStatus .row .col:before {
  content: '';
  width: 100%;
  height: 2px;
  border-top: 2px dashed #777677;
  top: 45%;
  left: -50%;
  position: absolute;
}
@media only screen and (max-width: 480px) {
  .ApplicationsDetail .orderStatus .row .col:before {
    top: 55%;
  }
}
.ApplicationsDetail .orderStatus .row .col.done:before {
  border-top: 2px solid green;
}
.ApplicationsDetail .orderStatus .row .col:first-child:before {
  background: none;
  border: none;
}
.ApplicationsDetail .orderStatus .row .col:after {
  position: absolute;
  content: "\f111";
  color: #777677;
  background-color: #fff;
  /*left: 45%;*/
  transform: translate(-50%, 50%);
  z-index: 3;
  border: 2px;
  border-radius: 100%;
  font-family: 'FontAwesome';
  font-weight: 900;
  padding: 1% 7%;
  /*@media only screen and (max-width: 480px) {
            padding: 0 7%;
        }

        @media only screen and (max-width: 300px) {
            padding: 0 3% 0 3%;
        }*/
}
@media only screen and (max-width: 620px) {
  .ApplicationsDetail .orderStatus .row .col:after {
    left: 45%;
    transform: none;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 900px) {
  .ApplicationsDetail .orderStatus .row .col:after {
    transform: translate(-50%, 20%);
  }
}
@media only screen and (max-width: 900px) and (min-width: 620px) {
  .ApplicationsDetail .orderStatus .row .col:after {
    left: 0px;
    transform: translate(160%, 20%);
  }
}
.ApplicationsDetail .orderStatus .row .col.done:after {
  color: green;
  content: "\f058";
  position: absolute;
  /*background-color: #fff;
        color: green;
        left: 50%;
        top: 0;
        z-index: 3;
        border-radius: 50%;
        margin: -8px 0 0 -8px;
        padding: 0 5%;
        font-family: 'FontAwesome';
        font-weight: 900;

        @media only screen and (max-width: 480px) {
            padding: 0 5px 0 5px;
        }

        @media only screen and (max-width: 300px) {
            padding: 0 3px 0 3px;
        }*/
}
.ApplicationsDetail .orderStatus .row .col.done {
  content: "\f3fd";
}
.ApplicationsDetail .orderStatus .row .col.CurrentHRstatusTab:after {
  content: "\f192";
  color: inherit;
  background-color: #fff;
  font-family: 'FontAwesome';
  font-weight: 900;
  z-index: 3;
}
.ApplicationsDetail .DisabledHRstatusTab {
  cursor: default;
}
.ApplicationsDetail .col.DisabledHRstatusTab:hover::after,
.ApplicationsDetail .col.DisabledHRstatusTab:focus::after {
  -webkit-transform: none !important;
  /* Safari and Chrome */
  -moz-transform: none !important;
  /* Firefox */
  -ms-transform: none !important;
  /* IE 9 */
  -o-transform: none !important;
  /* Opera */
  transform: none !important;
}
.ApplicationsDetail .HRCatgryDetails {
  border-style: solid;
  border-width: 2px 0 0 0;
}
.ApplicationsDetail .HRCatgryDetails label {
  display: block;
}
.ApplicationsDetail .HRCatgryDetails label.CatHead {
  font-size: 110%;
  font-weight: bold;
}
.ApplicationsDetail .shownreaderText {
  visibility: visible;
  -ms-word-break: break-word;
  word-break: break-word;
}
.ApplicationsDetail .AppDetailBtns {
  margin-bottom: 0px;
  display: inline-block;
  /*.HideinMobile {
            @media only screen and (max-width: 768px) {
                display: none;
            }
        }*/
}
.ApplicationsDetail .AppDetailBtns .submitButton {
  margin-bottom: 20px;
}
.ApplicationsDetail .AppDetailBtns .withDrawLink {
  white-space: nowrap;
  margin-right: 10px;
}
.ApplicationsDetail .AppDetailBtns .withDrawLink:hover {
  display: inline-block;
  border-bottom: 1px solid;
  margin-bottom: -1px;
}
.ApplicationsDetail .AppDetailBtns .ui-selectmenu-button {
  /*display: none;

            @media only screen and (max-width: 768px) {
                display: inline-block;
            }*/
  margin-bottom: 20px;
  align-items: center;
  vertical-align: top;
  height: 40px;
  line-height: 35px;
  width: 125px !important;
}
.ApplicationsDetail .AppDetailBtns .ui-selectmenu-button .ui-selectmenu-text {
  margin-right: 0px;
}
.ApplicationsDetail .AppDetailBtns .ui-selectmenu-button:focus {
  outline: 3px dotted;
  outline-offset: -4px;
}
@media only screen and (max-width: 410px) {
  .ApplicationsDetail .AppDetailBtns .ui-selectmenu-button {
    width: 100% !important;
    max-width: 300px;
  }
}
.ApplicationsDetail .FileAction99 {
  margin: 0 30px 10px 30px;
  position: relative;
}
.ApplicationsDetail .FileAction99 .JobAlert-close {
  top: 2px;
  right: 2px;
}
@media only screen and (max-width: 480px) {
  .ApplicationsDetail .FileAction99 {
    margin: 0 15px 10px 15px;
  }
}
.ApplicationsDetail .CPMessage {
  background-color: #336FBB;
  color: #ffffff;
  padding: 10px;
  margin: 0 30px 20px 30px;
  position: relative;
  max-width: 600px;
}
.ApplicationsDetail .CPMessage .iconContainer {
  padding-left: 10px;
  display: table-cell;
  width: 5%;
}
.ApplicationsDetail .CPMessage .msgContainer {
  padding-left: 10px;
  display: table-cell;
  width: 95%;
  padding-right: 30px;
}
.ApplicationsDetail .CPMessage .msgContainer .reviewOfferLink {
  color: white;
  display: inline-block;
  text-decoration: underline;
}
@media only screen and (max-width: 480px) {
  .ApplicationsDetail .CPMessage .msgContainer {
    margin: 0 15px 10px 15px;
  }
}
.ApplicationsDetail .JobAlert-close {
  top: -5px;
  right: -5px;
}
.ApplicationsDetail .candPortalTab .title {
  padding-left: 15px;
  padding-bottom: 5px;
  font-weight: bold;
}
@media only screen and (max-width: 480px) {
  .ApplicationsDetail .candPortalTab .title {
    padding-left: 0px;
  }
}
.ApplicationsDetail .candPortalTab .message {
  padding: 10px;
}
#ApplicationDetailAction-menu li.ui-state-disabled {
  display: none;
}
.AssessmentsContainer .Divpadding {
  padding: 0 30px 20px 30px;
}
@media only screen and (max-width: 480px) {
  .AssessmentsContainer .Divpadding {
    padding: 0 15px 20px 15px;
  }
}
.AssessmentsContainer .focusAtGroup h3 {
  display: block;
  width: 88%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.AssessmentsContainer .assessmentsCompletionStatusContainer {
  margin: 0px 30px 0px 30px;
  width: 90%;
}
@media only screen and (max-width: 768px) {
  .AssessmentsContainer .assessmentsCompletionStatusContainer {
    margin: 0px 15px 15px 15px;
  }
}
.AssessmentsContainer .assessmentsCompletionStatusContainer .assessmentsCompletionStatus {
  padding-right: 10px;
}
.AssessmentsContainer .assessmentsCompletionStatusContainer .assessmentCompletionMessage {
  margin: 10px 0px 10px 0px;
}
.AssessmentsContainer .assessmentsCompletionStatusContainer .assessmentCompletionHeader {
  font-weight: bold;
}
.AssessmentsContainer .assessmentsCompletionStatusContainer .pseudocheckbox {
  width: 18px;
  height: 18px;
}
.AssessmentsContainer .ladda-button[data-style=expand-right][data-loading] {
  position: absolute;
  top: 38%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  z-index: 101;
}
.AssessmentsContainer .screenreadertext {
  visibility: hidden;
}
.AssessmentsContainer .WrapGrouptitle {
  display: block;
  width: 88%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.AssessmentsContainer .AssesReqs {
  display: inline;
  padding-right: 5px;
  overflow-wrap: break-word;
}
.AssessmentsContainer .Assessmentstitle {
  font-size: 130%;
  line-height: 125%;
}
.AssessmentsContainer .CurrentStatus {
  display: block;
  margin-top: 0px;
}
.AssessmentsContainer .DatePadding {
  display: block;
  margin-top: 10px;
}
.AssessmentsContainer .title {
  font-size: 130%;
}
.AssessmentsContainer .ShowMoreLess {
  display: inline-block;
  vertical-align: top;
}
.AssessmentsContainer .Wraptitle {
  display: inline-block;
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.AssessmentsContainer .lightAccentBkg {
  border-style: solid;
  border-width: 2px 0 0 0;
  padding: 15px;
  margin-top: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .AssessmentsContainer .lightAccentBkg {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 480px) {
  .AssessmentsContainer .lightAccentBkg {
    padding: 20px 15px 15px 15px;
  }
}
@media only screen and (max-width: 530px) {
  .AssessmentsContainer .lightAccentBkg {
    margin-top: 0px;
  }
}
.AssessmentsContainer .cardFooter .fa {
  padding: 0 10px 0 0;
}
.AssessmentsContainer .EmptyMessage {
  margin-left: 10px;
}
@media only screen and (max-width: 480px) {
  .AssessmentsContainer .EmptyMessage {
    margin-left: 0px;
  }
}
.AssessmentsContainer .expiredAsmnt {
  margin: 0 30px 20px 10px;
  position: relative;
}
@media only screen and (max-width: 680px) {
  .AssessmentsContainer .expiredAsmnt {
    width: calc(100% - 25px);
  }
}
@media only screen and (max-width: 480px) {
  .AssessmentsContainer .expiredAsmnt {
    margin: 0 15px 20px 0;
    width: calc(100% - 5px);
  }
}
.AssessmentsContainer .expiredAlert-close {
  position: absolute;
  right: 0px;
  cursor: pointer;
  height: 30px;
  width: 30px;
  display: block;
}
.AssessmentsContainer .expiredAlert-close:before {
  content: '';
}
.AssessmentsContainer .expiredAlert-close:after {
  height: 30px;
  width: 30px;
  font-size: 20px;
  font-weight: lighter;
  line-height: 26px;
  position: absolute;
  text-align: center;
  font-family: 'FontAwesome';
  content: '\F00D';
}
.AssessmentsContainer .AssessmentHeader {
  display: inline;
  font-size: 125%;
}
.AssessmentsContainer .ExpiredAssessTitle {
  font-weight: bold;
  overflow-wrap: break-word;
  list-style: disc inside none;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: bottom;
  margin: 0px;
  line-height: 25px;
}
.AssessmentsContainer .expiredAssessMessage {
  margin: 5px 0 5px 0;
}
.ReferralsContainer span .screenreadertext {
  visibility: hidden;
}
.ReferralsContainer .link {
  cursor: pointer;
}
.ReferralsContainer .Divpadding {
  margin: 0px 10px 20px 30px;
}
@media only screen and (max-width: 480px) {
  .ReferralsContainer .Divpadding {
    margin: 0px 10px 20px 15px;
  }
}
.ReferralsContainer .ladda-button[data-style=expand-right][data-loading] {
  position: absolute;
  top: 38%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  z-index: 101;
}
.ReferralsContainer .title {
  font-size: 125%;
}
.ReferralsContainer .lightAccentBkg {
  border-style: solid;
  border-width: 2px 0 0 0;
  padding: 20px;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .ReferralsContainer .lightAccentBkg {
    padding: 20px 10px 10px 15px;
  }
}
@media only screen and (max-width: 530px) {
  .ReferralsContainer .lightAccentBkg {
    margin-top: 0px;
  }
}
.ReferralsContainer .lightAccentBkg label {
  padding-bottom: 15px;
  display: block;
  margin: 0;
}
.ReferralsContainer .lightAccentBkg label span {
  display: block;
  font-size: 110%;
  overflow-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
}
.ReferralsContainer .lightAccentBkg label.ReferralsEmpty {
  font-size: 100%;
}
.ReferralsContainer .lightAccentBkg label.ReferralsEmpty span {
  display: inline-block;
  font-size: 100%;
}
.ReferralsContainer .lightAccentBkg label:last-of-type {
  padding-bottom: 0px;
}
@media only screen and (max-width: 680px) {
  .ReferralsContainer .lightAccentBkg label:last-of-type {
    padding-bottom: 10px;
  }
}
.ReferralsContainer .lightAccentBkg .referralHeaders {
  display: block;
  cursor: pointer;
  padding: 0 0 0px 10px;
  margin-bottom: 10px;
  border: none;
  background-color: transparent;
}
@media only screen and (max-width: 480px) {
  .ReferralsContainer .lightAccentBkg .referralHeaders {
    padding: 0px 0px 0px 0px;
  }
}
.ReferralsContainer .lightAccentBkg .referralHeaders:focus {
  outline: 2px dotted;
  outline-offset: -5px;
}
.ReferralsContainer .lightAccentBkg .referralHeaders span {
  cursor: pointer;
  display: inline-block;
  font-size: 125%;
}
.ReferralsContainer .lightAccentBkg .fa-chevron-down {
  padding: 0 10px 0 10px;
}
.ReferralsContainer .lightAccentBkg .fa-chevron-up {
  padding: 0 10px 0 10px;
}
.ReferralsContainer .lightAccentBkg .ActiveReferrals,
.ReferralsContainer .lightAccentBkg .SentReferrals {
  display: none;
  margin-top: -15px;
  margin-bottom: 10px;
  margin-left: -5px;
}
.ReferralsContainer .lightAccentBkg .EmptyActiveReferrals,
.ReferralsContainer .lightAccentBkg .EmptySentReferrals {
  display: none;
  margin: -10px 0 0 0;
  padding-left: 10px;
}
@media only screen and (max-width: 480px) {
  .ReferralsContainer .lightAccentBkg .EmptyActiveReferrals,
  .ReferralsContainer .lightAccentBkg .EmptySentReferrals {
    padding-left: 0px;
  }
}
.ReferralsContainer .lightAccentBkg .ActiveReferrals .jobCard label:first-of-type {
  padding-top: 10px;
}
.ReferralsContainer .lightAccentBkg .ActiveReferrals .jobCard .AutoReq span:last-of-type {
  padding-bottom: 0px;
}
.ReferralsContainer .lightAccentBkg .jobCard h2 {
  padding-bottom: 10px;
}
.ReferralsContainer .lightAccentBkg .jobCard .Wraptitle {
  width: 95%;
  font-size: 125%;
  display: inline-block;
  overflow: visible;
  white-space: inherit;
  -ms-text-overflow: inherit;
  -o-text-overflow: inherit;
  text-overflow: inherit;
  -ms-word-break: break-all;
  word-break: break-all;
}
.ReferralsContainer .lightAccentBkg .jobCard .ellipsisMultiline {
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ReferralsContainer .lightAccentBkg .jobCard h2.RefTitle {
  overflow-wrap: break-word;
  width: 100%;
  font-size: 125%;
  line-height: 120%;
  display: inline-block;
}
.ReferralsContainer .lightAccentBkg .jobCard h2.WrapReftitle {
  font-size: 125%;
  width: 75%;
}
.ReferralsContainer .lightAccentBkg .jobCard .RefTitle {
  display: inline;
  padding-right: 5px;
}
.ReferralsContainer .lightAccentBkg .jobCard .AutoReq span {
  display: block;
}
.ReferralsContainer .lightAccentBkg .jobCard .Refdate {
  padding-top: 10px;
}
.ReferralsContainer .lightAccentBkg .jobCard .ShowMoreLess {
  vertical-align: top;
}
.ReferralsContainer .lightAccentBkg .jobCard .ShowMoreLess:hover {
  text-decoration: underline;
}
.ReferralsContainer .lightAccentBkg .jobCard .WrapJobtitle {
  display: inline-block;
  width: 65%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ReferralsContainer .lightAccentBkg .jobCard .cardFooter a .fa {
  margin-right: 10px;
}
.ReferralsContainer .lightAccentBkg .ReferralsEmpty {
  margin-left: 10px;
}
.ReferralsContainer .lightAccentBkg .ReferralsEmpty .UnderLineLink {
  padding-right: 5px;
}
.ReferralsContainer .expiredReferral {
  margin: 0 30px 20px 10px;
  width: 600px;
  position: relative;
}
@media only screen and (max-width: 680px) {
  .ReferralsContainer .expiredReferral {
    width: calc(100% - 5px);
  }
}
@media only screen and (max-width: 480px) {
  .ReferralsContainer .expiredReferral {
    margin: 0 15px 20px 0;
    width: calc(100% - 5px);
  }
}
.ReferralsContainer .expiredAlert-close {
  position: absolute;
  right: 0px;
  cursor: pointer;
  height: 30px;
  width: 30px;
  display: block;
}
.ReferralsContainer .expiredAlert-close:before {
  content: '';
}
.ReferralsContainer .expiredAlert-close:after {
  height: 30px;
  width: 30px;
  font-size: 20px;
  font-weight: lighter;
  line-height: 26px;
  position: absolute;
  text-align: center;
  font-family: 'FontAwesome';
  content: '\F00D';
}
.ReferralsContainer .expiredRefHeader {
  display: inline-block;
  font-size: 125%;
}
.ReferralsContainer .ExpiredrefHead {
  font-weight: bold;
  overflow-wrap: break-word;
}
.ReferralsContainer .expiredRefMessage {
  margin: 5px 0 5px 0;
}
.ReferralsContainer .expiredRefList {
  list-style: disc inside none;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: bottom;
  margin: 0px;
  line-height: 30px;
}
.labelValue {
  text-align: left;
}
.alert input.loginControl {
  border: 2px #D82021 solid;
}
.alert .control {
  border: 2px #D82021 solid;
  border-right: 2px #D82021 solid;
}
.alert span {
  color: #D82021;
  padding: 4px 0 4px 0;
  margin-top: -10px;
  max-width: 300px;
}
.SelectedGroupPage {
  padding: 0 30px 0 30px;
}
@media only screen and (max-width: 480px) {
  .SelectedGroupPage {
    padding: 0 15px 0 15px;
  }
}
.SelectedGroupPage .backLink {
  padding: 10px 0 10px 0;
}
.SelectedGroupPage div.SubHeading {
  padding-bottom: 5px;
}
.SelectedGroupPage div.DivSpacing {
  padding: 10px 0 10px 0;
}
.SelectedGroupPage h1.Heading {
  font-size: larger;
  padding: 10px 0 10px 0;
}
.SelectedGroupPage span.Heading {
  font-weight: 600;
  padding-bottom: 5px;
}
.SelectedGroupPage span.Alignment {
  margin-left: -5px;
}
.SelectedGroupPage .JobGroups {
  width: 600px;
  padding: 20px;
  margin: 10px 20px 10px 0;
}
@media only screen and (max-width: 768px) {
  .SelectedGroupPage .JobGroups {
    width: 100%;
  }
}
.SelectedGroupPage .JobGroups .GroupHeading {
  padding: 0 0 20px 0;
}
.SelectedGroupPage .JobGroups .buttonContainer {
  padding: 20px 0 0 0;
}
.SelectedGroupPage .JobGroups .baseColorPalette {
  margin-bottom: 10px;
}
.SelectedGroupPage .JobGroups .baseColorPalette .MultipleJobTitles {
  padding-left: 10px;
}
.SelectedGroupPage .JobGroups:nth-child(n) {
  display: inline-block;
  vertical-align: top;
}
.MultipleApplyValidations .ErrorHeader {
  font-weight: bold;
  display: block;
}
.MultipleApplyValidations .JobFieldsMessage {
  display: block;
}
.MultipleApplyValidations .DupApplyJobTitle {
  padding-left: 10px;
  font-weight: bold;
  display: block;
}
.InActivity {
  width: 600px;
  position: relative;
  padding: 10px;
  margin: 0 0 10px 0;
}
@media only screen and (max-width: 650px) {
  .InActivity {
    width: 100%;
  }
}
.InActivity .fa.fa-exclamation-triangle {
  text-align: center;
  width: 25px;
}
.InActivity span.FieldsMessage {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
  font-weight: bold;
  margin-right: 10px;
}
.InActivityMessage label.FieldsMessage {
  padding: 10px 0 20px 5px;
  display: block;
  margin: 0;
}
.InActivityMessage label.FieldsMessage span {
  font-weight: bold;
}
.mainInitialContainer {
  width: 100%;
  padding-left: 30px;
  display: table;
}
@media only screen and (max-width: 480px) {
  .mainInitialContainer {
    padding-left: 15px;
  }
}
.mainInitialContainer.fullWidth {
  margin-right: 30px;
  width: 95%;
}
.mainInitialContainer .searchBoxWrapper,
.mainInitialContainer .searchBoxContainer,
.mainInitialContainer .workArea {
  width: 100%;
  float: none;
  clear: none;
}
.mainInitialContainer .searchLCol {
  display: table-cell;
  vertical-align: top;
  padding-right: 30px;
  padding-bottom: 30px;
  width: 100%;
}
.mainInitialContainer .searchLCol .loginWidget,
.mainInitialContainer .searchLCol .submitResumeWidget {
  display: none;
}
@media only screen and (max-width: 480px) {
  .mainInitialContainer .searchLCol {
    padding-bottom: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .mainInitialContainer .searchLCol {
    /*.mainListContainer {
                margin: 0 (@blockSpacingH * -1); // Defect 23890
            }*/
  }
  .mainInitialContainer .searchLCol .loginWidget,
  .mainInitialContainer .searchLCol .submitResumeWidget {
    display: block;
  }
}
.mainInitialContainer .widgetSidebar {
  display: table-cell;
  float: none;
  clear: none;
}
@media only screen and (max-width: 768px) {
  .mainInitialContainer .widgetSidebar {
    display: none;
  }
}
.mainInitialContainer .searchBoxContainer {
  text-align: left;
}
.mainInitialContainer .searchBoxContainer .primaryButton {
  /*@media @tabletPortrait {
                width: 100%;
            }*/
}
.loginWidget.SMWidget {
  width: 100%;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .loginWidget.SMWidget {
    width: 100%;
  }
}
.loginWidget,
.submitResumeWidget {
  width: 370px;
  padding: 20px;
  margin: 0 30px 30px 0;
  /*.loginControl, button {
        width: 100%;
    }*/
}
@media only screen and (max-width: 1424px) {
  .loginWidget,
  .submitResumeWidget {
    width: 320px;
  }
}
@media only screen and (max-width: 1224px) {
  .loginWidget,
  .submitResumeWidget {
    width: 290px;
  }
}
@media only screen and (max-width: 1024px) {
  .loginWidget,
  .submitResumeWidget {
    width: 250px;
  }
}
@media only screen and (max-width: 768px) {
  .loginWidget,
  .submitResumeWidget {
    width: 100%;
    margin: 0 0px 30px 0;
  }
}
@media only screen and (max-width: 480px) {
  .loginWidget,
  .submitResumeWidget {
    width: 100%;
    margin: 0 0px 15px 0;
  }
}
.loginWidget .hd,
.submitResumeWidget .hd {
  font-size: 125%;
  padding-bottom: 20px;
}
.loginWidget label,
.submitResumeWidget label,
.loginWidget input,
.submitResumeWidget input,
.loginWidget div,
.submitResumeWidget div,
.loginWidget p,
.submitResumeWidget p {
  display: block;
  margin-bottom: 10px;
}
.loginWidget .mobileOnly,
.submitResumeWidget .mobileOnly {
  display: none;
}
@media only screen and (max-width: 768px) {
  .loginWidget .mobileOnly,
  .submitResumeWidget .mobileOnly {
    display: block;
  }
}
.loginWidget .loginControl.cue,
.submitResumeWidget .loginControl.cue,
.loginWidget .loginControl.hasCue,
.submitResumeWidget .loginControl.hasCue {
  padding: 0.4em 1.2em 0.2em 0.2em;
}
.loginWidget .loginControl.cue,
.submitResumeWidget .loginControl.cue {
  border-width: 0px;
}
.loginWidget .socialsourcesleft,
.submitResumeWidget .socialsourcesleft {
  max-width: 300px;
  width: 100%;
}
@media only screen and (max-width: 420px) {
  .loginWidget .socialsourcesleft,
  .submitResumeWidget .socialsourcesleft {
    max-width: 100%;
  }
}
.loginWidget .socialsourcesleft a,
.submitResumeWidget .socialsourcesleft a {
  margin-bottom: 10px;
  display: table;
}
.loginWidget .socialsourcesleft a .fa,
.submitResumeWidget .socialsourcesleft a .fa,
.loginWidget .socialsourcesleft a svg,
.submitResumeWidget .socialsourcesleft a svg,
.loginWidget .socialsourcesleft a span,
.submitResumeWidget .socialsourcesleft a span {
  display: table-cell;
}
.loginWidget .socialsourcesleft i.fab,
.submitResumeWidget .socialsourcesleft i.fab,
.loginWidget .socialsourcesleft svg,
.submitResumeWidget .socialsourcesleft svg {
  font-size: 32px;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  margin: 0 8px 0 4px;
  display: inline;
}
.loginWidget .socialsourcesleft svg,
.submitResumeWidget .socialsourcesleft svg {
  height: 32px;
  width: 28px;
  line-height: 30px;
}
.loginWidget .socialsourcesleft svg + span,
.submitResumeWidget .socialsourcesleft svg + span {
  position: relative;
  top: -5px;
  margin-right: 10px;
}
.loginWidget .socialsourcesleft i.fab + span,
.submitResumeWidget .socialsourcesleft i.fab + span {
  position: relative;
  top: -5px;
  margin-right: 10px;
}
.loginWidget .socialSources,
.submitResumeWidget .socialSources {
  width: 100%;
  max-width: 300px;
}
@media only screen and (max-width: 480px) {
  .loginWidget .socialSources,
  .submitResumeWidget .socialSources {
    max-width: 100%;
  }
}
.loginWidget .socialSources a,
.submitResumeWidget .socialSources a {
  margin-bottom: 10px;
  display: table;
}
.loginWidget .socialSources a .fa,
.submitResumeWidget .socialSources a .fa,
.loginWidget .socialSources a svg,
.submitResumeWidget .socialSources a svg,
.loginWidget .socialSources a span,
.submitResumeWidget .socialSources a span {
  display: table-cell;
}
.loginWidget .socialSources a span,
.submitResumeWidget .socialSources a span {
  margin: 0 10px 0 0;
}
.loginWidget .socialSources i.fab,
.submitResumeWidget .socialSources i.fab,
.loginWidget .socialSources svg,
.submitResumeWidget .socialSources svg {
  font-size: 32px;
  height: 36px;
  width: 32px;
  line-height: 34px;
  text-align: center;
  margin: 0 8px 0 4px;
  display: inline;
}
.loginWidget .socialSources svg,
.submitResumeWidget .socialSources svg {
  height: 30px;
  width: 26px;
}
.loginWidget .socialSources svg + span,
.submitResumeWidget .socialSources svg + span {
  position: relative;
  top: -5px;
  margin-right: 10px;
}
.loginWidget .socialSources i.fab + span,
.submitResumeWidget .socialSources i.fab + span {
  position: relative;
  top: -5px;
  margin-right: 10px;
}
.loginWidget .separator,
.submitResumeWidget .separator {
  text-align: center;
  padding-top: 5px;
  margin-bottom: 10px;
}
.loginWidget .separator .rule,
.submitResumeWidget .separator .rule,
.loginWidget .separator .or,
.submitResumeWidget .separator .or {
  display: inline;
  line-height: 14px;
  margin: 0 auto;
  position: relative;
}
.loginWidget .separator .rule,
.submitResumeWidget .separator .rule {
  display: block;
  border-top-style: solid;
  top: -7px;
}
.loginWidget .separator .or,
.submitResumeWidget .separator .or {
  padding: 0 14px;
  z-index: 1;
}
.loginWidget .ErrMsgHeadTitles,
.submitResumeWidget .ErrMsgHeadTitles {
  display: inline;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .loginWidget .loginControl,
  .submitResumeWidget .loginControl,
  .loginWidget .loginHomelinks,
  .submitResumeWidget .loginHomelinks,
  .loginWidget .hideInMobile,
  .submitResumeWidget .hideInMobile {
    display: none;
  }
}
.ngdialog-close {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  cursor: pointer;
  height: 30px;
  width: 30px;
}
.ngdialog-close:before {
  content: '';
}
.ngdialog-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) {
  .ngdialog-close {
    display: none;
  }
}
.Xclose {
  display: none;
}
@media only screen and (max-width: 767px) {
  .Xclose {
    display: inline-block;
  }
}
.tabView {
  border: 1px solid blue;
  padding: 2px;
  float: left;
}
.tabView.activeTab {
  background-color: blue;
}
.HeaderSignInFullView {
  margin-bottom: 20px;
}
.elementShowHideParent.control {
  position: relative;
  width: 100%;
  max-width: 300px;
  border: 0px;
}
@media only screen and (max-width: 480px) {
  .elementShowHideParent.control {
    width: 100%;
  }
}
.elementShowHideParent.control input {
  position: absolute;
  margin: 0px;
  display: inline;
  left: 0px;
  height: 100%;
  width: 100%;
}
.elementShowHideParent.control .iconShowHide {
  position: absolute;
  display: inline;
  right: 8px;
  top: -1px;
}
.loginBox .asterisk {
  display: inline;
}
.loginBox .LoginInput {
  display: inline;
}
.loginBox .ReqFields {
  display: inline;
  color: #D82021;
  background-color: transparent;
  padding: 0px;
}
.loginBox .SignInFullView {
  max-width: 300px;
}
.loginBox .SignInFullView label {
  width: 620px;
}
@media only screen and (max-width: 768px) {
  .loginBox .SignInFullView label {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .loginBox .SignInFullView {
    width: 100%;
  }
}
.loginBox input {
  width: 100%;
  max-width: 300px;
}
@media only screen and (max-width: 480px) {
  .loginBox input {
    max-width: 100%;
    width: 100%;
  }
}
.loginBox .specialPassWordToggle {
  right: 30px;
}
.loginBox .newAccnt {
  text-align: left;
  /*@media @tabletPortrait {
            text-align: center;
        }*/
}
.blockLevelElement {
  display: block;
}
.fullPageSignin {
  margin: 10px 30px;
}
@media only screen and (max-width: 480px) {
  .fullPageSignin {
    margin: 10px 15px;
  }
}
.fullPageSignin .MainDiv {
  margin-bottom: -10px;
}
.fullPageSignin .tabView {
  color: blue;
  padding: 4px;
}
.fullPageSignin .tabView.isActive {
  background-color: blue;
  color: white;
}
.fullPageSignin h1 {
  font-size: 120%;
  margin-bottom: 20px;
}
.fullPageSignin .loginBox .newAccnt {
  text-align: left;
}
.fullPageSignin .pageFooter {
  margin: 0 -20px;
  width: auto;
}
.fullPageSignin .pageFooter * {
  margin-bottom: 0px;
}
.fullPageSignin.temporaryHiding {
  width: 0px;
  overflow: hidden;
  height: 0px;
}
.fullPageSignin .ErrMsgHeadTitles {
  display: block;
  font-weight: 600;
}
@media only screen and (max-width: 480px) {
  .fullPageSignin .ErrMsgHeadTitles {
    display: inline;
  }
}
.fullPageSignin .ErrMsgDesktop {
  display: inline;
  margin-right: 5px;
}
@media only screen and (max-width: 480px) {
  .fullPageSignin .ErrMsgDesktop {
    display: none;
  }
}
.fullPageSignin .ErrMsgMobile {
  display: none;
}
@media only screen and (max-width: 480px) {
  .fullPageSignin .ErrMsgMobile {
    display: inline;
  }
}
.fullPageSignin .hrefShowMe {
  margin-left: 20px;
  color: white;
  cursor: pointer;
  text-decoration: underline;
}
@media only screen and (max-width: 480px) {
  .fullPageSignin .hrefShowMe {
    margin-left: 0px;
  }
}
.fullPageSignin .Icon {
  margin-right: 5px;
  padding-top: 4px;
  /*padding-bottom: 40px; 
         width: 20px; 
        float: left;*/
}
.fullPageSignin .separatorMobile {
  max-width: 100%;
}
.fullPageSignin .separatorShowallView {
  max-width: 300px;
}
@media only screen and (max-width: 480px) {
  .fullPageSignin .separatorShowallView {
    max-width: 100%;
  }
}
@media phonePortrait {
  .fullPageSignin .separatorShowallView {
    max-width: 300px;
  }
}
.fullPageSignin .separator {
  text-align: center;
  margin-bottom: 10px;
}
.fullPageSignin .separator .rule,
.fullPageSignin .separator .or {
  display: inline;
  line-height: 14px;
  margin: 0 auto;
  position: relative;
}
.fullPageSignin .separator .rule {
  display: block;
  border-top-style: solid;
  top: -7px;
}
.fullPageSignin .separator .or {
  padding: 0 14px;
  z-index: 1;
}
.fullPageSignin .ShowTimeoutMessage label {
  font-weight: 600;
}
.mobileView .MainDiv {
  margin-bottom: -10px;
}
.mobileView .tabView {
  color: blue;
  padding: 4px;
}
.mobileView .tabView.isActive {
  background-color: blue;
  color: white;
}
.mobileView h1 {
  font-size: 120%;
  margin-bottom: 20px;
}
.mobileView .loginBox .newAccnt {
  text-align: left;
}
.mobileView .pageFooter {
  margin: 0 -20px;
  width: auto;
}
.mobileView .pageFooter * {
  margin-bottom: 0px;
}
.mobileView.temporaryHiding {
  width: 0px;
  overflow: hidden;
  height: 0px;
}
.mobileView .ErrMsgHeadTitles {
  display: block;
  font-weight: 600;
}
@media only screen and (max-width: 480px) {
  .mobileView .ErrMsgHeadTitles {
    display: inline;
  }
}
.mobileView .ErrMsgDesktop {
  display: inline;
  margin-right: 5px;
}
@media only screen and (max-width: 480px) {
  .mobileView .ErrMsgDesktop {
    display: none;
  }
}
.mobileView .ErrMsgMobile {
  display: none;
}
@media only screen and (max-width: 480px) {
  .mobileView .ErrMsgMobile {
    display: inline;
  }
}
.mobileView .hrefShowMe {
  margin-left: 20px;
  color: white;
  cursor: pointer;
  text-decoration: underline;
}
@media only screen and (max-width: 480px) {
  .mobileView .hrefShowMe {
    margin-left: 0px;
  }
}
.mobileView .Icon {
  margin-right: 5px;
  padding-top: 4px;
  /*padding-bottom: 40px; 
         width: 20px; 
        float: left;*/
}
.mobileView .separatorMobile {
  max-width: 100%;
}
.mobileView .separatorShowallView {
  max-width: 300px;
}
@media only screen and (max-width: 480px) {
  .mobileView .separatorShowallView {
    max-width: 100%;
  }
}
@media phonePortrait {
  .mobileView .separatorShowallView {
    max-width: 300px;
  }
}
.mobileView .separator {
  text-align: center;
  margin-bottom: 10px;
}
.mobileView .separator .rule,
.mobileView .separator .or {
  display: inline;
  line-height: 14px;
  margin: 0 auto;
  position: relative;
}
.mobileView .separator .rule {
  display: block;
  border-top-style: solid;
  top: -7px;
}
.mobileView .separator .or {
  padding: 0 14px;
  z-index: 1;
}
.mobileView .ShowTimeoutMessage label {
  font-weight: 600;
}
.hideInMobile span {
  display: initial;
}
/*.alertBox:before {
    background-color: white;
    border-radius: 100px;
    color: #B60000;
    content: "!";
    height: 10%;
    padding-bottom: 1px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 1px;
}*/
.alertBox {
  background-color: #B60000;
  color: white;
  content: "!";
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 5px;
  text-align: left;
}
.SignInErrorMsg {
  width: 620px;
}
@media only screen and (max-width: 768px) {
  .SignInErrorMsg {
    width: 100%;
  }
}
.search .home .grayBox,
.search .home .deepgreyBox {
  z-index: 1;
}
.searchDiv a.headerLink.homeOnly {
  display: none;
}
.updateAccountContainer {
  margin-left: 30px;
}
@media only screen and (max-width: 768px) {
  .updateAccountContainer {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.relatedJobsList {
  margin-bottom: -20px;
}
.similarJobMain {
  width: 97%;
}
.createAccountContainer .margin_left {
  margin-left: 30px;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .margin_left {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.createAccountContainer .lstStyle.listContainer {
  max-width: 100%;
  margin: 10px 0 0 0;
}
@media only screen and (max-width: 530px) {
  .createAccountContainer .lstStyle.listContainer {
    margin: 0px;
  }
}
.createAccountContainer div[role=tabpanel] {
  border-style: solid;
  border-width: 2px 0 0 0;
  padding: 20px 20px 20px 30px;
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer div[role=tabpanel] {
    padding: 20px 15px 20px 15px;
  }
}
@media only screen and (max-width: 480px) {
  .createAccountContainer div[role=tabpanel] {
    margin-top: 0px;
  }
}
.createAccountContainer .DashBoardMenu {
  margin: 0 0 0 30px;
}
@media only screen and (max-width: 480px) {
  .createAccountContainer .DashBoardMenu {
    margin: 0 0 0 15px;
  }
}
@media only screen and (max-width: 530px) {
  .createAccountContainer .DashBoardMenu {
    margin: 0px;
  }
}
.createAccountContainer .DashBoardMenu a {
  margin: 0 20px 0 0;
  display: inline-block;
  max-width: 280px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  bottom: -12px;
}
@media only screen and (max-width: 480px) {
  .createAccountContainer .DashBoardMenu a {
    margin: 0 5px 0 5px;
  }
}
@media only screen and (max-width: 530px) {
  .createAccountContainer .DashBoardMenu a {
    padding: 0 0 0 30px;
    display: block;
    line-height: 30px;
    border: 1px Solid #aaa;
    margin: 0;
    max-width: 100%;
    position: inherit;
  }
}
@media only screen and (max-width: 480px) {
  .createAccountContainer .DashBoardMenu a {
    padding: 0 0 0 15px;
  }
}
.createAccountContainer .DashBoardMenu .CurrentTab {
  border-bottom: 2px solid;
  padding-bottom: 10px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 530px) {
  .createAccountContainer .DashBoardMenu .CurrentTab {
    border-bottom: 0px;
    background-color: #aaa;
    color: black;
    border: 1px Solid #aaa;
    padding-bottom: 0px;
    bottom: 0px;
  }
}
@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
.createAccountContainer,
.updateAccountContainer {
  /*.textbox:focus {
        border-style: solid;
        border-width: 2px;
        outline: 0;
    }*/
}
.createAccountContainer label.error,
.updateAccountContainer label.error {
  display: none !important;
}
.createAccountContainer .MediaIcon,
.updateAccountContainer .MediaIcon {
  font-size: xx-large;
  padding-right: 8px;
  position: relative;
}
.createAccountContainer .title,
.updateAccountContainer .title {
  font-weight: bold;
  margin-bottom: 20px;
}
.createAccountContainer .title .titleTextPadding,
.updateAccountContainer .title .titleTextPadding {
  margin-bottom: 10px;
}
.createAccountContainer .title .ReqFields,
.updateAccountContainer .title .ReqFields {
  color: #D82021;
}
.createAccountContainer .title .formBegin,
.updateAccountContainer .title .formBegin {
  margin-top: 20px;
}
.createAccountContainer .title .jobName,
.updateAccountContainer .title .jobName {
  font-weight: bold;
}
.createAccountContainer .ProfileSource,
.updateAccountContainer .ProfileSource {
  margin-top: 10px;
  width: 100%;
  display: block;
}
.createAccountContainer .ProfileSource a,
.updateAccountContainer .ProfileSource a {
  display: table;
}
.createAccountContainer .ProfileSource a .fa,
.updateAccountContainer .ProfileSource a .fa,
.createAccountContainer .ProfileSource a svg,
.updateAccountContainer .ProfileSource a svg,
.createAccountContainer .ProfileSource a span,
.updateAccountContainer .ProfileSource a span {
  display: table-cell;
}
.createAccountContainer .ProfileSource a .fa,
.updateAccountContainer .ProfileSource a .fa,
.createAccountContainer .ProfileSource a svg,
.updateAccountContainer .ProfileSource a svg {
  font-size: xx-large;
  padding-right: 8px;
  position: relative;
  padding: 0 8px 0 4px;
}
.createAccountContainer .ProfileSource .fa + .span,
.updateAccountContainer .ProfileSource .fa + .span {
  position: relative;
  top: -5px;
  margin-right: 0px;
}
.createAccountContainer .ProfileSource svg + .span,
.updateAccountContainer .ProfileSource svg + .span {
  position: relative;
  top: -5px;
  margin-right: 0px;
}
.createAccountContainer .ProfileSource .linkedin,
.updateAccountContainer .ProfileSource .linkedin {
  margin-left: 0px;
}
.createAccountContainer .fa-ul,
.updateAccountContainer .fa-ul {
  padding-top: 10px;
}
.createAccountContainer .fa-ul .Passwordpad,
.updateAccountContainer .fa-ul .Passwordpad {
  margin: -10px 0 10px 0 !important;
}
.createAccountContainer .fa-ul .Passwordpadup,
.updateAccountContainer .fa-ul .Passwordpadup {
  margin: -10px 0 0 0 !important;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .fa-ul .Passwordpadup,
  .updateAccountContainer .fa-ul .Passwordpadup {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .fa-ul,
  .updateAccountContainer .fa-ul {
    padding-top: 0;
  }
}
.createAccountContainer .PasswordInfo,
.updateAccountContainer .PasswordInfo {
  font-weight: 100;
  margin-bottom: -25px;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .PasswordInfo,
  .updateAccountContainer .PasswordInfo {
    margin-left: -8px;
    margin-bottom: -15px;
  }
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .PasswordInfo .passwordInfoHead,
  .updateAccountContainer .PasswordInfo .passwordInfoHead {
    padding-top: 10px;
  }
}
.createAccountContainer .PasswordInfo .passwordInfoTail,
.updateAccountContainer .PasswordInfo .passwordInfoTail {
  font-size: large;
  font-style: italic;
}
.createAccountContainer .PasswordInfo ul,
.updateAccountContainer .PasswordInfo ul {
  margin-left: 20px;
}
.createAccountContainer .PasswordInfo ol,
.updateAccountContainer .PasswordInfo ol,
.createAccountContainer .PasswordInfo ul,
.updateAccountContainer .PasswordInfo ul,
.createAccountContainer .PasswordInfo div,
.updateAccountContainer .PasswordInfo div,
.createAccountContainer .PasswordInfo p,
.updateAccountContainer .PasswordInfo p {
  list-style: none;
  margin-bottom: 20px;
  text-align: left;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.createAccountContainer .buttons,
.updateAccountContainer .buttons {
  margin-top: 20px;
}
.createAccountContainer .submitButton,
.updateAccountContainer .submitButton {
  margin-top: 10px;
}
.createAccountContainer .CreateSocialAccnt,
.updateAccountContainer .CreateSocialAccnt {
  padding-top: 20px;
}
.createAccountContainer .listContainer,
.updateAccountContainer .listContainer {
  padding-top: 20px;
  display: block;
  margin-left: 2px;
}
.createAccountContainer .listContainer .fieldPadding,
.updateAccountContainer .listContainer .fieldPadding {
  padding-bottom: 20px;
}
@media only screen and (max-width: 480px) {
  .createAccountContainer .listContainer .SecAnswers span.ui-selectmenu-button,
  .updateAccountContainer .listContainer .SecAnswers span.ui-selectmenu-button {
    width: 100% !important;
  }
}
.createAccountContainer .listContainer li,
.updateAccountContainer .listContainer li {
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .listContainer li,
  .updateAccountContainer .listContainer li {
    padding-left: 0px;
    padding-right: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
.createAccountContainer .listContainer .listElement,
.updateAccountContainer .listContainer .listElement {
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .listContainer .listElement,
  .updateAccountContainer .listContainer .listElement {
    padding-left: 0px;
    padding-right: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
.createAccountContainer .listContainer ul,
.updateAccountContainer .listContainer ul {
  overflow: visible;
}
.createAccountContainer .textbox,
.updateAccountContainer .textbox {
  /*border-bottom: solid 1px #e4e4e4;
        border-left: solid 1px #d1d1d1;
        border-right: solid 1px #d1d1d1;
        border-top: solid 1px #8e8e8e;*/
  width: 300px;
}
@media only screen and (max-width: 480px) {
  .createAccountContainer .textbox,
  .updateAccountContainer .textbox {
    width: 100%;
  }
}
.createAccountContainer .redText,
.updateAccountContainer .redText {
  color: #D82021;
}
.createAccountContainer .tooltip strong,
.updateAccountContainer .tooltip strong {
  line-height: 30px;
}
.createAccountContainer .tooltip,
.updateAccountContainer .tooltip {
  position: relative;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .tooltip,
  .updateAccountContainer .tooltip {
    display: none;
  }
}
.createAccountContainer .tooltip > div,
.updateAccountContainer .tooltip > div {
  left: 315px;
  line-height: 21px;
  padding: 3px 3px;
  top: -55px;
  z-index: 10;
  background: #ffffff;
  border: 1px solid #DCA;
  color: #111;
  position: absolute;
  border-radius: 4px;
  box-shadow: 5px 5px 8px #CCC;
  width: 300px;
}
.createAccountContainer .calloutTop,
.updateAccountContainer .calloutTop {
  border: 0;
  left: -12px;
  position: absolute;
  top: 8px;
  z-index: 20;
}
.createAccountContainer .calloutMiddle,
.updateAccountContainer .calloutMiddle {
  border: 0;
  left: -12px;
  position: absolute;
  top: 30px;
  z-index: 20;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .instructions,
  .updateAccountContainer .instructions {
    display: block;
  }
}
.createAccountContainer .instructions ul,
.updateAccountContainer .instructions ul {
  margin-left: 27px;
  width: 280px;
}
@media only screen and (max-width: 480px) {
  .createAccountContainer .instructions ul,
  .updateAccountContainer .instructions ul {
    width: 100%;
  }
}
.createAccountContainer .errortext,
.updateAccountContainer .errortext {
  border: solid 2px #D82021;
  height: 28px;
}
.createAccountContainer .errortext1 select,
.updateAccountContainer .errortext1 select,
.createAccountContainer .errortext1 .ui-selectmenu-button,
.updateAccountContainer .errortext1 .ui-selectmenu-button {
  border: solid 2px #D82021;
}
.createAccountContainer .CustomSelectErrorBox,
.updateAccountContainer .CustomSelectErrorBox,
.createAccountContainer .individualErrorBox,
.updateAccountContainer .individualErrorBox {
  text-align: left;
  width: 300px;
}
@media only screen and (max-width: 480px) {
  .createAccountContainer .CustomSelectErrorBox,
  .updateAccountContainer .CustomSelectErrorBox,
  .createAccountContainer .individualErrorBox,
  .updateAccountContainer .individualErrorBox {
    width: 100%;
  }
}
.createAccountContainer .buttonsHead,
.updateAccountContainer .buttonsHead {
  width: 390px;
}
@media only screen and (max-width: 480px) {
  .createAccountContainer .buttonsHead,
  .updateAccountContainer .buttonsHead {
    width: 100%;
  }
}
.createAccountContainer .buttonsHead > button,
.updateAccountContainer .buttonsHead > button,
.createAccountContainer .buttonsHead > button:hover,
.updateAccountContainer .buttonsHead > button:hover {
  background-color: #aaa;
  color: black;
  border: 1px Solid #aaa;
}
.createAccountContainer .buttonsHead > .ToggleButton,
.updateAccountContainer .buttonsHead > .ToggleButton {
  width: 55%;
  display: inline-block;
  float: left;
  text-align: center;
  margin-right: 0px;
  cursor: pointer;
  height: auto;
  line-height: 20px;
}
@media only screen and (max-width: 480px) {
  .createAccountContainer .buttonsHead > .ToggleButton,
  .updateAccountContainer .buttonsHead > .ToggleButton {
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width: 250px) {
  .createAccountContainer .buttonsHead > .ToggleButton,
  .updateAccountContainer .buttonsHead > .ToggleButton {
    float: none;
    width: 100%;
    white-space: unset;
  }
}
.createAccountContainer .ToggleButton:nth-child(1),
.updateAccountContainer .ToggleButton:nth-child(1) {
  width: 45%;
}
@media only screen and (max-width: 480px) {
  .createAccountContainer .ToggleButton:nth-child(1),
  .updateAccountContainer .ToggleButton:nth-child(1) {
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width: 250px) {
  .createAccountContainer .ToggleButton:nth-child(1),
  .updateAccountContainer .ToggleButton:nth-child(1) {
    float: none;
    width: 100%;
    white-space: unset;
  }
}
.createAccountContainer .ToggleButton.headingBack,
.updateAccountContainer .ToggleButton.headingBack {
  color: inherit;
  background-color: transparent;
}
.createAccountContainer .ToggleButton.headingBack:focus .InvOutline,
.updateAccountContainer .ToggleButton.headingBack:focus .InvOutline {
  outline-width: thin;
  outline-color: inherit;
  outline-style: dotted;
}
.createAccountContainer .ToggleButton.headingBack:hover,
.updateAccountContainer .ToggleButton.headingBack:hover {
  background-color: transparent;
  color: inherit;
}
.createAccountContainer .warnings,
.updateAccountContainer .warnings {
  display: none;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .warnings,
  .updateAccountContainer .warnings {
    display: block;
  }
}
.createAccountContainer .padTop,
.updateAccountContainer .padTop {
  padding-top: 10px;
}
.createAccountContainer .padTopAndBottom,
.updateAccountContainer .padTopAndBottom {
  padding-bottom: 20px;
  padding-top: 20px;
}
.createAccountContainer .padSecQuestHeader,
.updateAccountContainer .padSecQuestHeader {
  padding-top: 10px;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .padSecQuestHeader,
  .updateAccountContainer .padSecQuestHeader {
    padding-top: 0;
  }
}
.createAccountContainer .BackLinkPad,
.updateAccountContainer .BackLinkPad {
  padding-top: 10px;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .BackLinkPad,
  .updateAccountContainer .BackLinkPad {
    padding-top: 15px;
  }
}
.createAccountContainer .BackLinkPad .fa,
.updateAccountContainer .BackLinkPad .fa {
  margin-right: 5px;
}
.createAccountContainer .padBottom,
.updateAccountContainer .padBottom {
  padding-bottom: 10px;
}
.createAccountContainer .createAccountContainer,
.updateAccountContainer .createAccountContainer,
.createAccountContainer .privacyPolicyContainer,
.updateAccountContainer .privacyPolicyContainer {
  margin-left: 30px;
  margin-right: 30px;
}
.createAccountContainer .showInMobile,
.updateAccountContainer .showInMobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .showInMobile,
  .updateAccountContainer .showInMobile {
    display: block;
    margin-left: -10px;
    margin-top: -15px;
  }
}
.createAccountContainer .newMsgContainer span.invalidFieldsMessage,
.updateAccountContainer .newMsgContainer span.invalidFieldsMessage {
  font-weight: bold;
}
.createAccountContainer .QuestAnsContainer .bad .individualErrorBox span,
.updateAccountContainer .QuestAnsContainer .bad .individualErrorBox span {
  color: #D82021;
}
.createAccountContainer .QuestAnsContainer .bad input[type="text"],
.updateAccountContainer .QuestAnsContainer .bad input[type="text"],
.createAccountContainer .QuestAnsContainer .bad input[type="email"],
.updateAccountContainer .QuestAnsContainer .bad input[type="email"],
.createAccountContainer .QuestAnsContainer .bad input[type="password"],
.updateAccountContainer .QuestAnsContainer .bad input[type="password"] {
  border: solid 2px #D82021;
}
.createAccountContainer .QuestAnsContainer .bad select,
.updateAccountContainer .QuestAnsContainer .bad select,
.createAccountContainer .QuestAnsContainer .bad .ui-selectmenu-button,
.updateAccountContainer .QuestAnsContainer .bad .ui-selectmenu-button {
  border: solid 2px #D82021;
}
.privacyPolicyContainer {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .privacyPolicyContainer {
    width: auto;
  }
}
@media only screen and (max-width: 480px) {
  .privacyPolicyContainer {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.privacyPolicyContainer .privacyPolicyQuestionDiv {
  max-width: 600px;
}
.privacyPolicyContainer .privacyPolicyStatementDiv,
.privacyPolicyContainer .privacyPolicyQuestionDiv,
.privacyPolicyContainer .privacyPolicyOptOutDiv,
.privacyPolicyContainer .privacyPolicyLabelText,
.privacyPolicyContainer .sideNote,
.privacyPolicyContainer .privacyPolicyStatement,
.privacyPolicyContainer .privacyPolicyQuestion,
.privacyPolicyContainer .privacyPolicyOptions {
  margin: 10px 0 10px 0;
}
.privacyPolicyContainer .privacyPolicyStatementTab:focus-visible,
.privacyPolicyContainer .privacyPolicyQuestionTab:focus-visible {
  outline: 2px dotted black;
}
.privacyPolicyContainer .privacyPolicyLabelText {
  display: inline-block;
}
.privacyPolicyContainer .padTopAndBottom {
  margin-top: 20px;
}
.ngdialog.ngdialog-theme-default.mobileSignInDialogue {
  z-index: 12001;
}
@media only screen and (max-width: 768px) {
  .ngdialog.ngdialog-theme-default {
    padding-top: 0px;
    top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .ts-appid-findjob .ngdialog.ngdialog-theme-default {
    top: 50px;
  }
}
.picker.modal-dialog {
  left: 0 !important;
  width: 768px !important;
  top: 0 !important;
  height: 101%;
}
@media only screen and (max-width: 767px) {
  .picker.modal-dialog {
    width: 100% !important;
  }
}
.picker.modal-dialog .picker.modal-dialog-content {
  width: 100% !important;
  height: 100% !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-close {
  left: unset;
}
.ngdialog.ngdialog-theme-default .ngdialog-content {
  width: 768px;
  top: -80px;
  border-radius: 0px;
}
@media only screen and (max-width: 768px) {
  .ngdialog.ngdialog-theme-default .ngdialog-content {
    bottom: 0px;
    top: 0px;
    padding: 15px;
  }
}
.ngdialog.ngdialog-theme-default .ngdialog-content iframe {
  width: 100%;
}
.ngdialog.ngdialog-theme-default .ngdialog-content .gtgLocalesBody {
  overflow-y: auto;
  max-height: 350px;
}
@media (min-height: 400px) {
  .ngdialog.ngdialog-theme-default .ngdialog-content .gtgLocalesBody {
    max-height: 300px;
  }
}
@media (min-height: 500px) {
  .ngdialog.ngdialog-theme-default .ngdialog-content .gtgLocalesBody {
    max-height: 400px;
  }
}
@media (min-height: 600px) {
  .ngdialog.ngdialog-theme-default .ngdialog-content .gtgLocalesBody {
    max-height: 500px;
  }
}
@media (min-height: 700px) {
  .ngdialog.ngdialog-theme-default .ngdialog-content .gtgLocalesBody {
    max-height: 600px;
  }
}
@media (min-height: 800px) {
  .ngdialog.ngdialog-theme-default .ngdialog-content .gtgLocalesBody {
    max-height: 700px;
  }
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .ngdialog.ngdialog-theme-default.eSignDialog {
    top: 0px;
    padding-top: 0px;
  }
}
.ngdialog.ngdialog-theme-default.eSignDialog .ngdialog-content {
  width: 1000px;
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .ngdialog.ngdialog-theme-default.eSignDialog .ngdialog-content {
    bottom: 0px;
    top: 0px;
    padding: 15px;
  }
}
.ngdialog.ngdialog-theme-default .ngdialog-content .createAccountContainer ul li {
  list-style: disc;
}
.ngdialog .ngdialog-content .ForgotUsernamePass {
  padding-left: 0px;
}
.ngdialog .ngdialog-content .ForgotUsernamePass span.HeaderTitles {
  font-size: 150%;
}
.ForgotUsernamePass {
  padding-left: 30px;
  /*@media @phone {
        padding: 15px;
    }*/
  /********************Password Validation Box Stylings*******************************/
  /* Style input help requirement bullets */
  /* Set to green check and text when valid */
}
.ForgotUsernamePass .liForScreenReader {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.ForgotUsernamePass .backLink {
  display: inline-block;
}
.ForgotUsernamePass .backLink:before {
  padding-right: 5px;
  top: 2px;
}
.ForgotUsernamePass .padBottom {
  padding-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .ForgotUsernamePass {
    padding-top: 15px;
    padding: 15px;
  }
}
.ForgotUsernamePass .continueButton {
  margin-top: 10px;
}
.ForgotUsernamePass li.SecurityQAErr {
  list-style: disc inside none;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  margin: 0;
  line-height: 30px;
}
@media only screen and (max-width: 768px) {
  .ForgotUsernamePass li.SecurityQAErr {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .ForgotUsernamePass .lblPasswordRequirement {
    display: none;
  }
}
.ForgotUsernamePass li {
  list-style: none;
  margin-bottom: 10px;
  text-align: left;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.ForgotUsernamePass ol,
.ForgotUsernamePass ul,
.ForgotUsernamePass div,
.ForgotUsernamePass legend {
  list-style: none;
  margin-bottom: 10px;
  text-align: left;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
}
.ForgotUsernamePass .Errfield {
  border-color: #D82021;
}
.ForgotUsernamePass .ReqFields {
  color: #D82021;
}
.ForgotUsernamePass span.HeaderTitles {
  display: block;
  padding-bottom: 20px;
  font-size: larger;
}
.ForgotUsernamePass label.HeaderTitles {
  font-size: large;
}
.ForgotUsernamePass .SuccessMsg {
  max-width: 720px;
}
.ForgotUsernamePass .ErrMsgDesktop {
  display: inline;
}
@media only screen and (max-width: 768px) {
  .ForgotUsernamePass .ErrMsgDesktop {
    display: none;
  }
}
.ForgotUsernamePass .hypen {
  padding-left: 7px;
}
.ForgotUsernamePass .BackEndErrMsg {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
}
.ForgotUsernamePass .ErrMsgMobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .ForgotUsernamePass .ErrMsgMobile {
    display: inline;
  }
}
.ForgotUsernamePass .ErrMsgHeadTitles {
  font-weight: 600;
}
.ForgotUsernamePass .ErrMsg {
  display: block;
  width: 300px;
}
@media only screen and (max-width: 480px) {
  .ForgotUsernamePass .ErrMsg {
    width: 100%;
  }
}
.ForgotUsernamePass span.ErrMsgArea {
  display: block;
  width: 300px;
}
@media only screen and (max-width: 480px) {
  .ForgotUsernamePass span.ErrMsgArea {
    width: 100%;
  }
}
.ForgotUsernamePass input[type="email"],
.ForgotUsernamePass input[type="password"],
.ForgotUsernamePass input[type="text"] {
  max-width: 300px;
  border-style: solid inherit;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .ForgotUsernamePass input[type="email"],
  .ForgotUsernamePass input[type="password"],
  .ForgotUsernamePass input[type="text"] {
    max-width: 100%;
  }
}
.ForgotUsernamePass .badAns {
  border-width: 2px;
  border-color: #D82021;
}
.ForgotUsernamePass .badAns input[type="email"],
.ForgotUsernamePass .badAns input[type="password"],
.ForgotUsernamePass .badAns input[type="text"] {
  border-width: 2px;
  border-color: #D82021;
}
.ForgotUsernamePass .badAns span {
  color: #D82021;
}
.ForgotUsernamePass textarea[type="text"] {
  height: 30px;
  width: 300px;
  overflow: auto;
  border-style: solid;
  background-color: white;
  padding: 0;
  padding-top: 5px;
  padding-left: 5px;
  font-size: 100%;
}
@media only screen and (max-width: 480px) {
  .ForgotUsernamePass textarea[type="text"] {
    width: 100%;
  }
}
.ForgotUsernamePass .bad {
  border-width: 2px;
  border-color: #D82021;
}
.ForgotUsernamePass .good {
  border-color: inherit;
}
.ForgotUsernamePass .badfields {
  color: #D82021;
}
.ForgotUsernamePass .goodFields {
  color: inherit;
}
.ForgotUsernamePass .hrefShowMe {
  cursor: pointer;
}
.ForgotUsernamePass .hreflink {
  margin-right: 20px;
  margin-bottom: 20px;
  cursor: pointer;
}
.ForgotUsernamePass .PasswordContainer {
  position: relative;
}
.ForgotUsernamePass .PwdBoxAlign {
  top: 50px;
}
@media only screen and (max-width: 768px) {
  .ForgotUsernamePass .PwdBoxAlign {
    top: 0 !important;
  }
}
.ForgotUsernamePass .input-help {
  position: relative;
  left: -10px;
  width: 300px;
  margin-top: 30px;
}
.ForgotUsernamePass .newMsgContainer ul {
  margin-bottom: 0px;
}
.ForgotUsernamePass .input-help h4 {
  margin: 0;
  padding: 0;
}
.ForgotUsernamePass .input-help ul {
  list-style: none;
  margin-top: 10px;
}
.candidateZoneContainer {
  margin: 30px;
}
.candidateZoneContainer .candidatesName {
  font-size: 120%;
}
.candidateZoneContainer .pageHeading {
  font-size: 130%;
}
@media only screen and (max-width: 768px) {
  .candidateZoneContainer .pageHeading {
    margin-bottom: 30px;
  }
}
.candidateZoneContainer .candidateZoneLinkContainer {
  margin: 10px 0;
}
@media only screen and (max-width: 768px) {
  .candidateZoneContainer .candidateZoneLinkContainer {
    margin: 0 -25px 0 -30px;
    border: 1px black solid;
  }
}
.candidateZoneContainer .candidateZoneLink {
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .candidateZoneContainer .candidateZoneLink {
    text-decoration: none;
    padding: 15px;
    display: inline-block;
  }
}
@media only screen and (max-width: 768px) {
  .candidateZoneContainer .candidateZoneSummaryText {
    display: none;
  }
}
.ImportProfile .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
  right: 345px;
}
@media only screen and (max-width: 720px) {
  .ImportProfile .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    right: 300px;
  }
}
@media only screen and (max-width: 620px) {
  .ImportProfile .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    right: 250px;
  }
}
@media only screen and (max-width: 520px) {
  .ImportProfile .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    right: 200px;
  }
}
@media only screen and (max-width: 420px) {
  .ImportProfile .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    right: 150px;
  }
}
@media only screen and (max-width: 380px) {
  .ImportProfile .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    right: 135px;
  }
}
@media only screen and (max-width: 340px) {
  .ImportProfile .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    right: 120px;
  }
}
.ImportProfile .uploadloader .ladda-button {
  position: inherit;
}
.ImportProfile .backLink {
  padding: 15px 0 0 15px;
}
.profileBuilderContainer {
  padding: 30px 20px 20px 20px;
  /*.buttonsHead + .ProfileSources {
        margin-top: 60px;

        @media @narrow {
            margin-top: 0px;
        }
    }*/
}
@media only screen and (max-width: 767px) {
  .profileBuilderContainer {
    padding: 20px 15px 15px 15px;
  }
}
.profileBuilderContainer .HeaderFont {
  font-size: 110%;
  padding-bottom: 20px;
}
.profileBuilderContainer .custom-span {
  margin-top: 3px;
}
.profileBuilderContainer .MediaIcon {
  padding-top: 8px;
  padding-left: 1px;
  padding-right: 8px;
}
.profileBuilderContainer .fixedFont {
  font-size: x-large;
}
.profileBuilderContainer .fileUpload .MediaIcon {
  padding: 10px;
  padding-left: 1px;
}
@media only screen and (max-width: 480px) {
  .profileBuilderContainer .HideBrowseOnMob {
    display: none;
  }
}
.profileBuilderContainer .uploadButtonStyle,
.profileBuilderContainer .ImportButtonStyle {
  /*width: 275px;*/
}
.profileBuilderContainer .underlinedlink {
  margin-left: 20px;
}
.profileBuilderContainer .buttonsHead {
  width: 315px;
  display: block;
}
@media only screen and (max-width: 300px) {
  .profileBuilderContainer .buttonsHead {
    width: 100%;
  }
}
.profileBuilderContainer p.profileBuilderElements {
  padding-top: 10px;
}
.profileBuilderContainer .buttonsHead > button,
.profileBuilderContainer .buttonsHead > button:hover {
  background-color: #aaa;
  color: black;
  border: 1px Solid #aaa;
}
.profileBuilderContainer .buttonsHead > .ToggleButton {
  display: inline-block;
  text-align: center;
  margin-right: -6px;
  cursor: pointer;
}
@media only screen and (max-width: 300px) {
  .profileBuilderContainer .buttonsHead > .ToggleButton {
    float: none;
    width: 100%;
  }
}
.profileBuilderContainer .ToggleButton.headingBack {
  color: inherit;
  background-color: transparent;
  outline-color: inherit;
}
.profileBuilderContainer .ToggleButton.headingBack:focus .InvOutline {
  outline-width: thin;
  outline-color: inherit;
  outline-style: dotted;
}
.profileBuilderContainer .ToggleButton.headingBack:hover {
  background-color: transparent;
  color: inherit;
}
.profileBuilderContainer .ProfileSources {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .profileBuilderContainer .ProfileSources {
    margin-top: 0px;
    width: 100%;
  }
}
.profileBuilderContainer .ProfileSources .fileUpload {
  position: relative;
  margin-top: 0px;
  overflow: hidden;
  text-align: center;
}
.profileBuilderContainer .ProfileSources .fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 100%;
  text-align: center;
}
.profileBuilderContainer .ProfileSources .allowableFileTypes {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.profileBuilderContainer .ProfileSource {
  padding-top: 10px;
  display: block;
}
.profileBuilderContainer .ProfileSource .buttonPad {
  margin-right: 5px;
}
.profileBuilderContainer .ProfileSource .btn {
  margin-right: 0px;
}
.profileBuilderContainer .ProfileSource .linkedin .btn {
  margin-left: 0px;
}
.profileBuilderContainer .ProfileSource .facebook .btn {
  margin-left: 0px;
}
.profileBuilderContainer .ProfileSource .primaryButton {
  cursor: pointer;
}
.profileBuilderContainer .ProfileSource #googleDriveButton span {
  top: -10px;
}
.profileBuilderContainer .ErrMsgHeadTitles {
  font-weight: 600;
}
.profileBuilderContainer .BackEndErrMsg {
  display: -webkit-box;
  padding-bottom: 5px;
}
.profileBuilderContainer .ErrMsgHead {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
@media all and (max-width: 1024px) {
  .eSignModal #candPortalFormDiv {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 100;
  }
  .eSignModal #PortalForm {
    height: 100% !important;
    width: 100% !important;
  }
  .eSignModal,
  .eSignModal body {
    overflow: hidden !important;
  }
}
.eSignatureBuilder {
  padding: 0px;
}
.eSignatureBuilder .profileBuilderContainer {
  padding: 15px;
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
  .eSignatureBuilder .drawEsignTabPanel .esignCanvas {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.eSignatureBuilder .eSignheader {
  padding: 20px 15px 5px 15px;
}
.eSignatureBuilder .eSignheader .HeaderFont {
  font-size: 110%;
  padding-bottom: 5px;
}
.eSignatureBuilder .eSignheader .eSignSubTitle {
  font-size: 90%;
}
.eSignatureBuilder .eSigncontainer {
  padding: 10px 15px 15px 10px;
}
.eSignatureBuilder .eSignfooter {
  padding: 10px 15px 15px 15px;
}
.eSignatureBuilder .eSignCanvas canvas,
.eSignatureBuilder .eSignText canvas {
  border: 1px solid;
  background-color: #fff;
  padding: 5px;
  width: 100%;
}
.eSignatureBuilder .eSignCanvas canvas {
  min-height: 300px;
}
.eSignatureBuilder .eSignText canvas {
  min-height: 100px;
}
.eSignatureBuilder .eSignCanvas canvas {
  cursor: crosshair;
}
.eSignatureBuilder .eSignClear a {
  float: right;
  position: relative;
  top: -10px;
}
.eSignatureBuilder .eSignClear a span {
  margin-right: 10px;
}
@media only screen and (max-width: 530px) {
  .eSignatureBuilder #typeEsign_tab .eSignClear a {
    top: 0;
    padding: 10px 0 10px 10px;
    margin: 0;
  }
}
.eSignatureBuilder .ts-input {
  width: 400px;
}
@media only screen and (max-width: 530px) {
  .eSignatureBuilder .ts-input {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .eSignatureBuilder .ts-input {
    width: 100%;
  }
}
.eSignatureBuilder .eSignImg {
  padding: 5px;
  max-width: 500px;
}
.eSignatureBuilder .eSignImg:focus {
  outline: 2px black dotted;
  outline-offset: 2px;
}
.eSignatureBuilder div[role=tabpanel] {
  border-style: solid;
  border-width: 2px 0 0 0;
  margin-top: 10px;
}
@media only screen and (max-width: 480px) {
  .eSignatureBuilder div[role=tabpanel] {
    margin-top: 0px;
  }
}
.eSignatureBuilder .DashBoardMenu {
  margin: 0 0 0 20px;
  /*@media (orientation:landscape) {
            margin: 0px;
        }*/
}
@media only screen and (max-width: 480px) {
  .eSignatureBuilder .DashBoardMenu {
    margin: 0 0 0 15px;
  }
}
@media only screen and (max-width: 530px) {
  .eSignatureBuilder .DashBoardMenu {
    margin: 0px;
  }
}
.eSignatureBuilder .DashBoardMenu a {
  margin: 0 20px 0 0;
  display: inline-block;
  max-width: 280px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  bottom: -12px;
}
@media only screen and (max-width: 480px) {
  .eSignatureBuilder .DashBoardMenu a {
    margin: 0 5px 0 5px;
  }
}
@media only screen and (max-width: 530px) {
  .eSignatureBuilder .DashBoardMenu a {
    padding: 0 0 0 30px;
    display: block;
    line-height: 30px;
    border: 1px Solid #aaa;
    margin: 0;
    max-width: 100%;
    position: inherit;
  }
}
@media only screen and (max-width: 480px) {
  .eSignatureBuilder .DashBoardMenu a {
    padding: 0 0 0 15px;
  }
}
.eSignatureBuilder .DashBoardMenu .CurrentTab {
  border-bottom: 2px solid;
  padding-bottom: 10px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 530px) {
  .eSignatureBuilder .DashBoardMenu .CurrentTab {
    border-bottom: 0px;
    background-color: #aaa;
    color: black;
    border: 1px Solid #aaa;
    padding-bottom: 0px;
    bottom: 0px;
  }
}
.UploadSources {
  display: block;
  width: 50%;
  margin-top: 50px;
}
.resumeListContainer {
  padding: 20px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .resumeListContainer {
    padding: 20px 15px 18px 15px;
  }
}
.resumeListContainer div {
  list-style: none;
  text-align: left;
}
.resumeListContainer .FileListPadding {
  margin-left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 5px;
  max-height: 380px;
}
.resumeListContainer .HeaderTitles {
  font-size: 125%;
}
.resumeListContainer label.HeaderTitles {
  font-size: large;
}
@media only screen and (max-width: 480px) {
  .resumeListContainer .underlinedlink {
    line-height: 55px;
    float: left;
  }
}
.resumeListContainer .BackEndErrMsg {
  display: -webkit-box;
  padding-bottom: 5px;
}
.resumeListContainer .ErrMsgHeadTitles {
  font-weight: 600;
}
.resumeListContainer .BorderBox {
  display: -webkit-box;
  border: thin;
  border: 1px solid;
  border-color: lightgray;
  background-color: ghostwhite;
  max-width: 300px;
}
.resumeListContainer .BorderButtonBox {
  border: thin;
  border: 1px solid;
  border-color: lightgray;
  background-color: ghostwhite;
}
@media only screen and (max-width: 480px) {
  .resumeListContainer .BorderButtonBox {
    display: -webkit-box;
    width: 100%;
    max-width: 300px;
  }
}
.resumeListContainer .BoxBorderContainer {
  background-color: white;
}
.resumeListContainer .rbtButtons {
  align-self: center;
}
.resumeListContainer .hrefShowMe {
  margin-right: 20px;
  color: white;
  text-decoration: underline;
  cursor: pointer;
}
.resumeListContainer .hrefForLink {
  text-decoration: underline;
  cursor: pointer;
  width: 250px;
}
.resumeListContainer .StyleTextBoxFor {
  width: 300px;
  border-style: solid;
}
.resumeListContainer .ResumeList {
  padding: 15px;
  max-width: 700px;
  position: relative;
}
.resumeListContainer .ResumeList label {
  display: block;
  margin-top: 0px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-left: 30px;
}
@media only screen and (max-width: 480px) {
  .resumeListContainer .Marginbottom20 .primaryButton {
    float: left;
  }
}
.SecurityQuestionContainer {
  margin: 0 30px 0 30px;
}
@media only screen and (max-width: 480px) {
  .SecurityQuestionContainer {
    margin: 0 15px 0 15px;
  }
}
.SecurityQuestionContainer ol,
.SecurityQuestionContainer ul,
.SecurityQuestionContainer li,
.SecurityQuestionContainer div {
  margin-top: 0.7em;
  margin-right: 0.7em;
}
.SecurityQuestionContainer .submitButton {
  margin-top: 23px;
}
.SecurityQuestionContainer .SecurityQASelectMenu {
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .SecurityQuestionContainer .SecurityQASelectMenu span.ui-selectmenu-button {
    width: 100% !important;
  }
}
.SecurityQuestionContainer .ErrMsgMobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .SecurityQuestionContainer .ErrMsgMobile {
    display: inline;
    cursor: pointer;
  }
}
.SecurityQuestionContainer .BackEndErrMsg {
  display: block;
  padding-top: 10px;
}
.SecurityQuestionContainer .ErrMsgHeadTitles {
  font-weight: 600;
}
.SecurityQuestionContainer .badfields {
  color: #D82021;
}
.SecurityQuestionContainer .goodFields {
  color: inherit;
}
.SecurityQuestionContainer .ReqFields {
  color: #D82021;
}
.SecurityQuestionContainer .bad {
  border-width: 2px;
  border-color: #D82021 !important;
}
.SecurityQuestionContainer .bad .ui-selectmenu-button {
  border-width: 2px;
  border-color: #D82021 !important;
}
.SecurityQuestionContainer .good {
  border-color: #aeaeae;
}
.SecurityQuestionContainer select {
  font-size: 99%;
  width: 300px;
  height: 28px;
}
@media only screen and (max-width: 480px) {
  .SecurityQuestionContainer select {
    width: 104%;
  }
}
@media only screen and (max-width: 320px) {
  .SecurityQuestionContainer select {
    width: 106%;
  }
}
@media only screen and (max-width: 320px) {
  .SecurityQuestionContainer select {
    width: 106%;
  }
}
.SecurityQuestionContainer input[type="text"] {
  height: 28px;
  width: 300px;
}
@media only screen and (max-width: 480px) {
  .SecurityQuestionContainer input[type="text"] {
    width: 97%;
  }
}
@media only screen and (max-width: 300px) {
  .SecurityQuestionContainer input[type="text"] {
    width: 95%;
  }
}
.fileList {
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid black;
}
.fileList:hover {
  background-color: #dfdfdf;
}
.fileList span.file,
.fileList span.folder {
  display: block;
}
.filesList {
  margin: 20px;
}
.filesList .button {
  margin-top: 10px;
  margin-left: 10px;
  border: 1px solid black;
}
.hiddenQB,
.hiddenField {
  display: none;
}
.buttonsFooterAccent button {
  margin-bottom: 10px;
}
.genericError .fa-exclamation {
  color: Red;
}
.privacyPolicyContainer h1,
.createAccountContainer h1 {
  font-size: 150%;
  line-height: 30px;
}
.hiddenHeader .pageHeaderContainer,
.mobileOnlyHeader .pageHeaderContainer {
  background-color: transparent;
  height: 0;
  overflow: hidden;
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .mobileOnlyHeader .pageHeaderContainer {
    height: auto;
    margin-top: 0;
  }
  .mobileOnlyHeader .welcomeBanner.clearfix {
    padding-top: 30px;
  }
  .pageHeaderContainer {
    margin-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  .hiddenHeader .pageHeaderContainer {
    margin-top: 0;
  }
  .welcomeBanner.clearfix.ng-scope {
    padding-top: 0;
  }
  .welcomeBanner.clearfix.ng-scope.hasTSBell {
    margin-top: 10px;
  }
}
.heading.coverlettersection {
  margin-top: 20px;
}
.normalText {
  font-weight: normal;
}
.ngdialog.mobileSignInDialogue,
.ngdialog.customDialogue {
  padding-bottom: 0px;
}
.ngdialog.mobileSignInDialogue .ngdialog-content,
.ngdialog.customDialogue .ngdialog-content {
  max-height: 100%;
  overflow-y: auto;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .ngdialog.mobileSignInDialogue .ngdialog-content,
  .ngdialog.customDialogue .ngdialog-content {
    padding: 15px;
  }
}
.ngdialog.customDialogue.ngdialog-theme-default {
  z-index: 100;
}
.noScroll {
  position: fixed;
  overflow: hidden !important;
}
#powerSearchForm .newMsgContainer span.invalidFieldsMessage {
  font-weight: bold;
}
#powerSearchForm .invalid span.error {
  width: 300px;
  max-width: 100%;
  display: block !important;
}
#powerSearchForm .invalid input[type=text] {
  border: solid 2px #D82021;
}
.fileManager {
  margin-top: 10px;
  padding: 0 10px;
  width: 100%;
  border-style: solid;
  border-width: 2px 0 0 0;
}
@media only screen and (max-width: 480px) {
  .fileManager {
    width: 100%;
    padding: 0;
  }
}
.fileManager .incompleteProfile {
  margin: 20px 0 0 20px;
}
.fileManager .incompleteProfile .incompleteProfileText {
  padding: 10px;
}
.fileManager .incompleteProfile .incompleteProfileHeader {
  display: block;
  font-weight: bold;
  padding-bottom: 10px;
}
.fileManager .subgroup {
  width: calc(33.3% - 15px);
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  margin-left: 10px;
  min-width: 320px;
}
@media only screen and (max-width: 1024px) {
  .fileManager .subgroup {
    width: calc(50% - 15px);
    min-width: 290px;
  }
}
@media only screen and (max-width: 620px) {
  .fileManager .subgroup {
    width: calc(100% - 15px);
  }
}
@media only screen and (max-width: 480px) {
  .fileManager .subgroup {
    padding-left: 5px;
    padding-top: 0;
  }
}
.fileManager .subgroup .ProfileInfoHeaderText {
  margin: 0 0 20px;
  padding-bottom: 0;
  padding-top: 20px;
}
.fileManager .subgroup .instruction {
  margin: 10px 0 10px 0;
}
.fileManager .subgroup .category {
  margin: 20px 0 10px 0;
  font-weight: bold;
  font-size: 1.2em;
}
.fileManager .subgroup .file {
  margin: 10px 0px 10px 0px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.fileManager .subgroup .file .content {
  padding: 0px 10px 10px 10px;
}
.fileManager .subgroup .file .content div,
.fileManager .subgroup .file .content a {
  margin: 10px;
}
.fileManager .subgroup .file .content a {
  display: inline-block;
}
.fileManager .subgroup .file .cardFooter {
  padding: 15px 20px;
  border-top: 2px solid;
}
.fileManager .subgroup .file .fileName {
  font-size: larger;
  font-weight: bolder;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
.fileManager .subgroup .file .removeLink {
  text-align: right;
}
.fileManager .subgroup .status {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 9px 5px 5px 20px;
  position: relative;
  background-color: #5aa700;
  color: #121212;
  display: block;
  height: 40px;
}
.fileManager .subgroup .status.attachment {
  height: auto;
}
.fileManager .subgroup .status .status-close:after {
  color: black;
}
.fileManager .subgroup .status .status-close:focus {
  outline: 2px dotted black;
}
.fileManager .subgroup .status .fileActionDesc {
  display: inline;
  padding-left: 10px;
}
.fileManager .subgroup .status .errorDesc {
  display: inline-block;
  margin-top: -25px;
  padding: 0 30px;
}
.fileManager .subgroup .status .errorDesc .title {
  font-weight: bold;
}
.deleteFileDialog .title {
  font-weight: bold;
  font-size: 20px;
  margin: 0 0 10px 0;
}
.deleteFileDialog .message {
  margin: 10px 0 10px 0;
}
.SaveSearchDialog .backLink {
  margin-bottom: 10px;
}
.SaveSearchDialog .alertBox {
  margin-top: 0px;
}
.SaveSearchDialog .alertBox .hrefShowMe {
  color: white;
  text-decoration: underline;
}
.SaveSearchDialog .mobileView {
  margin: 0px;
  margin-bottom: 10px;
}
.SaveSearchDialog .requiredFieldsMessage {
  padding-bottom: 20px;
}
.SaveSearchDialog .requiredFieldsIndicator {
  color: #B60000;
}
.SaveSearchDialog .saveSearchHeader {
  padding-bottom: 20px;
  font-size: 130%;
}
.SaveSearchDialog .saveSearchSetting {
  padding-bottom: 20px;
}
.SaveSearchDialog .saveSearchLabel {
  padding-bottom: 10px;
}
.SaveSearchDialog .saveSearchControl input[type=text],
.SaveSearchDialog .saveSearchControl input[type=email] {
  width: 100%;
}
.SaveSearchDialog .alert input[type=text],
.SaveSearchDialog .alert input[type=email] {
  border: 2px #B60000 solid;
}
.SaveSearchDialog .alert span {
  margin-top: 0px;
}
.SaveSearchDialog .errorSummary {
  margin-bottom: 10px;
}
.SaveSearchDialog .errorSummary span {
  max-width: 600px;
}
.SaveSearchDialog .savedSearchExists {
  background-color: #f2d005;
  color: black;
  width: 100%;
  padding: 10px;
  max-width: 730px;
  margin-top: 15px;
}
@media only screen and (max-width: 480px) {
  .SaveSearchDialog .savedSearchExists {
    width: 100%;
  }
}
.SavedSearchesContainer {
  float: left;
  width: 100%;
}
.SavedSearchesContainer .emptySavedSearches {
  padding-left: 15px;
}
@media only screen and (max-width: 480px) {
  .SavedSearchesContainer .emptySavedSearches {
    padding-left: 0px;
  }
}
.SavedSearchesContainer .savedSearchesHeader {
  font-size: 125%;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 480px) {
  .SavedSearchesContainer .savedSearchesHeader {
    padding-left: 0px;
  }
}
.SavedSearchesContainer .cardFooterPosition {
  bottom: 15px;
}
@media only screen and (max-width: 620px) {
  .SavedSearchesContainer .jobCard {
    padding-bottom: 0px;
  }
}
.SavedSearchesContainer .savedSearchTitle {
  font-size: 130%;
  line-height: 125%;
}
.SavedSearchesContainer .cardBody {
  padding-top: 10px;
}
.SavedSearchesContainer .cardBody .expiredInfo {
  padding-top: 10px;
}
.SavedSearchesContainer .cardBody .savedfilter {
  padding-top: 10px;
}
.SavedSearchesContainer .cardBody .savedfilter a {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.SavedSearchesContainer .Wraptitle {
  display: inline-block;
  max-width: 95%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.accountSettings {
  width: 100%;
}
@media only screen and (max-width: 620px) {
  .accountSettings {
    overflow: hidden;
  }
}
.accountSettings .heading {
  margin: 0 0 20px 30px;
  font-size: 125%;
}
@media only screen and (max-width: 620px) {
  .accountSettings .heading {
    margin: 0 0 20px 15px;
  }
}
.accountSettings .accountSettingBox {
  padding: 0px 15px;
  border-style: solid;
  border-width: 2px 0 0 0;
}
@media only screen and (max-width: 620px) {
  .accountSettings .accountSettingBox {
    padding: 0px 15px;
  }
}
.accountSettings .accountSettingBox .status {
  padding: 10px 20px 10px 20px;
  position: relative;
  background-color: #336FBB;
  color: #FFFFFF;
  display: flex;
  height: auto;
  width: 100%;
  margin-bottom: 20px;
}
.accountSettings .accountSettingBox .status .status-close:after {
  color: white;
}
.accountSettings .accountSettingBox .status .status-close:focus {
  outline: 2px dotted black;
}
.accountSettings .accountSettingBox .status div {
  padding-right: 10px;
}
.accountSettings .accountSettingBox .status .fa-check-circle {
  margin-right: 10px;
  height: 100%;
}
.accountSettings .accountSettingBox .HeaderText {
  padding: 20px 0px;
}
.accountSettings .accountSettingBox .subgroup {
  width: 450px;
  display: inline-block;
  vertical-align: top;
  padding: 0px 15px;
}
@media only screen and (max-width: 1024px) {
  .accountSettings .accountSettingBox .subgroup {
    width: calc(50% - 17px);
  }
}
@media only screen and (max-width: 620px) {
  .accountSettings .accountSettingBox .subgroup {
    width: 100%;
    padding: 0px;
  }
}
.accountSettings .accountSettingBox .subgroup.TextMessagingContainer .newMsgContainer .errorMsg:before {
  content: '-';
  margin: 0 5px 0 2px;
  white-space: normal;
}
.accountSettings .accountSettingBox .subgroup.TextMessagingContainer .HeaderText {
  padding-bottom: 10px;
  display: inline-block;
}
.accountSettings .accountSettingBox .subgroup.TextMessagingContainer .TextMessagingDescription {
  padding-bottom: 10px;
}
.accountSettings .accountSettingBox .subgroup.TextMessagingContainer .invalidStyle {
  background-color: #D82021;
  color: White;
  border-color: #D82021;
}
.accountSettings .accountSettingBox .subgroup.TextMessagingContainer .reviewEdit {
  display: inline-block;
  padding-left: 20px;
}
.accountSettings .accountSettingBox .subgroup .EditBox {
  padding: 20px;
  border-style: solid;
  border-width: 1px;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging {
  margin-bottom: 20px;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .submitButton {
  width: 200px;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .TurnOffContainer {
  margin-bottom: 20px;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .ProfileFieldName {
  font-size: 100%;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .requiredFieldIndicator {
  color: #D82021;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .ProfileFieldText {
  width: 100%;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .ui-select {
  display: none;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .ui-input-search {
  margin-top: 10px;
  width: 100%;
  position: relative;
  overflow: visible;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .ui-input-search .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;
  position: absolute;
  cursor: default;
  top: 0;
  right: 5px;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .ui-input-search .ui-icon-triangle-1-s:after {
  content: "\f107";
  height: 30px;
  line-height: 30px;
  font-size: 1.4em;
  font-weight: bold;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .ui-input-search .ui-icon-triangle-1-s:after {
  font-family: "FontAwesome";
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .ui-input-search input[type=search] {
  width: 100%;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .mobileCountryField .contactError {
  margin-top: -5px;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .fieldcontain.invalid input[type=text],
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .fieldcontain.invalid input[type=number],
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .fieldcontain.invalid input[type=email],
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .fieldcontain.invalid input[type=search],
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .fieldcontain.invalid textarea {
  border: solid 2px #D82021;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .fieldcontain.invalid input[type=number] {
  width: 300px;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .fieldcontain.invalid .phoneDesc {
  color: #D82021;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .fieldcontain.invalid span.error,
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .fieldcontain.invalid span.contactError {
  margin-top: 0;
  width: 100%;
  max-width: 300px;
  display: block !important;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .fieldcontain.invalid fieldset {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field {
  padding-bottom: 20px;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field:last-child {
  padding-bottom: 0px;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .fieldName {
  font-size: 110%;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia {
  padding: 5px 0px 5px 0px;
  width: 100%;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia button {
  width: 150px;
  display: inline-block;
  text-align: left;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia button .fa {
  font-size: xx-large;
  padding-right: 8px;
  position: relative;
  left: -10px;
  padding-top: 0;
  padding-right: 0;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia button i.fab,
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia button svg {
  font-size: 32px;
  height: 36px;
  width: 32px;
  line-height: 34px;
  text-align: center;
  margin: 0 8px 0 4px;
  display: inline;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia button svg {
  height: 30px;
  width: 26px;
  position: relative;
  margin-right: 10px;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia button svg + span {
  position: relative;
  top: -7px;
  left: 10px;
  margin-right: 10px;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia button i.fab + span {
  position: relative;
  top: -5px;
  margin-right: 10px;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia button span {
  margin: 0 10px 0 0;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .socialMediaOption {
  padding: 10px 5px 10px 5px;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .fieldLink {
  padding-top: 10px;
  display: inline-block;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .fieldButton {
  display: inline-block;
  margin-right: 0px;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .fieldButton .fa {
  padding-top: 8px;
  font-size: x-large;
  padding-left: 1px;
  padding-right: 8px;
}
.accountSettings .SMtooltiptext h1 span {
  font-weight: bold;
}
.accountSettings .SMtooltiptext .DivSpacing {
  margin-bottom: 20px;
}
.accountSettings .SMtooltiptext .info {
  padding: 5px;
}
.accountSettings .SMtooltiptext p {
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  list-style: outside none none;
  padding: 20px 0;
  text-align: left;
}
.accountSettings .SMtooltiptext ul {
  padding-left: 20px;
  padding-bottom: 10px;
}
.updateAccountContainer {
  margin-left: 0px;
}
.updateAccountContainer .listContainer {
  margin: 0;
}
.updateAccountContainer .listContainer ul li {
  margin: 0;
  list-style: none;
}
.updateAccountContainer .errorContainer {
  width: 96%;
}
#updateSecurityQuestion1-menu,
updateSecurityQuestion2-menu,
updateSecurityQuestion3-menu {
  z-index: 10001;
}
.updateAccountDialog.ngdialog-theme-default {
  z-index: 100;
}
.vExpTop {
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.vExpDiv {
  flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
}
.vExpParent {
  flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  display: flex;
  flex-direction: column;
}
.Communication {
  width: 100%;
}
@media only screen and (max-width: 620px) {
  .Communication {
    overflow: hidden;
  }
}
.Communication .backLink {
  margin-left: 30px;
}
@media only screen and (max-width: 480px) {
  .Communication .backLink {
    margin-left: 15px;
  }
}
.Communication .heading {
  margin: 0 0 20px 30px;
  font-weight: bold;
}
@media only screen and (max-width: 620px) {
  .Communication .heading {
    margin: 0 30px 20px 30px;
  }
}
@media only screen and (max-width: 480px) {
  .Communication .heading {
    margin: 0 15px 20px 15px;
  }
}
.Communication .lightAccentBkg {
  border-style: solid;
  border-width: 2px 0 0 0;
}
.Communication .EmptyArchiveText {
  text-align: left;
  float: left;
  padding: 20px 30px;
  margin: auto;
  width: 100%;
}
@media only screen and (max-width: 620px) {
  .Communication .EmptyArchiveText {
    padding: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .Communication .EmptyArchiveText {
    padding: 20px 15px;
  }
}
.Communication .footer {
  padding-top: 20px;
  bottom: 20px;
  display: flex;
  width: 90%;
}
.Communication .footer .primaryButton {
  margin: auto;
}
.Communication .cardList {
  padding: 0 15px;
}
@media only screen and (max-width: 620px) {
  .Communication .cardList {
    padding: 0 5px;
  }
}
@media only screen and (max-width: 480px) {
  .Communication .cardList {
    padding: 0;
  }
}
.Communication .highlightCard::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 1.5em;
  border-right-color: green;
  border-top-color: green;
}
.Communication .highlight {
  position: absolute;
  top: 5px;
  right: 5px;
  color: white;
}
.Communication .highlight .fa-envelope {
  color: white;
}
.Communication .jobCard {
  float: left;
}
.Communication .jobCard .field {
  padding-top: 2px;
}
.Communication .jobCard .fieldLabel {
  padding-top: 10px;
  opacity: 0.8;
}
.Communication .jobCard .field.areq {
  padding-top: 2px;
}
.Communication .jobCard .subject {
  font-size: 130%;
  line-height: 130%;
}
.Communication .jobCard .field.lastField {
  margin-bottom: 40px;
}
.Communication .jobCard .Wraptitle {
  display: inline-block;
  max-width: 95%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.Communication .jobCard .right-triangle {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  clip: rect(0px, 100px, 40px, 0px);
  position: absolute;
  right: 18px;
  top: -38px;
  z-index: 1;
}
.Communication .jobCard .right-triangle-text {
  /* color: white; */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 20px;
  top: 20px;
  display: block;
  height: 40px;
  position: absolute;
  width: 40px;
  z-index: 2;
}
.Communication .jobCard .right-triangle-text .fa-envelope {
  color: white;
  position: absolute;
  left: 20px;
  top: 4px;
  font-size: 16px;
}
.Communication .jobCard .cardFooter .fa {
  margin-right: 10px;
}
.Communication .jobCard .cardFooter div.delete {
  float: right;
}
.Communication .jobCard .notificationTitle {
  display: inline-block;
  max-width: 95%;
  padding-left: 0px;
}
.Communication .jobCard.messagesTab {
  margin: 0 0 10px 0;
  width: 100%;
}
.Communication .jobCard.messagesTab .content {
  padding: 10px;
}
.Communication .jobCard.messagesTab .cardFooter {
  bottom: 0px;
  width: 100%;
}
.Communication .jobCard.messagesTab .cardFooter div.status {
  float: left;
}
.Communication .jobCard.messagesTab .cardFooter div.delete {
  float: right;
}
.CommunicationDetailDialog .ngdialog-content {
  padding-bottom: 0px !important;
}
.CommunicationDetail {
  max-height: 100%;
  overflow-y: auto;
  padding-bottom: 20px;
}
.CommunicationDetail .MsgStatus {
  padding: 10px 20px 10px 20px;
  position: relative;
  background-color: #336FBB;
  color: #FFFFFF;
  display: flex;
  height: auto;
  width: 100%;
  margin-bottom: 20px;
}
.CommunicationDetail .MsgStatus .status-close:after {
  color: white;
}
.CommunicationDetail .MsgStatus .status-close:focus {
  outline: 2px dotted;
}
.CommunicationDetail .MsgStatus div {
  padding-right: 10px;
}
.CommunicationDetail .MsgStatus .fa-check-circle {
  margin-right: 10px;
  height: 100%;
}
.CommunicationDetail .MsgUnread {
  padding: 10px 20px 10px 20px;
  display: inline-block;
}
.CommunicationDetail .subject {
  font-size: 130%;
}
.CommunicationDetail .subject.emptySubject {
  margin-top: -15px;
}
.CommunicationDetail .field {
  padding-top: 2px;
}
.CommunicationDetail .opac {
  opacity: 0.8;
}
.CommunicationDetail .fieldLabel {
  padding-top: 10px;
  opacity: 0.8;
}
.CommunicationDetail .message {
  margin: 20px 0;
  padding: 20px 0;
  border-style: solid none;
}
.CommunicationDetail .footer {
  padding: 20px 0 0 0;
  display: flex;
  width: 90%;
  position: inherit;
}
.CommunicationDetail .footer .delete {
  padding: 0 20px;
  right: 20px;
}
.CommunicationDetail .footer .goLink:focus {
  outline: 2px dotted black;
}
.CommunicationDetail .backLink {
  margin-bottom: 10px;
}
.DeleteCommunication .title {
  font-weight: bold;
  margin-bottom: 20px;
}
.DeleteCommunication .message {
  margin-bottom: 10px;
}
.tsBell {
  width: 30px;
  height: 30px;
  float: right;
  margin-right: 30px;
  position: fixed;
  top: 50px;
  right: 0px;
  z-index: 100001;
}
@media only screen and (max-width: 480px) {
  .tsBell {
    margin-right: 15px;
  }
}
.tsBell .bellIcon {
  display: block;
  line-height: 50px;
  margin-left: 5px;
  margin-top: -12px;
}
.tsBell .bellIcon:hover {
  border: dashed 1px;
}
.tsBell .bellIcon .fa-stack .numberCircle {
  background-color: #C83C0A;
  height: 20px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 20px;
  margin-top: -3px;
  margin-left: 5px;
}
.tsBell .bellIcon .fa-stack .numberCircle .number {
  color: white;
  font-weight: bolder;
  line-height: 20px;
  display: block;
  text-align: center;
}
.ReferralDetailsContainer {
  padding: 0 30px 30px 30px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .ReferralDetailsContainer {
    padding: 10px 30px 30px 30px;
  }
}
@media only screen and (max-width: 480px) {
  .ReferralDetailsContainer {
    padding: 10px 15px 15px 15px;
  }
}
.ReferralDetailsContainer .fieldcontain {
  position: relative;
}
.ReferralDetailsContainer .Notvisible {
  visibility: hidden;
  width: 0px;
  height: 0px;
}
.ReferralDetailsContainer .backLink {
  width: 150px;
}
.ReferralDetailsContainer .subsection.lightAccentBkg {
  padding: 20px;
  margin-bottom: 20px;
}
.ReferralDetailsContainer .subsection {
  width: 600px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 650px) {
  .ReferralDetailsContainer .subsection {
    width: 100%;
  }
}
.ReferralDetailsContainer .subsection .hiddenQB {
  display: none;
}
.ReferralDetailsContainer .subsection .baseColorPalette {
  padding: 10px;
}
.ReferralDetailsContainer .subsection .baseColorPalette .fieldcontain fieldset.gridField {
  margin-bottom: 10px;
}
.ReferralDetailsContainer .subsection .baseColorPalette .fieldcontain .inputWrapper {
  width: 100% !important;
  margin-top: 10px;
  overflow-wrap: break-word;
}
.ReferralDetailsContainer .subsection .baseColorPalette .fieldcontain .inputWrapper .ui-select {
  display: none;
}
.ReferralDetailsContainer .subsection .baseColorPalette .fieldcontain .inputWrapper .gridclickable {
  margin-top: -1px;
}
.ReferralDetailsContainer .subsection .baseColorPalette .fieldcontain .inputWrapper .ui-input-search {
  position: relative;
  overflow: visible;
}
.ReferralDetailsContainer .subsection .baseColorPalette .fieldcontain .inputWrapper .ui-input-search input[type=search] {
  padding-right: 1.75em;
}
@media only screen and (max-width: 407px) {
  .ReferralDetailsContainer .subsection .baseColorPalette .fieldcontain .inputWrapper .ui-input-search {
    width: 100%;
  }
}
.ReferralDetailsContainer .subsection .baseColorPalette .fieldcontain .inputWrapper .ui-input-search .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;
  position: absolute;
  cursor: default;
  top: 0;
  right: 5px;
}
.ReferralDetailsContainer .subsection .baseColorPalette .fieldcontain .inputWrapper .ui-input-search .ui-icon-triangle-1-s:after {
  content: "\f107";
  height: 30px;
  line-height: 30px;
  font-size: 1.4em;
  font-weight: bold;
}
.ReferralDetailsContainer .subsection .baseColorPalette .fieldcontain .inputWrapper .ui-input-search .ui-icon-triangle-1-s:after {
  font-family: "FontAwesome";
}
.ReferralDetailsContainer .subsection .baseColorPalette .fieldcontain .ErrorMessage {
  display: block;
  width: 300px;
  margin-top: 0px;
}
.ReferralDetailsContainer .subsection .baseColorPalette .fieldcontain .ErrorMessage p {
  display: inline-block;
}
@media only screen and (max-width: 407px) {
  .ReferralDetailsContainer .subsection .baseColorPalette .fieldcontain .ErrorMessage {
    width: 100%;
  }
}
.ReferralDetailsContainer .subsection .baseColorPalette ul.selectionList {
  max-width: 300px;
}
.ReferralDetailsContainer .subsection .baseColorPalette ul.selectionList li.selection {
  position: relative;
  line-height: 20px;
  padding: 5px 25px 5px 5px;
  margin-bottom: 5px;
}
.ReferralDetailsContainer .subsection .baseColorPalette ul.selectionList li.selection .remove {
  width: 24px;
  text-align: center;
  position: absolute;
  top: 1px;
  right: 1px;
  padding: 6px;
  margin: 0;
  background-color: transparent;
  border: none;
}
.ReferralDetailsContainer .subsection .baseColorPalette ul.selectionList li.selection .remove:hover {
  border: none;
}
.ReferralDetailsContainer .subsection .baseColorPalette ul.selectionList li.selection .remove:after {
  font-family: 'FontAwesome';
  font-weight: 900;
  font-size: 18px;
  content: "\f00d";
  position: absolute;
  top: -2px;
  right: 5px;
}
.ReferralDetailsContainer .errorContainer {
  margin-bottom: 20px;
}
.ReferralDetailsContainer .errorContainer .invalidFieldsMessage {
  font-weight: 600;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .ReferralDetailsContainer .errorContainer .invalidFieldsMessage {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 407px) {
  .ReferralDetailsContainer .errorContainer {
    width: 100%;
  }
}
.ReferralDetailsContainer .errorContainer .showInvalidListLink {
  display: none;
}
@media only screen and (max-width: 768px) {
  .ReferralDetailsContainer .errorContainer .showInvalidListLink {
    display: inline-block;
  }
}
.ReferralDetailsContainer .FieldName {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  margin-top: 0px;
}
.ReferralDetailsContainer .requiredFieldIndicator,
.ReferralDetailsContainer .RedText {
  color: #D82021;
}
.ReferralDetailsContainer .inputWrapper label.error {
  display: none !important;
}
.ReferralDetailsContainer h1 {
  font-size: 130%;
}
.ReferralDetailsContainer .Divpadding {
  padding-bottom: 20px;
}
.ReferralDetailsContainer .ui-radio,
.ReferralDetailsContainer .ui-checkbox {
  margin: 10px 0;
}
.ReferralDetailsContainer .ui-radio label,
.ReferralDetailsContainer .ui-checkbox label {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  display: inline;
}
.ReferralDetailsContainer input,
.ReferralDetailsContainer select,
.ReferralDetailsContainer .control,
.ReferralDetailsContainer .ui-selectmenu-button,
.ReferralDetailsContainer textarea,
.ReferralDetailsContainer .controlWrapper,
.ReferralDetailsContainer .textAreaWrapper,
.ReferralDetailsContainer .gateway .ui-selectmenu-button {
  width: 300px;
}
@media only screen and (max-width: 407px) {
  .ReferralDetailsContainer input,
  .ReferralDetailsContainer select,
  .ReferralDetailsContainer .control,
  .ReferralDetailsContainer .ui-selectmenu-button,
  .ReferralDetailsContainer textarea,
  .ReferralDetailsContainer .controlWrapper,
  .ReferralDetailsContainer .textAreaWrapper,
  .ReferralDetailsContainer .gateway .ui-selectmenu-button {
    width: 100%;
  }
}
.ReferralDetailsContainer input .controlLiner,
.ReferralDetailsContainer select .controlLiner,
.ReferralDetailsContainer .control .controlLiner,
.ReferralDetailsContainer .ui-selectmenu-button .controlLiner,
.ReferralDetailsContainer textarea .controlLiner,
.ReferralDetailsContainer .controlWrapper .controlLiner,
.ReferralDetailsContainer .textAreaWrapper .controlLiner,
.ReferralDetailsContainer .gateway .ui-selectmenu-button .controlLiner {
  background-color: transparent;
}
.ReferralDetailsContainer .controlWrapper.dateWrapper .controlLiner .control {
  max-width: 9em;
}
.ReferralDetailsContainer .controlWrapper.dateWrapper button {
  position: relative;
  margin-bottom: 10px;
}
@media only screen and (max-width: 407px) {
  .ReferralDetailsContainer .controlWrapper.dateWrapper button {
    margin-top: 10px;
  }
}
.ReferralDetailsContainer input.error,
.ReferralDetailsContainer select.error,
.ReferralDetailsContainer .control.error,
.ReferralDetailsContainer .ui-selectmenu-button.error,
.ReferralDetailsContainer textarea.error,
.ReferralDetailsContainer .controlWrapper.error,
.ReferralDetailsContainer .textAreaWrapper.error,
.ReferralDetailsContainer .themed .ui-selectmenu-button.error {
  border: 2px solid #D82021;
}
.ReferralDetailsContainer input.datestring.haserror {
  border: 2px solid #D82021;
}
.ReferralDetailsContainer .popover.bottom {
  margin-top: 30px;
  margin-left: -53px;
}
@media only screen and (max-width: 768px) {
  .ReferralDetailsContainer .popover.bottom {
    margin-right: 17px;
  }
}
.ReferralDetailsContainer .popover {
  padding: 10px 10px 20px 10px;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.actionMenu.cardMenu {
  float: right;
  position: relative;
}
.actionMenu.cardMenu .dropdown {
  display: none;
}
.actionMenu {
  float: right;
}
.actionMenu .dropdown {
  display: none;
  top: 40px;
  position: absolute;
  z-index: 100;
  box-shadow: 0 1px 3px #aaa;
  float: left;
  right: 0;
}
.actionMenu .dropdown .ui-menu-item {
  white-space: nowrap;
}
.notificationBoxContainer {
  display: none;
  position: absolute;
  right: 0px;
  width: 340px;
  top: 50px;
  z-index: 90;
  overflow-y: auto;
}
@media only screen and (max-width: 480px) {
  .notificationBoxContainer {
    width: 100%;
  }
}
.notificationBoxContainer .notificationBackContainer .Divpadding {
  display: none;
}
@media only screen and (max-width: 480px) {
  .notificationBoxContainer .notificationBackContainer .Divpadding {
    display: block;
    padding-top: 10px;
    margin: 0px 0 20px 0px;
  }
  .notificationBoxContainer .notificationBackContainer .Divpadding .backLink {
    padding-left: 15px;
  }
  .notificationBoxContainer .notificationBackContainer .Divpadding .backLink:before {
    top: 2px;
  }
}
@media only screen and (max-width: 400px) {
  .notificationBoxContainer {
    width: 100%;
  }
}
.notificationBoxContainer .heading {
  font-size: 120%;
  margin: 20px 0 20px 10px;
}
.notificationBoxContainer .NotificationMenu {
  padding-left: 10px;
  width: 100%;
  margin-bottom: 10px;
}
.notificationBoxContainer .NotificationMenu a {
  padding: 10px;
  max-width: 100px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.notificationBoxContainer .NotificationMenu .CurrentTab {
  border-bottom: 2px solid;
}
@media screen and (-moz-images-in-menus: 0) {
  .notificationBoxContainer .NotificationMenu .CurrentTab {
    padding-bottom: 10px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .notificationBoxContainer .NotificationMenu .CurrentTab {
    padding-bottom: 11px;
  }
}
.notificationBoxContainer .NotificationMenu .newCommunication {
  font-size: xx-small;
}
.notificationBoxContainer .subgroup {
  padding: 10px 15px 0 15px;
  border-style: solid;
  border-width: 2px 0 0 0;
  overflow: hidden;
}
.notificationBoxContainer .subgroup .emptyMessage {
  background-color: transparent;
}
.notificationBoxContainer .subgroup .emptyMessage p {
  padding: 10px;
}
.notificationBoxContainer .subgroup .archiveAllLink {
  margin-bottom: 20px;
  float: right;
  background-color: transparent;
}
.notificationBoxContainer .subgroup .archiveAllLink .lightAccentBkg {
  border-width: 0 0 2px;
}
.notificationBoxContainer .subgroup .archiveAllLink .lightAccentBkg:hover {
  border: dashed 1px;
}
.notificationBoxContainer .subgroup .dismissAllLink {
  margin-bottom: 10px;
  float: right;
}
.applicationPreviewPage .jobTitle,
.applicationPreviewPage #ApplyPageHead {
  padding-top: 0px;
}
.RemovalConfirmationContainer,
.WithdrawlConfirmationContainer,
.DuplicateDialogForGeneralJobSubmission {
  z-index: 100;
}
.RemovalConfirmationContainer .title,
.WithdrawlConfirmationContainer .title,
.DuplicateDialogForGeneralJobSubmission .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.RemovalConfirmationContainer .buttonContainer,
.WithdrawlConfirmationContainer .buttonContainer,
.DuplicateDialogForGeneralJobSubmission .buttonContainer {
  margin-top: 15px;
}
.RemovalConfirmationContainer .backLink,
.WithdrawlConfirmationContainer .backLink,
.DuplicateDialogForGeneralJobSubmission .backLink {
  margin-bottom: 10px;
}
.Wraptitle {
  display: inline-block;
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.safariNotification {
  color: #D82021;
  margin: 20px auto;
  padding: 20px;
  width: 450px;
  height: 120px;
  border: 3px dotted #CCCCCC;
  text-align: left;
  overflow: auto;
  white-space: normal;
  -ms-word-break: break-word;
  word-break: break-word;
  line-height: 1.25em;
}
@media only screen and (max-width: 480px) {
  .safariNotification {
    width: 90%;
  }
}
.SMSMessagingCandConsentPopup .title {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}
.mobileCountryContainer {
  width: 100%;
  margin-top: 10px;
}
.mobileCountryContainer .mobileCountryCode {
  border: 1px solid;
  /*margin-right: -5px;
        height: 30px;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        text-align: center;
        vertical-align: middle;
        width: 25%;
        display: inline-block;
        position: absolute;
        left: 0;
        bottom: 0;*/
  width: 23%;
  display: inline-block;
}
.mobileCountryContainer .phoneNumber {
  width: 72% !important;
  display: inline-block;
  vertical-align: top;
}
.SMSVendorSpeficicText {
  border-color: #336FBB !important;
  border: 1px solid;
  margin-bottom: 20px;
  padding: 10px;
  overflow-wrap: break-word;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.applicationAddFiles {
  padding: 20px;
  margin-top: -35px;
}
@media only screen and (max-width: 480px) {
  .applicationAddFiles {
    padding: 20px 5px;
  }
}
.applicationAddFiles .header {
  font-weight: bold;
  padding: 10px 10px 0px 10px;
  margin-top: -10px;
}
.applicationAddFiles ul.message {
  margin-top: -5px;
  padding: 0 10px;
}
.applicationAddFiles .message {
  padding: 10px;
}
.applicationAddFiles .message li {
  list-style: inside disc;
}
.applicationAddFiles .message .instruction {
  margin-top: -5px;
  margin-bottom: 10px;
}
.applicationAddFiles .pendingAttachments .category {
  padding: 10px 10px 20px;
}
.applicationAddFiles .pendingAttachments .category .categoryName {
  margin-bottom: -10px;
}
.applicationAddFiles .pendingAttachments .category .attachment {
  margin-top: 30px;
  margin-right: -5px;
}
.applicationAddFiles .pendingAttachments .category .attachment .file {
  border: solid 1px black;
  background-color: white;
  padding: 10px 10px 5px;
  display: inline;
}
.applicationAddFiles .pendingAttachments .category .attachment .file .Wraptitle {
  display: inline-block;
  max-width: calc(100% - 58px);
  width: auto;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.applicationAddFiles .pendingAttachments .category .attachment .file .fa {
  margin-left: 10px;
}
.applicationAddFiles .primaryButton,
.applicationAddFiles .UnderLineLink {
  margin-top: 10px;
  margin-left: 10px;
}
.NoLoginSessionTimedoutContainer .title {
  font-size: 110%;
}
.actionRequired {
  padding: 5px 10px;
  font-size: 100% !important;
  display: inline-block;
  border-radius: 20px;
  margin-bottom: 10px;
}
.actionRequired.nonActionable {
  padding-left: 0px;
}
.StandAloneGQSucessfullSubmission .title,
.StandAloneGQKnockedOut .title {
  font-weight: bold;
}
#applywithLinkedInContainer {
  display: inline-block;
  width: min-content;
  width: -moz-min-content;
  width: -webkit-min-content;
  width: -ms-min-content;
  margin-right: -1px;
}
.applywithLinkedIn {
  position: relative;
  top: 12px;
  margin-right: 10px;
}
.applywithLinkedIn iframe {
  border-width: 0px;
}
.interviewActionTag {
  line-height: 125%;
  background: lightblue;
  padding: 10px;
  border-color: green;
  display: inline-block;
  border-radius: 30px;
}
.interviewTitle {
  margin-top: 10px;
  font-size: 130%;
}
.interviewDate {
  margin-top: 10px;
}
.interviewLink {
  margin-top: 10px;
}
.highLightStyle {
  border-style: dashed;
}
.dragLabelStyle {
  height: 20px;
  vertical-align: bottom;
  display: inline-block;
  margin-bottom: 20px;
}
.nga-squash-right-add,
.nga-squash-left-add {
  white-space: normal !important;
}
.switch {
  position: relative;
  display: inline-flex;
  flex-flow: wrap-reverse;
  width: 60px;
  height: 28px;
}
.switchlabel {
  margin: 0px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  padding: 0 10px;
  min-height: 40px;
  line-height: 40px;
  margin-right: 10px;
  display: inline-block;
}
@media only screen and (max-width: 480px) {
  input:checked + .slider {
    height: auto;
  }
}
input:checked + .slider.close,
input:checked + .slider.remove {
  background-color: transparent;
  line-height: inherit;
  height: auto;
  margin-right: 0;
  color: inherit !important;
}
input:checked + .sliderui-datepicker-trigger::-moz-focus-inner,
input:checked + .slider.ladda-button::-moz-focus-inner,
input:checked + .slider.primaryButton::-moz-focus-inner,
input:checked + .slider.ToggleButton::-moz-focus-inner {
  outline: none !important;
  border: none !important;
}
input:checked + .slider:focus {
  outline-style: none;
}
input:checked + .slider:focus .ladda-label,
input:checked + .slider:focus .button-label {
  outline-style: dotted;
  outline-width: 2px;
  outline-offset: 2px;
}
input:checked + .slider:focus.ladda-button,
input:checked + .slider:focus.ui-datepicker-trigger {
  outline-style: none;
}
input:checked + .slider:focus.ui-datepicker-trigger:after {
  outline-style: dotted;
  outline-width: 2px;
}
input:checked + .slider .has-focus + span {
  outline-style: dotted;
  outline-width: 2px;
}
input:checked + .slider.SRlayout {
  /*&.primayButton &:focus .fa {
            border-style: solid;
            outline-style: dotted;
            outline-width: 2px;
            outline-offset: 5px;
        }*/
}
input:checked + .slider.SRlayout:focus {
  border: 2px dotted;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.googleAuthenticatorTemplate .HeaderTitles {
  font-size: 130%;
}
.googleAuthenticatorTemplate .appstorelogo {
  margin-right: 25px;
  margin-top: 10px;
  text-align: center;
  width: 45%;
  display: inline-block;
}
.googleAuthenticatorTemplate .googlestorelogo {
  margin-top: 10px;
  display: inline-block;
  text-align: center;
  width: 45%;
}
.googleAuthenticatorTemplate .instructionBlock {
  display: block;
}
.googleAuthenticatorTemplate .Tobevisible {
  opacity: 0;
  display: none;
}
.googleAuthenticatorTemplate .instructionBold {
  font-weight: bold;
  font-size: 14px;
}
.accountSettings .AppDetailBtns .FieldName {
  display: block;
  margin-bottom: 10px;
}
.bBot .tgChatBot {
  float: right;
  right: 5px;
  left: unset;
}
@media only screen and (max-width: 480px) {
  .bBot .tgChatBot {
    right: 0px;
  }
}
.bBot .scrollTopDiv {
  float: left;
  left: 5px;
}
.sideHeaderLine:before,
.sideHeaderLine:after {
  border: 1px solid #000;
}
.jobDetailsLiner .fa-volume-up:before {
  font-size: 25px;
}
.fa-volume-up:before {
  font-size: 15px;
}
.fa-volume-up {
  font-size: 15px;
  /* Adjust the size of the icon */
  cursor: pointer;
  /* Change the cursor to pointer when hovering over the icon */
}
.tgChatBot {
  position: fixed;
  float: left;
  left: 5px;
  bottom: calc(50px + env(safe-area-inset-bottom));
  z-index: 8;
  text-align: center;
  background: transparent;
  border-radius: 15px;
  width: auto;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  /* Media Queries */
  /*    @keyframes slideDown {
        from {
            transform: translateY(-100%);
        }

        to {
            transform: translateY(0%);
        }
    }

    .ChatOptions.slideDown {
        animation: slideDown 0.3s ease-in-out;
    }*/
}
.tgChatBot .componentHeader {
  border-color: #333333;
  background-color: #333333;
  color: #fff;
}
.tgChatBot .componentHeader .rightIcons,
.tgChatBot .componentHeader .leftIcons {
  border-color: #333333;
  background-color: #333333;
  color: #fff;
}
.tgChatBot .chatWindow {
  border: 1px solid;
  border-radius: 25px;
  width: 400px;
  max-width: 100%;
  max-height: 86vh;
  overflow: auto;
  position: fixed;
  bottom: 100px;
  right: 10px;
  bottom: calc(50px + env(safe-area-inset-bottom));
  scrollbar-width: thin;
  margin-top: 3px;
  z-index: 9;
}
@media (max-width: 768px) {
  .tgChatBot .chatWindow {
    width: 100vw;
    height: 100vh;
    bottom: 0;
    right: 0;
    border-radius: 0;
  }
}
@media (max-width: 600px) {
  .tgChatBot .chatWindow {
    width: 100vw;
    height: 100vh;
    bottom: 0;
    right: 0;
    border-radius: 0;
  }
}
.tgChatBot .infoText.anv {
  margin: 0;
  padding: 0;
}
.tgChatBot .chatmessage-container {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.tgChatBot .infoText.anv,
.tgChatBot .messages.anv {
  border-radius: 0px;
  margin: 0;
  padding: 0px 0px 4px 0px;
}
.tgChatBot .infoText p,
.tgChatBot .messages p {
  margin-bottom: 0;
}
.tgChatBot .collapsed-content,
.tgChatBot .expanded-content {
  margin-bottom: 0;
}
.tgChatBot .anv-container {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.tgChatBot .feedback .item span {
  position: relative;
}
.tgChatBot .feedback .item span a {
  display: inline-block;
  font-size: 1.5rem;
  transition: transform 0.3s ease-in-out;
  text-decoration: none;
  position: relative;
}
.tgChatBot .feedback .item span a::before {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 150%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 5px 8px;
  font-size: 0.5rem;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
  z-index: 10;
  pointer-events: none;
}
.tgChatBot .feedback .item span a::after {
  content: '';
  position: absolute;
  bottom: 135%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 10;
}
.tgChatBot .feedback .item span a:hover::before,
.tgChatBot .feedback .item span a:hover::after {
  opacity: 1;
  visibility: visible;
}
.tgChatBot .feedback .item span a:hover::before {
  transform: translateX(-50%) translateY(-10px);
}
.tgChatBot .feedback .item span a:hover {
  transform: scale(2);
}
.tgChatBot .infoText {
  padding: 10px;
  border-radius: 5px;
  margin: 10px 0;
  overflow: hidden;
  transition: height 1s ease-in-out;
}
.tgChatBot .clickable-email,
.tgChatBot .clickable-phone {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
.tgChatBot .infoText p {
  margin: 6px 15px 0px 15px;
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
}
.tgChatBot .infoText a {
  text-decoration: none;
  cursor: pointer;
}
.tgChatBot .infoText .fa-angle-double-down,
.tgChatBot .infoText .fa-angle-double-up {
  margin-left: 5px;
}
.tgChatBot .infoText .fa {
  margin-left: 5px;
  transition: transform 0.3s ease;
  font-size: 20px;
  vertical-align: middle;
}
.tgChatBot .single-line-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.tgChatBot .collapsed-content {
  height: 50px;
  overflow: hidden;
}
.tgChatBot .expanded-content {
  height: auto;
}
.tgChatBot .chatIcon {
  position: fixed;
  right: 5px;
  bottom: calc(50px + env(safe-area-inset-bottom));
  font-size: 26px;
  cursor: pointer;
  z-index: 2;
  text-align: center;
  padding: 10px;
  border: 6px solid;
  border-radius: 50px;
  transition: transform 0.3s ease;
  animation: pulse 1s infinite, rotate 2s linear infinite;
}
.tgChatBot .chatIcon:hover {
  transform: scale(1.1);
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
  }
  100% {
    box-shadow: 0 0 0 25px rgba(0, 0, 0, 0);
  }
}
.tgChatBot .chatHeader {
  display: flex;
  height: auto;
  padding: 5px 10px;
  max-height: 15vh;
}
.tgChatBot .chatHeader .head {
  margin: auto;
  width: 80%;
  text-align: left;
}
.tgChatBot .chatHeader .head h1 {
  font-size: 110%;
  display: block;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.tgChatBot .chatHeader .head h3 {
  font-size: 80%;
  display: block;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.tgChatBot .chatHeader svg {
  float: left;
  height: 70px;
  width: 70px;
  margin: 10px 10px 0 0;
}
.tgChatBot .chatHeader .rightIcons {
  float: right;
  display: inline-block;
  margin: 5px;
}
.tgChatBot .infoText {
  padding: 3px;
  border-radius: 5px;
  margin: 10px 0;
}
.tgChatBot .infoText p {
  margin: 6px 15px 0px 15px;
  font-size: 14px;
  line-height: 1.4;
}
.tgChatBot .infoText a {
  text-decoration: none;
  cursor: pointer;
}
.tgChatBot .infoText .fa-angle-double-down,
.tgChatBot .infoText .fa-angle-double-up {
  margin-left: 5px;
}
.tgChatBot .infoText .fa {
  margin-left: 5px;
  transition: transform 0.3s ease;
  font-size: 20px;
  vertical-align: middle;
}
.tgChatBot .single-line-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.tgChatBot .input-container {
  display: flex;
  align-items: center;
}
.tgChatBot .rightIcons.threeLineIcon .foreground {
  background-color: transparent;
}
.tgChatBot .menu-icon {
  position: relative;
  margin-right: 10px;
}
.tgChatBot .menu-icon .fa-bars {
  font-size: 24px;
  cursor: pointer;
}
.tgChatBot .menu-context {
  position: absolute;
  background-color: #ffffff;
  border: 2px solid darkgreen;
  border-radius: 5px;
  padding: 10px;
  animation: fadeIn 0.3s ease-in-out;
  display: none;
  /* Initially hide menu context */
}
.tgChatBot .chatseaction {
  position: absolute;
  bottom: 55px;
  left: 20px;
  background-color: transparent;
}
@keyframes slideUp {
  from {
    transform: translateY(100%);
    transition: height 0.3s ease;
  }
  to {
    transform: translateY(0%);
  }
}
.tgChatBot .ChatOptions {
  transition: height 0.3s ease-in-out;
  transform: translateY(0%);
}
.tgChatBot .ChatOptions {
  transition: height 0.3s ease;
  transform: translateY(0%);
}
.tgChatBot .ChatOptions.slideUp {
  animation: slideUp 0.3s ease;
}
.tgChatBot .pseudoButton.need_job,
.tgChatBot .pseudoButton.company_info,
.tgChatBot .pseudoButton.site_navigation,
.tgChatBot .pseudoButton.need_reset {
  display: block;
  border: 1px solid;
  margin-bottom: 5px;
  width: calc(100% - 4px);
  padding: 5px 10px;
  box-sizing: border-box;
  margin-bottom: 0px;
}
.tgChatBot .menu-context.near-icon {
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}
.tgChatBot .chat-message-input {
  flex: 1;
  margin-right: 10px;
}
.tgChatBot .chatfooter {
  border-top: 2px solid;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
}
.tgChatBot .chatfooter input,
.tgChatBot .chatfooter a {
  display: inline;
}
.tgChatBot .chatfooter .controlWrapper .labelText {
  display: none;
}
.tgChatBot .chatfooter input,
.tgChatBot .chatfooter .controlWrapper .controlLiner {
  max-width: 80%;
  background: transparent;
  border: 0;
  outline: 0;
}
.tgChatBot .chatfooter input::placeholder {
  font-size: 80%;
}
.tgChatBot .chatfooter input::-webkit-input-placeholder {
  font-size: 80%;
}
.tgChatBot .chatfooter input::-moz-placeholder {
  font-size: 80%;
}
.tgChatBot .chatfooter input:-ms-input-placeholder {
  font-size: 80%;
}
.tgChatBot .chatfooter input:-moz-placeholder {
  font-size: 80%;
}
.tgChatBot .chatfooter a {
  font-size: x-large;
  vertical-align: middle;
}
.tgChatBot .chatfooter #chatbotKeyword,
.tgChatBot .chatfooter #chatbotLocation {
  vertical-align: middle;
}
.tgChatBot .chatfooter #chatbotKeyword .controlWrapper.autocompleteWrapper,
.tgChatBot .chatfooter #chatbotLocation .controlWrapper.autocompleteWrapper {
  width: 100%;
  max-width: 336px;
}
.tgChatBot .chatfooter .selectedTileContainer {
  overflow: auto;
  height: auto;
  max-height: 100px;
  font-size: 70%;
  padding: 0 10px;
  overflow-y: scroll;
}
.tgChatBot .chatfooter .selectedTileContainer .selectedTile {
  border: 1px solid;
  border-radius: 10px;
}
.tgChatBot .chatfooter .selectedTileContainer .close {
  font-size: initial;
}
.tgChatBot .chatfooter .selectedTileContainer::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.tgChatBot .chatfooter .selectedTileContainer::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
.tgChatBot .feedback {
  justify-content: center;
  align-items: center;
}
.tgChatBot .feedback .item {
  justify-content: center;
  align-items: center;
  user-select: none;
}
.tgChatBot .feedback .radio {
  display: none;
}
.tgChatBot .feedback .radio ~ span {
  font-size: 1.5rem;
  filter: grayscale(100);
  cursor: pointer;
  transition: 0.3s;
}
.tgChatBot .feedback .radio:checked ~ span {
  filter: grayscale(0);
  font-size: 2rem;
}
.tgChatBot .drag-drop-area {
  border: 2px dashed #ccc;
  border-radius: 4px;
  padding: 20px;
  text-align: center;
  margin-top: 10px;
}
.tgChatBot .drag-drop-area.drag-over {
  border-color: #000;
  background-color: #f0f0f0;
}
.tgChatBot .Chatbot-select-resume-file .fa-times {
  font-size: 1.5em;
}
.tgChatBot .Chatbot-select-resume-file .darkAccentBkg {
  background-color: transparent;
}
.tgChatBot #chatbot-upload-resume-ui {
  border: 2px dashed #cccccc;
  transition: background-color 0.3s ease, border-color 0.3s ease;
  padding: 20px;
  text-align: center;
}
.tgChatBot .error-message-chatbot {
  color: red;
  margin-top: 10px;
}
.tgChatBot #chatbot-upload-resume-ui.dragging {
  background-color: #f0f0f0;
  border-color: #3f51b5;
}
.tgChatBot #chatbot-upload-resume-ui p {
  margin: 10px 0;
}
.tgChatBot .chatbot-upload-label {
  display: inline-block;
  cursor: pointer;
  margin-top: 10px;
}
.tgChatBot .Resume-upload-input {
  display: none;
}
.tgChatBot .MediaIcon {
  font-size: 24px;
  margin-right: 8px;
}
.tgChatBot .chatbot-button-container {
  margin-top: 20px;
}
.tgChatBot .resume-name {
  margin-top: 0px;
}
.tgChatBot .dragging {
  border: 2px dashed #007bff;
  animation: highlight-animation 10s infinite;
}
@keyframes highlight-animation {
  0% {
    border-color: #007bff;
  }
  50% {
    border-color: #0056b3;
  }
  100% {
    border-color: #007bff;
  }
}
.tgChatBot #chatbot-upload-resume-ui {
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 14px;
}
.tgChatBot .chatbot-msg-frombot-hidden-element {
  display: none !important;
}
.tgChatBot .chatbot-button-container.foreground {
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}
.tgChatBot .resume-container {
  display: flex;
  flex-direction: column;
  /* Change to column for vertical stacking */
}
.tgChatBot .resume-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0px;
}
.tgChatBot .resume-item input[type="radio"] {
  margin-right: 10px;
  flex-shrink: 0;
}
.tgChatBot .Chatbot-select-resume-file p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tgChatBot .Chatbot-select-resume-file .resume-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* Distribute space between text and icon */
  overflow: hidden;
  /* Ensure no overflow */
  white-space: nowrap;
  /* Prevent line breaks */
}
.tgChatBot .Chatbot-select-resume-file p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  /* Ensure there's no margin affecting the layout */
  flex-grow: 1;
  /* Take up remaining space */
}
.tgChatBot .Chatbot-select-resume-file i {
  cursor: pointer;
  /* Add a pointer cursor for better UX */
  margin-left: 10px;
  /* Space between text and icon */
  flex-shrink: 0;
  /* Prevent the icon from shrinking */
}
.tgChatBot .messages {
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 50vh;
  height: 60vh;
  padding-bottom: 20px;
  min-height: 200px;
  font-size: 85%;
}
.tgChatBot .messages::-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}
.tgChatBot .messages::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}
.tgChatBot .input-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  max-height: 15vh;
}
.tgChatBot .input-wrapper {
  flex: 1;
  display: flex;
  align-items: center;
}
.tgChatBot .chat-message-input {
  flex: 1;
  padding: 30px;
  border: 1px solid #ccc;
  border-radius: 40px;
}
.tgChatBot .send-button:hover {
  background-color: #0056b3;
}
.tgChatBot .alert {
  margin-top: 10px;
  background-color: #ffc107;
  padding: 10px;
  border-radius: 5px;
}
.tgChatBot .bottime {
  float: right;
  font-size: x-small;
  opacity: 1;
}
.tgChatBot .fromBot .bottime {
  float: left;
  font-size: x-small;
  margin-right: 10px;
  opacity: 1;
}
.tgChatBot .fromBot,
.tgChatBot .fromJob {
  animation-name: fadeIn;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 50ms;
  position: relative;
  max-width: 70%;
  padding: 7px 10px;
  margin-left: 15px;
  margin-top: 0.6em;
  border-radius: 25px 25px 0 25px;
  float: left;
  clear: both;
  height: auto;
  overflow: visible;
  white-space: normal;
  text-align: left;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  word-spacing: normal;
  font-size: 100%;
  overflow-wrap: break-word;
}
.tgChatBot .fromBot ol,
.tgChatBot .fromBot ul,
.tgChatBot .fromBot li,
.tgChatBot .fromBot i,
.tgChatBot .fromJob ol,
.tgChatBot .fromJob ul,
.tgChatBot .fromJob li,
.tgChatBot .fromJob i {
  list-style: unset;
  margin: 2px 5px;
  font-size: 100%;
}
.tgChatBot .fromBot i,
.tgChatBot .fromJob i {
  font-size: 100%;
}
.tgChatBot .fromJob.scrollView {
  margin-left: 0px;
  max-width: 100%;
  border: 0px;
}
.tgChatBot .fromJob.scrollView .scrollContainer {
  margin: 0 10px 0 10px;
  scroll-behavior: smooth;
}
.tgChatBot .fromJob.scrollView .botprev,
.tgChatBot .fromJob.scrollView .botnext {
  position: absolute;
  top: 40%;
  z-index: 2;
  cursor: pointer;
}
.tgChatBot .fromJob.scrollView .arrow-icon path {
  transition: fill 0.3s ease;
}
.tgChatBot .fromJob.scrollView .botprev:hover .arrow-icon path,
.tgChatBot .fromJob.scrollView .next:hover .arrow-icon path {
  fill: #555;
}
.tgChatBot .fromJob.scrollView .botprev {
  left: -1px;
}
.tgChatBot .fromJob.scrollView .botnext {
  right: -1px;
}
.tgChatBot .fromJob.scrollView .cardList {
  display: flex;
  padding: 0px;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  scroll-behavior: smooth;
  overflow-x: auto;
  transform: translateX(0px);
  transition: all 1s ease;
}
.tgChatBot .fromJob.scrollView .cardList::-webkit-scrollbar {
  display: none;
}
.tgChatBot .fromJob.scrollView .cardList .cards {
  height: 250px;
  max-width: none;
  flex-shrink: 0;
  border-radius: 10px;
  padding: 10px;
  margin-right: 30px;
  margin-left: 17px;
  width: 325px;
  justify-content: space-between;
  flex-direction: column;
  display: flex;
  border: 1px solid;
  border-top: 4px solid;
}
.tgChatBot .fromJob.scrollView .cardList .cards .btnApplyContainer {
  justify-content: flex-end;
  display: flex;
}
.tgChatBot .fromJob.scrollView .cardList .cards.dummyCard {
  top: 10%;
  text-align: center;
  margin-left: 23px;
}
.tgChatBot .fromJob.scrollView .cardList .cards.dummyCard .btnSearchContainer {
  padding-top: 10px;
}
.tgChatBot .fromJob.scrollView .cardList .cards.dummyCard .btnSearchContainer button {
  float: none;
}
.tgChatBot .fromJob.scrollView .cardList .cards.dummyCard .fa {
  position: relative;
}
.tgChatBot .fromJob.scrollView .cardList .cards.dummyCard .fa.one {
  font-size: 62px;
  color: lightgrey;
  left: 20%;
}
.tgChatBot .fromJob.scrollView .cardList .cards.dummyCard .fa.two {
  font-size: 50px;
  left: -50px;
  color: darkgrey;
  top: -2px;
}
.tgChatBot .fromJob.scrollView .cardList .cards.dummyCard .fa.three {
  font-size: 40px;
  left: -35px;
  color: dimgrey;
}
.tgChatBot .fromJob.scrollView .barindication {
  margin-left: 10px;
}
.tgChatBot .fromJob.scrollView .progressContainer {
  align-items: center;
}
.tgChatBot .fromJob.scrollView .barindication {
  margin-left: 10px;
}
.tgChatBot .fromJob.scrollView .barindication {
  margin: 0px 50px 0px 0px;
  float: right;
  right: 0;
  top: 0.1%;
  transform: translateY(-150%);
}
.tgChatBot .fromJob.scrollView .ChatbotprogressBar {
  border-radius: 100px;
  justify-content: flex-start;
  position: relative;
  display: flex;
  height: 5px;
  width: 40%;
  align-items: center;
  margin: 20px auto;
  flex-grow: 1;
}
.tgChatBot .fromJob.scrollView .current-job,
.tgChatBot .fromJob.scrollView .separator,
.tgChatBot .fromJob.scrollView .total-jobs {
  vertical-align: middle;
  margin: 0 2px;
  color: #000000;
}
.tgChatBot .fromJob.scrollView .meter {
  animation: load 3s normal forwards;
  box-shadow: 0 10px 40px -10px inherit;
  border-radius: 100px;
  height: 5px;
  width: 30%;
  display: flex;
  justify-content: center;
  padding-left: calc(50% - 15px);
}
@keyframes load {
  0% {
    width: 0;
  }
}
.tgChatBot .fromHtml.fromBot {
  width: 75%;
}
.tgChatBot .fromSystem {
  animation-name: fadeIn;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 50ms;
  position: relative;
  max-width: 100%;
  padding: 5px 10px;
  margin: 5px 2px;
  clear: both;
  border: 0px;
}
.tgChatBot .fromSystem .sideHeaderLine {
  overflow: hidden;
  text-align: center;
}
.tgChatBot .fromSystem .sideHeaderLine:before,
.tgChatBot .fromSystem .sideHeaderLine:after {
  border-left: 0;
  border-right: 0;
  content: "";
  display: inline-block;
  height: 5px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}
.tgChatBot .fromSystem .sideHeaderLine:before {
  right: 0.5em;
  margin-left: -50%;
}
.tgChatBot .fromSystem .sideHeaderLine:after {
  left: 0.5em;
  margin-right: -50%;
}
.tgChatBot .fromHtml {
  animation-name: fadeIn;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 50ms;
  position: relative;
  max-width: 100%;
  padding: 5px 10px;
  margin: 5px 2px;
  clear: both;
  border: 0px;
}
.tgChatBot button {
  padding: 5px 10px;
  line-height: 20px;
  margin: 0 5px 5px 0;
  display: inline-block;
  border-radius: 5px;
  border: 2px solid;
}
.tgChatBot button.linkColor {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid;
  border-color: transparent;
  border-radius: 0;
  margin: 0 20px 0 10px;
  line-height: 40px;
}
.tgChatBot button.linkColor:hover {
  display: inline;
  border-color: inherit;
  margin-bottom: -1px;
}
.tgChatBot .pseudoButton {
  display: flex;
  align-items: center;
  padding: 10px;
  border: none;
  cursor: pointer;
  width: 100%;
  text-align: left;
  margin-bottom: 0;
  font-size: 14px;
}
.tgChatBot .fromUser {
  animation-name: fadeIn;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 50ms;
  position: relative;
  max-width: 75%;
  padding: 10px;
  margin: 1.3em 1em;
  border-radius: 25px 25px 25px 0;
  float: right;
  clear: both;
  height: auto;
  overflow: visible;
  white-space: normal;
  word-wrap: break-word;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.tgChatBot .homeContent {
  margin: 0 auto;
  width: 95%;
}
.cookieConsent-wrapper {
  display: flex;
}
.cookieConsent-wrapper .cookieConsent-menu {
  width: 200px;
  float: left;
}
.cookieConsent-wrapper .cookieConsent-menu ul {
  padding: 0;
  margin: 0;
}
.cookieConsent-wrapper .cookieConsent-menu li {
  padding: 7px;
  border-bottom: 1px solid #ccc;
  height: 55px;
  width: 210px;
}
.cookieConsent-wrapper .cookieConsent-content {
  height: 250px;
  padding: 20px;
  overflow: auto;
  float: left;
}
.cookieConsent-wrapper .cookieConsent-content-list {
  line-height: 1.6;
  float: right;
  padding: 20px;
}
.cookieConsent-wrapper .cookieConsent-content .content-item {
  display: none;
}
.cookieConsent-wrapper .cookieConsent-content .content-item:first-child {
  display: block;
}
.cookieConsent-wrapper .cookieConsent-content .content-item h3 {
  margin-top: 0;
  font-size: 18px;
}
.cookieConsent-wrapper .cookieConsent-content .content-item p {
  font-size: 14px;
  line-height: 1.5;
}
.cookieConsent-wrapper .cookie-consent-banner__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 32px 0;
}
.cookieConsent-wrapper .cookie-consent-banner__copy {
  margin-bottom: 16px;
}
.cookieConsent-wrapper .cookie-consent-banner__header {
  margin-bottom: 8px;
  font-weight: normal;
  line-height: 24px;
}
.cookieConsent-wrapper .cookie-consent-banner__description {
  font-weight: normal;
  margin-top: 1%;
  padding-left: 50px;
}
.cookieConsent-wrapper .cookie-consent-banner__cta {
  margin-top: 1%;
  box-sizing: border-box;
  display: inline-block;
  min-width: 60px;
  padding: 11px 13px;
  border-radius: 2px;
  text-decoration: none;
  text-align: center;
  font-weight: normal;
}
@media (max-height: 400px) {
  .cookieConsent-wrapper .cookie-consent-banner .cookieConsentNote p {
    max-height: 120px;
    overflow-y: auto;
  }
}
@media (min-resolution: 500dpi) {
  .cookieConsent-wrapper .cookieConsent-wrapper .cookie-consent-banner {
    height: 70%;
  }
}
@media (max-width: 750px) {
  .cookieConsent-wrapper .cookie-consent-banner .cookieConsentNote p {
    max-height: 120px;
    overflow-y: auto;
  }
}
@media (max-height: 180px) {
  .cookieConsent-wrapper .cookieConsent-menu {
    width: 120px;
    /*for the Device compatablity on zoom abouve 300*/
    float: left;
  }
  .cookieConsent-wrapper .cookieConsent-menu ul {
    padding: 0;
    margin: 0;
  }
  .cookieConsent-wrapper .cookie-consent-banner .cookieConsentNote p {
    max-height: 60px;
    overflow-y: auto;
  }
  .cookieConsent-wrapper .cookieConsent-menu li {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    height: 90px;
    width: 110px;
  }
}
.cookieConsent-wrapper .foreground .detailButton .ladda-label {
  color: black;
}
.cookieConsent-wrapper .cookieConsentNote {
  height: auto;
  display: inline-block;
}
.cookieConsent-wrapper .cookieConsentNote p {
  margin: 0;
  padding: 0;
  min-height: 40px;
  height: auto;
}
.cookieConsent-wrapper .cookieConsentNote p a {
  text-decoration: underline;
}
.cookieConsent-wrapper .cookieConsentNote .button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  float: right;
  margin: 2px;
}
.cookieConsent-wrapper .listConsent {
  margin-top: 10px;
  list-style-type: none;
  padding: 0;
}
.cookieConsent-wrapper .description {
  margin-top: 5px;
  /* Adjust the margin as desired */
}
.cookieConsent-wrapper h3 {
  font-weight: bold;
}
.cookieConsent-wrapper .listConsent li {
  margin-bottom: 15px;
  /* Adjust the margin as desired */
  border-bottom: 1px solid #ccc;
  /* Adjust the border styles as desired */
  padding-bottom: 10px;
  /* Adjust the padding as desired */
}
.cookieConsent-wrapper .cookie-name {
  font-weight: bold;
}
.cookieConsent-wrapper .iconRight {
  float: right;
}
.cookieConsent-wrapper .tableConsent {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
}
.cookieConsent-wrapper .tableConsent th,
.cookieConsent-wrapper .tableConsent td {
  border: 1px solid #ccc;
  padding: 8px;
}
.cookieConsent-wrapper .tableConsent td:first-child {
  width: 8%;
}
.cookieConsent-wrapper .tableConsent thead th {
  background-color: #696060;
  color: #f8f1f1;
  font: bold;
}
.cookieConsent-wrapper .cookie-consent-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 12000;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  /*background-color: #203240;*/
}
.cookieConsent-wrapper .pc-title-container {
  padding: 15px;
  border-bottom: 1px solid;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cookieConsent-wrapper .pc-title-container h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}
.cookieConsent-wrapper .pc-title-container .close-icon {
  background-color: transparent;
  border: none;
  font-size: 20px;
  cursor: pointer;
}
.cookieConsent-wrapper .table-container {
  max-height: 100%;
  overflow: auto;
}
.cookieConsent-wrapper .cookieConsentNote {
  display: flex;
  flex-direction: row;
  /* Arrange elements horizontally */
  flex-wrap: wrap;
  /* Allow wrapping */
}
.cookieConsent-wrapper .cookieConsentNote p {
  max-height: calc(3 * 1.3em);
  /* Assuming line-height is 1.2em */
  overflow-y: auto;
  padding: 4px 10px;
  margin-top: 5px;
  /* Add padding above the paragraph */
  margin-bottom: 10px;
  /* Add space between the paragraph and buttons */
  flex: 1;
  /* Allow the paragraph to take up available space */
}
.cookieConsent-wrapper .button-container {
  display: flex;
  justify-content: flex-end;
  /* Align buttons to the end */
  margin-top: 20px;
  /* Adjust margin as needed */
  padding: 4px 10px;
}
.cookieConsent-wrapper .row.blurred {
  filter: blur(5px);
}
.button-container button {
  margin-top: 7px;
}
.cookiedialog.ngdialog.ngdialog-theme-default .ngdialog-content {
  top: auto;
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}
.cookieConsentNote {
  max-height: 80px;
  overflow-y: auto;
}
.cookieConsent-wrapper {
  max-height: 400px;
}
li.baseColorPalette a.category-link {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
}
.testimonial {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px 50px 0px 10px;
  border-radius: 10px;
}
.HtmlContent {
  width: 100%;
}
.HtmlText {
  height: 400px;
  width: 1600px;
  border-radius: 10px;
  border: 1px solid;
  overflow: auto;
  padding: 0px 40px;
}
.CarouselVideo iframe,
.CarouselImage img {
  border-radius: 10px;
  width: 1600px;
  height: 400px;
}
.navigation {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-550%);
  padding-right: 40px;
}
/* Slideshow container */
.slideshow-container {
  width: 100%;
  height: 400px;
  position: relative;
  margin: 20px;
}
.mySlides {
  display: none;
}
.prev-arrow,
.next-arrow {
  font-size: 50px;
  cursor: pointer;
  color: purple;
  padding: 10px;
  border-radius: 50%;
  margin: 0px 15px 0px 10px;
  width: auto;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  position: relative;
}
.dots {
  display: flex;
  justify-content: center;
  margin: 10px 0px;
}
/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active,
.dot:hover {
  background-color: #717171;
}
.active-dot {
  background-color: #4CAF50;
}
@media only screen and (max-width: 768px) {
  .testimonial-carousel {
    flex-direction: column;
    align-items: center;
  }
  .prev-arrow,
  .next-arrow {
    font-size: 30px;
    color: purple;
    margin: 0px;
  }
}
@media only screen and (max-width: 480px) {
  .testimonial-carousel {
    padding: 5px;
  }
  .prev-arrow,
  .next-arrow {
    font-size: 18px;
    color: purple;
  }
  .prev-arrow:hover,
  .next-arrow:hover {
    background-color: ghostwhite;
  }
}
@media only screen and (min-width: 700px) and (max-width: 1600px) {
  .CarouselVideo iframe,
  .CarouselImage img {
    border-radius: 10px;
    max-width: 100%;
    height: 400px;
  }
  .HtmlText {
    height: 400px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid;
    overflow: auto;
    padding: 0px 40px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 700px) {
  .CarouselVideo iframe,
  .CarouselImage img {
    border-radius: 10px;
    width: 500px;
    height: 400px;
  }
  .HtmlText {
    height: 400px;
    width: 500px;
    border-radius: 10px;
    border: 1px solid;
    overflow: auto;
    padding: 0px 40px;
  }
}
@media only screen and (min-width: 300px) and (max-width: 600px) {
  .CarouselVideo iframe,
  .CarouselImage img {
    border-radius: 10px;
    width: 100%;
    height: 400px;
  }
  .HtmlText {
    height: 400px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid;
    overflow: auto;
    padding: 0px 40px;
  }
}
@media only screen and (max-width: 300px) {
  .CarouselVideo iframe,
  .CarouselImage img {
    border-radius: 10px;
    width: 200px;
    height: 80px;
  }
  .HtmlText {
    height: 80px;
    width: 200px;
    border-radius: 10px;
    border: 1px solid;
    overflow: auto;
    padding: 0px 40px;
  }
  .navigation {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-150%);
  }
}
@media only screen and (min-width: 2000px) {
  .CarouselVideo iframe,
  .CarouselImage img {
    border-radius: 10px;
    width: 100%;
    height: 400px;
  }
  .HtmlText {
    height: 400px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid;
    overflow: auto;
    padding: 0px 40px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 2000px) {
  .CarouselVideo iframe,
  .CarouselImage img {
    border-radius: 10px;
    width: 100%;
    height: 400px;
  }
  .HtmlText {
    height: 400px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid;
    overflow: auto;
    padding: 0px 40px;
  }
}
.Dfirst_level_menu > .DropdownLabel:hover,
.Dsecond_level_menu > .DropdownLabel:hover {
  border-color: inherit;
  text-decoration: underline;
}
.CustomDropDown {
  position: relative;
  display: inline-block;
  line-height: 10px;
  text-decoration: none;
  cursor: default;
}
.RightArrow {
  transform: rotate(-90deg);
  float: right;
}
.Dfirst_level_menu {
  position: absolute;
  width: 210px;
  z-index: 100;
  box-shadow: 0 3px 3px 1px #aaa;
  border-radius: 5px;
  margin-top: 10px;
}
.Dfirst_level_menu > .DropdownLabel,
.Dsecond_level_menu > .DropdownLabel {
  word-wrap: break-word;
  line-height: normal;
  position: relative;
  height: 50px;
  padding: 10px;
}
.Dsecond_level_menu {
  position: absolute;
  top: 0;
  right: -210px;
  width: 210px;
  display: none;
  box-shadow: 0 3px 3px 1px #aaa;
  border-radius: 5px;
  z-index: 110;
}
.Dfirst_level_menu .DropdownLabel span {
  width: 165px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
}
.Dsecond_level_menu .DropdownLabel span {
  width: 165px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.CFooterLinks {
  padding: 10px;
}
.HRCatgryDetails .Divpadding .HRStatusNotReachedLabel {
  font-weight: bold;
  font-size: 110%;
}
.alignmentButtons {
  display: flex;
  flex-direction: column;
}
.brandingLayoutBtn {
  padding: 5px;
  margin-right: 5px;
}
.brandingLayoutDialog.ngdialog.draggable {
  margin: 0 auto;
  max-width: 900px;
  min-height: 500px;
  background-color: transparent;
}
.ngdialog.ngdialog-theme-default.advanced-branding-dialog.draggable > .ngdialog-content.ui-draggable {
  min-width: 400px;
  min-height: 420px;
}
.brandingLayoutDialog.ngdialog.draggable .ngdialog-content.ui-draggable {
  width: 850px;
}
#advancedCSSTextarea {
  max-width: 100%;
  width: 100%;
  color: #333333 !important;
  border-color: #333333;
}
div.card {
  display: inline-block;
}
.card {
  display: inline-block;
  position: relative;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin: 10px;
  width: 30%;
  border-radius: 10px;
  transition: height 0.6s, box-shadow 0.3s;
}
.cardImage {
  width: 100%;
  height: 100%;
}
.basicThemes,
.advancedThemes {
  margin-left: 40px;
}
.cardLarge {
  display: none;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  margin: 10px;
  width: 30%;
  border-radius: 10px;
}
.card:hover .cardLarge {
  display: inline-block;
  width: 350px;
  position: absolute;
  top: -40%;
  left: -40%;
  cursor: pointer;
  z-index: 100;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
  -webkit-transition: z-index 0s 0s, -webkit-transform 0.4s 0s;
  transition: z-index 0s 0s, -webkit-transform 0.4s 0s;
  -o-transition: transform 0.4s 0s, z-index 0s 0s;
  transition: transform 0.4s 0s, z-index 0s 0s;
  transition: transform 0.4s 0s, z-index 0s 0s, -webkit-transform 0.4s 0s;
}
.cardDetails {
  font-size: 70%;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  padding: 0 10px;
  height: 50px;
  backdrop-filter: blur(2px);
  border-radius: 0 0 10px 10px;
  line-height: 15px;
  font-style: italic;
}
.themeWarning {
  color: red;
  font-size: 16px;
}
.brandingLayoutDialog img {
  border-radius: 10px;
}
.advanced-branding-dialog .buttonContainer {
  text-align: center;
}
.advancedCSSModal .dialogDesc {
  margin-top: 20px;
}
#gateway.themed .splash.carouselPresent .center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, 220%);
  display: block;
  position: relative;
}
#gateway.themed [ng-cloak].splash.seen.carouselPresent,
#gateway.themed .splash.seen.carouselPresent {
  height: 220%;
}
.loginWidget .captchaContainer,
.ForgotUsernamePass .captchaContainer {
  display: flex;
  margin-bottom: 10px;
}
.loginBox .captchaContainer {
  display: flex;
  width: 100%;
  max-width: 300px;
  margin: 10px 0;
}
.loginBox .captchaContainer a {
  height: 20px;
}
#captchaInputText,
#CaptchaInputText,
#captchaInputTextMobile {
  text-transform: uppercase;
}
::-webkit-input-placeholder {
  text-transform: initial;
}
:-moz-placeholder {
  text-transform: initial;
}
::-moz-placeholder {
  text-transform: initial;
}
:-ms-input-placeholder {
  text-transform: initial;
}
.HtmlText h1 {
  font-size: 2em;
  font-weight: bold;
  margin: 0.67em 0;
}
.HtmlText h2 {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.83em 0;
}
.HtmlText h3 {
  font-size: 1.17em;
  font-weight: bold;
  margin: 1em 0;
}
.HtmlText h4 {
  font-size: 1em;
  font-weight: bold;
  margin: 1.33em 0;
}
.HtmlText h5 {
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
}
.HtmlText h6 {
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
}
.HtmlText p {
  font-size: 1em;
  margin: 1em 0;
  line-height: 1.5;
}
.HtmlText a {
  text-decoration: underline;
}
.HtmlText ul,
.HtmlText ol {
  margin: 1em 0;
  padding-left: 2em;
}
.HtmlText li {
  margin: 0.5em 0;
}
.HtmlText input {
  font-size: 1em;
}
.jobDetailTextArea h1 {
  font-size: 2em;
  font-weight: bold;
  margin: 0.67em 0;
}
.jobDetailTextArea h2 {
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.83em 0;
}
.jobDetailTextArea h3 {
  font-size: 1.17em;
  font-weight: bold;
  margin: 1em 0;
}
.jobDetailTextArea h4 {
  font-size: 1em;
  font-weight: bold;
  margin: 1.33em 0;
}
.jobDetailTextArea h5 {
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
}
.jobDetailTextArea h6 {
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
}
.jobDetailTextArea p {
  font-size: 1em;
  margin: 1em 0;
  line-height: 1.5;
}
.jobDetailTextArea a {
  text-decoration: underline;
}
.jobDetailTextArea ul,
.jobDetailTextArea ol {
  margin: 1em 0;
  padding-left: 2em;
}
.jobDetailTextArea li {
  margin: 0.5em 0;
}
.jobDetailTextArea input {
  font-size: 1em;
}
.jobDetailTextArea ol ul li {
  list-style-type: circle;
}
.loginWidget .captchaImage,
.loginBox .captchaImage {
  width: 70% !important;
  height: 40px !important;
}
.ForgotUsernamePass .captchaImage {
    width: 200px !important;
    height: 40px !important;
}
.loginWidget .captchaControls,
.loginBox .captchaControls,
.ForgotUsernamePass .captchaControls {
  display: inline-flex;
  flex-direction: column;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 2px;
}
.audioControls,
.loginWidget .audioControls {
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
}
.audioControls a,
.loginWidget .audioControls a {
  border: 1px solid black;
  padding: 0px 5px;
  display: flex;
  align-items: center;
  height: 20px;
}
.audioControls a i,
.loginWidget .audioControls a i {
  font-size: 60%;
}
@media only screen and (max-width: 768px) {
  .applyFlow .newMsgContainer .msgContainer .showInvalidListLink {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .applyFlow .newMsgContainer .msgContainer ul.invalidFieldsList {
    display: block;
  }
}
.Resumeformatchbuttoninsearch {
  border: none !important;
  padding: 0px 2px 2px 2px;
  min-height: 0px;
  line-height: 0px;
  margin-right: 0px;
  display: inline-block;
}
/* Reset margins and paddings between elements */
.sectionHeading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  /* A small gap between elements */
}
.sectionHeading h2,
.Serachresume,
.Resumeformatchbuttoninsearch,
.clearResumejobs {
  margin: 0;
  padding: 0px 4px 4px 0px !important;
  display: inline-block;
  white-space: nowrap;
}
/* Default position for .clearResumejobs */
.clearResumejobs {
  position: relative;
  margin-left: 10px;
  /* Small space from dropdown */
  white-space: nowrap;
  color: purple;
}
/* When screen width or zoom reduces space, move to new line */
@media (max-width: 1200px) {
  .clearResumejobs {
    display: block;
    /* Places on a new line */
    margin-top: 5px;
    /* Adds spacing from dropdown */
    text-align: left;
    /* Align left within its container */
  }
}
/* Ensure it doesn’t overlap with .searchResultLayout buttons */
.sectionHeading {
  display: flex;
  flex-wrap: wrap;
  /* Allows elements to wrap to the next line */
}
.Serachresume {
  margin-right: 10px;
  /* Space between dropdown and clear link */
}
/* Match resume button adjustments */
.Resumeformatchbuttoninsearch {
  margin-left: 5px;
  /* Tiny space between button and text */
  border: none;
  background: none;
  padding: 0;
  line-height: 1;
}
.clearResumejobs {
  margin-left: 5px;
  white-space: nowrap;
}
/* Remove extra spacing or gaps within child elements */
.sectionHeading * {
  margin: 0;
  padding: 0px;
}
/*.sectionHeading {
    display: flex;
    align-items: center;
    justify-content: flex-start; 
}

.sectionHeading h2 {
    margin-right: 5px;
}

.resumemacthjobdetails {
    display: flex;
    align-items: center; 
}*/
.Resumeformatchbuttoninsearch {
  color: none;
  background-color: transparent !important;
}
.whatjobsami {
  float: left;
  margin-right: 15px;
  /* Adjust spacing as needed */
}
.searchBoxWrapper.wideSearchbox .searchBoxContainer .searchControls .powerSearchLink {
  display: flex;
  flex-direction: column;
  align-items: center;
  float: left;
  clear: none;
  padding-right: 0;
  text-align: left;
  padding-top: 20px;
  margin-left: 20px;
  gap: 10px;
}
.sidebarVisible .searchBoxWrapper.wideSearchbox .searchBoxContainer .searchControls .controlWrapper {
  margin: 0 auto 10px;
  width: 38%;
  display: block;
  min-width: 0;
  padding: 0 10px;
}
.newSearchResult {
  display: flex;
  padding: 20px;
}
.newSearchResult div.mainListContainer.listContainer .sectionHeading {
  padding: 20px 20px;
}
.newSearchResult .listContainer {
  max-width: 100%;
  margin-bottom: 0px;
}
.newSearchResult div.mainListContainer.listContainer ul.jobList {
  padding: 5px;
}
.searchBoxWrapper.wideSearchbox .searchBoxContainer .searchControls .powerSearchLink {
  float: left;
  clear: none;
  padding-right: 0;
  text-align: none;
  padding-top: 20px;
  margin-left: 20px;
}
.newSearchResult #mainJobListContainer.mainListContainer.listContainer ul.jobList li.job {
  padding: 20px;
  margin: 3px 0px;
  border: 1px solid #ced3d9;
}
.newSearchResult .refineSearchContainer {
  display: flex;
  border-bottom: 1px solid #ced3d9;
  padding-bottom: 20px;
}
.newSearchResult div.mainListContainer.listContainer .refineSearchContainer .sort,
.newSearchResult div.mainListContainer.listContainer .refineSearchContainer .refinesearch {
  margin: 0px 20px 0;
}
.newSearchResult div.mainListContainer.listContainer .refineSearchContainer .sort label {
  height: 30px;
  line-height: 30px;
  float: left;
  margin-right: 10px;
  margin-top: 0;
}
.newSearchResult div#mainJobListContainer.mainListContainer.listContainer.cardLayout ul.jobList li.job + .no-items {
  display: none;
}
#mainJobDetailsContainer .jobDetailsFooter .buttonsFooterAccent {
  padding: 10px 0 0 0;
}
#mainJobDetailsContainer .socialMediaContainer button,
#mainJobDetailsContainer .socialShareContainer button {
  min-height: 20px;
  line-height: 20px;
}
.newSearchResult #mainJobListContainer {
  position: relative;
  width: 100%;
}
.newSearchResult #mainJobListContainer.mainListContainer.listContainer.cardLayout ul.jobList li.job {
  padding: 41px 15px 15px 15px;
  margin: 10px;
  width: 30%;
  display: inline-flex;
}
#mainJobDetailsContainer {
  position: relative;
  display: none;
  width: 0;
  margin-left: 20px;
  padding: 0px 20px;
}
#mainJobDetailsContainer .socialShareContainer .shareDialog .shareContent {
  z-index: 5;
}
#mainJobDetailsContainer .mainJobDetailsStickyContainer {
  position: sticky !important;
  top: 0;
}
#mainJobDetailsContainer .mainJobDetailsStickyContainer div.questionClass {
  margin-top: 0px;
}
#mainJobDetailsContainer .socialShareContainer {
  display: flex;
}
#mainJobDetailsContainer .socialMediaContainer {
  display: block;
}
.topJobDetailContainer {
  border-bottom: 1px solid black;
  padding: 10px;
}
.bottomJobDetailContainer {
  overflow-y: scroll;
  height: 65vh;
  padding: 10px;
}
.sidebarVisible #wideSearchbox.searchBoxWrapper .searchBoxContainer .searchControls button {
  margin: 3px auto 0 10px;
}
#clearResumeJobsBtn {
  margin-right: 20px;
  /* Adds space to the right of the first button */
}
#resumematchjobsinsearch {
  margin-top: 23px;
}
.closeBtn {
  position: absolute;
  top: 5px;
  right: -10px;
  height: 30px;
  width: 30px;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 26px;
  text-align: center;
}
.enablehoverzoom .newSearchResult #mainJobListContainer [key-focus='cards']:not(.mainDetails):hover {
  transform: none;
  outline: none;
  outline-offset: 0px;
}
.newSearchResult #mainJobListContainer.mainListContainer.listContainer.cardLayout ul.jobList.jobDetailsVisible li.job {
  width: 45%;
}
.selectJobDetailsBtn {
  cursor: pointer;
  min-width: auto;
  left: -9999px;
  padding: 5px 20px;
  position: absolute;
  min-height: 20px;
  line-height: 20px;
  text-decoration: underline;
}
.selectJobDetailsBtn:focus {
  position: static;
}
.ExpiredJobTitle,
.DupApplyJobTitleandExpire {
  font-weight: bold;
  display: block;
}
.cookieConsent-wrapper .cookieConsent-content-list {
  height: 330px;
  overflow-y: auto;
  scroll-behavior: smooth;
}