.ORed{
    color: red;
}

.OTabRight{
	
}

#VArtikelMerkList .dx-list-item{
	padding-bottom: 3px;
}

#VArtikelMerkList{
	padding: 0px 25px 25px 25px;	
}
	
.LIArtikel.LIArtikelRO {
    display: grid;
    grid-template-columns: 30px 40px 30px auto;
}
	
.LIArtikel.LIArtikelRO {
    display: grid;
    grid-template-columns: 30px 40px 30px auto 100px;
}

.LIArtikelRO div {
    padding-top: 5px;
}

.LIArtikelRO .ORight {
    padding-right: 3px;
}

.OLagerGroup {
	background-color: #6b6b6b;
    color: white;
    font-size: 20px;
    font-weight: bold;
    padding: 8px;
    padding-top: 16px;
}

#VMLagerFilter {
    padding: 10px;
    background-color: gray;
}

#VMLagerFilter .dx-field-item-label-text{
    color: white;	
}

.OLagerList .dx-item.dx-tile {
    width: 100% !important;
	display:flex;
}

#HomePopup{
    padding:50px;
}

#VArtikelFilter {
    padding: 10px;
    background-color: gray;
}

    #VArtikelFilter .dx-tab {
        padding: 0;
    }

        #VArtikelFilter .dx-tab img {
            width: 40px;
            height: 40px;
            margin: 10px;
        }
		
#VConList .PnlItem, #VConMap .PnlItem {
	padding: 5px;
}

#VConList, #VConDetail, #VConMap .dx-map {
    position: absolute;
    bottom: 0;
    top: 40px;
    overflow-y: auto;
}

#VConList{
	width: 300px;
}
 
#VConDetail {
    width: 450px;
    right: 0;
}

#VConMap .dx-map {
    left: 300px;
    width: unset !important;
	right: 0;
    height: unset !important;
}

.PConListShow #VConMap .dx-map {
    right: 470px;
}

div[id$="KATService"] .ImgTextPnl img, div[id$="KATStatus"] .ImgTextPnl img {
    display: none;
}

.VLGFilter .ImgTextPnl {
    height: 30px;
}

#VLGFilterKATEGORIEID .ImgTextPnl, #VLGFilterKATDevice .ImgTextPnl {
    background-color: white !important;
}


body {
    font-family: Verdana;
    margin: 0;
    font-family: Raleway, sans-serif;
    color: black;
    background-color: white;
}

b {
	font-weight:700;
}

/*##### Map #####*/

.PnlItemDataCont{
    display:block;
	padding-left: 2px;
	white-space: normal;
}

.PnlItemDataCont img{
    height:25px;
    border: 1px solid black;
}

.dxMap .BtnListPnl.Disabledtrue {
    display: none;
}

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

.dx-popup-content {
    padding: 3px;
}

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

.dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-left: 5px;
}

.OForm, #LGDropDown {
    padding: 10px;
    background-color: #f5f5f5;
}

#MiddleSide {
  margin-top: 37px;
}

#VMFilter {
  margin-top: 16px;
}

#VLGFilterKATBEZEICHNUNG .ImgTextPnl img, #VLGEditKATEGORIEID .ImgTextPnl img {
    width:0px;
    height:30px;
}

#VLGEditKATEGORIEID  input{
	background-position-y: 30px;
    padding-left: 5px !important;
}

#LGDropDown {
    display: none;
    width: 20%;
    min-width: 300px;
    max-width: 350px;
    z-index: 100;
    position: absolute;
    top: 60px;
    right: 0;
}

    #LGDropDown .PnlItemCont {
        width: 70%;
        overflow: hidden;
    }

    #LGDropDown .PnlLocation {
        width: 30%;
        overflow: hidden;
    }

#VLGFilter .dx-field-item, #VMFilter .dx-field-item {
    display: block !important;
}

.OTop, #VMEdit {
	padding: 25px;
}

.PHome #LGDropDown {
    display: block;
}

#VLGMap .dx-map, #VMMap .dx-map, #VMKalender {
    height: auto !important;
    min-height: 200px;
    bottom: 0;
    position: absolute;
    right: 0;
    left: 0;
}

#VLGMap .dx-map {
    top: 60px;
}

#VMMap .dx-map {
    top: 120px;
}

#VMKalender {
    top: 35px;
}

.dx-button-has-text .dx-button-content {
    background-color: rgb(51, 45, 45);
    border-color: #ddd;
    color: #fff;
    border-radius: 2px;
}

    .dx-button-has-text .dx-button-content:hover {
        background-color: rgb(51, 45, 45);
    }

#VLGFilter .dx-button {
    height: 42px;
}

.MapCaptionPnl {
    text-align: center;
    padding: 10px;
}

.dx-calendar-caption-button .dx-button-text {
    color: white;
}

/*##### Login #####*/

#VLGLogin {
    width: 100%;
	max-width: 300px;
    margin: auto;
	margin-top: 1em;
	padding: 6px;
    left: 0;
    right: 0;
	background: #efefef;
	box-shadow: #b7b7b7 2px 2px 8px 0px;
}

#VLGLoginCaption {
    background: #004f75;
    color: white;
    padding: 10px;
    margin-bottom: 8px;
}

/*##### Menu #####*/

.OMenu {
    background-color: rgb(51, 45, 45);
}

.OMenu .dx-tab.dx-tab-selected, .OMenu .dx-tab.dx-state-hover{
    background-color: whitesmoke;
    color: rgb(51, 45, 45);
}

