#primary .elementor-widget-container{
	padding-top: 0;
}

#primary .e-con{
	padding-right: 0;
	padding-left: 0;
}

#VJobBild .OItem div {
	height: auto;
}
#OrgaAppContent h4 {
	font-size: 17px;
	color: #868686;
	font-weight: bold;
	margin: 0;
	padding: 0;
	max-height: 45px;
	text-wrap: auto;
    overflow: hidden;
}

.OItem {
	display: grid;
	grid-template-columns: 50px auto;
	padding: 2px 5px;
	color: gray;
    width: 100%;
}

.OItem div {
	height: 22px;
}

#OrgaAppContent .OImgSmall h4 {
	text-wrap: nowrap;
}

.OItem img {
	width: 40px;
}

.OImgSmall .OItem img {
	width: 25px;
}

#VJobMap .OItem div, #VJobMap .MapInnerContainer {
	display:none !important;
}

#PnlMain {
	height: 100% !important;
}

.ImgWait {
    max-height: 150px;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: transparent;
    color: #333;
}

#VAGLink{
	max-width: 500px;
	justify-self: center;
}

.OAGField {
    padding-left: 30px;
}

#VDatenschutzGeburtsdatum input{
	text-align: left;
}

#VDatenschutz .dx-field-item{
	padding:0;
}

#OrgaAppContent .ONoPaddingLeft .dx-form-group{
	padding-left:0;
}

.dx-overlay-content.dx-popup-normal{
	min-width:300px;
}

.dx-overlay-content.dx-popup-normal .dx-popup-content{
	padding:5px;
}

.BackColorDiv{
	display: none;
    position: absolute;
    width: 30px;
    height: 100%;
    left: -30px;
    padding: 3px;
}

#VJobListe .dx-item-content.dx-list-item-content{
	overflow:visible;
}

#VJobListe .dx-list-item-before-bag.dx-list-select-checkbox-container{
	position: relative;
    padding-left: 5px;
	z-index: 1;
}
#VJobListitem .OBImg{
	display:none;
}

.LBContent {
    color: #ff8400;
    width: 100%;
	overflow: hidden;
}

/*##### Top-Side #####*/
#TopSide {
    z-index: 999;
	width: 100%;
}

#TopMainSide{
	max-width:1184px;
	width:100%;
	display:block;
    margin: auto;
	background-color: white;
    padding-top: 10px;
}

#TopSide.OFixed{
	padding: 0 8px;
}

.dx-scrollview-content::before {
    display: none;
}

#TopSide details[open] > summary:before {
    border-top-color: white;
    border-left-color: transparent;
}

#TopSide summary:before {
    border-left-color: white;
    margin-left: 8px;
}

#TopSide details {
	background: #e9e3dd;
	border: 1px solid gray;
}


#TopSide details[open] > summary:before {
	border-width: 12px 8px 0 8px;
    border-top-color: gray;
    border-left-color: transparent;
    top: 11px;
    left: 0px;
}

#TopSide summary:before {
    content: "\A";
    border-style: solid;
    border-width: 8px 0 8px 12px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: gray;
    position: absolute;
    top: 9px;
    left: 0px;
}

*, *::before, *::after {
    box-sizing: inherit;
}

#TopSide summary {
    margin: 0;
    position: relative;
    cursor: pointer;
    padding-left: 26px;
    padding-right: 5px;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    color: gray; */
    align-content: center;
    height: 35px;
}

#TopFilterContSide, #TopMerkerContSide {
	padding: 0 10px 10px 10px;
	box-shadow: -2px 8px 9px 0 rgba(0, 0, 0, 0.2), -1px 20px 18px 0 rgba(0, 0, 0, 0.19);
}

#TopMerkerContSide .OView{
    background: #ffffff;
}

#OrgaAppContent .dx-button {
    height: 35px;
}

#TopRightSide .dx-button {
    background-color: #ed6460;
    border-color: #ed6460;
    color: #fff;
}
#TopRightSide .dx-button.dx-state-hover {
    background-color: #f19d9b;
 }
/*##### Liste #####*/

#VJobListe .dxTileViewList .dx-tile{
    display: flex;
    align-items: center;
    background: #ffffff;
	margin-bottom: 6px;
    max-width: 360px;
	border-radius: 2px;
}

#VJobListe .dxTileViewList .dx-tile:hover {
	background: ##ffffff;
    background: linear-gradient(342deg, rgb(201 201 201 / 52%) 0%, rgb(232 232 232) 37%, rgba(255, 255, 255, 1) 100%);
}

