/* only for  custom styles */

@font-face {
  font-family: LatoWebLight;
  src: url(fonts/Lato-Light.woff);
  font-style: normal;
}

@font-face {
  font-family: LatoWeb;
  src: url(fonts/Lato-Bold.woff);
  /* font-weight: 400; */
  font-style: normal;
}

p, h1, a, h2, h3, h4, h5, ul, ol, li, div, td, th, span, address, blockquote, nobr, b, i, input, select, textarea {
   font-family: LatoWebLight, Arial, sans-serif !important;
   color: #1C1C1C !important;
}

body > .blockUI.blockMsg, .jexResponsive .blockUI.blockMsg, input.button, input.button:hover:not([disabled]), input.button.hover:not([disabled]), .fileWrapper input.fileInputButton[type="button"], .fileWrapper input.fileInputButton[type="button"]:hover:not([disabled]), .fileWrapper input.fileInputButton.hover[type="button"]:not([disabled]), input.multiuploadButton, input.multiuploadButton:hover:not([disabled]), input.multiuploadButton.hover:not([disabled]), select:not([disabled]):focus, input[type="text"]:not([disabled]):focus, input[type="password"]:not([disabled]):focus, textarea:not([disabled]):focus, .ui-selectmenu-button.ui-button:not([disabled]):focus, input.button.buttonBack:hover:not([disabled]), input.button.applicationDataButton:hover:not([disabled]), input.button.removeAlternativeJobOfferButton:hover:not([disabled]), input.button.fileInputButton[type="button"]:hover:not([disabled]), input.button.buttonReset:hover:not([disabled]), input.button.buttonResetGeoLocSearch:hover:not([disabled]), input.button.buttonNewSearch:hover:not([disabled]), input.button.buttonBackToJobexchange:hover:not([disabled]), input.button.buttonApplyAnonymous:hover:not([disabled]), input.multiuploadButton:hover:not([disabled]), input#deleteApplicantAccount.button:hover:not([disabled]), input.button.buttonBack.hover:not([disabled]), input.button.applicationDataButton.hover:not([disabled]), input.button.removeAlternativeJobOfferButton.hover:not([disabled]), input.button.fileInputButton.hover[type="button"]:not([disabled]), input.button.buttonReset.hover:not([disabled]), input.button.buttonResetGeoLocSearch.hover:not([disabled]), input.button.buttonNewSearch.hover:not([disabled]), input.button.buttonBackToJobexchange.hover:not([disabled]), input.button.buttonApplyAnonymous.hover:not([disabled]), input.multiuploadButton.hover:not([disabled]), input#deleteApplicantAccount.button.hover:not([disabled]), div.checklist ul.checklist li.focused {
    border: 1px solid #007A3D !important;
}
input.button.buttonBack:hover:not([disabled]), input.button.buttonBack.hover:not([disabled]), input.button.applicationDataButton:hover:not([disabled]), input.button.applicationDataButton.hover:not([disabled]), input.button.removeAlternativeJobOfferButton:hover:not([disabled]), input.button.removeAlternativeJobOfferButton.hover:not([disabled]), input.button.fileInputButton[type="button"]:hover:not([disabled]), input.button.fileInputButton.hover[type="button"]:not([disabled]), input.button.buttonReset:hover:not([disabled]), input.button.buttonReset.hover:not([disabled]), input.button.buttonResetGeoLocSearch:hover:not([disabled]), input.button.buttonResetGeoLocSearch.hover:not([disabled]), input.button.buttonNewSearch:hover:not([disabled]), input.button.buttonNewSearch.hover:not([disabled]), input.button.buttonBackToJobexchange:hover:not([disabled]), input.button.buttonBackToJobexchange.hover:not([disabled]), input.button.buttonApplyAnonymous:hover:not([disabled]), input.button.buttonApplyAnonymous.hover:not([disabled]), input.multiuploadButton:hover:not([disabled]), input.multiuploadButton.hover:not([disabled]), input#deleteApplicantAccount.button:hover:not([disabled]), input#deleteApplicantAccount.button.hover:not([disabled]) {
    background-color: #007A3D important;

}

