/* FONTS */
@font-face {
   /*font-family: DINOTW01-Regular;*/
   font-family: DIN;
   font-style: normal;
   font-weight: 400;
   src: url(6f31d04f-4974-43f9-b68b-b37c3f9495ff.woff) format('woff');
}
/*@font-face {
   font-family: DINW01-Bold;
   font-style: normal;
   font-weight: 700;
   src: url(871e70ec-2f76-44c5-a2f1-77ee8cd0a5fe.woff) format('woff');
}*/

p, h1, a, h2, h3, h4, h5, ul, ol, li, div, td, th, span, address, blockquote, nobr, b, i, input, select, textarea {
    font-family: DIN, Arial, sans-serif !important;
    font-size: 16px !important;
}
p.caption, .leftheader_blue a, .menu1 a, .jobOfferDataTable .fieldLabel, .jobOfferDataTable .fieldLabel *, .jobOfferList .jobOffer .jobOfferDescription, .jobOfferList .jobOffer .accountUserGroupText, .jobOfferSearchFilter .filterButtons #resetFilter.button, .jobOfferSearchFilter h3, .jobOfferSearchFilter .filterBlock .filterCaption h5, .searchResultInfo {
    font-size: 16px !important;
}


/* RESET CSS */

.jobOfferList, .jobOfferDetail {
    padding: 0 !important;
}
.mainTable, .jexContent, .contentWidth {
    max-width: 100% !important;
}
.jexContent .jexInnerContent {
	padding: 0 !important;
}


/* BODY */

body {
    background-color: #203367 !important;
	color: #233048 !important;
}


/* TOP IMAGE */

.topTable, div.topHeader {
	position: fixed !important;
	border: 0 !important;
}
.topHeaderLogo .jobexchangeLogo {
    height:200px !important;
	object-fit: cover !important;
	width: 100% !important;
}
.topTable .topHeaderText, .top .topHeader .topHeaderText {
    padding: 0 !important;
}



/* TOP MENU */

div.topMenu, .menuRow table {
    position: relative !important;
    top: inherit !important;
    left: inherit !important;
	padding-top: 200px !important;
    z-index: 100 !important;

}
.menu {
    background-color: #203367 !important;
}
.menu1 a, 
.menu, 
a.menu, 
span.menuSeparator, 
a.menu:focus, 
a.menu:visited, 
a.menu:hover {
	color: #ffffff !important;
}

div.menu .lineTop {
    border-top: none !important;
}
.lineBottom {
    border-bottom: none !important;
}




/* CONTENT */

.mainTable, .jexContent, .contentWidth {
    background-color: #f7f7f8 !important;
}
#jobOfferSearch {
	padding-top:260px !important;
}
.layoutMiddleAreaDivTEXT {
	padding-top:240px !important;
}
.jobOfferDetail .jexResponsive .jobOffer,
.layoutMiddleAreaDivTEXT {
    max-width: 960px !important;
    margin: 0 auto !important;
}
.jexContent .jexInnerContent .applyByContent .applyByFieldset {
    padding: 10px !important;
    margin: 15px 0 !important;
}


select, input[type="text"], input[type="password"], textarea, .ui-selectmenu-button.ui-button, div.checklist, div#applyByContent fieldset {
    border: 1px solid #203367 !important;
}

p.caption {
	color: #203367 !important;
    padding-top: 0 !important;
	font-weight: bold !important;
	font-size: 24px !important;
}

.jobOfferData .jobOfferDescription {
	color: #203367 !important;
	font-size: 44px !important;
	font-weight: 300 !important;
	letter-spacing: -0.44px !important;
	color: rgb(35, 48, 72) !important;
}
span.mandatoryLabelSign {
	color: #FD5959 !important;
}


.leftheader_blue, .input, 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 {
    background-color: #f7f7f8 !important;
}
.jexContent .jexInnerContent .formFieldRow .formFieldLabelContainer .fieldLabel {
    border-right: 1px solid transparent !important;
}
.jexContent .jexInnerContent .formFieldRow {
    border-bottom: 1px solid transparent !important;
}


.formFieldRow .fieldLabel, .formFieldRow .fieldLabel *, .jobOfferSearchFilter .filterButtons #resetFilter.button, .jobOfferSearchFilter h3, .jobOfferSearchFilter .filterBlock .filterCaption h5, .menu1 a {
    text-transform: none !important;
}



