/* Variables */
:root{
     --cc-bg-color: #fff;
     --cc-primary-color: #4c4c4c;
	 --cc-secondary-color: #075095;
	 --cc-header-color: #ff8c00;
     --cc-hover-bg-color: #ddd;
	 --cc-button-color: #075095;
	 --cc-font-karla: karla;
	 --cc-font-poppins: poppins;
	 --cc-font-medium-size: 14px;
	 --cc-font-lrg-size: 16px;
}
body { padding:0 !important; }
body { 
     width:100%; 
     padding-left: 0px;
	 padding-right: 0px;
     font-family: Arial, Helvetica, sans-serif;	 
	 margin: 0;
}

label { 
width: auto !important; 
}

/* Menu Bar and dropdown*/
.cc-arrow {
  display: block;
  float: right;
  margin-top: .25em;
  border-color: transparent;
  border-top-color: #808080;
	border-style: solid;
	border-width: .4em .25em 0;
	width: 0;
	height: 0;
	position: relative;
  line-height: 0;
}
#cc-menu_toggle {
  opacity: 0;
}

#cc-menu_toggle:checked ~ .cc-menu_btn > span {
  transform: rotate(45deg);
}
#cc-menu_toggle:checked ~ .cc-menu_btn > span::before {
  top: 0;
  transform: rotate(0);
}
#cc-menu_toggle:checked ~ .cc-menu_btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#cc-menu_toggle:checked ~ .menu__box {
  visibility: visible;
  left: 0;
}

.cc-menu_btn {
  position: relative;
  top: 5px;
  right: 20px;

  width: 26px;
  height: 26px;

  cursor: pointer;
  z-index: 1;
}

.cc-menu_btn > span,
.cc-menu_btn > span::before,
.cc-menu_btn > span::after {
  display: block;
  position: absolute;

  width: 100%;
  height: 2px;

  background-color: var(--cc-button-color);

  transition-duration: .25s;
}
.cc-menu_btn > span::before {
  content: '';
  top: -7px;
}
.cc-menu_btn > span::after {
  content: '';
  top: 7px;
}

.menu__box {
  display: block;
  position: fixed;
  visibility: hidden;
  top: 80px;
  left: -100%;

  max-width: 420px;
  height: 420px;

  margin: 0;
  padding: 0;
  list-style: none;

  background-color: #fff;
z-index: 2;
border: 1px solid #e5e5e5;
box-shadow: 5px 5px 0 rgba(0, 0, 0, .05);
border-radius: 0 0 3px 3px;

transition-duration: .25s;

}
/*sidebar submenu */
.menu__box .oup-sidebar {
display: none;
}
.menu__box .cs-sidebar {
display: none;
}.menu__box .mo-sidebar {
display: none;
}
.mobile-navbar .menu__box .oup-sidebar {
  position: absolute;
  top: 5px;
  left: 100%;
  max-width: 420px;
  height: 440px;

  margin: 0;
  padding: 0;
  list-style: none;

  background-color: #fff;
z-index: 40;
border: 1px solid #e5e5e5;
box-shadow: 5px 5px 0 rgba(0, 0, 0, .05);
border-radius: 0 0 3px 3px;

transition-duration: .25s;

}

.mobile-navbar .menu__box .cs-sidebar {
  position: absolute;
  top: 48px;
  left: 100%;
  max-width: 420px;
  height: 400px;

  margin: 0;
  padding: 0;
  list-style: none;

  background-color: #fff;
z-index: 40;
border: 1px solid #e5e5e5;
box-shadow: 5px 5px 0 rgba(0, 0, 0, .05);
border-radius: 0 0 3px 3px;

transition-duration: .25s;

}
.mobile-navbar .menu__box .mo-sidebar {
  position: absolute;
  top: 95px;
  left: 100%;
  max-width: 420px;
  height: 350px;

  margin: 0;
  padding: 0;
  list-style: none;

  background-color: #fff;
z-index: 40;
border: 1px solid #e5e5e5;
box-shadow: 5px 5px 0 rgba(0, 0, 0, .05);
border-radius: 0 0 3px 3px;

transition-duration: .25s;

}

.menu__item {
  display: block;
  padding: 15px 24px;

  color: #333;

  font-family: var(--cc-font-karla);
  font-size: var(--cc-font-medium-size);
  font-weight: bold;
  text-decoration: none;
border-top: 1px solid #ccc;

}
.menu__item:hover {
  background-color: #CFD8DC;
}

