.OGo, .OSubGo {
    display:flex;
}
.OGo span{
	color:black;
}

.OGo img{
    height: 15px;
    width:15px;
}

.OSubGo p {
    margin: 0 3px 0 13px;
}

/* Global */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
}

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

/*##### Fonts #####*/
* {
	font-family: Tahoma;
	font-size: 12pt;
}

.LITileHead {
    font-size: 18pt;
    font-weight: bold;
}

    .LITileHead span {
        font-size: initial;
        font-weight: normal;
    }

#MainMenuSide .dx-tab, #OrgaAppContent .StatBtn div, .LITotal div, #OrgaAppContent .dx-field-item-label-text {
	font-size: 10pt;
}

#MainMenuSide .dx-tab.dx-state-hover, #MainMenuSide .dx-tab.dx-tab-selected {
	font-weight: normal;
}

#TitelSide {
    display: flex;
    font-weight: bold;
    font-size: 18pt;
    padding-bottom: 10px;
}

.headline {
    font-weight: bold;
    font-size: 20pt;
}

#SubMenu a {
    text-decoration: none;
    color: #333;
}

#VMarkOK input {
	font-size:18pt;
	font-weight:bold;
}

.CaptionPnl {
    color: #fff;
    font-weight: 600;
    padding: 10px;
    background-color: whitesmoke;
}

.LIDTop {
    font-weight: bolder;
    font-size: 14pt;
}

.LIDMiddle {
    font-weight: 300;
    color: gray;
}

.LITotal strong, .LIDetail .LICap, .LIDetail .LICap div, .LITotal span, .LICap {
    font-size: 18pt;
    align-self:center;
}

.LIEvContentName {
	font-weight: bold;
    align-self: center;
    margin-left: 5px;
}

.dx-texteditor {
    padding: 0px;
}

.dx-tab-text {
	font-size: 11pt;
}

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

#FixedFilterSide {
    width: 100%;
    position: relative;
    z-index: 100;
}

#FixedFilterSide .dx-field-item {
	padding-right:0px;
}

#FixedFilterSide .LITotal {
	z-index: 200;
    margin-top: 30px;
	padding-right: 10px;
}

#FixedFilterSide .LITotal span {
	padding: 0 10px;
}

#DropDownMenu {
  position: relative;
}

#FilterDropDownSide {
	position: relative;
    background-color: #0070b7;
	padding:0;
}

#FilterDropDownSide::marker {
    position: absolute;
    left: 4px;
}

[id^="OKF-"] {
	width: 35px;
    height: 35px;
    color: darkred;
    justify-content: center;
    background-size: 30px;
    background-position: center;
    border: 1px solid darkgray;
    background-color: white;
}

.OKFFalse:before {
	font-size: 27px;
	font-weight: bold;
	content: "X";
}
#OKF-BEZEICHNUNG {background-image: url('images/Ko.png')}
#OKF-PERSKATID {background-image: url('images/Kinder.png')}
#OKF-ImmoKATID {background-image: url('images/Zimmer.png')}
#OKF-KATEGORIEID {background-image: url('images/Status.png')}
#OKF-NEXTKATID {background-image: url('images/StatusV.png')}
#OKF-ENDKATID {	background-image: url('images/StatusEnd.png')}
#OKF-Frühstück {background-image: url('images/FJa.png')}
#OKF-Mittag {background-image: url('images/MJa.png')}
#OKF-Vesper {background-image: url('images/VJa.png')}
#OKF-NEXTKATDATE {background-image: url('images/Zeit.png')}

[class^="PReminder"] #FilterDropDownSide, [class^="PEvents"] #FilterDropDownSide {
    background-color: #646464;
}

[class^="PTask"] #FilterDropDownSide {
    background-color: #2a6b00;
}

#FilterDropDownContSide {
   max-width: 100%;
   overflow: auto;
   box-sizing: border-box;
}

[class^="PKids"] #FilterDropDownContSide {
    display: grid;
	grid-template-columns: minmax(0, 1fr) 200px;
}

[class^="PKids"] #FixedFilterSide, .PReminder #FixedFilterSide, .PEvents #FixedFilterSide, .PAbholberechtigt #FixedFilterSide{
    display: block;
}

#FixedFilterSide {
    display: none;
}

#VMainMenue {
}

/*.OPaddR{
	margin-right: 20px;
}*/

