/* ----------- */
/* CSS Imports */
/* ----------- */

@import url('css/page-headers.css'); /* Page Header Styles */

/* ------------- */
/* CSS Variables */
/* ------------- */

:root {
  --logo-taglines-height: 18px;
}

/* ----------- */
/* Body Styles */
/* ----------- */

body {
  position: relative;
  z-index: 0;
}

.banded-container-row {
  margin-left: calc((100vw - 100%) / -2) !important;
  padding-left: calc((100vw - 100%) / 2);
  margin-right: calc((100vw - 100%) / -2) !important;
  padding-right: calc((100vw - 100%) / 2);
}
.page-breadcrumb {
  position: relative;
  top: -2.5rem;
  height: 0;
  font-size: 0.85rem;
}
.page-breadcrumb nav {
  margin: 0;
}

/* -------------------- */
/* Anchor Offset Styles */
/* -------------------- */

a.anchor-offset {
  display: block;
  position: relative;
  top: -60px;
  visibility: hidden;
}

/* ------------- */
/* Header Styles */
/* ------------- */

body > header {
  position: relative;
  z-index: 999;
}
.cropped-logo .logo-globe img {
  height: 32px;
}
.cropped-logo .logo-text {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
}
header .header-right {
  max-width: 400px;
}
header .login-fields {
  width: 22rem;
}
header .login-fields > div > input {
  max-height: calc(1.5em + 0.5rem);
  min-height: calc(1.5em + 0.5rem);
}
#logo-globe-mobile a:hover {
  text-decoration: none;
}
#logo-globe-mobile .iir-text-logo {
  color: #fff;
  line-height: 17px;
  font-size: 16px;
}
.resource-dropdown {
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-right: 10px;
  font-size: 0.75rem;
}
.resource-dropdown .dropdown-menu {
  max-height: 60vh;
  overflow: auto;
  width: 150%;
  z-index: 1100 !important;
}
.resource-dropdown h6 {
  font-weight: 700;
  padding-left: 1rem;
}

.resource-dropdown a {
  padding-left: 1.5rem;
  font-size: 0.7rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  white-space: normal;
}

/* ----------------- */
/* Navigation Styles */
/* ----------------- */

.navbar .megamenu {
  padding: 1rem;
}
.navbar .nav-item .dropdown-menu ul.nav-ul .arrow {
  content: '';
  background: url('https://media.industrialinfo.com/database/images/industryArrow.png');
  background-size: contain;
  width: 10px;
  height: 9px;
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 90px;
}
.navbar .nav-item .dropdown-menu ul.nav-ul li a {
  padding-left: 85px;
}
.navbar .nav-item .dropdown-menu ul.nav-ul li a:hover {
  color: #0d6efd !important;
}
.navbar .navbar-toggler {
  width: 0;
  border: 0;
}
.navbar .nav-item .dropdownToggleButton {
  width: 40px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: top;
  padding: 1rem;
  border: 0;
}

/* --------------------- */
/* Main Container Styles */
/* --------------------- */

.main-container {
  background-color: #fff;
  position: relative;
  /* border-bottom: 3px solid var(--primary-teal); */
  overflow-x: hidden;
  flex-grow: 1;
}

/* ------------- */
/* Footer Styles */
/* ------------- */

.main-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.footer-watermark {
  background-image: url(img/bg_globe.png);
  width: 560px;
  height: 594px;
  opacity: 0.05;
  position: absolute;
  top: 15px;
}

/* -------------- */
/* Basic Elements */
/* -------------- */

.gmi-globe-tiny {
  width: 18px;
  height: auto;
}
.gmi-globe-nav {
  width: 0.9rem;
  height: 0.9rem;
  margin-right: 0.3rem;
}
.icon-container {
  width: 50px;
  text-align: center;
}
.fieldset-sponsor {
  border: 1px solid #ccc;
  padding: 0.5rem;
  aspect-ratio: 4.14/1;
  max-width: 676px;
}
.fieldset-sponsor legend {
  font-size: 1rem;
  display: inline-block;
  width: auto;
  margin: 0;
  line-height: 1rem;
  padding: 0 0.5rem;
  float: none;
}
fieldset legend {
  width: auto;
  float: none;
}