/*sidebar submenu */
.mobile-navbar .menu__box .oup-sidebar li,.mobile-navbar .menu__box .cs-sidebar li,.mobile-navbar .menu__box .mo-sidebar li{
  padding: 15px 24px;

  color: #333;

  font-family: var(--cc-font-karla);
  font-size: var(--cc-font-medium-size);
  font-weight: bold;
  text-decoration: none;
border-top: 1px solid #ccc;
}
.mobile-navbar .menu__box .oup-sidebar li a, .mobile-navbar .menu__box .cs-sidebar li a, .mobile-navbar .menu__box .mo-sidebar li a{

  color: #333;

  font-family: var(--cc-font-karla);
  font-size: var(--cc-font-medium-size);
  font-weight: bold;
  text-decoration: none;
}
.mobile-navbar .menu__box .oup-sidebar li:hover, .mobile-navbar .menu__box .cs-sidebar li:hover, .mobile-navbar .menu__box .mo-sidebar li:hover{
  background-color: #CFD8DC;
}

.mobile-navbar .menu__box a:hover, .mobile-navbar .menu__box li:focus-within .oup-sidebar {
  display: block;
  
}
.mobile-navbar .menu__box a:hover, .mobile-navbar .menu__box li:focus-within .cs-sidebar {
  display: block;
  
}
.mobile-navbar .menu__box a:hover, .mobile-navbar .menu__box li:focus-within .mo-sidebar {
  display: block;
  
}

.cc-menu_btn{
	  display: none;
}
	 
/*section*/
#ftlhiddenframe { display:none; }
.logo { background:none; }
.headersection .box .boxtop,
.mainsection .boxtrain,
.footeraction .box {
	display:none;
}

.mainsection .mastercontentpanel {
	border: 0;
}
.footeraction .footeractionpanel {
	background-color: transparent;
	border: 0;
	display: inline-block;
	height: auto;
	padding: 0;
}
.mainsection .buttonpanel-container,
.mainsection .buttongrouppanel2 {
	height: auto;
	min-height: 0;
	padding: 0;
}

.headersection .box .boxtop {
    display: none;
}
.headersection .link2panel {
	background-color: #ff8c00;
}

/* Main*/
#container {
	padding: 0;
	width: 100%;
}
#content {
	margin: 0;
	width: 100%;
}
#content .content_body {
	text-align: center;
	margin: 0 0 40px 0;
	padding: 0;
	min-height: 435px;
}
.mainsection {
	margin: 0;
}

.headersection .headerpanel .userpanel .username {
    color: #ffffff;
    font-family: var(--cc-font-karla);
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
}

/*
	HEADER PANEL
*/
body .masterbody {
	text-align: center;
}
.masterbody .headersection {
	text-align: center;
	background: #ff8c00;
	margin: 0;
	display: block;
}
.masterbody .headersection .headerpanel {
	position: relative;
	background: #ff8c00;
	height: auto;
	width: 980px;
	margin: 0 auto;
	padding: 2em 0 0 0;
	border: 0;
}
.headersection .headerpanel .linkpanel {
    font-family: var(--cc-font-karla);
	padding: 8px 0 0 0;
}
.headerpanel .infopanel .infojob {
    color: #666;
    font-size: 16px;
    font-weight: normal;
}

.headerpanel .infopanel .metalink2 a {
    color: #075095;
    font-family: var(--cc-font-karla);
    font-size: 16px;
    font-weight: normal;
}

.headerpanel .metapanel .flowstatus, .headerpanel .metapanel .metalink {
    color: #075095;
    font-size: 16px;
}