.ui-icon-background, .ui-state-active .ui-icon-background {
    border-color: #007A3D !important;
}



.topTable td, .bgbottom, div.footerLeft, div.footerRight, .jexContent .jexInnerContent .top .topHeader, .jexContent .jexInnerContent .top .topHeader *, select option:checked, .ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper.ui-state-active, .ui-selectmenu-menu .ui-menu.flags .ui-menu-item-wrapper, td.line {
    background-color: #007A3D !important;
}

.menu {
background-color: #007A3D !important;
}


input.button, .fileWrapper input.fileInputButton[type="button"], input.multiuploadButton {
    background-color: #007A3D important;

}

a, a:visited, a:focus, a.menu:hover, .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, .jobOfferDetail .jobOfferDetailView a:hover, body > .blockUI.blockMsg, .jexResponsive .blockUI.blockMsg, input.button.buttonBack, input.button.applicationDataButton, input.button.removeAlternativeJobOfferButton, input.button.fileInputButton[type="button"], input.button.buttonReset, input.button.buttonResetGeoLocSearch, input.button.buttonNewSearch, input.button.buttonBackToJobexchange, input.button.buttonApplyAnonymous, input.multiuploadButton, input#deleteApplicantAccount.button, span.mandatoryLabelSign, span.mandatoryBlockSign {
   color: #007A3D !important;
}

.menu, a.menu, a.menu:visited, a.menu:focus, span.menuSeparator,
#language-button.ui-selectmenu-button.ui-button .ui-selectmenu-text,
.ui-selectmenu-menu .ui-menu.flags .ui-menu-item-wrapper,
input.button.fileInputButton[type="button"] {
    color: #FFFFFF !important;
    background-color: #007A3D important;
}


a,
.jexContent .ui-checkboxradio-label a, .jexContent .ui-checkboxradio-label a:link, a:visited, a:focus {
    color: #007A3D !important;
}

span.mandatoryLabelSign {
    color: #f04137 !important;
}

input.button.buttonBack {
    color: #007A3D !important;
    border: 1px solid #007A3D !important;
}

p, h1, h2, h3, h4, h5, ul, ol, li, div, td, th, span, address, blockquote, nobr, b, i, input, select, textarea {
    color: #1C1C1C !important;
}

div.fieldLabel textFieldLabel leftheader_blue
{
    font-weight: normal !important;
}

.leftheader_blue,
.leftheader_blue a {
    font-weight: normal !important;
}

span.mandatoryLabelSign {
    color: #595959 !important;
}

.jexContent .jexInnerContent .formFieldRow .formFieldLabelContainer .fieldLabel {
    line-height: 20px !important;
}



div.footerLeft, div.footerRight, div.footerRight * {
    color: #FFFFFF !important;
    }

.jobOfferList .jexResponsive .jobOfferSearchFilter .filterButtons #resetFilter.button {
    background-color: transparent !important;
    color: #007A3D !important;
}

span.mandatoryLabelSign {
    color: #595959 !important;
}

input.button.fileInputButton[type="button"]:hover:not([disabled]) {
    background-color: #007A3D important;

    color: #FFFFFF !important;
}


.topTable .topHeaderLogo .jobexchangeLogo, div.topHeader .topHeaderLogo .jobexchangeLogo {
    height: 60px;/*logo height*/

}
.topTable, div.topHeader {
    height:  calc(18px + 70px/*logo height*/);
    background-color: #ffffff;
}
div.topMenu, .menuRow table {
    top: calc(28px + 70px/*logo height*/);
    height: 40px !important;
}
body {
    padding-top: 145px !important;
}

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

input.button.buttonBack:hover:not([disabled]), input.button.buttonBack.hover:not([disabled]) {
    background-color: #ffffff !important;
}

