/*<![CDATA[*/
/**************************************************/
/* fonts */
/* required formats - eot, woff, ttf, and svg */
/**************************************************/
/* Desktop */
/* Mobile */
@font-face {
  font-family: "HelveticaNeueW01-45Ligh";
  src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
  src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"), url("../fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("../fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("../fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg"); }

@font-face {
  font-family: "HelveticaNeueW01-55Roma";
  src: url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
  src: url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("../fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("../fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("../fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg"); }

@font-face {
  font-family: "HelveticaNeueW01-65Medi";
  src: url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix");
  src: url("../fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("eot"), url("../fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"), url("../fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"), url("../fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg"); }

@font-face {
  font-family: "Avenir LT W01 45 Book";
  src: url("../fonts/4f32268f-fd86-4960-b72c-4bb1ba75ec6f.eot?#iefix");
  src: url("../fonts/4f32268f-fd86-4960-b72c-4bb1ba75ec6f.eot?#iefix") format("eot"), url("../fonts/939cba03-5b40-4d01-9bc5-7589eca863db.woff") format("woff"), url("../fonts/849bc5b9-a2ff-4343-977b-26ba8bd24a60.ttf") format("truetype"), url("../fonts/f67fa3b5-c1d1-488f-8e60-a828b9ad56a4.svg#f67fa3b5-c1d1-488f-8e60-a828b9ad56a4") format("svg"); }

@font-face {
  font-family: "Avenir LT W01 65 Medium";
  src: url("../fonts/212ab03d-5db2-4d6a-b94c-171cc702aa51.eot?#iefix");
  src: url("../fonts/212ab03d-5db2-4d6a-b94c-171cc702aa51.eot?#iefix") format("eot"), url("../fonts/2cac77ec-9bc0-4ee7-87e4-27650190744f.woff") format("woff"), url("../fonts/aaf11848-aac2-4d09-9a9c-aac5ff7b8ff4.ttf") format("truetype"), url("../fonts/294099f3-8d00-4676-afc5-5e9d8d43ad69.svg#294099f3-8d00-4676-afc5-5e9d8d43ad69") format("svg"); }

@font-face {
  font-family: "Avenir LT W01 85 Heavy";
  src: url("../fonts/f61bf0f6-c193-4100-b940-12a1a01dcee5.eot?#iefix");
  src: url("../fonts/f61bf0f6-c193-4100-b940-12a1a01dcee5.eot?#iefix") format("eot"), url("../fonts/7147ec3a-8ff8-4ec9-8c5c-bd1571dc6ae6.woff") format("woff"), url("../fonts/d1dc54b2-878d-4693-8d6e-b442e99fef68.ttf") format("truetype"), url("../fonts/731dd4d3-64da-427d-ba61-01575b3cf3f7.svg#731dd4d3-64da-427d-ba61-01575b3cf3f7") format("svg"); }

/* end fonts */
/**************************************************/
/* general styling */
/**************************************************/
html {
  background: url("../images/noise_bg.png") repeat fixed left top #1e1e1e; }

a.atk_logo {
  display: inline-block;
  vertical-align: middle; }
  @media only screen and (min-width: 601px) {
    a.atk_logo {
      width: 175px;
      height: 21px;
      margin-left: 20px; } }
  @media only screen and (max-width: 600px) {
    a.atk_logo {
      width: 126px;
      height: 15px;
      margin-left: 20px; } }

.verticalAlignHelper {
  display: inline-block;
  vertical-align: middle;
  height: 100%; }

.headingtext a:hover, .headingtext a:focus {
  transition: color 0.2s;
  color: #7823dc !important;
  text-decoration: none; }

.headingtext a:active {
  color: rgba(120, 35, 220, 0.75) !important;
  text-decoration: none; }

.headingtext a, .headingtext a:visited {
  transition: color 0.2s;
  color: black;
  text-decoration: none;
  margin-left: 30px;
  display: inline;
  float: right; }
  @media only screen and (min-width: 601px) {
    .headingtext a, .headingtext a:visited {
      font-size: 12px;
      line-height: 16px; } }
  @media only screen and (max-width: 600px) {
    .headingtext a, .headingtext a:visited {
      font-size: 16px;
      line-height: 20px; } }

@media only screen and (min-width: 601px) {
  .headingtext {
    padding-right: 40px; } }

@media only screen and (max-width: 600px) {
  .headingtext {
    padding-right: 20px; } }

.headerContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  border-bottom: 1px solid #d8d8d8;
  /* Added by Acuity */
  background-repeat: no-repeat;
  background-color: white; }
  @media only screen and (min-width: 601px) {
    .headerContainer {
      height: 100px; } }
  @media only screen and (max-width: 600px) {
    .headerContainer {
      height: 50px; } }

.joinUs {
  font-size: 16px;
  color: #FFFFFF;
  display: inline-block;
  vertical-align: top;
  padding-top: 20px; }

.socialLinks {
  display: flex;
  justify-content: center; }
  @media only screen and (min-width: 601px) {
    .socialLinks {
      padding-bottom: 30px; } }
  @media only screen and (max-width: 600px) {
    .socialLinks {
      padding-bottom: 40px; } }

.socialImg {
  transition: opacity 0.2s ease; }
  .socialImg:hover {
    opacity: 0.75; }
  @media only screen and (min-width: 601px) {
    .socialImg {
      height: 32px;
      padding-right: 30px; } }
  @media only screen and (max-width: 600px) {
    .socialImg {
      height: 24px;
      padding-right: 20px; } }

.headerMenuAlign {
  vertical-align: top; }

body {
  width: 100%;
  margin: 0px;
  padding: 0px !important;
  background: url("../images/noise_bg.png") repeat fixed left top #1e1e1e;
  color: black;
  font-family: Arial;
  min-height: 560px; }

img {
  border: 0px; }

#container:after {
  clear: both;
  content: "";
  display: table; }

#container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  /* set width of container here */ }

#container #content {
  display: inline;
  width: 100%;
  /* set width of container content here */ }

#content .content_body {
  margin-bottom: 50px;
  padding: 20px;
  min-height: 435px;
  background-color: #fff;
  border: 0px; }

/* header section */
.mainsection .headerpanel {
  padding: 0 10px 0 0 !important; }

/* this width adjusts the user header and footer information (User, you are signed in.) */
.headersection .headerpanel .leftpanel,
.footeraction .footeractionpanel .leftpanel {
  float: left;
  width: 100%;
  /* set width of header here */
  padding-bottom: 5px !important; }

.headersection .link2panel {
  background-color: none;
  float: left;
  width: auto;
  /* set width of header section border */
  display: block;
  z-index: 1;
  margin-top: 9px;
  border: 0; }

/* content section */
.mainsection .mastercontentpanel {
  padding: 10px; }

/* end general styling */
/**************************************************/
/* buttons (default is gray) */
/**************************************************/
.mainsection .inputbutton, .accessmanagement .nav-btn {
  color: #7823dc !important;
  border: 1px solid #7823dc !important;
  background-color: white !important;
  font-family: Arial !important;
  font-size: 14px !important;
  font-weight: normal !important;
  padding: 4px 9px !important;
  transition: color 0.2s ease, background-color 0.2s ease !important;
  -webkit-appearance: none !important;
  -moz-user-select: none !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background-clip: padding-box !important;
  cursor: pointer !important;
  font-weight: normal !important;
  overflow: hidden !important;
  text-decoration: none !important;
  text-align: center !important; }
  .mainsection .inputbutton:hover, .accessmanagement .nav-btn:hover {
    color: white !important;
    background-color: #7823dc !important;
    text-decoration: none !important; }
  .mainsection .inputbutton:active, .accessmanagement .nav-btn:active {
    color: rgba(255, 255, 255, 0.75) !important;
    background-color: #7823dc !important;
    text-decoration: none !important; }

.accessmanagement .nav-btn5 {
  padding-right: 0 !important;
  background-color: transparent; }

input#dialogTemplate-dialogForm-StatementBeforeAuthentificationContent-ContinueButton {
  color: #7823dc;
  border: 1px solid #7823dc;
  background-color: white;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 9px;
  transition: color 0.2s ease, background-color 0.2s ease;
  -webkit-appearance: none !important;
  -moz-user-select: none !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background-clip: padding-box;
  cursor: pointer;
  font-weight: normal;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  margin-right: 5px; }
  input#dialogTemplate-dialogForm-StatementBeforeAuthentificationContent-ContinueButton:hover {
    color: white;
    background-color: #7823dc;
    text-decoration: none; }
  input#dialogTemplate-dialogForm-StatementBeforeAuthentificationContent-ContinueButton:active {
    color: rgba(255, 255, 255, 0.75);
    background-color: #7823dc;
    text-decoration: none; }

input#dialogTemplate-dialogForm-StatementBeforeAuthentificationContent-CancelButton {
  color: #7823dc;
  border: 1px solid #7823dc;
  background-color: white;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 9px;
  transition: color 0.2s ease, background-color 0.2s ease;
  -webkit-appearance: none !important;
  -moz-user-select: none !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background-clip: padding-box;
  cursor: pointer;
  font-weight: normal;
  overflow: hidden;
  text-decoration: none;
  text-align: center; }
  input#dialogTemplate-dialogForm-StatementBeforeAuthentificationContent-CancelButton:hover {
    color: white;
    background-color: #7823dc;
    text-decoration: none; }
  input#dialogTemplate-dialogForm-StatementBeforeAuthentificationContent-CancelButton:active {
    color: rgba(255, 255, 255, 0.75);
    background-color: #7823dc;
    text-decoration: none; }

.mainsection .inputbutton {
  margin-right: 8px;
  margin-left: 0; }

/* button on the login page  */
.metapanel .metalink2 .nav-btn {
  color: #7823dc;
  border: 1px solid #7823dc;
  background-color: white;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 9px;
  transition: color 0.2s ease, background-color 0.2s ease;
  -webkit-appearance: none !important;
  -moz-user-select: none !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background-clip: padding-box;
  cursor: pointer;
  font-weight: normal;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  border: 0;
  text-shadow: 0;
  box-shadow: none !important;
  -webkit-box-shadow: none !important; }
  .metapanel .metalink2 .nav-btn:hover {
    color: white;
    background-color: #7823dc;
    text-decoration: none; }
  .metapanel .metalink2 .nav-btn:active {
    color: rgba(255, 255, 255, 0.75);
    background-color: #7823dc;
    text-decoration: none; }

.mainsection .inputbutton:focus, .accessmanagement .nav-btn:focus, .mainsection .inputbutton:active, .accessmanagement .nav-btn:active {
  color: #7823dc;
  border: 1px solid #7823dc;
  background-color: white;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 9px;
  transition: color 0.2s ease, background-color 0.2s ease;
  -webkit-appearance: none !important;
  -moz-user-select: none !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background-clip: padding-box;
  cursor: pointer;
  font-weight: normal;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  text-decoration: none;
  outline: none; }
  .mainsection .inputbutton:focus:hover, .accessmanagement .nav-btn:focus:hover, .mainsection .inputbutton:active:hover, .accessmanagement .nav-btn:active:hover {
    color: white;
    background-color: #7823dc;
    text-decoration: none; }
  .mainsection .inputbutton:focus:active, .accessmanagement .nav-btn:focus:active, .mainsection .inputbutton:active:active, .accessmanagement .nav-btn:active:active {
    color: rgba(255, 255, 255, 0.75);
    background-color: #7823dc;
    text-decoration: none; }

