@import url('ngDialog-theme-default.min.css');
* {
  direction: rtl !important;
}
.rightToleft input {
  unicode-bidi: bidi-override !important;
}
.rightToleft input[type]:-moz-placeholder {
  unicode-bidi: bidi-override !important;
}
.rightToleft input[type]:-ms-input-placeholder {
  unicode-bidi: bidi-override !important;
}
.rightToleft input[type]::-webkit-input-placeholder {
  unicode-bidi: bidi-override !important;
}
.Margintop30 {
  margin-top: 20px;
  display: block;
}
.Margintop20 {
  margin-top: 20px;
  display: block;
}
.MarginLeft30 {
  margin-right: 30px;
  display: block;
}
.MarginLeft20 {
  margin-right: 20px;
  display: block;
}
.MarginRight30 {
  margin-left: 30px;
  display: block;
}
.MarginRight20 {
  margin-left: 30px;
  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;
}
.BorderCongrats {
  border: 2px solid #FDA501;
}
.BkgCongrats {
  background-color: #FDA501;
}
.fieldcontain.invalid span.error,
.ReferralDetailsContainer .ErrorMessage p,
.createAccountContainer .individualErrorBox span,
.updateAccountContainer .individualErrorBox span,
.ForgotUsernamePass .ErrMsg,
.ForgotUsernamePass .ErrMsgArea,
.loginBox .error,
.fieldcontain.invalid span.contactError,
.SecurityQuestionContainer .ErrMsgCustomSelect,
.SecurityQuestionContainer .ErrMsg,
.SaveSearchDialog .alert span,
.skillsSection .fieldcontain.invalid span.error,
#powerSearchForm .invalid span.error {
  padding: 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,
#powerSearchForm .invalid span.error:before {
  content: "\f057";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.newMsgContainer {
  display: table;
  width: 100%;
  max-width: 620px;
}
.newMsgContainer .iconContainer {
  padding: 5px;
  width: 5%;
  display: table-cell;
  vertical-align: top;
}
.newMsgContainer .iconContainer .fa {
  color: white;
  position: relative;
  left: -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;
  text-overflow: ellipsis;
  vertical-align: bottom;
  margin: 0px;
  line-height: 30px;
}
a.fieldHelp {
  padding: 5px;
  position: relative;
  top: 3px;
}
a.fieldHelp :focus {
  outline: 2px dotted black;
}
.updateAccountContainer a.fieldHelp {
  position: static;
}
.UnderLineLink {
  cursor: pointer;
  display: inline;
  border-bottom: 1px solid;
  border-color: transparent;
}
.UnderLineLink:hover {
  display: inline;
  border-color: inherit;
  margin-bottom: -1px;
}
.backLink {
  display: inline-block;
}
.backLink a {
  cursor: pointer;
}
.backLink:before {
  font-family: "FontAwesome";
  content: "\f190";
  position: relative;
  cursor: pointer;
  padding-left: 5px;
  top: 2px;
}
.rightToleft .backLink {
  display: inline-block;
}
.rightToleft .backLink a {
  cursor: pointer;
}
.rightToleft .backLink:before {
  content: "\f18e";
  position: relative;
  cursor: pointer;
  padding-left: 5px;
  top: 2px;
}
/*a.fieldHelp:hover, a.fieldHelp:focus {
    .fa-info-circle {
        -moz-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        -webkit-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}*/