.lineBottom, table.jobexchanges th, table.joboffers th, table#otherEntityList th, table.jobexchanges td.thColSeparator, table.joboffers td.thColSeparator, table#otherEntityList td.thColSeparator {
    border-bottom: 1px solid #f04137 !important;
}
.lineTop, table.jobexchanges th, table.joboffers th, table#otherEntityList th, table.jobexchanges td.thColSeparator, table.joboffers td.thColSeparator, table#otherEntityList td.thColSeparator {
    border-top: 1px solid #f04137 !important;
}

input.button.buttonBack:hover:not([disabled]), input.button.buttonBack.hover:not([disabled]) {
    background-color: #ffffff !important;
    border: 1px solid #007A3D !important;
}

div.topHeader div.topHeaderContent,
div.topMenu div.menu,
div.footer div.footerContent {
    max-width: 950px;
    margin: 0 auto !important;
}


.jexContent .jexInnerContent .top .topHeader .topHeaderLogo {
    float: left !important;
}

div.topHeaderLogo > div {
    text-align: center;
}

.jexContent .jexInnerContent .menu.menu {
    min-height: 3px !important;
}

.lineTop {
	border-top: 1px solid #E5E5E5  !important;
}

input.button {
    background-color: #007A3D !important;
    border: 1px solid #007A3D !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, .jobOfferDetail .jobOfferDetailView a:hover, body > .blockUI.blockMsg, .jexResponsive .blockUI.blockMsg, input.button.buttonBack, input.button.applicationDataButton, input.button.removeAlternativeJobOfferButton, input.button.fileInputButton[type="button"], input.button.buttonReset, input.button.buttonResetGeoLocSearch, input.button.buttonNewSearch, input.button.buttonBackToJobexchange, input.button.buttonApplyAnonymous, input.multiuploadButton, input#deleteApplicantAccount.button, span.mandatoryLabelSign, span.mandatoryBlockSign {
   color: #007A3D !important;
}

.jexContent .formFieldRow .fieldValue input[type=text] {
    background-color: #FFFFFF !important;
    border: 1px solid #B2B2B2 !important;
    height: 40px !important;
}

.topTable .topHeaderLogo .jobexchangeLogo, div.topHeader .topHeaderLogo .jobexchangeLogo {
    padding-top: 20px !important;
    padding-bottom: 25px !important;
}

.jexContent .jexInnerContent .menu.menu {
    min-height: 2px !important;
}

.jexContent .jexInnerContent .jobOfferData .jobOfferDescription {
    font-size: 32px !important;
    font-weight: bold !important;

}

p.caption, td.caption, div.caption, .jobOfferDetailHeader .accountUserGroupLogoCol, td.offices {
    padding-top: 16px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 25px !important;
}

p, h1, h2, h3, h4, h5, ul, ol, li, div, td, th, span, address, blockquote, nobr, b, i, input, select, textarea {
    font-size: 20px !important;
    line-height: 1.3em !important;
}

.jexContent .jexInnerContent .formFieldRow .formFieldValueContainer img.multiupload {
    margin: 1px !important;
    height: 24px !important;
    vertical-align: !important;
}

input.button, .fileWrapper input.fileInputButton[type="button"], input.multiuploadButton {
    height: 20px !important;
    margin-bottom: 1px !important;
    text-transform: none !important;
}

div.footerLeft, div.footerRight, div.footerRight * {
    color: #FFFFFF !important;
    font-size: 14px !important;
}

.lineBottom {
    border-bottom: 1px solid #E5E5E5 !important;
}

textarea, textarea.mandatory, select, select.mandatory {
    background-color: #FFFFFF !important;
    border: 1px solid #B2B2B2 !important;
}

/* Stadl/Huemi am 09.05.2022 */

.jexContent .jexInnerContent .formFieldRow .formFieldLabelContainer {
    padding-top: 0.5em;
}