.mainsection .buttonpanel-container, .mainsection .buttongrouppanel2  .on-the-left {
float: none;
}
/*
	SEARCH
*/
.jobsearch .column, .jobsearch .column1 {
	width: auto !important;
}
.jobsearch .column1 {
	padding-left: 20px;
}
.jobsearch .titlemetapanel1 {
	margin: 0 0 15px 0;
	padding: 0;
}
.jobsearch .titlemetapanel .separator {
	color: #ccc !important;
}
.jobsearch #advancedSearchInterface {
	margin-top: 10px;
}
.jobsearch .contentgrouppanel label.label {
	display: block;
	padding: 0 0 2px 0;
	font-weight: bold;
}
.jobsearch .contentgrouppanel .inputtext {
	margin-bottom: 10px;
}
.jobsearch .contentgrouppanel label.label,
.jobsearch .contentgrouppanel label.linklabel {
	font-size: 14px;
	font-family: var(--cc-font-karla);
	color: #4c4c4c;
}
.jobsearch .contentgrouppanel label {
	font-size: 14px;
	font-family: var(--cc-font-karla);
}
.jobsearch .contentgrouppanel .inputtext,
.jobsearch .contentgrouppanel .inputselect {
	max-width: 300px;
}
div[class*="boxpanel"] {
	display: none !important;
}
.jobsearch .boxresults { 
	display: none;
}
.jobsearch .linkpanel {
	display: block !important;
	list-style-type: none;
	border: 0;
	border-bottom: 0;
	background-color: inherit;
	margin-top: 20px;
	padding: 0;
}
.jobsearch .selectedlink {
	border: 0;
	background-color: inherit;
	bottom: -1px;
	cursor: default;
	margin: 0 0 0 0;
	padding: 10px 0;
	position: relative;
}
.jobsearch .linklabel {
	font-size: 14px;
	text-transform: uppercase;
	font-family: var(--cc-font-karla);
	font-weight: bold;
	font-style: normal;
	line-height: 150%;
	color: #333;
	text-decoration: none;
	text-shadow: 0;
	padding-left: 0;
	border-bottom: 1px solid #999;
}
.jobsearch .contentdatapanel {
	border: 0;
	background-color: inherit;
	padding: 10px 0 0 0;
}
.jobsearch .labelcontent, .jobsearch .contentdatapanel .searchLookup {
	display: block;
	font-size: 13px;
	margin: 0 0 5px;
}
.jobsearch .action a {
	font-size: 14px;
	font-weight: normal;
}
.jobsearch .addjobfieldaction {
	padding-bottom: 10px;
	border-bottom: 2px solid #f2f2f2;
}
.jobsearch .listingperpagepanel {
	float: left;
}
.mainsection .jobsearch .languageSelectInterface label.label,
.mainsection .jobsearch .listingperpagepanel label.label,
.mainsection .jobsearch .sortbypanel label.label {
	display: inline-block;
	font-family: "karla",sans-serif;
	font-size: 14px;
	color: #4c4c4c;
}
.mainsection .jobsearch .listingperpagepanel label.label {
	padding: 0;
}
.mainsection .searchresults .resultstitlepanel {
	margin: 0;
	padding: 0 0 5px 0;
	text-align: left;
}
.jobsearch #requisitionListInterface\.listRequisitionContainer {
	border-top: 2px solid #f2f2f2;
	padding-top: 10px;
	margin-top: 10px;
}
td.columnfull table tr td.iconpanel {
	background-color: #fff !important;
	width: 0.01% !important;
}
.jobsearch .searchresults .contentlist .contentlinepanel,
.jobsearch .searchresults .titlelink a,
.jobsearch .searchresults .contentlist .contentlinepanel .text {
	font-size: 14px;
	line-height: 18px;
	color: #4c4c4c;
}
.jobsearch .searchresults .titlelink a,
.column165 .helppanel .helplink a {
	color: #ff8c00;
	padding: 0;
	margin: 0;
	font-size: 14px;
}
.jobsearch .searchresults .titlelink a:hover
.column165 .helppanel .helplink a:hover {
	color: #469adb
}
.jobsearch .searchresults .titlelink a {
	font-size: 16px;
}
.jobsearch .searchresults .contentlist .contentlinepanel .jobposted {
	font-family: "karla", sans-serif;
}
.titlemetapanel .text,
.titlemetapanel .metalink2 {
	font-size: 14px;
}
#basicSearchHeaderInterface .columnfull,
#basicSearchInterface .columnfull,
#advancedSearchHeaderInterface .columnfull,
#advancedSearchInterface .columnfull {
	width: 66.67%;
	padding-right: 20px;

}
#basicSearchHeaderInterface .columnfull .tablelist1,
#advancedSearchHeaderInterface .columnfull .tablelist1 {
	display: block;
}
#basicSearchHeaderInterface .columnfull .tablelist1 .jobsearch .column1,
#advancedSearchHeaderInterface .columnfull .tablelist1 .jobsearch .column1 {
	padding-left: 0;
	display: block;
	text-align: left;
}
#basicSearchHeaderInterface .column165,
#advancedSearchHeaderInterface .column165 {
	display: none;
}
.jobsearch .savecontentpanel {
	border: 0;
	padding: 20px;
	background-color: #f2f2f2;
}
.jobsearch .savetitlepanel .subtitle {
	font-family: var(--cc-font-karla);
	text-transform: uppercase;
	font-size: 18px;
}
.jobsearch .savecontentpanel .descriptionpanel {
	font-size: 14px;
	padding-bottom: 10px;
}
.ftlboxfloat {
	width: 48%!important;
	height: auto!important;
	margin-right: 20px;
	aaapadding-right: 20px;
	box-sizing: border-box;
}
.ftlboxfloat:nth-child(2n) {
    margin-right: 0;
}
.jobsearch .resultpropertiescontentpanel {
	margin: 0;
	border: 0;
	text-align: left;
	background-color: inherit;
}