/* ----------- */
/* Blockquotes */
/* ----------- */

blockquote.quote {
  background: #ebebeb;
  border-radius: 0.2rem;
  color: #333;
  width: clamp(50%, 60rem, 100%);
  position: relative;
  margin-bottom: 2.5rem;
}
blockquote:after,
blockquote:before {
  top: 100%;
  border: solid transparent;
  content: ' ';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

blockquote.quote::before {
  content: open-quote;
  font-weight: bold;
  font-size: 64px;
  color: #cccccc;
  font-family: Georgia, 'Times New Roman', Times, serif;
  left: 0.5rem;
  top: -1rem;
}
blockquote.quote::after {
  content: close-quote;
  font-weight: bold;
  font-size: 64px;
  color: #cccccc;
  font-family: Georgia, 'Times New Roman', Times, serif;
  right: 2.5rem;
  top: calc(100% - 3.7rem);
}
.quote-arrow {
  position: absolute;
  bottom: -0.5rem;
  left: 2rem;
}
.quote-arrow::before {
  background-color: #ebebeb;
  content: '';
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  transform: rotate(47deg) skew(5deg);
}
.quote-source {
  position: absolute;
  bottom: -3rem;
  left: 4rem;
}

/* ----------------- */
/* Ad Server Banners */
/* ----------------- */

@media (min-width: 1200px) {
  ins img {
    width: 100%;
  }
}

.blog-post img {
  width: auto;
}

/* --------------- */
/* Utility Classes */
/* --------------- */

.x-small {
  font-size: 0.75rem;
}

.img-flip-x {
  transform: scaleX(-1);
}
.img-flip-y {
  transform: scaleY(-1);
}

/* ------------------- */
/* Bootstrap Overrides */
/* ------------------- */
.logged-in .latest-upcoming-container {
  max-height: 18rem;
  margin-bottom: 0 !important;
}

.carousel-control-prev,
.carousel-control-next {
  width: 40px;
}

/* .container max-width */
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1400px;
  }
}

/* .nav-tabs */
.nav-tabs .nav-link {
  color: var(--bs-gray-600);
}
.nav-tabs .nav-link:hover {
  color: var(--logo-orange);
  opacity: 0.8;
}
.nav-tabs .nav-link {
  border: none;
  margin-bottom: -2px;
}
.nav-tabs .nav-link.active {
  color: var(--logo-orange-dark);
  border-bottom: 3px solid var(--logo-orange);
}
.nav-tabs .nav-link.active:hover {
  opacity: 1;
}

/* --------------- */
/* Homepage Styles */
/* --------------- */

#coverage-map-container {
  min-height: 400px;
}
g.active-project-coverage-tooltip {
  display: none;
}
div.active-project-coverage-tooltip > span {
  position: static !important;
  border-radius: var(--bs-border-radius) !important;
  line-height: 1.2rem !important;
  padding: 0.5rem !important;
  display: block;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  background-color: #fff;
}

/* carousels */

.carousel-caption-text {
  background-color: #00263d25;
  backdrop-filter: blur(5px);
}

/* hero carousel */
@media (min-width: 992px) {
  #iir-hero-carousel .carousel-item,
  .latest-upcoming-container {
    height: 22rem;
  }
}

@media (max-width: 820px) {
  #iir-hero-carousel .carousel-item {
    height: 25rem;
  }
  .latest-upcoming-container {
    height: auto;
  }
}

@media (max-width: 576px) {
  #iir-hero-carousel .carousel-item {
    height: 35rem;
  }
  #iir-hero-carousel .main-title {
    font-size: 90% !important;
  }
  .taglines-rotator {
    width: 225px !important;
    --tagline-height: 60px !important;
  }
  .taglines-rotator > * {
    text-wrap: wrap !important;
  }
  .latest-upcoming-container {
    height: auto;
  }
}