#MainMenuSide {
	background: aliceblue;
    position: fixed;
    display: flex;
    width: 100%;
	z-index: 99;
}

    #MainMenuSide .dx-tab {
        border: 0;
        padding: 5px;
    }

	.OBackBtn.dx-tab {
		display:none;
	}
	
	.PKid .OBackBtn.dx-tab, .OOnlyMenuBack .OBackBtn.dx-tab {
		display:block;
	}
	
	.PKid .dx-tab, .OOnlyMenuBack .dx-tab {
		display:none;
	}
	
	#OrgaAppContent .OOnlyHort {
		display:none;
	}
	
	#OrgaAppContent .OBetreuungsartIsHort .OOnlyHort {
		display:block;
	}
	
#TitelSide span {
    color: darkslategrey;
    padding-left: 10px;
}

#SubMenu div {
    float: right;
    padding: 2px 10px;
}

#VSubMenue {
    background-color: rgba(0, 112, 183, 0.3);
    height: 100%;
    display: flex;
    flex-wrap: wrap;

}

.stickyMenu #KontaktPnl {
    background-color: white;
    padding-bottom: 10px;
}

.header-widget-region.stickymenu {
    top: 110px;
}

.dx-tabs-wrapper {
    display: flex;
}

.dx-tabs-wrapper > div {
	max-width: 70px;
	flex-shrink:0;
	flex-grow:1;
}

.dx-tab-text {
    display: grid;
    text-align-last: center;
    justify-self: center;
	font-size: 10pt;
}

#VMainMenue {
    width: 90%;
}

#VMainMenueMenu {
    width: 100% !important;
}

/*##### Menu - MassenHaken#####*/
#VMarkOKForm {
    height: 41px;
}

#VMarkOKForm .dx-button {
    margin-top: 6px;
    margin-left: -7px;
}

.VMarkOKCount {
	padding-right: 3px;
	padding-top: 5px;
}

#VMarkOK {
	width: 10%;
    /*align-content: center;*/
	background: #b8e3b2;
	box-shadow: inset -9px 12px 13px 0px rgb(255 255 255 / 38%);
	position: relative;
    right: 0px;
}

    #VMarkOK .VMarkOKOK {
        padding: 0;
    }

    #VMarkOK .dx-button-content {
        padding: 5px;
        background-color: #5cb85c;
    }

    #VMarkOK .dx-state-disabled .dx-button-content {
        background-color: white;
    }

    #VMarkOK input {
        padding: 0;
        text-align: center;
        color:indianred;
    }

    #VMarkOK .dxNumberBox {
        padding: 0;
        margin-top: 3px;
        border: 0;
    }

/*##### Menu - Essen #####*/

#VFoodFilterForm {
    height: 100%;
    align-content: center;
}

.VFoodFilterMittag {
    background-image: url('Images/MJa.png');
}

.VFoodFilterVesper {
    background-image: url('Images/VJa.png');
}

.VFoodFilterShowPics  {
	background-image: url('Images/VNoPic.png');
}

    #VFoodFilter .dx-checkbox-text {
        display: none;
    }

.VFoodFilterFrühstück {
    background-image: url('Images/FJa.png');
}

.VFoodFilterOffsetPrev {
    background-image: url('Images/WeckerG.png');
}

.VFoodFilterOffsetNext {
    background-image: url('Images/WeckerK.png');
}

#VFoodFilter .dx-field-item {
    background-repeat: no-repeat;
    background-size: 30px;
    padding: 31px 0 0px 0px;
    margin: 0;
    margin-top: -3px;
    text-align: center;
    background-position-x: center;
}

#VFoodFilter .dxCheckBoxField {
	max-width: 35px;
}

#VFoodFilter .dx-checkbox {
    margin: 0;
}

#VFoodFilter .dx-field-item-label, #VFoodFilter .dx-checkbox-text {
    display: none;
}

/*##### Menu - Checkbox_Marker #####*/
#VReminderForm .dx-checkbox-icon {
    display: none;
}
/*##### Menu - Filter #####*/
.OFilter {
    padding: 6px;
}

    .OFilter .dx-field-item-label-text {
        color: #fff;
    }

/*##### Texte #####*/
input.dx-texteditor-input {
    max-height: 28px;
}

/*##### Farben Module #####*/