.mainsection .inputbutton:hover, .accessmanagement .nav-btn:hover {
  color: #7823dc;
  border: 1px solid #7823dc;
  background-color: white;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 9px;
  transition: color 0.2s ease, background-color 0.2s ease;
  -webkit-appearance: none !important;
  -moz-user-select: none !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background-clip: padding-box;
  cursor: pointer;
  font-weight: normal;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  background-color: #f09728;
  text-decoration: underline; }
  .mainsection .inputbutton:hover:hover, .accessmanagement .nav-btn:hover:hover {
    color: white;
    background-color: #7823dc;
    text-decoration: none; }
  .mainsection .inputbutton:hover:active, .accessmanagement .nav-btn:hover:active {
    color: rgba(255, 255, 255, 0.75);
    background-color: #7823dc;
    text-decoration: none; }

/* end buttons */
/**************************************************/
/* job search & my jobs typography */
/**************************************************/
.jobsearch .linklabel {
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
  color: #444;
  text-decoration: none; }

.jobsearch .action a, .blockpanel .metalink a, .mainsection .infopanel .metalink2 a {
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
  color: #444;
  text-decoration: none; }

.column165 .helppanel .helpsubtitle {
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 150%;
  color: #3b3b3b;
  text-decoration: none; }

.mainsection .searchresults .resultstitlepanel .subtitle, .mainsection .myjobpage .resultstitlepanel .subtitle {
  font-size: 13px;
  color: black;
  font-weight: bold; }

.mainsection .searchresults .listingperpagepanel .label {
  float: left;
  font-size: 13px;
  color: #555;
  padding-left: 0px !important; }

.mainsection .searchresults .sortbypanel .label {
  float: left;
  font-size: 13px;
  color: #555;
  font-weight: bold;
  padding-left: 0px !important; }

.mainsection .jobsearch .listingperpagepanel,
.mainsection .jobsearch .sortbypanel {
  margin-bottom: 15px; }

.mainsection .titlelink a, .jobsearch .titlelink a {
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease;
  font-weight: bold;
  line-height: 150%;
  text-decoration: none; }
  .mainsection .titlelink a:hover, .jobsearch .titlelink a:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .mainsection .titlelink a:active, .jobsearch .titlelink a:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .mainsection .titlelink a:visited, .jobsearch .titlelink a:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

.mainsection .titlelink a:hover, .jobsearch .titlelink a:hover {
  text-decoration: none; }

.mainsection .jobposted, .mainsection .jobpostedinline {
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: 170%;
  color: black;
  text-decoration: none; }

.mainsection .searchresults .label, .mainsection .myjobpage .label, .mainsection .pagerpanel .pagersectionpanel .pagerlabel {
  font-size: 13px;
  color: black; }

.mainsection .pagerpanel .pagersectionpanel .pagerlinkoff a {
  font-size: 13px;
  color: black; }

.mainsection .pagerpanel .pagersectionpanel .pagerlinkselected a {
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: 170%;
  color: #555555;
  text-decoration: none; }

.mainsection .jobtype {
  font-size: 13px;
  color: #555; }

.column165 .legendpanel .legendtitle {
  color: #3B3B3B;
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  line-height: 150%;
  text-decoration: none;
  padding: 0px !important; }

.mainsection .myjobpage .listingperpagepanel .label {
  float: left;
  margin-right: 5px; }

.mainsection .myjobpage .statuspanel {
  background-color: transparent;
  margin-bottom: 15px; }

.mainsection .myjobpage .statuspanel h2 {
  margin: 0;
  padding: 0; }

.mainsection .myjobpage .statuspanel .text {
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
  color: #555;
  text-decoration: none; }

.helppanel .no-change-header {
  margin: 0;
  padding: 0; }

/* end job search typography */
/**************************************************/
/* job apply typography */
/**************************************************/
.headersection .headerpanel .userpanel .username {
  margin: 0 12px 12px 0;
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  line-height: 130%;
  color: #000000;
  text-decoration: none; }

.headersection .metalink a, .footeraction .footeractionpanel .footergroupactionpanel .metalink2 a, .mainsection .metapanel .metalink a {
  font-family: Arial;
  font-size: 11px;
  font-style: normal;
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease; }
  .headersection .metalink a:hover, .footeraction .footeractionpanel .footergroupactionpanel .metalink2 a:hover, .mainsection .metapanel .metalink a:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .headersection .metalink a:active, .footeraction .footeractionpanel .footergroupactionpanel .metalink2 a:active, .mainsection .metapanel .metalink a:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .headersection .metalink a:visited, .footeraction .footeractionpanel .footergroupactionpanel .metalink2 a:visited, .mainsection .metapanel .metalink a:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

.headersection .headerpanel .userpanel .separator {
  float: right;
  margin: 0 0 0 6px;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  line-height: 14px;
  color: #555;
  display: none; }

.headersection .headerpanel .linkpanel .link a {
  font-family: Arial;
  font-size: 14px;
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease;
  font-weight: normal;
  font-style: normal;
  text-decoration: none; }
  .headersection .headerpanel .linkpanel .link a:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .headersection .headerpanel .linkpanel .link a:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .headersection .headerpanel .linkpanel .link a:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

html > body .headersection .headerpanel .linkpanel .link a {
  padding: 9px 145px 10px 10px !important;
  white-space: nowrap;
  color: #7823dc;
  border: 1px solid #7823dc;
  background-color: white;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 9px;
  transition: color 0.2s ease, background-color 0.2s ease;
  -webkit-appearance: none !important;
  -moz-user-select: none !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background-clip: padding-box;
  cursor: pointer;
  font-weight: normal;
  overflow: hidden;
  text-decoration: none;
  text-align: center; }
  html > body .headersection .headerpanel .linkpanel .link a:hover {
    color: white;
    background-color: #7823dc;
    text-decoration: none; }
  html > body .headersection .headerpanel .linkpanel .link a:active {
    color: rgba(255, 255, 255, 0.75);
    background-color: #7823dc;
    text-decoration: none; }

a#jobpage-link, a#processes-link {
  color: #7823dc;
  border: 1px solid #7823dc;
  background-color: white;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 9px;
  transition: color 0.2s ease, background-color 0.2s ease;
  -webkit-appearance: none !important;
  -moz-user-select: none !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background-clip: padding-box;
  cursor: pointer;
  font-weight: normal;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  margin-top: 0px !important;
  margin-bottom: 10px !important; }
  a#jobpage-link:hover, a#processes-link:hover {
    color: white;
    background-color: #7823dc;
    text-decoration: none; }
  a#jobpage-link:active, a#processes-link:active {
    color: rgba(255, 255, 255, 0.75);
    background-color: #7823dc;
    text-decoration: none; }

a#jobpage-link {
  padding: 9px 135px 8px 10px !important;
  width: 82px; }

a#processes-link {
  padding: 9px 181px 8px 10px !important;
  width: 35px; }

a#et-ef-content-myAccountViewContent-flowHeader-myProcessesTabAction,
a#et-ef-content-ftf-flowHeader-myProcessesTabAction,
a#processlistTemplate-list-flowHeader-myProcessesTabAction,
a#topNavInterface\.myProcessesAction {
  padding-right: 180px !important;
  margin-right: 5px !important; }

a#processlistTemplate-list-flowHeader-myJobPageTabAction,
a#et-ef-content-myAccountViewContent-flowHeader-myJobPageTabAction,
a#et-ef-content-ftf-flowHeader-myJobPageTabAction,
a#topNavInterface\.myJobPageTabActionS {
  padding-right: 140px !important;
  margin-right: 5px !important; }

html > body .headersection .headerpanel .linkpanel .link {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 20px;
  margin-right: 6px;
  padding: 0 !important;
  border: none;
  width: 228px; }

.headersection .headerpanel .linkpanel .link a:hover {
  text-decoration: none; }

.headersection .headerpanel .linkpanel .selectedlink a, .headersection .headerpanel .linkpanel .selectedlink span {
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  color: white;
  text-decoration: none; }

.mainsection .infopanel .infojob {
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 150%;
  color: black;
  text-decoration: none; }

.blockpanel .metalink {
  font-weight: normal;
  text-decoration: none; }

.blockpanel .metalink a, .mainsection .infopanel .metalink2 a {
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease; }
  .blockpanel .metalink a:hover, .mainsection .infopanel .metalink2 a:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .blockpanel .metalink a:active, .mainsection .infopanel .metalink2 a:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .blockpanel .metalink a:visited, .mainsection .infopanel .metalink2 a:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

.blockpanel .page-header-titleb {
  font-size: 1.6em; }

.mainsection .metapanel .flowstatus {
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
  color: #555;
  text-decoration: none; }

.mainsection .metapanel .metalink a {
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease;
  font-size: 11px;
  line-height: 150%; }
  .mainsection .metapanel .metalink a:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .mainsection .metapanel .metalink a:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .mainsection .metapanel .metalink a:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

/* page title */
.myaccount .title,
.myaccount .titleaction,
.mainsection .titlepage,
.accessmanagement .page-heading-header-title {
  font-family: Arial;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  line-height: 130%;
  color: #000000;
  text-decoration: none; }

.myaccount .titleblock,
.summary .titleblock {
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 150%;
  color: #444;
  text-decoration: none; }

/* page subtitle */
.blockpanel .title,
.blockpanel .entity-title,
.shiftavailability .titlesection,
.alert-title {
  font-family: Arial;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  line-height: 130%;
  color: #555;
  text-decoration: none; }

.blockpanel .list-header .subtitle,
.myaccount .subtitleblock,
.summary .subtitleblock,
.mainsection .subtitle {
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  line-height: 170%;
  color: black;
  text-decoration: none; }

/* page label and copy */
.mainsection .text, .jobsearch .text, .jobsearch .savepanel .descriptionpanel .text, .mainsection .searchresults .text, .mainsection .myjobpage .text, .blockpanel .descriptionpanel .text, .myaccount .text, .shiftavailability .shiftcontentpanel, .shiftavailability .daycontentpanel, .shiftavailability .daycontentpanelread, .alert-message, .mainsection .text, .accessmanagement .page-header-text, .mainsection .separator, .messagecenter .page-header-text, .messagecenter .entity-value, .messagecenter .list-column-value {
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  /* line-height: 170%; */
  color: black !important;
  text-decoration: none; }

.pdf-viewer-style body, table th, table td, label, input, button, select, textarea, .pdf-viewer-style input[type="text"], .pdf-viewer-style input[type="password"], .pdf-viewer-style input[type="datetime"], .pdf-viewer-style input[type="datetime-local"], .pdf-viewer-style input[type="date"], .pdf-viewer-style input[type="month"], .pdf-viewer-style input[type="time"], .pdf-viewer-style input[type="week"], .pdf-viewer-style input[type="number"], .pdf-viewer-style input[type="email"], .pdf-viewer-style input[type="url"], .pdf-viewer-style input[type="search"], .pdf-viewer-style input[type="tel"], .pdf-viewer-style input[type="color"], .pdf-viewer-style .uneditable-input {
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  color: black;
  text-decoration: none; }