/* hero carousel & logo rotating taglines */
.hero-caption {
  background-color: rgba(0, 0, 0, 0.5);
}
.taglines-rotator,
.logo-taglines-rotator {
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  box-sizing: content-box;
  transition: all 0.7s;
}
.taglines-rotator {
  --tagline-width: 571px;
  --tagline-height: 48px;
  width: var(--tagline-width);
  height: var(--tagline-height);
}
.logo-taglines-rotator {
  width: var(--logo-taglines-width);
  height: var(--logo-taglines-height);
  display: block;
  margin-top: 0.5rem;
}
.taglines-rotator > *,
.logo-taglines-rotator > * {
  white-space: nowrap;
  position: absolute;
  opacity: 0;
  transform: translateY(-100%);
  transition: transform 0.7s, opacity 0.25s 0.25s;
}
.taglines-rotator > *.current,
.logo-taglines-rotator > *.current {
  opacity: 1;
  transform: translateY(0);
}
.taglines-rotator > *.next,
.logo-taglines-rotator > *.next {
  transform: translateY(100%);
}

#navbarCollapse.show {
  max-height: 90vh;
  overflow: auto;
}

/* ---------- */
/* Animations */
/* ---------- */

.smooth {
  transition: all 0.25s ease;
}

.floating {
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  margin-top: 100px;
  left: 0;
}

/* --------- */
/* Keyframes */
/* --------- */

@keyframes rotation {
  from {
    transform: rotateZ(0deg);
  }
  to {
    transform: rotateZ(-359deg);
  }
}

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 20px);
  }
  to {
    transform: translate(0, -0px);
  }
}

/* ------------- */
/* Media Queries */
/* ------------- */

/* desktop view */
@media all and (min-width: 992px) {
  /* navigation */
  .navbar .has-megamenu {
    position: static !important;
  }
  .navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
    box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.5);
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    overflow-x: hidden;
  }
  .nav-item.dropdown .nav-item-img {
    max-width: 45px;
    width: 45px;
    height: auto;
  }
  .navbar .nav-item .dropdown-menu {
    display: none;
  }
  .navbar .nav-item .dropdown-menu-end {
    right: 0;
  }
  .navbar {
    width: 100%;
  }
  .navbar .nav-item {
    flex: 1 1 auto;
  }
  .navbar .nav-item .nav-link {
    font-size: clamp(0.73rem, 0.8rem, 1vw);
    padding: 0.75rem 0 !important;
  }
  .navbar .nav-item:hover .dropdown-menu {
    display: block;
  }
  .navbar .nav-item .dropdown-menu.thin {
    width: 250px;
  }
  .navbar .nav-item .dropdown-menu.mid {
    width: 365px;
  }
  .navbar .nav-item .dropdown-menu.expanded {
    width: 480px;
  }
  .navbar .nav-item .dropdown-menu.wide {
    width: 600px;
  }
}

/* ----------- */
/* Mobile View */
/* ----------- */

@media (max-width: 991px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 100%;
  }
  .navbar.fixed-top .navbar-collapse,
  .navbar.sticky-top .navbar-collapse {
    overflow-y: auto;
    max-height: 90vh;
    margin-top: 10px;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
  .navbar .megamenu {
    max-height: 50vh;
    overflow: auto;
    overflow-x: hidden;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    margin-top: 0;
  }
  .navbar .megamenu .border-start {
    border-left: 0 !important;
  }
  nav .navbar-nav {
    padding-right: 0;
    background-color: #ffffff !important;
  }
  .dropdown-toggle::after {
    position: absolute;
    top: 1.1rem;
    right: 1rem;
  }
  nav .navbar-nav .nav-link {
    color: #000 !important;
    text-align: left !important;
    padding-left: 1rem;
  }
  .nav.navbar-nav .nav-link:hover {
    color: var(--primary-teal) !important;
  }
  .nav.navbar-nav .nav-link:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  }
  .navbar-collapse {
    margin: 0 -1.5rem 0 -1.5rem;
    position: relative;
  }
  .navbar .navbar-nav .nav-item .dropdown-menu {
    border: none;
    background-color: #ebeff3;
    margin: 0 -1.5rem 0 -1.5rem;
    box-shadow: none !important;
  }
  .nav-item .dropdown-menu::after {
    content: '';
    position: absolute;
    top: 40px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid #fff;
    clear: both;
  }
  .navbar .nav-item .dropdown-menu ul.nav-ul .arrow {
    margin-left: 107px;
  }
  .navbar .nav-item .dropdown-menu ul.nav-ul li a {
    padding: 10px 0 10px 102px;
  }
}
/*  

Styles in this css control the Careers.aspx page.  
The Careers.aspx page is displayed for the job browsing, searching and description portion of the careers site.


Styles build upon themselves.  The first build the rule and the subsequent rules overwrite the previous settings. So, if you have a "rule" for a link, the additional rules for links in the css are there for exceptions. The styles in this sheet are defined in that manner.  Additional attributes can be added to the style but are not done in the stock file to avoid any conflict or confusion. 

To replace the teal text or buttons - find and replace 0094a2
To replace the grey text - find and replace 676767
To replace the grey background in headers - find and replace dcdcdc
To replace white with another color - find and replace ffffff

*/

