#mbtabs{
	position: fixed;
    top: 0px !important;
	left: 0px;
	height: 100% !important;
	width: 100% !important;
	background-color: white;
    z-index: 200 !important;
    border: solid;
    border-color: #bbbbbb;
	padding-right: 20px;
}

.ui-tabs-nav{
	height: 60px;
}
.ui-tabs{
    height: 60px;
    font-size: 20px;
}

.ui-tabs-panel{
	padding-bottom: 0px !important;
	}

.messageboard{
	margin-left: 20px;
}

  .messagetable {
		width: 98%;
		height: auto;
		border: solid;
		border-color: #bbbbbb;
		border-width: 2px;
		border-collapse: collapse;
		margin-top:30px;
		overflow-y: auto;
	}
	
	.messagetable td,.messagetable th  {
		border: solid;
		border-color: #bbbbbb;
		border-width: 2px;
		border-collapse: collapse;
		padding:10px;
	}
	
	.jqte {
		position: absolute;
		left: 0px;
		width: 95%;
		height: 250px;
		overflow-y: auto;
		margin-left: 30px
	}
	
	.jqte_editor{
		height: 100%;
		font-size: 18px;
	}
	
	#closemessages, .modalclose{
		border-radius: 7px;
		background-color: rgb(238, 153, 153);
		border-color: rgb(204, 0, 0);
		border-style: solid;
		border-width: 2px;
		cursor: pointer;
		margin: 2px;
		overflow: hidden;
		text-align: center;
		font-family: arial;
		font-weight: 700;
		width: 50px;
		height: 50px;
		background-image: url(../img/08_X.png);
		background-repeat: no-repeat;
		background-position: center center;
	}
	
	.modalclose{
		position: absolute;
		right: 55px;
	}
	
	#closemessages{
		position: absolute;
		right: 55px;
		top: 5px;
	}
		
	
	.ui-keyboard{
		position: fixed;
		top: 400px !important;
		left: 0px !important;
		width: 100%;
		height: auto;
		font-size: 2.4em;
	
	}
	
	.ui-keyboard-keyset{
		height: 100%;
		width: 100%;
	
	}
	
	.center {
        position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		margin: auto;
	}
	
	.modal-footer{
		display:table;
	}

	
	
	
	.row{
		display: table-cell;
		margin-left: 10px;
	}
	
	custom-combobox {
			position: relative;
			display: inline-block;
		}

	.custom-combobox-toggle {
		margin-left: -1px;
		padding: 0;
		height: 30px;
	}

	.custom-combobox-input {
		margin: 0;
		padding: 2px 0px;
	}
	
	
	.ui-autocomplete{
			position: absolute;
			cursor: default;
			z-index:300 !important;
			font-size: 25px;
			text-align:left;
		}
		.ui-autocomplete li {
<!--			font-size: 16px;-->
			position: relative;
			left: 0px;
			top: 0px;
			display: list-item;
			float: none;

		}
	

	
html, body
{
    height: 100%;
    width: 100%;
    font-size: 1.6vh;
    -moz-user-select: none;
    -moz-user-focus: ignore;
    cursor: default;
    overflow: hidden;
}

html, body, table, td, tr, img, div, p
{
    margin: 0px;
    padding: 0px;
	border-collapse: collapse;
	border-style: none;
	border-width: 0px;
background-color: white;
        border-color: #bbbbbb;

}


html, body, input
{
    font-family: Verdana, Sans-Serif;
}

body{
  background-color: rgb(56, 145, 63);
}


div.applicationArea
{
    position: absolute;
    width: 100%;
    height: 93.25%;
    top: 6.75%;
    left: 0px
	background-color: white;
        border-color: #bbbbbb;

}

img,p,table,tr,td
{
	background-color: transparent;
}

.CMainPOS{
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
    z-index: 2;
}