.OAct #PersDropDownSide.CaptionPnl, .OEv #FutureDropDownSide.CaptionPnl, .OEv #NextDropDownSide.CaptionPnl, .OEv #LastDropDownSide.CaptionPnl, .OTask #SonderDropDownSide.CaptionPnl, .OTask #SonderSumDropDownSide.CaptionPnl {
    outline: none;
	box-shadow: inset 0px 0px 0px 0px #808080, 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
    transition: .1s ease-in-out, .4s color;
    margin-left: -2px;
	margin-bottom: 1px;
    cursor: pointer;
}

.OAct #PersDropDownSide.CaptionPnl:hover, .OEv #FutureDropDownSide.CaptionPnl:hover, .OEv #NextDropDownSide.CaptionPnl:hover, .OEv #LastDropDownSide.CaptionPnl:hover, .OTask #SonderDropDownSide.CaptionPnl:hover, .OTask #SonderSumDropDownSide.CaptionPnl:hover, .OAct [open] #PersDropDownSide.CaptionPnl, .OEv[open] #FutureDropDownSide.CaptionPnl, .OEv[open] #NextDropDownSide.CaptionPnl, .OEv[open] #LastDropDownSide.CaptionPnl, .OTask[open] #SonderDropDownSide.CaptionPnl, .OTask[open] #SonderSumDropDownSide.CaptionPnl {
	transform: translateX(0.1em) translateY(0.1em);
	box-shadow: inset 0px 0px 0px 0px #808080, inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}

.OAct .CaptionPnl, .OFilter.OAct, .dx-tab.dx-tab-selected.OAct, .dx-tab.dx-state-hover.OAct {
    background-color: #0070b7;
}

.dx-tab.OAct {
	background-color: #94d0f5;	
}

.OListe.OTask, .OTask .CaptionPnl, .OFilter.OTask, .dx-tab.dx-tab-selected.OTask, .dx-tab.dx-state-hover.OTask {
	background-color: #2a6b00;
    color: white;
}

.dx-tab.OTask {
	background-color: #8ccb63;
}

.OListe.OEv, .OEv .CaptionPnl, .OFilter.OEv, .dx-tab.dx-tab-selected.OEv, .dx-tab.dx-state-hover.OEv {
    background-color: #646464;
	color: white;
}

.dx-tab.OEv {
	background-color: #cbc8c8;	
}

#Menu {
	margin-top: 64px;
}

#Menu .dx-tab-selected {
    color: white;
}

#VReminder{
	background-color: white;
}

/*##### Farben Boxen #####*/

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: rgba(169, 255, 169, .23);
}

.dxFile {
    border: 1px solid #ddd;
}

/*##### Kid-List #####*/

#VKidRefresh {
	display: none;
}

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

.OGroupList .dx-item.dx-tile {
    width: auto !important;
    height: auto !important;
}

.OGroupList .dx-scrollview-content.dx-tileview-wrapper {
    display: grid;
	height: 100%;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    justify-content: center;
	/*gap: 5px;
	padding: 5px;*/
}

/*##### Main #####*/
p {
    margin: auto 0;
}

img {
    max-height: 100%;
    align-self: center;
}

.center {
    max-width: 1000px;
}

#LeftTopSide .dx-numberbox-spin-container {
    display: none;
}

.VBewDetailsValidation {
    padding: 0;
}

.dx-progressbar-range {
    background-color: #ef353a !important;
    border: 1px solid darkred !important;
}

.dx-popup-wrapper > .dx-overlay-content {
    min-width: inherit;
}

#OContent {
	/*margin-top: 5px;*/
	padding: 5px;
}

#CenterSide{
	padding: 4px;
}

#MiddleSide {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#VEvListeActs {
    min-height: 800px;
}

.shb-header-bar .social-media-button-container {
    float: right;
    margin: auto;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    max-width: 1000px;
    padding-top: 20px;
    padding-right: 10px;
}

    .shb-header-bar .social-media-button-container a {
        float: right;
    }

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

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

/*##### Kind-Detail #####*/
.LITotal {
    padding: 0 2px;
}

 #VKidEditForm, #VKidDetailForm{
	border: 1px solid gray;
    padding: 7px;
}

#SonderSumDropDownContSide, #PersDropDownContSide, #FutureDropDownContSide{
	border: solid gray;
    border-width: 0px 1px 0px 1px;
    padding: 5px;
}