.progress-bar {
  line-height: 100% !important; }

/* right pane title */
.column165 .helppanel .helptitle {
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  line-height: 150%;
  color: #3b3b3b;
  text-decoration: none; }

/* right pane copy */
.column165 .helppanel .helplabel {
  margin: 7px 0 14px;
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
  color: #555555;
  text-decoration: none; }

/* field labels */
.blockpanel .entity-label, .menuHierarchy label, .entity-checkbox-label, .summary .label, .mainsection .label, .accessmanagement .entity-label-mandatory {
  /* margin: 20px 0 5px; */
  font-family: Arial;
  font-size: 13px;
  line-height: 170%;
  color: black;
  font-weight: bold; }

.blockpanel .entity-label, .myaccount .label {
  color: black; }

/* import section divider */
.partner-options.import {
  border-bottom: 1px solid #c0c0c0; }

/* upload resume note */
.blockpanel .textindentpanel .labelnote {
  margin: 7px 0 14px;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
  color: #555555;
  text-decoration: none; }

/* input fields */
input[type='text'], input[type='password'] {
  /* min-width: 200px; */
  padding: 0px 5px;
  box-shadow: 0px 2px 2px #eee inset;
  border: 1px solid #c0c0c0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: Arial;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  color: #555;
  line-height: 170%;
  height: 30px; }

.mainsection .inputtext,
.myaccount .inputtext300,
.mainsection .inputtext300,
.jobsearch .inputtext,
.jobsearch .savepanel .inputtext,
.mainsection .listingperpagepanel .inputselect,
.blockpanel .input-text,
.blockpanel .input-smaller input,
.blockpanel .sugInput-input {
  width: 200px;
  min-width: 70px;
  max-width: 200px;
  font-family: Arial !important;
  font-size: 13px !important;
  line-height: 170%;
  color: #555 !important;
  height: 30px; }

/* select fields */
.mainsection .inputselect,
.jobsearch .resultpropertiescontentpanel .inputselect,
.mainsection .searchresults .sortbypanel .inputselect,
.blockpanel .input-select,
.blockpanel .input-date-time select,
.blockpanel .entity-value select {
  width: 212px;
  min-width: 212px;
  max-width: 212px;
  padding: 4px 5px;
  border: 1px solid #c0c0c0;
  box-shadow: 0px 2px 2px #eee inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: Arial !important;
  font-size: 13px !important;
  line-height: 170%;
  color: #555 !important; }

/* text area */
textarea {
  min-width: 200px;
  max-width: 665px;
  padding: 0px 5px;
  box-shadow: 0px 2px 2px #eee inset;
  border: 1px solid #c0c0c0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: Arial;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  color: #555;
  line-height: 170%; }

.myaccount .inputtextmulti,
.mainsection .inputtextmulti,
.mainsection .inputtextmulti2,
.mainsection .inputtextmulti3,
.blockpanel .input-textarea {
  width: 98%;
  min-width: 200px;
  max-width: 665px;
  font-family: Arial !important;
  font-size: 13px !important;
  line-height: 170%;
  color: #555 !important; }

.mainsection .textindentpanel .inputselect1 {
  width: 250px;
  border: 1px solid #c0c0c0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0px 2px 2px #eee inset;
  margin-top: 5px;
  padding: 4px 5px;
  background-color: #fff;
  color: #444; }

/* minor stuff... */
.blockpanel .input-date-time-text, .blockpanel .entity-select-action {
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease; }
  .blockpanel .input-date-time-text:hover, .blockpanel .entity-select-action:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .blockpanel .input-date-time-text:active, .blockpanel .entity-select-action:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .blockpanel .input-date-time-text:visited, .blockpanel .entity-select-action:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

.questionnaire legend, .questionnaire label {
  width: 100%;
  font-size: 13px !important;
  line-height: 170% !important; }

.blockpanel .fs-508-block, .blockpanel .textindentpanel {
  padding-left: 0;
  font-size: 1em; }

.mainsection .metalink2 a, .mainsection .pagerpanel .pagersectionpanel .pagerlink a, .blockpanel .loc-action-btn a, .mainsection .textlink a, .myaccount .metalink2 a, .accessmanagement .link-small a, .blockpanel .list .listpanel .metalink2 a, .footersection .poweredbytaleolink a, .messagecenter .toolbar a, .messagecenter .list-column a, .alert-button-panel a, .messagecenter .section-name a {
  font-family: Arial;
  font-size: 14px;
  font-style: normal;
  line-height: 170%;
  color: #f09728;
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease; }
  .mainsection .metalink2 a:hover, .mainsection .pagerpanel .pagersectionpanel .pagerlink a:hover, .blockpanel .loc-action-btn a:hover, .mainsection .textlink a:hover, .myaccount .metalink2 a:hover, .accessmanagement .link-small a:hover, .blockpanel .list .listpanel .metalink2 a:hover, .footersection .poweredbytaleolink a:hover, .messagecenter .toolbar a:hover, .messagecenter .list-column a:hover, .alert-button-panel a:hover, .messagecenter .section-name a:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .mainsection .metalink2 a:active, .mainsection .pagerpanel .pagersectionpanel .pagerlink a:active, .blockpanel .loc-action-btn a:active, .mainsection .textlink a:active, .myaccount .metalink2 a:active, .accessmanagement .link-small a:active, .blockpanel .list .listpanel .metalink2 a:active, .footersection .poweredbytaleolink a:active, .messagecenter .toolbar a:active, .messagecenter .list-column a:active, .alert-button-panel a:active, .messagecenter .section-name a:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .mainsection .metalink2 a:visited, .mainsection .pagerpanel .pagersectionpanel .pagerlink a:visited, .blockpanel .loc-action-btn a:visited, .mainsection .textlink a:visited, .myaccount .metalink2 a:visited, .accessmanagement .link-small a:visited, .blockpanel .list .listpanel .metalink2 a:visited, .footersection .poweredbytaleolink a:visited, .messagecenter .toolbar a:visited, .messagecenter .list-column a:visited, .alert-button-panel a:visited, .messagecenter .section-name a:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

.summary .contentblockpanel .valuepanel {
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  line-height: 150%;
  color: #555555;
  text-decoration: none; }

.blockpanel .entity-value, .blockpanel .entity-value select, .summary .value, .myaccount .value {
  font-size: 13px;
  color: #555; }

/* end job apply typography */
/**************************************************/
/* job apply spacing */
/**************************************************/
.mainsection .headerpanel .metapanel {
  margin: 24px 0 20px; }

/* page title and subtitle spacing */
.no-change-header {
  margin: 15px 0;
  padding: 0; }

h1.no-change-header {
  margin-top: 0; }

/* required fields star */
.mainsection .requiredimg {
  margin: 8px 5px 7px 0; }

.mainsection .mandatory-img {
  margin: 2px 5px 2px 0; }

.error-label {
  display: block;
  padding-bottom: 0;
  color: red; }

/* file attachment list */
.blockpanel .attachment-list {
  width: 100%; }

.blockpanel .attachment-list .captionleft {
  margin-top: 0; }

/* minor stuff... */
.legend-pos {
  margin: 0;
  padding: 0; }

.blockpanel fieldset {
  margin: 0;
  padding: 0; }

.blockpanel fieldset.entity-value legend {
  margin: 0;
  padding: 0; }

.blockpanel .separatorhorizontalpanel {
  border-width: 0 0 1px; }

.mainsection .index {
  padding-right: 15px; }

/* upload data from linkedin? */
.partner-options.import .fs-508 label {
  margin: 0 20px 0 0; }

/* pdf viewer */
.bootstrap .form-actions {
  background-color: #fff;
  border: 0 none;
  width: 100%; }

/* end job apply spacing */
/**************************************************/
/* job apply train */
/**************************************************/
.datatrain-table {
  clear: both;
  margin-bottom: 20px; }

.datatrain-wrapper {
  width: auto; }

.datatrain-left-shifter, .datatrain-right-shifter {
  display: none; }

.headerpanel .datatrain-tv, .headerpanel .datatrain-tv-left-margin, .headerpanel .datatrain-tv-right-margin {
  background-color: #fff;
  border: none;
  padding: 0; }

.headerpanel .datatrain-tv-left-margin, .headerpanel .datatrain-tv-right-margin {
  display: none; }

.datatrain-tv {
  width: 100%;
  /* set width of train here */
  height: 100%; }

.headerpanel .datatrain-t {
  background-color: #fff;
  padding: 0; }

.datatrain-tv .datatrain-t {
  display: block;
  height: 100%;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  white-space: nowrap;
  width: auto !important;
  /* set width of train here */
  left: 0 !important; }

.datatrain-tv .datatrain-t fieldset {
  margin: 0;
  padding: 0; }

.datatrain-tv-left-margin {
  display: none;
  height: 100%;
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px; }

.datatrain-tv-right-margin {
  display: none;
  height: 100%;
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px; }

.datatrain-wagon {
  border: none;
  background-color: whitesmoke;
  color: black;
  width: 67px;
  height: 45px;
  padding: 0 3px 3px 3px;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  line-height: 14px;
  color: #444;
  display: table; }

.datatrain-focus .datatrain-wagon {
  /* train highlight color (default is blue) */
  background-color: #1E1E1E;
  color: #fff; }

html > body .datatrain-focus {
  width: 88px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  background-color: transparent;
  border: none;
  padding: 5px 0; }

html > body .datatrain-no-focus {
  float: left;
  width: 88px;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px 0; }

html > body .datatrain-focus-left, html > body .datatrain-no-focus-left {
  display: none; }

html > body .datatrain-focus-right, html > body .datatrain-no-focus-right {
  display: block;
  position: relative;
  background-color: transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #C0C0C0;
  border-right: none;
  width: 0;
  height: 0;
  margin: 0 4px;
  top: 26px; }

.datatrain-wagon-link a, .sugInput-input-selected {
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease; }
  .datatrain-wagon-link a:hover, .sugInput-input-selected:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .datatrain-wagon-link a:active, .sugInput-input-selected:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .datatrain-wagon-link a:visited, .sugInput-input-selected:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

.datatrain-empty-padder {
  width: 0; }

/*
html > body .datatrain-focus-left {
	border-radius: 3px 0 0 3px;
}

html > body .datatrain-focus-right {
	border-radius: 0 3px 3px 0;
}
*/
/* end job apply train */
/**************************************************/
/* my profile */
/**************************************************/
.blockpanel fieldset {
  margin: 0;
  padding: 0;
  border: none; }

.blockpanel .labelcontent select {
  width: 212px;
  min-width: 212px;
  max-width: 212px;
  padding: 4px 5px;
  border: 1px solid #c0c0c0;
  box-shadow: 0px 2px 2px #eee inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: Arial !important;
  font-size: 13px !important;
  line-height: 170% !important;
  color: #555 !important; }

.attachment-list thead tr {
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0; }

.myaccount .headerblockpanel,
.summary .headerblockpanel {
  display: block;
  color: black;
  background-color: #d8d8d8;
  padding: 6px 10px; }

.myaccount .blockpanel {
  background-color: whitesmoke;
  border: none; }

/* end my profile */
/**************************************************/
/* other stuff... */
/**************************************************/
#description_box h1 {
  color: #842e2d;
  font-family: Arial;
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 15px; }

.headersection .headerpanel {
  border-color: transparent;
  border-style: none solid solid;
  border-width: 0;
  display: block;
  margin: 0;
  padding: 0 8px; }

.headersection .box .boxtop {
  display: none; }

.accessmanagement .block-main-border-fix {
  padding: 0px; }

.accessmanagement .dialog-columns-2 {
  padding: 0px;
  margin-left: 20px; }

.accessmanagement input[type='text'], .accessmanagement input[type='password'] {
  min-width: 238px; }

.blockpanel .entity-instruction {
  margin-top: 4px; }

.accessmanagement .dialog-columns-openid {
  border-left: 0 none transparent;
  padding: 5px 15px;
  text-align: center;
  width: auto; }

.accessmanagement .dialog-columns-openid table {
  margin: 0px auto; }

.accessmanagement .entity-label {
  color: #000000;
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 10px;
  padding-left: 2px;
  text-decoration: none; }

.accessmanagement .entity-label .iam-entity-label-mandatory {
  margin-right: 3px; }

.accessmanagement .button-group-center {
  padding: 0px;
  padding-top: 5px; }

.accessmanagement .entity-mandatory-field {
  font-size: 0.95em;
  color: #555; }

.accessmanagement .iam-block-main-border-fix {
  margin: 15px 0px 0px 0px;
  font-size: 14px;
  display: block; }

.headersection .spacerlink2panel {
  border-style: none;
  border-width: 0;
  display: block;
  margin: 0;
  padding: 0px; }

.mainsection .buttongrouppanel2 {
  min-height: 41px; }

.headersection:after {
  clear: both;
  content: "";
  display: table; }

.mainsection .iconpanelupdated, .mainsection .iconcontentpanelupdated, .headersection .link2panel, .mainsection .myjobpage .messagenotepanel, .alert-message-notification, .shiftavailability .allshiftpanel, .shiftavailability .alldaypanel, .jobsearch .linkpanel, .jobsearch .boxpanelb2-top, .jobsearch .boxpanelb3-top, .jobsearch .boxpanelb4-top, .processesNotSelectedTaskItem td, .processes-table-link {
  background-color: #E9E9E9;
  padding: 0; }

.headersection .headerpanel .linkpanel:after {
  clear: both;
  content: "";
  display: table; }

.headersection .headerpanel .linkpanel {
  margin: 11px 0px 0px 0px;
  padding: 0px; }

.headersection .headerpanel .linkpanel .link, .headersection .headerpanel .linkpanel .selectedlink {
  background-color: white;
  float: left;
  color: #7823dc;
  margin-right: 6px;
  margin-bottom: 10px;
  z-index: 2;
  position: relative;
  padding-right: 120px;
  padding-top: 10px;
  padding-bottom: 9px;
  padding-left: 8px; }

.headersection .headerpanel .linkpanel .selectedlink {
  background-color: #7823dc;
  color: white;
  border: 0px;
  width: 100px;
  display: block; }
  @media only screen and (max-width: 600px) {
    .headersection .headerpanel .linkpanel .selectedlink {
      max-width: 50%; } }

.headersection .link2panel .link2 {
  border: 0 none;
  display: inline;
  float: left;
  margin: 13px 8px;
  padding: 0; }

.footeraction .footeractionpanel {
  padding: 20px 0;
  height: 42px;
  border-top: 0px none transparent; }

.headersection .link2panel .separatorlink2 {
  color: #555555;
  display: inline;
  float: left;
  font-size: 1.1em;
  font-style: normal;
  font-weight: normal;
  margin: 13px 0;
  padding: 0;
  text-decoration: none; }

.headersection .link2panel .link2 a {
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease;
  text-decoration: none; }
  .headersection .link2panel .link2 a:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .headersection .link2panel .link2 a:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .headersection .link2panel .link2 a:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

.headersection .link2panel .link2 a:hover {
  text-decoration: none; }

.headersection .link2panel .selectedlink2 {
  background-color: transparent;
  display: inline;
  float: left;
  margin: 7px 8px;
  padding: 5px;
  position: relative;
  border-width: 0px; }

.headersection .link2panel .selectedlink2 span {
  color: black !important; }

.headersection .link2panel {
  background-color: transparent; }

.footeraction .footeractionpanel {
  border: 0 none transparent;
  height: 42px; }

.footeraction .box .boxbottom {
  display: none; }

.mainsection .iconcontentpanel {
  padding-bottom: 10px;
  padding-top: 19px;
  border-top: 1px solid silver; }

/* job search */
.jobsearch .no-change-header {
  margin: 12px 0; }

.jobsearch .resultpropertiescontentpanel {
  background-color: #842e2d;
  border-image: none;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  margin-left: 0;
  margin-right: 0;
  margin-top: -1px;
  padding: 10px;
  border-top: 0 none transparent; }

.jobsearch .boxresults {
  display: none; }

.jobsearch .linkpanel:after {
  clear: both;
  content: "";
  display: table; }

.jobsearch .linkpanel {
  list-style-type: none; }

.jobsearch .selectedlink {
  background-color: #fff;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border-style: solid solid none;
  border-width: 1px;
  bottom: -1px;
  color: White;
  cursor: default;
  float: left;
  margin: 0 0 0 6px;
  padding: 5px 10px;
  position: relative; }

.jobsearch .labelcontent, .jobsearch .contentdatapanel .searchLookup {
  display: block;
  font-size: 12px;
  margin: 0 0 5px; }

.jobsearch .action {
  margin-top: 5px; }

.jobsearch .label, .jobsearch .savepanel .label, .jobsearch .resultpropertiescontentpanel .label {
  display: block;
  margin: 0 0 6px !important; }

.jobsearch .contentgrouppanel .inputtext {
  margin: 0 0 21px; }

.jobsearch .inputtext, .jobsearch .resultpropertiescontentpanel .inputselect {
  max-width: 310px; }

.column165 .helppanel .helplink a, .filter-link-anchor {
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease; }
  .column165 .helppanel .helplink a:hover, .filter-link-anchor:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .column165 .helppanel .helplink a:active, .filter-link-anchor:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .column165 .helppanel .helplink a:visited, .filter-link-anchor:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

/* job page spacing */
.headersection .headerpanel {
  border-color: transparent;
  border-style: none solid solid;
  border-width: 0;
  display: block;
  margin: 0;
  padding: 0; }

.mainsection .infopanel {
  display: block;
  margin: 20px 0;
  padding: 0; }

.metagrouppanel:after {
  clear: both;
  content: "";
  display: table; }

.mainsection .metagrouppanel {
  background-color: transparent;
  display: block;
  margin: 25px 0 10px;
  padding: 0; }

.mainsection .metapanel2 {
  background-color: transparent;
  display: block;
  float: left;
  margin: 0;
  padding: 0; }

.mainsection .metapanel {
  background-color: transparent;
  display: block;
  float: right;
  margin: 0;
  padding: 0; }

.mainsection .pagerpanel {
  background: none repeat scroll 0 0 white;
  border: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset;
  color: #555555;
  display: block;
  margin: 25px 0;
  padding: 6px;
  text-align: center; }

.mainsection .pagerpanel .pagersectionpanel {
  display: inline;
  margin: 0 8px; }

.mainsection .boxtraintop {
  display: none; }

/* tasks */
.processesTaskMainDiv .blockpanel .entity-label {
  margin: 0px; }

.processesTaskMainDiv input[type='text'], .processesTaskMainDiv input[type='password'] {
  min-width: auto;
  max-width: 200px; }

.processesTaskMainDiv .output-text.entity-value {
  padding: 6px 0; }

.processesTaskMainDiv .cf-data-table input[type='text'], .processesTaskMainDiv .cf-data-table input[type='password'] {
  font-size: 12px; }

.processesTaskMainDiv .cf-data-table, .processesTaskMainDiv .cf-data-table {
  font-size: 12px; }

.processesTaskMainDiv .list.cf-data-table {
  font-size: 9px; }

.processesTaskMainDiv .mandatory-img {
  margin-top: 0px;
  margin-right: 3px;
  margin-left: 1px; }

.processesTaskMainDiv .blockpanel .entity-noframe {
  border: 0 none;
  display: block;
  margin: 0;
  padding: 0; }

.processesTaskMainDiv .blockpanel .list-header-title {
  margin-right: 15px;
  margin-top: 10px; }

.entity-columns-left img, .taskPanel .blockpanel img {
  max-width: 406px; }

.blockpanel fieldset.entity-value, .blockpanel span.input-date-time {
  border: 0 none transparent;
  font-size: 1em; }

.processesNotSelectedTaskItem td {
  padding: 6px 0 10px 10px;
  border: 0; }

.processesNotSelectedTaskItem td:hover {
  text-decoration: none;
  border: 0; }

.blockpanel .page-header > *:first-child {
  background-color: white;
  border-bottom: 1px solid lightgray !important; }

.pane .page-header > div {
  background-color: transparent !important;
  text-shadow: 0 0 0 transparent !important;
  border-bottom: 0 transparent none !important; }

/* Questions - Detailed Competencies */
.formskill .tableskills .tableskillscolumn {
  width: 150px;
  border: none; }

.formskill .tableskills .tableskillscolumn fieldset {
  box-shadow: none;
  width: auto;
  min-width: inherit;
  max-width: inherit; }

.formskill .tableskills .tableskillscolumn input {
  width: auto;
  min-width: inherit;
  max-width: inherit; }

.headersection .headerpanel .linkpanel .link {
  border: solid 1px #7823dc;
  width: 100px;
  display: block; }
  @media only screen and (max-width: 600px) {
    .headersection .headerpanel .linkpanel .link {
      max-width: 50%; } }

div#requisitionDescriptionInterface\.buttongrouppanelTop\.row1 {
  float: right;
  width: 232px;
  margin-left: -200px;
  margin-top: 30px; }
  @media only screen and (max-width: 1000px) {
    div#requisitionDescriptionInterface\.buttongrouppanelTop\.row1 {
      display: none; } }

a#requisitionDescriptionInterface\.printFormatAction {
  padding-right: 10px; }

.headersection .headerpanel .linkpanel .magnifierimg {
  display: none !important; }

.list-format-switch {
  display: none !important; }

.open .dropdown-list-header a {
  color: #f09728 !important; }

.search-panel-links-container a, .add-olf-link a {
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease; }
  .search-panel-links-container a:hover, .add-olf-link a:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .search-panel-links-container a:active, .add-olf-link a:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .search-panel-links-container a:visited, .add-olf-link a:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

input#requisitionDescriptionInterface\.UP_APPLY_ON_REQ\.row1 {
  margin-bottom: 10px;
  width: 250px; }

input#requisitionDescriptionInterface\.UP_ADD_TO_JOB_CART\.row1 {
  margin-bottom: 10px;
  width: 250px; }

ul.dropdown-menu.dropdown-list-searchresults {
  display: inline-block;
  padding-left: 0px; }

.more-actions {
  display: none !important;
  background: none !important; }

.add-to-jobcart {
  display: inline-block !important;
  background: none !important;
  padding-left: 0px; }

a[id^=add-to-jobcart] {
  font-size: 13px !important;
  padding: 4px 10px; }

span[id^=add-to-jobcart-disabled] {
  font-size: 13px !important;
  padding: 4px 10px;
  color: rgba(120, 35, 220, 0.75);
  text-decoration-color: rgba(216, 216, 216, 0.75); }

.li_addThis img {
  display: none !important; }

li.li_addThis.metalink2 {
  display: inline-block; }

.addthis_button_compact {
  padding: 4px 10px;
  font-size: 13px !important; }

.result-list-button {
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease;
  background-color: inherit !important;
  font-size: 13px; }
  .result-list-button:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .result-list-button:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .result-list-button:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

#jobsTableContainer .table thead tr th:nth-child(5) {
  text-align: center; }

.filter-list li {
  font-weight: bold;
  color: #842e2d; }

.save-search {
  background: none !important;
  padding: 0px !important; }

.sort-panel {
  float: none;
  margin: 0 0 0 10px;
  display: inline-block; }

.dataTable tr th {
  font-weight: bold; }

.mainsection .myjobpage .messagenotepanel .text {
  color: black;
  padding: 3px; }

.mainsection .jobupdated {
  display: none !important; }

.morelocation {
  display: none !important; }

.mainsection .calloutimg {
  background: none !important;
  display: none; }

.save-search-panel .result-list-button {
  font-size: 14px !important;
  padding: 0px !important; }

.save-search-panel .list-link-panel {
  padding-top: 4px; }

.policyLinks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 20px 30px; }

.policyLink {
  text-decoration: none !important;
  font-size: 12px !important;
  line-height: 16px !important;
  transition: color 0.2s ease;
  color: white !important;
  margin: 0 10px 20px 10px !important; }
  .policyLink:hover {
    transition: color 0.2s ease;
    color: rgba(255, 255, 255, 0.75) !important;
    text-decoration: none !important; }
  .policyLink:visited {
    text-decoration: none !important;
    color: white !important; }

.userpanel {
  float: none !important;
  padding: 0px !important; }

.right-header-info {
  float: none;
  padding: 0px;
  padding-bottom: 4px;
  padding-top: 4px; }

a.toggle-button-header.username-button {
  display: none; }

ul.dropdown-menu.dropdown-list-header {
  display: inline-block !important;
  padding-left: 0px;
  font-size: 15px;
  margin: 0px;
  padding-top: 5px; }

ul.dropdown-menu.dropdown-list-header > li {
  display: inline-block; }

ul.dropdown-menu.dropdown-list-header li:nth-child(2):before {
  content: "| ";
  padding: 0 5px; }

ul.dropdown-menu.dropdown-list-header li:nth-child(4) {
  display: none; }

ul.dropdown-menu.dropdown-list-header li:nth-child(6):before {
  content: "| ";
  padding: 0 5px; }

a#jobcart-link {
  font-size: 14px; }

.signed-in {
  font-size: 14px !important; }

.header-actions-hr {
  display: none; }

a#jobcart-link:before {
  content: "My Job Cart";
  padding-top: 7px;
  font-size: 15px; }