/*
	LAYOUT
*/
.mainsection .mastercontentpanel,
.mainsection .mastercontentpanel2,
.mainsection .requisitionDescription,
.jobsearch .resultpropertiespanel,
.jobsearch .searchresults,
.accessmanagement .block-main-border-fix,
.accessmanagement .button-group-center,
.mastercontentpanel .myaccount,
.processesTaskMainDiv {
	max-width: 960px;
	margin: 2.5em auto 0 auto;
	padding: 0;
	display: block;
	text-align: left;
}
.mainsection .mastercontentpanel .tablelist,
.mainsection .mastercontentpanel2 .tablelist,
.mainsection .requisitionDescription .tablelist,
.mastercontentpanel .myaccount .tablelist {
	text-align: left;
	width: 100%;
}
.accessmanagement .block-main-border-fix {
	text-align: left;
}

/*
	Help and MY JOB PAGE
*/
.mainsection .mastercontentpanel2 .tablelist .columnfull,
.jobsearch .tablelist .columnfull,
.myaccount .tablelist .columnfull {
	width: 66.67%;
	padding-right: 20px;
	text-align: left;
}
.mainsection .mastercontentpanel2 .tablelist .column165,
.jobsearch .tablelist .column165,
.myaccount .tablelist .column165 {
	width: 33.33%;
	text-align: left;
}
.column165 .helppanel {
	width: 100%;
	background-color: #f2f2f2;
	border: 0;
	padding: 20px;
}
.column165 .helppanel .helplabel,
.column165 .helppanel .helpsubtitle,
.column165 .helppanel .helptitle,
aaa.column165 .helppanel .helplink a,
.column165 .legendpanel .legendlabel,
.column165 .helppanel .legendpanel,
.column165 .helppanel .legendpanel .legendtitle {
	color: #4c4c4c;
	padding: 0;
	margin: 0;
}
.column165 .helppanel .helpsubtitle {
	text-transform: uppercase;
}
.helppanel .contentlabelpanel,
.column165 .helppanel .helplabel,
.column165 .legendpanel .legendlabel {
	font-size: 12px;
	line-height: 15px;
}
.column165 .helppanel .helplabel { 
	padding-bottom: 10px;
}
.helppanel .contentlabelpanel .helplink a {
	color: #0f8ec7;
	margin-top: 10px;
}
.column165 .helppanel .helptitle,
.column165 .helppanel .helpsubtitle,
.column165 .helppanel .legendpanel .legendtitle {
	font-family: "karla",sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0;
	text-transform: uppercase;
}
.column165 .helppanel .helptitle {
	font-size: 12px;
}
.myjobpage .listingperpagepanel {
	border-bottom: 2px solid #f2f2f2;
	display: inline-block;
	font-family: "karla",sans-serif;
	font-size: 14px;
	margin: 0;
	width: 100%;
	padding-bottom: 10px;
}
.mainsection .myjobpage .listingperpagepanel label.label {
	font-family: "karla",sans-serif;
	font-size: 14px;
	display: block;
	float: left;
	margin-top: 5px;
}
.masterbody .blockpanel .inputselectpanel select.inputselect,
.mainsection .myjobpage .listingperpagepanel select.inputselect {
	display: block;
	float: left;
}
.mainsection .myjobpage .statuspanel {
	background-color: #fff;
	margin: 0 0 5px 0;
	padding: 0;
}
/* withdraw */
.mainsection .myjobpage .resultstitlepanel .subtitle {
	font-family: "karla",sans-serif;
}
.mainsection .requisitionDescription .column165 {
	display: none;
}