#VMMenu {
    background-color: rgb(51, 45, 45);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
    padding-top: 2px;
}

    .OMenu .dx-field-item {
        padding-bottom: 0;
    }

    .OMenu .dx-tab.dx-tab-selected {
        font-weight: 800;
    }

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

    .OMenu .dx-tab {
        background-color: rgb(51, 45, 45);
        color: #fff;
        /*border-radius: 10px 10px 0 0;*/
    }

.dx-scheduler-appointment-content {
    color: black;
}

/*##### Umfrage-App #####*/

#VAbfrage {
    font-size: 22px;
	padding: 20px;
}
 
#VAbfrage  .OQuestion .dxHtml {
    font-size: 22px;
}
#VAbfrage .dxHtml {
    font-size: 17px;
}

#VAbfrage .dxHtml img {
    max-height: 350px;
	max-width: 100%;
}

#OrgaAppContent{
	text-align: center;	
}
#PnlMain{
	text-align: initial;
}

.PAbfrage{
	max-width:1000px;
	margin:auto;
}
/* #VAbfrage .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 10px;
    padding: 10px;
    background: #095c85;
    margin-top: 10px;
    border-radius: 5px;
    color: white;
} */

.PAbfrage .OTop{
	margin-top: 0;
}

/*
.PAbfrage #TopSide::before {
	content: url("/Images/logo_small.png");
}
*/

.PAbfrage #TopSide, .PAbfrage #MiddleSide {
	padding: 10px;
}

.PAbfrage .OForm {
    background-color: #095c85;
    border-radius: 5px;
}

.PAbfrage #VAbfrageDaten .dx-form-group-caption, .PAbfrage #VAbfrageDaten .dx-field-item-label-text {
    color: white;
}

.PAbfrage .dx-button-has-text .dx-button-content {
    padding: 20px;
}

.PAbfrage .dx-checkbox-container {
    padding-right: 200px;
}

/*##### PopupSide #####*/

#PopupSide {
    background: bisque;
}

#PopupSide #VArtikelFilterundefined {
    float: right;
}

.LIArtikel {
    display:flex;
	padding: 3px;
}

.LIArtikel .PnlItemImg {
    padding-left: 5px;
	padding-right: 4px;
    height: 25px;
}

.LIArtikel .LIArtikelLbl{
	align-self: center;
	padding: 0 5px;
    white-space: normal;
	width: 60%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	line-clamp: 2; 
	-webkit-box-orient: vertical;
}

.LIArtikel .LIArtikelBtn{
	align-self: center;
    text-align-last: center;
	width: 40%;
	padding: 3px;
}

.dx-treeview:not(.dxFullTreeViewsingle) .ImgTextPnl, .dx-treeview-node-is-leaf .ImgTextPnl {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
}

.VArtikelFilterKATEGORIEID.dx-last-col.dx-last-row.dx-field-item.dx-col-1.dx-field-item-optional.dx-flex-layout.dx-label-h-align, .VArtikelFilterARTIKEL.dx-first-col.dx-last-row.dx-field-item.dx-col-0.dx-field-item-optional.dx-flex-layout.dx-label-h-align{
    align-items: center;
}

.VArtikelFilterKATEGORIEID .dx-field-item-label, .VArtikelFilterARTIKEL .dx-field-item-label{
	font-weight: bold;
}

.OView .LIArtikelBtn .dx-texteditor-input {
    text-align-last: right;
	margin-right: 2px;
}

/*##### Inventurliste #####*/

#VMInventurList{
	border: 8px solid #ffc4c4;
	padding: 4px;
	margin-bottom: 5px;
}

#VMInventurListCaption{
	background: #ffc4c4;
	padding: 5px;
	font-size: large;
}

#VMInventurListOK{
	border: 8px solid #dcffc4;
	padding: 4px;
}

#VMInventurListOKCaption{
	background: #dcffc4;
	padding: 5px;
	font-size: large;
}

#VMInventur .dx-field-item, .dx-item-content, .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align){
	align-items: center;
}

.VMInventurAllgemeine {
	padding: 10px 10px 0 10px;
	background: #c8c8c8;
}
.OFilter{
	padding: 0 10px 10px 10px;
	background: #c8c8c8;
	margin-bottom: 5px;
}

.LIArtikel.LIArtikelBE {
	align-items: center;
    margin: 1px 0;
    padding: 1px 0;
}

#VMInventurList .dx-checkbox-container, #VMInventurListOK .dx-checkbox-container {
  padding: 8px;
  background: #c8c8c8;
}

	#VMInventurList .LIArtikel .LIArtikelBtn, #VMInventurListOK .LIArtikel .LIArtikelBtn{
		width: 35%;
		margin-right: 3px;
	}

.LIArtikelBE .dx-button-normal.dx-button-mode-contained.dx-widget.dx-dropdowneditor-button,.LIArtikelBE .dx-numberbox-spin-container,.LIArtikelBE   span.dx-clear-button-area {
    display: none;
}

.BtnGroup {
    display: flex;
	background: #6b6b6b;
    margin-top: 10px;
}

	#OBestellMainIDCP, #OBestellMainIDKP, #OLieferMainIDCP, #OLieferMainIDKP {
		padding: 5px;
		margin: 10px;
		margin-right: 0;
		padding-right: 100%;
		margin-right: -100%;
	}

/*##### Textbox #####*/

.dx-textarea .dx-clear-button-area {
    position: absolute;
	top: 0; 
	height: 19px;
}

.dx-textarea  .dx-icon-clear {
    margin-top: 0;
}

/*##### Responsive #####*/

@media (min-width: 768px) {
    #VMMap .dx-map {
        top: 90px;
    }
	
	.LIArtikel .LIArtikelLbl {
		white-space: nowrap;
	}

}