@import url("../../global/jobexchange_styles_master.css");

@font-face {
    font-family: PlutoSansDPDLight;
    src: url(PlutoSansDPDLight-Web.woff);
}

@font-face {
    font-family: PlutoSansDPDExtraLight;
    src: url(PlutoSansDPDExtraLight-Web.woff);
}

@font-face {
    font-family: PlutoSansDPDRegular;
    src: url(PlutoSansDPDRegular-Web.woff);
}

#headerDiv,
.mainTable,
.jexContent,
#footerDiv {
  margin: 0 auto !important;
}

.mainTable,
.jexContent,
.contentWidth {
  width: 100% !important;
  max-width: 600px !important;
}

.mainTable {
  min-width: 460px;
}

.jobOfferDetail table.jobOfferDetailView,
.jobOfferDetail img.jobOfferImage.fullwidth {
  width: 100% !important;
}

.jobOfferDetail table.jobOfferDetailView.detDataWith {
  width: 100% !important;
}

.jexContent .jexInnerContent {
  padding-left: 0px;
  padding-right: 0px;
}

.mainTable col.marginLeftCol,
.mainTable col.marginRightCol {
  width: 5px !important;
}

p, h1, h2, h3, h4, h5, ul, ol, li, div, td, th, span, address, blockquote, nobr, b, i, input, select, textarea {
  font-family: PlutoSansDPDLight;
  font-size: 13px;
  color: #000000;
  font-style: normal;
  line-height: 18px;

}

a {
  font-family: PlutoSansDPDLight;
  font-size: 14px;
}

.topTable td,
.menu,
.bgbottom,
div.footerLeft,
div.footerRight,
.jexContent .jexInnerContent .top .topHeader,
.jexContent .jexInnerContent .top .topHeader * {
  color: #a7c8da;
  background-color: #dc0032 !important;
  background-image: none !important;
  font-weight: normal;
}

a,
a:visited,
a:focus,
.loginApplicantAccountSeparator,
.jexContent .ui-selectmenu-button a,
.jexContent .ui-selectmenu-button a:link,
.jexContent .ui-selectmenu-button a:visited,
.jexContent .ui-checkboxradio-label a,
.jexContent .ui-checkboxradio-label a:link,
.jexContent .ui-checkboxradio-label a:visited {
  color: #808285 !important;
  text-decoration: none !important;
}

a:hover,
.jexContent .ui-selectmenu-button a,
.jexContent .ui-checkboxradio-label a:hover {
  color: #808285 !important;
  text-decoration: underline !important;
}

.menu,
a.menu,
a.menu:visited,
a.menu:focus,
span.menuSeparator {
  color: #dc0032 !important;
  font-weight: bold;
  text-decoration: none !important;
}

a.menu:hover {
  color: #dc0032 !important;
}

td.menu {
  height: 42px !important;
}

td.menu img {
  vertical-align: middle;
  padding-bottom: 2px;
}

.topTable .topHeaderText,
.jexContent .jexInnerContent .top .topHeader .topHeaderText {
  padding: 5px;
  line-height: 14px;
}

.topHeaderLogo {
  vertical-align: top;
}

.topHeaderLogo .jobexchangeLogo {
  width: auto !important;
  height: 24px;
}

td.bgbottom {
  padding: 5px;
  height: 28px;
}

.jexContent .jexInnerContent .menu .menu1,
div.languageContainer,
.fieldLabel,
.jobOfferDetail .input,
.jobexchanges td,
#loginReCaptchaApplicantAccountForm label {
  line-height: 36px;
}

td.line {
  background-color: #dc0032;
}

.lineTop {
  border-top: none;
}

.lineBottom {
  border-bottom: none;
}

p.caption,
td.caption,
div.caption,
.jobOfferDetailHeader .accountUserGroupLogoCol,
td.offices {
  color: #000000;
  padding-top: 0px;
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
}

p.caption *,
td.caption *,
div.caption *,
.jobOfferDetailHeader .accountUserGroupLogoCol *,
td.offices * {
  font-size: 24px;
}

.leftheader_blue {
  background-color: #ffffff;
  color: #000000;
  text-decoration: none;
  vertical-align: top;
}