.headersection .headerpanel .userpanel .metalink a {
  font-size: 14px; }

.jobcart-link {
  background: none !important; }

.header-actions {
  margin-right: 0px; }

.headersection .headerpanel .rightpanel {
  text-align: left; }

.atk-logo {
  float: left; }

.mainsection .requisitionDescription .tablelist {
  width: inherit; }

tr[id^=requisitionDescriptionInterface] > td.column165 > div > div.helppanel {
  border: 0px; }

div#bottomBarInterface {
  display: none; }

#jobs th[scope=row] {
  text-align: left !important;
  padding-top: 5px;
  padding-bottom: 5px; }

div#requisitionDescriptionInterface\.pagerDivID769 {
  display: none; }

.info-panel-title {
  padding-left: 0px !important; }

.mainsection .iconpanel {
  padding-left: 0px !important;
  display: none; }

.mainsection .searchresults .resultstitlepanel {
  margin: 0 0 10px 0 !important; }

.mainsection .separator {
  color: #CCCCCC !important; }

.separator {
  color: #CCCCCC !important; }

.separatorlink2 {
  color: #CCCCCC !important; }

.blockpanel .separatorpanel {
  margin: 0 !important; }

.legendpanel .ftlrow .iconpanel {
  display: inline-block; }

div#taleo_holder > div.masterbody {
  margin-top: -14px; }

div#topNavInterface\.pnlHeader {
  padding-bottom: 0px !important; }

li#topNavInterface\.tabMY {
  line-height: 16px; }