/* Job List Page */
.mainsection .editablesection .blockpanel span {
    display: block;
    height: 2px;
}
.mainsection .jobtype {
    font-size: 14px;
    text-decoration: none;
    color: #4c4c4c;
    font-weight: normal;
    font-style: normal;
}
.mainsection .searchresults .text, .mainsection .myjobpage .text, .mainsection .pagerpanel .pagersectionpanel .separator {
    font-family: var(--cc-font-karla);
}
.jobsearch .searchresults .contentlist .contentlinepanel .jobposted {
    font-family: var(--cc-font-karla);
    font-size: 14px;
    color: #4c4c4c;
}
.mainsection .jobcontentpanel .metalink2 a {
    font-family: var(--cc-font-karla);
    font-size: 17px;
    padding-top: 2px;
}
.jobsearch .separator {
    padding: 3px;
}
.headersection .headerpanel .userpanel .metalink a {
    font-size: 18px;
    font-family: var(--cc-font-karla);
}
.headersection .headerpanel .userpanel .separator {
    font-size: 18px;
/*    font-family: var(--cc-font-karla); 
    font-weight: bold; */
    color: #ffffff;
    padding: 2px;
}
.headersection .headerpanel .metapanel .metagrouppanel .separator {
    font-size: 18px;
/*    font-family: var(--cc-font-karla);
    font-weight: bold; */
    color: #ffffff;
    padding: 2px;
}
.headersection .metalink a {
vertical-align: middle;
}
.headersection .metalink a, .mainsection .metapanel .metalink a {
    font-size: 18px;
    font-family: var(--cc-font-karla);
}

/* Buttons */
.mainsection .inputbutton,
.accessmanagement .nav-btn,
.StaticEOffer .nav-btn, .StaticEOffer .nav-btn:link, /* offers */
#et-ef-content-flowTemplate-LegalDisclaimerPage-legalDisclaimerContinueButton,
#et-ef-content-flowTemplate-LegalDisclaimerPage-CancelButton {
	color: #fff;
	transition: background-color 0.3s ease 0s;
	border: 1px solid transparent;
	background-color: #075095;
	margin: 1em 1em 1em 0;
	font-size: 16px;
	display: inline-block;
	line-height: 2.5;
	padding: 0px 1.5em;
	border-radius: 5em;
	width: auto;
	font-family: 'karla',helvetica,arial,sans-serif !important;
	height: auto;
}

/* Train */
headersection .headerpanel, .headersection .box .boxtop .boxb2-top, .headersection .box .boxtop .boxb3-top, .headersection .box .boxtop .boxb4-top, .footeraction .footeractionpanel, .footeraction .box .boxbottom .boxb4, .footeraction .box .boxbottom .boxb3, .footeraction .box .boxbottom .boxb2, .mainsection .headerpanel, .mainsection .boxtrain .boxtraintop .boxtrainb2-top, .mainsection .boxtrain .boxtraintop .boxtrainb3-top, .mainsection .boxtrain .boxtraintop .boxtrainb4-top, .alert-frame, .shiftavailability .titleshiftpanel, .shiftavailability .titledaypanel {
    background-color: var(--cc-bg-color);
}
.headerpanel .datatrain-t, .headerpanel .datatrain-tv, .headerpanel .datatrain-tv-left-margin, .headerpanel .datatrain-tv-right-margin{
    background-color: var(--cc-button-color);
}
.datatrain-wagon {
    background-color: var(--cc-bg-color);
}
.datatrain-focus, .datatrain-focus-left, .datatrain-focus-right, .datatrain-no-focus-left, .datatrain-no-focus-right {
    background-color: var(--cc-header-color);
}
.mainsection .headerpanel {
border-style: none;
text-align: center;
}

.headerpanel .infopanel {
	max-width: 960px !important;
	margin: 20px auto 2px auto;
	display: inline-block !important;
	float: none !important;
	text-align: center;
}
.mainsection .headerpanel .metapanel {
	max-width: 960px;
	margin: 0 auto 10px;
	display: block;
	float: none;
	text-align: center;
}
/* custom-county */
.headercontainer{
	 padding-bottom: 1%;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center; 
	 padding: 0 30px;
	 box-shadow: 0 5px 0 rgba(0, 0, 0, .05);
}
.headercontainer .headerlogo{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;
     align-items: center;
}

.oupbrandingimage{
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     justify-content: space-between;	 
     align-items: center;
	 padding-top: 2px;
}
.oupbrandingimage img{
  width: 100%;
  max-height: 260px;
 }

.headercontainer .top-navbar{
display: flex;
} 
.oup-nav-link {
margin-inline: 10px; 
transition: .3s;
font-family: var(--cc-font-poppins);
font-size: var(--cc-font-lrg-size);
font-weight: bold;
}

.headercontainer .top-navbar ul {
  list-style-type: none;
  background-color: var(--cc-bg-color);
  padding: 10px;
  margin: 8px;
}

.headercontainer .top-navbar ul a {
  color: var(--cc-primary-color);
  text-decoration: none;
  padding: 15px;
  display: block;
  text-align: center;
}

.headercontainer .top-navbar ul a:hover {
  background-color: #ddd;
}
.oup-nav-link span{
margin-right: 5px;
}
.cc-arrow {
font-size: 20px;
transition: .3s;
}
.oup-dropdown:hover .cc-arrow {
transform: rotate(180deg);
}
.headercontainer .top-navbar ul li {
  float: left;
}

