@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-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
  font-size: 18px;
  color: #363636;
  font-weight: 300;
}

a {
  font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
  font-size: 18px;
}

.topTable td,
.menu,
.bgbottom,
div.footerLeft,
div.footerRight,
.jexContent .jexInnerContent .top .topHeader,
.jexContent .jexInnerContent .top .topHeader * {
  color: #a7c8da;
  background-color: #363636 !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: rgb(1,174,255) !important;
  text-decoration: none !important;
}

a:hover,
.jexContent .ui-selectmenu-button a,
.jexContent .ui-checkboxradio-label a:hover {
  color: rgb(1,174,255) !important;
}

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

a.menu:hover {
  color: rgb(1,174,255) !important;
}

td.menu {
  /*height: 42px !important;*/
  display: none;
}

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

.lineTop {
  border-top: 1px solid #363636;
}

.lineBottom {
  border-bottom: 1px solid #363636;
}

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

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

.leftheader_blue {
  background-color: rgb(249,249,249);
  color: #000000;
  text-decoration: none;
  vertical-align: top;
}

.input {
  background-color: rgb(249,249,249);
}

.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: rgb(249,249,249);
  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: rgb(249,249,249);
  color: #6a6665;
}

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

#loginReCaptchaApplicantAccountForm label {
  width: 140px;
}

span.mandatoryLabelSign,
span.mandatoryBlockSign {
  color: #D3021D !important;
}

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: rgb(249,249,249);
}

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

table#otherEntityList th {
  background-color: rgb(249,249,249);
  color: #363636;
  font-weight: 400;
  text-align: left;
}

table#otherEntityList select {
  width: 100%;
}

@media (max-width: 700px) {
  table#otherEntityList td.first[data-th] {
    background-color: rgb(249,249,249) !important;
    border-top: 1px solid #363636 !important;
    border-bottom: 1px solid #363636 !important;
  }
  table#otherEntityList td.first[data-th],
  table#otherEntityList td.first[data-th] a {
    color: #363636 !important;
    font-weight: 400;
  }
  table#otherEntityList tr.entityRow:hover td.first[data-th],
  table#otherEntityList tr.entityRow:hover td.first[data-th] * {
    color: rgb(249,249,249) !important;
    background-color: #363636 !important;
  }
  table#otherEntityList tr:not(.otherEntitiesCaptionRow):nth-child(2n+1) td,
  table#otherEntityList tr:not(.otherEntitiesCaptionRow):nth-child(2n+1) td a {
    background-color: rgb(249,249,249) !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: rgb(249,249,249) !important;
    color: #363636 !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: #363636 !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: rgb(249,249,249) !important;
  color: rgb(1,174,255) !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: rgb(249,249,249);
  color: #363636 !important;
  font-weight: 400;
}

table.jobexchanges th,
table.jobexchanges td.thColSeparator,
table.joboffers th,
table.joboffers td.thColSeparator,
table#otherEntityList th,
table#otherEntityList td.thColSeparator {
  border-top: none;
  border-bottom: none;
}

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

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

.jobOfferDetail .jobOfferDetailView a:hover {
  color: rgb(1,174,255) !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: rgb(1,174,255) !important;
  font-weight: 400 !important;
  background-color: rgb(249,249,249) !important;
  border: 1px solid rgb(1,174,255) !important;
}

/*=============== fixed Layout begin =================*/
body {
  /*padding-top: 80px;
  padding-bottom: 140px;*/
  background-color: rgb(249,249,249) !important;
}

.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;*/
  display: none;
}

.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 rgb(249,249,249) !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: 0px;
  max-width: 950px !important;
  width: 100% !important;
  margin: 0 auto !important;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgb(249,249,249);
  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;*/
  display: none;
}

.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: 0px;
    padding-bottom: 0px;
  }
  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: 0px;
	padding-bottom: 0px;
  }
}

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

td.caption.accountUserGroup {
	display: none;
}

.leftheader_blue {
	font-weight: 400;
}

td.printButtonCell {
	display: none;
}

div.topMenu {
	display: none;
}

.jexContent .jexInnerContent .jobOfferData .jobOfferDescription {
	font-size: 32px;
	font-weight: 400;
	color: rgb(1,174,255);
}

td.accountgroup {
	font-size: 32px;
	font-weight: 400;
}

p.jobOfferDescription,
table.jobOfferDetailHeader td.descriptionCol {
	color: #000000 !important;
}

div.jobOfferDetailHeader > span.accountUserGroupText {
	display: none;
}

span.accountUserGroupText {
	display: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid rgb(1,174,255) !important;
}

.leftheader_blue,
.leftheader_blue a {
	color: #000000 !important;
}