.input {
  background-color: #ffffff;
}

.labeldoublepoint {
  display: none;
}

img.feedIcon,
img.printIcon {
  height: 36px !important;
  width: auto !important;
}

.searchQuick .def_cell.cell1,
.searchQuick .def_cell.cell3 {
  width: 28% !important;
}

.searchQuick .def_cell.cell2,
.searchQuick .def_cell.cell4 {
  width: 22% !important;
}

.jobgroupCol {
  background-color: #E6E7E8;
  white-space: nowrap;
}

.jobgroupCol .jobgroups {
  font-weight: normal;
  padding-left: 26px;
  vertical-align: top;
  white-space: normal;
}

.googleMap {
  border: 1px solid #939393;
}

.jexContent .jexInnerContent .languageContainer #language,
.jexContent .jexInnerContent .languageContainer #language-button {
  background-color: #E6E7E8;
  color: #6a6665;
}

.jobOfferData p.caption {
  color: #000000;
  font-size: 14px;
}

#loginReCaptchaApplicantAccountForm label {
  width: 140px;
}

span.mandatoryLabelSign,
span.mandatoryBlockSign {
  color: #000000;
}

table#otherEntityList {
  border-spacing: 0;
}

table#otherEntityList tr:only-child {
  display: none;
}

table#otherEntityList tr:nth-child(2n) td,
table#otherEntityList tr.otherEntitiesCaptionRow td {
  background-color: #ffffff;
}

table#otherEntityList tr:nth-child(2n+1):not(.otherEntitiesCaptionRow) td {
  background-color: #ffffff;
}

table#otherEntityList th {
  background-color: #ffffff;
  color: #dc0032;
  font-weight: bold;
  text-align: left;
}

table#otherEntityList select {
  width: 100%;
}

@media (max-width: 700px) {
  table#otherEntityList td.first[data-th] {
    background-color: #ffffff !important;
    border-top: 1px solid #dc0032 !important;
    border-bottom: 1px solid #dc0032 !important;
  }
  table#otherEntityList td.first[data-th],
  table#otherEntityList td.first[data-th] a {
    color: #dc0032 !important;
    font-weight: bold;
  }
  table#otherEntityList tr.entityRow:hover td.first[data-th],
  table#otherEntityList tr.entityRow:hover td.first[data-th] * {
    color: #ffffff !important;
    background-color: #dc0032 !important;
  }
  table#otherEntityList tr:not(.otherEntitiesCaptionRow):nth-child(2n+1) td,
  table#otherEntityList tr:not(.otherEntitiesCaptionRow):nth-child(2n+1) td a {
    background-color: #ffffff !important;
  }
  .checkApplicationData table#otherEntityList tr.entityRow:hover td.first[data-th],
  .checkApplicationData table#otherEntityList tr.entityRow:hover td.first[data-th] *,
  .checkApplicationData table#otherEntityList tr:hover td.first[data-th],
  .checkApplicationData table#otherEntityList tr:hover td.first[data-th] * {
    background-color: #ffffff !important;
    color: #dc0032 !important;
  }
}

table.jobexchanges tr.joboffer a,
table.jobexchanges tr.jobexchange a,
table.jobexchanges tr.entityRow a,
table.joboffers tr.joboffer a,
table.joboffers tr.jobexchange a,
table.joboffers tr.entityRow a,
table#otherEntityList tr.joboffer a,
table#otherEntityList tr.jobexchange a,
table#otherEntityList tr.entityRow a {
  color: #5D5D5D !important;
}