.oup-dropdown {
position: relative;
margin-right: 10px;
}
.oup-dropdown:last-child {
margin-right: 30px;
}
.oup-dropdown .oup-dropdown-content{
display: none;
position: absolute;
top: 36px;
left: 0;
background: var(--cc-bg-color);
max-width: 240px;
border-top: 3px solid #ccc;
border-radius: 0 0 3px 3px;
animation: slideUp .3s;
z-index: 5;
border: 1px solid #e5e5e5;
box-shadow: 5px 5px 0 rgba(0, 0, 0, .05);
}
.oup-dropdown .oup-dropdown-content li{
padding: 10px 10px;
font-family: var(--cc-font-poppins);
font-size: var(--cc-font-medium-size);
border-top: 1px solid #ccc;
font-weight: bold;
width: 85%;
text-align: left;
}

.oup-dropdown:hover .oup-dropdown-content{
display: block;
}

.menu-toggle{
display: none;
font-size: 24px;
background: transparent;
border: none;
color: var(--cc-primary-color);
cursor: pointer;
}

.oup-footer {
box-shadow: inset 2px 2px 5px 1px rgba(0, 0, 0, .08);
background-color: #f2f2f2;
border-bottom: #ccc 1px solid;
border-top: #ccc 1px solid;
padding: 45px 0 20px;
text-align: center;
}
.oup-footer-inner {
background-color: #f2f2f2;
border-bottom: #ccc 1px solid;
border-top: #ccc 1px solid;
padding: 45px 0 55px;
max-width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
text-align: center;
width: 50%;
}

.oup-footer-inner ul{
    display: block;
    list-style: none;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

.oup-footer-inner ul li:before{
margin: 0 25px;
}	
.oup-footer-inner ul li{
display: inline;
font-size: 16px;    
margin-top: 10px;
margin: 20px;
text-decoration: none;
list-style: none;
}	

.oup-footer-inner ul li a{
  text-decoration: none;
  font-family: var(--cc-font-poppins);
  font-size: var(--cc-font-medium-size);
  font-weight: bold;
  color: #4c4c4c;
}	

.oup-footer-inner ul li a:hover
{
border-bottom:1px solid rgba(185,185,185,.8)
}

.oup-copyright {
margin-top: 15 px;
text-align: center;
font-family: var(--cc-font-poppins);
color: #4c4c4c;
font-size: 13px;
}

/* Review Header and Message background change */
.alert-message-notification 
{
    background-color: #e6e6e6;
}
.alert-title
{
    color: #ff0000;
}

.summary .headerblockpanel, .myaccount .headerblockpanel
{
    background-color: #e6e6e6;
}


/*
	TABLET
	i.e. less than 999px width
*/
@media only screen and (max-width: 999px) {
  html, body { margin: 0; overflow-x: hidden; }

     .headercontainer .top-navbar{
	  display: none;
	 }
	 .cc-menu_btn{
	  display: block;
	 }
     .oup-footer-inner ul{
	  display: flex;
	  flex-direction: column;
	 }
	 	 
	/* header panel */
	.masterbody .headersection .headerpanel {
		width: auto;
		padding: 20px 20px;
	}
	.headersection .headerpanel .rightpanel,
	.headersection .headerpanel .userpanel .metalink {
		right: 20px;
	}
	.headersection .headerpanel .userpanel .metalink {
		top: 20px;
	}
	.headersection .headerpanel .rightpanel {
		top: 40px;
	}
	.mainsection .mastercontentpanel,
	.mainsection .mastercontentpanel2,
	.mainsection .requisitionDescription,
	.jobsearch .resultpropertiespanel,
	.jobsearch .searchresults,
	.accessmanagement .block-main-border-fix,
	.accessmanagement .button-group-center,
	.mastercontentpanel .myaccount,
	.processesTaskMainDiv {
		width: 100%;
		padding: 0 20px; 
	}
	.column165 .helppanel {
		width: 80%;
	}
}


/*
	MOBILE landscape
	i.e. less than 699px width
*/
@media only screen and (max-width: 699px) {

  html, body { margin: 0; overflow-x: hidden; }

     .headercontainer .top-navbar{
	  display: none;
	 }
	 .cc-menu_btn{
	  display: block;
	 }
     .oup-footer-inner ul{
	  display: flex;
	  flex-direction: column;
	 }


	/* header panel */
	.masterbody .headersection .headerpanel {
		width: auto;
		padding: 20px 20px;
	}
	.headersection .headerpanel .userpanel,
	.headersection .headerpanel .userpanel .username {
		float: none;
		height: auto;
	}
	.headersection .headerpanel .rightpanel {
		position: relative;
		right: auto;
		top: auto;
		text-align: center;
		padding-bottom: 5px;
	}
	.headersection .headerpanel .right-header-info,
	.headersection .headerpanel .userpanel .metalink {
		float: none;
		position: relative;
		padding: 20px 0 5px 0;
		top: 0;
		right: 0;
	}
	.headersection .headerpanel ul.linkpanel {
		padding-bottom: 0;
		margin-bottom: 0.5em;
	}
	ul#tabs.linkpanel li,
	#topNavInterface ul.linkpanel li,
	.headersection .headerpanel ul.linkpanel li[id*="TabActionS"] {
		min-width: 120px;
	}
	ul#tabs.linkpanel li ~ li,
	#topNavInterface ul.linkpanel li ~ li,
	.headersection .headerpanel ul.linkpanel li[id*="TabActionS"] ~ li[id*="TabActionS"] {
		border-left: 0;
	}
	.headersection .headerpanel .linkpanel .grouplink {
		display: inline-block;
	}
	.masterbody .headersection .headerpanel a#signin-link {
		background: #fff;
		color: #675882;
		padding: 5px 15px;
		border-radius: 30px;
	}
	/* data train */
	.datatrain-table {
		margin: 0 0 20px 0;
	}
/*	.headerpanel .tabledatatrain {
		display: none;
	}

	html > body .datatrain-no-focus,
	html > body .datatrain-no-focus-right {
		display: none;
	}
*/	
	.column165 {
		display: none;
	}

	.headerpanel .tabledatatrain .datatrain-tv {
     width: 55em;
    }

}


