/*##### Images #####*/
.OMLImg, .OLImg {
    background-size: contain;
    width: 65px;
    height: 50px;
}

.OLImg div {
    width: 67px;
    height: 67px;
}

/*##### Ausblenden #####*/
#TopSide details {
	display: none;
	z-index:100;
}

/*##### Einblenden #####*/
.PJobTile #TopSide details, .PJobMap #TopSide details, #TopSide summary {
	display: block;
}

.PJobDetail #TopMiddleSide details{
	display: block;
}

/*##### Top-Side #####*/

/*##### Tabs #####*/
#TopSide .dx-tabs {
	width: 100% !important;
}

.dx-tab.dx-tab-selected, .dx-tab.dx-state-hover {
	background-color: #e9e3dd;
    color: gray;
	border-style:solid;
	border-width:1px;
}

.dx-tab.dx-tab-selected {
	border-bottom: 0;
}
.dx-tab-selected:after {
    border: none;
}

.dx-tab {
    background-color: #edecec;
    color: gray;
    border-radius: 0;
	border-style:solid;
	border-width:0;
	border-bottom-width:1px;
}

/*##### Buttons #####*/
body .dx-button {
	background-color: #ff8400;
    border-color: #dd7300;
    color: #fff;
}

 .dx-button, .dxFile{
	border-radius: 2px; 
 }
 
.dx-button.dx-state-hover, .dx-button.dx-state-focused {
    background-color: #ffb05b;
    border-color: #ffb05b;
    color: #fff;
}

.BtnListPnl, .ImgTextPnl {
    text-align: center;
    align-content: center;
    align-items: center;
}

.dx-checkbox-checked .dx-checkbox-icon {
    color: #ff8400;
}

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
    border-color: #999999;
    background-color: #fff;
}

.dx-checkbox-indeterminate .dx-checkbox-icon {
    color: #ff8400;
}

.dx-checkbox-indeterminate .dx-checkbox-icon::before {
   background-color: #ff8400;
}

.OFilterBtn{
	margin-top: 31px;
    padding-left: 39px
}

.dx-invalid.dx-texteditor {
    border: 1px solid red;
}


.dx-calendar-navigator-previous-view.dx-button .dx-icon, .dx-calendar-navigator-previous-month.dx-button .dx-icon, .dx-calendar-navigator-next-view.dx-button .dx-icon, .dx-calendar-navigator-next-month.dx-button .dx-icon  {
    color: #fff;
}

.OFillForm .dx-checkbox-icon, .OFillForm .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox {
    width: 29px;
    height: 29px;
}

/*##### Captions #####*/

.CaptionPnl {
    padding: 20px;
}

.CaptionPnl {
	display: none;
}

.BtnListPnl{
	padding: 10px 0;
}
.ListSumSpn {
    font-size: 14pt;
    font-weight: 600;
}

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

.dx-field-item-required .dx-field-item-label-text {
    color: red;
}

.dx-field-item-label-text, .OMLTop  {
    color: #ff8400;
	font-weight: bold;
}

/*##### Map #####*/
.gm-style-iw {
	min-width: 293px !important;
}

.gm-style-iw .ListSumSpn {
    font-size: 8pt;
}
/*##### Filter #####*/

.OFilter {
    margin-top: 10px;
}

.OFilter .dx-layout-manager .dx-label-h-align.dx-flex-layout {
    display: -moz-block;
    display: -ms-block;
    display: block;
	padding: 0 5px;
}

.OFilter .dx-layout-manager .dx-last-col {
    padding-left: 4px;
    padding-top: 0;
}

.OFilter .dxButton {
    margin-top: 22px;
}

.OFilter .dx-button {
    height: 30px;
}

.ImgTextPnl img {
    padding-right: 3px;
}

.ImgTextPnl div {
	text-align: start;
}

#VJobListe .dx-item{
	
}

/*##### Text #####*/
.dx-texteditor.dx-state-focused:not(.dx-state-readonly), .dx-texteditor.dx-state-focused.dx-state-hover:not(.dx-state-readonly), .dx-texteditor.dx-state-active,
.dx-checkbox.dx-state-focused:not(.dx-state-readonly) .dx-checkbox-icon, .dx-list-select-decorator-enabled.dx-list .dx-list-item.dx-state-focused .dx-checkbox-icon{
	border: 1px solid #ff8400;
}

.OView .dx-texteditor .dx-texteditor-input, .input-text{
	background-color: #fff;
	color: #000;
}

.dx-texteditor.dx-state-hover:not(.dx-state-readonly), .dx-checkbox.dx-state-hover:not(.dx-state-readonly) .dx-checkbox-icon, .dx-list-select-decorator-enabled.dx-list .dx-list-item.dx-state-hover .dx-checkbox-icon{
    border: 1px solid gray;	
	border-color: gray;
}

.dx-texteditor {
    border: 1px solid #ccc;
}

.dx-texteditor.dx-state-readonly .dx-texteditor-input , .dx-checkbox.dx-state-hover:not(.dx-state-readonly) .dx-checkbox-icon{
	color: #555555;
}

.dx-texteditor.dx-state-readonly .dx-texteditor-input {
    background: none;
    padding: 0;
}

.dx-texteditor.dx-state-readonly {
    border-color: transparent;
    background: none;
}

/*##### Loading #####*/

.dx-progressbar-range{
	border: 1px solid #ff8400;
    background-color: #ff8400;
}

#VJobListitemBewerben {display:none;}

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

/* For tablets and desktop: */
@media only screen and (min-width: 720px) {
	
}

/* Nur Internet Explorer 10,11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}

/* Nur Edge */
@supports (-ms-ime-align:auto) {

}