table.jobexchanges tr.joboffer:hover td:not(.buttonCol),
table.jobexchanges tr.joboffer:hover td:not(.buttonCol) *,
table.jobexchanges tr.jobexchange:hover td:not(.buttonCol),
table.jobexchanges tr.jobexchange:hover td:not(.buttonCol) *,
table.jobexchanges tr.entityRow:hover td:not(.buttonCol),
table.jobexchanges tr.entityRow:hover td:not(.buttonCol) *,
table.joboffers tr.joboffer:hover td:not(.buttonCol),
table.joboffers tr.joboffer:hover td:not(.buttonCol) *,
table.joboffers tr.jobexchange:hover td:not(.buttonCol),
table.joboffers tr.jobexchange:hover td:not(.buttonCol) *,
table.joboffers tr.entityRow:hover td:not(.buttonCol),
table.joboffers tr.entityRow:hover td:not(.buttonCol) *,
table#otherEntityList tr.joboffer:hover td:not(.buttonCol),
table#otherEntityList tr.joboffer:hover td:not(.buttonCol) *,
table#otherEntityList tr.jobexchange:hover td:not(.buttonCol),
table#otherEntityList tr.jobexchange:hover td:not(.buttonCol) *,
table#otherEntityList tr.entityRow:hover td:not(.buttonCol),
table#otherEntityList tr.entityRow:hover td:not(.buttonCol) * {
  background-color: #dc0032 !important;
  color: #ffffff !important;
  cursor: pointer;
}

table.jobexchanges th,
table.jobexchanges th *,
table.jobexchanges td.thColSeparator,
table.joboffers th,
table.joboffers th *,
table.joboffers td.thColSeparator,
table#otherEntityList th,
table#otherEntityList th *,
table#otherEntityList td.thColSeparator {
  text-align: left;
  background-color: #ffffff;
  color: #dc0032 !important;
  font-weight: bold;
}

table.jobexchanges th,
table.jobexchanges td.thColSeparator,
table.joboffers th,
table.joboffers td.thColSeparator,
table#otherEntityList th,
table#otherEntityList td.thColSeparator {
  border-top: 1px solid #dc0032;
  border-bottom: 1px solid #dc0032;
}

table.jobexchanges td.accountgroupLogo,
table.joboffers td.accountgroupLogo,
table#otherEntityList td.accountgroupLogo {
  width: auto !important;
}

.jobOfferDetail .jobOfferDetailView a {
  color: #5D5D5D !important;
}

.jobOfferDetail .jobOfferDetailView a:hover {
  color: #dc0032 !important;
}

.checkApplicationData table#otherEntityList tr.entityRow:hover td,
.checkApplicationData table#otherEntityList tr.entityRow:hover td *,
.checkApplicationData table#otherEntityList tr:hover td,
.checkApplicationData table#otherEntityList tr:hover td * {
  background-color: inherit !important;
  color: inherit !important;
  cursor: inherit !important;
}

.checkApplicationData .entitySeperatorRow {
  min-height: 16px !important;
}

table.jobexchanges {
  padding-top: 16px;
  padding-bottom: 30px;
}

table.jobexchanges th, table.jobexchanges td {
  vertical-align: top;
}

.applicationFormBodyOld table#otherEntityList th,
.applicationFormBodyOld table#otherEntityList td {
  line-height: 28px;
}

body > .blockUI.blockMsg,
.jexResponsive .blockUI.blockMsg {
  color: #dc0032 !important;
  font-weight: bold !important;
  background-color: #FFFFFF !important;
  border: 1px solid #dc0032 !important;
}

/*=============== fixed Layout begin =================*/
body {
  padding-top: 0px;
  padding-bottom: 0px;
}

.mainTable {
  min-width: 0 !important;
}

.contentDiv.contentWidth {
  display: table-cell;
}

.contentCol {
  overflow: auto;
  max-width: calc(100vw - 10px);
  /* col.marginLeftCol +   col.marginRightCol */
}

.topTable,
div.topHeader {

  top: 0;
  left: 0;
  width: 100% !important;
  height: 0px;
  margin: 0 auto !important;
  z-index: 10000;
  border: none !important;
}

.topTable .topHeaderLogo,
div.topHeader .topHeaderLogo {
  width: 100% !important;
}

.topTable .topHeaderLogo .jobexchangeLogo,
div.topHeader .topHeaderLogo .jobexchangeLogo {
  width: auto !important;
  height: 62px;
  padding: 33px 1px 21px 5px;
}

div.topHeader,
.topTable .topHeaderLogo,
.topTable .topHeaderText {
  border-bottom: 10px solid #ffffff !important;
}

.topLine,
.topRowTopSeparator,
.topRowBottomSeparator {
  display: none;
}