input.button:hover:not([disabled]), input.button.hover:not([disabled]), .fileWrapper input.fileInputButton[type="button"]:hover:not([disabled]), .fileWrapper input.fileInputButton.hover[type="button"]:not([disabled]), input.multiuploadButton:hover:not([disabled]), input.multiuploadButton.hover:not([disabled]) {
    filter: alpha(opacity=100);
    opacity: 1;
    background-color: #007A3D !important;
    color: #FFFFFF !important;
}
input.button.buttonBack:hover:not([disabled]), input.button.buttonBack.hover:not([disabled]) {
    background-color: #007A3D !important;
    border: 1px solid #007A3D !important;
}
.mainButtonCell {
    bottom: 35px;
}

.jexContent .fileWrapper .jexNicefile:hover {
    cursor: pointer !important;
}

.jexContent .ui-checkboxradio-label:not([disabled]):hover {
	border: 1px solid #FFFFFF !important;
}

.errorMessage, .errorText {
    color: #f04137 !important;
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .fieldLabel {
    font-family: LatoWeb, Arial, sans-serif !important;
    color: #007A3D !important;
}

.jobOfferDetail .jexResponsive .jobOfferDetailHeader .jobOfferDescription {
    font-family: LatoWeb, Arial, sans-serif !important;
    font-size: 40px !important;
    color: #007A3D !important;
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .fieldLabel, .jobOfferDetail .jexResponsive .jobOfferDataTable .fieldValue {
    line-height: 24px;
    overflow: none !important;
}

a.menu, a.menu:visited, a.menu:focus, a.menu:hover {
    color: #FFFFFF !important;
}

a.menu.menuQuicksearch:hover {
    font-weight: bold !important;
}

.jobOfferDetail .jexResponsive .jobOfferDataTable .fieldLabel, .jobOfferDetail .jexResponsive .jobOfferDataTable .fieldLabel * {
    font-size: 25px !important;
}

li {
    padding: 10px !important;
}

a:hover {
    text-decoration: underline !important;
}

a.menu {
    font-size: 20px !important;
}

a, span.menuSeparator {
    font-weight: normal !important;
}

a.menu:hover, input.button:hover {
    font-weight: bold !important;
    text-decoration: none !important;
}

div.findInList input {
    border: 1px solid #B2B2B2 !important;
}

.jobOfferList .jexResponsive .jobOfferSearchFilter .filterButtons #resetFilter.button {
    font-weight: normal !important;
}

.jobOfferList .jexResponsive .jobOfferSearchFilter .filterButtons #resetFilter.button:hover {
    font-weight: bold !important;
}

.mainButtonCell
{
background-color: transparent !important;
  }

.jexContent .jexInnerContent .menu .menu1 {
    padding: 5px 4px !important;
}

input.button {
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 140px !important;
}

.jobOfferList .jexResponsive .jobOfferSearchFilter .filterButtons #resetFilter.button {
    padding-left: 16px !important;
    padding-right: 16px !important;
    width: 180px !important;
}

.jobOfferDetail .jexResponsive .buttonRow.mainButtons .mainButtonCell {
    background-color: #fff !important;
}
.jexContent .jexInnerContent .footer .footerTop {
    border-top: 12px solid #fff !important;
}

.jobOfferList .jexResponsive .searchTags li {
    border: 1px solid #E8E8E8;
    background-color: #f6f6f6;
    padding-right: 25px !important;
}

table#otherEntityList th {
    border-top: 1px solid #FFFFFF !important;
    border-bottom: 1px solid #007A3D !important;
    color: #1C1C1C !important;
}

@media only screen and (max-width: 950px) {
  .jexContent .jexInnerContent .top .topHeader, .jexContent .jexInnerContent .top .topHeader * {
    /* width: 100% !important; */
    height: auto !important;
  }
 }

 @media only screen and (max-width: 404px) {

 body {
     padding-top: 180px !important;
 }

 div.topMenu, .menuRow table {
     top: 115px !important;
 }

 }

 @media only screen and (min-width: 405px) and (max-width: 700px) {

 body {
     padding-top: 155px !important;
 }

 div.topMenu, .menuRow table {
     top: 115px !important;
 }
 }

 @media only screen and (min-width: 701px) and (max-width: 950px) {

 body {
     padding-top: 155px !important;
 }

 div.topMenu, .menuRow table {
     top: 115px !important;
 }

 }