.CMainPOSInput input{
  border-style:solid;
  border-width:2px;
  width:97% !important;
  left: 3px;
  top:9px;

}

.CMainPOSInput{
    position: absolute;
    height: 6.63%;
    width: 39.5%;
    bottom: 32.9%;
    left: 15.1%;
    visibility: visible;
}

.CMainPOSInput tr td:first-child{
    width: 85%;
}


.CInput{
    border-style: solid;
    border-width: 2px;
    position: absolute;
    font-size: 3vh;
    padding-left: 0.1em;
    padding-right: 0.1em;
    cursor: default;
    width: 100%;
}

.CPushButton {
    position: unset;
    border-radius: 7px;
    background-color: transparent;
    border-color: rgb(177, 162, 114);
    border-style: solid;
    border-width: 2px;
    padding: 2px;
    cursor: pointer;
    margin: 2px;
    overflow:hidden;
    text-align:center;
    font-family: arial;
    font-weight:700;
    font-size: 1.12em;

}

.CPushButton .CCaption {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
}

.headerbutton{
   color: white;
   background-color: rgb(85, 85, 255);
   border-color: rgb(34, 34, 255);
}


.CInputField input{
<!--     marginLeft: 3px;
    position: static;-->
}



.CInputField .backspace{
		width: 45px;
                height: 45px;
                margin-left: 5px;
                background-repeat: no-repeat;
                background-position: 0px 3px;
                background-image: url(../img/09_back.png);
}

.CInputField .clear {
          width: 45px;
          height: 45px;
          margin-left: 3px;
}

.backbutton{
    border-radius: 7px;
    background-color: rgb(238, 238, 238);
    border-color: rgb(177, 177, 177);
    border-style: solid;
    border-width: 2px;
    cursor: pointer;
    margin: 2px 2px 2px 5px;
    overflow: hidden;
    text-align: center;
    font-family: arial;
    font-weight: 700;
    width: 2.5vw;
    height: 3.5vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../img/09_back.png);
}

.clearbutton{
    border-radius: 7px;
    background-color: rgb(255, 170, 170);
    border-color: rgb(255, 21, 21);
    border-style: solid;
    border-width: 2px;
    cursor: pointer;
    margin: 2px 2px 2px 3px;
    overflow: hidden;
    text-align: center;
    font-family: arial;
    font-weight: 700;
    width: 2.5vw;
    height: 3.5vh;
    background-position: center center;
}

.clearbutton p{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(255, 223, 223);
    font-weight: bold;
    font-size: 3vh;
}

.Login{

position: absolute;
    background-color: rgb(223, 223, 223);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 1;

}

.Login>.CFrame {
    background-color: rgb(255, 243, 196);
    border-color: rgb(255, 0, 0);
    border-style: double;
    border-width: 3px;
}

.Login .CLabeledInputField{
    position: absolute;
    width: 45vw;
    top: 28%;
    height: 5vh;
    left: 6vw;	
}

.Login .pin{
    top: 37%;
}


.Login .CLabeledInputField,.Login td {
	    background-color: rgb(255, 243, 196);
}

.Login .CLabeledInputField table tr:first-child td:first-child p{
	width: 12vw;
	text-align: right;
}

.Login input {
   border-style: solid;
    border-width: 2px;
    border-color: rgb(204, 204, 204);
}

.Login .loginheadertext{
    width: 100%;
    top: 0px;
    height: 10%;
        background-color: rgb(255, 201, 100);
}

.Login .Benutzer{
    position: relative;
    bottom: 6px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 3vh;
background-color: rgb(255, 201, 100);

}

.Login .Bitte{
font-size: 1.8vh;
    font-weight: bold;
}

.Login .CTextLabel{
	width: 100%;
}


.Login .Personalnummer:,.Login .PIN{
    margin: 0px 0.1em 0px 0px;
    font-size: 3.5vh;
    text-align: right;
    width: 22vw;

}