/**** Styles in this section control overall items on the page ****/

/* all elemnts within the body */

body {
  background-color: #ffffff;
  font-size: 1em;
  font-family: 'Inter', sans-serif !important; /* overriding bootstrap font with google font */
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0;
}

/* paragraph of text */

/* p {
} */

/* bolding text */

b {
  font-weight: bold;
}

/* default for "span" items */

/* span {
} */

/* default for labeled items - use for disabilty software */

/* label {
} */

/* forces the table to take up the full space available on the screen */

table {
  width: 100% !important;
}

/* table header information */

/* TH {
} */

/* table data */

TD {
  font-size: 1em;
}

/* Bullets in a list */

/* li {
  list-style-type: circle;
} */

/* Headers */

h1,
h2,
h3,
h4,
h5,
h6,
.inter-tight {
  font-family: 'Inter Tight', sans-serif;
  font-weight: 600;
}

/* Hyperlink Links */

a:link {
  color: var(--primary-teal);
  transition: all 0.25s ease;
  text-decoration: none;
}

a:visited {
  color: var(--primary-teal);
  text-decoration: none;
}

a:hover {
  color: var(--primary-teal);
  text-decoration: none;
}

/* Featured Job Links */

/* a.HotJobsStyle:link {
}

a.HotJobsStyle:visited {
}

a.HotJobsStyle:hover {
} */

/* "Apply" links - use for links to the benefits, application and job searching */

/* a.ApplyNowStyle:link {
}

a.ApplyNowStyle:visited {
}

a.ApplyNowStyle:hover {
} */

/* Job Title Link to the Job Description */

a.JobLink:link {
  font-weight: 600;
  color: var(--primary-teal);
}

a.JobLink:visited {
  color: var(--primary-teal);
}

a.JobLink:hover {
  color: var(--primary-orange);
}

/* Table Headers on the Job Listing Table */

a.ReqSort:link {
  font-weight: 600;
  color: var(--primary-teal);
}

a.ReqSort:visited {
  font-weight: 600;
  color: var(--primary-teal);
}

a.ReqSort:hover {
  font-weight: 600;
  color: var(--primary-orange);
}

/* Header Row for the Job Listing Table */

TH.HeaderRow {
  font-weight: 600;
  text-align: left;
}

/* Main Row for the Job Listing Table */

TD.MainRow {
  background-color: white;
}

/* Alternating Row for the Job Listing Table
-set to white by default but changing this will add an alternating row color */

TD.AltRow {
  background-color: #ffffff;
}

/* Job Title on the job description page */

TD.HeaderStyle {
  font-weight: 600;
  font-size: 2rem !important;
}

/* Sections titles on the job description page */

TD.JDHeaderStyle {
  font-weight: 600;
}

/* Alternating Row for the Job Listing Table */

TD.CaptionStyle {
  font-weight: 600;
}

/* Caption for the Additional Information on the Job Description Page */

span.CaptionStyle {
  font-weight: 600;
}

/* body of the Job Description */

/* TD.MainBodyText {
} */

/* body of the job description */

/* span.MainBodyText {
} */

/* These are to style and position the menu under the logo the 
-menu is link inside a bullet inside a link container inside a navigation */

/* header#top nav > ul > li > a {
    text-transform: uppercase;
	font-size: 1em;
	color: #676767;
	font-weight: bold;
	line-height: 1em;
	padding-bottom: 2.143em;
    padding-top: 1.531em;
    letter-spacing: 0.051em;
} */