span.headerpanel {
  padding-top: 11px !important; }

.inputtextmulti3 {
  min-height: 22px; }

input[id$="attachFileCommand"] {
  color: #7823dc;
  border: 1px solid #7823dc;
  background-color: white;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 9px;
  transition: color 0.2s ease, background-color 0.2s ease;
  -webkit-appearance: none !important;
  -moz-user-select: none !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background-clip: padding-box;
  cursor: pointer;
  font-weight: normal;
  overflow: hidden;
  text-decoration: none;
  text-align: center; }
  input[id$="attachFileCommand"]:hover {
    color: white;
    background-color: #7823dc;
    text-decoration: none; }
  input[id$="attachFileCommand"]:active {
    color: rgba(255, 255, 255, 0.75);
    background-color: #7823dc;
    text-decoration: none; }

.actions-container a:hover {
  text-decoration: underline;
  text-decoration-color: #d8d8d8; }

.iam-link-small-no-text-decoration a {
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease; }
  .iam-link-small-no-text-decoration a:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .iam-link-small-no-text-decoration a:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .iam-link-small-no-text-decoration a:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

html > body .headersection .headerpanel .linkpanel .selectedlink {
  margin-bottom: 10px;
  display: inline-block; }

.blockpanel .custom-form-columns a.nav-btn .nav-btn2 .nav-btn3 .nav-btn4 .nav-btn5 {
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease; }
  .blockpanel .custom-form-columns a.nav-btn .nav-btn2 .nav-btn3 .nav-btn4 .nav-btn5:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .blockpanel .custom-form-columns a.nav-btn .nav-btn2 .nav-btn3 .nav-btn4 .nav-btn5:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .blockpanel .custom-form-columns a.nav-btn .nav-btn2 .nav-btn3 .nav-btn4 .nav-btn5:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

.blockpanel .custom-form-columns a.nav-btn:hover {
  background-color: transparent; }

.blockpanel .entity-block {
  margin: 4px 0 10px 0; }

.blockpanel .input-select {
  margin: 0 4px 0 0; }

.blockpanel .custom-form-columns a.nav-btn, .blockpanel .entity-select-action {
  font-size: 14px; }

.taskPanel .blockpanel img {
  max-width: 200px !important; }

.button-group-left-bottom > :last-child {
  margin-left: 10px; }

/* faceted search */
.progress-indicator {
  width: 150px !important;
  height: 150px !important;
  left: 30% !important;
  position: relative !important;
  background-color: transparent !important;
  display: none; }

.taskSelector table {
  top: -1px !important;
  left: 0px !important;
  border-spacing: 2px !important;
  position: relative !important; }

.processes-task-link {
  font-size: 1.0em !important; }

.processesSelectedTaskItem td {
  background-color: #999 !important;
  border: none !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important; }

.taskPanel {
  border: 3px solid #999 !important;
  /* Removed by Acuity 
	width:75% !important; */ }

a.button-small .button-small5 {
  line-height: 12px !important; }

.clearFilter {
  background: none !important;
  border: none !important; }

.nav-btn, .nav-btn:link {
  color: #7823dc;
  border: 1px solid #7823dc;
  background-color: white;
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 9px;
  transition: color 0.2s ease, background-color 0.2s ease;
  -webkit-appearance: none !important;
  -moz-user-select: none !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  background-clip: padding-box;
  cursor: pointer;
  font-weight: normal;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  margin-right: 10px; }
  .nav-btn:hover, .nav-btn:link:hover {
    color: white;
    background-color: #7823dc;
    text-decoration: none; }
  .nav-btn:active, .nav-btn:link:active {
    color: rgba(255, 255, 255, 0.75);
    background-color: #7823dc;
    text-decoration: none; }

.blockpanel .custom-form-columns a.nav-btn {
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease; }
  .blockpanel .custom-form-columns a.nav-btn:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .blockpanel .custom-form-columns a.nav-btn:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .blockpanel .custom-form-columns a.nav-btn:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

.cf-current-step, .cf-step-list, .cf-step {
  font-size: 1.0em !important;
  font-family: Arial !important; }

.blockpanel .page-header-titleb {
  font-size: 1.5em; }

.topSearchContainer {
  margin-bottom: 2px;
  overflow: auto;
  margin-top: 9px;
  border: 0px;
  padding: 4px 10px;
  float: left;
  width: 97% !important; }

.list-top-panel-box {
  float: none; }

.language-panel {
  float: none;
  margin: 0;
  display: inline-block; }

.criteriaFieldInput {
  border-color: transparent transparent transparent #999;
  border-image: none;
  border-radius: 0 4px 4px 0;
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  box-shadow: 0 1px 2px #888 inset;
  -webkit-box-shadow: 0 1px 2px #888888 inset;
  font-weight: normal;
  height: 25px;
  line-height: 24px;
  margin-left: 3px;
  width: 125px;
  background-clip: padding-box;
  -webkit-background-clip: padding-box; }

.headersection .headerpanel .linkpanel {
  position: relative; }

.headersection .headerpanel .linkpanel li a {
  font-family: Arial;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  color: white;
  text-decoration: none;
  border: 0px; }

.filter-link-anchor {
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  line-height: 14px;
  color: #f09728;
  text-decoration: none; }

.filter-link-anchor a:hover {
  color: #f09728;
  text-decoration: underline; }

/* faceted search 17:57*/
/* CSS Document */
a {
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease; }
  a:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  a:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  a:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

a img {
  border-style: none; }

.mainsection {
  font-family: Arial;
  font-size: 1em;
  margin: 25px 0px 0px 0px !important; }

/* LAYOUT */
/* DEFAULT LEFT LAYOUT */
.filter-panel {
  float: left;
  width: 17%; }

.jobListPanel {
  width: 80%;
  float: right; }

.filterSeparator {
  clear: left; }

/* RIGHT LAYOUT */
.rightLayout .filter-panel {
  float: right; }

.rightLayout .jobListPanel {
  float: left; }

.rightLayout .filterSeparator {
  clear: right; }

/* OFF LAYOUT */
.offLayout .filter-panel {
  display: none; }

.offLayout .jobListPanel {
  float: left;
  width: 100%; }

#keyword, #location {
  height: 18px;
  width: 230px; }