#VKidChartForm, #SonderDropDownContSide, #NextDropDownContSide {
	border: solid gray;
    border-width: 0px 1px 1px 1px;
    padding: 5px;
}

#LastDropDownContSide {
	border: solid gray;
    border-width: 0px 1px 1px 1px;
    padding: 5px;
}

#VKidSonderFastEditForm{
	border: solid gray;
    border-width: 0px 1px 1px 1px;
    padding: 5px;
}

#VKidEvEditForm {
    padding: 5px;
}

.dxFormFields .dx-state-readonly {
    padding: 0 4px;
    min-height: 23px;
    border: 1px dotted gray;
}

#VKidSonderEdit .dx-box-flex.dx-box.dx-widget.dx-visibility-change-handler.dx-collection {
    padding: 5px;
}

#VKidPersListAddForm .LICap {
	padding-left: 24px;
	margin: 2px 3px;
}

#VKidPersListAdd .dx-checkbox-container {
    margin-left: 4px;
}

.PKid #FutureBtnSide {
    padding: 5px 5px 0 7px;
    border: solid gray;
    border-width: 0px 1px 1px 1px;
	margin-bottom: 10px;
}

#VKidEvAddBtn {
	padding: 5px 5px 0 7px;
    border: solid gray;
    border-width: 0px 1px 1px 1px;
	margin-top: -11px;
}

#OContent .OView:has(> SonderSumDropDownSide) {
    margin-bottom: 0px;
}

#OContent .OView {
    margin-bottom: 10px;
}

#OContent .OView:has(> #SonderSumDropDownContSide) {
    margin-bottom: 0px;
}


/*##### Liste #####*/

.LIImg {
    padding: 5px;
}

    .LIImg img {
        border: 1px solid #333;
        width: 80px;
    }

.LICap {
    display: flex;
	align-items: center;
	padding: 1px 5px;
}

.LITotal img {
    padding-right: 2px;
    padding-left: 2px;
    height: 30px;
    width: 34px;
}

.LITotal div{
    display:flex;
}

.LITotalRight {
    border-right: 2px solid black;
}

.LIDetail .LICap img {
    margin-right: 10px;
}

.LIEvContent {
    padding: 0 10px;
}

.Erinnerung_false {
    background: url(https://app.orgasolution.de/global/Images/Erinnerung_false.png) #f3f3f3;
}

.Erinnerung_true {
    background: url(https://app.orgasolution.de/global/Images/Erinnerung_true.png) #f3f3f3;
}

.Erinnerung_true:after {
    content: "offen";
}

.Erinnerung {
    padding: 20px;
    margin-top: 1px;
    background-size: 100%;
    position: absolute;
    border: 1px ridge rgb(119,119,119);
    right: 5px;
}

    .Erinnerung:after {
        position: absolute;
        left: 2px;
        /*bottom: 2px;*/
    }

.LIEvCap {
    padding: 1px 5px;
    border: 3px solid #888888;
    margin-bottom: 3px;
}

#VKidNextList .LIEvCap, #VKidLastList .LIEvCap {
    display: none;
}

.LICapImg img {
    padding: 0 5px;
    height: 25px;
}

.LIBaby {
    background-color: rgb(133, 235, 244);
}

.LIContBaby {
    background-color: rgba(133, 235, 244, 0.72);
}

.LITileStatBtn {
    min-width: 100px;
    position: absolute;
	justify-content: right;
    top: 0px;
    right: 2px;
}

.LITotal [class^='StatImg'] {
    min-width: 30px;
    min-height: 30px;
    max-width: 30px;
    max-height: 30px;
    margin-right: 10px;
}

[class^='StatImg'] {
	background-size: contain;
    width: 30px;
    height: 30px;
}

.StatImgFJa {
    background-image: url('https://app.orgasolution.de/global/images/FJa.png');
}

.StatImgFNein {
    background-image: url('https://app.orgasolution.de/global/images/FNein.png');
}

.StatImgMJa {
    background-image: url('https://app.orgasolution.de/global/images/MJa.png');
}

.StatImgMNein {
    background-image: url('https://app.orgasolution.de/global/images/MNein.png');
}

.StatImgVJa {
    background-image: url('https://app.orgasolution.de/global/images/VJa.png');
}

.StatImgVNein {
    background-image: url('https://app.orgasolution.de/global/images/VNein.png');
}

.StatImgRJa {
    background-image: url('images/RedJa.png');
}

.StatImgBJa {
    background-image: url('https://app.orgasolution.de/global/images/Alarm.png');
}

.LITileStat {
    position: relative;
    height: 100%;
    max-width: 100px;
	z-index: 1;
}

.LITileStatBottom {
    position: absolute;
    left: 0;
    bottom: 0;
}

.LIInfoText {
    white-space: normal;
    display: flex;
    height: 50px;
}

    .LIInfoText img {
        height: 20px;
        max-width: 25px;
        margin: 5px;
    }

    .LIInfoText p {
        margin: auto 0;
    }

.LITileCont {
    min-height: 180px;
    max-height: 180px;
    height: 180px;
    overflow: hidden;
}

.LITileKat {
    width: 100%;
    max-width: 80px;
    padding: 0 5px;
}

.LITileHead {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

    .LITileHead img {
        height: 30px;
        margin: auto 0;
        margin-right: 5px;
    }

.LILb {
    align-content: center;
    padding: 4px;
}

/*##### Detailansicht Ansprechpartner/Bild #####*/

#VKidLast .LIEvCap, #VKidNext .LIEvCap, #VKidReminder .LIEvCap {
    height: 0;
    overflow: hidden;
    border: 0;
}

.LITileSub {
    display: block;
    /*max-height: 197px;*/
    height: 100%;
	padding: 2px;
}

#VKidListeForm .dx-tile {
    height: 198px !important;
}