/*
	MOBILE
	i.e. less than 599px width
*/
@media only screen and (max-width: 599px) {
  html, body { margin: 0; overflow-x: hidden; } 

/* FIX FOR IPHONE and Faceted Search Criteria Panel */
.topSearchPanel { overflow: hidden; }

.mainsection .requisitionDescription {
	overflow-x: auto;
}
	/* search */
	.jobsearch .topSearchPanel .topSearchContainer {
		padding: 20px;
	}
	.criteria-fields {
		display: inline-block;
		white-space: normal;
		margin: 0 auto;
	}
	.topSearchContainer .criteria-field {
		float: none;
		padding-right: 0;
		display: table-row;
		line-height: 2.25em;
	}
	.topSearchContainer .criteria-field label,
	.topSearchContainer .criteria-field input.criteriaFieldInput {
		display: table-cell;
	}
	.topSearchContainer .criteria-field.search-button-container {
		margin-top: 5px;
		display: inline-block;
		float: right;
	}
	.topSearchContainer .criteria-field label {
		width: 140px !important;
		text-align: right;
		font-size: 15px;
	}
	.jobsearch .topSearchPanel .search-button {
		width: 100px;
		padding: 0.3em 1.5em;
	}
	.search-button-container:after {
		font-family: "karlaregular",sans-serif;
		content: 'Search';
		margin-left: 24px;
	}
	.search-panel-links-container {
		float: left;
		text-align: right;
		width: 140px;
		padding-top: 10px;
	}
	.filter-panel {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	.jobListPanel {
		width: 100%;
		float: none;
	}
	.list-top-panel .sort-panel,
	.list-top-panel .language-panel {
		float: none;
		margin: 0 0 10px 0;
	}
	.ui-autocomplete {
		left: 0!important;
		width: 100%;
		border: 1px solid #ccc;
		box-shadow: 5px 5px rgba(204,204,204,0.5);
	}

	/* advanced search */
	.jobsearch .mastercontentpanel,
	.jobsearch .resultpropertiespanel {
		background-color: #f2f2f2;
	}
	.jobsearch .resultpropertiespanel {
		margin-top: 0;
		padding-bottom: 20px;
	}
	.languageSelectInterface {
		float:none;
		padding-bottom: 20px;
	}
	#advancedSearchHeaderInterface .columnfull,
	#advancedSearchInterface .columnfull,
	.jobsearch .tablelist .columnfull {
		width: 100%;
		padding: 0;
	}
	.jobsearch .column, .jobsearch .column1 {
		display: block;
		padding: 0;
		text-align: left;
	}
	.ftlboxfloat {
		width: 100% !important;
		margin-right: 0;
	}
	.jobsearch #topScroll+span {
		border: 0;
		height: 0 !important;
	}
	.mainsection .searchresults .resultstitlepanel {
		margin: 0;
		padding: 0 20px;
	}
	.jobsearch .listingperpagepanel,
	.jobsearch .sortbypanel {
		float: none;
		padding: 0 20px;
	}
	.jobcontentpanel .separator + .metalink2 + .separator {
		visibility: hidden;
	}
	.mainsection .searchresults .sortbypanel .label {
		padding-left: 0;
	}
	.mainsection .jobsearch .sortbypanel select.inputselect {
		margin: 2px 0 5px 0;
	}
	.jobsearch #requisitionListInterface\.listRequisitionContainer {
		width: 100%;
	}
	.searchresults .columnfull .contentlist {
		width: 100%;
		display: block;
		padding: 0 20px 0 20px;
		margin: 0;
	}

	/* job desc */
	.mainsection .metagrouppanel { 
		margin-top: -10px;
		margin-bottom: 20px;
	}
	.metagrouppanel .metapanel,
	.metagrouppanel .metapanel2 {
		display: block;
		float: none !important;
		text-align: center;
	}

	/* layout */
	.mainsection .mastercontentpanel,
	.mainsection .mastercontentpanel2,
	.mainsection .requisitionDescription,
	.mastercontentpanel .myaccount,
	.accessmanagement .block-main-border-fix,
	.accessmanagement .button-group-center,
	.processesTaskMainDiv {
		width: 98%;
		padding: 2em 10px 0 10px;
		margin: 0;
	}
	.columnfull,
	.mainsection .mastercontentpanel .tablelist .columnfull,
	.mainsection .mastercontentpanel2 .tablelist .columnfull,
	.mastercontentpanel .myaccount .tablelist .columnfull {
		width: 100%;
		padding: 0px;
	}
    /* Review and submit page text overflow fix */
	.mainsection .mastercontentpanel .summary .tablelist .columnfull
	{
	 overflow-wrap: anywhere;
	}		
	
	.mastercontentpanel3 .columnfull {
		padding: 0;
	}
	.mastercontentpanel2 > .blockpanel {
		margin-top: 0;
	}

	/* buttons */
	.mainsection .inputbutton {
		margin: 0.5em;
	}

	/* form elements */
	.blockpanel .input-select {
		width: 100% !important;
	}
	.custom-form-columns span {
		width: 100% !important;
	}
	.blockpanel td.custom-form-columns {
		width: 100%;
		padding: 0;
		display: block;
	}
	.mainsection .textindentpanel .inputtext300 {
		width: auto;
	}
	.inputtextmulti {
		max-width: 280px;
	}

    /*process text overflow fix*/
	.blockpanel .descriptionpanel .text,
	.myaccount .text,
	.shiftavailability .shiftcontentpanel,
	.shiftavailability .daycontentpanel,
	.alert-message, .mainsection .text, 
	.accessmanagement .page-header-text 
	{
     font-size: 12px;
    }
	/*summary page*/
	.summary .blockpanel 
	{
     border: 0;
     margin-left: -20px;
     margin-right: -9px;
    }
	.headerpanel .tabledatatrain .datatrain-tv {
     width: 45em;
    }
	