input[type="text"],
.jexContent .formFieldRow .fieldValue input[type=text],
.jexContent input[type=text],
.jexContent .formFieldRow .fieldValue textarea,
.jexContent .formFieldRow .fieldValue select {
    border-radius: 0.25rem !important;
    position: relative !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    line-height: 1rem !important;
    /*display: block !important;*/
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    outline: none !important;
    border: 0.062rem solid #233048 !important;
    padding: 0.562rem 0.812rem 0.687rem !important;
    width: 100% !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: #FFFFFF !important;
    color: #233048 !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: 0.75rem 1rem, calc(100% - 0.75rem) 50% !important;
    background-size: auto, auto 1.5rem !important;
    -webkit-filter: none !important;
    filter: none !important;
    background-color: #5E6977 !important;
    color: #FFFFFF !important;
    border: none !important;
    padding: 0.625rem 0.875rem 0.75rem !important;	
}
input[type="text"]:hover,
.jexContent .formFieldRow .fieldValue input[type=text]:hover,
.jexContent input[type=text]:hover,
.jexContent .formFieldRow .fieldValue textarea:hover,
.jexContent .formFieldRow .fieldValue select:hover {
	background-color: #233048 !important;
}
input[type="text"]:focus,
input[type="text"]:focus-within,
.jexContent .formFieldRow .fieldValue input[type=text]:focus,
.jexContent .formFieldRow .fieldValue input[type=text]:focus-within,
.jexContent input[type=text]:focus,
.jexContent input[type=text]:focus-within,
.jexContent .formFieldRow .fieldValue textarea:focus,
.jexContent .formFieldRow .fieldValue textarea:focus-within {
    border: 0.187rem solid #50E3C2 !important;
    padding: 0.437rem 0.687rem 0.562rem !important;
	background-color: #FFFFFF !important;
	color: #233048 !important;
}


.jexContent select option {
    display: block !important;
    width: 100% !important;
    padding: 0.25rem 1.5rem !important;
    clear: both !important;
    font-weight: 400 !important;
    color: #212529 !important;
    text-align: inherit !important;
    white-space: nowrap !important;
    border: 0 !important;
	
	background-color: #fff !important;
    cursor: pointer !important;
    padding: 0.625rem 2rem 0.625rem 0.625rem !important;
    outline: none !important;
    max-width: 100% !important;
}

.jexContent select option:checked, 
.jexContent div.checklist ul.checklist li.checked, 
.jexContent div.checklist ul.checklist li.checked:hover, 
.jexContent div.checklist ul.checklist li.checked:hover label {
    background-color: #fff !important;
    box-shadow: inset 30px 30px #064678 !important;
    border: 1px solid #064678 !important;
}


.jexContent .ui-checkboxradio-label .ui-icon.ui-icon-check {
	background-color: #7cead1 !important;
}


.jexContent .jexInnerContent .formFieldRow .tooltipIcon {
	display: none !important;
}


/* button reset */
input.button {
	height: auto !important;
	text-transform: none !important;
    margin-bottom: 0 !important;
}

/* button full */
input.button,
.jexContent input.button {
    display: inline-block !important;
    text-align: center !important;
    user-select: none !important;
    border: 1px solid transparent !important;
	
    box-sizing: border-box !important;
    font-size: 1rem !important;
    hyphens: none !important;
    word-break: keep-all !important;
    line-height: 1 !important;
    transition: all 0.2s ease 0s !important;
    outline: none !important;
    text-decoration: none !important;
	
    vertical-align: baseline !important;
    border-width: 0 !important;
    border-radius: 0.25rem !important;
    min-width: 8em !important;
    padding: 0.625em 1.75rem 0.75em !important;
    font-weight: 500 !important;
    width: auto !important;
    min-height: 2.5em !important;
	
    background-color: #50E3C2 !important;
    border-color: #50E3C2 !important;
    color: #203367 !important;
	font-weight: bold !important;
}
/* button full hover */
input.button:focus,
.jexContent input.button:focus,
input.button:hover,
.jexContent input.button:hover,
input.button.buttonBack:hover:not([disabled]),
.jexContent input.button:not([disabled]):hover,
input.button:hover:not([disabled]) {
    background-color: #7cead1 !important;
    border-color: #50E3C2 !important;
    color: #203367 !important;
}
input.button:hover:not([disabled]) {
	border: none !important;
}
/* button full disabled */
input.button[disabled] {
    color: #fff !important;
}
/* button full disabled hover */
input.button[disabled]:hover {
    color: #fff !important;
	background-color: #50E3C2 !important;
    border-color: #50E3C2 !important;
}


/* button ghost */
.fileWrapper input.fileInputButton[type="button"],
#applyByCV .cvFileContainer input.button[disabled],
input.button.buttonBack {
    display: inline-block !important;
    text-align: center !important;
    user-select: none !important;
    border: 1px solid transparent !important;
	
    box-sizing: border-box !important;
    font-size: 1rem !important;
    hyphens: none !important;
    word-break: keep-all !important;
    line-height: 1 !important;
    transition: all 0.2s ease 0s !important;
    outline: none !important;
    text-decoration: none !important;
	
	border-radius: 0.25rem !important;
    min-width: 8em !important;
    font-weight: 500 !important;
    padding: 0.5em 1.625em 0.625em !important;
    vertical-align: baseline !important;
    border-width: 2px !important;
 
    border-color: #50E3C2 !important;
    background-color: transparent !important;
    color: #233048 !important;
    text-transform: none !important;
	font-weight: bold !important;
}
/* button ghost hover */
.fileWrapper input.fileInputButton[type="button"]:focus, 
.fileWrapper input.fileInputButton[type="button"]:hover,
input.button.fileInputButton[type="button"]:hover:not([disabled]),