.topRow.topContent {
  height: 0;
}
/*
div.topMenu,
.menuRow table {
	  position: fixed;
  top: 126px;
  left: 0;
  width: 100% !important;
  margin: 0 auto !important;
  z-index: 10000;
  overflow: visible !important;
  border: none !important;
}
*/
.menuLine {
  display: none;
}

.mainButtonCell {

  bottom: 100px;
  max-width: 595px !important;
  width: 100% !important;
  margin: 0 auto !important;
  background-color: white;
  padding: 0px !important;
  text-align: right;
}

.mainButtonCell .buttonBack,
.mainButtonCell .buttonNewSearch {
  float: left;
}

.footerTop {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.footerTop .footerLeft,
.footerTop .footerRight {
  padding: 5px !important;
}

.footerTop {
  height: 28px;
  display: block;
}

.footerTop td.footerLeft,
.footerTop td.footerRight {
  width: 1%;
  vertical-align: top;
}

.footerLine {
  display: none;
}

table.jobexchanges {
  padding-top: 0;
}

@media (max-width: 961px) {
  .mainButtonCell {
    width: 98% !important;
  }
}

@media (max-width: 600px) {
  .topHeaderText {
    display: none;
  }
  .footerTop * {
    font-size: 9px;
  }
}

@media (max-width: 500px) {
  body {
    padding-top: 120px;
  }
}

@media (max-height: 500px) {
  body {
    padding-top: 40px;
    padding-bottom: 110px;
  }
  div.topMenu,
  .menuRow table {
    top: 0;
  }
  .mainButtonCell {
    bottom: 0;
  }
  .topTable,
  div.topHeader,
  .footerTop {
    display: none;
  }
}

@media (max-width: 500px) and (max-height: 500px) {
  body {
    padding-top: 80px;
  }
}

/*=============== fixed Layout end =================*/

/* Customized-Anpassungen HueMi */

/* Header */
.topTable td,
.jexContent .jexInnerContent .top .topHeader,
.jexContent .jexInnerContent .top .topHeader * {
	background-color: #ffffff !important;
}

div.top > div.topHeader > div.topHeaderLogo > div {
	margin: 0px auto;
	width: 600px !important;
}

.bgtop, .bgtop * {
	text-align: left;
}

/* Navigation */
.menu {
	background-color: #E6E7E8 !important;
}

div.menu.topMenu {
	width: 100% !important;
}

div.menu.topMenu > div.menu {
	width: 600px !important;
	margin: 0 auto;
	  height: 0px;
}
/*RAHFA Zwischenbalken ausgeblendet*/

div.languageContainer {
	display: none;
}

/* Footer */
div.footer {
	display: none;
}

div.customized-footer-outer {

	bottom: 0px;
	width: 100%;
	background-color: #ffffff;
}

div.customized-footer-inner {
	width: 600px;
	margin: 0 auto;
}

img.footerLogo {
	padding: 27px 0px 15px 0px;
}

div.footer-left {
	float: left;
}

div.footer-right {
	float: right;
}

div.footer-menu-outer {
	margin-bottom: 20px;
}

div.footer-menu-outer a {
	color: #808285;
	font-size: 10px;
	
}

.jexContent .jexInnerContent .applicationBlock, .jexContent .jexInnerContent .captionRow, .jexContent .jexInnerContent .googleMapContainer {
	background-color: #CAC4BE;
	padding: 2px 10px;
}

div.jobOfferData {
	background-color: #DC0032;
}

.jexContent .jexInnerContent .formFieldRow .formFieldLabelContainer .fieldLabel,
.jexContent .jexInnerContent .formFieldRow .formFieldValueContainer .fieldValue {
	background-color: #E6E7E8;
}

fieldset#applyByCV {
	background-color: #CAC4BE;
	border: none;
}

fieldset#applyByFieldset {
	background-color: #A90034;
	border: none;
}

fieldset#applyByFieldset p,
fieldset#applyByFieldset p.caption {
	color: #ffffff;
}

.fileWrapper,
.fileWrapper .jexNicefile {
	width: 310px !important;
}

.fileWrapper input[type='button'].fileInputButton {
	width: 140px !important;
}