#VJobListe .dx-scrollview-content.dx-tileview-wrapper {
    display: flex;
    height: 100%;
	flex-wrap: wrap;
    justify-content: space-around;
}

.dx-checkbox-container {
    margin-left: 6px;
}

#VJobListe .OLImg {
	background-size: contain;
    background-position: center;
    height: 85%;
    width: 25%;
	margin-right: 8px;
}

.LIDetail {
	width: 75%;
	height: 100%;
    padding: 3px 5px;
	border-left: 1px solid gray;
}
.OLIContent {
   height: 100%;
}

#VJobListeForm {
	display: grid;
}

.LIDTop {
    font-weight: bold;
    color: #ff8400;
	margin-bottom: -4px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.LIDMiddle {
    font-weight: 300;
    color: gray;
	padding: 5px 0;
}

.LIDBottom {
    font-weight: 600;
    color: gray;
	margin-top: -4px;
}

#VJobBild .OBImg{
	padding: 10px 0;
}
#VJobFilter .dx-field-item {
    display: block;
	padding: 0;
}

#VJobListeForm .dx-list-item-before-bag .dx-list-select-checkbox, #VJobListeForm .dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-top: 32px;
}

.BackColorDiv img {
    margin-top: 5px;
}

/*##### Detail #####*/

/*.PJobDetail #DetailTop #LeftLeftSide, .PJobDetail #DetailTop #LeftRightSide {
    border: 1px solid #9d9d9d;
    border-radius: 5px;
    background: #fff5ea;
    margin: 5px;
    padding: 1px 5px;
    height: 86px;
}*/

.PJobDetail .LBText {
    line-height: 18px;
}

#VJobDetail .dx-field-item{
	display: block;
	height: 100%;
}

.PJobDetail .dx-form-group-caption {
    font-size: 16px;
    font-weight: bold;
    display: none;
}

.PJobDetail .dx-form-group-with-caption > .dx-form-group-content {
    border-top: 0;
}

    .dx-layout-manager .dx-field-item:not(.dx-last-col) {
        padding-right: 15px;
        padding-bottom: 0;
    }

.PJobDetail .dx-layout-manager .dx-field-item:not(.dx-last-col) {
	padding: 10px;
}

.PJobTile #RightSide, .PJobMap #RightSide{
	padding: 5px;
    background-color: #e9e3dd;
	color: gray;
    border-style: solid;
    border-width: 1px;
	border-top: 0;
	padding-top: 10px;
}

@media only screen and (min-width: 660px) {
	.OField2Odd  {
		background: #ffe7cd;
	}
}

@media only screen and (max-width: 661px) {
	.OFieldOdd  {
		background: #ffe7cd;
	}
}

/* Dateiupload */

.VBewDetailsDateien  .dx-item-content{
	display: block!important;
}

.VBewDetailsDateien img{
	max-height: 21px;
}

.VBewDetailsDateien .dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 0;
}

.VBewDetailsDateien .dx-item-content.dx-box-item-content.dx-root-simple-item {
    padding: 2px;
}

.dx-fileuploader-button.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-text {
    width: 100%;
}

/*##### Responsive-Layout #####*/
/* For mobile phones: */

.LIDetail img {
    position: absolute;
    right: 20px;
	height: 34px;
}

#VJobMerkliste {margin-bottom:5px;}

#TopRightSide div {
	width:100%;
}
	
	#TopMiddleSide{
		padding: 2px 0;
	}

#TopBtnSide{
	margin-bottom: 10px;
}

@media only screen and (min-width: 600px) {
 /* For tablets and desktop: */
	#TopBtnSide{
		display:flex;
	}
	
	#TopLeftSide, #TopMiddleSide {
		z-index:10;
		max-height:35px;
	}

	.OLIContent{
		margin-left: 0;
	}

	#VJobListitemBewerben {display:inherit;}
	#VJobMerkliste {margin-bottom:0;}
	
	#TopMiddleSide{
		padding: 0 10px;
	}
	
	#TopRightSide, #TopMiddleSide, #TopLeftSide {
		width: 34%;
	}
	
	#TopSide, #TopRightSide {
    display: flex;
	}
	
	#TopSide #TopRightLeft {
    margin-right: 5px;
	}
	
	#DetailTop {
		display: flex;
	}
	
	#RightLeftSide, #RightRightSide {
		width: 50%;
	}
	
	.LBContent {
    white-space: nowrap;
	}
}

@media only screen and (min-width: 777px) {
	.PJobDetail #DetailTop #RightLeftSide, .PJobDetail #RightTop #LeftRightSide {
    height: 70px;
	}
}