@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: 14px; }

a {
  font-size: 14px; }

.topTable td,
.menu,
.bgbottom,
div.footerLeft,
div.footerRight,
.jexContent .jexInnerContent .top .topHeader,
.jexContent .jexInnerContent .top .topHeader * {
  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 {
  text-decoration: none !important; }

.menu,
a.menu,
a.menu:visited,
a.menu:focus,
span.menuSeparator {
  font-weight: bold;
  text-decoration: none !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; }

p.caption,
td.caption,
div.caption,
.jobOfferDetailHeader .accountUserGroupLogoCol,
td.offices {
  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 {
  text-decoration: none;
  vertical-align: top; }

.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; }

.jobOfferDetail .jexResponsive .jobOfferDetailHeader .accountUserGroupCol .accountUserGroupLogoCol {
  padding-top: 0; }

.jobOfferDetail .jexResponsive .jobOffer {
  padding: 0; }

.jobOfferDetail .jexResponsive .jobOfferDataTable .fieldLabel {
  margin-top: 6px;
  padding-bottom: 0; }

.jobOfferDetail .jexResponsive .jobOfferDataTable .fieldLabel,
.jobOfferDetail .jexResponsive .jobOfferDataTable .fieldLabel * {
  font-size: 18px; }

.jobOfferDetail .jexResponsive .jobOfferDataTable .fieldValue {
  padding-top: 0; }

.jobOfferDetail .jexResponsive .jobOfferDataTable .fieldLabel,
.jobOfferDetail .jexResponsive .jobOfferDataTable .fieldValue {
  padding-left: 0;
  padding-right: 0; }

.jobOfferList .jexResponsive .jexInnerContent,
.jobOfferDetail .jexResponsive .jexInnerContent {
  padding-left: 10px;
  padding-right: 10px; }

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

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

#loginReCaptchaApplicantAccountForm label {
  width: 140px; }

table#otherEntityList {
  border-spacing: 0; }
  table#otherEntityList tr:only-child {
    display: none; }
  table#otherEntityList th {
    font-weight: bold;
    text-align: left; }
  table#otherEntityList select {
    width: 100%; }

@media (max-width: 700px) {
  table#otherEntityList td.first[data-th],
  table#otherEntityList td.first[data-th] a {
    font-weight: bold; } }

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) * {
  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;
  font-weight: bold; }

table.jobexchanges td.accountgroupLogo,
table.joboffers td.accountgroupLogo,
table#otherEntityList td.accountgroupLogo {
  width: auto !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 {
  font-weight: bold !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;
  z-index: 2; }
  .mainButtonCell .buttonBack,
  .mainButtonCell .buttonNewSearch {
    float: left; }

.footerTop {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  z-index: 2; }
  .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: 700px) {
  .jobOfferList.filterActivated {
    padding-top: 24px;
    padding-bottom: 0; } }

@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 !important;
    padding-bottom: 110px; }
  div.topMenu,
  .menuRow table {
    top: 0 !important; }
  .mainButtonCell {
    bottom: 0; }
  .topTable,
  div.topHeader,
  .footerTop {
    display: none; }
  .jobOfferList.filterActivated {
    padding-top: 0 !important; } }

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

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