#keywordLabel {
  font-weight: bold; }

#locationLabel {
  margin-left: 35px;
  font-weight: bold; }

.headersection {
  position: relative; }

.search-button {
  height: 30px !important;
  background: url("../images/Icons-Search.svg") no-repeat center !important;
  background-size: 20px 20px !important;
  border-style: none; }

.search-button[disabled] {
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* For IE8 and earlier */ }

.criteria-fields {
  white-space: nowrap; }

.criteria-field {
  float: left;
  font-size: 0.9em;
  font-weight: bold;
  padding: 0 0 0 4px; }

.search-panel-links-container {
  text-align: right; }

.search-panel-links-container ul {
  margin: 0px; }

.search-panel-links-container li {
  list-style-type: none;
  font-size: 0.8em; }

.search-panel-links-container li a {
  display: block; }

.ui-autocomplete-loading {
  background: white url("../images/ui-anim_basic_16x16.gif") right center no-repeat; }

/***** POPUPS ******/
.popup-overlay {
  position: absolute;
  left: 0;
  top: 0;
  background-color: white;
  z-index: 100;
  opacity: 0.6;
  filter: alpha(opacity=60);
  /* For IE8 and earlier */ }

.popup-window {
  border: 1px silver solid;
  display: none; }

.popup-window .popup-actions {
  height: 30px;
  text-align: center; }

.messagewarningpanel {
  padding: 5px; }

.messageerrorpanel {
  padding: 5px;
  width: 500px; }

/***** HELP ******/
.helppanel {
  top: 200px;
  z-index: 4;
  width: 250px;
  display: none;
  border-color: #B2B1B2;
  border-style: solid;
  border-width: 1px;
  background-color: white; }

.helpTitle {
  background-color: #F7F7F7;
  border-bottom: 1px solid #B2B1B2;
  font-size: 0.8em;
  margin: 0 0 2px;
  padding-bottom: 7px;
  padding-top: 7px; }

.helpsubtitle {
  font-weight: bold;
  font-size: 0.8em; }

.helplabel {
  font-size: 0.8em;
  margin-bottom: 10px; }

.legendlabel {
  font-size: 0.8em;
  padding-bottom: 2px;
  padding-left: 20px;
  padding-top: 2px; }

.helpContent {
  padding: 5px; }

.help {
  float: right;
  height: 16px;
  width: 16px;
  margin-right: 25px;
  font-weight: bold;
  cursor: pointer;
  display: block; }

.closeHelp {
  margin-left: 10px;
  height: 16px;
  width: 16px;
  background: url(../images/ico-help.png) top left no-repeat;
  font-weight: bold;
  cursor: pointer;
  display: block; }
  .closeHelp img {
    float: right; }

.helpToolTip {
  color: #fff;
  background: #1d1d1d;
  display: none;
  padding: 10px;
  position: absolute;
  z-index: 1000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.clear {
  clear: both; }

select:enabled, .sort-dropdown {
  padding: 4px 5px;
  border: 1px solid #c0c0c0;
  box-shadow: 0px 2px 2px #eee inset;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: Arial !important;
  font-size: 13px !important;
  line-height: 170% !important;
  color: #555 !important; }

select:disabled {
  background: #ddd; }

.list-top-panel {
  border: 0px;
  padding: 0px 0 5px 0; }

.filter-group {
  border: whitesmoke 1px solid;
  padding: 5px;
  background-color: whitesmoke; }

.filter-group a {
  text-decoration: underline;
  text-decoration-color: #d8d8d8;
  color: #7823dc;
  font-weight: normal;
  transition: color 0.2s ease; }
  .filter-group a:hover {
    text-decoration: underline;
    text-decoration-color: #d8d8d8;
    color: #7823dc; }
  .filter-group a:active {
    transition: color 0.2s ease;
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }
  .filter-group a:visited {
    color: rgba(120, 35, 220, 0.75);
    text-decoration: underline;
    text-decoration-color: rgba(216, 216, 216, 0.75); }

.filter-header > a {
  color: black !important;
  font-weight: bold; }

.info-panel {
  padding: 20px 0;
  clear: both;
  float: left; }

.save-search-panel .list-link-panel {
  padding-right: 10px; }

.filter-level-title {
  color: black;
  font-weight: bold;
  font-size: 0.9em;
  margin: 20px 0 5px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 2px 0 3px 0px; }

#JOB_LEVEL-link {
  float: left; }

.icon {
  float: right; }

.valuesdiv {
  line-height: 140%;
  vertical-align: top;
  font-size: 0.9em; }

.filter-text, .filter-text:hover {
  text-decoration: none; }

.relative {
  padding-left: 10px; }

#jobsTableContainer .table {
  margin-top: 20px !important;
  margin-top: 20px !important;
  border: 0px;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  border-collapse: collapse !important; }

#jobsTableContainer .table thead tr th:nth-child(2) {
  width: 30% !important;
  padding-left: 10px; }

#jobsTableContainer .table thead tr th:nth-child(3) {
  padding-left: 10px;
  width: 40% !important; }

#jobsTableContainer .table thead tr th:nth-child(4) {
  padding-left: 10px; }

#jobsTableContainer .table thead tr td:nth-child(4) {
  width: 20% !important; }

.multiline-list > li:hover {
  background-color: #fafafa !important; }

.multiline-list > li {
  border-bottom: 1px solid #d6d6d6;
  font-size: 0.9em;
  position: relative; }

div.headerpanel .rightpanel .metapanel .metagrouppanel {
  left: 136px;
  width: 250px;
  top: 28px; }

span.headerpanel .rightpanel .metapanel .metagrouppanel {
  width: 220px;
  top: 28px; }

.headersection .headerpanel .metapanel .metagrouppanel .metalink a {
  font-size: 14px; }

:root .headerpanel .rightpanel .metapanel .metagrouppanel {
  /* IE9 + IE10 */
  position: relative \0/IE9;
  right: 0px \0/IE9; }

.headerpanel .rightpanel .metapanel .metagrouppanel .metalinkimg {
  position: absolute;
  left: -17px;
  display: none; }

.headerpanel .rightpanel .metapanel .metalinkimg {
  position: absolute;
  left: 714px;
  display: none; }

.userpanel > div {
  display: block !important;
  padding-top: 5px; }

.userpanel > div:after {
  content: " | "; }

.info-panel {
  float: left;
  padding: 20px 0; }

.jobsearch .column {
  width: 63%; }

.leftpanel .userpanel {
  position: relative;
  display: block !important;
  width: 140px;
  padding-top: 5px !important; }

a#et-ef-content-myAccountViewContent-flowHeader-jobCartAction:before {
  content: " | ";
  color: #d8d8d8; }

:root .leftpanel .userpanel {
  /* IE9 + IE10 */
  position: relative \0/IE9;
  right: 0px \0/IE9; }

.div.filter-header.filter-active > a, .div.filter-header.filter-inactive > a {
  color: #842e2d; }

.div.filter-header.filter-active > label > a, .div.filter-header.filter-inactive > label > a {
  color: #842e2d;
  font-weight: bold;
  font-size: 12px; }

.filter-colapse-open {
  background: url("../images/Icons-Arrow-Down.svg") no-repeat center !important;
  background-size: 15px 15px !important;
  width: 15px;
  height: 15px;
  outline: none;
  float: right; }

.filter-colapse-close {
  background: url("../images/Icons-Arrow-Right.svg") no-repeat center !important;
  background-size: 15px 15px !important;
  width: 15px;
  height: 15px;
  outline: none;
  float: right; }

.filter-colapse-inactive {
  background: url("../images/Icons-Arrow-Right.svg") no-repeat center !important;
  background-size: 15px 15px !important;
  width: 15px;
  height: 15px;
  outline: none;
  float: right;
  opacity: 0.5; }

#jobs th[scope=col] {
  color: black;
  font-weight: bold; }

.widget-title {
  color: black; }

.add-olf-link a {
  color: #7823dc; }

tr.headers.subtitle {
  border-top: none !important; }

.thead tr {
  border-top: none; }

#jobs th[scope=col] {
  border-bottom: 0px !important; }

#jobs tr {
  border-bottom: solid 1px #d8d8d8;
  border-top: solid 1px #d8d8d8; }

#jobs tr:last-child {
  border-bottom: solid 1px #d8d8d8; }

.even {
  background-color: white; }

/**********************************************************/
/*********  Acuity Cloud Solutions customizations *********/
/**********************************************************/
/****************** Misc Index adjustments *****************/
/*A link on the tasks page is too long for some phones */
a[href="http://www.americanexpress.com/applyforcard"] {
  word-break: break-all; }

.popupLink {
  color: black !important;
  text-decoration: underline !important; }

.cc-link {
  color: black !important;
  text-decoration: underline !important; }

/*Centers the links at the bottom of the page */
#container > div[style] > table {
  margin: auto !important; }

.entity-value > a {
  text-decoration: none !important; }

input[suggestid="2"] {
  padding-left: 6px; }

/*Centers the links at the bottom of the page */
#container > div[style] > table {
  margin: auto !important; }

#container > div[style] > table > tbody > tr > td > a {
  word-break: normal; }

/*Makes links at bottom of page display nicer on mobile by changing font size */
@media screen and (max-width: 400px) {
  #container > div[style] > table > tbody > tr > td > a {
    font-size: 10px; } }

.userpanel > div:after {
  content: none; }

/*Gets rid of the annoying 3rd separator */
ul.link2panel > :nth-child(6) {
  display: none !important; }

/*When there are multiple icons, this will prevent them from being too close */
.icons > :not(:first-child) {
  padding-right: 5px; }

/*These are for the cookie notice popup banner*/
.divCookieLaw {
  display: grid;
  grid-template-columns: 20fr 1fr;
  position: fixed;
  left: 0;
  right: 0;
  line-height: 18px;
  background-color: #ffda40;
  color: black;
  text-align: left;
  padding: 10px 50px 10px 50px;
  z-index: 1001;
  bottom: 0px;
  opacity: 0;
  font-family: Graphik Web;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-size: 14px; }

.aCookieLaw {
  text-decoration: none;
  color: #85c6f4; }

.aCookieLawHideMobile {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  float: right;
  width: 20px;
  align-self: center;
  pointer-events: auto;
  cursor: pointer; }

.aCookieLawHide {
  display: inline;
  text-align: center;
  text-decoration: none;
  float: right;
  width: 20px;
  margin-left: auto;
  margin-right: auto;
  align-self: center;
  pointer-events: auto;
  cursor: pointer; }

/****************** Width adjustments *********************/
.container {
  width: 50px; }

#container {
  width: 100% !important;
  min-width: 0px !important; }

#container #content,
.headersection .headerpanel .leftpanel,
.footeraction .footeractionpanel .leftpanel,
#topNavInterface\2e pnlHeader > div.userpanel.leftpanel {
  width: 100%; }

.headersection .link2panel {
  width: 100% !important; }