/* controls if the menu will be on the right or left of the screen
- The items in the list start from whichever side is picked (first in the list is first and then second, and then last) moving to the middle)
- Making the navigation "left" moves the wording in the header out by that distance
- Has to be seperate because this rule handles the navigation that isn't a hyperlink ("a") and controls the area above and below the actual menu items */

/* header#top nav ul li {
    float: right;
}

header#top #logo img {
    max-height: 100px;
    text-indent: -9999px;
    max-width: none;
    width: auto;
    transition: opacity 0.4s ease;
} */

/* formatting for the search boxes
- lst is the content in the box
- label is the caption above the box */

#lstSBox1 {
  width: 100%;
  font-size: 1em;
  font-weight: normal;
  color: #676767;
}

label#labelSBox1 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

#lstSBox2 {
  width: 100%;
  font-size: 1em;
  font-weight: normal;
  color: #676767;
}

label.labelSBox2 {
  font-weight: bold;
}

#lstSBox3 {
  width: 100%;
  font-size: 1em;
  font-weight: normal;
  color: #676767;
}

label.labelSBox3 {
  font-weight: bold;
}

/* formatting for the keyword search box */

input#CareersKeyword {
  width: 75%;
}

/* formatting for the caption for KeyWord Search*/

label.CaptionStyle {
  font-weight: bold;
}

/* formatting for the SEARCH, APPLY NOW and REFER A FRIEND buttons */

.CareersButton {
  display: inline-block;
  padding: 12px 18px;
  cursor: pointer;
  border-radius: 5px;
  background: var(--primary-teal);
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

/* formatting for the copyright line */

#copyright {
  font-size: 0.7em;
}

/**** Styles in this section are used to override styles from WebResource.axd (external) that we do not have direct acess to ****/
/**** Some styles may be present in other sections of this file but have been placed here to keep track of fully custom, non-default changes ****/

/* styles to adjust margin/padding/width of main container that #frmCRSS generates */

#CRCareers1_RadPageLayout2,
#CRAppSSMain1_RadPageLayout2,
#CRAppSSMain1_lblParsingInst {
  margin: 0;
  padding: 0;
}

#CRCareers1_RadPageLayout2.t-container,
#CRAppSSMain1_RadPageLayout2.t-container,
#CRAppSSMain1_loDDMain {
  width: 100%;
  max-width: 100%;
}

#CRCareers1_RadPageLayout2 .row,
#CRCareers1_RadPageLayout2 .t-row,
#CRCareers1_RadPageLayout2 .t-col,
#CRAppSSMain1_RadPageLayout2 .row,
#CRAppSSMain1_RadPageLayout2 .t-row,
#CRAppSSMain1_RadPageLayout2 .t-col {
  margin: 0;
  padding: 0;
}

#CRCareers1_RadPageLayout2 .t-col-12,
#CRAppSSMain1_RadPageLayout2 .t-col-12 {
  margin: 0;
  padding-right: 0;
  padding-left: 0;
}

#CRCareers1_RadPageLayout2 a,
#CRAppSSMain1_RadPageLayout2 a {
  font-weight: 600;
}

#CRCareers1_RadPageLayout2 p,
#CRCareers1_RadPageLayout2 span,
#CRAppSSMain1_RadPageLayout2 p {
  font-size: 1rem !important;
  font-family: 'Inter', sans-serif !important;
}

#CRAppSSMain1_RadPageLayout2 input,
#CRAppSSMain1_cmbNonOpenJobs {
  width: auto;
}

/* agency portal */

#CRVP1_tblLogin span,
#CRVP1_tblLogin label,
#CRVP1_tblLogin a {
  font-family: 'Inter', sans-serif !important;
}

#CRVP1_lnkForgotLogin {
  font-size: 1rem;
  font-weight: 600;
  color: var(--primary-teal);
  text-decoration: none;
}

/* app self service */

.rmRootGroup.rmToggleHandles.rmVertical {
  display: none;
}

#CRVP1_lnkForgotLogin:hover {
  color: var(--primary-orange);
}

#CRAppSSMain1_txtCoverLetter {
  width: 100%;
}