.dxTreeViewsingle .dx-texteditor-input {
    padding-left: 43px !important;
}

.LITileImg {
    position: relative;
    width: 100%;
    height: 143px;
    display: block;
}

.LITileImgSub {
	position: absolute;
    top: 7px;
    left: 3px;
    height: 100%;
    width: 123px;
	overflow: hidden;
	max-height: 133px;
    display: block;
	box-shadow: 1px 1px 12px 3px rgb(255 255 255 / 38%);
	background: aliceblue;
}

.LITileImgSub img{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 123px;
}
	
.OGroupList .LIContent {
    margin-top: 4px;
}

/*##### OSmallView #####*/
.OSmallView #VKidListeForm .dx-tile {
    height: 125px !important;
	overflow: hidden;
}

.OSmallView .LITileImg {
    position: relative;
    width: 100%;
    height: 72px;
    display: block;
}

.OSmallView .LITileImgSub{
	display: none;
}

.OSmallView .LITileStatBtn {
    display: flex;
}

.OSmallView .StatBtn {
	width: 70px;
}


/*##### Merkliste #####*/
.LMDTop {
    font-weight: bold;
    /*color: #ef353a;*/
    margin-bottom: 3px;
}

.LMImg {
    padding: 2px;
    margin-right: 3px;
}

    .LMImg div, .LMImg img {
        background-size: contain;
        width: 90px;
        height: 50px;
    }

.LBImg img {
    width: 320px;
    height: 180px;
}

.OListe .dx-list-item-before-bag {
    width: 0
}

.OListe .dx-list-item {
    height: 100%;
}

#VKidListitem .dx-list-item{
	height: 196px;
}

/*##### Zeiten #####*/

rect {
    width: ;
}

/*##### QR-COde #####*/

.QRBtn {
    height: 100%;
    width: 100%;
    text-align: center;
    align-content: center;
}

    .QRBtn img {
        width: 80px;
    }

.PQRScan #CenterSide {
     margin-top: -5px;
}

.PQRScan #OContent {
    padding: 0;
}

/*##### Allgemein Text #####*/
.dx-form-group-caption {
    font-size: 16px;
    font-weight: bold;
}

.dx-texteditor {
    border-radius: 0;
	color: #434343;
}

    .dx-texteditor.dx-state-readonly.dx-state-hover {
        border-color: #f4f4f4;
    }

#DropDownMenu .OFilter .dx-field-item {
    display: block;
}

/*##### Responsive Design #####*/
@media (min-width: 720px) {
    .stickyMap {
        width: 400px;
        top: 123px;
    }

    .stickyMenu {
        background-color: #f7931d;
    }

    #SubMenuContainer.stickySubMenu {
        background: none;
    }
}

