@charset "UTF-8";

body {
	font-family: Avenir; 
	font-size: 18px;
	cursor: default;
	user-select: None; 
	-ms-user-select: None; 
	-moz-user-select: None; 
	-webkit-user-select: None;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
    
    zoom: 100%;
    transformXX: scale(50%) ;
}

@media only screen and (max-width: -768px) {
    body {
        zoom: 50% !important ;
    }
}

@media only screen and (max-width: -750px) {
    body {
        zoom: 30% !important ;
    }
}

.my-swal {
  z-index: 20000;
}

.swal2-container {
  z-index: 20000;
}

.swal2-popup  {
	background-color: rgba(33,33,33,1);
	data-animation:none !important
}

.swal2-title  {
	color: rgba(255,255,255,0.7);
}

.swal2-content  {
	color: rgba(255,255,255,1);
}

.is-hidden {
	display: none;
}

.is-underPopUp {
    opacity: 0.2 ;
}
    

.is-selected {
	background-color: red !important ;
    color: white !important ;
    text-shadow: 0 1px 0 black !important ;
}

.auswahlliste {
    height: calc(100% - 42px) !important ;
}

.hiddenDiv      { display: none ; height: 0 !important }
.selectedID     { opacity: 1 !important ; background-color: red !important ; }

.ui-content     { height: calc(100% - 22px) !important; }


.ui-input-text {
	margin: 0 0 10px 0 !important ;
    width: 100% ;
}

.dialogKasse    { width: 241px ; height: 440px ; }

span.deleteicon {
    position: relative;
    display: inline-flex;
    align-items: center;
}
span.deleteicon span {
    position: absolute;
    display: block;
    top: 18px;
    right: 10px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    background-color: #4c4c4c ;
    font: 23px monospace;
    text-align: center;
    line-height: 1em;
    cursor: pointer;
}
span.deleteicon input {
    padding-right: 18px;
    box-sizing: border-box;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
    
.clear { clear: both; }


.copyright      { font-size: 72.22222% ; position:absolute; bottom: 0; height:255px; }
.bereichfuss    { text-align: center; background-image: linear-gradient(#444, #222); }

.ui-content		{
        height: calc(100% - 22px);
        padding: 0px;
}

.ui-btn-small   { padding: 2px 4px 2px 4px; margin: 0; }
.ui-corner-all  { border-radius : 0em ; }

.myPage
{
    width: 100%; /* optionale Weitenangabe */
    height: calc(100% - 100px) ;
    background: #3d3d3d;
}

.ui-bg-text{
    padding: 0 !important ;
}

.ui-navbar li .ui-btn {
    border-right-width: 1px;
}

.chilli-button {
    display: flex !important ;   
    justify-content: center;   
    align-items: center;
    Xmargin-left: auto;
    Xmargin-right: auto;
    height: 100% ;
    padding: 0 !important ;
    word-wrap: anywhere;
    white-space: normal;
    hyphens: auto ;
    
}

.ui-btn:active {
    background-color: red !important ;
}
.boxOben100_mMenu
{
    float: left; 
    width: 100%; /* optionale Weitenangabe */
    height: calc(100% - 81px) ;
    padding: 0 !important ;
    margin: 0 !important ;
}


.boxUntenMenu
{
    float: right; 
    width: 100%; /* optionale Weitenangabe */
    height: 58px ;
    xxbackground: #508607;
    padding: 0 !important ;
    margin: 0 !important ;
}


.box2Oben60
{
    float: right; 
    width: 100%; /* optionale Weitenangabe */
    height: 60% ;
    padding: 0 !important ;
    margin: 0 !important ;
}

.box2Oben100
{
    float: right; 
    width: 100%; /* optionale Weitenangabe */
    height: 100% ;
    padding: 0 !important ;
    margin: 0 !important ;
}

.box2Unten40
{
    float: left; 
    Xfloat: right; 
    width: 100%; /* optionale Weitenangabe */
    height: 40% ;
    padding: 0 !important ;
    margin: 0 !important ;
}

.box2Oben60_mNavi
{
    float: left; 
    width: 100%; /* optionale Weitenangabe */
    height: calc(100% - 36px) ;
    padding: 0 !important ;
    margin: 0 !important ;
}

.box2Oben60_Navi
{
    float: right; 
    width: 100%; /* optionale Weitenangabe */
    height: 36px ;
    padding: 0 !important ;
    margin: 0 !important ;
}

.box3Oben60
{
    width: 100%; /* optionale Weitenangabe */
    height: 40px !important ;
    overflow: hidden ;
}

@media (orientation: landscape) {
    
    .dialogKasse    { width: 460px ; height: 240px ; }
    
    .box2Oben60
    {
        width: 66.66666667%; /* optionale Weitenangabe */
        height: 100% ;
    }

    .box2Oben60_Navi
    {
        height: 32px ;
    }

    .box2Unten40
    {
        width: 33.33333333%; /* optionale Weitenangabe */
        height: 100% ;
    }
}

.Chilli24AppIFrame {
    width: calc(100% - 4px);
    height: calc(100% - 2px);
}

.ui-input-search:after {opacity: 0.9; transform: scale(1); background-position: center center; background-repeat: no-repeat; width: 14px; height: 14px; background-image:url(../themes/images/icons-png/search-white.png) !important}
.filterTable-kunde  { margin: 0 2px 0 2px; }
.ui-input-search    { margin: 2px ; height: 1.8em ; }
.ui-input-search input { font-size: 0.9em ; padding-top: 4px ; }
.ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
    margin: -16px 0;
}