.shortCutNotVisible {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
html,
body {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  font-family: inherit;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,
ul,
li {
  list-style: none;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
a {
  text-decoration: none;
}
*,
*:before,
*:after {
  box-sizing: border-box;
  border-width: 1px;
}
body {
  width: 100%;
  line-height: 1.25em;
}
ul:empty {
  visibility: hidden;
}
label {
  margin-top: 20px;
}
.listContainer > ul {
  padding: 0.3px /* force no margin collapse */ 0;
}
.listContainer > li {
  margin: 20px 0;
}
button,
.button,
.btn,
.primaryButton,
.goLink {
  padding: 0 10px;
  min-height: 40px;
  line-height: 40px;
  margin-left: 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-left: 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;
}
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;
}
.legendWithScreenReaderText {
  margin: 0px;
}
.ladda-button .screenReaderText {
  display: none;
}
.ladda-button[data-loading] .screenReaderText {
  display: inline-block;
}
i.fa span.descr {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.defaultPadding {
  padding: 20px 20px;
}
.defaultMargins {
  margin: 20px 20px;
}
.vMargin {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
}
.textWidth {
  width: 600px;
}
@media only screen and (max-width: 650px) {
  .textWidth {
    width: 100%;
  }
}
.controlHeight {
  height: 30px;
  line-height: 30px;
}
.hidden {
  visibility: hidden;
}
.offScreen {
  position: absolute;
  top: -10000px;
}
.fullWidth {
  display: block;
  float: none;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  right: 0;
  left: 0;
}
@media only screen and (max-width: 670px) {
  .gateway .responsiveWidth {
    display: block;
    float: none;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    right: 0;
    left: 0;
  }
}
@media only screen and (min-width: 671px) {
  .gateway .responsiveShow {
    display: none !important;
  }
}
.mobileOnly {
  display: none;
}
@media only screen and (max-width: 768px) {
  .mobileOnly {
    display: block;
  }
}
.desktopOnly {
  display: block;
}
@media only screen and (max-width: 768px) {
  .desktopOnly {
    display: none !important;
  }
}
.noTransition {
  transition: 0 cubic-bezier(0.25, 0.25, 0.75, 0.75) none;
}
.largeBackgroundImage {
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.veryLargeBackgroundImage {
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}
.config .configHidden {
  outline: dotted red 1px;
  display: inline-block;
  min-height: 20px;
  min-width: 20px;
}
.config .configHidden img {
  opacity: .0001;
}
.bracketed:before {
  content: "[";
}
.bracketed:after {
  content: "]";
}
.tile {
  display: block;
  width: 25%;
  min-width: 6em;
  float: right;
}
.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;
  z-index: 2;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  /*filter: ~"alpha(opacity = @{opacityPercentage})";*/
  /* causes run time error */
}
#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: right;
  height: 20px;
  width: 20px;
}
input[styled-input][type=checkbox],
input[styled-input][type=radio] {
  position: absolute;
  margin: 0;
  z-index: 1;
  opacity: .0001;
}
input[styled-input][type=checkbox],
input[styled-input][type=radio] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.01)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.01)";
}
.pseudoradio,
.pseudocheckbox {
  position: relative;
  z-index: 0;
  border-style: solid;
  margin-left: 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-right: -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;
}
.rightAngleBracketCircle {
  content: "\f18e";
  position: relative;
  cursor: pointer;
}
.leftStepbackward {
  content: "\f048";
  position: relative;
  cursor: pointer;
}
.rightStepForward {
  content: "\f051";
  position: relative;
  cursor: pointer;
}
.close,
.closeButton {
  font-family: DejaVu, 'Lucida Sans Unicode', 'Arial Unicode MS', 'Arial Narrow';
  cursor: pointer;
}
.closeButton {
  font-size: 120%;
  margin: -10px 0 0 -10px;
  float: left;
  padding: 1px 4px 4px;
}
.closeButton:focus {
  outline: 2px dotted;
}
body.ngdialog-open {
  overflow: auto;
  padding-left: 0 !important;
}
.CustomizedDialogContent {
  max-height: 100%;
  overflow-y: auto;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .CustomizedDialogContent {
    padding: 15px;
  }
}
.gateway .ngdialog {
  padding-bottom: 0px;
}
.gateway .ngdialog .ngdialog-content {
  max-height: 100%;
  overflow-y: auto;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .gateway .ngdialog .ngdialog-content {
    padding: 15px;
  }
}
.gateway .ngdialog.ngdialog-theme-default {
  z-index: 100;
}
.ngdialog.draggable {
  height: 0;
  padding: 0;
  bottom: auto;
  overflow: visible;
  background-color: inherit;
}
.ngdialog.draggable .ngdialog-overlay {
  display: none;
}
.ngdialog.draggable .ngdialog-content.ui-draggable {
  min-width: 400px;
  min-height: 200px;
  top: 10px;
  cursor: move;
  box-shadow: -1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
}
.gateway .ngdialog.ngdialog-theme-default.dialogWithIFrame {
  overflow-y: auto;
}
.gateway .ngdialog.ngdialog-theme-default.dialogWithIFrame .ngdialog-content {
  padding: 0;
}
.gateway .referralProfileBuilder.ngdialog.ngdialog-theme-default.dialogWithIFrame {
  padding: 0;
}
.gateway .referralProfileBuilder.ngdialog.ngdialog-theme-default.dialogWithIFrame .ngdialog-content {
  padding: 0;
  width: 100%;
  border-radius: 0;
}
/*.dialogIFrameBody .encompassingDiv {
    padding-top: 10px;
}*/
.dialog-close {
  position: absolute;
  top: 5px;
  left: 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 {
  background-color: transparent;
  position: absolute;
  z-index: 0;
  border-color: transparent;
}
input::-webkit-input-placeholder {
  color: #757575;
  font-style: italic;
}
input::-moz-placeholder {
  color: #757575;
  font-style: italic;
}
input:-ms-input-placeholder {
  color: #757575;
  font-style: italic;
}
input:-moz-placeholder {
  color: #757575;
  font-style: italic;
}
.textAreaWrapper {
  border-style: solid;
  padding: 6px 10px;
}
.textAreaWrapper textArea {
  width: 100%;
  border: none;
  font-size: inherit;
  padding: 0;
  resize: none;
}
.availableListItem {
  font-size: 90%;
  margin: 0 0 8px 0;
  display: block;
}
.availableListItem a.availableLink {
  padding: 4px 6px;
  overflow: hidden;
  border-radius: 6px;
}
.selectedTile {
  float: right;
  padding: 5px 5px 5px 5px;
  margin: 5px 5px 5px 5px;
  padding-left: 28px;
  position: relative;
}
.selectedTile .close {
  background-color: transparent;
  display: inline-block;
  font-size: 120%;
  margin-top: -6px;
  padding: 6px;
  position: absolute;
  left: 0;
  border: none;
}
.selectedTile .close:hover {
  border: none;
}
.selectedTile .close:after {
  font-family: fontawesome;
  content: '\F00D';
}
.selectedTile .close:focus {
  outline: 2px dotted;
}
.largeTitle {
  font-size: 130%;
}
.clickShield {
  background-image: url("about: blank");
  position: absolute;
  z-index: 1;
  background-color: transparent;
  height: 20px;
  width: 80px;
}
body {
  overflow-x: hidden;
}
.noHeader .pageHeader,
.noHeader .divider {
  display: none;
}
#content {
  width: 100%;
}
.mainContainer,
.pageSubheaderLiner,
.powerSearchContainer,
.jobDetailsMainDiv,
div.jobDetailsSubHeader {
  position: relative;
  padding-right: 30px;
  padding-left: 30px;
}
@media only screen and (max-width: 480px) {
  .mainContainer,
  .pageSubheaderLiner,
  .powerSearchContainer,
  .jobDetailsMainDiv,
  div.jobDetailsSubHeader {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.buttonsFooterAccent {
  position: relative;
}
.header,
.footer,
.region {
  position: relative;
  padding: 20px 30px 20px 30px;
}
@media only screen and (max-width: 768px) {
  .header,
  .footer,
  .region {
    padding: 20px 15px 20px 15px;
  }
}
#footer_include.footer {
  padding: 0px;
}
.region + .region {
  padding-top: 0;
}
.sidebarNav {
  padding: 4px 6px;
  overflow: hidden;
  border-radius: 4px;
  margin-left: 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-left: 6px;
  height: 26px;
  line-height: 26px;
  background-color: #333333;
  border: 2px solid #333333;
  color: #f6f6f6;
}
.brandingToolbar.toolbar > div.buttonContainer a:last-child {
  margin-left: 0;
}
.brandingToolbar.toolbar > div.instructions {
  float: left;
}
.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: right;
}
.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: left;
}
.advanced-branding-dialog .buttonContainer button {
  margin-left: 0;
  background-color: #333333 !important;
  color: #f6f6f6 !important;
}
.pageHeader {
  padding: 0 30px 0 0;
  text-align: left;
  position: relative;
  z-index: 3;
  overflow: hidden;
  height: 50px;
}
@media only screen and (max-width: 768px) {
  .pageHeader {
    padding: 0 15px 0 0;
    text-align: center;
  }
}
.pageHeader .threeLineIcon,
.pageHeader .revealSearchLink {
  display: none;
  float: right;
  font-size: 125%;
  line-height: 30px;
  position: relative;
  padding: 0px 5px 0px 5px;
  margin: 10px 10px 10px 0;
}
@media only screen and (max-width: 480px) {
  .pageHeader .threeLineIcon,
  .pageHeader .revealSearchLink {
    margin: 10px 0px 10px 0;
  }
}
@media only screen and (max-width: 768px) {
  .pageHeader .threeLineIcon,
  .pageHeader .revealSearchLink {
    display: block;
  }
}
.pageHeader .primaryHeaderLogoWrapperLink {
  float: none;
  display: block;
  margin-left: 20px;
}
@media only screen and (max-width: 768px) {
  .pageHeader .primaryHeaderLogoWrapperLink {
    display: inline-block;
    float: none;
    margin-left: 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: right;
  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: left;
  margin-top: -50px;
  width: 60px;
}
@media only screen and (max-width: 768px) {
  .pageHeader .rightIcons {
    margin-top: 0px;
    margin-left: -2px;
  }
}
.pageHeader .rightIcons .revealSearchLink {
  float: right;
  padding-right: 0px;
}
.pageHeader .rightIcons .revealSearchLink .fa-search {
  position: relative;
  top: 2px;
  width: 1.5em;
}
.pageHeader .rightIcons .bellIcon {
  display: inline-block;
  font-size: 22px;
  padding: 0 15px 0 16px;
  margin: 2px;
  border: 0px;
}
@media only screen and (max-width: 480px) {
  .pageHeader .rightIcons .bellIcon {
    padding: 0 15px 0 15px;
  }
}
.pageHeader .rightIcons .bellIcon.panelShow .fa-stack .fa-bell:hover {
  border: red solid 1px;
}
.pageHeader .rightIcons .bellIcon .fa-stack {
  width: 1.2em;
}
.pageHeader .rightIcons .bellIcon .fa-stack .fa-bell {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  width: 25px;
  font-size: 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;
  right: 20px;
  bottom: 43px;
}
.pageHeader .rightIcons .bellIcon .fa-stack .numberCircle .number {
  color: white;
  font-size: 18px;
  font-weight: bolder;
  line-height: 20px;
}
.notificationBoxContainer {
  box-shadow: -1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
}
.bPhoneViewLinksVisible .linkContainer {
  right: 0;
  z-index: 4;
}
@media only screen and (max-width: 768px) {
  .bPhoneViewLinksVisible .linkContainer {
    box-shadow: -1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  }
}
.linkContainer {
  transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}
.linkContainer .backLink {
  display: none;
}
@media only screen and (max-width: 768px) {
  .linkContainer {
    width: 100%;
    position: absolute;
    right: -100%;
    z-index: 3;
    max-width: 500px;
    text-align: right;
    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-left: 30px;
  line-height: 60px;
}
@media only screen and (max-width: 768px) {
  .linkContainer a.headerLink,
  .linkContainer a.backLink {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .linkContainer a.headerLink,
  .linkContainer a.backLink {
    margin-right: 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;
  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-right: -1.1em;
  width: 1em;
}
.menu ul li a,
.menu ul li h3,
.menu ul li .swatch,
.menu ul li .inputWrapper {
  display: block;
  padding: 8px 24px 8px 12px;
  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-right: 15.6px;
}
.menu ul li div.inputWrapper {
  position: relative;
}
.menu ul li div.inputWrapper.helpText {
  font-size: 12px;
  line-height: 16px;
  width: 300px;
  white-space: normal;
}
.menu ul li div.inputWrapper.helpText .helpTextHeading {
  font-weight: bold;
  text-transform: uppercase;
}
.menu ul li div.inputWrapper input {
  margin: 0;
}
.menu ul li div.swatch {
  border-bottom: solid thin black;
  border-radius: 0 !important;
  text-shadow: -2px 1px 4px rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.menu ul li div.swatch.dark {
  color: White;
}
.listContainer {
  display: block;
  margin: 0 auto 20px;
  list-style: none;
  line-height: 1.25em;
  max-width: 900px;
  margin: 0 auto;
}
@media only screen and (max-width: 480px) {
  .listContainer {
    margin: 0;
    max-width: none;
  }
}
@media only screen and (max-width: 620px) {
  .listContainer {
    margin: 0;
  }
}
.listContainer ul {
  overflow: hidden;
}
@media only screen and (max-width: 620px) {
  .listContainer ul {
    overflow: hidden;
    border-radius: 0;
  }
}
.listContainer ul.ruled li {
  padding: 20px 20px;
  margin: 0;
}
.listContainer ul.ruled li:last-child .liner {
  border-bottom: none;
}
.listContainer ul.ruled li .liner {
  padding-bottom: 20px;
  border-bottom-style: solid;
}
.listContainer ul.ruled li .liner p.thick {
  font-weight: bold;
}
.listContainer li {
  margin: 20px 20px;
}
.listContainer li .liner {
  *zoom: 1;
}
.listContainer li .liner:before,
.listContainer li .liner:after {
  content: "";
  display: table;
  border: none;
  padding: 0;
}
.listContainer li .liner:after {
  clear: both;
}
.listContainer em {
  font-weight: bold;
  font-style: italic;
}
.empty .listContainer {
  display: none;
}
.dialog {
  /*.offScreen;
    .rounded(0);*/
  z-index: 10;
  width: 100%;
  display: inline-block;
}
.dialog .header {
  *zoom: 1;
  border-bottom-style: solid;
}
.dialog .header:before,
.dialog .header:after {
  content: "";
  display: table;
  border: none;
  padding: 0;
}
.dialog .header:after {
  clear: both;
}
.dialog .header h1 {
  white-space: nowrap;
  float: right;
}
@media only screen and (max-width: 480px) {
  .dialog .header h1 {
    white-space: normal;
  }
}
.dialog .footer {
  border-top-style: solid;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.pseudoradio :focus {
  outline: none;
}
input,
textarea,
.pseudocheckbox,
.ui-selectmenu-button,
.ui-state-default,
.gridclickable {
  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;
  -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 .2em 0 1.2em;
  position: absolute;
  right: 0;
  text-align: right;
  white-space: nowrap;
  color: #757575;
}
.gateway .controlWrapper.autocompleteWrapper .controlLiner .cue {
  font-style: italic;
}
.gateway .controlWrapper.autocompleteWrapper .controlLiner textarea {
  overflow: hidden;
}
.gateway .controlWrapper.autocompleteWrapper .controlLiner input::-ms-clear {
  height: 0 !important;
  width: 0 !important;
  display: none !important;
}
.gateway .controlWrapper .promptIcon,
.gateway .controlWrapper .clearButton {
  position: absolute;
  display: inline-block;
  line-height: normal;
}
.gateway .controlWrapper .promptIcon {
  width: 1em;
  opacity: .6;
}
.gateway .controlWrapper .clearButton {
  cursor: pointer;
  left: 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 {
  right: 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") 100% -300px;
  display: inline-block;
  height: 17px;
  width: 20px;
}
.tgLocale {
  max-width: 20%;
  padding: 5px 10px;
  float: right;
  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-right: 0px;
}
.footerLink {
  text-decoration: none;
  min-width: 8%;
  max-width: 30%;
  text-align: center;
  border-right: 1px solid;
  display: inline-block;
  margin-left: 6px;
  padding: 5px 10px;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .footerLink {
    border-right: 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-right: 0;
  border-bottom: 1px solid;
  min-height: 40px;
  line-height: 40px;
  max-width: 100%;
  display: block;
  float: none;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  right: 0;
  left: 0;
  padding: 4px 0 4px 0;
}
.stackedFooter .tgLocale {
  border-right: 0;
  border-bottom: 1px solid;
  display: block;
  float: none;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  right: 0;
  left: 0;
  max-width: 100%;
  min-height: 40px;
  padding: 8px 0 4px 0;
}
.stackedFooter .footerLinkContainer {
  display: block;
  float: none;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  right: 0;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .footerLinkContainer.mobileOnly {
    display: none !important;
  }
}
.popover {
  position: absolute;
  z-index: 1010;
  display: none;
  padding: 10px 20px;
  line-height: 20px;
  box-shadow: -1px 1.5px 2px 1px rgba(0, 0, 0, 0.35);
  max-width: 400px;
  background-color: #5A5A5A;
  color: White;
}
.popover .tooltiptext {
  padding-top: 15px;
}
.popover .hd .dialog-close {
  font-size: 18px;
  position: absolute;
  color: inherit;
  display: inline-block;
  top: 0;
  left: 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-right: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-right: -10px;
}
.popover.top .arrow {
  bottom: -2px;
  right: 30px;
  margin-top: -10px;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid;
}
.popover.right .arrow {
  top: 50%;
  right: 0;
  margin-top: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid;
}
.popover.bottom .arrow {
  top: 0;
  right: 30px;
  margin-top: -8px;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #5A5A5A;
}
.popover.left .arrow {
  top: 50%;
  left: 0;
  margin-top: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid;
}
.fade {
  transition: opacity 0.4s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}
.gateway ul.ui-autocomplete {
  border-radius: 0;
  max-height: 200px;
  overflow: auto;
}
.gateway ul.ui-autocomplete.hideAutocomplete {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .gateway ul.ui-autocomplete::-webkit-scrollbar {
    width: 12px;
  }
  .gateway ul.ui-autocomplete::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-right: 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-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 12px solid #5A5A5A;
  }
  .gateway ul.ui-autocomplete::-webkit-scrollbar-button:vertical:single-button:decrement {
    margin: 2px;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 12px solid #5A5A5A;
  }
}
.gateway .ui-autocomplete-loading {
  background: white url('/gqweb/img/ajax-loader.gif') left 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-left: 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;
  -ms-text-overflow: ellipsis;
  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 {
  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: right;
  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;
  right: 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-right: 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-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 12px solid #5A5A5A;
  }
  .ui-selectmenu-menu .ui-menu::-webkit-scrollbar-button:vertical:single-button:decrement {
    margin: 2px;
    border-right: 8px solid transparent;
    border-left: 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 {
  left: 5px;
  right: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.ui-selectmenu-button .ui-selectmenu-text {
  display: block;
  white-space: nowrap;
  margin-left: 20px;
}
button.ui-datepicker-trigger {
  position: absolute;
  margin-right: 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;
  left: 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: "\f0d9";
  font-size: 22px;
  padding: 0 6px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  text-align: left;
  margin: 0 30px 0 30px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  margin: 0 30px 0 30px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
  content: "\f0da";
  font-size: 22px;
  padding: 0 6px;
}
.ui-datepicker .ui-datepicker-header .next-year {
  margin: 0;
  text-align: left;
}
.ui-datepicker .ui-datepicker-header .prev-year {
  margin: 0;
}
.ui-datepicker .ui-datepicker-header .next-year:after {
  content: "\f0da \f0da";
  font-size: 22px;
  padding: 0 6px;
}
.ui-datepicker .ui-datepicker-header .prev-year:after {
  content: "\f0d9 \f0d9";
  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;
  left: 8px;
  border: none;
  border-radius: 0;
}
.ngdialog.ngdialog-theme-default .ngdialog-close:before {
  top: 0;
  left: 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 .disabled,
.themed :disabled {
  background-color: #AEAEAE !important;
  cursor: default !important;
  color: inherit !important;
}
.themed .disabled span,
.themed :disabled span {
  color: inherit !important;
}
.themed #swfCoreHeader .disabled,
.themed #swfCoreHeader :disabled {
  background-color: inherit !important;
  cursor: inherit !important;
  color: inherit !important;
}
.themed #swfCoreHeader .disabled span,
.themed #swfCoreHeader :disabled span {
  color: inherit !important;
}
.themed 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.linkedin .button-label,
.themed .fieldButton.linkedin .button-label,
.themed .loginWidget .fa.fa-linkedin .button-label {
  outline-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.facebook .button-label,
.themed .fieldButton.facebook .button-label,
.themed .loginWidget .fa.fa-facebook .button-label {
  outline-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.twitter .button-label,
.themed .fieldButton.twitter .button-label,
.themed .loginWidget .fa.fa-twitter .button-label {
  outline-color: #fff;
}
.themed button.pseudoGoogle,
.themed .fieldButton.pseudoGoogle,
.themed .loginWidget .pseudoGoogle,
.themed .loginWidget .fa.fa-google {
  border: 2px solid #4285f4;
  background-color: #4285f4;
  color: #fff;
}
.themed button.pseudoGoogle:hover,
.themed .fieldButton.pseudoGoogle:hover,
.themed .loginWidget .pseudoGoogle:hover,
.themed .loginWidget .fa.fa-google:hover {
  border: 2px solid #1467f1;
  background-color: #1467f1;
  color: #fff;
}
.themed button.pseudoGoogle .button-label,
.themed .fieldButton.pseudoGoogle .button-label,
.themed .loginWidget .pseudoGoogle .button-label,
.themed .loginWidget .fa.fa-google .button-label {
  outline-color: #fff;
}
.themed .g-signin2 {
  display: none;
  width: 0px;
  height: 0px;
}
.applyFlow {
  padding: 10px 30px;
}
.applyFlow .submissionComplete {
  display: none;
  border-width: 0px;
}
.applyFlow .requiredFieldsDescription {
  margin: 0 0 20px 0;
}
.applyFlow .baseColorPalette span.requiredFieldIndicator,
.applyFlow .requiredFieldIndicator {
  color: #D82021;
  display: inline;
}
.applyFlow .SMSVendorSpeficicText {
  margin-bottom: 0px;
}
.applyFlow #GeneralSkillsWidget .skillsHeading {
  padding-bottom: 10px;
}
.applyFlow #GeneralSkillsWidget .maxSkillsText {
  margin: 0px 0px 5px 0px;
}
.applyFlow .ListView ol {
  margin-right: 20px;
}
.applyFlow .ListView ol li {
  list-style-type: decimal;
  padding: 5px;
}
.applyFlow .ListView ul {
  margin-right: 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-right: 15px;
    padding-left: 15px;
  }
}
.applyFlow .backLink {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
}
.applyFlow h1 {
  font-size: 150%;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
}
.applyFlow h2 {
  font-weight: bold;
  line-height: 25px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
  padding-top: 20px;
}
.applyFlow .introductionContainer p {
  margin-bottom: 20px;
}
.applyFlow .subsection {
  width: 600px;
}
@media only screen and (max-width: 650px) {
  .applyFlow .subsection {
    width: 100%;
  }
}
.applyFlow .subsection.lightAccentBkg {
  padding: 20px;
  margin-bottom: 20px;
}
.applyFlow .subsection.lightAccentBkg div.baseColorPalette {
  padding: 10px;
}
.applyFlow .lblbold {
  font-weight: 600;
}
.applyFlow .reviewPageTitle {
  font-size: 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: left;
  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-left: 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: right;
  height: 30px;
  width: 100%;
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  border-width: 1px 0 1px 1px;
  border-style: solid;
}
.applyFlow .progressBarContainer .progressBar .meter {
  height: 100%;
  min-width: 6px;
}
.applyFlow .progressBarContainer #progressPercentage {
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  line-height: 30px;
  font-weight: bold;
}
.applyFlow .layoutsection div.separator {
  width: calc(100% + 40px);
  margin-right: -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-right: -20px;
  width: calc(100% + 40px);
}
.applyFlow .layoutsection div.heading.reviewHeading table.lightAccentBkg td {
  padding-bottom: 20px;
}
.applyFlow .layoutsection div.heading.reviewHeading table.lightAccentBkg td .jobTitle {
  margin-top: 20px;
}
.applyFlow .layoutsection div.heading:first-of-type {
  padding-top: 0;
  padding-bottom: 10px;
}
.applyFlow .layoutsection div.heading:first-of-type:before {
  display: none;
}
.applyFlow .layoutsection div.heading.reviewHeading:first-of-type {
  padding: 10px;
  margin-top: 0px;
}
.applyFlow .layoutsection .resumesection.ui-bar .ui-radio:last-child,
.applyFlow .layoutsection .resumesection.ui-bar .ui-checkbox:last-child {
  margin-bottom: 0px;
}
.applyFlow .layoutsection .resumesection.ui-bar .buildResumePad {
  top: 20px;
}
.applyFlow .layoutsection .resumesection.ui-bar .paragraphPad {
  margin-bottom: 20px;
}
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .buildResumePad .paragraphPad {
  visibility: hidden;
}
.applyFlow .layoutsection .educationsection.ui-bar,
.applyFlow .layoutsection .experiencesection.ui-bar,
.applyFlow .layoutsection .resumesection.ui-bar,
.applyFlow .layoutsection .coverlettersection.ui-bar {
  padding: 20px 0 0 0;
}
.applyFlow .layoutsection .educationsection.ui-bar > h3,
.applyFlow .layoutsection .experiencesection.ui-bar > h3,
.applyFlow .layoutsection .resumesection.ui-bar > h3,
.applyFlow .layoutsection .coverlettersection.ui-bar > h3 {
  font-weight: bold;
}
.applyFlow .layoutsection .educationsection.ui-bar.reviewEduExpWidget,
.applyFlow .layoutsection .experiencesection.ui-bar.reviewEduExpWidget,
.applyFlow .layoutsection .resumesection.ui-bar.reviewEduExpWidget,
.applyFlow .layoutsection .coverlettersection.ui-bar.reviewEduExpWidget {
  padding-right: 10px;
}
.applyFlow .layoutsection .educationsection.ui-bar.headingInReview,
.applyFlow .layoutsection .experiencesection.ui-bar.headingInReview,
.applyFlow .layoutsection .resumesection.ui-bar.headingInReview,
.applyFlow .layoutsection .coverlettersection.ui-bar.headingInReview {
  padding: 0px;
  margin: 0px;
}
.applyFlow .layoutsection .educationsection.ui-bar.headingInReview a,
.applyFlow .layoutsection .experiencesection.ui-bar.headingInReview a,
.applyFlow .layoutsection .resumesection.ui-bar.headingInReview a,
.applyFlow .layoutsection .coverlettersection.ui-bar.headingInReview a {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.applyFlow .layoutsection .educationsection.ui-bar.headingInReview .lblview,
.applyFlow .layoutsection .experiencesection.ui-bar.headingInReview .lblview,
.applyFlow .layoutsection .resumesection.ui-bar.headingInReview .lblview,
.applyFlow .layoutsection .coverlettersection.ui-bar.headingInReview .lblview {
  font-weight: normal;
}
.applyFlow .layoutsection .educationsection.ui-bar.headingInReview .vMargin:last-of-type,
.applyFlow .layoutsection .experiencesection.ui-bar.headingInReview .vMargin:last-of-type,
.applyFlow .layoutsection .resumesection.ui-bar.headingInReview .vMargin:last-of-type,
.applyFlow .layoutsection .coverlettersection.ui-bar.headingInReview .vMargin:last-of-type {
  margin: 0px;
  font-weight: normal;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent {
  padding: 10px 10px 10px 10px;
  margin-top: 20px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent.backgroundColor,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent.backgroundColor,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent.backgroundColor,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent.backgroundColor {
  margin-top: 10px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent.reviewWidget,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent.reviewWidget,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent.reviewWidget,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent.reviewWidget {
  margin-top: 0;
  padding: 10px 0px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .paragraphBreak,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .paragraphBreak,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .paragraphBreak,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .paragraphBreak {
  display: none;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly .paragraphBreak,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly .paragraphBreak,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly .paragraphBreak,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly .paragraphBreak {
  display: block;
  height: 10px;
  overflow: hidden;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly div.fieldcontain,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly div.fieldcontain,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly div.fieldcontain,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly div.fieldcontain {
  padding: 0px 10px 10px 10px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly .mostRecentStaticText,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly .mostRecentStaticText,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly .mostRecentStaticText,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly .mostRecentStaticText {
  display: block;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly .institution .fieldcontain,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly .institution .fieldcontain,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly .institution .fieldcontain,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly .institution .fieldcontain {
  padding-top: 10px;
  padding-bottom: 0;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly .topParagraph .fieldcontain,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly .topParagraph .fieldcontain,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly .topParagraph .fieldcontain,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly .topParagraph .fieldcontain {
  padding-top: 0;
  padding-bottom: 0;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly .topParagraph:last-of-type .fieldcontain,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly .topParagraph:last-of-type .fieldcontain,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly .topParagraph:last-of-type .fieldcontain,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly .topParagraph:last-of-type .fieldcontain {
  padding-bottom: 10px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly li,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly li,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly li,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly li {
  display: none;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .readOnly li.populated,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .readOnly li.populated,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .readOnly li.populated,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .readOnly li.populated {
  display: list-item;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .widgetinner,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .widgetinner,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .widgetinner,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .widgetinner {
  margin-top: 20px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .widgetinner .textInputWrapper,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent .widgetinner .textInputWrapper,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent .widgetinner .textInputWrapper,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent .widgetinner .textInputWrapper {
  margin-top: 10px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent .widgetinner .inlineTextGroup,
.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-left: 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-left: 0px;
}
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent.reviewWidget .paragraphBreak,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent.reviewWidget .paragraphBreak,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent.reviewWidget .paragraphBreak,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent.reviewWidget .paragraphBreak,
.applyFlow .layoutsection .educationsection.ui-bar .widgetcontent.reviewWidget .buttonContainer,
.applyFlow .layoutsection .experiencesection.ui-bar .widgetcontent.reviewWidget .buttonContainer,
.applyFlow .layoutsection .resumesection.ui-bar .widgetcontent.reviewWidget .buttonContainer,
.applyFlow .layoutsection .coverlettersection.ui-bar .widgetcontent.reviewWidget .buttonContainer {
  display: none;
}
.applyFlow .layoutsection .educationsection.ui-bar .buttonContainer,
.applyFlow .layoutsection .experiencesection.ui-bar .buttonContainer,
.applyFlow .layoutsection .resumesection.ui-bar .buttonContainer,
.applyFlow .layoutsection .coverlettersection.ui-bar .buttonContainer {
  margin-bottom: 0;
  margin-top: 10px;
  padding: 10px;
}
.applyFlow .layoutsection .coverlettersection.ui-bar {
  padding-top: 0px;
}
.applyFlow .layoutsection .attachmentsWidget.ui-bar div.vMargin:last-of-type {
  margin-bottom: 0px;
}
.applyFlow .layoutsection .profileWarningDialog {
  font-family: inherit;
  max-width: 500px;
}
.applyFlow .layoutsection div.fieldcontain {
  padding-bottom: 10px;
  overflow-wrap: break-word;
}
.applyFlow .layoutsection div.fieldcontain .screenReaderText {
  overflow-wrap: normal;
}
.applyFlow .layoutsection div.fieldcontain .fieldcontain {
  padding-right: 0 !important;
}
.applyFlow .layoutsection div.fieldcontain.datefield {
  padding-bottom: 20px;
}
.applyFlow .layoutsection div.fieldcontain > label,
.applyFlow .layoutsection div.fieldcontain label.applyFieldLabel {
  margin-bottom: 12px;
  display: block;
}
.applyFlow .layoutsection div.fieldcontain .ui-selectmenu-button {
  display: block;
}
.applyFlow .layoutsection div.fieldcontain textarea {
  display: block;
}
.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;
  display: inline;
}
.applyFlow .layoutsection div.fieldcontain .htmlField {
  width: 600px;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 650px) {
  .applyFlow .layoutsection div.fieldcontain .htmlField {
    width: 100%;
  }
}
.applyFlow .layoutsection div.fieldcontain > div:last-of-type,
.applyFlow .layoutsection div.fieldcontain .ui-widget,
.applyFlow .layoutsection div.fieldcontain textarea {
  margin-top: 10px;
}
.applyFlow .layoutsection div.fieldcontain p.secondaryLabel {
  margin-bottom: 10px;
}
.applyFlow .layoutsection div.fieldcontain .CatagoryList ul {
  margin-right: 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-left: 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-right: 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 {
    left: auto;
    right: 100%;
    margin-right: -20px;
    top: -5px;
  }
}
.applyFlow .layoutsection div.fieldcontain .dateWrapper {
  overflow: visible;
}
.applyFlow .layoutsection div.fieldcontain .dateWrapper input.hasDatepicker {
  padding-left: 22px;
  max-width: 9em;
}
.applyFlow .layoutsection div.fieldcontain .dateWrapper .clearButton {
  position: absolute;
  left: 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;
  left: 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-right: -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 5px 5px 25px;
  margin-bottom: 5px;
  position: relative;
}
.applyFlow .layoutsection div.fieldcontain ul.selectionList li.selection .remove {
  width: 24px;
  text-align: center;
  position: absolute;
  top: -3px;
  left: 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 5px 5px 25px;
  margin: 5px 0 5px 5px;
  position: relative;
  max-width: 200px;
  display: inline-block;
  -ms-word-break: break-all;
  word-break: break-all;
  vertical-align: top;
}
.applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container ul.selectionList li.selectedskills {
  display: inline;
  overflow-wrap: break-word;
}
.applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .ui-input-search {
  max-width: 100%;
}
.applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .ui-input-search input[type=search] {
  max-width: 300px;
  margin-left: 5px;
}
@media only screen and (max-width: 480px) {
  .applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .ui-input-search input[type=search] {
    width: 85%;
  }
}
@media only screen and (max-width: 300px) {
  .applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .ui-input-search input[type=search] {
    width: 100%;
  }
}
.applyFlow .layoutsection div.fieldcontain.question-SelectedSkills-container .addbutton {
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 10px;
}
.applyFlow .widgetcontent .widgetinner div.eduButtonContainer,
.applyFlow .widgetcontent .widgetinner div.expButtonContainer {
  margin-top: 0;
}
.applyFlow .widgetcontent .widgetinner ul.experienceList,
.applyFlow .widgetcontent .widgetinner ul.educationList {
  padding: 10px;
}
.applyFlow .widgetcontent .widgetinner ul.experienceList .fieldcontain,
.applyFlow .widgetcontent .widgetinner ul.educationList .fieldcontain {
  padding-bottom: 0;
}
.applyFlow .widgetcontent .widgetinner ul.experienceList > li,
.applyFlow .widgetcontent .widgetinner ul.educationList > li {
  padding-bottom: 20px;
}
.applyFlow .widgetcontent .widgetinner ul.experienceList > li:last-child,
.applyFlow .widgetcontent .widgetinner ul.educationList > li:last-child {
  padding-bottom: 0;
}
.applyFlow .widgetcontent .widgetinner ul.experienceList .ui-radio,
.applyFlow .widgetcontent .widgetinner ul.educationList .ui-radio {
  padding-top: 0;
  padding-bottom: 0;
  margin: 20px 0 0 0;
  position: relative;
}
.applyFlow .widgetcontent .widgetinner ul.experienceList label,
.applyFlow .widgetcontent .widgetinner ul.educationList label {
  margin: 0px;
}
.applyFlow .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: left;
  font-weight: bold;
}
.applyFlow .buttonContainer {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0 0 20px 0;
  padding-top: 10px;
}
.applyFlow .containerInline {
  float: right;
}
@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 2px 0 5px;
}
.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-right: 0px;
  }
}
.applyFlow .newMsgContainer .messageHeader {
  font-weight: bold;
}
.applyFlow .closeIcon {
  position: absolute;
  top: -2px;
  left: -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 20px 5px 10px;
  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";
}
.nga-default {
  transition: all 0.8s ease-in-out;
}
.nga-default.ng-hide-add,
.nga-default.ng-hide-remove {
  display: block !important;
}
.nga-slow {
  transition: all 2s ease-in-out;
}
.nga-slow.ng-hide-add,
.nga-slow.ng-hide-remove {
  display: block !important;
}
.nga-fast {
  transition: all 0.3s ease-in-out;
}
.nga-fast.ng-hide-add,
.nga-fast.ng-hide-remove {
  display: block !important;
}
.nga-collapse-add {
  overflow: hidden;
}
.nga-collapse-add.ng-enter:not(.ng-enter-active),
.nga-collapse-add.ng-hide-remove:not(.ng-hide-remove-active) {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-collapse-remove {
  overflow: hidden;
}
.nga-collapse-remove.ng-hide-add.ng-hide-add-active,
.nga-collapse-remove.ng-leave.ng-leave-active {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-collapse-move {
  overflow: hidden;
}
.nga-collapse-move.ng-move {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-collapse-all {
  overflow: hidden;
}
.nga-collapse-all.ng-enter:not(.ng-enter-active),
.nga-collapse-all.ng-hide-add.ng-hide-add-active,
.nga-collapse-all.ng-hide-remove:not(.ng-hide-remove-active),
.nga-collapse-all.ng-leave.ng-leave-active,
.nga-collapse-all.ng-move {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-collapse {
  overflow: hidden;
}
.nga-collapse.ng-enter:not(.ng-enter-active),
.nga-collapse.ng-hide-add.ng-hide-add-active,
.nga-collapse.ng-hide-remove:not(.ng-hide-remove-active),
.nga-collapse.ng-leave.ng-leave-active,
.nga-collapse.ng-move {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-fade-add.ng-enter,
.nga-fade-add.ng-hide-remove {
  opacity: 0;
}
.nga-fade-add.ng-enter.ng-enter-active,
.nga-fade-add.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-fade-remove.ng-hide-add.ng-hide-add-active,
.nga-fade-remove.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-fade-remove.ng-hide-add,
.nga-fade-remove.ng-leave {
  opacity: 1;
}
.nga-fade-move.ng-move {
  opacity: 0;
}
.nga-fade-move.ng-move.ng-move-active {
  opacity: 1;
}
.nga-fade-all.ng-enter,
.nga-fade-all.ng-hide-remove {
  opacity: 0;
}
.nga-fade-all.ng-enter.ng-enter-active,
.nga-fade-all.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-fade-all.ng-hide-add.ng-hide-add-active,
.nga-fade-all.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-fade-all.ng-hide-add,
.nga-fade-all.ng-leave {
  opacity: 1;
}
.nga-fade-all.ng-move {
  opacity: 0;
}
.nga-fade-all.ng-move.ng-move-active {
  opacity: 1;
}
.nga-fade.ng-enter,
.nga-fade.ng-hide-remove {
  opacity: 0;
}
.nga-fade.ng-enter.ng-enter-active,
.nga-fade.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-fade.ng-hide-add.ng-hide-add-active,
.nga-fade.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-fade.ng-hide-add,
.nga-fade.ng-leave {
  opacity: 1;
}
.nga-fade.ng-move {
  opacity: 0;
}
.nga-fade.ng-move.ng-move-active {
  opacity: 1;
}
.nga-rotate-down-add {
  transform: rotateX(0deg);
}
.nga-rotate-down-add.ng-enter,
.nga-rotate-down-add.ng-hide-remove {
  transform: rotateX(-90deg);
}
.nga-rotate-down-add.ng-enter.ng-enter-active,
.nga-rotate-down-add.ng-hide-remove.ng-hide-remove-active,
.nga-rotate-down-remove {
  transform: rotateX(0deg);
}
.nga-rotate-down-remove.ng-hide-add.ng-hide-add-active,
.nga-rotate-down-remove.ng-leave.ng-leave-active {
  transform: rotateX(-90deg);
}
.nga-rotate-down-move,
.nga-rotate-down-remove.ng-hide-add,
.nga-rotate-down-remove.ng-leave {
  transform: rotateX(0deg);
}
.nga-rotate-down-move.ng-move {
  transform: rotateX(-90deg);
}
.nga-rotate-down-all,
.nga-rotate-down-move.ng-move.ng-move-active {
  transform: rotateX(0deg);
}
.nga-rotate-down-all.ng-enter,
.nga-rotate-down-all.ng-hide-remove {
  transform: rotateX(-90deg);
}
.nga-rotate-down-all.ng-enter.ng-enter-active,
.nga-rotate-down-all.ng-hide-remove.ng-hide-remove-active {
  transform: rotateX(0deg);
}
.nga-rotate-down-all.ng-hide-add.ng-hide-add-active,
.nga-rotate-down-all.ng-leave.ng-leave-active {
  transform: rotateX(-90deg);
}
.nga-rotate-down-all.ng-hide-add,
.nga-rotate-down-all.ng-leave {
  transform: rotateX(0deg);
}
.nga-rotate-down-all.ng-move {
  transform: rotateX(-90deg);
}
.nga-rotate-down,
.nga-rotate-down-all.ng-move.ng-move-active {
  transform: rotateX(0deg);
}
.nga-rotate-down.ng-enter,
.nga-rotate-down.ng-hide-remove {
  transform: rotateX(-90deg);
}
.nga-rotate-down.ng-enter.ng-enter-active,
.nga-rotate-down.ng-hide-remove.ng-hide-remove-active {
  transform: rotateX(0deg);
}
.nga-rotate-down.ng-hide-add.ng-hide-add-active,
.nga-rotate-down.ng-leave.ng-leave-active {
  transform: rotateX(-90deg);
}
.nga-rotate-down.ng-hide-add,
.nga-rotate-down.ng-leave {
  transform: rotateX(0deg);
}
.nga-rotate-down.ng-move {
  transform: rotateX(-90deg);
}
.nga-rotate-down.ng-move.ng-move-active {
  transform: rotateX(0deg);
}
.nga-rotate-down.ng-enter,
.nga-rotate-down.ng-hide-remove {
  opacity: 0;
}
.nga-rotate-down.ng-enter.ng-enter-active,
.nga-rotate-down.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-rotate-down.ng-hide-add.ng-hide-add-active,
.nga-rotate-down.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-rotate-down.ng-hide-add,
.nga-rotate-down.ng-leave {
  opacity: 1;
}
.nga-rotate-down.ng-move {
  opacity: 0;
}
.nga-rotate-down.ng-move.ng-move-active {
  opacity: 1;
}
.nga-rotate-right-add {
  transform: rotateY(0deg);
}
.nga-rotate-right-add.ng-enter,
.nga-rotate-right-add.ng-hide-remove {
  transform: rotateY(90deg);
}
.nga-rotate-right-add.ng-enter.ng-enter-active,
.nga-rotate-right-add.ng-hide-remove.ng-hide-remove-active,
.nga-rotate-right-remove {
  transform: rotateY(0deg);
}
.nga-rotate-right-remove.ng-hide-add.ng-hide-add-active,
.nga-rotate-right-remove.ng-leave.ng-leave-active {
  transform: rotateY(90deg);
}
.nga-rotate-right-move,
.nga-rotate-right-remove.ng-hide-add,
.nga-rotate-right-remove.ng-leave {
  transform: rotateY(0deg);
}
.nga-rotate-right-move.ng-move {
  transform: rotateY(90deg);
}
.nga-rotate-right-all,
.nga-rotate-right-move.ng-move.ng-move-active {
  transform: rotateY(0deg);
}
.nga-rotate-right-all.ng-enter,
.nga-rotate-right-all.ng-hide-remove {
  transform: rotateY(90deg);
}
.nga-rotate-right-all.ng-enter.ng-enter-active,
.nga-rotate-right-all.ng-hide-remove.ng-hide-remove-active {
  transform: rotateY(0deg);
}
.nga-rotate-right-all.ng-hide-add.ng-hide-add-active,
.nga-rotate-right-all.ng-leave.ng-leave-active {
  transform: rotateY(90deg);
}
.nga-rotate-right-all.ng-hide-add,
.nga-rotate-right-all.ng-leave {
  transform: rotateY(0deg);
}
.nga-rotate-right-all.ng-move {
  transform: rotateY(90deg);
}
.nga-rotate-right,
.nga-rotate-right-all.ng-move.ng-move-active {
  transform: rotateY(0deg);
}
.nga-rotate-right.ng-enter,
.nga-rotate-right.ng-hide-remove {
  transform: rotateY(90deg);
}
.nga-rotate-right.ng-enter.ng-enter-active,
.nga-rotate-right.ng-hide-remove.ng-hide-remove-active {
  transform: rotateY(0deg);
}
.nga-rotate-right.ng-hide-add.ng-hide-add-active,
.nga-rotate-right.ng-leave.ng-leave-active {
  transform: rotateY(90deg);
}
.nga-rotate-right.ng-hide-add,
.nga-rotate-right.ng-leave {
  transform: rotateY(0deg);
}
.nga-rotate-right.ng-move {
  transform: rotateY(90deg);
}
.nga-rotate-right.ng-move.ng-move-active {
  transform: rotateY(0deg);
}
.nga-rotate-right.ng-enter,
.nga-rotate-right.ng-hide-remove {
  opacity: 0;
}
.nga-rotate-right.ng-enter.ng-enter-active,
.nga-rotate-right.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-rotate-right.ng-hide-add.ng-hide-add-active,
.nga-rotate-right.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-rotate-right.ng-hide-add,
.nga-rotate-right.ng-leave {
  opacity: 1;
}
.nga-rotate-right.ng-move {
  opacity: 0;
}
.nga-rotate-right.ng-move.ng-move-active {
  opacity: 1;
}
.nga-rotate-left-add {
  transform: rotateY(0deg);
}
.nga-rotate-left-add.ng-enter,
.nga-rotate-left-add.ng-hide-remove {
  transform: rotateY(-90deg);
}
.nga-rotate-left-add.ng-enter.ng-enter-active,
.nga-rotate-left-add.ng-hide-remove.ng-hide-remove-active,
.nga-rotate-left-remove {
  transform: rotateY(0deg);
}
.nga-rotate-left-remove.ng-hide-add.ng-hide-add-active,
.nga-rotate-left-remove.ng-leave.ng-leave-active {
  transform: rotateY(-90deg);
}
.nga-rotate-left-move,
.nga-rotate-left-remove.ng-hide-add,
.nga-rotate-left-remove.ng-leave {
  transform: rotateY(0deg);
}
.nga-rotate-left-move.ng-move {
  transform: rotateY(-90deg);
}
.nga-rotate-left-all,
.nga-rotate-left-move.ng-move.ng-move-active {
  transform: rotateY(0deg);
}
.nga-rotate-left-all.ng-enter,
.nga-rotate-left-all.ng-hide-remove {
  transform: rotateY(-90deg);
}
.nga-rotate-left-all.ng-enter.ng-enter-active,
.nga-rotate-left-all.ng-hide-remove.ng-hide-remove-active {
  transform: rotateY(0deg);
}
.nga-rotate-left-all.ng-hide-add.ng-hide-add-active,
.nga-rotate-left-all.ng-leave.ng-leave-active {
  transform: rotateY(-90deg);
}
.nga-rotate-left-all.ng-hide-add,
.nga-rotate-left-all.ng-leave {
  transform: rotateY(0deg);
}
.nga-rotate-left-all.ng-move {
  transform: rotateY(-90deg);
}
.nga-rotate-left,
.nga-rotate-left-all.ng-move.ng-move-active {
  transform: rotateY(0deg);
}
.nga-rotate-left.ng-enter,
.nga-rotate-left.ng-hide-remove {
  transform: rotateY(-90deg);
}
.nga-rotate-left.ng-enter.ng-enter-active,
.nga-rotate-left.ng-hide-remove.ng-hide-remove-active {
  transform: rotateY(0deg);
}
.nga-rotate-left.ng-hide-add.ng-hide-add-active,
.nga-rotate-left.ng-leave.ng-leave-active {
  transform: rotateY(-90deg);
}
.nga-rotate-left.ng-hide-add,
.nga-rotate-left.ng-leave {
  transform: rotateY(0deg);
}
.nga-rotate-left.ng-move {
  transform: rotateY(-90deg);
}
.nga-rotate-left.ng-move.ng-move-active {
  transform: rotateY(0deg);
}
.nga-rotate-left.ng-enter,
.nga-rotate-left.ng-hide-remove {
  opacity: 0;
}
.nga-rotate-left.ng-enter.ng-enter-active,
.nga-rotate-left.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-rotate-left.ng-hide-add.ng-hide-add-active,
.nga-rotate-left.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-rotate-left.ng-hide-add,
.nga-rotate-left.ng-leave {
  opacity: 1;
}
.nga-rotate-left.ng-move {
  opacity: 0;
}
.nga-rotate-left.ng-move.ng-move-active {
  opacity: 1;
}
.nga-rotate-up-add {
  transform: rotateX(0deg);
}
.nga-rotate-up-add.ng-enter,
.nga-rotate-up-add.ng-hide-remove {
  transform: rotateX(90deg);
}
.nga-rotate-up-add.ng-enter.ng-enter-active,
.nga-rotate-up-add.ng-hide-remove.ng-hide-remove-active,
.nga-rotate-up-remove {
  transform: rotateX(0deg);
}
.nga-rotate-up-remove.ng-hide-add.ng-hide-add-active,
.nga-rotate-up-remove.ng-leave.ng-leave-active {
  transform: rotateX(90deg);
}
.nga-rotate-up-move,
.nga-rotate-up-remove.ng-hide-add,
.nga-rotate-up-remove.ng-leave {
  transform: rotateX(0deg);
}
.nga-rotate-up-move.ng-move {
  transform: rotateX(90deg);
}
.nga-rotate-up-all,
.nga-rotate-up-move.ng-move.ng-move-active {
  transform: rotateX(0deg);
}
.nga-rotate-up-all.ng-enter,
.nga-rotate-up-all.ng-hide-remove {
  transform: rotateX(90deg);
}
.nga-rotate-up-all.ng-enter.ng-enter-active,
.nga-rotate-up-all.ng-hide-remove.ng-hide-remove-active {
  transform: rotateX(0deg);
}
.nga-rotate-up-all.ng-hide-add.ng-hide-add-active,
.nga-rotate-up-all.ng-leave.ng-leave-active {
  transform: rotateX(90deg);
}
.nga-rotate-up-all.ng-hide-add,
.nga-rotate-up-all.ng-leave {
  transform: rotateX(0deg);
}
.nga-rotate-up-all.ng-move {
  transform: rotateX(90deg);
}
.nga-rotate-up,
.nga-rotate-up-all.ng-move.ng-move-active {
  transform: rotateX(0deg);
}
.nga-rotate-up.ng-enter,
.nga-rotate-up.ng-hide-remove {
  transform: rotateX(90deg);
}
.nga-rotate-up.ng-enter.ng-enter-active,
.nga-rotate-up.ng-hide-remove.ng-hide-remove-active {
  transform: rotateX(0deg);
}
.nga-rotate-up.ng-hide-add.ng-hide-add-active,
.nga-rotate-up.ng-leave.ng-leave-active {
  transform: rotateX(90deg);
}
.nga-rotate-up.ng-hide-add,
.nga-rotate-up.ng-leave {
  transform: rotateX(0deg);
}
.nga-rotate-up.ng-move {
  transform: rotateX(90deg);
}
.nga-rotate-up.ng-move.ng-move-active {
  transform: rotateX(0deg);
}
.nga-rotate-up.ng-enter,
.nga-rotate-up.ng-hide-remove {
  opacity: 0;
}
.nga-rotate-up.ng-enter.ng-enter-active,
.nga-rotate-up.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-rotate-up.ng-hide-add.ng-hide-add-active,
.nga-rotate-up.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-rotate-up.ng-hide-add,
.nga-rotate-up.ng-leave {
  opacity: 1;
}
.nga-rotate-up.ng-move {
  opacity: 0;
}
.nga-rotate-up.ng-move.ng-move-active {
  opacity: 1;
}
.nga-slide-down-add {
  position: relative;
  overflow: hidden;
}
.nga-slide-down-add.ng-enter,
.nga-slide-down-add.ng-hide-remove {
  top: 50px;
}
.nga-slide-down-add.ng-enter.ng-enter-active,
.nga-slide-down-add.ng-hide-remove.ng-hide-remove-active {
  top: 0;
}
.nga-slide-down-remove {
  position: relative;
  overflow: hidden;
}
.nga-slide-down-remove.ng-hide-add.ng-hide-add-active,
.nga-slide-down-remove.ng-leave.ng-leave-active {
  top: 50px;
}
.nga-slide-down-remove.ng-hide-add,
.nga-slide-down-remove.ng-leave {
  top: 0;
}
.nga-slide-down-move {
  position: relative;
  overflow: hidden;
}
.nga-slide-down-move.ng-move {
  top: 50px;
}
.nga-slide-down-move.ng-move.ng-move-active {
  top: 0;
}
.nga-slide-down-all {
  position: relative;
  overflow: hidden;
}
.nga-slide-down-all.ng-enter,
.nga-slide-down-all.ng-hide-remove {
  top: 50px;
}
.nga-slide-down-all.ng-enter.ng-enter-active,
.nga-slide-down-all.ng-hide-remove.ng-hide-remove-active {
  top: 0;
}
.nga-slide-down-all.ng-hide-add.ng-hide-add-active,
.nga-slide-down-all.ng-leave.ng-leave-active {
  top: 50px;
}
.nga-slide-down-all.ng-hide-add,
.nga-slide-down-all.ng-leave {
  top: 0;
}
.nga-slide-down-all.ng-move {
  top: 50px;
}
.nga-slide-down-all.ng-move.ng-move-active {
  top: 0;
}
.nga-slide-down {
  position: relative;
  overflow: hidden;
}
.nga-slide-down.ng-enter,
.nga-slide-down.ng-hide-remove {
  top: 50px;
}
.nga-slide-down.ng-enter.ng-enter-active,
.nga-slide-down.ng-hide-remove.ng-hide-remove-active {
  top: 0;
}
.nga-slide-down.ng-hide-add.ng-hide-add-active,
.nga-slide-down.ng-leave.ng-leave-active {
  top: 50px;
}
.nga-slide-down.ng-hide-add,
.nga-slide-down.ng-leave {
  top: 0;
}
.nga-slide-down.ng-move {
  top: 50px;
}
.nga-slide-down.ng-move.ng-move-active {
  top: 0;
}
.nga-slide-down.ng-enter,
.nga-slide-down.ng-hide-remove {
  opacity: 0;
}
.nga-slide-down.ng-enter.ng-enter-active,
.nga-slide-down.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-slide-down.ng-hide-add.ng-hide-add-active,
.nga-slide-down.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-slide-down.ng-hide-add,
.nga-slide-down.ng-leave {
  opacity: 1;
}
.nga-slide-down.ng-move {
  opacity: 0;
}
.nga-slide-down.ng-move.ng-move-active {
  opacity: 1;
}
.nga-slide-down.ng-enter:not(.ng-enter-active),
.nga-slide-down.ng-hide-add.ng-hide-add-active,
.nga-slide-down.ng-hide-remove:not(.ng-hide-remove-active),
.nga-slide-down.ng-leave.ng-leave-active,
.nga-slide-down.ng-move {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-slide-right-add {
  position: relative;
  overflow: hidden;
}
.nga-slide-left-add.ng-enter,
.nga-slide-left-add.ng-hide-remove {
  left: 100%;
}
.nga-slide-left-add.ng-enter.ng-enter-active,
.nga-slide-left-add.ng-hide-remove.ng-hide-remove-active {
  left: 0;
}
.nga-slide-right-remove {
  position: relative;
  overflow: hidden;
}
.nga-slide-left-remove.ng-hide-add.ng-hide-add-active,
.nga-slide-left-remove.ng-leave.ng-leave-active {
  left: 100%;
}
.nga-slide-left-remove.ng-hide-add,
.nga-slide-left-remove.ng-leave {
  left: 0;
}
.nga-slide-right-move {
  position: relative;
  overflow: hidden;
}
.nga-slide-left-move.ng-move {
  left: 100%;
}
.nga-slide-left-move.ng-move.ng-move-active {
  left: 0;
}
.nga-slide-right-all {
  position: relative;
  overflow: hidden;
}
.nga-slide-left-all.ng-enter,
.nga-slide-left-all.ng-hide-remove {
  left: 100%;
}
.nga-slide-left-all.ng-enter.ng-enter-active,
.nga-slide-left-all.ng-hide-remove.ng-hide-remove-active {
  left: 0;
}
.nga-slide-left-all.ng-hide-add.ng-hide-add-active,
.nga-slide-left-all.ng-leave.ng-leave-active {
  left: 100%;
}
.nga-slide-left-all.ng-hide-add,
.nga-slide-left-all.ng-leave {
  left: 0;
}
.nga-slide-left-all.ng-move {
  left: 100%;
}
.nga-slide-left-all.ng-move.ng-move-active {
  left: 0;
}
.nga-slide-right {
  position: relative;
  overflow: hidden;
}
.nga-slide-left.ng-enter,
.nga-slide-left.ng-hide-remove {
  left: 100%;
}
.nga-slide-left.ng-enter.ng-enter-active,
.nga-slide-left.ng-hide-remove.ng-hide-remove-active {
  left: 0;
}
.nga-slide-left.ng-hide-add.ng-hide-add-active,
.nga-slide-left.ng-leave.ng-leave-active {
  left: 100%;
}
.nga-slide-left.ng-hide-add,
.nga-slide-left.ng-leave {
  left: 0;
}
.nga-slide-left.ng-move {
  left: 100%;
}
.nga-slide-left.ng-move.ng-move-active {
  left: 0;
}
.nga-slide-right.ng-enter,
.nga-slide-right.ng-hide-remove {
  opacity: 0;
}
.nga-slide-right.ng-enter.ng-enter-active,
.nga-slide-right.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-slide-right.ng-hide-add.ng-hide-add-active,
.nga-slide-right.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-slide-right.ng-hide-add,
.nga-slide-right.ng-leave {
  opacity: 1;
}
.nga-slide-right.ng-move {
  opacity: 0;
}
.nga-slide-right.ng-move.ng-move-active {
  opacity: 1;
}
.nga-slide-right.ng-enter:not(.ng-enter-active),
.nga-slide-right.ng-hide-add.ng-hide-add-active,
.nga-slide-right.ng-hide-remove:not(.ng-hide-remove-active),
.nga-slide-right.ng-leave.ng-leave-active,
.nga-slide-right.ng-move {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-slide-left-add {
  position: relative;
  overflow: hidden;
}
.nga-slide-right-add.ng-enter,
.nga-slide-right-add.ng-hide-remove {
  right: 100%;
}
.nga-slide-right-add.ng-enter.ng-enter-active,
.nga-slide-right-add.ng-hide-remove.ng-hide-remove-active {
  right: 0;
}
.nga-slide-left-remove {
  position: relative;
  overflow: hidden;
}
.nga-slide-right-remove.ng-hide-add.ng-hide-add-active,
.nga-slide-right-remove.ng-leave.ng-leave-active {
  right: 100%;
}
.nga-slide-right-remove.ng-hide-add,
.nga-slide-right-remove.ng-leave {
  right: 0;
}
.nga-slide-left-move {
  position: relative;
  overflow: hidden;
}
.nga-slide-right-move.ng-move {
  right: 100%;
}
.nga-slide-right-move.ng-move.ng-move-active {
  right: 0;
}
.nga-slide-left-all {
  position: relative;
  overflow: hidden;
}
.nga-slide-right-all.ng-enter,
.nga-slide-right-all.ng-hide-remove {
  right: 100%;
}
.nga-slide-right-all.ng-enter.ng-enter-active,
.nga-slide-right-all.ng-hide-remove.ng-hide-remove-active {
  right: 0;
}
.nga-slide-right-all.ng-hide-add.ng-hide-add-active,
.nga-slide-right-all.ng-leave.ng-leave-active {
  right: 100%;
}
.nga-slide-right-all.ng-hide-add,
.nga-slide-right-all.ng-leave {
  right: 0;
}
.nga-slide-right-all.ng-move {
  right: 100%;
}
.nga-slide-right-all.ng-move.ng-move-active {
  right: 0;
}
.nga-slide-left {
  position: relative;
  overflow: hidden;
}
.nga-slide-right.ng-enter,
.nga-slide-right.ng-hide-remove {
  right: 100%;
}
.nga-slide-right.ng-enter.ng-enter-active,
.nga-slide-right.ng-hide-remove.ng-hide-remove-active {
  right: 0;
}
.nga-slide-right.ng-hide-add.ng-hide-add-active,
.nga-slide-right.ng-leave.ng-leave-active {
  right: 100%;
}
.nga-slide-right.ng-hide-add,
.nga-slide-right.ng-leave {
  right: 0;
}
.nga-slide-right.ng-move {
  right: 100%;
}
.nga-slide-right.ng-move.ng-move-active {
  right: 0;
}
.nga-slide-left.ng-enter,
.nga-slide-left.ng-hide-remove {
  opacity: 0;
}
.nga-slide-left.ng-enter.ng-enter-active,
.nga-slide-left.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-slide-left.ng-hide-add.ng-hide-add-active,
.nga-slide-left.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-slide-left.ng-hide-add,
.nga-slide-left.ng-leave {
  opacity: 1;
}
.nga-slide-left.ng-move {
  opacity: 0;
}
.nga-slide-left.ng-move.ng-move-active {
  opacity: 1;
}
.nga-slide-left.ng-enter:not(.ng-enter-active),
.nga-slide-left.ng-hide-add.ng-hide-add-active,
.nga-slide-left.ng-hide-remove:not(.ng-hide-remove-active),
.nga-slide-left.ng-leave.ng-leave-active,
.nga-slide-left.ng-move {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-slide-up-add {
  position: relative;
  overflow: hidden;
}
.nga-slide-up-add.ng-enter,
.nga-slide-up-add.ng-hide-remove {
  bottom: 50px;
}
.nga-slide-up-add.ng-enter.ng-enter-active,
.nga-slide-up-add.ng-hide-remove.ng-hide-remove-active {
  bottom: 0;
}
.nga-slide-up-remove {
  position: relative;
  overflow: hidden;
}
.nga-slide-up-remove.ng-hide-add.ng-hide-add-active,
.nga-slide-up-remove.ng-leave.ng-leave-active {
  bottom: 50px;
}
.nga-slide-up-remove.ng-hide-add,
.nga-slide-up-remove.ng-leave {
  bottom: 0;
}
.nga-slide-up-move {
  position: relative;
  overflow: hidden;
}
.nga-slide-up-move.ng-move {
  bottom: 50px;
}
.nga-slide-up-move.ng-move.ng-move-active {
  bottom: 0;
}
.nga-slide-up-all {
  position: relative;
  overflow: hidden;
}
.nga-slide-up-all.ng-enter,
.nga-slide-up-all.ng-hide-remove {
  bottom: 50px;
}
.nga-slide-up-all.ng-enter.ng-enter-active,
.nga-slide-up-all.ng-hide-remove.ng-hide-remove-active {
  bottom: 0;
}
.nga-slide-up-all.ng-hide-add.ng-hide-add-active,
.nga-slide-up-all.ng-leave.ng-leave-active {
  bottom: 50px;
}
.nga-slide-up-all.ng-hide-add,
.nga-slide-up-all.ng-leave {
  bottom: 0;
}
.nga-slide-up-all.ng-move {
  bottom: 50px;
}
.nga-slide-up-all.ng-move.ng-move-active {
  bottom: 0;
}
.nga-slide-up {
  position: relative;
  overflow: hidden;
}
.nga-slide-up.ng-enter,
.nga-slide-up.ng-hide-remove {
  bottom: 50px;
}
.nga-slide-up.ng-enter.ng-enter-active,
.nga-slide-up.ng-hide-remove.ng-hide-remove-active {
  bottom: 0;
}
.nga-slide-up.ng-hide-add.ng-hide-add-active,
.nga-slide-up.ng-leave.ng-leave-active {
  bottom: 50px;
}
.nga-slide-up.ng-hide-add,
.nga-slide-up.ng-leave {
  bottom: 0;
}
.nga-slide-up.ng-move {
  bottom: 50px;
}
.nga-slide-up.ng-move.ng-move-active {
  bottom: 0;
}
.nga-slide-up.ng-enter,
.nga-slide-up.ng-hide-remove {
  opacity: 0;
}
.nga-slide-up.ng-enter.ng-enter-active,
.nga-slide-up.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-slide-up.ng-hide-add.ng-hide-add-active,
.nga-slide-up.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-slide-up.ng-hide-add,
.nga-slide-up.ng-leave {
  opacity: 1;
}
.nga-slide-up.ng-move {
  opacity: 0;
}
.nga-slide-up.ng-move.ng-move-active {
  opacity: 1;
}
.nga-slide-up.ng-enter:not(.ng-enter-active),
.nga-slide-up.ng-hide-add.ng-hide-add-active,
.nga-slide-up.ng-hide-remove:not(.ng-hide-remove-active),
.nga-slide-up.ng-leave.ng-leave-active,
.nga-slide-up.ng-move {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-squash-left-add {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  right: 0;
}
.nga-squash-left-add.ng-enter,
.nga-squash-left-add.ng-hide-remove {
  width: 0;
  left: 100%;
}
.nga-squash-left-add.ng-enter:not(.ng-enter-active),
.nga-squash-left-add.ng-hide-remove:not(.ng-hide-remove-active) {
  padding-right: 0;
  padding-left: 0;
}
.nga-squash-left-add.ng-enter.ng-enter-active,
.nga-squash-left-add.ng-hide-remove.ng-hide-remove-active {
  width: 100%;
  left: 0;
}
.nga-squash-left-remove {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  right: 0;
}
.nga-squash-left-remove.ng-hide-add,
.nga-squash-left-remove.ng-leave {
  width: 100%;
  left: 0;
}
.nga-squash-left-remove.ng-hide-add.ng-hide-add-active,
.nga-squash-left-remove.ng-leave.ng-leave-active {
  width: 0;
  left: 100%;
  padding-right: 0;
  padding-left: 0;
}
.nga-squash-left-move {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  right: 0;
}
.nga-squash-left-move.ng-move {
  width: 0;
  left: 100%;
}
.nga-squash-left-move.ng-move.ng-move-active {
  width: 100%;
  left: 0;
}
.nga-squash-left-all {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  right: 0;
}
.nga-squash-left-all.ng-enter,
.nga-squash-left-all.ng-hide-remove {
  width: 0;
  left: 100%;
}
.nga-squash-left-all.ng-enter:not(.ng-enter-active),
.nga-squash-left-all.ng-hide-remove:not(.ng-hide-remove-active) {
  padding-right: 0;
  padding-left: 0;
}
.nga-squash-left-all.ng-enter.ng-enter-active,
.nga-squash-left-all.ng-hide-add,
.nga-squash-left-all.ng-hide-remove.ng-hide-remove-active,
.nga-squash-left-all.ng-leave {
  width: 100%;
  left: 0;
}
.nga-squash-left-all.ng-hide-add.ng-hide-add-active,
.nga-squash-left-all.ng-leave.ng-leave-active {
  width: 0;
  left: 100%;
  padding-right: 0;
  padding-left: 0;
}
.nga-squash-left-all.ng-move {
  width: 0;
  left: 100%;
}
.nga-squash-left-all.ng-move.ng-move-active {
  width: 100%;
  left: 0;
}
.nga-squash-left {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  right: 0;
}
.nga-squash-left.ng-enter,
.nga-squash-left.ng-hide-remove {
  width: 0;
  left: 100%;
}
.nga-squash-left.ng-enter:not(.ng-enter-active),
.nga-squash-left.ng-hide-remove:not(.ng-hide-remove-active) {
  padding-right: 0;
  padding-left: 0;
}
.nga-squash-left.ng-enter.ng-enter-active,
.nga-squash-left.ng-hide-add,
.nga-squash-left.ng-hide-remove.ng-hide-remove-active,
.nga-squash-left.ng-leave {
  width: 100%;
  left: 0;
}
.nga-squash-left.ng-hide-add.ng-hide-add-active,
.nga-squash-left.ng-leave.ng-leave-active {
  width: 0;
  left: 100%;
  padding-right: 0;
  padding-left: 0;
}
.nga-squash-left.ng-move {
  width: 0;
  left: 100%;
}
.nga-squash-left.ng-move.ng-move-active {
  width: 100%;
  left: 0;
}
.nga-squash-right-add {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
}
.nga-squash-right-add.ng-enter,
.nga-squash-right-add.ng-hide-remove {
  width: 0;
  right: 100%;
}
.nga-squash-right-add.ng-enter:not(.ng-enter-active),
.nga-squash-right-add.ng-hide-remove:not(.ng-hide-remove-active) {
  padding-right: 0;
  padding-left: 0;
}
.nga-squash-right-add.ng-enter.ng-enter-active,
.nga-squash-right-add.ng-hide-remove.ng-hide-remove-active {
  width: 100%;
  right: 0;
}
.nga-squash-right-remove {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
}
.nga-squash-right-remove.ng-hide-add,
.nga-squash-right-remove.ng-leave {
  width: 100%;
  right: 0;
}
.nga-squash-right-remove.ng-hide-add.ng-hide-add-active,
.nga-squash-right-remove.ng-leave.ng-leave-active {
  width: 0;
  right: 100%;
  padding-right: 0;
  padding-left: 0;
}
.nga-squash-right-move {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
}
.nga-squash-right-move.ng-move {
  width: 0;
  right: 100%;
}
.nga-squash-right-move.ng-move.ng-move-active {
  width: 100%;
  right: 0;
}
.nga-squash-right-all {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
}
.nga-squash-right-all.ng-enter,
.nga-squash-right-all.ng-hide-remove {
  width: 0;
  right: 100%;
}
.nga-squash-right-all.ng-enter:not(.ng-enter-active),
.nga-squash-right-all.ng-hide-remove:not(.ng-hide-remove-active) {
  padding-right: 0;
  padding-left: 0;
}
.nga-squash-right-all.ng-enter.ng-enter-active,
.nga-squash-right-all.ng-hide-add,
.nga-squash-right-all.ng-hide-remove.ng-hide-remove-active,
.nga-squash-right-all.ng-leave {
  width: 100%;
  right: 0;
}
.nga-squash-right-all.ng-hide-add.ng-hide-add-active,
.nga-squash-right-all.ng-leave.ng-leave-active {
  width: 0;
  right: 100%;
  padding-right: 0;
  padding-left: 0;
}
.nga-squash-right-all.ng-move {
  width: 0;
  right: 100%;
}
.nga-squash-right-all.ng-move.ng-move-active {
  width: 100%;
  right: 0;
}
.nga-squash-right {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
}
.nga-squash-right.ng-enter,
.nga-squash-right.ng-hide-remove {
  width: 0;
  right: 100%;
}
.nga-squash-right.ng-enter:not(.ng-enter-active),
.nga-squash-right.ng-hide-remove:not(.ng-hide-remove-active) {
  padding-right: 0;
  padding-left: 0;
}
.nga-squash-right.ng-enter.ng-enter-active,
.nga-squash-right.ng-hide-add,
.nga-squash-right.ng-hide-remove.ng-hide-remove-active,
.nga-squash-right.ng-leave {
  width: 100%;
  right: 0;
}
.nga-squash-right.ng-hide-add.ng-hide-add-active,
.nga-squash-right.ng-leave.ng-leave-active {
  width: 0;
  right: 100%;
  padding-right: 0;
  padding-left: 0;
}
.nga-squash-right.ng-move {
  width: 0;
  right: 100%;
}
.nga-squash-right.ng-move.ng-move-active {
  width: 100%;
  right: 0;
}
.nga-squash-vertical-add {
  position: relative;
  overflow: hidden;
  bottom: 0;
}
.nga-squash-vertical-add.ng-enter,
.nga-squash-vertical-add.ng-hide-remove {
  top: 100%;
}
.nga-squash-vertical-add.ng-enter:not(.ng-enter-active),
.nga-squash-vertical-add.ng-hide-remove:not(.ng-hide-remove-active) {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-squash-vertical-add.ng-enter.ng-enter-active,
.nga-squash-vertical-add.ng-hide-remove.ng-hide-remove-active {
  top: 0;
}
.nga-squash-vertical-remove {
  position: relative;
  overflow: hidden;
  bottom: 0;
}
.nga-squash-vertical-remove.ng-hide-add,
.nga-squash-vertical-remove.ng-leave {
  top: 0;
}
.nga-squash-vertical-remove.ng-hide-add.ng-hide-add-active,
.nga-squash-vertical-remove.ng-leave.ng-leave-active {
  top: 100%;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-squash-vertical-move {
  position: relative;
  overflow: hidden;
  bottom: 0;
}
.nga-squash-vertical-move.ng-move {
  top: 100%;
}
.nga-squash-vertical-move.ng-move.ng-move-active {
  top: 0;
}
.nga-squash-vertical-all {
  position: relative;
  overflow: hidden;
  bottom: 0;
}
.nga-squash-vertical-all.ng-enter,
.nga-squash-vertical-all.ng-hide-remove {
  top: 100%;
}
.nga-squash-vertical-all.ng-enter:not(.ng-enter-active),
.nga-squash-vertical-all.ng-hide-remove:not(.ng-hide-remove-active) {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-squash-vertical-all.ng-enter.ng-enter-active,
.nga-squash-vertical-all.ng-hide-add,
.nga-squash-vertical-all.ng-hide-remove.ng-hide-remove-active,
.nga-squash-vertical-all.ng-leave {
  top: 0;
}
.nga-squash-vertical-all.ng-hide-add.ng-hide-add-active,
.nga-squash-vertical-all.ng-leave.ng-leave-active {
  top: 100%;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-squash-vertical-all.ng-move {
  top: 100%;
}
.nga-squash-vertical-all.ng-move.ng-move-active {
  top: 0;
}
.nga-squash-vertical {
  position: relative;
  overflow: hidden;
  bottom: 0;
}
.nga-squash-vertical.ng-enter,
.nga-squash-vertical.ng-hide-remove {
  top: 100%;
}
.nga-squash-vertical.ng-enter:not(.ng-enter-active),
.nga-squash-vertical.ng-hide-remove:not(.ng-hide-remove-active) {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-squash-vertical.ng-enter.ng-enter-active,
.nga-squash-vertical.ng-hide-add,
.nga-squash-vertical.ng-hide-remove.ng-hide-remove-active,
.nga-squash-vertical.ng-leave {
  top: 0;
}
.nga-squash-vertical.ng-hide-add.ng-hide-add-active,
.nga-squash-vertical.ng-leave.ng-leave-active {
  top: 100%;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.nga-squash-vertical.ng-move {
  top: 100%;
}
.nga-squash-vertical.ng-move.ng-move-active {
  top: 0;
}
.nga-squash-vertical.ng-enter,
.nga-squash-vertical.ng-hide-remove {
  opacity: 0;
}
.nga-squash-vertical.ng-enter.ng-enter-active,
.nga-squash-vertical.ng-hide-remove.ng-hide-remove-active {
  opacity: 1;
}
.nga-squash-vertical.ng-hide-add.ng-hide-add-active,
.nga-squash-vertical.ng-leave.ng-leave-active {
  opacity: 0;
}
.nga-squash-vertical.ng-hide-add,
.nga-squash-vertical.ng-leave {
  opacity: 1;
}
.nga-squash-vertical.ng-move {
  opacity: 0;
}
.nga-squash-vertical.ng-move.ng-move-active {
  opacity: 1;
}
.nga-stagger-add.ng-enter-stagger,
.nga-stagger-leave.ng-leave-stagger,
.nga-stagger-move.ng-move-stagger,
.nga-stagger.ng-enter-stagger,
.nga-stagger.ng-leave-stagger,
.nga-stagger.ng-move-stagger {
  transition-delay: 100ms;
  transition-duration: 0;
}
.nga-stagger-fast.ng-enter-stagger,
.nga-stagger-fast.ng-leave-stagger,
.nga-stagger-fast.ng-move-stagger {
  transition-delay: 20ms;
  transition-duration: 0;
}
.nga-stagger-slow.ng-enter-stagger,
.nga-stagger-slow.ng-leave-stagger,
.nga-stagger-slow.ng-move-stagger {
  transition-delay: 200ms;
  transition-duration: 0;
}
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  /* Prevent font scaling in landscape */
}
.hidelink {
  display: none !important;
}
.skiptoMaincontent {
  position: absolute;
  float: right;
  top: 2px;
  z-index: 10;
  font-size: larger;
}
.skiptoMaincontent a {
  background-color: white;
  color: black !important;
  border: 2px solid red;
}
@media screen {
  body.gateway,
  #homeContainer,
  #content {
    /* iOS 6-, Safari 3.1-6 */
    /* Firefox 19-  */
    /* IE 10 */
    /* 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- */
    /* IE 10 */
    /* Android 4.3-, iOS 8.4- */
    flex-direction: column;
    height: 100%;
  }
}
#content .homeContentLiner {
  /* iOS 6-, Safari 3.1-6 */
  /* Firefox 19- */
  /* IE 10 */
  /* 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%;
  right: 50%;
  margin-right: -50px;
  margin-top: -50px;
  z-index: 101;
}
#content .homeContentLiner span .screenreadertext {
  visibility: hidden;
}
#content .homeFooterWrapper {
  /* iOS 6-, Safari 3.1-6 */
  /* Firefox 19- */
  /* IE 10 */
  /* Android 4.3-, iOS 8.4- */
  flex: none;
}
.ajax-loader {
  position: relative;
  margin-right: -20px;
  margin-top: 20px;
  right: 50%;
}
.TransparentOpacity {
  cursor: wait;
  background-color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.ResetUsernameFooter {
  position: fixed !important;
  bottom: 0 !important;
}
.backLink {
  cursor: pointer;
}
.LinkPadding {
  margin-right: 30px;
}
@media only screen and (max-width: 768px) {
  .LinkPadding {
    margin-right: 0;
  }
}
.bellIcon #bellNotification.screenReaderText {
  visibility: hidden;
}
.gateway.themed .elementShowHideParent {
  position: relative;
}
.gateway.themed .elementShowHideParent input {
  margin: 0px;
  display: inline;
}
.gateway.themed .iconShowHide {
  position: relative;
  background: transparent;
  padding: 3px;
  margin: 0px;
  left: 25px;
}
@media only screen and (max-width: 480px) {
  .gateway.themed .iconShowHide {
    left: 5px;
    float: left;
    top: -28px;
  }
}
.gateway.themed .iconShowHide * {
  margin: 0px;
  display: inline;
}
.gateway.themed .iconShowHide.elementShowHidePhone {
  left: 5px;
  float: left;
  top: -27px;
}
@media only screen and (max-width: 480px) {
  .gateway.themed .iconShowHide.elementShowHidePhone {
    left: 5px;
    float: left;
    top: -27px;
  }
}
.gateway.themed .specialPassWordToggle {
  left: 30px;
}
.search .mainContainer {
  overflow-y: visible;
  padding-right: 0;
  padding-left: 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: left;
}
.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-right: 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-right: 20px;
}
@media only screen and (max-width: 768px) {
  .gateway .welcomeBanner div[configurable-image] img {
    height: auto;
    width: 100%;
    margin-right: 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-left: 20px;
  font-size: 125%;
  font-weight: bold;
}
.gateway .welcomeBanner .welcome .welcomeLiner .welcomeText {
  padding: 8px 0 0 12px;
  display: block;
}
.gateway .welcomeBanner.noWelcomeConfigured .welcome {
  display: none;
}
.noBkgImage .welcomeBanner {
  padding-left: 30px;
}
@media only screen and (min-width: 900px) {
  .noBkgImage .welcomeBanner {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .noBkgImage .welcomeBanner {
    padding-left: 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;
  left: 0;
  margin-top: 12px;
  margin-left: 30px;
  font-size: 20px;
}
@media only screen and (max-width: 480px) {
  .phoneSearchAndFilterWrapper .revealSearchLink {
    margin-left: 15px;
  }
}
.phoneSearchAndFilterWrapper .revealSearchLink .revealSearchIcon {
  height: 1.2em;
}
.phoneSearchAndFilterWrapper .phoneViewSearchBoxWrapper.searchBoxWrapper .searchBoxContainer {
  margin: 0;
  z-index: 4;
  min-width: 20em;
  left: 0;
}
.phoneSearchAndFilterWrapper .phoneViewSearchBoxWrapper.searchBoxWrapper .searchBoxContainer a.upArrow {
  display: block;
  text-align: center;
  position: absolute;
  width: 100%;
  right: 0;
  bottom: 4px;
}
.phoneSearchAndFilterWrapper .phoneFacetList {
  position: relative;
  padding: 0 20px;
  width: 50%;
  float: right;
  z-index: 3;
  border-bottom: solid 4px;
  display: none;
  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: right;
  text-align: center;
  padding: 0 1em;
  width: 44%;
  font-weight: bold;
  padding-top: 20px;
}
.phoneSearchAndFilterWrapper .accordionHeader a.clearAll {
  width: 28%;
  float: left;
  text-align: left;
  padding-top: 20px;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion {
  position: absolute;
  text-align: right;
  width: 100%;
  right: 0;
  background-color: transparent;
  transition: 400ms cubic-bezier(0.25, 0.25, 0.75, 0.75) right;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .back {
  float: right;
  width: 28%;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .back:before {
  font-family: "FontAwesome";
  content: "\f190";
  position: relative;
  cursor: pointer;
  padding-left: 6px;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion.showOptions {
  right: -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: right;
  z-index: 3;
  border-bottom: solid 4px;
  display: none;
  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;
  right: 0;
}
.phoneSearchAndFilterWrapper .facetFilterAccordion .facetFilterAccordionCategories li h3:after {
  font-family: "FontAwesome";
  content: "\f054";
  position: relative;
  cursor: pointer;
  font-weight: bold;
  float: left;
}
.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: right;
  z-index: 3;
  border-bottom: solid 4px;
  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: left;
  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-left: 12px;
  font-size: inherit;
  float: right;
  margin-top: 20px;
}
.searchBoxWrapper .searchBoxContainer .searchControls button {
  font-size: inherit;
  float: right;
  margin-top: 1.5em;
}
.searchBoxWrapper .searchBoxContainer .searchControls .labelText {
  text-align: right;
}
.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: right;
  clear: right;
  width: 29.8em;
  padding-left: 0;
  text-align: left;
  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-left: 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-right: 0px;
  padding-left: 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;
  left: 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: right;
}
.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 0 0 10px;
  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-left: 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-left: 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-left: 20px;
}
.powerSearchContainer ul.jobList li.ng-scope .dateLiner label.dateLabel {
  float: right;
  margin: 10px 0 0 0;
  line-height: 1em;
}
.powerSearchContainer ul.jobList li.ng-scope .dateLiner .controlWrapper {
  clear: right;
  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 0 14px 40px;
  }
  .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: 200em;
  overflow-y: auto;
  padding: 10px 5px 0;
  position: relative;
}
.facet .liner .filterFacet {
  width: 100%;
}
.facet .liner .filterFacet input {
  width: 100%;
}
.facet h3 {
  font-weight: bold;
  padding-bottom: 5px;
}
.facet h3.hasSelections:before {
  font-family: fontawesome;
  content: "\f00c";
  position: absolute;
  right: 0;
}
.facet a.chevron-down:after {
  font-family: "FontAwesome";
  content: "\f078";
  position: relative;
  cursor: pointer;
  font-weight: bold;
  margin: 0 5px 0 5px;
}
@media only screen and (max-width: 768px) {
  .facet a.chevron-down:after {
    display: none;
  }
}
.facet a.chevron-up:after {
  font-family: "FontAwesome";
  content: "\f077";
  position: relative;
  cursor: pointer;
  font-weight: bold;
  margin: 0 5px 0 5px;
}
@media only screen and (max-width: 768px) {
  .facet a.chevron-up:after {
    display: none;
  }
}
.facet li {
  padding: 0;
  margin: 0 0 20px 0;
  clear: left;
  display: table;
}
.facet li:last-child {
  margin-bottom: 10px;
}
.facet li .pseudocheckbox,
.facet li .pseudoradio {
  display: table-cell;
}
.facet li label {
  margin-top: 0;
  display: table-cell;
  position: relative;
  top: -4px;
  -ms-word-break: break-word;
  word-break: break-word;
}
.noJobDescriptions li.job {
  cursor: pointer;
}
div.mainListContainer.listContainer {
  *zoom: 1;
  margin-bottom: 20px;
}
div.mainListContainer.listContainer:before,
div.mainListContainer.listContainer:after {
  content: "";
  display: table;
  border: none;
  padding: 0;
}
div.mainListContainer.listContainer:after {
  clear: both;
}
div.mainListContainer.listContainer .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 {
  left: 345px;
}
@media only screen and (max-width: 900px) {
  div.mainListContainer.listContainer .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    left: 250px;
  }
}
@media only screen and (max-width: 768px) {
  div.mainListContainer.listContainer .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    left: 345px;
    top: 320px;
  }
}
@media only screen and (max-width: 580px) {
  div.mainListContainer.listContainer .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    left: 250px;
  }
}
@media only screen and (max-width: 480px) {
  div.mainListContainer.listContainer .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    left: 200px;
  }
}
@media only screen and (max-width: 380px) {
  div.mainListContainer.listContainer .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    left: 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: right;
  margin-left: 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 20px 0 0;
  height: 40px;
  margin-left: 20px;
}
div.mainListContainer.listContainer .selectJobsWrapper .popover.bottom {
  margin-top: 40px;
  margin-right: -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-right: 40px;
}
div.mainListContainer.listContainer ul.jobList li.job .checkBox {
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog {
  max-height: 100px;
  padding: 10px 0 10px 10px;
  position: absolute;
  top: 0px;
  max-width: 100%;
  left: 0px;
  display: inline;
  z-index: 2;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .right-triangle {
  transform: rotate(-45deg);
  clip: rect(0px, 100px, 45px, 0px);
  height: 100px;
  position: absolute;
  left: -30px;
  top: -15px;
  width: 100px;
  z-index: 1;
  right: unset;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .right-triangle-text {
  transform: rotate(45deg);
  right: 15px;
  top: 21px;
  display: block;
  height: 50px;
  position: absolute;
  width: 50px;
  z-index: 2;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .right-triangle-text .fa-share-alt {
  position: absolute;
  right: 22px;
  top: 2px;
  font-size: 22px;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .left-triangle-text:focus {
  outline: 2px dotted;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog #jobshareLink {
  margin-left: 10px;
  width: 100%;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .jobShareIcon {
  padding: 4px;
  font-size: large;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .jobCloseIcon {
  font-size: large;
  position: absolute;
  top: 15px;
  right: 0px;
  margin: 0 10px;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .shareInput {
  padding-right: 30px;
  display: inline-block;
  width: 80%;
}
div.mainListContainer.listContainer ul.jobList li.job .shareDialog .shareContent {
  display: inline-block;
  padding: 10px;
}
div.mainListContainer.listContainer ul.jobList .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: left;
}
div.mainListContainer.listContainer .showMoreJobsContainer .showMoreJobs {
  display: inline-block;
  margin-left: 20px;
  position: relative;
  top: -5px;
  padding-bottom: 10px;
}
div.mainListContainer.listContainer .padTop {
  padding-top: 20px;
}
div.mainListContainer.listContainer .padBottom {
  padding-bottom: 20px;
}
div.mainListContainer.listContainer .noJobsearchresults {
  max-width: 100%;
}
.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-right: 420px;
}
@media only screen and (max-width: 1424px) {
  .sidebarVisible .sidebar + .listContainer {
    margin-right: 370px;
  }
}
@media only screen and (max-width: 1224px) {
  .sidebarVisible .sidebar + .listContainer {
    margin-right: 340px;
  }
}
@media only screen and (max-width: 1024px) {
  .sidebarVisible .sidebar + .listContainer {
    margin-right: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .sidebarVisible .sidebar + .listContainer {
    padding: 0 20px 20px 20px;
    margin-right: 0;
  }
}
.listContainer.sidebar {
  float: right;
  margin: 0;
  overflow: hidden;
  width: 0;
}
@media only screen and (max-width: 768px) {
  .listContainer.sidebar {
    position: absolute;
    z-index: 2;
  }
}
.sidebarVisible .sidebar {
  width: 420px;
}
@media only screen and (max-width: 1424px) {
  .sidebarVisible .sidebar {
    width: 370px;
  }
}
@media only screen and (max-width: 1224px) {
  .sidebarVisible .sidebar {
    width: 340px;
  }
}
@media only screen and (max-width: 1024px) {
  .sidebarVisible .sidebar {
    width: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .sidebarVisible .sidebar {
    width: 0;
  }
  .sidebarVisible .sidebar.overlay {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .sidebarOverlay .listContainer:last-child {
    display: none;
  }
}
.jobList {
  clear: left;
}
.facetOverflowLink {
  float: left;
  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;
  width: 90%;
}
.featuredJobs,
.referralJobs {
  float: right;
  height: 18px;
  width: 16px;
}
.featuredJobs {
  background: url("/TGNewUI/Content/JS_sprite.png") 100% 0;
}
.referralJobs:after {
  content: "\f005";
  font-family: FontAwesome;
}
.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: right;
  height: 1.25em;
}
.addedon {
  font-size: 85%;
}
@media only screen and (max-width: 480px) {
  .addedon {
    display: block;
    float: none;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    right: 0;
    left: 0;
  }
}
.facetFilters {
  font-size: 90%;
  display: block;
  position: relative;
  padding-right: 20px;
  overflow: hidden;
  border-radius: 6px;
}
.hidedisplay {
  visibility: hidden;
  display: none;
}
.buttonsFooter {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  overflow: visible;
}
.buttonsFooter.searchResultsButtonsFooter {
  z-index: 3;
}
.buttonsFooter .buttonsFooterAccent {
  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-left: 10px;
  }
}
.scrollTopDiv {
  position: fixed;
  bottom: 50px;
  left: 50px;
  font-size: 42px;
  height: 40px;
  width: 40px;
  line-height: 30px;
  cursor: pointer;
  z-index: 3;
  text-align: center;
}
.scrollImageClass {
  width: 30px;
  height: 30px;
  cursor: pointer;
}
.jobValues {
  clear: both;
  overflow-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
}
@media only screen and (max-width: 1024px) {
  .jobValues {
    width: 100%;
  }
}
.clearfix.jobDetailsMainDiv.centeredLayout {
  margin: 0 auto;
  width: 60%;
  padding: 0 20px 0 20px;
  /*@media only screen and (max-width: 1224px) {
        padding-right: 10px;
    }*/
  /*@media @tablet {
        width: 100%;
        margin: 0px;
    }*/
}
.clearfix.jobDetailsMainDiv.centeredLayout .mainDetails {
  cursor: move;
  padding: 10px 10px 0 10px;
}
@media only screen and (max-width: 1224px) {
  .clearfix.jobDetailsMainDiv.centeredLayout {
    width: 70%;
  }
}
@media only screen and (max-width: 768px) {
  .clearfix.jobDetailsMainDiv.centeredLayout {
    width: 100%;
    margin: 0px;
    padding-top: 45px;
  }
}
.accessoryJobDetails {
  display: block;
  width: 100%;
  min-height: 30px;
}
.accessoryJobDetails .backLink {
  margin-right: 30px;
  margin-bottom: 20px;
  display: block;
}
@media only screen and (max-width: 768px) {
  .accessoryJobDetails .backLink {
    padding-top: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .accessoryJobDetails .backLink {
    margin-right: 15px;
  }
}
.jobDetailsMainDiv {
  padding-bottom: 20px;
  line-height: 1.25em;
}
.jobDetailsMainDiv .prevJobDetailsCard,
.jobDetailsMainDiv .nextJobDetailsCard {
  width: 20%;
  max-width: 250px;
  padding: 20px 10px 20px 10px;
  position: fixed;
  display: inline;
  z-index: 3;
  word-break: break-word;
  overflow: visible;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  top: 15%;
}
@media only screen and (max-width: 768px) {
  .jobDetailsMainDiv .prevJobDetailsCard,
  .jobDetailsMainDiv .nextJobDetailsCard {
    top: 0;
  }
}
@media only screen and (max-width: 1224px) {
  .jobDetailsMainDiv .prevJobDetailsCard,
  .jobDetailsMainDiv .nextJobDetailsCard {
    width: 16%;
  }
}
.jobDetailsMainDiv .prevJobDetailsCard .questionClass,
.jobDetailsMainDiv .nextJobDetailsCard .questionClass {
  margin: 0px;
}
.jobDetailsMainDiv .prevJobDetailsCard .questionClass div,
.jobDetailsMainDiv .nextJobDetailsCard .questionClass div {
  margin: 10px 0 10px 0;
}
@media only screen and (max-width: 768px) {
  .jobDetailsMainDiv .prevJobDetailsCard .questionClass,
  .jobDetailsMainDiv .nextJobDetailsCard .questionClass {
    display: none;
  }
}
.jobDetailsMainDiv .prevJobDetailsCard .jobDetailsLiner h1,
.jobDetailsMainDiv .nextJobDetailsCard .jobDetailsLiner h1,
.jobDetailsMainDiv .prevJobDetailsCard h1,
.jobDetailsMainDiv .nextJobDetailsCard h1 {
  font-size: 100%;
  font-weight: 700;
  text-decoration: none;
  width: 80%;
}
@media only screen and (max-width: 768px) {
  .jobDetailsMainDiv .prevJobDetailsCard,
  .jobDetailsMainDiv .nextJobDetailsCard {
    width: unset;
    padding: 3px 5px 3px 5px;
    position: absolute;
  }
}
.jobDetailsMainDiv .prevJobDetailsCard {
  right: 0;
}
.jobDetailsMainDiv .prevJobDetailsCard .prev {
  text-align: right;
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .jobDetailsMainDiv .prevJobDetailsCard .prev {
    margin-top: 0px;
  }
}
.jobDetailsMainDiv .prevJobDetailsCard .prev .fa {
  margin: 0 0 0 10px;
}
.jobDetailsMainDiv .nextJobDetailsCard {
  left: 0;
}
.jobDetailsMainDiv .nextJobDetailsCard .next {
  margin-top: 20px;
  text-align: left;
}
.jobDetailsMainDiv .nextJobDetailsCard .next .fa {
  margin: 0 10px 0 0;
}
@media only screen and (max-width: 768px) {
  .jobDetailsMainDiv .nextJobDetailsCard .next {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .jobDetailsMainDiv .hideNextPrevInMob {
    display: none;
  }
}
.jobDetailsMainDiv .alreadyappliedJob,
.jobDetailsMainDiv .expiredJob {
  position: relative;
  margin: 20px 0 0 0;
}
.jobDetailsMainDiv .alreadyappliedJob .fa.fa-exclamation-triangle,
.jobDetailsMainDiv .expiredJob .fa.fa-exclamation-triangle {
  text-align: center;
  width: 25px;
}
.jobDetailsMainDiv .alreadyappliedJob span.JobFieldsMessage,
.jobDetailsMainDiv .expiredJob span.JobFieldsMessage {
  font-weight: bold;
  margin-left: 10px;
  display: block;
}
.jobDetailsMainDiv .alreadyappliedJob label.JobFieldsMessage,
.jobDetailsMainDiv .expiredJob label.JobFieldsMessage {
  padding: 5px 0 0 0;
  display: block;
  margin: 0;
}
.jobDetailsMainDiv .alreadyappliedJob a.JobFieldsMessage,
.jobDetailsMainDiv .expiredJob a.JobFieldsMessage {
  padding: 5px 0 0 0;
  display: inline-block;
  margin: 0;
}
.jobDetailsMainDiv .JobAlert-close,
.jobDetailsMainDiv .expiredAlert-close,
.jobDetailsMainDiv .jobSavedStatus-close {
  position: absolute;
  top: -2px;
  left: -2px;
  cursor: pointer;
  height: 30px;
  width: 30px;
  /*@media only screen and (max-width: 767px) {
            visibility: hidden;
        }*/
}
.jobDetailsMainDiv .JobAlert-close:before,
.jobDetailsMainDiv .expiredAlert-close:before,
.jobDetailsMainDiv .jobSavedStatus-close:before {
  content: '';
}
.jobDetailsMainDiv .JobAlert-close:after,
.jobDetailsMainDiv .expiredAlert-close:after,
.jobDetailsMainDiv .jobSavedStatus-close:after {
  height: 30px;
  width: 30px;
  font-size: 20px;
  font-weight: lighter;
  line-height: 26px;
  position: absolute;
  text-align: center;
  font-family: fontawesome;
  content: '\F00D';
}
.jobDetailsMainDiv.socialMediaPopulated .backLink {
  margin-bottom: 20px;
}
.jobDetailsMainDiv .socialMediaContainer {
  display: none;
}
.jobDetailsMainDiv .socialShareContainer {
  display: inline-block;
}
.jobDetailsMainDiv .socialMediaContainer .socialMedia,
.jobDetailsMainDiv .socialShareContainer .socialMedia {
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
  margin-bottom: 10px;
}
.jobDetailsMainDiv .socialMediaContainer .socialMedia:empty,
.jobDetailsMainDiv .socialShareContainer .socialMedia:empty {
  margin: 0;
}
.jobDetailsMainDiv .socialMediaContainer .socialMedia iframe.twitter-share-button,
.jobDetailsMainDiv .socialShareContainer .socialMedia iframe.twitter-share-button {
  border: none 0;
}
.jobDetailsMainDiv .socialMediaContainer .socialMedia.linkedin button,
.jobDetailsMainDiv .socialShareContainer .socialMedia.linkedin button {
  min-height: 0px;
}
.jobDetailsMainDiv .socialMediaContainer .socialMedia.jdShare,
.jobDetailsMainDiv .socialShareContainer .socialMedia.jdShare {
  padding: 0 10px;
  min-height: 20px;
  line-height: 16px;
  margin-left: 0px;
  display: inline-block;
}
.jobDetailsMainDiv .socialMediaContainer .socialMedia.jdShare span,
.jobDetailsMainDiv .socialShareContainer .socialMedia.jdShare span {
  margin-right: 10px;
}
.jobDetailsMainDiv .socialMediaContainer .socialMedia.jdShare:focus,
.jobDetailsMainDiv .socialShareContainer .socialMedia.jdShare:focus {
  outline: 2px dotted;
}
.jobDetailsMainDiv .socialMediaContainer .shareDialog,
.jobDetailsMainDiv .socialShareContainer .shareDialog {
  position: relative;
  max-width: 100%;
}
.jobDetailsMainDiv .socialMediaContainer .shareDialog .shareContent,
.jobDetailsMainDiv .socialShareContainer .shareDialog .shareContent,
.jobDetailsMainDiv .socialMediaContainer .shareDialog .closeContent,
.jobDetailsMainDiv .socialShareContainer .shareDialog .closeContent {
  display: block;
}
.jobDetailsMainDiv .socialMediaContainer .shareDialog #jobshareLink,
.jobDetailsMainDiv .socialShareContainer .shareDialog #jobshareLink {
  margin-left: 10px;
  width: 80%;
}
.jobDetailsMainDiv .socialMediaContainer .shareDialog .jobShareIcon,
.jobDetailsMainDiv .socialShareContainer .shareDialog .jobShareIcon {
  position: absolute;
  padding: 4px;
  font-size: large;
}
.jobDetailsMainDiv .socialMediaContainer .shareDialog .shareContent,
.jobDetailsMainDiv .socialShareContainer .shareDialog .shareContent {
  position: absolute;
  margin-top: -10px;
  width: 280px;
  padding: 20px;
  z-index: 3;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
}
@media only screen and (max-width: 320px) {
  .jobDetailsMainDiv .socialMediaContainer .shareDialog .shareContent,
  .jobDetailsMainDiv .socialShareContainer .shareDialog .shareContent {
    width: 200px;
  }
}
.jobDetailsMainDiv .socialMediaContainer .shareDialog .closeContent,
.jobDetailsMainDiv .socialShareContainer .shareDialog .closeContent {
  text-align: center;
  font-size: large;
  position: relative;
  bottom: -10px;
}
.jobDetailsMainDiv.socialMediaPopulated .socialMediaContainer {
  display: inline-block;
}
.success-Close {
  height: 30px;
  width: 30px;
  display: inline-block;
}
.success-Close:before {
  content: '';
}
.success-Close:after {
  height: 30px;
  width: 30px;
  font-size: 16px;
  font-weight: lighter;
  line-height: 26px;
  position: absolute;
  text-align: center;
  font-family: fontawesome;
  content: '\F00D';
}
.jobDetailsSubHeader,
.JobCartPage {
  padding: 0 30px;
}
.jobDetailsSubHeader .ReApplyJobAPI,
.JobCartPage .ReApplyJobAPI {
  padding-bottom: 30px;
}
.jobDetailsSubHeader .ReApplyJobAPI label.JobFieldsMessage,
.JobCartPage .ReApplyJobAPI label.JobFieldsMessage {
  font-weight: bold;
}
.jobDetailsSubHeader .ReApplyJobAPI span.JobFieldsMessage,
.JobCartPage .ReApplyJobAPI span.JobFieldsMessage {
  padding-top: 10px;
  display: block;
}
.jobDetailsSubHeader .ReApplyJobAPI span.JobFieldsMessage h1,
.JobCartPage .ReApplyJobAPI span.JobFieldsMessage h1 {
  font-weight: bold;
}
.jobDetailsSubHeader .alreadyappliedJob,
.JobCartPage .alreadyappliedJob,
.jobDetailsSubHeader .expiredJob,
.JobCartPage .expiredJob {
  position: relative;
  margin: 20px 0 0 0;
}
.jobDetailsSubHeader .alreadyappliedJob .fa.fa-exclamation-triangle,
.JobCartPage .alreadyappliedJob .fa.fa-exclamation-triangle,
.jobDetailsSubHeader .expiredJob .fa.fa-exclamation-triangle,
.JobCartPage .expiredJob .fa.fa-exclamation-triangle {
  text-align: center;
  width: 25px;
}
.jobDetailsSubHeader .alreadyappliedJob span.JobFieldsMessage,
.JobCartPage .alreadyappliedJob span.JobFieldsMessage,
.jobDetailsSubHeader .expiredJob span.JobFieldsMessage,
.JobCartPage .expiredJob span.JobFieldsMessage {
  font-weight: bold;
  margin-left: 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;
  left: -2px;
  cursor: pointer;
  height: 30px;
  width: 30px;
  /*@media only screen and (max-width: 767px) {
            visibility: hidden;
        }*/
}
.jobDetailsSubHeader .JobAlert-close:before,
.JobCartPage .JobAlert-close:before,
.jobDetailsSubHeader .expiredAlert-close:before,
.JobCartPage .expiredAlert-close:before,
.jobDetailsSubHeader .jobSavedStatus-close:before,
.JobCartPage .jobSavedStatus-close:before {
  content: '';
}
.jobDetailsSubHeader .JobAlert-close:after,
.JobCartPage .JobAlert-close:after,
.jobDetailsSubHeader .expiredAlert-close:after,
.JobCartPage .expiredAlert-close:after,
.jobDetailsSubHeader .jobSavedStatus-close:after,
.JobCartPage .jobSavedStatus-close:after {
  height: 30px;
  width: 30px;
  font-size: 20px;
  font-weight: lighter;
  line-height: 26px;
  position: absolute;
  text-align: center;
  font-family: fontawesome;
  content: '\F00D';
}
@media only screen and (max-width: 1024px) {
  .jobDetailsSubHeader,
  .JobCartPage {
    padding-top: 15px;
  }
}
.jobDetailsSubHeader .backLink,
.JobCartPage .backLink {
  margin-bottom: 0;
}
.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-right: 10px;
  display: inline;
}
.EditProfileMenu {
  padding-right: 20px;
}
@media only screen and (max-width: 480px) {
  .EditProfileMenu {
    padding-right: 5px;
  }
}
.EditProfileMenu a {
  margin: 0 10px;
  padding: 0 0 10px;
}
@media only screen and (max-width: 360px) {
  .EditProfileMenu a {
    padding: 0px;
  }
}
.EditProfileMenu .CurrentTab {
  border-bottom: 2px solid;
  padding-bottom: 10px;
  position: relative;
  z-index: 2;
}
@media screen and (-moz-images-in-menus: 0) {
  .EditProfileMenu .CurrentTab {
    padding-bottom: 10px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .EditProfileMenu .CurrentTab {
    padding-bottom: 11px;
  }
}
@media only screen and (max-width: 480px) {
  .EditProfileMenu .CurrentTab {
    border-bottom: 0px;
    background-color: #aaa;
    color: black;
    border: 1px Solid #aaa;
    padding-bottom: 0px;
  }
}
.EditProfileMenu span {
  padding: 0 10px 0 10px;
}
.profileWarningDialog .backLink {
  display: inline-block;
  margin-bottom: 10px;
}
.profileWarningDialog .buttons {
  padding-top: 12px;
}
.EditProfilePage {
  width: 100%;
  margin-top: 10px;
  border-style: solid;
  border-width: 2px 0 0 0;
}
.EditProfilePage .EmptyProfileBox {
  text-align: right;
  float: right;
  padding: 5px 30px 5px 10px;
  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: right;
  }
}
.EditProfilePage .EmptyProfileBox .EditProfileButtons {
  text-align: center;
  margin: 20px 0;
  padding: 0 20px;
}
.EditProfilePage .ProfileBox {
  width: 100%;
}
.EditProfilePage .ProfileBox .status {
  margin: 10px 30px;
  padding: 10px 10px 10px 35px;
  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: left;
  top: 10px;
}
.EditProfilePage .ProfileBox .status .status-close:focus {
  outline: 2px dotted black;
}
.EditProfilePage .ProfileBox .status .message {
  display: inline;
  padding-right: 5px;
}
.EditProfilePage .ProfileBox .invalidStyle {
  background-color: #D82021;
  color: White;
  border-color: #D82021;
}
.EditProfilePage .ProfileBox .EditProfileButtons {
  text-align: center;
  margin-right: 30px;
}
@media only screen and (max-width: 480px) {
  .EditProfilePage .ProfileBox .EditProfileButtons {
    margin-right: 15px;
  }
}
.EditProfilePage .ProfileBox .btnImportProfile {
  margin-top: 30px;
}
.EditProfilePage .ProfileBox .ProfileSections {
  padding: 0 15px;
}
@media only screen and (max-width: 480px) {
  .EditProfilePage .ProfileBox .ProfileSections {
    width: 100%;
    padding: 0;
  }
}
.EditProfilePage .ProfileBox .errorContainer {
  width: calc(66.7% - 8px);
  max-width: 1024px;
  padding: 10px 30px;
}
@media only screen and (max-width: 1024px) {
  .EditProfilePage .ProfileBox .errorContainer {
    width: 100%;
    max-width: 1024px;
  }
}
@media only screen and (max-width: 480px) {
  .EditProfilePage .ProfileBox .errorContainer {
    padding: 15px;
  }
}
.EditProfilePage .ProfileBox .errorContainer span.invalidFieldsMessage {
  font-weight: bold;
  display: inline-block;
}
.EditProfilePage .ProfileBox .errorContainer .errorMsg:before {
  content: '-';
  margin: 0 2px 0 5px;
  white-space: normal;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox {
  width: calc(33.3% - 4px);
  float: right;
  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-right: 20px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent {
  width: 100%;
  display: inline-block;
  margin-top: 20px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .AddskillsSection {
  padding: 10px 0 10px 0;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .skillwrap {
  overflow-wrap: break-word;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent li.skillwrap {
  display: inline;
  overflow-wrap: break-word;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInfoHeaderText {
  margin-bottom: 10px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .EduExpAddLink {
  padding-bottom: 20px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .requiredFieldsDescription {
  margin: 0 0 20px 0;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .requiredFieldIndicator {
  color: #D82021;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .fieldcontain input[type=search] {
  padding-left: 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 {
    left: auto;
    right: 100%;
    margin-right: -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;
  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;
  left: 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 5px 5px 25px;
  margin: 5px 0 5px 5px;
  position: relative;
  max-width: 145px;
  display: inline-block;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  vertical-align: top;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain ul.selectionList li.selection .closeButton {
  width: 24px;
  text-align: center;
  position: absolute;
  top: -3px;
  left: 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;
  margin-top: 5px;
  margin-bottom: 10px;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain input[type=search] {
  width: 100%;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain input:disabled {
  background-color: transparent;
  border: transparent;
  outline: none;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .ProfileFieldText,
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain .ui-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 ul.selectionList li.selection {
  max-width: 200px;
  -ms-word-break: break-all;
  word-break: break-all;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain.skills input:disabled {
  background-color: inherit;
  border: 1px solid;
  outline: none;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain.skills .ui-filterable {
  max-width: 100%;
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain.skills .ui-filterable input[type=search] {
  max-width: 300px;
  margin-left: 5px;
}
@media only screen and (max-width: 480px) {
  .EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain.skills .ui-filterable input[type=search] {
    width: 85%;
  }
}
@media only screen and (max-width: 300px) {
  .EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .fieldcontain.skills .ui-filterable input[type=search] {
    width: 100%;
  }
}
.EditProfilePage .ProfileBox .ProfileSections .ProfileInfoBox .ProfileInfoContent .ProfileInformation .EditProfileButton {
  margin-right: 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-right: 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: left;
  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-right: 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-left: 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-right: 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;
  left: 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-right: -15px;
    margin-left: -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: right;
  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 0px 10px 10px;
  }
}
.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;
  left: 10px;
  cursor: pointer;
  height: 30px;
  width: 30px;
}
.status-close:after {
  height: 30px;
  width: 30px;
  top: 8px;
  font-size: 16px;
  font-weight: lighter;
  line-height: 26px;
  position: absolute;
  text-align: center;
  font-family: fontawesome;
  content: '\F00D';
}
.status-close:focus {
  outline: 2px dotted;
}
.bluesticker {
  background-color: #336FBB;
  color: #ffffff;
}
.yellowsticker {
  color: #000000;
  background-color: #EFC100;
}
.yellowsticker .status-close:after {
  color: #000000;
}
.blur {
  filter: blur(1px);
}
.blur a:focus {
  cursor: text;
}
.VerifyPasscode .inputHeader {
  display: inline-block;
  margin-top: 30px;
}
.VerifyPasscode div.buttonContainer {
  margin-bottom: 50px;
}
.VerifyPasscode #passcodeInput {
  display: block;
}
.jobSavedStatus,
.headerStatusSticker {
  margin-right: auto;
  margin-left: auto;
  right: 0;
  left: 0;
  padding: 10px;
  min-width: 320px;
  max-width: 610px;
  position: fixed;
  top: 0px;
  z-index: 110000;
  height: 40px;
  width: 100%;
}
.jobSavedStatus.BorderSuccess,
.headerStatusSticker.BorderSuccess {
  padding: 0px;
}
@media only screen and (max-width: 480px) {
  .jobSavedStatus,
  .headerStatusSticker {
    width: 99vw;
    margin-right: 0px;
  }
}
.jobSavedStatus .jobSavedMessage,
.headerStatusSticker .jobSavedMessage,
.jobSavedStatus .headerStatusStickerMessage,
.headerStatusSticker .headerStatusStickerMessage {
  display: inline-block;
  padding-right: 10px;
  width: 95%;
}
.jobSavedStatus.float,
.headerStatusSticker.float {
  position: relative;
  margin-bottom: 10px;
  height: auto;
  z-index: 100;
}
.jobSavedStatus.float .headerStatusStickerMessage,
.headerStatusSticker.float .headerStatusStickerMessage {
  max-width: 550px;
}
@media only screen and (max-width: 768px) {
  .jobSavedStatus.float .headerStatusStickerMessage,
  .headerStatusSticker.float .headerStatusStickerMessage {
    max-width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 768px) {
  .jobSavedStatus.float,
  .headerStatusSticker.float {
    margin: 0 30px;
    max-width: 720px;
    width: calc(100% - 60px);
  }
}
@media only screen and (max-width: 480px) {
  .jobSavedStatus.float,
  .headerStatusSticker.float {
    margin: 0 15px;
    min-width: 150px;
    width: calc(100% - 30px);
  }
}
.jobSavedStatus .fa-check,
.headerStatusSticker .fa-check {
  padding-right: 10px;
}
.jobCardsContainer {
  width: 100%;
}
.SavedJobsContainer {
  max-width: 100%;
  float: right;
  width: 100%;
}
.SavedJobsContainer .expiredJob {
  margin-right: 10px;
}
.SavedJobsContainer .savedJobsHeader {
  font-size: 125%;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 480px) {
  .SavedJobsContainer .savedJobsHeader {
    padding-right: 0px;
  }
}
.SavedJobsContainer .jobtitle {
  display: inline;
  line-height: 125%;
}
.SavedJobsContainer .jobtitle:hover {
  border-bottom: 0px solid;
  margin-bottom: 0px;
}
.SavedJobsContainer .emptyJobs {
  padding-right: 15px;
}
@media only screen and (max-width: 480px) {
  .SavedJobsContainer .emptyJobs {
    padding-right: 0px;
  }
}
.SavedJobsContainer .jobActionSuccessfull {
  margin-right: 15px;
  margin-bottom: 10px;
  position: relative;
  margin-top: 10px;
}
@media only screen and (max-width: 480px) {
  .SavedJobsContainer .jobActionSuccessfull {
    margin-right: 0px;
    padding-right: 6px;
    height: auto;
  }
}
.SavedJobsContainer .jobTitleWrapper {
  display: inline-block;
  height: 40px;
  max-width: 200px;
  overflow-y: hidden;
}
.SavedJobsContainer .jobconfiguredFieldsContainer {
  position: relative;
}
.SavedJobsContainer .jobCard .checkBox {
  padding-left: 0px;
}
.SavedJobsContainer .jobCard .checkBox label {
  float: right;
  padding-bottom: 0px;
}
.SavedJobsContainer .jobCard .removeButton {
  float: left;
}
.SavedJobsContainer .jobCard .Wraptitle {
  display: inline-block;
  max-width: 85%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.SavedJobsContainer .jobCard label {
  padding-bottom: 0px;
  margin-top: 0px;
  display: inline;
}
.SavedJobsContainer .jobList {
  float: right;
}
.SavedJobsContainer .right-triangle {
  transform: rotate(-45deg);
  clip: rect(0px, 100px, 40px, 0px);
  height: 80px;
  position: absolute;
  left: -20px;
  top: -20px;
  width: 80px;
  z-index: 1;
}
.SavedJobsContainer .right-triangle-text {
  /* color: white; */
  transform: rotate(45deg);
  right: 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;
  right: 22px;
  top: 8px;
  font-size: 12px;
}
.SavedJobsContainer .fa-check {
  color: #57A403;
}
.SavedJobsContainer .removeJob {
  float: left;
}
.SavedJobsContainer .jobSavedDate {
  padding-top: 10px;
}
.SavedJobsContainer .removeJob button,
.SavedJobsContainer .removeJob button:hover {
  background-color: transparent;
  color: #363636;
}
.jobdetailNoJob .noJobsearchresults {
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .jobdetailNoJob .noJobsearchresults {
    margin-top: 30px;
  }
}
.jobDetailsFooter {
  clear: both;
}
.jobDetailsFooter .buttonsFooter {
  position: static;
}
.jobDetailsFooter .buttonsFooterAccent {
  margin: 0;
  padding: 30px 0 0 0;
}
div.questionClass {
  margin-top: 20px;
}
.question {
  padding-top: 20px;
  padding-bottom: 8px;
}
.thick {
  font-weight: bold;
}
.section2RightfieldsInJobDetails {
  margin-right: 50%;
  padding-right: 20px;
}
@media only screen and (max-width: 620px) {
  .section2RightfieldsInJobDetails {
    margin-right: 0;
    padding-right: 0;
  }
}
.section2LeftfieldsInJobDetails {
  float: right;
  clear: right;
  width: 50%;
  overflow-wrap: break-word;
}
.section2LeftfieldsInJobDetails.jobDetailTextArea {
  width: 100%;
}
@media only screen and (max-width: 620px) {
  .section2LeftfieldsInJobDetails {
    float: none;
    width: 100%;
  }
}
.pageHeader .onlyMobile.threeLineIcon,
.onlyMobile.linkContainer {
  display: none;
}
@media only screen and (max-width: 480px) {
  .pageHeader .onlyMobile.threeLineIcon,
  .onlyMobile.linkContainer {
    display: block;
  }
}
.onlyMobile.tabletAlso.linkContainer {
  display: block;
}
.section2LeftfieldsInJobDetails.answer {
  clear: both;
}
.jobdescriptionInJobDetails li li,
.jobDetailTextArea li li,
.privacyPolicyStatement li li,
.privacyPolicyQuestion li li,
.PacketMessageBreakword li li,
.CommunicationDetail .message li li {
  margin-right: 20px;
}
.jobdescriptionInJobDetails li li li,
.jobDetailTextArea li li li,
.privacyPolicyStatement li li li,
.privacyPolicyQuestion li li li,
.PacketMessageBreakword li li li,
.CommunicationDetail .message li li li {
  margin-right: 20px;
}
.jobdescriptionInJobDetails li li li li,
.jobDetailTextArea li li li li,
.privacyPolicyStatement li li li li,
.privacyPolicyQuestion li li li li,
.PacketMessageBreakword li li li li,
.CommunicationDetail .message li li li li {
  margin-right: 20px;
}
.jobdescriptionInJobDetails li li li li li,
.jobDetailTextArea li li li li li,
.privacyPolicyStatement li li li li li,
.privacyPolicyQuestion li li li li li,
.PacketMessageBreakword li li li li li,
.CommunicationDetail .message li li li li li {
  margin-right: 20px;
}
.jobdescriptionInJobDetails > ol,
.CommunicationDetail .message ul,
.CommunicationDetail .message ol,
.jobdescriptionInJobDetails > ul,
.jobDetailTextArea > ul,
.jobDetailTextArea > ol,
.welcome .welcomeText > ol,
.welcome .welcomeText > ul,
.privacyPolicyStatement > ol,
.privacyPolicyStatement > ul,
.privacyPolicyQuestion > ol,
.privacyPolicyQuestion > ul {
  padding: 0 40px 0 0;
}
.jobdescriptionInJobDetails ul li,
.jobDetailTextArea ul li,
.welcome .welcomeText ul li,
.privacyPolicyStatement ul li,
.privacyPolicyQuestion ul li,
.CommunicationDetail .message 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,
.CommunicationDetail .message ol li {
  list-style-position: outside;
  list-style-type: decimal;
}
.jobdescriptionInJobDetails table,
.CommunicationDetail .message table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid;
}
@media only screen and (max-width: 480px) {
  .jobdescriptionInJobDetails table,
  .CommunicationDetail .message table {
    text-align: right;
    padding: 20px;
  }
}
.jobdescriptionInJobDetails table thead,
.CommunicationDetail .message table thead,
.jobdescriptionInJobDetails table tfoot,
.CommunicationDetail .message table tfoot {
  border-top: 2px solid;
  border-bottom: 2px solid;
}
@media only screen and (max-width: 480px) {
  .jobdescriptionInJobDetails table thead tr,
  .CommunicationDetail .message table thead tr,
  .jobdescriptionInJobDetails table tfoot tr,
  .CommunicationDetail .message table tfoot tr {
    height: auto;
  }
}
.jobdescriptionInJobDetails table thead tr th,
.CommunicationDetail .message table thead tr th,
.jobdescriptionInJobDetails table tfoot tr th,
.CommunicationDetail .message table tfoot tr th,
.jobdescriptionInJobDetails table thead tr td,
.CommunicationDetail .message table thead tr td,
.jobdescriptionInJobDetails table tfoot tr td,
.CommunicationDetail .message table tfoot tr td {
  padding: 10px 5px 10px 0;
  cursor: pointer;
  text-align: right;
}
@media only screen and (max-width: 480px) {
  .jobdescriptionInJobDetails table thead tr th,
  .CommunicationDetail .message table thead tr th,
  .jobdescriptionInJobDetails table tfoot tr th,
  .CommunicationDetail .message table tfoot tr th,
  .jobdescriptionInJobDetails table thead tr td,
  .CommunicationDetail .message table thead tr td,
  .jobdescriptionInJobDetails table tfoot tr td,
  .CommunicationDetail .message table tfoot tr td {
    font-weight: 600;
    height: auto;
    display: block;
    max-width: 100%;
  }
}
.jobdescriptionInJobDetails table tbody,
.CommunicationDetail .message table tbody {
  width: 100%;
}
.jobdescriptionInJobDetails table tbody tr,
.CommunicationDetail .message table tbody tr {
  border: 1px solid;
}
@media only screen and (max-width: 480px) {
  .jobdescriptionInJobDetails table tbody tr,
  .CommunicationDetail .message table tbody tr {
    height: auto;
  }
}
.jobdescriptionInJobDetails table tbody tr td,
.CommunicationDetail .message table tbody tr td {
  padding: 5px;
}
@media only screen and (max-width: 480px) {
  .jobdescriptionInJobDetails table tbody tr td,
  .CommunicationDetail .message table tbody tr td {
    height: auto;
    display: block;
    max-width: 100%;
  }
}
.jobdescriptionInJobDetails table tbody tr td:first-child,
.CommunicationDetail .message table tbody tr td:first-child,
.jobdescriptionInJobDetails table tbody tr td:last-child,
.CommunicationDetail .message table tbody tr td:last-child {
  padding-top: 10px;
  padding-bottom: 10px;
}
.PacketMessageBreakword ol li {
  list-style-position: inside;
  list-style-type: decimal;
}
.PacketMessageBreakword ul li {
  list-style-position: inside;
  list-style-type: disc;
}
.PacketMessageBreakword h1,
.PacketMessageBreakword h2,
.PacketMessageBreakword h3,
.PacketMessageBreakword h4,
.PacketMessageBreakword h5,
.PacketMessageBreakword h6,
.PacketMessageBreakword p,
.PacketMessageBreakword blockquote,
.PacketMessageBreakword form,
.PacketMessageBreakword label,
.PacketMessageBreakword strong,
.PacketMessageBreakword dl,
.PacketMessageBreakword fieldset,
.PacketMessageBreakword address {
  margin: 1em 0;
}
.PacketMessageBreakword strong {
  font-weight: bold;
}
.PacketMessageBreakword a {
  text-decoration: underline;
}
.PacketMessageBreakword > ul,
.PacketMessageBreakword > ol {
  padding: 0 40px 0 0;
  margin: 1em 0;
}
.jobdescriptionInJobDetails h1,
.jobdescriptionInJobDetails h2,
.jobdescriptionInJobDetails h3,
.jobdescriptionInJobDetails h4,
.jobdescriptionInJobDetails h5,
.jobdescriptionInJobDetails h6,
.jobdescriptionInJobDetails p,
.jobdescriptionInJobDetails blockquote,
.jobdescriptionInJobDetails form,
.jobdescriptionInJobDetails label,
.jobdescriptionInJobDetails strong,
.jobdescriptionInJobDetails > ul,
.jobdescriptionInJobDetails > ol,
.jobdescriptionInJobDetails dl,
.jobdescriptionInJobDetails fieldset,
.jobdescriptionInJobDetails address,
.jobDetailTextArea h1,
.jobDetailTextArea h2,
.jobDetailTextArea h3,
.jobDetailTextArea h4,
.jobDetailTextArea h5,
.jobDetailTextArea h6,
.jobDetailTextArea p,
.jobDetailTextArea blockquote,
.jobDetailTextArea form,
.jobDetailTextArea label,
.jobDetailTextArea strong,
.jobDetailTextArea > ul,
.jobDetailTextArea > ol,
.jobDetailTextArea dl,
.jobDetailTextArea fieldset,
.jobDetailTextArea address,
.welcome .welcomeText h1,
.welcome .welcomeText h2,
.welcome .welcomeText h3,
.welcome .welcomeText h4,
.welcome .welcomeText h5,
.welcome .welcomeText h6,
.welcome .welcomeText p,
.welcome .welcomeText blockquote,
.welcome .welcomeText form,
.welcome .welcomeText label,
strong,
.welcome .welcomeText > ul,
.welcome .welcomeText ol,
.welcome .welcomeText dl,
.welcome .welcomeText fieldset,
.welcome .welcomeText address,
.privacyPolicyStatement h1,
.privacyPolicyStatement h2,
.privacyPolicyStatement h3,
.privacyPolicyStatement h4,
.privacyPolicyStatement h5,
.privacyPolicyStatement h6,
.privacyPolicyStatement p,
.privacyPolicyStatement blockquote,
.privacyPolicyStatement form,
.privacyPolicyStatement label,
.privacyPolicyStatement strong,
.privacyPolicyStatement > ul,
.privacyPolicyStatement > ol,
.privacyPolicyStatement dl,
.privacyPolicyStatement fieldset,
.privacyPolicyStatement address,
.privacyPolicyQuestion h1,
.privacyPolicyQuestion h2,
.privacyPolicyQuestion h3,
.privacyPolicyQuestion h4,
.privacyPolicyQuestion h5,
.privacyPolicyQuestion h6,
.privacyPolicyQuestion p,
.privacyPolicyQuestion blockquote,
.privacyPolicyQuestion form,
.privacyPolicyQuestion label,
.privacyPolicyQuestion strong,
.privacyPolicyQuestion > ul,
.privacyPolicyQuestion > ol,
.privacyPolicyQuestion dl,
.privacyPolicyQuestion fieldset,
.privacyPolicyQuestion address,
.CommunicationDetail .message h4,
.CommunicationDetail .message h5,
.CommunicationDetail .message h6,
.CommunicationDetail .message p,
.CommunicationDetail .message blockquote,
.CommunicationDetail .message h1,
.CommunicationDetail .message h2,
.CommunicationDetail .message h3,
.CommunicationDetail .message form,
.CommunicationDetail .message label,
.CommunicationDetail .message strong,
.CommunicationDetail .message ul,
.CommunicationDetail .message ol,
.CommunicationDetail .message dl,
.CommunicationDetail .message fieldset,
.CommunicationDetail .message address {
  margin: 1em 0;
}
.jobdescriptionInJobDetails strong,
.jobDetailTextArea strong,
.welcome .welcomeText strong,
.privacyPolicyStatement strong,
.privacyPolicyQuestion strong,
.CommunicationDetail .message strong {
  font-weight: bold;
}
.jobdescriptionInJobDetails a,
.jobDetailTextArea a,
.welcome .welcomeText a,
.privacyPolicyStatement a,
.privacyPolicyQuestion a,
.CommunicationDetail .message a {
  text-decoration: underline;
}
.jobDetailsLiner 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: right;
  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-right: 40px;
    background-color: inherit;
  }
}
.responsiveCandZoneMenu a.Submenu {
  display: block;
  padding-right: 10px;
}
@media only screen and (max-width: 768px) {
  .responsiveCandZoneMenu a.Submenu {
    color: black;
  }
}
@media only screen and (max-width: 768px) {
  .swfCoreBannerLeft.hasTGHeader {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .ts-appid-findjob .responsiveCandidateZoneContainer {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 480px) {
  .ts-appid-findjob .responsiveCandidateZoneContainer {
    padding-top: 30px;
  }
}
.responsiveCandidateZoneContainer {
  /*@media only screen and (max-width: 768px) {
        margin-top: 10px;
    }*/
}
@media only screen and (max-width: 768px) {
  .responsiveCandidateZoneContainer {
    padding-top: 10px;
  }
}
.Backpageoverlay {
  opacity: 0.5;
}
.ProfilePicContainer {
  line-height: 1.25em;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  padding: 0 20px 20px 20px;
  /*.Editpic {
        overflow-y: scroll;
    }*/
}
@media only screen and (max-width: 768px) {
  .ProfilePicContainer {
    padding: 15px;
  }
}
.ProfilePicContainer .spinner.ladda-button[data-style=expand-right][data-loading] {
  position: absolute;
  top: 38%;
  right: 50%;
  margin-right: -50px;
  margin-top: -50px;
  z-index: 101;
}
.ProfilePicContainer .Divpadding {
  display: block;
  margin: 0px 0px 20px 0;
}
@media only screen and (max-width: 480px) {
  .ProfilePicContainer .Divpadding {
    margin: 0px 0px 20px 0;
  }
}
.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-left: 10px;
  margin-bottom: 10px;
}
.ProfilePicContainer .ManualCrop .inlineField .fa {
  display: inline;
  margin-left: 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-left: 10px;
  display: inline-block;
}
.ProfilePicContainer .PicMenu .fileUpload input[type=file] {
  display: none;
}
.ProfilePicContainer .LibImageIcon {
  margin: 20px 0 20px 40px;
  display: inline-block;
  cursor: pointer;
}
.ProfilePicContainer .LibImageIcon:focus,
.ProfilePicContainer .LibImageIcon:hover {
  transition: all 200ms ease-in;
  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-left: 20px;
}
.ProfilePicContainer .inlined :first-child {
  margin-bottom: 10px;
}
.ProfilePicContainer .ErrMsgHead {
  display: block;
  margin-bottom: 20px;
}
.ProfilePicContainer .ErrMsgHead .ErrMsgHeadTitles {
  margin-top: 0;
  font-weight: 600;
}
@media only screen and (max-width: 670px) {
  .ProfilePicContainer .ErrMsgHead {
    width: 100%;
  }
}
.ProfilePicContainer .profileCancelBtn {
  display: inline-block;
  position: relative;
  top: 10px;
  margin-bottom: 20px;
}
.CandZonedashboardContainer .ApplicationCounts:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  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%;
  right: 50%;
  margin-right: -50px;
  margin-top: -50px;
  z-index: 101;
}
.CandZonedashboardContainer .buttonsFooterAccent .ladda-button[data-style=expand-right][data-loading] {
  position: inherit;
  top: 0;
  right: 0;
  margin-right: 0;
  margin-top: 0;
}
.CandZonedashboardContainer .JobAlert-close {
  position: absolute;
  top: 4px;
  left: 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 30px 20px 10px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .Divpadding {
    margin: 0px 15px 20px 10px;
  }
}
.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: right;
}
.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: left;
}
.CandZonedashboardContainer .imgCaption {
  position: relative;
  /* margin: 0px; */
  top: 15px;
  right: -30px;
  display: inline-block;
  font-size: 125%;
  line-height: 120%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-right: 0px;
  vertical-align: top;
  width: calc(100% - 150px);
}
@media only screen and (max-width: 270px) {
  .CandZonedashboardContainer .imgCaption {
    margin: 0px 15px 20px 10px;
    display: block;
    width: 90%;
    right: 0px;
    top: 0px;
  }
}
.CandZonedashboardContainer .EditPicButton {
  position: relative;
  top: -5px;
  right: -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 20px 0 0;
  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 30px 0 0;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .DashBoardMenu {
    margin: 0 15px 0 0;
  }
}
@media only screen and (max-width: 530px) {
  .CandZonedashboardContainer .DashBoardMenu {
    margin: 0px;
  }
}
.CandZonedashboardContainer .DashBoardMenu a {
  margin: 0 0 0 20px;
  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 30px 0 0;
    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 15px 0 0;
  }
}
.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;
  }
}
.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 15px 20px 0;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .lightAccentBkg .applications {
    padding: 0px 0px 10px 0px;
  }
}
.CandZonedashboardContainer .lightAccentBkg .applications span {
  font-size: 125%;
}
.CandZonedashboardContainer .lightAccentBkg .applications .applicationsHeader {
  font-size: 100%;
}
.CandZonedashboardContainer .lightAccentBkg .fa-chevron-down {
  padding: 0 10px 0 10px;
}
.CandZonedashboardContainer .lightAccentBkg .fa-chevron-up {
  padding: 0 10px 0 10px;
}
.CandZonedashboardContainer .Applicationjobtitle {
  font-size: 130%;
  line-height: 125%;
}
.CandZonedashboardContainer .Applicationjobtitle :hover {
  border-bottom: 1px solid;
}
.CandZonedashboardContainer .JobPadding {
  padding: 0 0 20px 0;
}
.CandZonedashboardContainer .JobPadding span {
  display: block;
}
.CandZonedashboardContainer .DatePadding {
  padding: 20px 0 0 0;
}
.CandZonedashboardContainer .DatePadding .FileAction2 {
  color: green;
  padding: 0 5px 0 5px;
}
.CandZonedashboardContainer .DatePadding > span {
  display: block;
}
.CandZonedashboardContainer .CurrentStatus > span {
  display: inline-block;
}
.CandZonedashboardContainer .cardFooter .fa {
  padding: 0 0 0 10px;
}
.CandZonedashboardContainer .cardFooter a:last-child {
  float: left;
}
.CandZonedashboardContainer .cardFooter a:first-child {
  float: right;
}
.CandZonedashboardContainer .cardFooter a.removeLink {
  float: left;
}
.CandZonedashboardContainer .cardFooter a.reapply {
  float: left;
}
.CandZonedashboardContainer .cardFooter label {
  padding-bottom: 0;
}
.CandZonedashboardContainer .cardFooter .leftButton {
  display: inline;
}
.CandZonedashboardContainer .cardFooter .rightButton {
  float: left;
}
.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;
  text-overflow: ellipsis;
}
.CandZonedashboardContainer .CollapsedAppliedApplications .jobCard h3,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .jobCard h3 {
  display: inline;
}
.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;
  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-left: 5px;
}
.CandZonedashboardContainer .CollapsedAppliedApplications .jobCard .FileAction99 .JobAlert-close,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .jobCard .FileAction99 .JobAlert-close {
  top: 20px;
  left: 45px;
}
.CandZonedashboardContainer .CollapsedAppliedApplications .jobCard .JobAlert-close,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .jobCard .JobAlert-close {
  top: 30px;
  left: 19px;
}
.CandZonedashboardContainer .CollapsedAppliedApplications .highlightCard::before,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .highlightCard::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 1.5em;
  border-left-color: green;
  border-top-color: green;
}
.CandZonedashboardContainer .CollapsedAppliedApplications .highlight,
.CandZonedashboardContainer .CollapsedUnfinishedApplications .highlight {
  position: relative;
  float: left;
  top: -12px;
  right: 15px;
  color: white;
}
.CandZonedashboardContainer .EmptyCollapsedAppliedApplications,
.CandZonedashboardContainer .EmptyCollapsedUnfinishedApplications {
  display: none;
  margin: -10px 0 0 0;
  padding-right: 15px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .EmptyCollapsedAppliedApplications,
  .CandZonedashboardContainer .EmptyCollapsedUnfinishedApplications {
    padding-right: 0px;
  }
}
.CandZonedashboardContainer .expiredJob {
  margin-right: 15px;
  position: relative;
  margin-top: 0px;
  width: 100%;
  margin-bottom: 10px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .expiredJob {
    margin-right: 0px;
  }
}
.CandZonedashboardContainer .expiredJobDetails {
  list-style: disc inside none;
  overflow: hidden;
  -ms-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;
  left: 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-right: 15px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .ApplicationsContainer .successFullMessage,
  .CandZonedashboardContainer .ApplicationDetailsContainer .successFullMessage {
    margin-right: 0;
  }
}
.CandZonedashboardContainer .ApplicationsContainer .cardFooterPosition,
.CandZonedashboardContainer .ApplicationDetailsContainer .cardFooterPosition {
  bottom: 15px;
}
@media only screen and (max-width: 620px) {
  .CandZonedashboardContainer .ApplicationsContainer .jobCard,
  .CandZonedashboardContainer .ApplicationDetailsContainer .jobCard {
    padding-bottom: 0px;
  }
}
.CandZonedashboardContainer .SavedJobsContainer,
.CandZonedashboardContainer .SavedSearchesContainer {
  padding: 15px;
}
@media only screen and (max-width: 620px) {
  .CandZonedashboardContainer .SavedJobsContainer,
  .CandZonedashboardContainer .SavedSearchesContainer {
    overflow: hidden;
  }
}
.CandZonedashboardContainer .SavedJobsContainer .shortCutLink {
  padding-right: 15px;
}
@media only screen and (max-width: 480px) {
  .CandZonedashboardContainer .SavedJobsContainer .shortCutLink {
    padding-right: 0px;
  }
}
.CandZonedashboardContainer .candPortalPocketDocList {
  padding: 0px 15px;
}
.CandZonedashboardContainer .title {
  font-weight: bolder;
}
.ApplicationsInGroups {
  overflow: hidden;
}
.ApplicationsInGroups .title {
  padding: 20px 20px 20px 0;
}
.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;
  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 15px 30px 0px;
  }
}
.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;
  color: inherit;
}
.ApplicationsDetail .orderStatus .row .col span {
  padding-right: 10px;
}
@media only screen and (max-width: 480px) {
  .ApplicationsDetail .orderStatus .row .col span {
    padding-right: 0px;
  }
}
.ApplicationsDetail .orderStatus .row .col:focus {
  outline: 0;
}
.ApplicationsDetail .orderStatus .row .col:hover::after,
.ApplicationsDetail .orderStatus .row .col:focus::after {
  transition: all 200ms ease-in;
  transform: scale(1.5);
}
.ApplicationsDetail .orderStatus .row .col:before {
  content: '';
  width: 100%;
  height: 2px;
  border-top: 2px dashed #777677;
  top: 0px;
  right: 0;
  position: absolute;
  margin: 0 -50% 0 0;
}
.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: #fff;
  font-size: xx-small;
  right: 50%;
  top: 0;
  z-index: 3;
  border: 2px;
  border-radius: 50%;
  margin: -8px -8px 0 0;
  padding: 0 7px 0 7px;
  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: #fff;
  color: green;
  right: 50%;
  top: 0;
  z-index: 3;
  border-radius: 50%;
  margin: -8px -8px 0 0;
  padding: 0 5px 0 5px;
  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: #fff;
  font-family: "FontAwesome";
  z-index: 3;
}
.ApplicationsDetail .DisabledHRstatusTab {
  cursor: default;
}
.ApplicationsDetail .col.DisabledHRstatusTab:hover::after,
.ApplicationsDetail .col.DisabledHRstatusTab:focus::after {
  /* Safari and Chrome */
  /* Firefox */
  /* IE 9 */
  /* 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-left: 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-left: 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;
  left: 2px;
}
@media only screen and (max-width: 480px) {
  .ApplicationsDetail .FileAction99 {
    margin: 0 15px 10px 15px;
  }
}
.ApplicationsDetail .CPMessage {
  background-color: #336FBB;
  color: #ffffff;
  padding: 10px;
  margin: 0 30px 20px 30px;
  position: relative;
  max-width: 600px;
}
.ApplicationsDetail .CPMessage .iconContainer {
  padding-right: 10px;
  display: table-cell;
  width: 5%;
}
.ApplicationsDetail .CPMessage .msgContainer {
  padding-right: 10px;
  display: table-cell;
  width: 95%;
  padding-left: 30px;
}
.ApplicationsDetail .CPMessage .msgContainer .reviewOfferLink {
  color: white;
  display: inline-block;
  text-decoration: underline;
}
@media only screen and (max-width: 480px) {
  .ApplicationsDetail .CPMessage .msgContainer {
    margin: 0 15px 10px 15px;
  }
}
.ApplicationsDetail .JobAlert-close {
  top: -5px;
  left: -5px;
}
.ApplicationsDetail .candPortalTab .title {
  padding-right: 15px;
  padding-bottom: 5px;
  font-weight: bold;
}
@media only screen and (max-width: 480px) {
  .ApplicationsDetail .candPortalTab .title {
    padding-right: 0px;
  }
}
.ApplicationsDetail .candPortalTab .message {
  padding: 10px;
}
#ApplicationDetailAction-menu li.ui-state-disabled {
  display: none;
}
.AssessmentsContainer .Divpadding {
  padding: 0 30px 20px 30px;
}
@media only screen and (max-width: 480px) {
  .AssessmentsContainer .Divpadding {
    padding: 0 15px 20px 15px;
  }
}
.AssessmentsContainer .focusAtGroup h3 {
  display: inline;
}
.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 20px 10px 10px;
}
.AssessmentsContainer .assessmentsCompletionStatusContainer .assessmentsCompletionStatus .pseudocheckbox {
  width: 18px;
  height: 18px;
}
.AssessmentsContainer .ladda-button[data-style=expand-right][data-loading] {
  position: absolute;
  top: 38%;
  right: 50%;
  margin-right: -50px;
  margin-top: -50px;
  z-index: 101;
}
.AssessmentsContainer .screenreadertext {
  visibility: hidden;
}
.AssessmentsContainer .WrapGrouptitle {
  display: inline-block;
  width: 68%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.AssessmentsContainer .AssesReqs {
  display: inline;
  padding-left: 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;
  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 0 0 10px;
}
.AssessmentsContainer .EmptyMessage {
  margin-right: 10px;
}
@media only screen and (max-width: 480px) {
  .AssessmentsContainer .EmptyMessage {
    margin-right: 0px;
  }
}
.AssessmentsContainer .expiredAsmnt {
  margin: 0 10px 20px 30px;
  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 0 20px 15px;
    width: calc(100% - 5px);
  }
}
.AssessmentsContainer .expiredAlert-close {
  position: absolute;
  left: 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;
  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 30px 20px 10px;
}
@media only screen and (max-width: 480px) {
  .ReferralsContainer .Divpadding {
    margin: 0px 15px 20px 10px;
  }
}
.ReferralsContainer .ladda-button[data-style=expand-right][data-loading] {
  position: absolute;
  top: 38%;
  right: 50%;
  margin-right: -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 15px 10px 10px;
  }
}
@media only screen and (max-width: 530px) {
  .ReferralsContainer .lightAccentBkg {
    margin-top: 0px;
  }
}
.ReferralsContainer .lightAccentBkg label {
  padding-bottom: 15px;
  display: block;
  margin: 0;
}
.ReferralsContainer .lightAccentBkg label span {
  display: block;
  font-size: 110%;
  overflow-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
}
.ReferralsContainer .lightAccentBkg label.ReferralsEmpty {
  font-size: 100%;
}
.ReferralsContainer .lightAccentBkg label.ReferralsEmpty span {
  display: inline-block;
  font-size: 100%;
}
.ReferralsContainer .lightAccentBkg label:last-of-type {
  padding-bottom: 0px;
}
@media only screen and (max-width: 680px) {
  .ReferralsContainer .lightAccentBkg label:last-of-type {
    padding-bottom: 10px;
  }
}
.ReferralsContainer .lightAccentBkg .referralHeaders {
  display: block;
  cursor: pointer;
  padding: 0 10px 15px 0;
}
@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-right: -5px;
}
.ReferralsContainer .lightAccentBkg .EmptyActiveReferrals,
.ReferralsContainer .lightAccentBkg .EmptySentReferrals {
  display: none;
  margin: -10px 0 0 0;
  padding-right: 10px;
}
@media only screen and (max-width: 480px) {
  .ReferralsContainer .lightAccentBkg .EmptyActiveReferrals,
  .ReferralsContainer .lightAccentBkg .EmptySentReferrals {
    padding-right: 0px;
  }
}
.ReferralsContainer .lightAccentBkg .ActiveReferrals .jobCard label:first-of-type {
  padding-top: 10px;
}
.ReferralsContainer .lightAccentBkg .ActiveReferrals .jobCard .AutoReq span:last-of-type {
  padding-bottom: 0px;
}
.ReferralsContainer .lightAccentBkg .jobCard h2 {
  padding-bottom: 10px;
}
.ReferralsContainer .lightAccentBkg .jobCard .Wraptitle {
  width: 95%;
  font-size: 125%;
  display: inline-block;
  overflow: visible;
  white-space: inherit;
  -ms-text-overflow: inherit;
  text-overflow: inherit;
  -ms-word-break: break-all;
  word-break: break-all;
}
.ReferralsContainer .lightAccentBkg .jobCard .ellipsisMultiline {
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ReferralsContainer .lightAccentBkg .jobCard h2.RefTitle {
  overflow-wrap: break-word;
  width: 100%;
  font-size: 125%;
  line-height: 120%;
  display: inline-block;
}
.ReferralsContainer .lightAccentBkg .jobCard h2.WrapReftitle {
  font-size: 125%;
  width: 75%;
}
.ReferralsContainer .lightAccentBkg .jobCard .RefTitle {
  display: inline;
  padding-left: 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;
  text-overflow: ellipsis;
}
.ReferralsContainer .lightAccentBkg .ReferralsEmpty {
  margin-right: 10px;
}
.ReferralsContainer .lightAccentBkg .ReferralsEmpty .UnderLineLink {
  padding-left: 5px;
}
.ReferralsContainer .expiredReferral {
  margin: 0 10px 20px 30px;
  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 0 20px 15px;
    width: calc(100% - 5px);
  }
}
.ReferralsContainer .expiredAlert-close {
  position: absolute;
  left: 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;
  text-overflow: ellipsis;
  vertical-align: bottom;
  margin: 0px;
  line-height: 30px;
}
.labelValue {
  text-align: right;
}
.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-right: -5px;
}
.SelectedGroupPage .JobGroups {
  width: 600px;
  padding: 20px;
  margin: 10px 0 10px 20px;
}
@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-right: 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-right: 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-left: 10px;
}
.InActivityMessage label.FieldsMessage {
  padding: 10px 5px 20px 0;
  display: block;
  margin: 0;
}
.InActivityMessage label.FieldsMessage span {
  font-weight: bold;
}
.mainInitialContainer {
  width: 100%;
  padding-right: 30px;
  display: table;
}
@media only screen and (max-width: 480px) {
  .mainInitialContainer {
    padding-right: 15px;
  }
}
.mainInitialContainer.fullWidth {
  margin-left: 30px;
  width: 95%;
}
.mainInitialContainer .searchBoxWrapper,
.mainInitialContainer .searchBoxContainer,
.mainInitialContainer .workArea {
  width: 100%;
  float: none;
  clear: none;
}
.mainInitialContainer .searchLCol {
  display: table-cell;
  vertical-align: top;
  padding-left: 30px;
  padding-bottom: 30px;
  width: 100%;
}
.mainInitialContainer .searchLCol .loginWidget,
.mainInitialContainer .searchLCol .submitResumeWidget {
  display: none;
}
@media only screen and (max-width: 480px) {
  .mainInitialContainer .searchLCol {
    padding-bottom: 15px;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .mainInitialContainer .searchLCol {
    /*.mainListContainer {
                margin: 0 (@blockSpacingH * -1); // Defect 23890
            }*/
  }
  .mainInitialContainer .searchLCol .loginWidget,
  .mainInitialContainer .searchLCol .submitResumeWidget {
    display: block;
  }
}
.mainInitialContainer .widgetSidebar {
  display: table-cell;
  float: none;
  clear: none;
}
@media only screen and (max-width: 768px) {
  .mainInitialContainer .widgetSidebar {
    display: none;
  }
}
.mainInitialContainer .searchBoxContainer {
  text-align: right;
}
.mainInitialContainer .searchBoxContainer .primaryButton {
  /*@media @tabletPortrait {
                width: 100%;
            }*/
}
.loginWidget,
.submitResumeWidget {
  width: 370px;
  padding: 20px;
  margin: 0 0 30px 30px;
  /*.loginControl, button {
        width: 100%;
    }*/
}
@media only screen and (max-width: 1424px) {
  .loginWidget,
  .submitResumeWidget {
    width: 320px;
  }
}
@media only screen and (max-width: 1224px) {
  .loginWidget,
  .submitResumeWidget {
    width: 290px;
  }
}
@media only screen and (max-width: 1024px) {
  .loginWidget,
  .submitResumeWidget {
    width: 250px;
  }
}
@media only screen and (max-width: 768px) {
  .loginWidget,
  .submitResumeWidget {
    width: 100%;
    margin: 0 0 30px 0px;
  }
}
@media only screen and (max-width: 480px) {
  .loginWidget,
  .submitResumeWidget {
    width: 100%;
    margin: 0 0 15px 0px;
  }
}
.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 0.2em 0.2em 1.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: 10px 2px 0px 2px;
}
.loginWidget .socialSources,
.submitResumeWidget .socialSources {
  text-align: center;
  margin-bottom: 0px;
}
.loginWidget .socialSources a,
.submitResumeWidget .socialSources a {
  display: inline-block;
  margin-bottom: 10px;
}
.loginWidget .socialSources i.fa,
.submitResumeWidget .socialSources i.fa {
  font-size: 28px;
  height: 36px;
  width: 32px;
  line-height: 34px;
  color: White;
  text-align: center;
  margin: 0 2px;
}
.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;
  left: 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: right;
}
.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;
}
@media only screen and (max-width: 480px) {
  .loginBox input {
    max-width: 100%;
    width: 100%;
  }
}
.loginBox .newAccnt {
  text-align: right;
  /*@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: right;
}
.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-left: 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-right: 20px;
  color: white;
  cursor: pointer;
  text-decoration: underline;
}
@media only screen and (max-width: 480px) {
  .fullPageSignin .hrefShowMe {
    margin-right: 0px;
  }
}
.fullPageSignin .Icon {
  margin-left: 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: right;
}
.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-left: 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-right: 20px;
  color: white;
  cursor: pointer;
  text-decoration: underline;
}
@media only screen and (max-width: 480px) {
  .mobileView .hrefShowMe {
    margin-right: 0px;
  }
}
.mobileView .Icon {
  margin-left: 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-right: 10px;
  padding-left: 5px;
  padding-top: 5px;
  text-align: right;
}
.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;
}
.updateAccountContainer {
  margin-right: 30px;
}
@media only screen and (max-width: 768px) {
  .updateAccountContainer {
    margin-right: 15px;
    margin-left: 15px;
  }
}
.createAccountContainer .margin_left {
  margin-right: 30px;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .margin_left {
    margin-right: 15px;
    margin-left: 15px;
  }
}
.createAccountContainer .lstStyle.listContainer {
  max-width: 100%;
  margin: 10px 0 0 0;
}
@media only screen and (max-width: 530px) {
  .createAccountContainer .lstStyle.listContainer {
    margin: 0px;
  }
}
.createAccountContainer div[role=tabpanel] {
  border-style: solid;
  border-width: 2px 0 0 0;
  padding: 20px 30px 20px 20px;
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer div[role=tabpanel] {
    padding: 20px 15px 20px 15px;
  }
}
@media only screen and (max-width: 480px) {
  .createAccountContainer div[role=tabpanel] {
    margin-top: 0px;
  }
}
.createAccountContainer .DashBoardMenu {
  margin: 0 30px 0 0;
}
@media only screen and (max-width: 480px) {
  .createAccountContainer .DashBoardMenu {
    margin: 0 15px 0 0;
  }
}
@media only screen and (max-width: 530px) {
  .createAccountContainer .DashBoardMenu {
    margin: 0px;
  }
}
.createAccountContainer .DashBoardMenu a {
  margin: 0 0 0 20px;
  display: inline-block;
  max-width: 280px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  bottom: -12px;
}
@media only screen and (max-width: 480px) {
  .createAccountContainer .DashBoardMenu a {
    margin: 0 5px 0 5px;
  }
}
@media only screen and (max-width: 530px) {
  .createAccountContainer .DashBoardMenu a {
    padding: 0 30px 0 0;
    display: block;
    line-height: 30px;
    border: 1px Solid #aaa;
    margin: 0;
    max-width: 100%;
    position: inherit;
  }
}
@media only screen and (max-width: 480px) {
  .createAccountContainer .DashBoardMenu a {
    padding: 0 15px 0 0;
  }
}
.createAccountContainer .DashBoardMenu .CurrentTab {
  border-bottom: 2px solid;
  padding-bottom: 10px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 530px) {
  .createAccountContainer .DashBoardMenu .CurrentTab {
    border-bottom: 0px;
    background-color: #aaa;
    color: black;
    border: 1px Solid #aaa;
    padding-bottom: 0px;
    bottom: 0px;
  }
}
@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
.createAccountContainer,
.updateAccountContainer {
  /*.textbox:focus {
        border-style: solid;
        border-width: 2px;
        outline: 0;
    }*/
}
.createAccountContainer label.error,
.updateAccountContainer label.error {
  display: none !important;
}
.createAccountContainer .MediaIcon,
.updateAccountContainer .MediaIcon {
  padding-top: 8px;
  font-size: x-large;
  padding-right: 1px;
  padding-left: 8px;
}
.createAccountContainer .title,
.updateAccountContainer .title {
  font-weight: bold;
  margin-bottom: 20px;
}
.createAccountContainer .title .titleTextPadding,
.updateAccountContainer .title .titleTextPadding {
  margin-bottom: 10px;
}
.createAccountContainer .title .ReqFields,
.updateAccountContainer .title .ReqFields {
  color: #D82021;
}
.createAccountContainer .title .formBegin,
.updateAccountContainer .title .formBegin {
  margin-top: 20px;
}
.createAccountContainer .title .jobName,
.updateAccountContainer .title .jobName {
  font-weight: bold;
}
.createAccountContainer .ProfileSource,
.updateAccountContainer .ProfileSource {
  margin-top: 20px;
  display: block;
  font-weight: 600;
  width: 250px;
  display: inline-block;
}
.createAccountContainer .ProfileSource .btn,
.updateAccountContainer .ProfileSource .btn {
  margin-right: 0px;
}
.createAccountContainer .ProfileSource .linkedin,
.updateAccountContainer .ProfileSource .linkedin {
  margin-right: 0px;
}
.createAccountContainer .ProfileSource .pseudoGoogle .fa,
.updateAccountContainer .ProfileSource .pseudoGoogle .fa {
  margin: 0 0 0 10px;
  font-size: x-large;
}
.createAccountContainer .ProfileSource .primaryButton,
.updateAccountContainer .ProfileSource .primaryButton {
  cursor: pointer;
}
.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-right: -30px;
  font-weight: 100;
  margin-bottom: -25px;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .PasswordInfo,
  .updateAccountContainer .PasswordInfo {
    margin-right: -8px;
    margin-bottom: -15px;
  }
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .PasswordInfo .passwordInfoHead,
  .updateAccountContainer .PasswordInfo .passwordInfoHead {
    padding-top: 10px;
  }
}
.createAccountContainer .PasswordInfo .passwordInfoTail,
.updateAccountContainer .PasswordInfo .passwordInfoTail {
  font-size: large;
  font-style: italic;
}
.createAccountContainer .PasswordInfo ul,
.updateAccountContainer .PasswordInfo ul {
  margin-right: 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: right;
  -ms-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-right: 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-right: 0px;
    padding-left: 10px;
    margin-right: 0px;
    margin-left: 0px;
  }
}
.createAccountContainer .listContainer .listElement,
.updateAccountContainer .listContainer .listElement {
  margin: 0 0 20px 0;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .listContainer .listElement,
  .updateAccountContainer .listContainer .listElement {
    padding-right: 0px;
    padding-left: 10px;
    margin-right: 0px;
    margin-left: 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 {
  right: 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;
  right: -12px;
  position: absolute;
  top: 8px;
  z-index: 20;
}
.createAccountContainer .calloutMiddle,
.updateAccountContainer .calloutMiddle {
  border: 0;
  right: -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-right: 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: right;
  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: right;
  text-align: center;
  margin-left: 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-right: 30px;
  margin-left: 30px;
}
.createAccountContainer .showInMobile,
.updateAccountContainer .showInMobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .createAccountContainer .showInMobile,
  .updateAccountContainer .showInMobile {
    display: block;
    margin-right: -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-right: 30px;
  margin-left: 30px;
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .privacyPolicyContainer {
    width: auto;
  }
}
@media only screen and (max-width: 480px) {
  .privacyPolicyContainer {
    margin-right: 15px;
    margin-left: 15px;
  }
}
.privacyPolicyContainer .privacyPolicyQuestionDiv {
  max-width: 600px;
}
.privacyPolicyContainer .privacyPolicyStatementDiv,
.privacyPolicyContainer .privacyPolicyQuestionDiv,
.privacyPolicyContainer .privacyPolicyOptOutDiv,
.privacyPolicyContainer .privacyPolicyLabelText,
.privacyPolicyContainer .sideNote,
.privacyPolicyContainer .privacyPolicyStatement,
.privacyPolicyContainer .privacyPolicyQuestion,
.privacyPolicyContainer .privacyPolicyOptions {
  margin: 10px 0 10px 0;
}
.privacyPolicyContainer .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 {
  right: 0 !important;
  width: 768px !important;
  top: 0 !important;
  height: 101%;
}
@media only screen and (max-width: 767px) {
  .picker.modal-dialog {
    width: 100% !important;
  }
}
.picker.modal-dialog .picker.modal-dialog-content {
  width: 100% !important;
  height: 100% !important;
}
.ngdialog.ngdialog-theme-default .ngdialog-close {
  left: 3px;
  right: unset;
  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-right: 30px;
  /*@media @phone {
        padding: 15px;
    }*/
  /********************Password Validation Box Stylings*******************************/
  /* Style input help requirement bullets */
  /* Set to green check and text when valid */
}
.ForgotUsernamePass .liForScreenReader {
  position: absolute;
  right: -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-left: 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;
  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: right;
  -ms-align-content: center;
  align-content: center;
}
.ForgotUsernamePass ol,
.ForgotUsernamePass ul,
.ForgotUsernamePass div,
.ForgotUsernamePass legend {
  list-style: none;
  margin-bottom: 10px;
  text-align: right;
  -ms-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-right: 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-right: 5px;
  font-size: 100%;
}
@media only screen and (max-width: 480px) {
  .ForgotUsernamePass textarea[type="text"] {
    width: 100%;
  }
}
.ForgotUsernamePass .bad {
  border-width: 2px;
  border-color: #D82021;
}
.ForgotUsernamePass .good {
  border-color: inherit;
}
.ForgotUsernamePass .badfields {
  color: #D82021;
}
.ForgotUsernamePass .goodFields {
  color: inherit;
}
.ForgotUsernamePass .hrefShowMe {
  cursor: pointer;
}
.ForgotUsernamePass .hreflink {
  margin-left: 20px;
  margin-bottom: 20px;
  cursor: pointer;
}
.ForgotUsernamePass .PasswordContainer {
  position: relative;
}
.ForgotUsernamePass .PwdBoxAlign {
  top: 50px;
}
@media only screen and (max-width: 768px) {
  .ForgotUsernamePass .PwdBoxAlign {
    top: 0 !important;
  }
}
.ForgotUsernamePass .input-help {
  position: relative;
  right: -10px;
  width: 300px;
  margin-top: 20px;
}
.ForgotUsernamePass .newMsgContainer ul {
  margin-bottom: 0px;
}
.ForgotUsernamePass .input-help h4 {
  margin: 0;
  padding: 0;
}
.ForgotUsernamePass .input-help ul {
  list-style: none;
  margin-top: 10px;
}
.candidateZoneContainer {
  margin: 30px;
}
.candidateZoneContainer .candidatesName {
  font-size: 120%;
}
.candidateZoneContainer .pageHeading {
  font-size: 130%;
}
@media only screen and (max-width: 768px) {
  .candidateZoneContainer .pageHeading {
    margin-bottom: 30px;
  }
}
.candidateZoneContainer .candidateZoneLinkContainer {
  margin: 10px 0;
}
@media only screen and (max-width: 768px) {
  .candidateZoneContainer .candidateZoneLinkContainer {
    margin: 0 -30px 0 -25px;
    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 {
  left: 345px;
}
@media only screen and (max-width: 720px) {
  .ImportProfile .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    left: 300px;
  }
}
@media only screen and (max-width: 620px) {
  .ImportProfile .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    left: 250px;
  }
}
@media only screen and (max-width: 520px) {
  .ImportProfile .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    left: 200px;
  }
}
@media only screen and (max-width: 420px) {
  .ImportProfile .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    left: 150px;
  }
}
@media only screen and (max-width: 380px) {
  .ImportProfile .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    left: 135px;
  }
}
@media only screen and (max-width: 340px) {
  .ImportProfile .uploadloader .ladda-button[data-style=expand-right] .ladda-spinner {
    left: 120px;
  }
}
.ImportProfile .uploadloader .ladda-button {
  position: inherit;
}
.ImportProfile .backLink {
  padding: 15px 15px 0 0;
}
.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-right: 1px;
}
.profileBuilderContainer .fileUpload .MediaIcon {
  padding: 10px;
  padding-right: 1px;
}
@media only screen and (max-width: 480px) {
  .profileBuilderContainer .HideBrowseOnMob {
    display: none;
  }
}
.profileBuilderContainer .uploadButtonStyle,
.profileBuilderContainer .ImportButtonStyle {
  /*width: 275px;*/
}
.profileBuilderContainer .underlinedlink {
  margin-right: 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-left: -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;
  left: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 100%;
  text-align: center;
}
.profileBuilderContainer .ProfileSources .allowableFileTypes {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.profileBuilderContainer .ProfileSource {
  padding-top: 10px;
  display: block;
}
.profileBuilderContainer .ProfileSource .buttonPad {
  margin-left: 5px;
}
.profileBuilderContainer .ProfileSource .btn {
  margin-left: 0px;
}
.profileBuilderContainer .ProfileSource .linkedin .btn {
  margin-right: 0px;
}
.profileBuilderContainer .ProfileSource .facebook .btn {
  margin-right: 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: right;
}
.resumeListContainer .FileListPadding {
  margin-right: 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: right;
  }
}
.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-left: 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-right: 30px;
}
@media only screen and (max-width: 480px) {
  .resumeListContainer .Marginbottom20 .primaryButton {
    float: right;
  }
}
.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-left: 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-right: 10px;
  border: 1px solid black;
}
.hiddenQB,
.hiddenField {
  display: none;
}
.buttonsFooterAccent button {
  margin-bottom: 10px;
}
.genericError .fa-exclamation {
  color: Red;
}
.privacyPolicyContainer h1,
.createAccountContainer h1 {
  font-size: 150%;
  line-height: 30px;
}
.hiddenHeader .pageHeaderContainer,
.mobileOnlyHeader .pageHeaderContainer {
  background-color: transparent;
  height: 0;
  overflow: hidden;
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .mobileOnlyHeader .pageHeaderContainer {
    height: auto;
    margin-top: 0;
  }
  .mobileOnlyHeader .welcomeBanner.clearfix {
    padding-top: 30px;
  }
  .pageHeaderContainer {
    margin-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  .hiddenHeader .pageHeaderContainer {
    margin-top: 0;
  }
  .welcomeBanner.clearfix.ng-scope {
    padding-top: 0;
  }
  .welcomeBanner.clearfix.ng-scope.hasTSBell {
    margin-top: 10px;
  }
}
.heading.coverlettersection {
  margin-top: 20px;
}
.normalText {
  font-weight: normal;
}
.ngdialog.mobileSignInDialogue,
.ngdialog.customDialogue {
  padding-bottom: 0px;
}
.ngdialog.mobileSignInDialogue .ngdialog-content,
.ngdialog.customDialogue .ngdialog-content {
  max-height: 100%;
  overflow-y: auto;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .ngdialog.mobileSignInDialogue .ngdialog-content,
  .ngdialog.customDialogue .ngdialog-content {
    padding: 15px;
  }
}
.ngdialog.customDialogue.ngdialog-theme-default {
  z-index: 100;
}
.noScroll {
  position: fixed;
  overflow: hidden !important;
}
#powerSearchForm .newMsgContainer span.invalidFieldsMessage {
  font-weight: bold;
}
#powerSearchForm .invalid span.error {
  width: 300px;
  max-width: 100%;
  display: block !important;
}
#powerSearchForm .invalid input[type=text] {
  border: solid 2px #D82021;
}
.fileManager {
  margin-top: 10px;
  padding: 0 10px;
  width: 100%;
  border-style: solid;
  border-width: 2px 0 0 0;
}
@media only screen and (max-width: 480px) {
  .fileManager {
    width: 100%;
    padding: 0;
  }
}
.fileManager .incompleteProfile {
  margin: 20px 20px 0 0;
}
.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-right: 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-right: 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,
.fileManager .subgroup .file a {
  margin: 10px;
}
.fileManager .subgroup .file a {
  display: inline-block;
}
.fileManager .subgroup .file .fileName {
  font-size: larger;
  font-weight: bolder;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}
.fileManager .subgroup .file .removeLink {
  text-align: left;
}
.fileManager .subgroup .status {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 9px 20px 5px 5px;
  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-right: 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: right;
  width: 100%;
}
.SavedSearchesContainer .emptySavedSearches {
  padding-right: 15px;
}
@media only screen and (max-width: 480px) {
  .SavedSearchesContainer .emptySavedSearches {
    padding-right: 0px;
  }
}
.SavedSearchesContainer .savedSearchesHeader {
  font-size: 125%;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
}
@media only screen and (max-width: 480px) {
  .SavedSearchesContainer .savedSearchesHeader {
    padding-right: 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;
  text-overflow: ellipsis;
}
.accountSettings {
  width: 100%;
}
@media only screen and (max-width: 620px) {
  .accountSettings {
    overflow: hidden;
  }
}
.accountSettings .heading {
  margin: 0 30px 20px 0;
  font-size: 125%;
}
@media only screen and (max-width: 620px) {
  .accountSettings .heading {
    margin: 0 15px 20px 0;
  }
}
.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-left: 10px;
}
.accountSettings .accountSettingBox .status .fa-check-circle {
  margin-left: 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 2px 0 5px;
  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-right: 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;
  left: 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-right: 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 .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-left: 0px;
}
.accountSettings .accountSettingBox .subgroup .EditBox .field .fieldButton .fa-google {
  color: #4285f4;
}
.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-left: 8px;
  vertical-align: middle;
}
.accountSettings .SMtooltiptext h1 span {
  font-weight: bold;
}
.accountSettings .SMtooltiptext .DivSpacing {
  margin-bottom: 20px;
}
.accountSettings .SMtooltiptext .info {
  padding: 5px;
}
.accountSettings .SMtooltiptext p {
  -ms-align-content: center;
  align-content: center;
  list-style: outside none none;
  padding: 20px 0;
  text-align: right;
}
.accountSettings .SMtooltiptext ul {
  padding-right: 20px;
  padding-bottom: 10px;
}
.updateAccountContainer {
  margin-right: 0px;
}
.updateAccountContainer .backLink {
  display: inline-block;
  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;
  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;
  display: flex;
  flex-direction: column;
}
.Communication {
  width: 100%;
}
@media only screen and (max-width: 620px) {
  .Communication {
    overflow: hidden;
  }
}
.Communication .backLink {
  margin-right: 30px;
}
@media only screen and (max-width: 480px) {
  .Communication .backLink {
    margin-right: 15px;
  }
}
.Communication .heading {
  margin: 0 30px 20px 0;
  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: right;
  float: right;
  padding: 20px 30px;
  margin: auto;
  width: 100%;
}
@media only screen and (max-width: 620px) {
  .Communication .EmptyArchiveText {
    padding: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .Communication .EmptyArchiveText {
    padding: 20px 15px;
  }
}
.Communication .footer {
  padding-top: 20px;
  bottom: 20px;
  display: flex;
  width: 90%;
}
.Communication .footer .primaryButton {
  margin: auto;
}
.Communication .cardList {
  padding: 0 15px;
}
@media only screen and (max-width: 620px) {
  .Communication .cardList {
    padding: 0 5px;
  }
}
@media only screen and (max-width: 480px) {
  .Communication .cardList {
    padding: 0;
  }
}
.Communication .jobCard {
  float: right;
}
.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;
  text-overflow: ellipsis;
}
.Communication .jobCard .right-triangle {
  transform: rotate(-45deg);
  clip: rect(0px, 100px, 40px, 0px);
  position: absolute;
  left: 18px;
  top: -38px;
  z-index: 1;
}
.Communication .jobCard .right-triangle-text {
  /* color: white; */
  transform: rotate(45deg);
  right: 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;
  right: 20px;
  top: 4px;
  font-size: 16px;
}
.Communication .jobCard .fa-envelope {
  color: #57A403;
}
.Communication .jobCard .cardFooter .fa {
  margin-left: 5px;
}
.Communication .jobCard .notificationTitle {
  display: inline-block;
  max-width: 95%;
  padding-right: 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-left: 10px;
  /* margin-right: 20px; */
  display: table-cell;
  width: 50%;
  -ms-word-wrap: break-word;
  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;
}
.CommunicationDetail .MsgStatus div {
  padding-left: 10px;
}
.CommunicationDetail .MsgStatus .fa-check-circle {
  margin-left: 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;
  left: 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: left;
  margin-left: 30px;
  position: fixed;
  top: 50px;
  left: 0px;
  z-index: 100001;
}
@media only screen and (max-width: 480px) {
  .tsBell {
    margin-left: 15px;
  }
}
.tsBell .bellIcon {
  display: block;
  font-size: 125%;
  line-height: 50px;
  margin-right: 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-right: 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-left: 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;
  left: 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 5px 5px 25px;
  margin-bottom: 5px;
}
.ReferralDetailsContainer .subsection .baseColorPalette ul.selectionList li.selection .remove {
  width: 24px;
  text-align: center;
  position: absolute;
  top: 1px;
  left: 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;
  left: 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-right: -53px;
}
@media only screen and (max-width: 768px) {
  .ReferralDetailsContainer .popover.bottom {
    margin-left: 17px;
  }
}
.ReferralDetailsContainer .popover {
  padding: 10px 10px 20px 10px;
}
.pull-left {
  float: right;
}
.pull-right {
  float: left;
}
.actionMenu {
  float: left;
}
.actionMenu .dropdown {
  display: none;
  top: 40px;
  position: absolute;
  z-index: 100;
  box-shadow: 0 1px 3px #aaa;
  background-color: #fff;
  float: right;
}
.actionMenu .dropdown .ui-menu-item {
  white-space: nowrap;
}
.notificationBoxContainer {
  display: none;
  position: absolute;
  left: 0px;
  width: 320px;
  top: 50px;
  z-index: 90;
  overflow-y: auto;
}
@media only screen and (max-width: 480px) {
  .notificationBoxContainer {
    width: 100%;
  }
}
.notificationBoxContainer .notificationBackContainer .Divpadding {
  display: none;
}
@media only screen and (max-width: 480px) {
  .notificationBoxContainer .notificationBackContainer .Divpadding {
    display: block;
    padding-top: 10px;
    margin: 0px 0px 20px 0;
  }
  .notificationBoxContainer .notificationBackContainer .Divpadding .backLink:before {
    font-family: "FontAwesome";
    content: "\f190";
    position: relative;
    cursor: pointer;
    padding-right: 15px;
    top: 2px;
  }
}
@media only screen and (max-width: 400px) {
  .notificationBoxContainer {
    width: 100%;
  }
}
.notificationBoxContainer .heading {
  font-size: 120%;
  margin: 20px 10px 20px 0;
}
.notificationBoxContainer .NotificationMenu {
  padding-right: 10px;
  display: table;
  width: 100%;
}
.notificationBoxContainer .NotificationMenu a {
  padding: 0 0 10px 10px;
  margin-left: 10px;
  display: table-cell;
  max-width: 100px;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.notificationBoxContainer .NotificationMenu .CurrentTab {
  border-bottom: 2px solid;
}
@media screen and (-moz-images-in-menus: 0) {
  .notificationBoxContainer .NotificationMenu .CurrentTab {
    padding-bottom: 10px;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .notificationBoxContainer .NotificationMenu .CurrentTab {
    padding-bottom: 11px;
  }
}
.notificationBoxContainer .NotificationMenu .newCommunication {
  font-size: xx-small;
}
.notificationBoxContainer .subgroup {
  padding: 10px 15px 0 15px;
  border-style: solid;
  border-width: 2px 0 0 0;
  overflow: hidden;
}
.notificationBoxContainer .subgroup .emptyMessage {
  background-color: transparent;
}
.notificationBoxContainer .subgroup .emptyMessage p {
  padding: 10px;
}
.notificationBoxContainer .subgroup .emptyMessage p a {
  text-decoration: underline;
}
.notificationBoxContainer .subgroup .emptyMessage p a:hover {
  border: dashed 1px;
}
.notificationBoxContainer .subgroup .archiveAllLink {
  margin-bottom: 20px;
  float: left;
  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: left;
}
.notificationBoxContainer .subgroup span {
  padding: 10px 10px 0 10px;
}
.applicationPreviewPage .jobTitle,
.applicationPreviewPage #ApplyPageHead {
  padding-top: 0px;
}
.RemovalConfirmationContainer,
.WithdrawlConfirmationContainer,
.DuplicateDialogForGeneralJobSubmission {
  z-index: 100;
}
.RemovalConfirmationContainer .title,
.WithdrawlConfirmationContainer .title,
.DuplicateDialogForGeneralJobSubmission .title {
  margin-bottom: 10px;
  font-weight: bold;
}
.RemovalConfirmationContainer .buttonContainer,
.WithdrawlConfirmationContainer .buttonContainer,
.DuplicateDialogForGeneralJobSubmission .buttonContainer {
  margin-top: 15px;
}
.RemovalConfirmationContainer .backLink,
.WithdrawlConfirmationContainer .backLink,
.DuplicateDialogForGeneralJobSubmission .backLink {
  margin-bottom: 10px;
}
.Wraptitle {
  display: inline-block;
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.safariNotification {
  color: #D82021;
  margin: 20px auto;
  padding: 20px;
  width: 450px;
  height: 120px;
  border: 3px dotted #CCCCCC;
  text-align: right;
  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-left: -5px;
  height: 30px;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  text-align: center;
  vertical-align: middle;
  width: 25%;
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
}
.mobileCountryContainer .phoneNumber {
  width: 75% !important;
  position: absolute;
  left: 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;
  margin-top: -10px;
}
.applicationAddFiles ul.message {
  margin-top: -5px;
  padding: 0 10px;
}
.applicationAddFiles .message {
  padding: 10px;
}
.applicationAddFiles .message li {
  list-style: inside disc;
}
.applicationAddFiles .message .instruction {
  margin-top: -5px;
  margin-bottom: 10px;
}
.applicationAddFiles .pendingAttachments .category {
  padding: 10px 10px 20px;
}
.applicationAddFiles .pendingAttachments .category .categoryName {
  margin-bottom: -10px;
}
.applicationAddFiles .pendingAttachments .category .attachment {
  margin-top: 30px;
  margin-left: -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;
  text-overflow: ellipsis;
}
.applicationAddFiles .pendingAttachments .category .attachment .file .fa {
  margin-right: 10px;
}
.applicationAddFiles .primaryButton,
.applicationAddFiles .UnderLineLink {
  margin-top: 10px;
  margin-right: 10px;
}
.NoLoginSessionTimedoutContainer .title {
  font-size: 110%;
}
.actionRequired {
  padding: 5px 10px;
  font-size: 100% !important;
  display: inline-block;
  border-radius: 20px;
  margin-bottom: 10px;
}
.actionRequired.nonActionable {
  padding-right: 0px;
}
.StandAloneGQSucessfullSubmission .title,
.StandAloneGQKnockedOut .title {
  font-weight: bold;
}
#applywithLinkedInContainer {
  display: inline-block;
  width: min-content;
  width: -webkit-min-content;
  width: -ms-min-content;
  margin-left: -1px;
}
.applywithLinkedIn {
  position: relative;
  top: 21px;
}
.applywithLinkedIn iframe {
  border-width: 0px;
}
.interviewActionTag {
  line-height: 125%;
  background: lightblue;
  padding: 10px;
  border-color: green;
  display: inline-block;
  border-radius: 30px;
}
.interviewTitle {
  margin-top: 10px;
  font-size: 130%;
}
.interviewDate {
  margin-top: 10px;
}
.interviewLink {
  margin-top: 10px;
}
.highLightStyle {
  border-style: dashed;
}
.dragLabelStyle {
  height: 20px;
  vertical-align: bottom;
  display: inline-block;
  margin-bottom: 20px;
}
.nga-squash-left-add,
.nga-squash-right-add {
  white-space: normal !important;
}
.cookiedialog.ngdialog.ngdialog-theme-default .ngdialog-content {
    top: auto;
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.vExpParent .backLink {
    display: none;
}