@media screen and (min-width: 1px) and (max-width: 800px) {
    .OForm .dx-form {
        /*padding: 20px;*/
    }
}

@media (min-width: 800px) {
    #OContent {
        display: flex;
    }

    #LeftSide {
        width: 30%;
        min-width: 300px;
		margin-right: 1%;
    }

    #RightSide {
        width: 60%;
    }
    /*.OForm .dx-form {
        padding: 10px;
    }*/
    .BtnListPnlTop {
        padding-bottom: 10px;
    }

    .BtnListPnlBottom {
        padding-top: 10px;
    }

    #RightSide {
        padding-left: 0;
    }
}

@media (min-width: 1250px) {

    .BtnListPnlTop {
        padding-bottom: 10px;
    }

    .BtnListPnlBottom {
        padding-top: 10px;
    }

    .CaptionPnl {
        padding: 10px;
    }
	
    .PContacts #RightSide {
        position: inherit;
        margin:0;
    }

    .PContacts #LeftSide {
        width: 30%;
        flex: inherit;
    }

    .PContacts #LeftTopSide {
        width: 100%;
    }
}

.PContacts #RightSide, .PContacts #OContent, .PContacts .dx-item-content {
    padding: 0;
}

/*##### Button #####*/
.dxButton, .dxButton .dx-button-content{
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    outline: none;
    background-color: #cecece;
	border-radius: 0;
    box-shadow: inset 0px 0px 0px 0px #808080, 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
    transition: .1s ease-in-out, .4s color;
    margin-left: -2px;
	
}

.dxButton:hover {
    transform: translateX(0.1em) translateY(0.1em);
    box-shadow: inset 0px 0px 0px 0px #808080, inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}

#OContent .OView.OEv:has(> #FutureDropDownSide){
    margin-bottom: 0px;
}

.OBtn {
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    border: 2px solid #9d9d9d;
    border-left: 0px;
    border-top: 0px;
    box-shadow: inset -3px -3px 11px 0px rgb(133 133 133 / 20%);
    background-position: center;
}

.OBtn:hover {
	box-shadow: inset 0px 0px 3px 0 rgb(2 6 23 / 0.3), inset 0 -2px 4px 0 rgb(203 213 225);
    border: none;
}

.StatBtn {
	height: 70px;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    outline: none;
    background-color: #0070b7;
    box-shadow: inset 0px 0px 0px 0px #808080, 1px 1px 3px 0px rgba(0, 0, 0, 0.5);
    transition: .1s ease-in-out, .4s color;
    margin-left: -2px;
    margin-bottom: 2px;
}

.StatBtn:hover {
	transform: translateX(0.1em) translateY(0.1em);
	box-shadow: inset 0px 0px 0px 0px #808080, inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}

	.StatBtn img {
        min-width: 37px;
    }
	
.State1Check1, .State2Check1 {
    background-size: contain;
    background-image: url(https://app.orgasolution.de/global/css/Images/MarkV.png);
}

.ODetailList .dx-item-content.dx-box-item-content.dx-root-simple-item {
    background: white;
}

.dx-button-content {
    background-color: #cccccc;
    border-color: #ddd;
    border-radius: 2px;
	box-shadow: inset -1px 14px 13px 0px rgb(255 255 255 / 38%);
}

    .dx-button-content:hover {
        background-color: #bbbbbb;
    }

#VPersAddBtn #VPersAddBtnundefined {
    padding: 6px 6px 8px 7px;
    border: solid gray;
    border-width: 0px 1px 1px 1px;
    margin-left: 0px;
    background: white;
    box-shadow: none;
}

#main {
    padding-top: 20px !important;
}

.dx-dropdowneditor-button {
    width: 45px;
    padding: 0;
}

#TaskEdit .OPopupSub {
    max-width: 300px;
    margin: auto;
}

#VTaskList {
	padding: 10px;
}

.ONoPointer .dx-list-item {
    cursor: default;
}

.OSmallFont {
    font-size: 10px;
}

#PopupKidEvEdit {
    display: flex;
}

#VKidPersListAdd {
    max-width: 300px;
}

#VKidEvEdit {
    width: 100%;
}

.dxFullTreeViewsingle .dx-checkbox-container {
    width: 500px;
}

.dxFullTreeViewsingle .dx-treeview-toggle-item-visibility {
    width: 100%;
}

    .dxFullTreeViewsingle .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened::before,
    .dx-treeview-toggle-item-visibility::before {
        left: 0;
        margin-left: 0;
    }