.jexContent .jexInnerContent .formFieldRow {
	border-bottom: none;
}
.jexContent .jexInnerContent .formFieldRow .formFieldLabelContainer .fieldLabel {
	border-right: none;
	font-size: 13px;
	font-weight: 400;
	line-height: 25px;
}

.jexContent .ui-checkboxradio-label.ui-button.error,
.jexContent select.error, .jexContent input[type=text].error, .jexContent input[type=password].error, .jexContent textarea.error {
	border-color: #dc0032 !important;
}

.errorMessage {
	color: #dc0032 !important;
}

.jexContent .jexInnerContent .blockButtons
{
	padding-top:8px !important;
	padding-right:0px !important;
	padding-left: 0px !important;
}

.jexContent .ui-checkboxradio-label.ui-button {
	font-size: 13px;
}

.jexContent .jexInnerContent .formFieldRow .formFieldLabelContainer  {
	width: 40%; 
	float: left;
}
.jexContent .jexInnerContent .formFieldRow .formFieldValueContainer  {
	width: 60%;
}

@media (max-width: 400px) {
	.jexContent .jexInnerContent .formFieldRow .formFieldLabelContainer  {
		width: 100%;
	}
	.jexContent .jexInnerContent .formFieldRow .formFieldValueContainer  {
		padding-left:10px;
		width: 100%;
	}
}


.jexContent .jexInnerContent .formFieldRow .formFieldLabelContainer .fieldLabel {
	background-color:#E6E7E8;
}

.jexContent .jexInnerContent .formFieldRow .formFieldValueContainer .fieldValue {
	 float: right;
}


.jexContent .jexInnerContent .formFieldRow .formFieldValueContainer .fieldValue label
{
	max-width: 200% !important;
}

.fileWrapper input[type="text"].fileInputText {
width: 130px;
}

.jexContent .jexInnerContent .applyByContent .applyByFieldset {
	margin: 15px 0px 15px;
}

.fileWrapper input[type='text'].fileInputText {
	width: 160px !important;
}

div.downloadPrivacyPolicies {
	display: none;
}

/* Customized-Anpassungen HueMi */
.jexContent .jexInnerContent .jobOfferData .jobOfferDescription {
    background-color: #dc0032;
    color: white !important;
    margin-top: 10px;
    font-family: PlutoSansDPDLight;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
	/*line-height: 49px;*/
}

div.applicationBlock > p.applicationBlockCaption {
	font-family: PlutoSansDPDLight;
	background-color: #cac4be;
	/*line-height: 40px;*/
	font-size: 13px;
	font-weight: 400;
}

.jexContent .jexInnerContent .formFieldRow .tooltipInfo {
	font-size: 13px;
	font-weight: 400;
}

.applicationBlockPreamble {
	font-size: 11px;
	font-weight: 400;
	padding-left: 2px;
}

.jexContent .jexInnerContent .applyByContent .applyByFieldset {
	padding: 10px 10px 10px;
}

.jexContent .jexInnerContent .jobOfferData {
	padding: 10px;
}

.jexContent .jexInnerContent .formFieldRow .formFieldLabelContainer .fieldLabel {
	padding: 4px 10px 10004px;
}

h1 {
	font-family: PlutoSansDPDExtraLight;
	font-size: 23px;
	line-height: 28px;
}

p.caption {
	font-size: 16px;
	line-height: 20px;
	font-family: PlutoSansDPDLight;
}

.jexContent .jexInnerContent .formFieldRow .formFieldValueContainer.fileUploadContainer img.multiupload {
	margin-top: 6px;
}

.jexContent .jexInnerContent .formFieldRow .formFieldValueContainer .fieldValue {
	padding-left: 0px;
	padding-right: 0px;
}

@media (max-width: 800px) {
	.jexResponsive #headerDiv,
	.jexResponsive #footerDiv {
		display: block;
	}
}

@media (max-width: 600px) {	
	div.customized-footer-inner {
		width: 100%;
	}
	
	div#headerDiv img {
		width: 100% !important;
	}
	
	div.footer-menu-outer {
		margin-bottom: 0px;
	}
}

@media (max-width: 500px) {
	body {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

@media (max-height: 500px) {
	body {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}