@import url("../../global/jobexchange_styles_master.css");
#headerDiv,
.mainTable,
.jexContent,
#footerDiv {
  margin: 0 auto !important;
}

.mainTable,
.jexContent,
.contentWidth {
  width: 100% !important;
  max-width: 960px !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: 5px;
  padding-right: 5px;
}

.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-size: 11pt;
  color: #000000;
}

p, h1, a, h2, h3, h4, h5, ul, ol, li, div, td, th, span, address, blockquote, nobr, b, i, input, select, textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

a {
  font-size: 11pt;
}

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

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

.bgbottom,
div.footerLeft,
div.footerRight {
	background-color: #ececec !important;
	color: #000000 !important;
}

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: #e63312 !important;
  text-decoration: none !important;
}

a:hover,
.jexContent .ui-selectmenu-button a,
.jexContent .ui-checkboxradio-label a:hover {
  color: #e63312 !important;
}

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

a.menu:hover {
  color: #ffffff !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: 11pt;
}

.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: #e63312;
}

/*.lineTop {
  border-top: 1px solid #e63312;
}

.lineBottom {
  border-bottom: 1px solid #e63312;
}*/

p.caption,
td.caption,
div.caption,
.jobOfferDetailHeader .accountUserGroupLogoCol,
td.offices {
  color: #e63312;
  padding-top: 16px;
  text-decoration: none;
  font-weight: bold;
  font-size: 24px;
}

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: #f6f6f6;
  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: #f6f6f6;
  color: #6a6665;
}

.jobOfferData p.caption {
  color: #000000;
  font-size: 11pt;
}

#loginReCaptchaApplicantAccountForm label {
  width: 140px;
}

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

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: #e63312;
  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 #e63312 !important;
    border-bottom: 1px solid #e63312 !important;
  }
  table#otherEntityList td.first[data-th],
  table#otherEntityList td.first[data-th] a {
    color: #e63312 !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: #e63312 !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: #e63312 !important;
  }
}

table.jobexchanges tr.joboffer a,
table.jobexchanges tr.jobexchange:not(.notVisitable) a,
table.jobexchanges tr.entityRow a,
table.joboffers tr.joboffer a,
table.joboffers tr.jobexchange:not(.notVisitable) a,
table.joboffers tr.entityRow a,
table#otherEntityList tr.joboffer a,
table#otherEntityList tr.jobexchange:not(.notVisitable) 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:not(.notVisitable):hover td:not(.buttonCol),
table.jobexchanges tr.jobexchange:not(.notVisitable):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:not(.notVisitable):hover td:not(.buttonCol),
table.joboffers tr.jobexchange:not(.notVisitable):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:not(.notVisitable):hover td:not(.buttonCol),
table#otherEntityList tr.jobexchange:not(.notVisitable):hover td:not(.buttonCol) *,
table#otherEntityList tr.entityRow:hover td:not(.buttonCol),
table#otherEntityList tr.entityRow:hover td:not(.buttonCol) * {
  background-color: #e63312 !important;
  color: #ffffff !important;
  cursor: pointer;
}

table.jobexchanges tr.jobexchange.notVisitable td,
table.joboffers tr.jobexchange.notVisitable td,
table#otherEntityList tr.jobexchange.notVisitable td {
  color: #bdc5cd !important;
}

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: #e63312 !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 #e63312;
  border-bottom: 1px solid #e63312;
}

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: #e63312 !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: #e63312 !important;
  font-weight: bold !important;
  background-color: #FFFFFF !important;
  border: 1px solid #e63312 !important;
}

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

.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 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 24px;
  margin: 0 auto !important;
  z-index: 10000;
  border: none !important;
}

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

.topTable .topHeaderLogo .jobexchangeLogo,
div.topHeader .topHeaderLogo .jobexchangeLogo {
  width: auto !important;
  height: 20px;
  padding: 3px 1px 1px 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: 34px;
  left: 0;
  width: 100% !important;
  margin: 0 auto !important;
  z-index: 10000;
  overflow: visible !important;
  border: none !important;
}

.menuLine {
  display: none;
}

.mainButtonCell {
  position: fixed;
  bottom: 26px;
  max-width: 950px !important;
  width: 100% !important;
  margin: 0 auto !important;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  padding: 5px !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 =================*/

.jexContent .jexInnerContent .jobOfferData .jobOfferDescription {
	color: #e63312;
}

.topTable .topHeaderLogo .jobexchangeLogo, div.topHeader .topHeaderLogo .jobexchangeLogo {
    height: 60px;/*logo height*/
}
 
.topTable, div.topHeader {
    height:  calc(4px + 60px/*logo height*/);
	background-color: #ffffff;
}
 
div.topMenu, .menuRow table {
    top: calc(14px + 60px/*logo height*/);
}
 
div.paging {
	display:none;
}
body {
    padding-top: calc(60px + 60px/*logo height*/);
}

.topHeaderText {
	display: none;
}

td.topHeaderLogo,
.jexContent .jexInnerContent .top .topHeader .topHeaderLogo {
	float: right;
}