.OSListItem {
    display: grid;
    grid-template-columns: 40px auto 90px;
	padding: 2px;
    margin: 1px;
}

.OTListItem {
    display: grid;
	grid-template-columns: 40px auto 180px;
}

.OSSListItem {
    display: grid;
    grid-template-columns: 40px auto 150px 90px;
	padding: 2px;
    margin: 1px;
}

#VKidPersList .LICap {
    margin: 1px;
    /*box-shadow: inset -1px 14px 13px 0px rgb(255 255 255 / 38%);*/
}

.OTextRight {
    text-align: right;
    padding-right: 10px;
}

#VKidFutureList .OTextRight {
    position: absolute;
    right: 0;
}

.ODetailList .dx-list-item {
    border-top: 0;
}

.OPopup .dx-list-item-before-bag.dx-list-select-checkbox-container {
    padding: 0;
}

.OPopupSmall .OPopupSub {
    max-width: 600px;
    margin: auto;
    overflow: hidden;
}

#VKidFutureEditForm {
    padding: 10px;
}

#VKidFutureEdit .dx-treeview-node {
    padding-left: 0px;
}

#VKidFutureEdit .dxFullTreeViewsingle .dx-checkbox {
    left: 5px;
}

/*###Mitarbeiter#*/
.PFood #CenterSide {
	padding-top: 49px;
}

#VFood .dx-tile {
    width: 100% !important;
    height: 100% !important;
}

#VFood img {
    width: 25px;
}

#VFood .LIEvContent {
    font-size: 25px;
    height: 50px;
}

.FoodIcons {
    display: block;
}

    .FoodIcons div {
        float: right;
    }

#VFood .LIEvContent div {
    padding-right: 8px;
}

#VFood .FoodIcons div {
    border-right: 2px solid rgb(0 0 0 / 40%);
    margin-right: 5px;
}

#VFood .LIEvGroup{
font-weight: bold;
}

.FoodName {
	font-weight: bold;
    align-self: center;
    margin: 5px;
}

.FoodEMPF, .FoodEMPN {
    margin: 0 5px;
}

.LIEvContentSub{
	display:flex;
}

.LIEvContent{
	display:block;
}

#MainMenuSide #VMarkOK .dx-icon {
    width: 20px;
    height: 20px;
}

@media (min-width: 800px) {
    #VKidListeCaption, #VKidListitemCaption, #VEvListeCaption {
        display: none;
    }
}

@media (min-width: 1250px) {
    .PKids #RightSide {
        top: 0px;
        margin: 0;
        width: 69%;
        position: inherit;
        padding-left: 1%;
    }

    .PKids #LeftSide {
        width: 25%;
    }

    .PKids #LeftTopSide, .PKids #LeftMiddleSide {
        width: 100%;
    }
}

.LISubInfo {
    position: relative;
    top: -150px;
    max-height: 148px;
    height: 150px;
    margin: 0;
    background-color: white;
}

#LeftDropDownSide {
    display: none;
}

.PKid #LeftDropDownSide {
    padding-right: 3px;
	height: 45px;
}

.dx-dropdowneditor-icon {
    width: 45px;
}

#LeftDropDownSide, .ODetailList details {
    display: none;
}

.PKid #LeftDropDownSide, .PKid .ODetailList details {
    display: block;
}

 #FutureDropDownContSide .dxFormBox, #VKidFutureList .dxFormBox, #VKidSonderList .dxFormBox, #VKidNextList .dxFormBox, #LastDropDownContSide .dxFormBox, #SonderSumDropDownContSide .dxFormBox{
    margin-bottom: 0;
}

#LeftTopSide details, #LeftTopSide .ODetailList .OView {
    margin-bottom: 0;
}


#OrgaAppContent .ODetailList .dx-field-item {
    padding-top: 0;
}

.OAct.ODetailList .dx-field-item{
	margin: 0;
	}

.ODetailListSum {
    position: relative;
    height: 0;
}

    .ODetailListSum .LITotal {
		display: flex;
        position: absolute;
        padding: 0;
        margin: 0;
        right: -6px;
        top: -27px;
		color: black;
    }

#VPersListeSum {
    float: right;
    margin-top: -6px;
}

    #VPersListeSum .LITotal {
        padding: 0;
        margin: 0;
    }