.loginheadertext td {
   background-color: rgb(255, 201, 100);
   color: white;
}



.CPushPanel {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.Login .CPushPanel {
    position: absolute;
    overflow: hidden;
    width: 100% !important;
    height: 100% !important;
}

.Login .CFrame{
    position: absolute;
    top: 17%;
    left: 21%;
    border-style: double;
    border-width: 3px;
    height: 70%;
    width: 60vw;

}



.ProdCatButton{
    cursor: pointer;
    margin: 2px;
    overflow: hidden;
    text-align: center;
    font-family: arial;
    font-weight: 700;
    border-width: 2px;
    width: 22.5%;
    height: 28.3333%;
}


.CFrame {
	background-color: rgb(234, 233, 216);
}

.ProdCatButton.select{
	background-color: red;
}

:focus{
	 border-color: red;

}

.selected {
   background-color: rgb(248, 205, 107) !important;
}

.CTextLabel{
    position: absolute;
    background-color: transparent;
    width: 200px;
    height: 50px;
    font-size: 2.5vh;
}

.CDataGrid .CTable {
    top: 0px;
    height: auto;
    width: 100%;
}

.CContainerColumn {
    vertical-align: middle;
    text-align: center;
    empty-cells: show;
}

 .CContainerTable  {
    width: 100%;
    height: 100%;
}

 
.CHourGlass, .CMessage {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    visibility: hidden;
}

.CHourGlass .CFrame,.CMessage .CFrame {
    position: relative;
    background-color: rgb(176, 223, 176);
    width: 50%;
    height: 8%;
    left: 30%;
    top: 45%;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(210, 236, 210) rgb(62, 151, 62) rgb(62, 151, 62) rgb(210, 236, 210);
    z-index: 2000;
}

.CMessage .CFrame {
    top: 25%;  
    height: 50%;
}


.CHourGlass .CFrame .CCaption {
    font-size: 2.5vh;
    position: absolute;
    left: 25%;
    top: 40%;
}

.CHourGlass .CFrame .CImage {
    position: absolute;
    left: 5%;
    top: 5%;
    height: 81%;
    width: 10%;
    
}


.CMessage .CFrame .CPushPanel {
    position: absolute;
    overflow: hidden;
    background-color: rgb(176, 223, 176);
    bottom: 15%;
    width: 50%;
    height: 20%;
    left: 25%;
    visibility: hidden;
}

.CMessage .CFrame .CPushPanel .CPushButton{
    cursor: pointer;
    margin: 2px;
    overflow: hidden;
    text-align: center;
    font-family: arial;
    font-weight: bold;
    width: 45%;
    height: 85%;
    position: absolute;
    background-color: rgb(134, 206, 134);
    border-color: rgb(74, 181, 74);
    color: rgb(255, 255, 255);
    top: 0%;
    left: 0%;
}

.CMessage .CFrame .CPushPanel .CPushButton .CCaption{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

 .CMessage .CFrame .CTextLabel {
    position: absolute;
    background-color: rgb(176, 223, 176);
    width: 70%;
    height: 35%;
    left: 20%;
    top: 23%;   
}

 .CMessage .CFrame .CImage{
    position: absolute;
    width: 5vw;
    height: 7vh;
    top: 30%;
    left: 8%;    
    visibility: hidden;
}

.CashWindow {
    position: absolute;
    overflow: hidden;
    border-style: solid;
    border-width: 2px;
    height: 59.5%;
    width: 39%;
    top: 0px;
    left: 15.23%;
    visibility: hidden;
    background-color: lightgrey;
}




.CashWindow .wholeoverlay {
    position: absolute;
    overflow: hidden;
    opacity: 0.5;
    height: 200%;
    width: 300%;
    top: 6.8%;
    left: -60%;
}

.CashWindow .overlay {
    position: absolute;
    overflow: hidden;
    border-style: solid;
    border-width: 2px;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.CashWindow .titleback {
    position: absolute;
    overflow: hidden;
    border-style: solid;
    border-width: 2px;
    opacity: 0.7;
    height: 10%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.CashWindow .titletext {
    position: absolute;
    left: 10px;
    top: 2%;
    font-size: 2.5vh;
    font-weight: bold;
}



.CashWindow .contenttext {
    position: absolute;
    left: 10px;
    top: 13%;
    width: 100%;
    font-size: 2vh;
    font-weight: normal;
}

.CashWindow .pricetext {
    position: absolute;
    left: 30%;
    top: 20%;
    width: 60%;
    font-size: 5vh;
    font-weight: normal;
}

.CashWindow .unitstext {
    position: absolute;
    left: 30%;
    top: 40%;
    width: 40%;
    font-size: 2vh;
    font-weight: normal;
}


.CashWindow .okbutton, .CashWindow .backbutton {
    cursor: pointer;
    margin: 2px;
    overflow: hidden;
    text-align: center;
    font-family: arial;
    font-weight: 700;
    position: absolute;
    top: 80%;
    width: 10.5%;
    height: 10.5%;
    background-repeat: no-repeat;
    background-position: center center;
}

.CashWindow .okbutton{
    left: 70%;
    background-image: url(../img/OK.png);
}


.CashWindow .backbutton {
    left: 85%;
    background-image: url(../img/08_X.png);
}

.CashWindow .CPagedPushPanel{
    position: absolute;
    left: 5%;
    top: 25%;
    height: 50%;
    width: 60%;
    border-width: 1px;
    border-style: solid;
    visibility: visible;
}


.BonContainer{
	visibility: visible;
}



.AboutMode .CImage{
position: relative;
    top: 52px;
    left: 470px;

}

.secondaryPanel {
    position: absolute;
    overflow: hidden;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    height: 7.2%;
    left: 15.5%;
    width: 80%;
}

.secondaryPanel .CPushPanel, .secondaryPanel .CFrame {
    height: 100%;
    width: 100%;
}


.COtherFunctions {
    width: 37%;
    top: 0.4%;
}

.CUserFunctions{
	width: 46%;
	bottom: 25%;
}


.CChangesPanel {
width: 32%;
    top: 22.5%;

}

.CInventoryPanel {
    width: 38%;
    top: 37.5%;

}


.CCashboxPanel {
  width: 32%;
    top: 52.2%;

} 

.CBKFunctions {
  width: 32%;
    top: 30.1%;

}

#orderframe{
    position: absolute;
    width: 45vw;
    height: 100%;
    left: 55%;
    top: 0px;
    border: 0px solid rgb(255, 0, 0);
    overflow: scroll;
}

.CNumPad{
  position:absolute;
  background-color: #F2E9CC;
  width:35%;
  background-position:center;
  height:45%;

}

.CNumPad .CPushButton{
  border-radius:14px;
  background-color:#E0C983;
  border-color:#B1A272;
  background-position:center;

}

.CNumPad .CCaption{
 font-size: 3.0vh;
 font-weight: bold;
 color:#6A5F3C;
}



.Login .CNumPad{
    position: absolute;
    background-color: rgb(242, 233, 204);
    width: 35%;
    background-position: center center;
    height: 45%;
    left: 35%;
    top: 50%;
    border-style: solid;
    border-width: 1px;
}




.Login .CNumPad .CPushButton{
    padding: 2px;
    font-size: 1.6vh;
    background-color: rgb(224, 201, 131);
    border-color: rgb(177, 162, 114);
    border-style: solid;
    border-width: 2px;
    cursor: pointer;
    margin: 2px;
    overflow: hidden;
    text-align: center;
    font-family: arial;
    font-weight: 700;
    background-position: center center;

}



.Login .CNumPad .CPushButton .CCaption {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    font-size: 3vh;
    font-weight: bold;
    color: rgb(106, 95, 60);
}

.Login .CNumPad .OK{
    background-color: rgb(173, 228, 174);
    border-color: rgb(43, 128, 45);
    background-position: center center;
    background-image: url(../img/OK.png);
    background-repeat: no-repeat;

}

.Login .CNumPad .X{
    background-color: rgb(228, 173, 173);
    border-color: rgb(128, 43, 43);
    background-position: center center;
    background-image: url(../img/08_X.png);
    background-repeat: no-repeat;
}

.CMainPOS>.CNumPad{
    position: absolute;
    height: 29%;
    width: 23.1%;
    top: 68%;
    left: 31%;
    border-radius: 3px;
}

.infoicons {
    width: 39.06%;
    height: 6.5%;
    top: -6.5%;
    right: 0px;
    background-color: rgb(56, 145, 63);
}

.suminfo, .sumcaption{
   position: absolute;
    height: 7%;
    bottom: 32.7%;
    font-size: 1.5vw;
    visibility: hidden;
    background-color: rgb(210, 236, 210);
    z-index:5;
}


.suminfo{
    width: 15%;
    right: 45.55%;
}

.suminfo tr td:first-child{
    text-align: right;
    padding-right: 10%;
}

.sumcaption{
    width: 25%;
    left: 15.23%;
}

.sumcaption tr td:first-child{
    text-align: left;
    padding-left: 2%;
}


.leftpushpanel{
    height: 97%;
    width: 16%;
    top: 0.4%;
    left: 0px;
}

.LeftPadBtn{
    position: absolute;
    background-color: rgb(238, 238, 238);
    border-color: rgb(177, 177, 177);
}

.LeftPadBtn .CCaption{
	left: 15%;
}

.BonFncBtn{
    background-color: rgb(141, 184, 226);
    border-color: rgb(49, 122, 196);
}

.PaymentButton1,.PaymentButton2{
    background-color: rgb(224, 143, 143);
    border-color: rgb(196, 53, 53);
}

.BonEditBtn{
    background-color: rgb(207, 224, 201);
    border-color: rgb(147, 185, 134);
}

.BonEditBtn:first-child, .BonEditBtn:last-child{
    background-color: rgb(238, 238, 238);
    border-color: rgb(177, 177, 177);
}


.BonEditBtn:first-child, .BonEditBtn:last-child{
    background-color: rgb(238, 238, 238);
    border-color: rgb(177, 177, 177);
}

.BonEditBtn:nth-child(2), .BonEditBtn:nth-child(6){
	background-color: rgb(224, 143, 143);
	border-color: rgb(196, 53, 53);
}

.BonEditBtn:nth-child(5){
    background-color: rgb(207, 201, 224);
    border-color: rgb(147, 134, 185);
}

.CPosBalancing .CNumPad{
	width: 100%;
	height: 100%;
}

.CPosBalancing .titlecontainer{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 6.8%;
    width: 100%;
}

.CPosBalancing .CFrame, .CPosBalancing .CContainerTable{
 background-color: rgb(176, 176, 176);
}

.CPosBalancing .CLabeledInputField{
	position: absolute;
}

.titlecontainer .CPushButton:nth-child(2){
        background-color: rgba(255, 201, 100, 0.37);
}

.titlecontainer .CPushButton:nth-child(3){
 background-color: #817fff8a;        
}

.titlecontainer .CPushButton:nth-child(4){
 background-color: rgb(140, 215, 140);
}

.titlecontainer .CPushButton:nth-child(5){
 background-color: #e9a8a8;
}


.disabled{
opacity: 0.7;
pointer-events: none;

}

.CPosDisabledMode{
	visibility: visible;
}

.CPosReceiptList .CImage{
    position: absolute;
    right: 52px;
    top: 110px;
	width: 100px;
	height: 100px;
}

.CPosReceiptList .CNumPad{
    right: 3%;
    bottom: 2%;
    width: 20%;
    height: 31%;
}



// -->