.mainsection .blockpanel {
  max-width: 985px;
  /* set width of left pane (such as personal info) */ }

/* Adjustments needed for the top panel after removing the standard frame */
.headerpanel .rightpanel .metapanel .metagrouppanel {
  left: 1011px; }

/* Centers datatrain content */
.headerpanel .datatrain-t {
  margin: auto; }

/*** Onboarding widths ***/
.taskPanel,
#processlistTemplate-list-masterbody > div > table > tbody > tr > td > span > span > table > tbody > tr > td.taskPanel > span > span > div {
  width: 100%; }

#processlistTemplate-list-masterbody > div > table > tbody > tr > td > span > span > table > tbody > tr > td.taskPanel > span,
#processlistTemplate-list-myProcessesViewContent-contentPane {
  min-width: 0px; }

/* Adjusts the width of the header */
.taskPanel .page-header > div {
  width: 100%; }

/* Ensures the Onboarding content stays within the taskPanel */
.task-content > span > div > table,
.entity-columns-left img,
.taskPanel .blockpanel img {
  max-width: 960px; }

/**************** End Width adjustments *******************/
/*********************   Colors  **************************/
/* Color of the Applying For text on the resume upload page */
.mainsection .infojob {
  color: black; }

/* Onboarding task bar color */
.progress-bar-cell-filled {
  background-image: none;
  background-color: #7823dc;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(120, 35, 220, 0.75)), to(#7823dc));
  background: -webkit-linear-gradient(rgba(120, 35, 220, 0.75), #7823dc);
  background: -moz-linear-gradient(top, rgba(120, 35, 220, 0.75), #7823dc);
  background: -ms-linear-gradient(rgba(120, 35, 220, 0.75), #7823dc);
  background: -o-linear-gradient(rgba(120, 35, 220, 0.75), #7823dc);
  background: linear-gradient(rgba(120, 35, 220, 0.75), #7823dc);
  filter: progid:DXImageTransform.Microsoft.gradient rgba(120, 35, 220, 0.75), endColorstr= "#7823dc";
  zoom: 1; }

/* Selected Onboarding task color */
.processesSelectedTaskItem td {
  background-color: #7823dc !important;
  /* Adds border
	border: 1px solid black;
	*/ }

/* Not Selected Onboarding task color */
.processesNotSelectedTaskItem {
  background-color: #d8d8d8; }

/* Adjusts the color of the Onboarding taskPanel frame */
.taskPanel,
.blockpanel .page-header > *:first-child {
  border-color: white !important; }

.blockpanel .page-header > *:first-child {
  background-color: white; }

/* Adjusts the color of the multi-page selector box */
.cf-step-list {
  background-color: #7823dc !important; }

/****************** End colors  *************************/
/***** Onboarding items *****/
/* Onboarding content margins */
.taskPanel > span > table {
  margin: 10px; }

#processlistTemplate-list-masterbody > div > table > tbody > tr > td > span > span > table > tbody > tr > td.taskPanel > span > table {
  padding: 0px 10px 0px 0px; }

/* Padding around content */
#processlistTemplate-list-masterbody > div > span > span > span > table > tbody > tr > td.taskPanel > span {
  padding-bottom: 10px; }

/* Adjust the font size for document links within Onboarding */
#documentcontainer a {
  font-size: 1.125em;
  background-color: white; }

/* Stylizes Onboarding navigation links as buttons */
#processlistTemplate-list-myProcessesViewContent-skip,
#processlistTemplate-list-myProcessesViewContent-skip:visited {
  text-decoration: none; }

/* Fixes the multipage tasks */
.cf-step-list li {
  margin: 4px;
  padding-left: 22px;
  text-indent: -26px; }

.cf-step-list {
  margin-left: 11px !important; }

/* Fixes the font inconsistencies in the File Attachment page */
.descriptiondetails .text,
.contentpanel > label,
#processlistTemplate-list-myProcessesViewContent-AttachFiles-uploadedFile {
  font-size: 13px !important; }

/* File Attachment button sizing and styling */
#processlistTemplate-list-myProcessesViewContent-AttachFiles-uploadedFile {
  width: 600px;
  height: 40px; }

#processlistTemplate-list-myProcessesViewContent-AttachFiles-uploadedFile::-webkit-file-upload-button {
  background-color: #eee;
  font-family: Arial,sans-serif;
  line-height: 100%;
  padding: 4px 9px 6.5px 9px !important;
  -moz-user-select: none;
  background-clip: padding-box;
  font-weight: normal;
  overflow: hidden;
  text-decoration: none;
  color: #000 !important;
  font-size: 14px; }

/* Removes the standard shadow from the Onboarding buttons*/
.taskPanel .inputbutton {
  box-shadow: none; }

/*******  End of Onboarding items *******/
.filter-header > a {
  color: black;
  font-weight: bold; }

.filter-header > label > a {
  color: black;
  font-weight: bold; }

.clear-top-filter {
  float: none;
  width: auto;
  display: inline-block;
  vertical-align: middle; }

.filter-top-panel {
  width: auto;
  float: none;
  display: inline-block;
  vertical-align: middle; }
  .filter-top-panel input {
    background-image: url("../images/Remove-Filter-2x-OFF.png") !important;
    background-size: 30px 30px !important;
    width: 30px;
    height: 30px !important;
    margin-left: 4px;
    vertical-align: middle;
    outline: none; }
    .filter-top-panel input:hover, .filter-top-panel input:focus {
      background-image: url("../images/Remove-Filter-2x-ON.png") !important; }

.help > button {
  background: url("../images/Icons-Question.svg") no-repeat center !important;
  background-size: 30px 30px !important;
  width: 30px;
  height: 30px;
  outline: none;
  cursor: pointer;
  border-style: none; }
  .help > button > img {
    display: none; }

.filter-list li {
  color: black; }

.filter-top-panel input, .filter-top-panel input:hover, .filter-top-panel input:focus {
  background: url("../images/Icons-Close.svg") no-repeat center !important;
  background-size: 20px 20px !important;
  height: 20px !important;
  width: 20px;
  outline: none;
  cursor: pointer;
  border-style: none;
  margin-left: 10px; }

.filter-quantity {
  color: #4D4D4D !important; }

.label-wrapper a:hover {
  color: #4D4D4D; }

.inlinepanel {
  padding-left: 7px !important; }

/*Helps display job cart and job app edit icons correctly on job search page */
.icons {
  display: inline-block;
  width: 95%; }

.no-change-header {
  margin-bottom: 0; }

.requisitionDescription font {
  font-size: 13px; }

.link2panel {
  margin-top: 9px !important; }

a.nav-btn {
  padding: 5px 10px 5px 10px; }

.mainsection .headerpanel, .mainsection .mastercontentpanel {
  border: none; }

.datatrain-wagon > span {
  display: table-cell;
  vertical-align: middle; }

.section-heading {
  display: none; }

@media screen and (max-width: 500px) {
  .list-evenrows > :nth-child(3), .list-evenrows > :nth-child(5) {
    min-width: 150px; } }

.myaccount .label {
  color: black;
  font-size: 12px;
  font-weight: bold; }

.myaccount .subtitleblock {
  color: black; }

.myaccount td {
  padding-bottom: 5px; }

.summary .label {
  color: black; }

.summary .subtitleblock {
  color: black; }

.cf-step-list img {
  display: none; }

.cf-step-list .cf-current-step {
  color: white;
  text-decoration: underline; }

.cf-step-list .cf-step {
  color: white;
  opacity: 0.5; }

.taskPanel {
  border: none !important; }

.page-header-titleb {
  color: black !important;
  font-weight: bold !important;
  font-size: 18px !important; }

.processesTaskTitle {
  padding-bottom: 4px; }

.task-content {
  width: 95%; }

.processesTaskMainDiv {
  overflow-x: hidden; }

.message-error {
  border: none; }

span#processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-fc2 > p:nth-child(2) > img {
  width: 200px; }

span#processlistTemplate-list-myProcessesViewContent-cmDocPreviewParagraphsValue > div:first-of-type > p > img {
  width: 200px; }

td.taskPanel table:first-of-type > tbody > tr:nth-child(5) > td > table > tbody > tr > td {
  display: block;
  margin-bottom: 20px; }

#processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-Offer_tr_OfferLetterBody p, #processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-Offer_tr_OfferLetterBody div {
  width: 100%; }

#processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-Offer_tr_OfferLetterBody blockquote p {
  width: 100%; }

#processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-Offer_tr_OfferLetterBody > div > div[align="right"]:nth-child(2) {
  width: 100%; }

.custom-form-columns > #processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-fc21.entity-value p {
  width: 100%; }

.custom-form-columns > #processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-fc6.entity-value p {
  width: 100%; }

span#processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-fc6 > table {
  width: 100% !important; }

.blockpanel .custom-form-columns {
  padding: 1px 1px 1px 1px !important; }

span#processlistTemplate-list-myProcessesViewContent-cmMSPreviewPageTitle {
  display: none; }

#processlistTemplate-list-myProcessesViewContent-cmDocPreviewParagraphsValue > div > ol > li > a {
  background-color: white !important; }

#processlistTemplate-list-myProcessesViewContent-cmDocPreviewParagraphsValue > div > ol > li > {
  padding-bottom: 5px; }

#processlistTemplate-list-myProcessesViewContent-contentPane > div > span > div > table > tbody > tr > td > a {
  background-color: white; }

#processlistTemplate-list-myProcessesViewContent-cmDocPreviewParagraphsValue > div > table {
  width: 100%; }

/* Allows mobile phone images to wrap */
#processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-fc73 > table {
  width: 100% !important; }

#processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-fc73 > table > tbody > tr > td {
  display: inline-block; }

#processlistTemplate-list-myProcessesViewContent-cmDocPreviewParagraphsValue > div > table > tbody tr > td {
  display: inline-block; }

#processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-fc95 > table {
  width: 100% !important; }

#processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-fc95 > table > tbody > tr > td {
  display: inline-block; }

#processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-fc15, #processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-fc70 {
  color: #7823dc !important;
  background-color: white !important; }

/* Force the columns to have as rows in order to achieve vertical layout */
.custom-form-columns .list-column {
  display: block;
  padding: 5px 0 5px 0px;
  border-bottom: none;
  font-weight: bold;
  color: #000000; }

.custom-form-columns {
  counter-reset: experience_no; }

.custom-form-columns .list-column:nth-of-type(1):before {
  content: "Country " counter(experience_no);
  counter-increment: experience_no; }

.custom-form-columns .list-column:nth-of-type(2):before {
  content: "Employer " counter(experience_no); }

.custom-form-columns .list-column:nth-of-type(3):before {
  content: "Job Title " counter(experience_no); }

.custom-form-columns .list-column:nth-of-type(4):before {
  content: "Start Date " counter(experience_no) " "; }

.custom-form-columns .list-column:nth-of-type(5):before {
  content: "End Date " counter(experience_no) " "; }

.custom-form-columns .list-column:nth-of-type(6) {
  width: 915px;
  margin-bottom: 10px;
  border-bottom: 1px solid silver;
  padding-bottom: 10px; }

.custom-form-columns .column-header {
  visibility: hidden;
  position: absolute; }

.custom-form-columns .entity-value {
  margin-bottom: 12px; }

.custom-form-columns .nav-btn {
  padding: 0 !important;
  border: none !important; }

.custom-form-columns .nav-btn3, .custom-form-columns .nav-btn4 {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.mainsection .inputbutton {
  padding: 4px 9px 6.5px 9px !important;
  margin-top: 0; }

#processlistTemplate-list-myProcessesViewContent-formTask-editTemplate-content-cfInner-insertHere-StructuredResume_WorkExperienceList {
  border-bottom: none; }

.linkpanel > li {
  float: none !important; }

#headerPanelContainer .linkpanel > li {
  float: left !important; }