#OrgaAppContent .PnlGebDatum {
    display: none;
}

#VPersListe .LICap {
    align-items: flex-start;
}

.PnlGebDatum0 {
    background-image: url('Images/torte1.png');
}

.PnlGebDatum1, .PnlGebDatum2, .PnlGebDatum3 {
    background-image: url('Images/torte2.png') !important;
}

.PnlGebDatum4, .PnlGebDatum5, .PnlGebDatum6, .PnlGebDatum7 {
    background-image: url('Images/torte3.png');
}

.PnlGebDatum8, .PnlGebDatum9, .PnlGebDatum10, .PnlGebDatum11, .PnlGebDatum12, .PnlGebDatum13 {
    background-image: url('Images/torte4.png') !important;
}

[class^='PnlGebDatum1'] {
    background-image: url('Images/torte5.png');
}

[class^='PnlGebDatum2'], [class^='PnlGebDatum3'] {
    background-image: url('Images/torte6.png');
}

#OrgaAppContent [class^='PnlGebDatum'] {
    float: left;
	width: 35px;
    height: 35px;
    font-size: 18pt;
    font-weight: 800;
    background-size: 30px;
}

#OContent .OView {
    height: 100%;
    width: 100%;
}

input.dx-texteditor-input{
    background-repeat: no-repeat;
    height: 40px;
}

.OFilter.OEmp, .OEmp .CaptionPnl, #MainMenuSide .OEmp.dx-tab.dx-tab-selected {
    background-color: darkcyan;
}

#MainMenuSide .dx-icon {
    width: 30px;
    height: 30px;
	margin: 0;
	justify-self: center;
}

#VMainMenu .dx-layout-manager.dx-widget {
    height: 100%;
}

.dx-treeview-item strong {
    font-size: 22px;
}

.dx-treeview-item .ImgTextPnl div {
	flex: 30px;
    font-size: 18px;
	text-align: right;
}

.dx-treeview-item .ImgTextPnl.TextNoWrap > div {
    display: flex;
    width: 100%;
    text-align: left;
	padding-left: 5px;
}

.LIContent.LICap img {

}

#OrgaAppContent .dx-list {
    min-height: 0;
}

.PKid #DropDownMenu {
    min-height: 20px;
    background-color: #0070b7;
}

#VKidMerklisteForm .LIImg img {
    width: 50px;
}

#VPersListePers .LICap {
    padding-left: 40px;
}

#VKidInfoForm {
    padding: 0 20px;
}

.OGroupList .LIDetail {
    display: grid;
	grid-template-columns: auto min-content min-content min-content min-content;
}

#VKidListitemForm .dx-item.dx-tile {
    width: 100% !important;
    height: 100% !important;
    padding: 0;
}

.OGroupList .dx-button-content {
    height: 110px;
}

#VKidFilterBtnClear .dx-button-content:not(:hover), #VEvFilterBtnClear .dx-button-content:not(:hover) {
    background-color: white;
}

#VKidListitem .dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding: 0 0 10px 0;
}

#VKidTileListeForm .LICap {
    padding: 5px 10px;
    vertical-align: central;
    font-size: 12pt;
    font-weight: 600;
}

#VKidTileListeForm .LITileHead {
    padding-bottom: 5px;
}

#VKidInfoTitel .dx-item-content.dx-box-item-content {
    align-items: baseline;
}

#VKidEdit .dx-state-readonly .dx-texteditor-input {
    color: #999999;
}

#VKidInfoTitel .LIContent {
    width: 100%;
}

.dxTileView .dx-scrollable-container, .dxTileView .dx.tileview {
    overflow: scroll;
}

.PReminder .LICap, #VKidNextundefined .LICap, #VKidLastundefined .LICap {
    padding: 1px 5px;
    background: #888888;
    color: white;
}

/*##### Kategorie #####*/

/*##### Kalender #####*/
#OrgaAppContent .dx-scheduler-appointment {
    min-height: 90px;
    color: black;
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title {
    position: absolute;
    z-index: 9;
}

.OSchedulerSum {
    position: relative;
	top: 0;
    left: 0;
    padding: 5px;
    align-content: center;
}

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

@media screen and (min-width: 1250px) {

}

@media screen and (min-width: 768px) {

}

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

}