@import url("https://web.uillinois.edu/UserFiles/Servers/Server_583/File/bootstrap/5/3/bootstrap_min.css");
@import url("https://web.uillinois.edu/UserFiles/Servers/Server_583/File/toolkit/2/16-1/toolkit.css");
@import url("https://web.uillinois.edu/UserFiles/Servers/Server_583/File/toolkit/2/16-1/toolkit-system.css");
@import url("https://web.uillinois.edu/UserFiles/Servers/Server_583/File/toolkit/2/16-1/custom-system.css");

.il-formatted il-section-nav:not([compact]) li, il-section-nav:not([compact]) li {
background: transparent !important;
}
.il-main .fixed  {
	padding: 5rem 0;
}
.CMS_adminBar ul li, .CMS_DragDropWrapper ul li {
	list-style: none;
}
ul.CMS_dropPanel {
margin-top: 2px;
}
header.hr {
	/*background: rgba(0, 0, 0, 0) url("/UserFiles/Servers/Server_4208/Image/hr-subbanner.jpg") left top no-repeat;*/
/*background: rgba(0, 0, 0, 0) url("/UserFiles/Servers/Server_4208/Image/Theme/hr-banner.jpg") left top no-repeat;*/
background: rgba(0, 0, 0, 0) url("/UserFiles/Servers/Server_4208/Image/hr-banner.jpg") center no-repeat;
/*	background-size: 100%;*/
background-size: cover;
}
.il-main .fixed  {
	padding: 5rem 0;
}
.il-formatted p, il-call-to-action p, il-card p, il-clickable-card p, il-statistic p {
	font-size: 16px;
}
.large-3 {
	width: 25%;
}
.small-12 {
    width: 100%;
}
.medium-4 {
	width: 33.3333333333%;
     padding-right: 20px;
}
.medium-8 {
	width: 66.6666666667%;
     padding-right: 20px;
}
 @media screen and (max-width: 768px) { 
.medium-4, .medium-8 {
width: 100%; 
padding-right: 5px;
 }
}
nav.portal-breadcrumb a:first-child {
	display: none;
}
.fixed main {
	padding: 2rem 0px 5rem;
}
.ptl_col_2_3 {
	padding-right: 10px;
}

.lvl-3-sidebar {
  padding: 1rem;
  margin-bottom: 2rem; }
  .lvl-3-sidebar li {
    line-height: 1.2;
    padding-bottom: 1rem; }
  .lvl-3-sidebar h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #00304C; }

.subnav {
  background-color: #dceafa;
  border-top: 10px solid #acc0ce; }
.sup-links {
  border-top: 10px solid rgba(19, 41, 75, .8);
 background-color: rgba(19, 41, 75, .2);
 }
.NewHirebutton, .NewHirebutton:visited, .NewHirebutton:link {
  background-color: #73a300;
  color: white;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
}

.NewHirebutton a, .NewHirebutton a:visited, .NewHirebutton a:hover {
    color: #FFF;
}

.NewHirebutton:hover, .NewHirebutton:visited:hover {
    background-color: #435d90;
    color: white;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}
NewHirebutton, .NewHirebutton, input[type="button"] {
    font-family: "Source Sans Pro",sans-serif;
    padding: 0.6rem 1.2rem;
}
NewHirebutton, .NewHirebutton {
  background-color: #2ba6cb;
  border-color: #2285a2;
  border-style: solid;
  border-width: 0;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  padding: 1rem 2rem 1.0625rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color 300ms ease-out 0s;
}

/*.lvl-3-sidebar {
display: inline-block;
}*/

.actionButton, .actionButton:visited, .actionButton:link {
  background-color: #73a300;
  color: white !important;
  font-size: 1.25rem;
  font-weight: bold;
  text-decoration: none;
  display: block;
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

.actionButton a, .actionButton a:visited, .actionButton a:hover {
  color: #FFF;
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
}

.actionButton:hover, .actionButton:visited:hover {
  background-color: #435d90;
  color: white;
}
actionButton, .actionButton, input[type="button"] {
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  padding: 0.6rem 1rem;
}
actionButton, .actionButton {
  background-color: #2ba6cb;
  border-color: #2285a2;
  border-style: solid;
  border-width: 0;
  color: white;
  cursor: pointer;
  display: block;
  font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  padding: 1rem 2rem 1.0625rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color 300ms ease-out 0s;
}

.actionButton.external {
  background-color: #a3278c;
}

.actionButton.external:hover, .actionButton.external:visited:hover {
  background-color: #435d90;
  color: white;
}

.alertBox {
  display: block;
  background-color: #efefef;
  border: 1px solid black;
  padding: 1rem;
  margin: 0.25rem 0;
}
.sectionhome a.nh-button, .sectionhome a.nh-button:visited { 
                width: 100%; 
                max-width: 350px;
                color:#fff; 
                background-color: #73a300;
                text-decoration: none;
                padding: 16px 24px;
                font-size: 1.25rem; 
                font-weight: 700;
                transition: .4s ease;
}

.sectionhome a.nh-button:hover, .sectionhome a.nh-button:visited:hover, .sectionhome a.nh-button:visited:focus { 
                background-color: #435d90;
                color: #fff;
                text-decoration: none;
}
ul.showdots { 
                list-style-type: circle;
                margin: 1rem 0;
}

ul.showdots li { 
                padding-bottom: 1rem;
}

.accordion-title:focus { border:2px dotted red;}

.accordion-title::before { font-size: 2em;}


.nessie-card {
  /*  margin-bottom: 20px;*/
margin: 0 5px 20px;
    background-color: #fff;
  /*  border: 1px solid transparent;*/
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.5);
    box-shadow: 0 2px 2px rgba(0,0,0,.5);
}

.nessie-card-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
font-size: 1.2rem;
}