/*Attachment Page fix*/
	.blockpanel .attachment-list-column:nth-of-type(4),
	.blockpanel .attachment-list-header:nth-of-type(4),
    .blockpanel .attachment-list-column:nth-of-type(5),
	.blockpanel .attachment-list-header:nth-of-type(5)	{
		display: none;
	}
    .blockpanel .attachment-list-column:nth-of-type(3) {
    max-width: 150px;
    overflow: hidden;
    }
	.blockpanel .attachment-list-header {
    padding: 5px 3px;
    font-size: 11px;
    border-left: 0;
    border-right: 0;
    display: table-cell;
    }
    table.attachment-list caption {
    padding: 0 20px 10px 20px;
    }
	.blockpanel .attachment-list {
    margin-left: -3px !important;
    font-size: 11px;
    }

}

/*
	MOBILE
	i.e. less than 499px width
*/
@media only screen and (max-width: 499px) {
	
    .headerpanel .tabledatatrain .datatrain-tv {
     width: 36em;
    }

}

/*
	MOBILE
	i.e. less than 399px width
*/
@media only screen and (max-width: 399px) {
	
    .headerpanel .tabledatatrain .datatrain-tv {
     width: 33em;
    }

}

/*
	MOBILE
	i.e. less than 360px width
*/
@media only screen and (max-width: 360px) {
	
    .headerpanel .tabledatatrain .datatrain-tv {
     width: 25em;
    }