@import url('ngDialog-theme-default.min.css');
.Margintop20 {
  margin-top: 20px;
  display: block;
}
.Marginbottom20 {
  margin-bottom: 20px;
  display: block;
}
.Margintop10 {
  margin-top: 10px;
  display: block;
}
.Marginbottom10 {
  margin-bottom: 10px;
  display: block;
}
.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;
}
.BkgError {
  background-color: #D82021;
}
.BorderWarning {
  border: 2px solid #FE6100;
}
.BkgWarning {
  background-color: #FE6100;
}
.BorderSuccess {
  border: 2px solid #336FBB;
}
.BkgSuccess {
  background-color: #336FBB;
}
.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 {
  padding: 4px 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 {
  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;
}
.newMsgContainer .iconContainer .fa {
  color: white;
  position: relative;
  right: -3px;
  font-size: 20px;
}
.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 {
  outline: none !important;
  padding: 5px;
  position: relative;
  top: 3px;
}
/*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);
    }
}*/
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;
}
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;
}
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;
}
.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;
}
collapse {
  display: block;
}
em {
  font-style: italic;
}
.disabled,
:disabled {
  background-color: #AEAEAE !important;
  cursor: default !important;
  color: inherit !important;
}
.disabled span,
:disabled span {
  color: inherit !important;
}
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 {
  font-family: "FontAwesome";
}
.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;
}
.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: .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 {
  background-color: Black;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  /*filter: ~"alpha(opacity = @{opacityPercentage})";*/
  /* causes run time error */
}
#gateway.negativeColorScheme input,
#gateway.negativeColorScheme .pseudoradio:after,
#gateway.negativeColorScheme .pseudocheckbox:after,
#gateway.negativeColorScheme .ui-selectmenu-text {
  color: #333333;
}
#gateway.negativeColorScheme .clearButton,
#gateway.negativeColorScheme .ui-icon-triangle-1-s {
  color: #336FBB;
}
#gateway.iconNegativeColorScheme .clearButton,
#gateway.iconNegativeColorScheme .ui-icon-triangle-1-s {
  color: #336FBB;
}
.pseudocheckbox,
.pseudocheckbox:after,
.pseudoradio,
.pseudoradio:after,
.pseudoradio:before,
input[styled-input][type=checkbox],
input[styled-input][type=radio] {
  display: block;
  float: left;
  height: 20px;
  width: 20px;
}
input[styled-input][type=checkbox],
input[styled-input][type=radio] {
  position: absolute;
  margin: 0;
  z-index: 1;
  opacity: .0001;
}
input[styled-input][type=checkbox],
input[styled-input][type=radio] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.01)";
}
.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;
}
.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: "\f190";
  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;
}
body.ngdialog-open {
  overflow: auto;
  padding-right: 0 !important;
}
.gateway .ngdialog {
  overflow: hidden;
}
.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;
}
/*.dialogIFrameBody .encompassingDiv {
    padding-top: 10px;
}*/
.dialog-close {
  position: absolute;
  top: 5px;
  right: 3px;
  cursor: pointer;
  height: 30px;
  width: 30px;
}
.dialog-close:before {
  content: '';
}
.dialog-close:after {
  height: 30px;
  width: 30px;
  font-size: 26px;
  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 {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /*filter: ~"alpha(opacity = @{opacityPercentage})";*/
  /* causes run time error */
  background-color: transparent;
  position: absolute;
  z-index: 0;
  border-color: transparent;
}
.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: 2px 3px 2px 6px;
  margin: 4px 12px 4px 0;
  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';
}
.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 {
  max-width: 1100px;
  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 20px;
}
#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: 50px;
  position: relative;
  padding-left: 15px;
}
@media only screen and (max-width: 480px) {
  .pageHeader .threeLineIcon,
  .pageHeader .revealSearchLink {
    padding-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .pageHeader .threeLineIcon,
  .pageHeader .revealSearchLink {
    display: block;
  }
}
.pageHeader .primaryHeaderLogoWrapperLink {
  float: none;
  display: block;
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  .pageHeader .primaryHeaderLogoWrapperLink {
    display: inline-block;
    float: none;
    margin-right: 0;
  }
}
.pageHeader .primaryHeaderLogoWrapperLink img {
  display: block;
  height: 36px;
  margin: 7px auto;
}
.pageHeader .primaryHeaderLogoWrapperLink .configHidden {
  display: block;
  height: 50px;
  width: 50px;
  margin: auto;
}
.pageHeader .secondaryHeaderLogoWrapperLink {
  float: left;
  display: none;
  margin: 15px 0 0 0;
}
@media only screen and (max-width: 768px) {
  .pageHeader .secondaryHeaderLogoWrapperLink {
    display: none !important;
  }
}
.pageHeader .secondaryHeaderLogoWrapperLink img,
.pageHeader .secondaryHeaderLogoWrapperLink span {
  height: 20px;
}
.pageHeader .secondaryHeaderLogoWrapperLink .configHidden {
  width: 100px;
}
.pageHeader .rightIcons {
  float: right;
  margin-top: -50px;
  width: 60px;
}
@media only screen and (max-width: 768px) {
  .pageHeader .rightIcons {
    margin-top: 0px;
    margin-right: -2px;
  }
}
.pageHeader .rightIcons .revealSearchLink {
  float: left;
  padding-left: 0px;
}
.pageHeader .rightIcons .revealSearchLink .fa-search {
  position: relative;
  top: 2px;
  width: 1.5em;
}
.pageHeader .rightIcons .bellIcon {
  display: inline-block;
  font-size: 22px;
  line-height: 50px;
  padding: 0 15px 0 15px;
}
@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: 18px;
  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: 18px;
  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";
  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";
  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 {
  position: absolute;
  top: -10000px;
  overflow: hidden;
  border-radius: 6px;
  display: inline-block;
}
@media only screen and (max-width: 480px) {
  .dialog {
    overflow: hidden;
    border-radius: 0;
    width: 100%;
  }
}
.dialog.tooltip:after {
  content: "";
  border: solid 20px White;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-style: none;
  position: relative;
  left: 60px;
  top: 18px;
  top: 0px\9;
}
.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;
}
.dialog .footer .buttonContainer {
  text-align: right;
}
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 {
  outline: none;
}
input:focus,
textarea:focus,
.pseudocheckbox:focus,
.ui-selectmenu-button:focus,
.ui-state-default:focus,
.gridclickable:focus,
input.focus,
textarea.focus,
.pseudocheckbox.focus,
.ui-selectmenu-button.focus,
.ui-state-default.focus,
.gridclickable.focus {
  outline-offset: -2px;
  outline: 2px dotted;
}
.ui-menu-item.ui-state-focus,
.ui-menu-item-wrapper.ui-state-focus {
  outline: 2px dotted;
}
button.ui-datepicker-trigger:focus {
  outline-offset: -4px;
  outline: 2px dotted;
}
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-moz-placeholder,
input:-ms-input-placeholder {
  font-weight: 300;
  font-style: italic;
  Color: #777677;
}
input[type=number] {
  -webkit-appearance: none;
}
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%;
}
.gateway .controlWrapper.autocompleteWrapper {
  display: inline-block;
  min-width: 16em;
}
@media only screen and (max-width: 480px) {
  .gateway .controlWrapper.autocompleteWrapper {
    min-width: 10em;
  }
}
.gateway .controlWrapper.autocompleteWrapper .controlLiner {
  position: relative;
  display: block;
}
.gateway .controlWrapper.autocompleteWrapper .controlLiner .ui-autocomplete-input,
.gateway .controlWrapper.autocompleteWrapper .controlLiner .cue,
.gateway .controlWrapper.autocompleteWrapper .controlLiner .typeAhead {
  padding: 0 1.2em 0 .2em;
  position: absolute;
  left: 0;
  text-align: left;
  white-space: nowrap;
  color: #777677;
}
.gateway .controlWrapper.autocompleteWrapper .controlLiner .cue {
  font-style: italic;
}
.gateway .controlWrapper.autocompleteWrapper .controlLiner textarea {
  overflow: hidden;
}
.gateway .controlWrapper.autocompleteWrapper .controlLiner input::-ms-clear {
  height: 0 !important;
  width: 0 !important;
  display: none !important;
}
.gateway .controlWrapper .promptIcon,
.gateway .controlWrapper .clearButton {
  position: absolute;
  display: inline-block;
  line-height: normal;
}
.gateway .controlWrapper .promptIcon {
  width: 1em;
  opacity: .6;
}
.gateway .controlWrapper .clearButton {
  cursor: pointer;
  right: 5px;
  height: 30px;
  line-height: 30px;
  font-size: 130%;
  z-index: 1;
}
.buttonsFooter button.disabledClass {
  background-color: grey;
  background-image: none;
  opacity: 0.7;
}
.pageFooter {
  left: 0;
  bottom: 0;
  padding: 8px;
  height: 40px;
  overflow: hidden;
  width: 100%;
  /*.urlLink:hover {
        border-bottom: 1px solid;
    }*/
}
.pageFooter a {
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .pageFooter {
    padding: 0;
  }
}
.pageFooter .urlLink {
  border-bottom: none;
}
.globe {
  background: url("/TGNewUI/Content/JS_sprite.png") 0 -300px;
  display: inline-block;
  height: 17px;
  width: 20px;
}
.tgLocale {
  max-width: 20%;
  padding: 5px 10px;
  float: left;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .tgLocale {
    padding: 4px;
    min-height: 40px;
    border-bottom: 1px solid;
  }
}
.pageFooter .fullFooter {
  width: 100%;
}
.pageFooter .fullFooter .footerLink {
  display: inline-block;
}
.pageFooter .fullFooter :first-child {
  border-left: 0px;
}
.footerLink {
  text-decoration: none;
  min-width: 8%;
  max-width: 30%;
  text-align: center;
  border-left: 1px solid;
  display: inline-block;
  margin-right: 6px;
  padding: 5px 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .footerLink {
    border-left: none 0px;
    border-bottom: 1px solid;
    padding: 0;
    min-height: 40px;
    line-height: 40px;
  }
}
.noUrlLink {
  border-bottom: none;
}
.urlLink {
  border-bottom: 2px solid;
}
@media only screen and (max-width: 480px) {
  .urlLink {
    border-bottom: 0;
  }
}
.footerLinkContainer {
  width: 80%;
  padding: 0;
  display: inline-block;
}
.localeLink {
  display: block;
  padding: 5px;
  margin-top: 15px;
}
.ui-dialog-content.gtgLocales {
  max-height: 500px;
}
.pageFooter.stackedFooter {
  height: auto;
  padding: 0;
}
.stackedFooter .footerLink {
  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;
}
.stackedFooter .tgLocale {
  border-left: 0;
  border-bottom: 1px solid;
  display: block;
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  min-height: 40px;
  padding: 8px 0 4px 0;
}
.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;
}
@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: 30px;
  line-height: 30px;
  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: 24px;
  font-weight: bold;
}
.custom-icon-angle-down:after {
  font-family: "FontAwesome";
}
.gateway span.ui-selectmenu-button {
  padding-right: 30px;
  width: 300px !important;
  max-width: 100%;
  background-image: none;
}
.gateway span.ui-selectmenu-button span.ui-selectmenu-text {
  line-height: inherit;
  padding: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gateway span.ui-selectmenu-button .ui-icon-triangle-1-s {
  height: 30px;
  line-height: 30px;
  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: 24px;
  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;
  border: none;
  color: inherit;
}
.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;
}
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;
  display: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
  content: "\f104";
  font-size: 22px;
  padding: 0 6px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  text-align: right;
  margin-right: 30px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  margin-left: 30px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
  content: "\f105";
  font-size: 22px;
  padding: 0 6px;
}
.ui-datepicker .ui-datepicker-header .next-year {
  margin-right: 0;
  text-align: right;
}
.ui-datepicker .ui-datepicker-header .prev-year {
  margin-left: 0;
}
.ui-datepicker .ui-datepicker-header .next-year:after {
  content: "\f101";
  font-size: 22px;
  padding: 0 6px;
}
.ui-datepicker .ui-datepicker-header .prev-year:after {
  content: "\f100";
  font-size: 22px;
  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 {
  border-style: solid;
  border-width: 1px;
}
.themed button.linkedin,
.themed .fieldButton.linkedin,
.themed .loginWidget .fa.fa-linkedin {
  border: 2px solid #007bb6;
  background-color: #007bb6;
  color: #fff;
}
.themed button.linkedin:hover,
.themed .fieldButton.linkedin:hover,
.themed .loginWidget .fa.fa-linkedin:hover {
  border: 2px solid #005a86;
  background-color: #005a86;
  color: #fff;
}
.themed button.facebook,
.themed .fieldButton.facebook,
.themed .loginWidget .fa.fa-facebook {
  border: 2px solid #3b5998;
  background-color: #3b5998;
  color: #fff;
}
.themed button.facebook:hover,
.themed .fieldButton.facebook:hover,
.themed .loginWidget .fa.fa-facebook:hover {
  border: 2px solid #2d4575;
  background-color: #2d4575;
  color: #fff;
}
.themed button.twitter,
.themed .fieldButton.twitter,
.themed .loginWidget .fa.fa-twitter {
  border: 2px solid #4099ff;
  background-color: #4099ff;
  color: #fff;
}
.themed button.twitter:hover,
.themed .fieldButton.twitter:hover,
.themed .loginWidget .fa.fa-twitter:hover {
  border: 2px solid #107fff;
  background-color: #107fff;
  color: #fff;
}
.themed button.pseudoGoogle,
.themed .fieldButton.pseudoGoogle,
.themed .loginWidget .pseudoGoogle {
  border: 2px solid #ffffff;
  background-color: #ffffff;
  color: #fff;
  border: 2px solid #4285f4;
}
.themed button.pseudoGoogle:hover,
.themed .fieldButton.pseudoGoogle:hover,
.themed .loginWidget .pseudoGoogle:hover {
  border: 2px solid #e7e7e7;
  background-color: #e7e7e7;
  color: #fff;
  border: 2px solid #1467f1;
}
.themed .g-signin2 {
  display: none;
  width: 0px;
  height: 0px;
}
.applyFlow {
  padding: 10px 30px;
}
.applyFlow .requiredFieldsDescription {
  margin: 0 0 20px 0;
}
.applyFlow .baseColorPalette span.requiredFieldIndicator,
.applyFlow .requiredFieldIndicator {
  color: #D82021;
}
.applyFlow .SMSVendorSpeficicText {
  margin-bottom: 0px;
}
.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;
  padding-top: 20px;
}
.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: 20px;
  margin-bottom: 20px;
  display: inline-block;
  width: 80%;
}
.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;
  font-size: 20px;
  padding: 10px;
  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.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 -30px 20px;
  padding: 0;
  display: block;
  content: "";
  color: transparent;
  height: 20px;
  width: 620px;
}
.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.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,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .widgetinner .inlineTextGroup,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .widgetinner .inlineTextGroup,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .widgetinner .inlineTextGroup {
  display: inline-block;
  margin-right: 20px;
  width: 100px;
  vertical-align: top;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .widgetinner .inlineTextGroup > input,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .widgetinner .inlineTextGroup > input,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .widgetinner .inlineTextGroup > input,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .widgetinner .inlineTextGroup > 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 .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 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%;
  max-width: 300px;
}
.applyFlow .layoutsection div.fieldcontain label {
  margin: 0;
}
.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%;
  max-width: 300px;
  position: relative;
  overflow: visible;
}
.applyFlow .layoutsection div.fieldcontain .ui-input-search .ui-icon-triangle-1-s {
  height: 30px;
  line-height: 30px;
  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: 24px;
  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-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: 145px;
  display: inline-block;
  word-wrap: break-word;
  vertical-align: top;
}
.applyFlow .layoutsection div .fieldcontain.question-SelectedSkills-container .addbutton {
  display: inline-block;
  position: absolute;
  cursor: default;
  top: 2px;
  right: -40px;
}
.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 .widgetcontent .widgetinner ul.experienceList input[type="text"],
.applyFlow .widgetcontent .widgetinner ul.educationList input[type="text"] {
  max-width: 300px;
  width: 100%;
}
.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";
}
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 */
}
@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;
}
.UnderLineLink:hover {
  display: inline;
  border-bottom: 1px solid;
  margin-bottom: -1px;
}
.LinkPadding {
  margin-left: 30px;
}
@media only screen and (max-width: 768px) {
  .LinkPadding {
    margin-left: 0;
  }
}
.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 {
  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 {
  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: 2;
  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 {
  display: block;
}
.phoneSearchAndFilterWrapper a.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 {
  display: none;
  overflow-y: visible;
  margin: 0.875em 0 0;
}
@media only screen and (max-width: 768px) {
  .phoneSearchAndFilterWrapper a.refine {
    display: inline-block;
  }
}
.phoneSearchAndFilterWrapper a.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 {
  font-family: "FontAwesome";
  content: "\f190";
  position: relative;
  cursor: pointer;
  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: 2;
  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 li {
  padding: 20px 0;
  border-bottom: solid 1px;
  margin: 0;
  display: inline-block;
  width: 100%;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories li:last-child {
  border-bottom: none;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories li h3 {
  text-indent: 2em;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories li h3.hasSelections:before {
  font-family: fontawesome;
  content: "\f00c";
  position: absolute;
  left: 0;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories li h3:after {
  font-family: "FontAwesome";
  content: "\f054";
  position: relative;
  cursor: pointer;
  font-weight: bold;
  float: right;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories li .liner {
  display: none;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories li.optionsVisible .liner {
  display: block;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionOptions {
  position: relative;
  padding: 0 20px;
  width: 50%;
  float: left;
  z-index: 2;
  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 .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;
  background-color: White;
}
.powerSearchContainer .dateWrapper .controlLiner button.ui-datepicker-trigger {
  position: relative;
}
.powerSearchContainer .dateWrapper .controlLiner .clearButton {
  top: 0;
}
.powerSearchContainer .controlWrapper {
  margin: 10px 10px 0 0;
  width: 300px;
}
@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;
}
.sidebar h2.refine {
  padding: 20px 20px 0 20px;
  font-size: 110%;
}
.facet .liner {
  max-height: 17em;
  overflow-y: auto;
  padding: 10px 5px 0;
  position: relative;
}
.facet h3 {
  font-weight: bold;
  padding-bottom: 5px;
}
.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-all;
  word-break: break-all;
}
.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 .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 .sort {
  margin: 20px 20px 0;
}
div.mainListContainer.listContainer .sort label[for=sortBy-button] {
  height: 30px;
  line-height: 30px;
  float: left;
  margin-right: 10px;
  margin-top: 0;
}
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 .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: 20px 0 0 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;
}
.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;
  }
  .sidebarVisible .workArea div.listContainer.mainListContainer ul {
    padding: 0;
  }
}
.sidebar + .listContainer,
.sidebarVisible .section {
  margin: 0;
  max-width: none;
}
.sidebarVisible .sidebar + .listContainer {
  margin-left: 270px;
}
@media only screen and (max-width: 768px) {
  .sidebarVisible .sidebar + .listContainer {
    padding: 0 20px 20px 20px;
    margin-left: 0;
  }
}
.listContainer.sidebar {
  float: left;
  margin: 0;
  overflow: hidden;
  width: 0;
}
@media only screen and (max-width: 768px) {
  .listContainer.sidebar {
    position: absolute;
    z-index: 2;
  }
}
.sidebarVisible .sidebar {
  width: 270px;
}
@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,
.antiReferral {
  float: left;
  height: 18px;
  width: 16px;
}
.featuredJobs {
  background: url("/TGNewUI/Content/JS_sprite.png") 0 0;
}
.antiReferral {
  background: url("/TGNewUI/Content/JS_sprite.png") 0 -99px;
}
.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;
}
.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;
  bottom: 50px;
  right: 50px;
  font-size: 42px;
  height: 40px;
  width: 40px;
  line-height: 30px;
  cursor: pointer;
  z-index: 3;
  text-align: center;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  /*filter: ~"alpha(opacity = @{opacityPercentage})";*/
  /* causes run time error */
}
.scrollImageClass {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.jobValues {
  clear: both;
  width: 600px;
  overflow-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
}
@media only screen and (max-width: 1024px) {
  .jobValues {
    width: 100%;
  }
}
.jobDetailsMainDiv {
  padding-bottom: 20px;
  line-height: 1.25em;
}
.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 {
    margin-top: 15px;
  }
}
.jobDetailsSubHeader .backLink,
.JobCartPage .backLink {
  margin-bottom: 0;
}
.jobDetailsSubHeader.socialMediaPopulated .backLink,
.JobCartPage.socialMediaPopulated .backLink {
  margin-bottom: 20px;
}
.jobDetailsSubHeader .socialMediaContainer,
.JobCartPage .socialMediaContainer {
  display: none;
}
.jobDetailsSubHeader .socialMediaContainer .socialMedia,
.JobCartPage .socialMediaContainer .socialMedia {
  display: inline-block;
  margin-right: 20px;
}
.jobDetailsSubHeader .socialMediaContainer .socialMedia:empty,
.JobCartPage .socialMediaContainer .socialMedia:empty {
  margin: 0;
}
.jobDetailsSubHeader .socialMediaContainer .socialMedia iframe.twitter-share-button,
.JobCartPage .socialMediaContainer .socialMedia iframe.twitter-share-button {
  border: none 0;
}
.jobDetailsSubHeader.socialMediaPopulated .socialMediaContainer,
.JobCartPage.socialMediaPopulated .socialMediaContainer {
  display: block;
}
.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 {
  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-with: 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 .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 input[type=number] {
  width: 300px;
}
.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;
}
.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 .infocontain .ProfileFieldText {
  width: 100%;
}
.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 {
  width: 100%;
  position: relative;
  overflow: visible;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .ui-input-search .ui-icon-triangle-1-s {
  height: 30px;
  line-height: 30px;
  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: 24px;
  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;
  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-size: 18px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .addbutton {
  display: inline-block;
  position: absolute;
  cursor: default;
  top: 2px;
  right: -40px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain input[type=search] {
  width: 100%;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain input:disabled {
  background-color: transparent !important;
  border: transparent;
  outline: none;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .ProfileFieldText,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .ui-filterable {
  font-size: 16px;
  width: 100%;
  margin-top: 10px;
  max-width: 300px;
  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 .ui-input-search {
  width: 90%;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .EditProfileButton {
  margin-left: 20px;
  margin-bottom: 20px;
}
.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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  margin-bottom: 0;
  padding: 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 {
  max-width: 300px;
  margin-top: 10px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner .inlineTextGroup {
  display: inline-block;
  margin-right: 20px;
  width: 100px;
  vertical-align: top;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner .inlineTextGroup > input {
  margin-top: 10px;
}
.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 .requiredFieldIndicator,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .fieldcontain .requiredFieldIndicator {
  color: #D82021;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList .fieldcontain .expTextArea,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .fieldcontain .expTextArea {
  width: 100%;
}
.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 {
  width: 100%;
  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: 30px;
  line-height: 30px;
  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: 24px;
  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 .fieldcontain input[type=search],
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList .fieldcontain input[type=search] {
  width: 100%;
}
.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;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.experienceList input[type="text"],
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .widgetinner ul.educationList input[type="text"] {
  width: 100%;
}
.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 {
  display: block;
  position: relative;
  float: left;
  width: calc(33.3% - 30px);
  min-width: 300px;
  margin: 15px;
  padding: 20px;
}
@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;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .jobCard {
    width: 100%;
    margin: 10px 10px 10px 0px;
  }
}
.jobCard .cardFooter {
  padding-top: 20px;
}
.jobCard .cardFooterPosition {
  position: absolute;
  bottom: 20px;
  width: 90%;
}
@media only screen and (max-width: 620px) {
  .jobCard .cardFooterPosition {
    position: relative;
    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:before {
  content: '';
}
.status-close:after {
  color: white;
  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 white;
}
.jobSavedStatus,
.headerStatusSticker {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  padding: 10px;
  min-width: 320px;
  background-color: #336FBB;
  color: #ffffff;
  max-width: 610px;
  position: fixed;
  top: 0px;
  z-index: 110000;
  height: 40px;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .jobSavedStatus,
  .headerStatusSticker {
    width: 100vw;
    margin-left: 0px;
  }
}
.jobSavedStatus .jobSavedMessage,
.headerStatusSticker .jobSavedMessage,
.jobSavedStatus .headerStatusStickerMessage,
.headerStatusSticker .headerStatusStickerMessage {
  display: inline-block;
  padding-left: 10px;
}
.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: 130%;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 480px) {
  .SavedJobsContainer .savedJobsHeader {
    padding-left: 0px;
  }
}
.SavedJobsContainer .jobtitle {
  display: inline;
  line-height: 125%;
  /*&:hover {
            text-decoration: underline;
        }*/
}
.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: 95%;
  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 .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;
}
.SavedJobsContainer .status-close:after {
  color: black;
}
.SavedJobsContainer .status-close:focus {
  outline: 2px dotted black;
}
.jobDetailsFooter {
  clear: both;
}
.jobDetailsFooter .buttonsFooter {
  position: static;
}
.jobDetailsFooter .buttonsFooterAccent {
  margin: 0;
  padding: 30px 0 0 0;
}
.backLink {
  cursor: pointer;
}
.backLink:before {
  font-family: "FontAwesome";
  content: "\f190";
  position: relative;
  cursor: pointer;
  padding-right: 5px;
  top: 2px;
}
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 {
  margin-left: 20px;
}
.jobdescriptionInJobDetails li li li,
.jobDetailTextArea li li li,
.privacyPolicyStatement li li li,
.privacyPolicyQuestion li li li,
.PacketMessageBreakword 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 {
  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 {
  margin-left: 20px;
}
.jobdescriptionInJobDetails > ol,
.jobdescriptionInJobDetails > ul,
.jobDetailTextArea > ul,
.jobDetailTextArea > ol,
.welcome .welcomeText > ol,
.welcome .welcomeText > ul,
.privacyPolicyStatement > ol,
.privacyPolicyStatement > ul,
.privacyPolicyQuestion > ol,
.privacyPolicyQuestion > ul {
  padding: 0 0 0 40px;
}
.jobdescriptionInJobDetails ul li,
.jobDetailTextArea ul li,
.welcome .welcomeText ul li,
.privacyPolicyStatement ul li,
.privacyPolicyQuestion ul li {
  list-style-position: outside;
  list-style-type: disc;
}
.jobdescriptionInJobDetails ol li,
.jobDetailTextArea ol li,
.welcome .welcomeText ol li,
.privacyPolicyStatement ol li,
.privacyPolicyQuestion ol li {
  list-style-position: outside;
  list-style-type: decimal;
}
.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 {
  margin: 1em 0;
}
.jobdescriptionInJobDetails strong,
.jobDetailTextArea strong,
.welcome .welcomeText strong,
.privacyPolicyStatement strong,
.privacyPolicyQuestion strong {
  font-weight: bold;
}
.jobdescriptionInJobDetails a,
.jobDetailTextArea a,
.welcome .welcomeText a,
.privacyPolicyStatement a,
.privacyPolicyQuestion a {
  text-decoration: underline;
}
.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;
}
@media only screen and (max-width: 768px) {
  .ie8 .gateway .linkContainer {
    background-color: #ffffff;
  }
  .ie8 .gateway .linkContainer .headerLink {
    color: inherit !important;
  }
}
.responsiveCandZoneMenu {
  z-index: 100;
  background-color: inherit;
  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;
    }*/
}
.responsiveCandidateZoneContainer .backLink {
  display: inline-block;
  cursor: pointer;
}
@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%;
  }
}
.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 20px 15px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .lightAccentBkg .applications {
    padding: 0px 0px 10px 0px;
  }
}
.CandZonedashboardContainer .lightAccentBkg .applications span {
  font-size: 125%;
}
.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 .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 h3,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .jobCard h3 {
  display: inline;
}
.CandZonedashboardContainer .CollapsedAppliedApplications .jobCard a,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .jobCard a {
  padding-left: 5px;
}
.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 .EmptyCollapsedAppliedApplications,
.CandZonedashboardContainer .EmptyCollapsedUnfinishedApplications {
  display: none;
  margin: -10px 0 0 0;
  padding-left: 15px;
}
@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 .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-size: large;
  font-weight: bold;
}
.ApplicationsDetail .orderStatus .row .col span {
  padding-left: 10px;
}
@media only screen and (max-width: 480px) {
  .ApplicationsDetail .orderStatus .row .col span {
    padding-left: 0px;
  }
}
.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);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.ApplicationsDetail .orderStatus .row .col:before {
  content: '';
  width: 100%;
  height: 2px;
  border-top: 2px dashed #777677;
  top: 0px;
  left: 0;
  position: absolute;
  margin: 0 0 0 -50%;
}
.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;
  height: 20px;
  content: "\f111";
  color: #777677;
  background-color: inherit;
  font-size: xx-small;
  left: 50%;
  top: 0;
  z-index: 3;
  border: 2px;
  border-radius: 50%;
  margin: -8px 0 0 -10px;
  padding: 0 10px 0 10px;
  font-family: "FontAwesome";
}
@media only screen and (max-width: 480px) {
  .ApplicationsDetail .orderStatus .row .col:after {
    padding: 0 5px 0 5px;
  }
}
@media only screen and (max-width: 300px) {
  .ApplicationsDetail .orderStatus .row .col:after {
    padding: 0 3px 0 3px;
  }
}
.ApplicationsDetail .orderStatus .row .col.done:after {
  position: absolute;
  content: "\f058";
  height: 20px;
  font-size: medium;
  background-color: inherit;
  color: green;
  left: 50%;
  top: 0;
  z-index: 3;
  border-radius: 50%;
  margin: -8px 0 0 -10px;
  padding: 0 10px 0 10px;
  font-family: "FontAwesome";
}
@media only screen and (max-width: 480px) {
  .ApplicationsDetail .orderStatus .row .col.done:after {
    padding: 0 5px 0 5px;
  }
}
@media only screen and (max-width: 300px) {
  .ApplicationsDetail .orderStatus .row .col.done:after {
    padding: 0 3px 0 3px;
  }
}
.ApplicationsDetail .orderStatus .row .col.done {
  content: "\f3fd";
}
.ApplicationsDetail .orderStatus .row .col.CurrentHRstatusTab:after {
  content: "\f192";
  color: inherit;
  background-color: inherit;
  font-family: "FontAwesome";
  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 10px 30px;
  max-width: 760px;
  position: relative;
}
.ApplicationsDetail .CPMessage .iconContainer {
  padding-left: 10px;
  display: table-cell;
  width: 5%;
}
.ApplicationsDetail .CPMessage .msgContainer {
  padding-left: 10px;
  display: table-cell;
  width: 95%;
}
.ApplicationsDetail .CPMessage a {
  color: white;
  display: inline-block;
  text-decoration: underline;
}
@media only screen and (max-width: 480px) {
  .ApplicationsDetail .CPMessage {
    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 .assessmentsCompletionStatusContainer {
  margin: 0px 30px 0px 30px;
}
@media only screen and (max-width: 768px) {
  .AssessmentsContainer .assessmentsCompletionStatusContainer {
    margin: 0px 15px 15px 15px;
  }
}
.AssessmentsContainer .assessmentsCompletionStatusContainer .assessmentsCompletionStatus {
  position: relative;
  min-width: 320px;
  background-color: #336FBB;
  color: #ffffff;
  max-width: 610px;
  width: 100%;
  padding: 20px;
}
.AssessmentsContainer .assessmentsCompletionStatusContainer .assessmentsCompletionStatus .assessmentCompletionMessage {
  padding: 10px 10px 10px 20px;
}
.AssessmentsContainer .assessmentsCompletionStatusContainer .assessmentsCompletionStatus .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: inline-block;
  width: 75%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-right: 5px;
}
.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;
}
.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 15px 10px;
}
@media only screen and (max-width: 480px) {
  .ReferralsContainer .lightAccentBkg .referralHeaders {
    padding: 0px 0px 20px 0px;
  }
}
.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: 100%;
  font-size: 125%;
  display: inline-block;
  overflow: visible;
  white-space: inherit;
  -ms-text-overflow: inherit;
  -o-text-overflow: inherit;
  text-overflow: inherit;
}
.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 .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 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;
}
.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;
  width: 250px;
  padding-right: 30px;
}
@media only screen and (max-width: 768px) {
  .mainInitialContainer .widgetSidebar {
    display: none;
  }
}
.mainInitialContainer .searchBoxContainer {
  text-align: left;
}
.mainInitialContainer .searchBoxContainer .primaryButton {
  /*@media @tabletPortrait {
                width: 100%;
            }*/
}
.ngdialog .loginWidget .socialSources .pseudoGoogle,
.ngdialog .submitResumeWidget .socialSources .pseudoGoogle {
  margin: 0 2px;
  padding-top: 0.9em;
}
.loginWidget,
.submitResumeWidget {
  padding: 20px;
  margin-bottom: 30px;
  /*.loginControl, button {
        width: 100%;
    }*/
}
@media only screen and (max-width: 480px) {
  .loginWidget,
  .submitResumeWidget {
    margin-bottom: 15px;
  }
}
.loginWidget .hd,
.submitResumeWidget .hd {
  font-size: 125%;
  padding-bottom: 10px;
}
.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: 260px;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .loginWidget .socialsourcesleft,
  .submitResumeWidget .socialsourcesleft {
    max-width: 100%;
  }
}
@media only screen and (max-width: 320px) {
  .loginWidget .socialsourcesleft,
  .submitResumeWidget .socialsourcesleft {
    max-width: 260px;
  }
}
.loginWidget .socialsourcesleft a,
.submitResumeWidget .socialsourcesleft a {
  display: inline;
}
.loginWidget .socialsourcesleft i.fa,
.submitResumeWidget .socialsourcesleft i.fa {
  font-size: 30px;
  height: 36px;
  width: 36px;
  line-height: 36px;
  color: White;
  text-align: center;
  margin: 0 8px;
}
.loginWidget .socialsourcesleft .pseudoGoogle,
.submitResumeWidget .socialsourcesleft .pseudoGoogle {
  height: 34px;
  width: 32px;
  line-height: 34px;
  text-align: center;
  margin: 0 2px;
  padding-top: 0.9em;
  background-color: white;
  font-size: 16px;
}
.loginWidget .socialsourcesleft .pseudoGoogle svg,
.submitResumeWidget .socialsourcesleft .pseudoGoogle svg {
  margin-bottom: -1px;
}
.loginWidget .socialSources,
.submitResumeWidget .socialSources {
  text-align: center;
}
.loginWidget .socialSources a,
.submitResumeWidget .socialSources a {
  display: inline;
}
.loginWidget .socialSources i.fa,
.submitResumeWidget .socialSources i.fa {
  font-size: 28px;
  height: 34px;
  width: 32px;
  line-height: 34px;
  color: White;
  text-align: center;
  margin: 0 2px;
}
.loginWidget .socialSources .pseudoGoogle,
.submitResumeWidget .socialSources .pseudoGoogle {
  height: 34px;
  width: 32px;
  line-height: 34px;
  text-align: center;
  margin: 0 2px;
  padding-top: 0.9em;
  background-color: white;
  font-size: 16px;
}
.loginWidget .socialSources .pseudoGoogle svg,
.submitResumeWidget .socialSources .pseudoGoogle svg {
  margin-bottom: -1px;
}
.loginWidget .separator,
.submitResumeWidget .separator {
  text-align: center;
  padding-top: 5px;
}
.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: 5px;
  right: 3px;
  cursor: pointer;
  height: 30px;
  width: 30px;
}
.ngdialog-close:before {
  content: '';
}
.ngdialog-close:after {
  height: 30px;
  width: 30px;
  font-size: 26px;
  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;
}
.loginBox *,
.mobileView * {
  margin-bottom: 10px;
}
.HeaderSignInFullView {
  padding-top: 20px;
}
.loginBox .asterisk {
  display: inline;
}
.loginBox .LoginInput {
  display: inline;
}
.loginBox .ReqFields {
  display: inline;
  color: #D82021;
  background-color: transparent;
  padding: 0px;
}
.loginBox .SignInFullView {
  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;
}
.loginBox .newAccnt {
  text-align: left;
  /*@media @tabletPortrait {
            text-align: center;
        }*/
}
.blockLevelElement {
  display: block;
}
.fullPageSignin {
  margin: 10px 20px;
}
.fullPageSignin .MainDiv {
  margin-bottom: -10px;
}
.fullPageSignin .tabView {
  color: blue;
  padding: 4px;
}
.fullPageSignin .tabView.isActive {
  background-color: blue;
  color: white;
}
.fullPageSignin h1 {
  font-size: 120%;
}
.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;
}
.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%;
}
.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;
}
.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 {
  z-index: 1;
}
.searchDiv a.headerLink.homeOnly {
  display: none;
}
.createAccountContainer,
.updateAccountContainer {
  margin-left: 30px;
  /*.textbox:focus {
        border-style: solid;
        border-width: 2px;
        outline: 0;
    }*/
}
.createAccountContainer label.error,
.updateAccountContainer label.error {
  display: none !important;
}
.createAccountContainer .MediaIcon,
.updateAccountContainer .MediaIcon {
  padding-top: 8px;
  font-size: x-large;
  padding-left: 1px;
  padding-right: 8px;
}
.createAccountContainer .title,
.updateAccountContainer .title {
  font-weight: bold;
  margin-bottom: 20px;
}
.createAccountContainer .title .underlineLink,
.updateAccountContainer .title .underlineLink {
  cursor: pointer;
}
.createAccountContainer .title .underlineLink:hover,
.updateAccountContainer .title .underlineLink:hover {
  display: inline;
  border-bottom: 1px solid;
}
.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: 15px;
  display: block;
  font-weight: 600;
  width: 275px;
}
.createAccountContainer .ProfileSource .btn,
.updateAccountContainer .ProfileSource .btn {
  margin-left: 0px;
}
.createAccountContainer .ProfileSource .linkedin,
.updateAccountContainer .ProfileSource .linkedin {
  margin-left: 0px;
}
.createAccountContainer .ProfileSource .pseudoGoogle,
.updateAccountContainer .ProfileSource .pseudoGoogle {
  padding: 0 0 0 10px;
  border-radius: 1px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.createAccountContainer .ProfileSource .pseudoGoogle .button-label,
.updateAccountContainer .ProfileSource .pseudoGoogle .button-label {
  color: black;
  padding: 0 10px 0 10px;
  /*padding: calc(~"10% + 4px") 10px calc(~"10% + 4px") 10px;
                line-height: 30px;*/
  /*&:hover {
                    background-color: darken(#4285f4, 9.5%);
                }*/
}
.createAccountContainer .ProfileSource .pseudoGoogle svg,
.updateAccountContainer .ProfileSource .pseudoGoogle svg {
  margin: 0px 2px -2px -2px;
}
.createAccountContainer .ProfileSource .primaryButton,
.updateAccountContainer .ProfileSource .primaryButton {
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer,
  .updateAccountContainer {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.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 {
  margin-left: -30px;
  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 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 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;*/
  height: 28px;
  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 .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;
}
.createAccountContainer .QuestAnsContainer input[type="text"],
.updateAccountContainer .QuestAnsContainer input[type="text"],
.createAccountContainer .QuestAnsContainer input[type="email"],
.updateAccountContainer .QuestAnsContainer input[type="email"],
.createAccountContainer .QuestAnsContainer input[type="password"],
.updateAccountContainer .QuestAnsContainer input[type="password"] {
  width: 300px;
}
@media only screen and (max-width: 480px) {
  .createAccountContainer .QuestAnsContainer input[type="text"],
  .updateAccountContainer .QuestAnsContainer input[type="text"],
  .createAccountContainer .QuestAnsContainer input[type="email"],
  .updateAccountContainer .QuestAnsContainer input[type="email"],
  .createAccountContainer .QuestAnsContainer input[type="password"],
  .updateAccountContainer .QuestAnsContainer input[type="password"] {
    width: 100%;
  }
}
.privacyPolicyContainer {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 10px;
  width: 600px;
}
@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 .privacyPolicyStatementDiv,
.privacyPolicyContainer .privacyPolicyQuestionDiv,
.privacyPolicyContainer .privacyPolicyOptOutDiv,
.privacyPolicyContainer .privacyPolicyLabelText,
.privacyPolicyContainer .sideNote,
.privacyPolicyContainer .privacyPolicyStatement,
.privacyPolicyContainer .privacyPolicyQuestion,
.privacyPolicyContainer .privacyPolicyOptions {
  margin: 10px 0 10px 0;
}
.privacyPolicyContainer .privacyPolicyLabelText {
  display: inline-block;
}
.privacyPolicyContainer .padTopAndBottom {
  margin-top: 20px;
}
@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 {
  right: 3px;
  top: 5px;
}
.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;
  }
}
.ngdialog.ngdialog-theme-default .ngdialog-content .createAccountContainer ul li {
  list-style: disc;
}
.ForgotUsernamePass {
  padding-left: 30px;
  /*@media @phone {
        padding: 15px;
    }*/
  /********************Password Validation Box Stylings*******************************/
  /* Always hide the input help when it's pristine */
  /* Hide the invalid box while the input has focus */
  /* Show green border when stuff has been typed in, and its valid */
  /* Show red border when stuff has been typed in, but its invalid */
  /* Show the help box once it has focus */
  /* Immediate help should be red when pristine */
  /* Help hould be green when input is valid */
  /* Help should show and be red when invalid */
  /* Style input help requirement bullets */
  /* Default each bullet to be invalid with a dot and text */
  /* 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 {
  font-family: "FontAwesome";
  content: "\f190";
  position: relative;
  cursor: pointer;
  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"] {
  width: 300px;
  border-style: solid;
}
@media only screen and (max-width: 480px) {
  .ForgotUsernamePass input[type="email"],
  .ForgotUsernamePass input[type="password"],
  .ForgotUsernamePass input[type="text"] {
    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: #aeaeae;
}
.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 {
  display: none;
  position: absolute;
  z-index: 100;
  top: -40px;
  left: 320px;
  width: 250px;
  padding: 10px;
  background: #fefefe;
  font-size: .780em;
  border-radius: 5px;
  box-shadow: 0 1px 3px #aaa;
  border: 1px solid #ddd;
  opacity: 0.9;
  top: -3px;
}
@media only screen and (max-width: 768px) {
  .ForgotUsernamePass .input-help {
    position: static;
    top: 0;
    left: -18px;
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 0;
  }
}
.ForgotUsernamePass .input-help::before {
  content: "\25C0";
  position: absolute;
  top: 10px;
  left: -12.5px;
  font-size: 16px;
  line-height: 16px;
  color: #ddd;
  text-shadow: none;
}
@media only screen and (max-width: 768px) {
  .ForgotUsernamePass .input-help::before {
    content: "";
  }
}
.ForgotUsernamePass .input-help h4 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 1.1em;
}
@media only screen and (max-width: 768px) {
  .ForgotUsernamePass .input-help h4 {
    display: none;
  }
}
.ForgotUsernamePass input.ng-pristine + .input-help {
  display: none;
}
.ForgotUsernamePass .ng-invalid:focus + .input-help {
  display: none;
}
.ForgotUsernamePass .input-help.ng-dirty.ng-valid {
  border-color: #3a7d34;
}
.ForgotUsernamePass .input-help.ng-dirty.ng-invalid {
  border-color: #D82021;
}
.ForgotUsernamePass .immediate-help:focus + .input-help {
  display: block;
}
.ForgotUsernamePass .immediate-help:not(:focus) + .input-help {
  display: none;
}
.ForgotUsernamePass .immediate-help.ng-pristine:focus + .input-help {
  border-color: #D82021;
}
.ForgotUsernamePass .immediate-help.ng-pristine:focus + .input-help::before {
  color: #D82021;
}
.ForgotUsernamePass .ng-valid + .input-help {
  border-color: #3a7d34;
}
.ForgotUsernamePass .ng-valid + .input-help::before {
  color: #3a7d34;
}
.ForgotUsernamePass .ng-invalid + .input-help {
  display: block;
  border-color: #D82021;
}
.ForgotUsernamePass .ng-invalid + .input-help::before {
  color: #D82021;
}
.ForgotUsernamePass .input-help ul li {
  list-style: none;
}
.ForgotUsernamePass .input-help ul {
  list-style: none;
  margin: 10px 0 0 0;
}
.ForgotUsernamePass .input-help li {
  padding-left: 22px;
  line-height: 24px;
  color: #D82021;
  background: url('images/ui_icon_passwordValidation.png') no-repeat 2px -65px;
}
@media only screen and (max-width: 768px) {
  .ForgotUsernamePass .input-help li {
    background: url('images/ui_icon_passwordValidation.png') no-repeat 2px -129px;
  }
}
.ForgotUsernamePass .input-help li.valid {
  color: #3a7d34;
  background-position: 2px 3px;
}
.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: 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: 24px;
  padding-bottom: 20px;
}
.profileBuilderContainer .custom-span {
  margin-top: 3px;
}
.profileBuilderContainer .MediaIcon {
  padding-top: 8px;
  font-size: x-large;
  padding-left: 1px;
}
.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 {
  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 .ErrMsgHeadTitles {
  font-weight: 600;
}
.profileBuilderContainer .BackEndErrMsg {
  display: -webkit-box;
  padding-bottom: 5px;
}
.profileBuilderContainer .ErrMsgHead {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.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;
}
.CustomizedDialogContent {
  max-height: 100%;
  overflow-y: auto;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .CustomizedDialogContent {
    padding: 15px;
  }
}
.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 .invalid span.error {
  background-color: #D82021;
  color: White;
  border-color: #D82021;
  margin-top: 10px;
  padding: 5px 6px;
  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;
  padding: 0px 10px 10px 10px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.fileManager .subgroup .file div {
  margin: 10px;
}
.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%;
  max-width: 300px;
}
.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: 130%;
  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 .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%;
  max-width: 300px;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .ui-select {
  display: none;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .ui-input-search {
  margin-top: 10px;
  width: 100%;
  max-width: 300px;
  position: relative;
  overflow: visible;
}
.accountSettings .accountSettingBox .subgroup .EditBox.TextMessaging .ui-input-search .ui-icon-triangle-1-s {
  height: 30px;
  line-height: 30px;
  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: 24px;
  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%;
  max-width: 300px;
}
.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 {
  display: inline-block;
  margin-left: 5px;
  padding: 5px 0px 5px 0px;
  position: relative;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .socialMediaOption {
  padding: 10px 5px 10px 5px;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext {
  visibility: hidden;
  width: 300px;
  padding: 10px 15px 9px 15px;
  position: absolute;
  z-index: 3;
  display: none;
  left: 50%;
  margin-left: -150px;
  opacity: 0;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext.showAtBottom {
  top: 40px;
  height: 300px;
  width: 380px;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext.showAtBottom::before {
  content: "";
  position: absolute;
  top: -15px;
  margin-left: 143px;
  border-width: 8px;
  border-style: solid;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext.showAtBottom::after {
  border-style: none;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext.showAtBottom.show {
  visibility: visible;
  opacity: 1;
  display: block;
}
@media only screen and (max-width: 768px) {
  .accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext.showAtBottom {
    width: 300px;
  }
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext .header {
  font-weight: bold;
  padding: 5px;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext .info {
  padding: 5px;
  height: 240px;
  overflow-y: scroll;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext .info::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext .info::-webkit-scrollbar-thumb {
  background-color: #777677;
  border-radius: 10px;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext button.closeHelp {
  font-weight: bold;
  font-size: larger;
  position: absolute;
  top: 0px;
  right: 10px;
  border: 0;
  background-color: transparent;
  line-height: 0px;
  height: 20px;
  margin-right: 0px;
  padding: 0px;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext button.closeHelp:focus {
  outline: 2px dotted #ffffff;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext.show {
  visibility: visible;
  opacity: 1;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext p {
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  list-style: outside none none;
  padding: 20px 0;
  text-align: left;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext ul {
  padding-left: 20px;
  padding-bottom: 10px;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext::before {
  border-style: none;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .socialMedia .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  margin-left: 140px;
  border-width: 8px;
  border-style: solid;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .fieldLink {
  padding-top: 10px;
  display: inline-block;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .fieldButton {
  display: inline-block;
  padding: 5px 10px 5px 10px;
  color: black;
  background-color: white;
  border: 1px solid black;
  margin-right: 0px;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .fieldButton .fa-twitter {
  color: #4099FF;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .fieldButton .fa-facebook-square {
  color: #3b5998;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .fieldButton .fa-linkedin-square {
  color: #007bb6;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .fieldButton:focus .button-label {
  outline-style: dotted;
  outline-width: thin;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .fieldButton .fa {
  font-size: 1.8em;
  margin-right: 8px;
  vertical-align: middle;
}
.updateAccountContainer {
  margin-left: 0px;
}
.updateAccountContainer .backLink {
  margin-bottom: 10px;
}
.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 .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 0px;
  }
}
.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 .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);
  height: 80px;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 80px;
  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 .fa-envelope {
  color: #57A403;
}
.Communication .jobCard .cardFooter .fa {
  margin-right: 5px;
}
.Communication .jobCard .notificationTitle {
  display: inline-block;
  max-width: 95%;
  padding-left: 0px;
}
.Communication .jobCard.messagesTab {
  border: 1px solid black;
  padding: 10px;
  margin: 0 0 10px 0;
  width: 100%;
}
.Communication .jobCard.messagesTab .cardFooter {
  position: relative;
  bottom: 0px;
  display: table;
  width: 100%;
}
.Communication .jobCard.messagesTab .cardFooter div {
  padding-right: 10px;
  /* margin-right: 20px; */
  display: table-cell;
  width: 50%;
  word-wrap: break-word;
  max-width: 145px;
}
@media only screen and (max-width: 380px) {
  .Communication .jobCard.messagesTab .cardFooter div {
    max-width: 100px;
  }
}
.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 white;
}
.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;
  font-size: 125%;
  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-size: 0.7em;
  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;
  padding-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 {
  width: 300px;
  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: 30px;
  line-height: 30px;
  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: 24px;
  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-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 {
  width: 70%;
}
.ReferralDetailsContainer .controlWrapper.dateWrapper button {
  position: relative;
  margin-bottom: 10px;
}
@media only screen and (max-width: 407px) {
  .ReferralDetailsContainer .controlWrapper.dateWrapper button {
    margin-top: 10px;
    display: block;
  }
}
@media only screen and (max-width: 407px) {
  .ReferralDetailsContainer .controlWrapper.dateWrapper {
    min-width: 9em;
    display: block;
  }
}
.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 {
  float: right;
}
.actionMenu .dropdown {
  display: none;
  top: 40px;
  position: absolute;
  z-index: 100;
  box-shadow: 0 1px 3px #aaa;
  background-color: #fff;
  float: left;
}
.actionMenu .dropdown .ui-menu-item {
  white-space: nowrap;
}
.notificationBoxContainer {
  display: none;
  position: absolute;
  right: 0px;
  width: 320px;
  top: 50px;
  z-index: 90;
}
@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;
    cursor: pointer;
  }
  .notificationBoxContainer .notificationBackContainer .Divpadding .backLink:before {
    font-family: "FontAwesome";
    content: "\f190";
    position: relative;
    cursor: pointer;
    padding-left: 15px;
    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;
  display: table;
  width: 100%;
}
.notificationBoxContainer .NotificationMenu a {
  padding: 0 10px 10px 0;
  margin-right: 10px;
  display: table-cell;
  max-width: 100px;
  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 .emptyMessage p a {
  text-decoration: underline;
}
.notificationBoxContainer .subgroup .emptyMessage p a:hover {
  border: dashed 1px;
}
.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;
}
.notificationBoxContainer .subgroup span {
  padding: 10px 10px 0 10px;
}
.applicationPreviewPage .jobTitle,
.applicationPreviewPage #ApplyPageHead {
  padding-top: 0px;
}
.RemovalConfirmationContainer,
.WithdrawlConfirmationContainer {
  z-index: 100;
}
.RemovalConfirmationContainer .title,
.WithdrawlConfirmationContainer .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.RemovalConfirmationContainer .buttonContainer,
.WithdrawlConfirmationContainer .buttonContainer {
  margin-top: 15px;
}
.RemovalConfirmationContainer .backLink,
.WithdrawlConfirmationContainer .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 {
  max-width: 300px;
  width: 100%;
  position: relative;
  height: 30px;
  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;
}
.mobileCountryContainer .phoneNumber {
  width: 75% !important;
  position: absolute;
  right: 0;
  bottom: 0;
}
.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;
  maring-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;
}
.StandAloneGQSucessfullSubmission .title,
.StandAloneGQKnockedOut .title {
  font-weight: bold;
}