span#processlistTemplate-list-myProcessesViewContent-cmMSPreviewSubject {
  max-width: none; }

/* This is for the job application section. This will keep the datatrain displaying properly with narrower browsers. */
@media screen and (max-width: 1024px) {
  .datatrain-t {
    width: auto !important;
    left: 0 !important;
    text-align: center;
    position: relative;
    white-space: normal !important;
    padding: 20px 0; }
  .datatrain-t fieldset {
    width: 100%;
    min-width: auto; }
  .datatrain-t:after {
    content: none; }
  .datatrain-t li {
    width: auto;
    padding: 5px;
    float: none;
    display: inline-block !important; }
  .datatrain-t li:after {
    content: none; }
  .datatrain-wagon > span {
    height: auto; }
  .datatrain-wagon > span > *:first-child {
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin-bottom: 0; }
  ul.offerList li {
    width: 50%; } }

/* Stacks advanced search containers when screen is too narrow */
@media screen and (max-width: 650px) {
  .criteria-widget {
    height: auto !important;
    margin-right: 0;
    width: 100% !important;
    display: block !important; } }

/*In the application, make input fields stack when the viewport is too narrow */
@media screen and (max-width: 600px) {
  .tablelist .custom-form-columns {
    width: 100% !important;
    display: block !important; } }

@media screen and (max-width: 767px) {
  #jobsTableContainer #jobs td .absolute span {
    margin-left: 35px;
    display: inline-block; }
  .list-top-panel .list-top-panel-box .language-panel {
    margin-top: 0; } }

/*Causes the two side by side panels to stack when the browser is too narrow */
@media screen and (max-width: 767px) {
  .filter-panel,
  .jobListPanel {
    width: 100%;
    float: none; }
  #criteriaFields .criteriaFieldInput {
    width: 70%;
    margin-bottom: 5px;
    margin-left: 5px; }
  #seeAllOlfPanel {
    width: 320px;
    margin-left: -160px; }
  .headerpanel .right-header-info {
    width: 100%; }
  .masterbody .headersection .headerpanel {
    height: auto !important; }
  .headersection .headerpanel .linkpanel {
    position: relative; }
  .headersection .headerpanel .linkpanel li {
    display: inline-block;
    width: 70%; }
  #headerPanelContainer .right-header-info {
    position: relative; }
  .headerpanel .header-actions > a {
    right: 0; }
  .masterbody .headersection {
    background-position: center 30%; }
  .criteria-field {
    width: 100%; }
  .criteria-field.search-button-container {
    margin-top: 10px;
    margin-left: 0; }
  .tablelist .firstcolumn {
    width: 100%;
    padding-right: 0;
    display: block; }
  .tablelist .valuepanel,
  .tablelist .secondcolumn > span {
    margin: 0 15px 10px 25px; }
  .tablelist .secondcolumn {
    width: 100%;
    display: block; }
  .tablelist .custom-form-columns {
    width: 100% !important;
    display: block; }
  input[type='text'] {
    max-width: none; }
  input[type='radio'] {
    background-color: #333 !important; }
  .filter select {
    margin-bottom: 10px; }
  .nolabelvaluepanel {
    overflow: auto;
    display: block; }
  .summary .contentblockpanel .nolabelvaluepanel {
    margin-left: 0;
    padding: 0 10px; }
  .mainsection .tablelist,
  .mainsection .tablelist > tbody,
  .mainsection .tablelist > tbody > tr,
  .mainsection .tablelist > tbody > tr > td {
    display: block;
    width: 100%; }
  .dialog-table,
  .dialog-table > tbody,
  .dialog-table > tbody > tr,
  .dialog-table > tbody > tr > td {
    display: block;
    width: 100%; }
  .accessmanagement .dialog-columns-2,
  .accessmanagement .dialog-columns-openid {
    padding: 10px;
    width: 100%;
    display: block; }
  .blockpanel .custom-form-columns {
    padding-right: 0; }
  .blockpanel .entity-value,
  .blockpanel .entity-value select {
    max-width: 100%;
    width: 80% !important;
    margin-right: 0; }
  .blockpanel .entity-value.input-checkbox {
    width: auto; }
  .blockpanel .inputselect {
    width: 100%; }
  .blockpanel .input-select {
    max-width: 100%;
    width: 80% !important; }
  .formskill .tableskills .tableskillscolumn {
    width: 50%;
    display: inline-block; }
  .formskill .tableskills .tableskillscolumn {
    border: none; }
  .multiline-action-container {
    position: static;
    float: none;
    width: 100%;
    margin: 0; }
  .multiline-data-container {
    margin: 0 0 10px 40px !important; }
  .jobsearch .multiline-action-container a {
    float: right; }
  .jobListPanel .result-list-button {
    position: static;
    margin-top: 0;
    margin-bottom: 20px; }
  .save-search-panel {
    padding: 10px;
    position: relative; }
  .save-search-panel .input-panel .text {
    padding-right: 30px; }
  .save-search-panel .input-panel {
    width: 100%; }
  .save-search-panel .result-list-button {
    display: block;
    margin-top: 10px; }
  .save-search-panel .list-link-panel.metalink2 {
    float: none;
    position: absolute;
    right: 10px; }
  .save-search-panel .acccess-save-searches {
    white-space: nowrap; }
  .save-search-panel .close-button-container {
    position: absolute;
    right: 5px;
    float: none;
    top: 10px; }
  .save-search-panel .save-search-cancel {
    margin-left: 20px;
    margin-top: 10px;
    display: inline-block; }
  .myaccount .value {
    display: inline-block; }
  .myaccount .tablelistindent .entity-checkbox-label {
    white-space: inherit; }
  .language-panel {
    float: left;
    margin-top: 10px; }
  .messagecenter > table,
  .messagecenter > table > tbody,
  .messagecenter > table > tbody > tr {
    display: block;
    width: 100%; }
  .message-list-content {
    display: block;
    width: 100%; }
  .message-list-content .page-header {
    margin: 0;
    width: 100%;
    display: block; }
  .message-list-content .list-structure {
    overflow: auto;
    display: block;
    width: 100%; }
  .message-list-content .list-structure .list {
    width: auto; }
  .message-list-content .list-header {
    text-align: left; }
  .message-list-content .list-column {
    padding-right: 10px; }
  .message-list-content .list-column .list-column-value,
  .message-list-content .list-column .list-column-link {
    white-space: nowrap; }
  .message-list-content > .section-name {
    display: block; }
  .message-list-content [style="entity-block"] {
    display: block;
    width: 100%;
    overflow: auto; }
  ul.offerList li {
    width: 100%; }
  .StaticEOffer .mastercontentpanel .blockpanel {
    display: block !important;
    margin: 0 !important; }
  .eOfferContent table[width],
  .eOfferContent table td[width] {
    width: auto !important; }
  .eOfferContent table td img {
    width: 100%; }
  .StaticEOffer input[type="text"],
  .StaticEOffer input[type="password"] {
    width: 100%; }
  .processesTaskTable .custom-form-columns {
    width: 100%;
    display: block; }
  .processesTaskMainDiv .entity-label {
    color: #575757;
    margin-bottom: 0; }
  .mainsection .tablelist .separator {
    display: none; }
  .jobsearch .titlemetapanel1 {
    margin: 0 0 10px 0; }
  .jobsearch .column1,
  .jobsearch .column {
    display: block;
    text-align: left; }
  .jobsearch .titlemetapanel > span {
    display: block; }
  .jobsearch .ftlboxfloat {
    height: auto !important;
    margin-right: 0;
    width: 100% !important; }
  .blockpanel .custom-form-grid,
  .blockpanel .custom-form-grid > tbody,
  .blockpanel .custom-form-grid > tbody > tr {
    width: 100%;
    display: block; }
  .balloon {
    left: 0 !important; }
  #jobs {
    margin-top: 20px; }
  #jobs thead {
    display: none; }
  #jobs th,
  #jobs td {
    display: block; }
  #jobs .relative {
    height: auto !important; }
  #jobs .absolute {
    position: relative !important; }
  .search-panel-links-container {
    float: right; }
  .hidden-text-button {
    float: right;
    margin-bottom: 10px; } }

@media screen and (max-width: 400px) {
  .secondLink {
    display: none; } }

@media screen and (max-width: 767px) {
  .processesNotSelectedTaskItem > td {
    width: 100%; }
  .taskSelector table {
    width: 100%; }
  .taskSelector {
    display: inline-block; }
  .taskPanel {
    display: inline-block; }
  .progress-bar {
    width: 90% !important; } }

/*Displays Tasks page nicely on mobile*/
@media screen and (max-width: 500px) {
  .processesTaskLink > td {
    display: inline-block; }
  .headerProcessTaskCompletionBar {
    width: 80%; } }

/*On offer letter page, this will allow signature field to wrap */
@media screen and (max-width: 800px) {
  p:nth-last-child(15) {
    word-break: break-all; } }

/*Some fixes to the myJobpage */
@media screen and (max-width: 400px) {
  .userpanel > div:after {
    content: none; } }

/*Fixes to my account options page for mobile */
@media screen and (max-width: 500px) {
  .tablelist > tbody > tr > td {
    display: inline-block;
    width: 100%; }
  .column165 {
    padding-top: 50px; }
  a#et-ef-content-myAccountViewContent-flowHeader-jobCartAction:before {
    content: none; } }

/*Job search page fixes */
@media screen and (max-width: 445px) {
  span#jobcart-state {
    display: inline-block;
    width: 100%;
    padding-top: 10px; }
  span#jobcart-state > a {
    padding-left: 5px; }
  div#languagesPanel {
    padding-top: 10px;
    padding-left: 11px; } }

/*Fixes alignment of some links on myJobpage */
@media screen and (max-width: 500px) {
  ul.link2panel > li {
    display: inline-block;
    width: 70%; }
  .separatorlink2 {
    display: none !important; } }

/*Print preview button now wraps as a unit, instead of the individual words */
@media screen and (max-width: 375px) {
  .button-group-left-bottom > :nth-child(3) {
    display: inline-block;
    width: 100%;
    margin-left: 0px;
    margin-top: 10px; } }

/*Stacks pdf viewer link on diversity page  of job app */
@media screen and (max-width: 400px) {
  div.form-actions > div > :nth-child(2) {
    display: inline-block;
    width: 70%;
    float: left;
    margin-top: 20px; } }