#CRAppSSMain1_RadPageLayout2 input[type='submit'] {
  /* margin-left: auto; */
  margin-top: 1rem !important;
}

/* open positions table */

#CRCareers1_tblTableDetail2 {
  margin: 2.5rem 0;
}

#CRCareers1_tblTableDetail2 td {
  padding: 2rem 0rem;
}

#CRCareers1_tblTableDetail2 {
  background-color: #fff;
  text-align: start;
}

#CRCareers1_tblTableDetail2 .HeaderRow {
  padding-bottom: 2rem;
}

#CRCareers1_tblTableDetail2 tr {
  border-bottom: 1px solid #cccccc !important;
  border-color: rgb(204, 204, 204) !important;
}

/* @media (max-width: 767.98px) {
      #CRCareers1_tblTableDetail2 th:nth-child(3),
      #CRCareers1_tblTableDetail2 td:nth-child(3),
      #CRCareers1_tblTableDetail2 th:nth-child(5),
      #CRCareers1_tblTableDetail2 td:nth-child(5) {
          display: none !important;
      }
  } */

/* ----------------------------------------------------- */
/* Fully Custom CSS (Not present in original stylesheet) */
/* ----------------------------------------------------- */

/* styles for filter by location buttons (search box) */

#CRCareers1_tblTableDetail .MainBodyText {
  display: none; /* hides location filters intially. shown only if multiple locations hiring, using js found at includes/locationFilter.js */
}

#CRCareers1_lblBrowseInstTable .btn {
  border-color: var(--primary-teal) !important;
}

#CRCareers1_lblBrowseInstTable .btn-outline-primary {
  --bs-btn-color: #000;
}

#CRCareers1_lblBrowseInstTable .btn.active,
#CRCareers1_lblBrowseInstTable .btn:hover {
  background-color: var(--primary-teal) !important;
}

select#lstSBox1,
#CRCareers1_lblBrowseInstTable .CareersButton {
  display: none; /* hides the original search box that comes from cyberrecruiter software */
}

/* Login Pages (Agency Portal + Self Service */

#CRAppSSMain1_tblLogin h2,
#CRVP1_tblLogin h3 {
  font-size: 2rem !important;
  padding-bottom: 2rem !important;
}

#CRVP1_tblForgotLogin td[align='center'],
#CRAppSSMain1_tblLogin td[align='center'],
#CRVP1_tblLogin td[align='center'] {
  text-align: left !important;
  padding-bottom: 1rem !important;
}

#CRAppSSMain1_txtEmail,
#CRAppSSMain1_txtPIN,
#CRAppSSMain1_btnLogin,
#CRVP1_txtLoginUserID,
#CRVP1_txtPIN,
#CRVP1_btnLogin,
#CRVP1_txtEmailForgot,
#CRVP1_Button2 {
  width: 400px !important;
}

/* login message */
#CRAppSSMain1_lblLoginHeader,
#CRVP1_lblHeader {
  display: none !important;
}

/* Self Service Center */

#CRAppSSMain1_RadPageLayout2 .t-col-6,
#CRAppSSMain1_RadPageLayout2 .t-col-10 {
  width: 100% !important;
  margin: 0 auto !important;
}

#CRAppSSMain1_RadPageLayout2 #text { 
  display: none !important;
}

#CRAppSSMain1_lblMMAppName,
#TaskTitleBackground {
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 0.75rem !important;
  color: var(--primary-teal) !important;
  font-weight: 600 !important;
}

#CRAppSSMain1_RadMenuMobile {
  margin-top: 2rem !important;
}

#CRAppSSMain1_lblBrowseReqsInst,
#CRAppSSMain1_Label9,
#CRAppSSMain1_lblHistBrowseInst,
#CRAppSSMain1_lblShowNonOpenJobs,
#CRAppSSMain1_lblDDContactInfo,
#CRAppSSMain1_lblDDResumeHeader {
  padding: 0 !important;
}

/* #CRAppSSMain1_tblDDContactInfo {
  margin: 0 auto !important;
} */

/* titles */

/* contact info */

#CRAppSSMain1_tblDDContactInfo input,
#CRAppSSMain1_tblDDContactInfo select {
  width: 100% !important;
}