.nessie-card-group {
    padding-left: 0;
    margin-bottom: 20px;
padding: 5px 0 20px;
}
.nessie-card-group p {
                padding: 5px;
}
ul.nessie-links {
                list-style: none;
                padding-left: 1rem;
list-style-image: url('/UserFiles/Servers/Server_4208/Image/Theme/point.png');
}
 
ul.nessie-links li {
padding: .5rem 1rem;
}

.card-mypay > .nessie-card-heading {
    background-color: #21663c;
}
.card-benefits > .nessie-card-heading {
    background-color: #4e2263;
}
.card-info > .nessie-card-heading {
    background-color: #277591;
}
.card-employment > .nessie-card-heading {
    background-color: #ba920e;
}
.card-compliance > .nessie-card-heading {
    background-color: #3c7887;
}
.card-education > .nessie-card-heading {
    background-color: #b75922;
}

.optanon-show-settings-popup-wrapper {
height: auto;
}
.optanon-show-settings-popup-wrapper {float: right;}
.optanon-alert-box-bg { -moz-osx-font-smoothing: initial;}
.optanon-alert-box-wrapper a:hover {
font-family:Arial, sans-serif;
}
a.optanon-show-settings:hover {
font-family:Arial, sans-serif;
}

.article-entries .entry a:focus{
    border-bottom: 2px solid;        
    border-bottom-color:#2872ac;
}

.article-entries .entry a:focus +  .entry-pod .title h3{
    text-decoration: underline;
}

.callout {
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  position: relative;
  background-color: white; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #dbeaf7; }
    .callout.primary a {
      color: #1c5078; }
      .callout.primary a:hover {
        color: #0e273a; }
  .callout.secondary {
    background-color: #ebebeb; }
  .callout.success {
    background-color: #e1faea; }
    .callout.success a {
      color: #1ea450; }
      .callout.success a:hover {
        color: #126330; }
  .callout.alert {
    background-color: #fce6e2; }
    .callout.alert a {
      color: #bf2b13; }
      .callout.alert a:hover {
        color: #791b0c; }
  .callout.warning {
    background-color: #fff3d9; }
    .callout.warning a {
      color: #b37a00; }
      .callout.warning a:hover {
        color: #664600; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

/*  new 2022 */
.sup-links h3 {
margin-bottom: 1.5rem;
}
.il-formatted, il-call-to-action, il-card, il-clickable-card, il-statistic {
	font-size: 16px;
}
.il-formatted table.tbl td {
	padding: 1rem;
}
.il-formatted .modalPopup td {
	padding: .25rem;
}
.lvl-3-sidebar h2 {
	font-size: 1.75rem;
	font-weight: 400;
}
.accordion-button {
font-size: 1.5rem;
}
.il-formatted ul li, il-call-to-action ul li, il-card ul li, il-clickable-card ul li, il-statistic ul li {
	list-style: inherit !important;
}
.il-main a:focus, .il-main button:focus {
    outline: #0a0a0a dotted 1px;
    outline-offset: 1px;
    border-style: transparent;
}