input.button:hover:not([disabled]),
input.fileInputButton.hover[type="button"]:not([disabled]),
.fileWrapper input.fileInputButton.hover[type="button"]:not([disabled]),

#applyByCV .cvFileContainer input.button[disabled]:hover,
input.button.buttonBack:hover {
    background-color: #7cead1 !important;
    border-color: #50E3C2 !important;
    color: #203367 !important;
	opacity: 1 !important;
	border-width: 2px !important;
	cursor: pointer !important;
}

.fileWrapper {
    width: 460px !important;
}
.fileWrapper input.fileInputButton[type="button"] {
    width: auto !important;
    margin: 0 !important;
	cursor: pointer !important;
}


.jexContent .jexInnerContent .formFieldRow .formFieldLabelContainer .fieldLabel .multiUploadCategory {
	margin: 0 !important;
}


/* CONTENT - Darstellung untereinander */

.jexContent .jexInnerContent .formFieldRow .formFieldLabelContainer {
	width: 100% !important;
}
.jexContent .jexInnerContent .formFieldRow .formFieldValueContainer {
    width: 100% !important;
}
.jexContent .formFieldRow .fieldValue select, 
.jexContent .formFieldRow .fieldValue .ui-selectmenu-button.ui-button, 
.jexContent .formFieldRow .fieldValue input[type=text], 
.jexContent .formFieldRow .fieldValue input[type=password], 
.jexContent .formFieldRow .fieldValue textarea, 
.jexContent .formFieldRow .fieldValue div.duration, 
.jexContent .formFieldRow .fieldValue div.checklist {
    max-width: 95% !important;
}










.fileWrapper {
    width: 95% !important;
}
.jexContent .formFieldRow .fieldValue .fileWrapper input[type=text] {
	width: 80% !important;
}

.jexContent .jexInnerContent .formFieldRow .formFieldLabelContainer .fieldLabel {
    padding: 12px 4px 10004px !important;
    line-height: 12px !important;
}
.leftheader_blue a {
	font-weight: bold !important;
}

.fileWrapper .jexNicefile {
    width: 100% !important;
}
.jexContent .fileWrapper .jexNicefile {
    height: 42px !important;
	cursor: pointer !important;
}

.jexContent .fileWrapper input.fileInputText[type="text"] {
    height: 40px !important;
}
.jexContent input[type=text], .jexContent input[type=password], .jexContent textarea {
    height: 40px !important;
}
.jexContent select {
    height: 40px !important;
}
.jexContent .jexInnerContent .formFieldRow .formFieldLabelContainer .fieldLabel {
	font-weight: bold !important;
}


.jexContent .applicationBlock_ff8081815080d01a0150843652d501f4 .ui-checkboxradio-label .ui-icon-background {
    box-shadow: none !important;
    border: 2px solid #000 !important;
    border-radius: 4px !important;
}
.jexContent .applicationBlock_ff8081815080d01a0150843652d501f4 .ui-checkboxradio-label .ui-icon.ui-icon-check {
    background-color: #7cead1 !important;
	border: 2px solid #7cead1 !important;
}


.jexContent .applicationBlock_8a70aa827dc2d95c017e43545e6b0fad .ui-checkboxradio-label .ui-icon-background {
    box-shadow: none !important;
    border: 2px solid #000 !important;
}
.jexContent .applicationBlock_8a70aa827dc2d95c017e43545e6b0fad .ui-checkboxradio-label.ui-checkboxradio-checked .ui-icon-background {
    box-shadow: none !important;
     background-color: #7cead1 !important;
	border: 2px solid #7cead1 !important;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none !important;
    width: 16px !important;
    height: 16px !important;
}

.jexContent .ui-checkboxradio-label:not([disabled]):hover {
	
	border-color: rgb(247, 247, 248) !important;
}


.leftheader_blue {
	color: #233048 !important;
}


/* applyByCV */


#applyByCV .fileWrapper {
    width: 80% !important;
    cursor: pointer !important;
}
#applyByCV .fileWrapper input.fileInputText[type="text"] {
    width: 78% !important;
    max-width: 78% !important;
}

#applyByCV .cvFileContainer input.button[disabled] {
	
	
}



/* BUTTON ROW BOTTOM */

.mainButtonCell {
    position: relative !important;
    bottom: inherit !important;
    left: inherit !important;
    padding: 0 !important;
	max-width: 960px !important;
	transform: none !important;
	display: inline-block !important;
	background-color: #f7f7f8 !important;
}
.jobOfferDetail .jexResponsive .buttonRow.mainButtons .mainButtonCell {
    float: none !important;
}






/* FOOTER */



.footer, .bgbottom, div.footerLeft, div.footerRight {
    background-color: #203367 !important;
}
.lineTop {
    border-top: none !important;
}
.footerTop .footerLeft, .footerTop .footerRight, div.footer a {
	color: #fff !important;
}

.footerTop {
    position: relative !important;
}