/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7685,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTopLocationHeaderFontSize'
(8061,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketSummaryHeaderFontSize'
(8076,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketSummaryHeaderFontSize'
(8087,17): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketJobTopButtonWidth'
(8089,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonHeight'
(8104,22): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonHeight'
(8111,22): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonHeight'
(8118,22): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonHeight'
(8125,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonHeight'
(8134,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonHeight'
(8143,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonHeight'
(8152,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonHeight'
(8161,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonHeight'
(8170,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonHeight'
(8183,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonHeight'
(8193,17): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketJobDoneButtonWidth'
(8199,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketButtonFontSize'
(8200,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonHeight'
(8227,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonFullViewHeight'
(8274,17): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketJobViewWidth'
(8275,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketJobViewHeight'
(8287,22): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketJobViewOverflow'
(8293,17): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketJobViewWidth'
(8495,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketButtonFontSize'
(8535,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonHeight'
(8554,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketButtonFontSize'
(8618,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketGroupFontSize'
(8722,18): run-time error CSS1039: Token not allowed after unary operator: '-fullViewContainerHeight'
(8740,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonFullViewFontSize'
(8748,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonFullViewFontSize'
(8756,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonFullViewFontSize'
(8976,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonFullViewHeight'
(8982,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonFullViewHeight'
(8988,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonFullViewHeight'
(8994,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonFullViewHeight'
(9003,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonFullViewHeight'
(9013,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonFullViewHeight'
(9023,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonFullViewHeight'
(9033,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonFullViewHeight'
(9043,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketActionButtonFullViewHeight'
(9138,33): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketJobArrowPosition'
(9150,33): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketJobArrowPosition'
(9245,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketJobViewStatusImageHeight'
(9252,18): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketJobViewStatusImageHeight'
(9755,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTopLocationTableFontSize'
(9765,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTopLocationTableFontSize'
(9878,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTopLocationHeaderFontSize'
(9884,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketItemFontSize'
(10009,17): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketJobDoneButtonWidth'
(10010,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketButtonFontSize'
(10130,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketTimeFontSize'
(10135,21): run-time error CSS1039: Token not allowed after unary operator: '-kdsTicketCustomerFontSize'
 */
:root {
    --kdsTopLocationTableFontSize: '50px';
    --kdsTopLocationHeaderFontSize: '1.2em';
    --kdsTicketJobViewHeight: 'auto';
    --kdsTicketJobViewOverflow: 'hidden';
    --kdsTicketJobViewWidth: '320px';
    --kdsTicketButtonFontSize: '1.2em';
    --kdsTicketGroupFontSize: '1.2em';
    --kdsTicketItemFontSize: '1.2em';
    --kdsTicketJobDoneButtonWidth: '200px';
    --kdsTicketJobArrowPosition: '250px';
    --kdsTicketActionButtonHeight: '10px';
    --kdsTicketActionButtonFullViewHeight: '72px';
    --kdsTicketJobTopButtonWidth: '10px';
    --kdsTicketJobViewStatusImageHeight: '30px';
    --kdsTicketActionButtonFullViewFontSize: '2.4em';
    --fullViewContainerHeight: '500px';
    --kdsTicketCustomerFontSize: '1.2em';
    --kdsTicketTimeFontSize: '1.2em';
    --kdsTicketSummaryHeaderFontSize: '1.2em';
}
*{
	white-space:normal;
	word-wrap:break-word;
		
}
html {
	background-color: #eee;
	margin: 0;
	padding: 0;
}
body {
	background-color: #fff;
	border-top: solid 0px #000;
	color: #333;
	font-size: .85em;
	font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	white-space:normal;
	word-wrap:break-word;
}
a {
	color: #333;
	outline: none;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: underline;
}
a:link, a:visited,  a:active, a:hover {
	color: #333;
}
a:hover {
	background-color: #c7d1d6;
}
header, footer, hgroup, nav, section {
	display: block;
}
mark {
	background-color: #a6dbed;
	padding-left: 5px;
	padding-right: 5px;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.main-logo {
	float: left;
	padding-left: 10px;
}
.clear-fix:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
h1, h2, h3, h4, h5, h6 {
	color: #000;
	margin-bottom: 0;
	padding-bottom: 0;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.75em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}
h5, h6 {
	font-size: 1em;
}
h5 a:link, h5 a:visited, h5 a:active {
	padding: 0;
	text-decoration: none;
}
ul {
	padding: 0;
}
/* main layout
----------------------------------------------------------*/
.content-wrapper {
	margin: 0 auto;
	max-width: 960px;
}
#body{
    background-color: #EEEEEE;
	clear: both;
	padding-bottom: 0px;
	padding:10px;
	margin:0px;
}
.main-content {
	/*background: url("../Images/accent.png") no-repeat;*/
	padding-left: 10px;
	padding-top: 5px;
	border : 2px solid black
}
.featured + .main-content {
	background: url("../Images/heroAccent.png") no-repeat;
}
header .content-wrapper {
	padding-top: 5px;
}
footer {
	clear: both;
	background-color: #EEEEEE;
	font-size: .8em;
	
}
/* site title

----------------------------------------------------------*/
.site-title {
	color: #c8c8c8;
	font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
	font-size: 2.3em;
	margin: 0;
}
.site-title a, .site-title a:hover, .site-title a:active {
	background: none;
	color: #c8c8c8;
	outline: none;
	text-decoration: none;
}
/* login
----------------------------------------------------------*/
#login {
	display: block;
	font-size: .85em;
	margin: 0 0 10px;
	text-align: right;
}
#login a {
	background-color: #d3dce0;
	margin-left: 10px;
	margin-right: 3px;
	padding: 2px 3px;
	text-decoration: none;
}
#login a.username {
	background: none;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#login ul {
	margin: 0;
}
#login li {
	display: inline;
	list-style: none;
}
/* menu
----------------------------------------------------------*/
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.dropdown-toggle :hover>ul {
	display: block;
}
#menucontainer {
	overflow: visible;
	background-color: transparent;
	height: 20px;
	margin-left: 30px;
	margin-top: 5px;
}
#nav {
	overflow: visible;
	margin: 0;
	padding: 0;
	margin-top: 13px;
}
#nav li {
	overflow: visible;
	list-style: none;
	float: right; /* arrange top level items horizontally */
}
#nav a {
	display: block;
	padding: 5px 15px;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}
#nav li a:hover {
	background: transparent;
}
#nav li ul {
	position: absolute;
	margin: 0;
	padding: 0;
	z-index:1;
}
#nav li ul li {
	float: none; /* arrange submenus vertically */
	border-top: solid 1px #101982;
}
#nav li ul li a 
{
	background: silver;
}
#nav li ul li a img{
    height: 11px;       
    width: 15px;        
}

#nav li ul li a div{
	/*background: silver;*/	
    padding-top:0px;        
    padding-bottom:0px;
    height: 11px;       
    width: 16px;    
    display: inline-block;
    color: #3E789F;
    background: silver;
    background-image: url("/Content/images/flags.png") 
}
#nav li ul li a label
{   display: inline-block;
    padding-left:2px;
}
#nav li ul li.english a div{
    background-position: -144px -154px;
}
#nav li ul li.french a div{
    background-position: -176px -121px;
}
#nav li ul li.italian a div{
    background-position: -80px -66px;
}
#nav li ul li.dutch a div{
    background-position: -96px -88px;
}
#nav li ul li.german a div{
    background-position: -80px -33px;
}
#nav li ul li.croatian a div{
    background-position: -144px -121px;
}
#nav li ul li.indonesion a div{
    background-position: -160px -88px;
}
#nav li ul li.czech a div{
    background-position: -64px -33px;
}
#nav li ul li.greek a div{
    background-position: -112px -55px;
}
#nav li ul li.spanish a div{
    background-position: -16px -44px;
}
#nav li ul li.portugues a div{
    background-position: -112px -121px;
}
#nav li ul li.romanian a div{
    background-position: -192px -121px;
}
#nav li ul li.russian a div{
    background-position: -224px -121px;
}
#nav li ul li.albanian a div{
    background-position: -96px 0px;
}
#nav li ul li.turkish a div{
    background-position: -16px -154px;
}
#nav li ul li.chinese a div{
    background-position: -208px -22px;
}


#nav li ul li.english a div:hover {
    background-position: -150 -280px;
    	background: grey;
}
#nav li ul li.french a:hover {
    background-position: 0 -15px;
    	background: grey;
}
#nav li ul li.italian a:hover {
    background-position: 0 -200px;
    	background: grey;
}
#nav li ul li.dutch a:hover {
    background-position: 0 -300px;
    	background: grey;
}
#nav li ul li.german a:hover {
    background-position: 0 -400px;
    	background: grey;
}
#nav li ul li.croatian a:hover {
    background-position: 0 0;
    	background: grey;
}
#nav li ul li.indonesion a:hover {
    background-position: 0 -100px;
    	background: grey;
}
#nav li ul li.czech a:hover {
    background-position: 0 -200px;
    	background: grey;
}
#nav li ul li.greek a:hover {
    background-position: 0 -300px;
    	background: grey;
}
#nav li ul li.spanish a:hover{
    background-position: 0 -400px;
    	background: grey;
}
#nav li ul li.portugues a:hover {
    background-position: 0 -100px;
    	background: grey;
}
#nav li ul li.romanian a:hover {
    background-position: 0 -200px;
    	background: grey;
}
#nav li ul li.russian a:hover {
    background-position: 0 -300px;
    	background: grey;
}
#nav li ul li.albanian a:hover {
    background-position: 0 -400px;
    	background: grey;
}
#nav li ul li.turkish a:hover {
    background-position: 0 -300px;
    	background: grey;
}
#nav li ul li.chinese a:hover {
    background-position: 0 -400px;
    background: grey;
    
}
ul#menu {
	font-size: .9em;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 0;
	text-align: left;
}
ul#menu li {
	display: inline;
	list-style: none;
	padding-left: 15px;
}
ul#menu li a {
	background: none;
	color: #999;
	text-decoration: none;
}
ul#menu li a:hover {
	color: #333;
	text-decoration: none;
}
/* page elements
----------------------------------------------------------*/
/* featured */
.featured {
	background-color: #fff;
}
.featured .content-wrapper {
	background-color: #7ac0da;
	background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
	background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
	color: #3e5667;
	padding: 20px 40px 30px 40px;
}
.featured hgroup.title h1, .featured hgroup.title h2 {
	color: #fff;
}
.featured p {
	font-size: 1.1em;
}
/* page titles */
hgroup.title {
	margin-bottom: 10px;
}
hgroup.title h1, hgroup.title h2 {
	/*display: inline;
	color:#fff;*/
	color:#fff;
	text-align:center;
}
hgroup.title h2 {
	font-weight: normal;
	margin-left: 3px;
}
/* features */
section.feature {
	width: 300px;
	float: left;
	padding: 10px;
}
/* ordered list */
ol.round {
	list-style-type: none;
	padding-left: 0;
}
ol.round li {
	margin: 25px 0;
	padding-left: 45px;
}
ol.round li.zero {
	background: url("../Images/orderedList0.png") no-repeat;
}
ol.round li.one {
	background: url("../Images/orderedList1.png") no-repeat;
}
ol.round li.two {
	background: url("../Images/orderedList2.png") no-repeat;
}
ol.round li.three {
	background: url("../Images/orderedList3.png") no-repeat;
}
ol.round li.four {
	background: url("../Images/orderedList4.png") no-repeat;
}
ol.round li.five {
	background: url("../Images/orderedList5.png") no-repeat;
}
ol.round li.six {
	background: url("../Images/orderedList6.png") no-repeat;
}
ol.round li.seven {
	background: url("../Images/orderedList7.png") no-repeat;
}
ol.round li.eight {
	background: url("../Images/orderedList8.png") no-repeat;
}
ol.round li.nine {
	background: url("../Images/orderedList9.png") no-repeat;
}
/* content */
article {
	float: left;
	width: 70%;
}
aside {
	float: right;
	width: 25%;
}
aside ul {
	list-style: none;
	padding: 0;
}
aside ul li {
	background: url("../Images/bullet.png") no-repeat 0 50%;
	padding: 2px 0 2px 20px;
}
.label {
	font-weight: 700;
}
/* login page */
#loginFormLogo {
	/*border-left: solid 2px #c8c8c8;*/
	width: 45%;
	float: left;
	vertical-align: middle;
	text-align: center;
}
#loginFormLogo img {
	vertical-align: middle;
	text-align: center;
	padding-top: 75px;
}
#loginForm {
	/*border-left: solid 2px #c8c8c8;*/
	float: right;
	width: 45%;
}
#loginForm .validation-error {
	display: block;
	margin-left: 15px;
}
#loginForm .validation-summary-errors ul {
	margin: 0;
	padding: 0;
}
#loginForm .validation-summary-errors li {
	display: inline;
	list-style: none;
	margin: 0;
}
#loginForm input {
	width: 250px;
}
#loginForm input[type="checkbox"],  #loginForm input[type="submit"],  #loginForm input[type="button"],  #loginForm button {
	width: auto;
	height: auto;
}
#socialLoginForm {
	margin-left: 40px;
	float: left;
	width: 40%;
}
#socialLoginForm h2 {
	margin-bottom: 5px;
}
#socialLoginList button {
	margin-bottom: 12px;
}
#logoutForm {
	display: inline;
}
/*Index form */
#indexForm {
	/*border-left: solid 2px #c8c8c8;*/
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
#indexForm input[type="checkbox"],  #indexForm input[type="submit"],  #indexForm input[type="button"],  #indexForm button {
	width: 100%;
	height: 150px;
	background-color: #04aeda;
	margin-bottom: 15px;
	vertical-align: text-bottom;
}
#indexForm img {
	vertical-align: top;
	width: auto;
	height: 70%;
	max-height:70%;
}
#indexForm label {
	vertical-align: bottom;
	padding-top: 5px;
	text-align: center;
	color: White;
	margin-bottom:0px;
}
#indexForm button {
	margin-bottom:5px;
	height:99% !important
}
/* WorkPeriodForm*/
#workPeriodForm {
	width: 100%;
	background: none;
}
#workPeriodForm select {
	float : left;
	width: 60%;
	border: 2px;
	min-height: 400px;
	max-height: 500px;
	margin-bottom: 25px;
	-webkit-appearance: listbox;
	-moz-appearance: listbox;
}
#workPeriodForm label {
	font-size: large;
	font-weight: bold;
	margin-bottom: 10px;
}
#workPeriodForm button {
	font-size: large;
	font-weight: bold;
	margin-bottom: 15px;/*changed by neha dated 28-09-2016*/
	/*added by neha dated 28-09-2016*/
	padding-top:15px;
	padding-bottom:15px;
	color:#fff;
	/*ended by neha*/
}
/* SettingForm*/
#settingForm {
	float: left;
}
#settingForm accordion-resizer {
	width: 450px;
	height: 220px;
	font-size: 10px;
	font-family: Calibri;
}
/* Program SettingForm*/
#programsettingForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#sectionbody {
	width: 90%;
	border: 1px solid grey;
	margin-left: 10px;
	float:left;
	padding-bottom:10px;
}*/
#sectionbody legend {
	display: block;
	/*margin-left: 10px;*/
}
/*#sectionbody label {
	padding-left: 20px;
}
#sectionbody input[type="text"] {
	margin-left: 20px;
	width: 80%;
}*/
#programsettingForm input[type="submit"], #programsettingForm input[type="button"] {
	margin-left: 20px;
	margin-top:10px;
}
/* Location SettingForm*/
#LocationsettingForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#LocationsettingForm label {
	padding-left: 20px;
}
#LocationsettingForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}*/
input[type="file"]{
	height:auto;
}
/* Currency SettingForm*/

#CurrencysettingForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#CurrencysettingForm label {
	padding-left: 20px;
}
#CurrencysettingForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}*/
/* Numerator SettingForm*/

#NumeratorsettingForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#NumeratorsettingForm label {
	padding-left: 20px;
}
#NumeratorsettingForm input {
	margin-bottom: 20px;
	margin-left: 20px;
}*/
/* StateForm */

#StateForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#StateForm label {
	padding-left: 20px;
}
#StateForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#StateForm select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
/* UserForm */

#UserForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#UserForm label {
	padding-left: 20px;
}
#UserForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#UserForm select {
	margin-left: 20px;
	margin-bottom: 20px;
}*/
/* CustomerForm */

#CustomerForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#CustomerForm label {
	padding-left: 20px;
}
#CustomerForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#CustomerForm textarea {
	margin-left: 20px;
	margin-bottom: 20px;
	width:90%;
}*/
#CustomerForm input[type="checkbox"],  #loginForm input[type="submit"],  #loginForm input[type="button"],  #loginForm button {
	width: auto;
	height: auto;
}
/*#CustomerForm select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
#NewCustomerForm {
	/*width: 95%;
	border: 1px solid grey;
	float: right;*/
	width: 99%;
	float: left;
}
/*#NewCustomerForm label {
	padding-left: 20px;
}
#NewCustomerForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#NewCustomerForm textarea {
	margin-left: 20px;
	margin-bottom: 20px;
}*/
#NewCustomerForm input[type="checkbox"],  #loginForm input[type="submit"],  #loginForm input[type="button"],  #loginForm button {
	width: auto;
	height: auto;
}
/*#NewCustomerForm select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
/* PriceDefinition */
    
#PriceDefinitionForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#PriceDefinitionForm label {
	margin-left: 0px;
}
#PriceDefinitionForm input {
	margin-left: 0px;
	margin-bottom: 20px;
}*/
/* VatTemplate */

#VatTemplateForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#VatTemplateForm label {
	padding-left: 20px;
}
#VatTemplateForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}*/
#VatTemplateForm input[type="checkbox"],  #loginForm input[type="submit"],  #loginForm input[type="button"],  #loginForm button {
	width: auto;
	height: auto;
}
/* VatTemplate */

#TaxServiceTemplateForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
#TaxServiceTemplateForm label {
	padding-left: 20px;
}
#TaxServiceTemplateForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#TaxServiceTemplateForm select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}
/* VoidReason */

#VoidReasonForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#VoidReasonForm label {
	padding-left: 20px;
}
#VoidReasonForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}*/
/* GiftReason */

#GiftReasonForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#GiftReasonForm label {
	padding-left: 20px;
}
#GiftReasonForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}*/
/* AccountTypeForm */

#AccountTypeForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#AccountTypeForm label {
	padding-left: 20px;
}
#AccountTypeForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#AccountTypeForm select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
/* Account */

#AccountForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#AccountForm label {
	margin-left: 0px;
}
#AccountForm input {
	margin-left: 0px;
	margin-bottom: 20px;
}
#AccountForm select {
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
/* Waiter Form */

#WaiterForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#WaiterForm label {
	padding-left: 20px;
}
#WaiterForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}*/
/* Table Form */
#customerSearchLeft label,#customerSearchLeft input{ margin-left:0px;width:98%;}
#TableForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#TableForm label {
	padding-left: 20px;
}
#TableForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#TableForm select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
#TableForm input.form-control, /*#CustomerForm input.form-control */{
	padding-left: 16px;
}
/* Department Form */
/*commented by neha gupta for new settings form layout dated 27-09-2016 */
/*#DepartmentForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
#DepartmentForm label {
	padding-left: 20px;
}
#DepartmentForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#departmentSectionBody {
	border: 1px solid grey;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 10px;
	width: 90%
}*/
#departmentSectionBody legend {
	display: block;
}
#DepartmentFormsection1 {
	width: 50%;
	float: left;
}
/*commented by neha gupta for new settings form layout dated 27-09-2016 */
/*#DepartmentFormsection1 label {
	padding-left: 20px;
}
#DepartmentFormsection1 input[type="text"] {
	margin-left: 20px;
	margin-bottom: 20px;
	width: 80%;
}
#DepartmentFormsection1 input[type="checkbox"] {
	width: auto;
	height: auto;
}
#DepartmentFormsection1 select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
#DepartmentFormsection2 {
	width: 50%;
	float: right;
}
 #DepartmentFormsection2 input[type="submit"],  #DepartmentFormsection2 input[type="button"],  #DepartmentFormsection2 button {
	width: auto;
	height: auto;
}
/*commented by neha gupta for new settings form layout dated 27-09-2016 */
/*#DepartmentFormsection2 select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
}*/
#DepartmentTicketTagForm {
	width: 100%;
}
#DepartmentTicketTagForm label {
	font-size: small;
	font-weight: normal;
}
#DepartmentServiceTemplateView {
	width: 100%;
}
#DepartmentServiceTemplateView label {
	font-size: small;
	font-weight: normal;
}
#DepartmentTicketTagFormSection1 {
	width: 40%;
	float: left;
}
#DepartmentTicketTagFormSection1 select {
	width: 100%;
}
#DepartmentTicketTagFormSection1 label {
	font-size: small;
	font-weight: normal;
}
#DepartmentTicketTagFormSection2 {
	width: 60%;
	float: right;
}
#DepartmentTicketTagFormSection21 {
	width: 25%;
	float: left;
	vertical-align: middle;
}
#DepartmentTicketTagFormSection21 input[type="checkbox"],  #DepartmentTicketTagFormSection21 input[type="submit"],  #DepartmentTicketTagFormSection21 input[type="button"],  #DepartmentTicketTagFormSection21 button {
	margin-top: 50px;
	margin-left: 10px;
	margin-right: 10px;
}
#DepartmentTicketTagFormSection22 {
	width: 70%;
	float: right;
}
#DepartmentTicketTagFormSection22 label {
	font-size: small;
	font-weight: normal;
}
#DepartmentTicketTagFormSection22 select {
	width: 100%;
}
/* Terminal Form */

#TerminalForm {
	width: 75%;
	border: 1px solid grey;
	float: left;
}
#TerminalFormSection {
	width: 100%;
	float: left;
}
/*#TerminalFormSection label {
	margin-left: 20px;
}*/
#TerminalFormSection label.checkbox{ margin-left:0px;}
/*#TerminalFormSection input {
	margin-left: 20px;
	margin-bottom: 20px;
}*/
/*commented by neha gupta for new settings form layout dated 27-09-2016 */
/*#TerminalFormSectionBody {
	border: 1px solid grey;
	margin-left: 0px;
	margin-right: 0px;
	
}*/
#TerminalFormCreateSectionBody select{ width:100%}
#TerminalFormSectionBody legend {
	display: block;
}
  #TerminalForm input[type="submit"],  #TerminalForm input[type="button"],  #TerminalForm button {
	width: auto;
	height: auto;
}
/*#TerminalForm select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
}*/
#TerminalFormSectionLeft {
	width: 50%;
	float: left;
}
#TerminalFormSectionLeft.ProgramSettingLeft
{
	width:60%;
}
/*#TerminalFormSectionLeft label {
	margin-left: 0px;
}
#TerminalFormSectionLeft input {
	margin-left: 0px;
	margin-bottom: 20px;
}*/
 #TerminalFormSectionLeft input[type="submit"],  #TerminalFormSectionLeft input[type="button"],  #TerminalFormSectionLeft button {
	width: auto;
	height: auto;
}
/*#TerminalFormSectionLeft select {
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top: 5px;
}
#TerminalFormSectionLeft select{ width:100%}
#DefaultTerminal{ margin-left:0px !important;}*/
#TerminalFormSectionRight {
	width: 50%;
	float: right;
}
#TerminalFormSectionRight.ProgramSettingRight
{
	width:40%;
}
#msgInProgress{
	float:left;
	width:100%;
	margin-top:40px;
}
/*commented by neha gupta for new settings form layout dated 27-09-2016 */
/*#TerminalFormSectionRight label {
	margin-left: 20px;
}
#TerminalFormSectionRight input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#TerminalFormSectionRight input[type="checkbox"],  #TerminalFormSectionRight input[type="submit"],  #TerminalFormSectionRight input[type="button"],  #TerminalFormSectionRight button {
	width: auto;
	height: auto;
}
#TerminalFormSectionRight select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
}*/

#TerminalFormCreate {
	width: 100%;
	border: 1px solid grey;
}
#TerminalFormCreateSection {
	width: 100%;
	float: left;
}
#TerminalFormCreateSection label {
	margin-left: 0px;
}
#TerminalFormCreateSection label.checkbox{ margin-left:0px;}
#TerminalFormCreateSection input {
	margin-left: 0px;
	margin-bottom: 20px;
}
/*#TerminalFormCreateSectionBody {
	border: 1px solid grey;
	
}*/
#TerminalFormCreateSectionBody legend {
	display: block;
}
  #TerminalFormCreate input[type="submit"],  #TerminalFormCreate input[type="button"],  #TerminalFormCreate button {
	margin-left: 35px;
	margin-bottom: 20px;
	margin-top: 5px;
	width: auto;
	height: auto;
}
#TerminalFormCreate select {
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top: 5px;
}
#TerminalFormCreateSectionLeft {
	width: 50%;
	float: left;
}
#TerminalFormCreateSectionLeft label {
	margin-left: 0px;
}
#TerminalFormCreateSectionLeft input {
	margin-left: 0px;
	margin-bottom: 20px;
}
 #TerminalFormCreateSectionLeft input[type="submit"],  #TerminalFormCreateSectionLeft input[type="button"],  #TerminalFormCreateSectionLeft button {
	width: auto;
	height: auto;
}
#TerminalFormCreateSectionLeft select {
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top: 5px;
}
#TerminalFormCreateSectionRight {
	width: 50%;
	float: right;
}
#TerminalFormvSectionRight label {
	margin-left: 20px;
}
#TerminalFormCreateSectionRight input {
	margin-left: 0px;
	margin-bottom: 20px;
}
#ActivateKeyBoard{ margin-left:0px !important}
#TerminalFormCreateSectionRight input[type="checkbox"],  #TerminalFormCreateSectionRight input[type="submit"],  #TerminalFormCreateSectionRight input[type="button"],  #TerminalFormCreateSectionRight button {
	width: auto;
	height: auto;
}
#TerminalFormCreateSectionRight select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
}
/* TicketTag Form */

#TicketTagForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
#TicketTagFormsection1 {
	width: 50%;
	float: left;
}
#TicketTagFormsection1 label {
	margin-left:0px;	
}
#TicketTagFormsection1 input,#TicketTagFormsection1 select {
	margin-left:0px !important;	
	margin-bottom: 20px;
}
#TicketTagFormsection1 input[type="checkbox"] {
	width: auto;
	height: auto;
}
#TicketTagFormsection1 select {
	
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}
#TicketTagFormsection2 {
	width: 50%;
	float: right;
	overflow:auto;
}
#TicketTagFormsection2 input[type="checkbox"],  #TicketTagFormsection2 input[type="submit"],  #TicketTagFormsection2 input[type="button"],  #TicketTagFormsection2 button {
	width: auto;
	height: auto;
}
#TicketTagFormsection2 input {
	margin-left: 5px;
	margin-bottom: 5px;
	width: 90%;
}
#TicketTagFormsection2 div {
	width: 100%;
	float: left;
}
/*#TicketTagFormsection2Right {
	width: 30%;
	float: right;
}*/
#TicketTagFormSectionBody {
	border: 1px solid grey;
	
	margin-right: 0px;
	width: 100%;
	padding-left: 0px;
}
#TicketTagFormSectionBody legend {
	display: block;
}
/* PaymentType Form */

#PaymentTypeForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#PaymentTypeForm label {
	padding-left: 20px;
}
#PaymentTypeForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#PaymentTypeForm select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
/* ChangePaymentType Form */

#ChangePaymentType {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#ChangePaymentType label {
	padding-left: 20px;
}
#ChangePaymentType input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#ChangePaymentType select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
/* AccountTransactionType Form */

#AccountTransactionTypeForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
}
/*#AccountTransactionTypeForm label {
	padding-left: 20px;
}
#AccountTransactionTypeForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#AccountTransactionTypeForm select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
#AccountTransactionDocumentTypeLeft{
	float:left;
	width:50%;
}
#AccountTransactionDocumentTypeRight{
	float:right;
	width:50%;
}
/* Printer Form */

#PrinterForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
	
}

#AccountTransactionFormsection3 {
	width: 100%;
	float: left;
	padding:5px;
	
}
#AccountTransactionFormsection3 input[type="checkbox"] {
	width: auto;
	height: auto;
}
/*commented by neha gupta for new settings form layout dated 27-09-2016 */
/*#PrinterForm label {
	padding-left: 20px;
}*/
#AccountTransactionFormsection3 div {
	/*border: 1px solid grey;*/
	display:block;
	overflow:auto;
}
#AccountTransactionFormsection3 select {
	width: 100%;
}
/*added by neha dated 08-08-2016 for manage account transaction */
#AccountTransactionFormsection3 label, #PrintJobFormsection3 select, #PrintJobFormsection3 input {
	margin-left:0px;
}
/*#PrinterForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#PrinterForm select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
/* PrintJob Form */

#PrintJobForm {
	
	border: 1px solid grey;
	float: right;
	
}
#PrintJobFormsection1 {
	width: 40%;
	float: left;
}
#PrintJobFormsection1 label,#PrintJobFormsection2 label {
	margin-left:0px;
}
/*#PrintJobFormsection1 input,#PrintJobFormsection2 input {
	margin-left:0px !important;
	margin-bottom: 20px;
}*/
#PrintJobFormsection1 input[type="checkbox"] {
 width: auto;
 height:auto;
}
#PrintJobFormsection2 {
	width: 40%;
	float: left;
}
#PrintJobFormsection2 input[type="checkbox"],  #PrintJobFormsection2 input[type="submit"],  #PrintJobFormsection2 input[type="button"],  #TicketTagFormsection2 button {
	width: auto;
	height: auto;
}
#PrintJobFormsection2 label {
	padding-left: 0px;
}
#PrintJobFormsection2 input {
	margin-left: 0px;
	margin-bottom: 20px;
}
#PrintJobFormsection4 {
	float:left;
	width:20%;
}
/*#PrintJobFormsection2 select {
	width:100%;
	margin-left: 0px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
#PrintJobFormSectionBody {
	border: 1px solid grey;
	
	margin-right: 10px;
	width: 80%;
	padding-left:10px;
}
#PrintJobFormSectionBody label {
	margin-left:20px;	
}
#PrintJobFormSectionBody legend {
	margin-left: 5px;
	display: block;
}

#PrintJobFormsection3 {
	width: 100%;
	float: left;
	
}
/*#PrintJobFormsection3 input {
	margin-left: 5px;
	margin-bottom: 5px;
	width: 30%;
}*/
#PrintJobFormsection3 input[type="checkbox"] {
	width: auto;
	height: auto;
}
/*#PrintJobFormsection3 label {
	padding-left: 20px;
}*/
#PrintJobFormsection3 div {
	/*border: 1px solid grey;*/
	display:block;
	overflow:auto;
}
#PrintJobFormsection3 select {
	width: 100%;
}
/*added by neha dated 27-09-2016 for manage account transaction */
#PrintJobFormsection3 label, #PrintJobFormsection3 select, #PrintJobFormsection3 input {
	margin-left:0px;
}
table {
	border: solid 1px #e8eef4;
	border-collapse: collapse;
}
table td {
	padding: 5px;
	border: solid 1px #e8eef4;
}
table th {
	padding: 6px 5px;
	text-align: left;
	background-color: #e8eef4;
	border: solid 1px #e8eef4;
	
}
/* Printer Template Form*/
#PrinterForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
	
}
#PrinterFormLeft {
	width: 48%;
	float: left
}
/*#PrinterFormLeft label {
	padding-left: 20px;
}
#PrinterFormLeft input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#PrinterFormLeft textarea {
	margin-left: 20px;
	margin-bottom: 20px;
	width: 90%;
	height: 50px
}*/
#PrinterFormRight {
	width: 48%;
	float: right
}
/*#PrinterFormRight label {
	padding-left: 20px;
}
#PrinterFormRight input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#PrinterFormRight textarea {
	margin-left: 20px;
	margin-bottom: 20px;
	width: 90%;
	height: 400px
}*/
/* TableScreen Form */

#TableScreenForm {
	
	border: 1px solid grey;
	float: right;
}
#TableScreensection1 {
	/*width: 40%;*/
	width:50%;
	float: left;
}
/*#TableScreensection1 label {
	padding-left: 20px;
}
#TableScreensection1 input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#TableScreensection1 select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
#TableScreensection1 input[type="checkbox"] {
 width: auto;
 height:auto;
}
#TableScreensection2 {
	width: 50%;
	float: right;
}
#TableScreensection2 input[type="checkbox"],  #PrintJobFormsection2 input[type="submit"],  #PrintJobFormsection2 input[type="button"],  #TicketTagFormsection2 button {
	width: auto;
	height: auto;
}
#TableScreensection2 legend{
	display:block;
}
/*#TableScreensection2 label {
	padding-left: 20px;
}
#TableScreensection2 input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#TableScreensection2 select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	width: 90%;
}*/
/* WaiterScreen Form */

#WaiterScreenForm {
	
	border: 1px solid grey;
	float: right;
	
}
#WaiterScreenFormsection1 {
	width:50%;
	float: left;
}
#WaiterScreenFormsection1 label {
	padding-left: 20px;
}
#WaiterScreenFormsection1 input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#WaiterScreenFormsection1 input[type="checkbox"], {
 width: auto;
 height:auto;
}
#WaiterScreenFormsection1 select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}
#WaiterScreenFormsection2 {
	width: 50%;
	float: right;
}
#WaiterScreenFormsection2 input[type="checkbox"],  #WaiterScreenFormsection2 input[type="submit"],  #WaiterScreenFormsection2 input[type="button"],  #WaiterScreenFormsection1 button {
	width: auto;
	height: auto;
}
#WaiterScreenFormsection2 label {
	padding-left: 20px;
}
#WaiterScreenFormsection2 input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#WaiterScreenFormsection2 select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	width: 90%;
}
#settingForm{width:28% !important;overflow:auto;-webkit-overflow-scrolling: touch;padding:0px 20px 0 0 !important;float:left;}
#ListingForm, #WaiterForm, #TableForm, #DepartmentForm, #PrinterForm, #TerminalForm, #PrintJobForm, #StateForm, #CurrencysettingForm, #LocationsettingForm, #TicketTagForm, #programsettingForm, #TableScreenForm, #WaiterScreenForm, #ProductForm, #ScreenMenuForm, #ModifierForm, #TaxServiceTemplateForm, #VoidReasonForm, #GiftReasonForm, #InventoryItemForm, #RecipeForm, #PriceDefinitionForm, #CustomerForm, #AccountTypeForm, #AccountForm, #RuleForm, #UserForm, #TriggerDefinitionForm, #PaymentTypeForm, #AccountTransactionTypeForm, #ChangePaymentType, #VatTemplateForm, #AccountTransactionDocumentTypeForm, #AccountTransactionDocumentTypeForm, #NumeratorsettingForm{width:72% !important;padding:20px 15px 0;float:left;}
#ListingForm .settings_list, .row #ListingForm .terminal_list, .row #ListingForm .accounts_list, #WaiterForm .settings_list, #TableForm .settings_list, #DepartmentForm .settings_list, #PrinterForm .settings_list, #TerminalForm .settings_list, #PrintJobForm .settings_list, #StateForm .settings_list, #CurrencysettingForm .settings_list, #LocationsettingForm .settings_list, #TicketTagForm .settings_list, #programsettingForm .settings_list, #TableScreenForm .settings_list, #WaiterScreenForm .settings_list, #ProductForm .settings_list, #ScreenMenuForm .settings_list, #ModifierForm .settings_list, #TaxServiceTemplateForm .settings_list, #VoidReasonForm .settings_list, #GiftReasonForm .settings_list, #InventoryItemForm .settings_list, #RecipeForm .settings_list, #PriceDefinitionForm .settings_list, #CustomerForm .settings_list, #AccountTypeForm .settings_list, #AccountForm .settings_list, #RuleForm .settings_list, #UserForm .settings_list, #TriggerDefinitionForm .settings_list, #PaymentTypeForm .settings_list, #AccountTransactionTypeForm .settings_list, #ChangePaymentType .settings_list, #VatTemplateForm .settings_list, #AccountTransactionDocumentTypeForm .settings_list, #AccountTransactionDocumentTypeForm .settings_list, #NumeratorsettingForm .settings_list, #screenMenuEditAllCategoryView .settings_list{overflow:auto;-webkit-overflow-scrolling: touch;}

/* CurrencySettingsList Form*/
#ListingForm {		
	float: right;
	margin-right: 0px;
	height: 100%;
}
#ListingForm select {
	float : left;
	width: 60%;
	border: 1px;
	height: 100%;
	margin-bottom: 25px;
	margin-top: 10px;
	margin-left: 10px;
}
#ListingForm label {
	font-size: medium;
	font-weight: normal;
	margin-bottom: 10px;
}
#ListingForm input[type="button"] {
	margin-left: 10px;
}
#ListingForm button {
	font-size: medium;
	font-weight: normal;
	margin-bottom: 10px;
	width:100%;	
	background-color: transparent;
	border-style: none;
}
#tableButton{width : 35%;float:right;}
#ListingForm button:hover {
	background-color: #F5F5F5;
	/*font-weight: bold;*/
}
/* ProductScreen Form */

#ProductForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
	
}
/*#ProductForm input[type="button"] {
	margin-left: 20px;
}*/
#ProductFormsection1 {
	width: 50%;
	float: left;
}
#ProductFormsection_1 {
	width: 100%;
	float: left;
}
#ProductFormPortionSection {
	float:left;
	width: 100%;
}
/*#ProductFormPortionSection input {
	width: 100px;
}*/
#ProductFormsection1 label {
	margin-left:0px;
}
/*#ProductFormsection1 input {
	
	margin-bottom: 20px;
	display:inline;
}*/
#ProductFormsection1 input[type="checkbox"] {
 width: auto;
 height:auto;
}
/*#ProductFormsection1 select {
	
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
#ProductFormsection2 {
	width: 50%;
	float: right;
}
#ProductFormsection2 input[type="checkbox"],  #ProductFormsection2 input[type="submit"],  #ProductFormsection2 input[type="button"],  #ProductScreensection2 button {
	width: auto;
	height: auto;
}
#ProductFormsection2 label {
	padding-left:0px;
}
/*#ProductFormsection2 input {
	margin-left: 20px;
	margin-bottom: 20px;
}
#ProductFormsection2 select {
	margin-left: 5px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
	margin-left:20px;
}
#ProductFormSectionBody1 {
	border: 1px solid grey;
	
}*/
#productFormFormSection {
	width: 25%;
	float: right;
}
#ProductFormSectionBody1 legend {
	/*margin-left: 5px;*/
	display: block;
}
#ProductFormSectionBody1 div {
	overflow:auto;	
}
/*#ProductFormSectionBody2 {
	border: 1px solid grey;
	padding-left: 20px;
	
}*/
#ProductFormSectionBody2 select {
	/*width: 200px;*/
	height: 200px;
}
#ProductFormSectionBody2 legend {
	/*margin-left: 5px;*/
	display: block;
}
#InventoryItemForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
	
}
/*#InventoryItemForm label {
	padding-left: 20px;
}
#InventoryItemForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}*/
#InventoryItemForm input[type="checkbox"] {
 width: auto;
 height:auto;
}
/*#InventoryItemForm select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
#RecipeForm {
	
	border: 1px solid grey;
	float: right;
}
/*#RecipeForm label {
	padding-left: 20px;
}
#RecipeForm input {
	margin-left: 20px;
	margin-bottom: 20px;
}*/
#RecipeForm input[type="checkbox"], {
 width: auto;
 height:auto;
}
/*#RecipeForm select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
	width:90%;
}*/
#POSScreen {
	width: 100%;
	height: auto;
	
	float: right;
	padding-top:0px;
}
#POSScreenTop {
	width: 100%;
	height: 46px !important;
	border: 1px solid grey;
	float: right;
	border: 0;
}
#POSScreenTopLeft {
	width: auto;
	height: 53px;
	border: 1px solid grey;
	float: left;
	border: 0;
	margin-left:5px;
	overflow: auto;
}
#POSScreenTopRight {
	width: auto;
	height: 53px;
	border: 1px solid grey;
	float: right;
	border: 0;
	margin-right:10px;
	
	
}
#POSScreenTopRight input {
	margin-left: 0px;
	margin-bottom: 2px;
	margin-right: 0px;
	width: 49%;
}
#POSScreenBottom {
	width: 100%;
	height: 870px;
	border: 1px solid grey;
	float: right;
}
#POSScreenBottom ul {
	display: block;
	height: 800px;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}
#InvoiceScreenTop
{
    float:left;
    width:100%;
}
#pager a {
    color: black;
    text-decoration: none;
    font-size:large;
    margin-left:5px;
    margin-right:5px;
}
#pager a:hover {
    color: Blue;
    text-decoration: underline;
    font-size:large;
    margin-left:5px;
    margin-right:5px;
}


@media screen and (min-device-width: 1024px) {
#TicketEditorScreenLeftDetailMain::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TicketEditorScreenLeftDetailMain::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#TicketEditorScreenLeftDetailMain::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TicketEditorScreenLeftDetailMain::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


@media screen and (min-device-width: 1024px) {
#TicketEditorScreenRightMenu::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TicketEditorScreenRightMenu::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#TicketEditorScreenRightMenu::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TicketEditorScreenRightMenu::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}
@media screen and (min-device-width: 1024px) {
#TicketEditorScreenRightDetail::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TicketEditorScreenRightDetail::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#TicketEditorScreenRightDetail::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TicketEditorScreenRightDetail::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}
@media screen and (min-device-width: 1024px) {
#TicketEditorScreenLeftMenu::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TicketEditorScreenLeftMenu::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#TicketEditorScreenLeftMenu::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TicketEditorScreenLeftMenu::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

.selectedPOSMenuCatgeory
{
    /*border-color:#04aeda;*/
	border-color:#17bdd1;
    border-width:thick;
    border-style:groove;
}

#TicketEditorScreenLeftDetail label{ font-size:13px !important; margin-left:0px;}
#paymentTicketItem > label,#paymentTotalView label{ margin-left:0px;}
#POSScreenBottom input {
	margin-left: 0px;
	margin-bottom: 2px;
	margin-right: 0px;
}
#TimeMachineScreen {
	width: 100%;
	/*border: 1px solid grey;*//*to remove border from timemachine view screen by neha*/
	float: right;
}
#TimeMachineScreenTop {
	width: 100%;
	border: 1px solid grey;
	border: 0;
	display:table;
	float: left;
	vertical-align: middle;
}
#TimeMachineScreenTopLeft {
	width: 100%;
	border: 1px solid grey;
	border: 0;
	display:table-cell;
	vertical-align: middle;
}
#TimeMachineScreenTopLeft label {
	font-size: x-large;
	font-weight: bold;
	vertical-align: middle;
	azimuth: center;
}
#TimeMachineScreenTopLeftRight {
	width: 50%;
	border: 1px solid grey;
	border: 0;
	height: 300Px;
	float: right;
}
#dateTime{
	text-align: center;
	font-size:60px !important;
}
#date{text-align:center; text-transform:uppercase;}
#clockid {
	height: 100Px;
	width: 30%;
}
#TimeMachineScreenTopRight {
	width: 30%;
	border: 1px solid grey;
	float: right;
	border: 0;
	height: 300Px;
}
#TimeMachineScreenTopRight textarea {
	width: 90%;
	height: 200Px;
}
#TimeMachineScreenTop label {
	padding-left: 5px;
}
#TimeMachineScreenBottom {
	width: 100%;
	border: 1px solid grey;
	float: left;
	border: 0;
}
#TimeMachineScreenBottomLeft{
	float:left;
	width:50%;
}
#TimeMachineScreenBottomRight {
	width: 50%;
	border: 1px solid grey;
	float: right;
	height: auto;
	border: 0;
	overflow:auto;
}
textarea.form-control.timeMachineCorrection {
	height:118px;
}
.timeMachineSave, .timeMachineSave:hover{
	background:#828282;
	color:#fff !important;
	width:100%;
	padding:auto !important;
	text-transform:uppercase;
	font-size:30px !important;
	font-weight:bold !important;
	

}
.timeMachineSave.enabledbutton, .timeMachineSave.enabledbutton:hover{
	background:#7cae12;
	color:#FFFFFF;
	white-space:normal !important;
}
.timeMachineSave.enabledoutbutton, .timeMachineSave.enabledoutbutton:hover{
	background:#b10303;
	color:#FFFFFF;
	white-space:normal !important;
}
.workInOutSave, .workInOutSave:hover{
	background:#828282;
	color:#fff !important;
	width:100%;
	padding:auto !important;
	text-transform:uppercase;
	font-size:30px !important;
	font-weight:bold !important;
    white-space:normal !important;
}
.workInOutSave.enabledbutton, .workInOutSave.enabledbutton:hover{
	background:#00BCD1;
	color:#FFFFFF;
	white-space:normal !important;
}
.workInOutSave.enabledoutbutton, .workInOutSave.enabledoutbutton:hover{
	background:blue;
	color:#FFFFFF;
	white-space:normal !important;
}
#HourCalculation {
	width: 100%;
	float: right;
	margin-top:10px;
}
#HourCalculationLeft{
	float:left;
	width:50%;
	margin-top:10px;
}
#HourCalculationTop {
	/*width: 60%;
	border: 1px solid grey;*/
	/*change width by neha dated 27-09-2016*/
	width:100%;
	/*ended by neha*/
	border: 0;
	/*height: 76px;*/
	float: left;
	vertical-align: middle;
}
#HourCalculationTopLeft {
	/*width: 50%;*/
	/*change width by neha dated 27-09-2016*/
	width:33%;
	/*ended by neha*/
	border: 1px solid grey;
	border: 0;
	
	float: left;
	vertical-align: middle;
}
#HourCalculationTopLeft input {
	width: 100%;
}
/*added by neha dated 27-09-2016*/
#TicketScreenMiddle select{
	margin-top:10px;
	width:49%;
	float:left;
}
#TicketScreenMiddle input{
	margin-top:10px;
	width:49%;
	display:inline;
	float:right;
}
#HourCalculationTop select{
	margin-top:10px;
	font-weight:bold;
}
/*ended by neha*/ 

#HourCalculationTopLeftRight {
	/*width: 50%;
	float: right;*/
	/*change width by neha dated 27-09-2016*/
	width:33%;
	float:left;
	/*ended by neha*/
	border: 1px solid grey;
	border: 0;
}
#HourCalculationTopLeftRight input {
	width: 100%;
}
#HourCalculationTopRight {
	/*width: 40%;
	float: right;*/
	/*added by neha dated 27-09-2016*/
	width: 100%;
	float:left;
	/*ended by neha*/
	border: 1px solid grey;
	border: 0;
	
}
#HourCalculationTopRight textarea {
	width: 90%;
	height: 100Px;
}
#HourCalculationMiddle {
	/*width: 60%;*/
	/*change width by neha dated 27-09-2016*/
	width:33%;
	/*ended by neha*/
	border: 1px solid grey;
	border: 0;
	height: auto;
	float: left;
	vertical-align: middle;
}
#HourCalculationBottomLeft {
	/*width: 60%;*/
	/*Added by neha dated 27-09-2016*/
	width: 100%;
	/*ended by neha*/
	border: 0;	
	float: left;
	vertical-align: middle;
}
#HourCalculationBottomLeft select {
	width: 90%;
	margin-left: 0px;
}

#HourCalculationBottomLeft input[type="submit"] {
	margin-left: 20px !important;
}

#HourCalculationBottomRight {
	/*width: 40%;
	border: 1px solid grey;
	border: 0;
	
	float: right;*/
	float:left;
	width:100%;
	margin:25px auto;
	text-align:center;
	vertical-align: middle;
}
#HourCalculationBottomRight select {
	width: 90%;
	margin-left: 0px;
}
#NewTimeMachineForm {
}
#NewTimeMachineForm textarea {
	/*width: 90%;*/
	height: 150Px;
}
#TicketScreen {
	width: 100%;
	border: 1px solid grey;
	/*float: right;*/
	/*Added by neha dated 27-09-2016*/
	float:left;
	padding: 10px;
}
#TicketScreenTop {
	width: 100%;
	border: 1px solid grey;
	border: 0;
	/*height: 40Px;*//*commented by neha dated 27-09-2016*/
	float: left;
	vertical-align: middle;
	background:#343434;
	padding:25px;
}
#TicketScreen #GCContent{ float:left;width:100%}
#HourCalculationBottomRight label,#HourCalculationBottomRight select{ margin-left:0px !important;}
#TicketScreenTopLeft {
    /*width: 50%;*/ /*commented by neha dated 16-08-2016 */
    width: 40%;
    border: 1px solid grey;
    border: 0;
    /*height: 40Px;*/ /*commented by neha dated 16-08-2016 */
    float: left;
    vertical-align: middle;
    min-width: 180px;
}
#TicketScreenTopLeft input {
	width: 75%;
}
#TicketScreenTopLeftRight {
    /*width: 50%;*/ /*commented by neha dated 16-08-2016 */
    /*width:20%;*/
    border: 1px solid grey;
    border: 0;
    /*height: 40Px;*/ /*commented by neha dated 16-08-2016 */
    /*float: right;*/ /*commented by neha dated 16-08-2016 */
    float: left;
    min-width: 180px;
}
#TicketScreenTopLeftRight input {
	width: 75%;
}
#TicketScreenTopRight {
	/*width: 50%;*/
	border: 1px solid grey;
	float: right;
	border: 0;
	padding:12px 0;
	/*height: 75Px;*/
}
#TicketScreenMiddle {
	border: 1px solid grey;
	border: 0;
	/*height: 60Px;*/
	float: left;
	vertical-align: middle;
	width:49%;
	min-width:120px;
}
#InvoiceScreenTopLeft {
	/*width: 50%;*//*commented by neha dated 16-08-2016 */
	width:23%;
	border: 1px solid grey;
	border: 0;
	/*height: 40Px;*/ /*commented by neha dated 16-08-2016 */
	float: left;
	vertical-align: middle;
	min-width:40px;
}
#InvoiceScreenTopLeft input {
	width: 95%;
}
#InvoiceScreenTopLeftRight {
	/*width: 50%;*//*commented by neha dated 16-08-2016 */
	width:23%;
	border: 1px solid grey;
	border: 0;
	/*height: 40Px;*/ /*commented by neha dated 16-08-2016 */
	/*float: right;*//*commented by neha dated 16-08-2016 */
	float:left;
	min-width:140px;
}
#InvoiceScreenTopLeftRight input {
	width: 95%;
}
#InvoiceScreenTopRight {
	/*width: 50%;*/
	border: 1px solid grey;
	float: right;
	border: 0;
	padding:12px 0;
	/*height: 75Px;*/
}
#InvoiceScreenMiddle {
	border: 1px solid grey;
	border: 0;
	/*height: 60Px;*/
	float: left;
	vertical-align: bottom;
	width:30%;
	min-width:50px;
}
#TicketScreenBottom1 {
	width: 100%;
	border: 1px solid grey;
	border: 0;
	height: 430Px;
	float: right;
	vertical-align: middle;
}
#TicketScreenBottom2 {
	/*width: 20%;*/
	border: 1px solid grey;
	border: 0;
	/*height: 25Px;*/
	float: right;
	vertical-align: middle;
	/*added by neha dated 16-08-2016*/
	text-transform:uppercase;
	padding:5px;
	font-size:20px;
}

#TicketScreenBottom3 {
	width: calc( 100% - 100px);
	border: 1px solid grey;
	border: 0;
	height: 75Px;
	float: right;
	vertical-align: middle;
}
#InvoiceScreenBottom2 {
	/*width: 20%;*/
	border: 1px solid grey;
	border: 0;
	/*height: 25Px;*/
	float: right;
	vertical-align: middle;
	/*added by neha dated 16-08-2016*/
	text-transform:uppercase;
	padding:20px;
	font-size:20px;
}

#InvoiceScreenTop {
	width: 100%;
	border: 1px solid grey;
	border: 0;
	/*height: 40Px;*//*commented by neha dated 16-08-2016*/
	float: left;
	vertical-align: middle;
	background:#343434;
	padding:25px;
}
#AccountSelectorScreen {
	width: 100%;
	border: 1px solid grey;
	float: right;
}
#AccountSelectorScreenTop {
	width: 100%;
	border: 1px solid grey;
	border: 0;
	/*margin:5px;*/ /*commented by neha dated 19-08-2016*/
	float: left;
	vertical-align: middle;
	margin-top:-20px;
}
#AccountSelectorScreenTop input[type="submit"],  #AccountSelectorScreenTop input[type="button"],  #AccountSelectorScreenTop button {
	
	margin-left:0px;
	
	font-size: x-large;
	font-weight: bold;
}
#AccountSelectorScreenLeft {
	/*width: 85%;*/
	width:100%;
	border: 1px solid grey;
	border: 0;
		/*max-height: 450px;*/
	float: left;
	vertical-align: middle;
}
#AccountSelectorScreenRight {
	/*width: 15%;*/
	width:100%;
	border: 1px solid grey;
	border: 0;
	
	/*max-height: 450px;
	float: right;*/
	float:left;
	vertical-align: middle;
	text-align:right;
	padding:15px;
}
#AccountSelectorScreenRight input[type="submit"],  #AccountSelectorScreenRight input[type="button"],  #AccountSelectorScreenRight button {
	height: auto;
	font-size: large;
}
/*---------------------Account Detail Screen-----------------------*/
#AccountDetailScreen {
	width: 100%;
	border: 1px solid grey;
	float: right;
}
#AccountDetailScreenTop {
	width: 100%;
	border: 1px solid grey;
	border: 0;
	
	float: left;
	vertical-align: middle;
}
#AccountDetailScreenTop label {
	width: 98%;
	margin-left: 10px;
	font-size: x-large;
	font-weight: bold;
}
#AccountDetailScreenLeft {
	width: 85%;
	border: 1px solid grey;
	border: 0;
	height: auto;
	float: left;
	vertical-align: middle;
}
#AccountDetailScreenRight {
	width: 15%;
	border: 1px solid grey;
	border: 0;
	height: auto;
	float: right;
	vertical-align: middle;
}
#AccountDetailScreenRight input[type="submit"],  #AccountDetailScreenRight input[type="button"],  #AccountDetailScreenRight button {
	width: 95%;
	height: 75px;
	margin-left: 5px;
	font-size: large;
	margin-top: 10px;
}
#CashDrawerScreen {
	width: 100%;
	border: 1px solid grey;
	float: right;
}
#CashDrawerScreenTop {
	width: 80%;
	border: 1px solid grey;
	border: 0;
	height: 300Px;
	float: left;
	vertical-align: middle;
}
#CashDrawerScreenTop div {
	height: 85%;
}
#CashDrawerScreenTopBottom {
	width: 80%;
	border: 1px solid grey;
	border: 0;
	
	float: left;
	vertical-align: middle;
}
#CashDrawerScreenTopBottom label {
	width: 60%;
	display: inline-block;
}
#CashDrawerScreenTopBottom div {
	width: 18%;
	display: inline-block;
}
#CashDrawerScreenRight {
	width: 18%;
	border: 1px solid grey;
	border: 0;
	float: right;
	vertical-align: top;
	margin-left: 10px;
}
#CashDrawerScreenRight input[type="submit"],  #CashDrawerScreenRight input[type="button"],  #CashDrawerScreenRight button {
	width: 95%;
	height: auto;
	margin-right: 5px;
	margin-top:10px;
	margin-left:0px;
}
#CashDrawerScreenBottom {
	width: 80%;
	border: 1px solid grey;
	border: 0;
	height: 300Px;
	float: left;
	vertical-align: middle;
}
#CashDrawerScreenBottom div {
	height: 70%;
}
#CashDrawerScreenBottomBottom {
	width: 100%;
	border: 1px solid grey;
	border: 0;
	height: 30%;
	float: left;
	vertical-align: middle;
}
#CashDrawerScreenBottomBottom label {
	width: 45%;
	display: inline-block;
}
#CashDrawerScreenBottomBottom div {
	width: 17%;
	display: inline-block;
}
#MainBodyDown {
	width: 100%;
	float: right;
}
#MainBodyDown input[type="submit"],  #MainBodyDown input[type="button"],  #MainBodyDown button {
	margin-right: 20px;
	width: 15%;
	float: right;
}
#MainBodyDown label {
	margin-top: 10px;
	margin-left: 20px;
	width: 25px;
	float: left;
	font-size: larger;
	font-weight: bold;
	display: inline;
}
#MainBodyDown div {
	width: 18%;
	float: left;
	display: inline-block;
}
#MainBodyUpLeft {
	width: 100%;
}
#MainBodyUpLeft label {
	margin-left: 20px;
	font-size: xx-large;
	font-weight: bold;
	display: inline;
	color: blue;
}
#MainBodyUpRight {
	width: 100%;
	padding-top: 20px;
}
#MainBodyUpRight label {
	margin-left: 20px;
	color: blue;
	font-size: larger;
	font-weight: bold;
	display: inline;
}
#TicketEditorScreen {
	width: 100%;
}
#TicketEditorScreenleft {
}
#TicketEditorScreenLeftMenu {
	width: 20%;
	float: left;
}
#TicketEditorScreenLeftMenu input[type="submit"],  #TicketEditorScreenLeftMenu input[type="button"],  #TicketEditorScreenLeftMenu button {
	width: 100%;
	text-align: center;
	min-height: 50px;
	white-space: normal;
	margin-top: 5px;
}
#TicketEditorScreenLeftDetail {
	width: 76.5%;
	float: right;
	margin-left: 1px;	
}
#TicketEditorScreenLeftDetailSection1 {
	width: 100%;
	background-color: Gray;
	color: White;
	float:left;
}
#TicketEditorScreenLeftDetailSection2 {
	width: 100%;
	background-color: #E2E2E2;
	color: Gray;
}
#TicketEditorScreenLeftDetailSection3 {
	width: 100%;
	background-color: Gray;
	color: Gray;
}
#TicketEditorScreenLeftDetailButtonSection1 {
	float: none;
	display:inline-block;
	height:100%;
	Width:68% !important;
}
#TicketEditorScreenLeftDetailButtonSection1 input[type="submit" ],  #TicketEditorScreenLeftDetailButtonSection1 button {
	width: 100%;
	text-align: center;
	height: 100%;
	padding:0;
	white-space: normal;
	background: Gray;
	font-size: x-large;
	font-weight: bold;
	
}
#TicketEditorScreenLeftDetailButtonSection2 {
	float: left;
}
#TicketEditorScreenLeftDetailButtonSection2 input[type="submit" ],  #TicketEditorScreenLeftDetailButtonSection2 button {
	width: 100%;
	text-align: center;
	height: auto;
	white-space:normal;
	background: Gray;
	color: White;
	font-size: x-large;
	font-weight: bold;
}
#TicketEditorScreenLeftDetail select {
	width: 100%;
}
#TicketEditorScreenRight {
	float: right;
}
#TicketEditorScreenRightMenu 
{
    overflow-y:auto;
}
#TicketEditorScreenRightMenu input[type="submit" ] {
	font-size: large;
	font-weight: bold;
	max-width: 100%;
	white-space: normal;
	margin-bottom: 1px;
	margin-top: 1px;
}
#TicketEditorScreenRightDetail {
	float: right;
	vertical-align: top;
	height: auto;
	overflow: auto;
	padding:0px;
	margin-bottom:10px;
}
.ticketnumebrpadNumberCancel{ margin-right:0%; margin-left:0px;margin-top:-3px;padding:5px !important;}
#TicketEditorScreenRightDetailBottom {
	width: 100%;
	float: right;
	vertical-align: bottom;
	top: 500px;
    padding-left:5px;
}
#TicketEditorScreenLeftDetail form,#TicketEditorScreenLeftDetailButtonSection2{ 
	display: inline-table;
    height: 100%;
    max-width: 30%;
    width: 30%;
}
#NumberpadLeft {
	width: 100%;
	float: left;
}
#NumberpadRight {
	width: 29%;
	float: right;
}
#NumberpadLeft input[type="submit" ] {
	margin-top: 1px;
	margin-left: 0px;
	margin-bottom: 1px;
	margin-right: 0px;
	height : 45px;
	width: 32%;
	background:#d3dce0;
	color:black;
}
#NumberpadRight input[type="submit" ] {
	margin-top: 1px;
	margin-left: 1px;
	margin-bottom: 1px;
	margin-right: 1px;
	height : 60px;
	width: 99%;
	background:#d3dce0;
	color:black;
}
#TicketEditorScreenRightDetailBottom input[type="text" ] {
	width: 90%;
	height: 30px;
	margin-left:0px;
}
#TicketEditorNoteScreen {
	margin-left: 5px;
}
#TicketEditorNoteScreen input[type="submit" ] {
	font-size: large;
	font-weight: bold;
	white-space: normal;
	margin-left:0px;
}
#TicketEditorNoteScreen textarea {
	height: 200px;
	width:100%;
}
#TicketEditorPropertyGroup {
	border: 1px solid grey;
	margin-left: 20px;
	margin-right: 10px;
}
#TicketEditorReasonView {
	border: 1px solid grey;
	margin-left: 20px;
	margin-right: 10px;
	height: 400px;
}
#TicketEditorReasonView input[type="submit" ] {
	width: 90%;
}
#TicketEditorPropertyGroup legend {
	margin-left: 5px;
	display: block;
}

/* for Scale Error Number Pad-----*/
#scaleErrorTop
{
    height:20%;
}

#scaleErrorBottom
{
    height:80%;
}
#scaleErrorBottom input[type="submit" ] {
	width: 31%;
	height: 60px;
	font-size: x-large;
	font-weight: bold;
	margin-right: 0px;
	margin-left:0px;
	padding:0px;
	background:#d3dce0;
	color:black;
}

#PaymentEditorScreen {
	width: 100%;
}
#PaymentEditorScreenleft {
	width: 35%;
	float: left;
	overflow:auto;
}
#PaymentEditorScreenleft select {
	width: 100%;
}
#PaymentEditorScreenleftDetail {
	width: 100%;
	background-color: Gray;
	color: Black;
	float:left;
}
#PaymentEditorScreenleftTicketTotal {
	width: 100%;
	background-color: #EEEEEE;
	color: Black;
	display: inline-block;
	font-size: larger;
}
/*For  showing the icon on the ticket editor and payment ediotr*/
#poseditorTitle
{
    float :left;
    width:100%;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
}
#poseditorTitle div {

}

#TicketEditorScreenLeftDetailSection1 div img {
	width: 20px !important;
	height:20px !important;	
	margin-bottom:5px;
	float:left;
	
}
#TicketEditorScreenLeftDetailSection1 label {
	margin-top:0px;
	float:left;
	margin-left:5px;
}
#PaymentEditorScreenleftDetail div img{
	width: 20px !important;
	height:20px !important;
	margin-bottom:5px;
	float:left;
	
}
#PaymentEditorScreenleftDetail label {
	margin-top:0px;
	float:left;
	margin-left:5px;
}
/* end For  showing the icon on the ticket editor and payment ediotr*/
#PaymentEditorScreenleftTicketTotal label {
	display: inline-block;
	font-size: larger;
	width: 82%;
	float: left;
}
#PaymentEditorScreenleftTicketTotal div {
	display: inline-block;
	font-size: larger;
	margin-right: 5px;
	width: 15%;
	float: right;
	text-align: right;
}
#PaymentEditorScreenleftSubTotal {
	width: 100%;
	background-color: #EEEEEE;
	color: Black;
	display: inline-block;
	font-size: larger;
}
#PaymentEditorScreenleftSubTotal label {
	display: inline-block;
	font-size: larger;
	width: 82%;
	float: left;
}
#PaymentEditorScreenleftSubTotal div {
	display: inline-block;
	font-size: larger;
	margin-right: 5px;
	width: 15%;
	float: right;
	text-align: right;
}
#PaymentEditorScreenleftBalance {
	width: 100%;
	background-color: #EEEEEE;
	color: red;
	display: inline-block;
	font-size: larger;
	font-weight: bold;
}
#PaymentEditorScreenleftBalance label {
	display: inline-block;
	font-size: larger;
	width: 82%;
	float: left;
}
#PaymentEditorScreenleftBalance div {
	display: inline-block;
	font-size: larger;
	margin-right: 5px;
	width: 15%;
	float: right;
	text-align: right;
}
#PaymentEditorScreenRight {
	width: 65%;
	float: right;
	overflow:auto;
}
#PaymentEditorScreenRightLeft {
	width: 72%;
	float: left;
}
#PaymentEditorScreenRightLeft label {
	display: inline;
	font-size: large;
	padding-top: 5px;
	padding-bottom: 5px;
}
#PaymentEditorScreenRightLeft input[type="text" ] {
	display: block;
	width: 48%;
	float: right;
}
#numberpadTopSection {
	width: 100%;
	height: 10%;
	float:left
}
#numberpadSection {
	width: 100%;
	height: 100%;
	float:left;
}
#PaymentEditorScreenRightLeft1 {
	width: 15%;
	float: left;
	height: 100%;
	
}
#PaymentEditorScreenRightLeft1 input[type="submit" ] {
	font-size: x-large;
	font-weight: bold;
	color: White;
	margin-left:0px;
	height:16% !important;
	/*margin-top:2px !important;*/
	padding:0px;
}
#PaymentEditorScreenRightLeft2 {
	width: 83%;
	float: right;
	padding-left: 5px;
	height:100%;
}
#PaymentEditorScreenRightLeft21 {
	width: 75%;
	float: left;
	height: 100%;
}
#PaymentEditorScreenRightLeft21 input[type="submit" ] {
	width: 30%;
	height: 24%;
	font-size: x-large;
	font-weight: bold;
	margin-right: 0px;
	margin-left:0px;
	padding:0px;
	background:#d3dce0;
	color:black;
	
}

#PaymentEditorScreenRightLeft21 div {
	font-size: x-large;
	font-weight: bold;
	margin-right: 0px;
	margin-left:0px;
	padding:0px;
	color:black;	
}
#PaymentEditorScreenRightLeft22 {
	width: 24%;
	float: right;
	height:100%;
}
#PaymentEditorScreenRightLeft22 input[type="submit" ] {
	width: 99%;
	height: 16%;
	padding:0px;
	font-size: x-large;
	font-weight: bold;
	color: White;
	margin-left:0px;
}
#DiscountButtonsDivNew input,#foreignCurrencyButtonsDiv input{ margin-left:0px;}
#numberpadDiscountSection {
	width: 100%;
	height: 8%;
	float:left;
}
#PaymentEditorScreenRightRight {
	width: 25%;
	float: right;
}
div.resizable {
}
div#draftsduelist {
	margin: 0px auto;
	height: 640px;
	width: 1170px;
}
#RuleForm {
	
	border: 1px solid grey;
	float: right;

}
#RuleForm input[type="button"] {
	margin-left: 20px;
}
#RuleFormsection1 {
	width: 50%;
	float: left;
}
#RuleFormsection3 {
	width: 50%;
	float: right;
}
#RuleFormsection3 legend{
	display:block;
}
/*#RuleFormsection1 label {
	padding-left: 20px;
}
#RuleFormsection1 input {
	margin-left: 20px;
	margin-bottom: 20px;
}*/
#RuleFormsection1 input[type="checkbox"] {
	width: auto;
	height: auto;
}
/*#RuleFormsection1 select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}*/
#RuleFormsection2 {
	width: 100%;
}
/*#RuleFormsection2 select {
	width: 200px;
	height: auto;
}*/
#ruleContraintSection {
	border: 1px solid grey;
	/*margin-left: 2px;
	margin-right: 5px;
	padding-left: 0px;
	width: 90%;*/
}
#RuleActionFormSection1 {
	width: 40%;
	float: left;
}
#RuleActionFormSection1 select {
	width: 100%;
}
#RuleActionFormSection1 label {
	font-size: small;
	font-weight: normal;
}
#RuleActionFormSection2 {
	width: 60%;
	float: right;
}
#RuleActionFormSection21 {
	width: 25%;
	float: left;
	vertical-align: middle;
}
#RuleActionFormSection21 input[type="checkbox"],  #RuleActionFormSection21 input[type="submit"],  #RuleActionFormSection21 input[type="button"],  #RuleActionFormSection21 button {
	margin-top: 50px;
	margin-left: 10px;
	margin-right: 10px;
}
#RuleActionFormSection22 {
	width: 75%;
	float: right;
}
#RuleActionFormSection22 label {
	font-size: small;
	font-weight: normal;
}
#RuleActionFormSection22 select {
	width: 100%;
}
#customerSearchLeft {
	width: 80%;
	float: left;
}
#customerSearchRight {
	width: 20%;
	float: right;
}
#customerSearchRight input[type="checkbox"], #customerSearchRight input[type="submit"], #customerSearchRight input[type="button"], #customerSearchRight button {
	/*width: 90%;*/
	width: 100%;
	font-weight:bold;
}
#ModifierForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
	
}
#ModifierForm input[type="button"] {
	margin-left: 20px;
}
#ModifierFormsection1 {
	width: 50%;
	float: left;
}
#ModifierFormPortionSection {
	width: 100%;
}
#ModifierFormPortionSection input {
	width: 100px;
}
#ModifierFormsection1 label {
	
	margin-left: 0px;
}
/*#ModifierFormsection1 input {
	margin-left: 0px !important;
	margin-bottom: 20px;
}*/
#ModifierFormsection1 input[type="checkbox"] {
	width: auto;
	height: auto;
}
#ModifierFormsection1 select {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
}
#ModifierFormsection2 {
	width: 50%;
	float: right;
	
}
#ModifierFormsection2 input[type="checkbox"],  #ModifierFormsection2 input[type="submit"],  #ModifierFormsection2 input[type="button"],  #ModifierScreensection2 button {
	width: auto;
	height: auto;
}
#ModifierFormsection2 label {
	padding-left: 20px;
}
#modifierLanguages 
{
    margin-left:40px;
    width:100%;
}

/*#ModifierFormsection2 input {
	margin-left: 2px;
	margin-bottom: 20px;
	width: 50px;
}
#ModifierFormsection2 select {
	margin-left: 2px;
	margin-bottom: 20px;
	margin-top: 5px;
	height: 30px;
	width: 50px;
}
#ModifierFormSectionBody1 {
	border: 1px solid grey;
	padding: 10px;
	
}*/
#ModifierFormFormSection {
	width: 25%;
	float: right;
}
#ModifierFormSectionBody1 legend {
	/*margin-left: 5px;*/
	display: block;
}
#ModifierFormSectionBody1 div {
	width: 75%;
	float: left;
}
/*#ModifierFormSectionBody2 {
	border: 1px solid grey;
	padding: 0px;
	overflow:auto;
}*/
#ModifierFormSectionBody2 legend {
	/*margin-left: 5px;*/
	display: block;
}
#ProductForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
	
}

#ReservationScreen {
	width: 100%;
	padding: 5px;
	border: 1px solid grey;
	float: right;
}
#ReservationScreenTop {
	width: 100%;
    border: 1px solid grey;
	border: 0;
	float:left;
	
}
#ReservationScreenMiddle{
	float:left;
	width:100%;
}
#ReservationScreenTopLeft {
	width: 38%;
	border: 1px solid grey;
	float: left;
	border: 0;	
}

#ReservationScreenTopRight {
	width:auto;
	border: 1px solid grey;
	float: right;
	border: 0;
	text-align: right;
	
}
#ReservationScreenTopRight input[type="button"], #ReservationScreenTopRight input[type="submit"] {
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
}
#ReservationScreenTopRight input[type="date"] {
	margin-left: 0px;
	margin-right: 0px;
	width: 15%;
}
#ReservationScreenTopRight input[type="time"] {
	margin-left: 0px;
	margin-right: 0px;
	width: 15%;
}
#ReservationScreenTopRight input[type="text"] {
	margin-left: 0px;
	margin-right: 0px;
	width: 15%;
}
#ReservationScreenBottom {
	width: 100%;
	height: 870px;
	border: 1px solid grey;
	float: right;
}
#ReservationScreenBottom ul {
	display: block;
	height: 850px;
	list-style-type: disc;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}
#ReservationScreenBottom input {
	margin-left: 0px;
	margin-bottom: 2px;
	margin-right: 0px;
}
#reservationEditorForm {
	width: 100%;
	padding: 10px;
}
#reservationEditorFormTop {
	height: 50%;
}
#reservationEditorFormBottom 
{
    /*margin-top:10px;
	height: 8%;*/
	float:right;
	width:100%;
	text-align:right;
}
input.form_submit.form_import, input.form_submit.form_menu_import,input.form_import,input.form_submit.form_import:hover, input.form_submit.form_menu_import:hover,input.form_import:hover{float:left;}

#reservationEditorFormLeft {
	width: 50%;
	float: left;
}
#reservationEditorFormLeft1 {
	width: 100%;
	float: left;
}
#reservationEditorFormLeft1 input[type="checkbox"],  #reservationEditorFormLeft1 input[type="submit"],  #reservationEditorFormLeft1 input[type="button"],  #reservationEditorFormLeft1 button {
	
	width: 95%;
}
#reservationEditorFormLeft2 {
	width: 100%;
	float: right;
}
#reservationEditorFormLeft2 select {
	width: 95%;
}
#reservationEditorFormRight {
	width: 50%;
	float: right;
}
#reservationEditorFormRightDetail {
}
#reservationEditorFormRightDetail label {
	width: 20%;
	display: inline;
}
#reservationEditorFormRightDetail input {
	width: 10%;
	display: inline;
}
#reservationEditorFormRight textarea {
	height: 350px;
    
	width: 90%
}
#reservationEditorBottomRight {
	width: 45%;
	float: right;
    margin-right:4%;
}
#reservationEditorBottomRight input[type="submit" ],  #reservationEditorBottomRight button {
	width: 100%;
	text-align: center;
	height: 70px;
	white-space: normal;
	background-color: Red;
	color: White;
	font-size: x-large;
	font-weight: bold;
	margin-top:20px;
}
#reservationEditorBottomLeft {
	width: 45%;
	float: left;
    margin-left:8px;
}
#reservationEditorBottomLeft input[type="submit" ],  #reservationEditorBottomLeft button {
	width: 100%;
	text-align: center;
	height: 70px;
	white-space: normal;
	background-color: Gray;
	font-size: x-large;
	font-weight: bold;
	margin-top:20px;

}
#reservationEditorFormRightDetail1Left {
	width: 45%;
	float: left;
}
#reservationEditorFormRightDetail1Right {
	width: 45%;
	float: right;
}
#reservationEditorFormRightDetail2Left {
	width: 45%;
	float: left;
}
#reservationEditorFormRightDetail2Right {
	width: 45%;
	float: right;
}
#WaiterPinSection {
}

#ScaleErrorSection input[type="submit" ] {
	margin-top: 1px;
	margin-left: 1px;
	margin-bottom: 1px;
	margin-right: 0px;
	height : 45px;
	width: 32%;
	background: Green;
	color: white;
	font-weight: bold;
	font-size:12px;
	float:left;
}
#waiterPinCodeNumber, #scalePadNumber
{
    background:#d3dce0 !important;
    color:black !important;
}

#ScaleErrorSection input[type="text"] {
	width: 97%;
	height: 33px;
}
#WaiterCheckInSection {
}
.waiterTimeIn  {
	margin-top: 1px;
	margin-left: 0px;
	margin-bottom: 1px;
	margin-right: 0px;
	height : 65px;
	width: 99%;
	background: Green !important;
	color: Black;
	font-weight: bold;
	white-space:normal;
}
.waiterWorkInOut  {
	margin-top: 1px;
	margin-left: 0px;
	margin-bottom: 1px;
	margin-right: 0px;
	height : 65px;
	width: 99%;
	background: #00BCD1 !important;
	color: Black;
	font-weight: bold;
	white-space:normal;
}

#waiterTimeInExit 
{
    background:red !important;
    margin-top: 1px;
	margin-left: 2px;
	margin-bottom: 1px;
	margin-right: 0px;
	height : 65px;
	width: 99%;

}
 #waiterTimeInExit img {
        width:48px;        
    }
/*---------------------------------For ScreenMenu------------------*/
#ScreenMenuForm {
	
	border: 1px solid grey;
	float: right;
	
}
#ScreenMenuLeft {
	width: 50%;
	float: left;
	
}
#ScreenMenuLeft label,#ScreenMenuLeft input,#ScreenMenuLeft select{ margin-left:0px;}
#ScreenMenuRight {
	/*margin-top: 100px;
	width: 48%;*/
	width:50%;
	float: right;
}

/*---------------------------------For Report------------------*/

#BasicReports {
	margin-top:-20px;
}
#BasicReportLeft {
	width: 28%;
	float: left;
}
.printReport{
	background-color:#17BDD1;
	background-image:url("Images/print.png");
	background-position:center center;
	background-repeat:no-repeat;
	background-size:65% auto;
	color:#fff;
	box-shadow: none !important;
	border-radius: 2px !important;
	border: none;
}
.exportPDFMain{
	background-color:#17BDD1;
	background-image:url("Images/icon-hourcalculation-pdfexport.png");
	background-position:15px center;
	background-repeat:no-repeat;
	background-size:13% auto;
	padding:10px 10px 10px 35px;
	color:#fff;
	box-shadow: none !important;
	border-radius: 2px !important;
	border: none;
}
.refreshReport{
	background-color:#17BDD1 !important;
	background-image:url("Images/refresh.png") !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	background-size:65% auto !important;
	color:#fff !important;
	border:none;
}
#normalreports, #zreportWorkPeriods{
	float:left;
	width:100%;
	padding:10px;
}
#selectedFilterGroup{
	float:left;
	width:25%;
}
#BasicReportRight {
	width: 72%;
	overflow:auto;
	float: right;
}
/*#BasicReportTop {
	height: 10%;
}*/
#BasicReportTop input[type="text" ] {
	width: 25%;
}
/*#BasicReportBottom {
	height: 85%;
}*/
/*#posTables { width: 150px; height: 150px; padding: 0.5em; }
#posTables h3 { text-align: center; margin: 0; }
*/
.ui-resizable-helper {
	border: 2px dotted #00F;
}
#custom-menu {
	z-index: 1000;
	position: absolute;
	border: solid 2px black;
	background-color: white;
	padding: 5px 0;
	display: none;
}
#custom-menu ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
	min-width: 130px;
	width: auto;
	max-width: 200px;
	font-family: Verdana;
	font-size: 12px;
}
#custom-menu ol li {
	margin: 0;
	display: block;
	list-style: none;
	padding: 5px 5px;
}
#custom-menu ol li:hover {
	background-color: #efefef;
}
#custom-menu ol li:active {
	color: White;
	background-color: #000;
}
#custom-menu ol .list-devider {
	padding: 0px;
	margin: 0px;
}
#custom-menu ol .list-devider hr {
	margin: 2px 0px;
}
#custom-menu ol li a {
	color: Black;
	text-decoration: none;
	display: block;
	padding: 0px 5px;
}
#custom-menu ol li a:active {
	color: White;
}
/* contact */
.contact h3 {
	font-size: 1.2em;
}
.contact p {
	margin: 5px 0 0 10px;
}
.contact iframe {
	border: 1px solid #333;
	margin: 5px 0 0 10px;
}
/* forms */
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
fieldset legend {
	display: none;
}
fieldset ol {
	padding: 0;
	list-style: none;
}
fieldset ol li {
	padding-bottom: 5px;
	text-align:left;
}
label {
	display: block;
	
	font-weight: 600;
}
label.checkbox {
	display: inline;
	vertical-align:top !important;
}
input, textarea {
	border: 1px solid #e2e2e2;
	background: #fff;
	color: #333;
	font-size: 1.2em;
	margin: 5px 0 6px 0;
	padding: 5px;
	width: 80%;
}
textarea {
	font-family: inherit;
	width: 500px;
}
input:focus, textarea:focus {
	border: 1px solid #7ac0da;
}
input[type="checkbox"] {
	background: transparent;
	border: inherit;
	width: auto;
}
input[type="submit"],  input[type="button"],  button {
	border: 1px solid #787878;
	cursor: pointer;
	font-size: 1.2em;
	font-weight: 600;
	padding: 10px;
	width: auto;
	background:#d3dce0;
}
td input[type="submit"],  td input[type="button"],  td button {
	font-size: 1em;
	padding: 4px;
	margin-right: 4px;
}
/* info and errors */
.message-info {
	border: 1px solid;
	clear: both;
	padding: 10px 20px;
}
.message-error {
	clear: both;
	color: #e80c4d;
	font-size: 1.1em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
.message-success {
	color: #7ac0da;
	font-size: 1.3em;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
.error {
	color: #e80c4d;
}
/* styles for validation helpers */
.field-validation-error {
	color: #e80c4d;
	font-weight: bold;
}
.field-validation-valid {
	display: none;
}
input.input-validation-error {
	border: 1px solid #e80c4d;
}
input[type="checkbox"].input-validation-error {
	border: 0 none;
}
.validation-summary-errors {
	color: #e80c4d;
	font-weight: bold;
	font-size: 1.1em;
}
.validation-summary-valid {
	display: none;
}
/****************************************************/
/**************For Web Grid******************************/

.webgrid-table {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
	width: 100%;
	/*display: table;*/
	font-weight: normal;
	border:none;
	background-color:#ddd;
}
.webgrid-header {
	/*background-color: #A7C942;
	color: #000000;*/
	color: #fff;
	padding: 0px 0px 0px;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	/*added by neha dated 20-08-2016*/
	float:left;
	width:100%;
}
.webgrid-footer {
}
.webgrid-selected-row {
	background-color: #9EBAD6;
}
.webgrid-row-style {
	/*background-color: #9EBAD6;*/
	font-size: 12px;
	font-weight: normal;
	float:left;
	width:100%;
}
.webgrid-alternating-row {
	background-color: white;
	font-size: 12px;
	font-weight: normal;
	/*added by neha dated 20-08-2016*/
	float:left;
	width:100%;
}
.webgrid-deleted-row {
	display: none;
}
.webgrid-hidden-column {
	width: 0px;
}
.select {
	background-color: #71857C
}
.webgrid-amount-column {
	text-align: right;
}
.webgrid-table-pricelist {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
	width: 100%;
	/*display: table;*/
	font-weight: normal;
	/*added by neha dated 16-08-2016*/
	border:none;
	background-color:#ddd;
}
.webgrid-header-pricelist {
	/*background-color: #A7C942;
	color: #000000;*/
	color: #fff;
	padding: 0px 0px 0px;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	/*added by neha dated 20-08-2016*/
	float:left;
	width:100%;
}
.webgrid-footer-pricelist {
}
.webgrid-selected-row-pricelist  {
	background-color: #9EBAD6;
}
.webgrid-row-style-pricelist  {
	/*background-color: #9EBAD6;*/ /*commented by neha dated 20-08-2016*/
	font-size: 12px;
	font-weight: normal;
	float:left;
	width:100%;
}
 /******************************************************************************/

/* tables
----------------------------------------------------------*/
/*table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

    th a:link, th a:visited, th a:active, th a:hover {
        color: #333;
        font-weight: 600;
        text-decoration: none;
        padding: 0;
    }

    th a:hover {
        color: #000;
    }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
    }

    th.asc a:after {
        content: '▲';
    }

    th.desc a:after {
        content: '▼';
    }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}*/


 
/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {
/* header
    ----------------------------------------------------------*/
header .float-left,  header .float-right {
	float: none;
}
/* logo */
header .site-title {
	margin: 10px;
	text-align: center;
}
/* login */
#login {
	font-size: .85em;
	margin: 0 0 12px;
	text-align: center;
}
#login ul {
	margin: 5px 0;
	padding: 0;
}
#login li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#login a {
	background: none;
	color: #999;
	font-weight: 600;
	margin: 2px;
	padding: 0;
}
#login a:hover {
	color: #333;
}
/* menu */
nav {
	margin-bottom: 5px;
}
ul#menu {
	margin: 0;
	padding: 0;
	text-align: center;
}
ul#menu li {
	margin: 0;
	padding: 0;
}
/* main layout
    ----------------------------------------------------------*/
.main-content,  .featured + .main-content {
	background-position: 10px 0;
}
.content-wrapper {
	padding-right: 10px;
	padding-left: 10px;
}
.featured .content-wrapper {
	padding: 10px;
}
/* page content */
article, aside {
	float: none;
	width: 100%;
}
/* ordered list */
ol.round {
	list-style-type: none;
	padding-left: 0;
}
ol.round li {
	padding-left: 10px;
	margin: 25px 0;
}
ol.round li.zero,  ol.round li.one,  ol.round li.two,  ol.round li.three,  ol.round li.four,  ol.round li.five,  ol.round li.six,  ol.round li.seven,  ol.round li.eight,  ol.round li.nine {
	background: none;
}
/* features */
section.feature {
	float: none;
	padding: 10px;
	width: auto;
}
section.feature img {
	color: #999;
	content: attr(alt);
	font-size: 1.5em;
	font-weight: 600;
}
/* forms */
input {
	width: 90%;
}
/* login page */
#loginForm {
	border-right: none;
	float: none;
	width: auto;
}
#loginForm .validation-error {
	display: block;
	margin-left: 15px;
}
#socialLoginForm {
	margin-left: 0;
	float: none;
	width: auto;
}
/* footer
    ----------------------------------------------------------*/
footer .float-left,  footer .float-right {
	float: none;
}
footer {
	text-align: center;
	height: auto;
	padding: 5px 0;
}
footer p {
	margin: 0;
}
}
/* jQuery mobile styles
-----------------------------------------------------------*/

/* Make listview buttons fill the whole horizontal width of the screen */
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
	padding-right: 15px;
}
.ui-bar-a, .ui-body-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a, .ui-bar-b, .ui-body-b, .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b, .ui-bar-c, .ui-body-c, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c, .ui-bar-d, .ui-body-d, .ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d, .ui-bar-e, .ui-body-e, .ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e, .ui-btn-active {
	text-shadow: none;
}
.posSelectTable {
	height: 80px !important;
	margin-left: 10px;
	
}
.brand {
	/*margin: 10%;*/
	text-align:center;
	float:none;
	display:inline-block;
	margin-bottom:2px;
	margin-top:2%;
}
#POSScreenTopRight > form {
	display: table-row;
	max-width: 1000px
}
#foreignCurrencyButtonsDiv input[type="submit"], #DiscountButtonsDivNew {
	margin-top: 10px;
}
#tenderedDiv ul, #tenderedDiv li {
	width: 100%
}
option {
	display: block;
}
#filterTicketDetail {
	width: 300px;
}
.divHeader
{
    background-color:#00BCD1;
    color:White;
    margin:.5px;
}
.divDetail
{
    background-color:#F9F7E3;
    color:black;
    margin:.5px;
    height:30px;
    vertical-align:middle;
    
}
.divDetailAlter
{
    background-color:White;
    color:Blue;
    margin:.5px;
    height:30px;
    vertical-align:middle;
}
.divDetailSelected
{
    background-color:blue;
    color:White;
    margin:.5px;
    height:30px;
    vertical-align:middle;
}
.divDetailHour
{
    background-color:#F9F7E3;
    color:black;
    margin:.5px;
    height:30px;
    vertical-align:middle;
    
}
.divDetailHourAlter
{
    background-color:White;
    color:Blue;
    margin:.5px;
    height:30px;
    vertical-align:middle;
}
#ReservationScreenTopRight .hasDatepicker {
	padding: 10px 5px;
}
.row #settingForm {
	width:33.3333% !important;
	padding:0px 20px 10px 20px;
}
.row #settingForm #settingForm {
	width: 100%;
	border: 1px solid grey;
	padding:10px;
}
.row #ListingForm,#WaiterForm,#TableForm,#DepartmentForm,#PrinterForm,#TerminalForm,#PrintJobForm,#StateForm,#CurrencysettingForm,#LocationsettingForm,#TicketTagForm,#programsettingForm,#TableScreenForm,#WaiterScreenForm,#ProductForm,#ScreenMenuForm,#ModifierForm,#TaxServiceTemplateForm,#VoidReasonForm,#GiftReasonForm,#InventoryItemForm,#RecipeForm,#PriceDefinitionForm ,#CustomerForm,#AccountTypeForm,#AccountForm,#RuleForm,#UserForm,#TriggerDefinitionForm,#PaymentTypeForm,#AccountTransactionTypeForm,#ChangePaymentType,#VatTemplateForm,#AccountTransactionDocumentTypeForm,#AccountTransactionDocumentTypeForm{
	width:66.6666% !important;
	padding:10px 15px ;
}
#TriggerDefinitionForm,#AccountTransactionDocumentTypeForm,#AccountTransactionDocumentTypeForm{ float:right}
.filterName{width:300px;}
div[aria-describedby=screenMenuEditAllCategoryView]{width:80% !important; overflow:hidden;}
#ReservationScreen{ float:left;width:100%; margin-top:-10px;}
/*commented by neha gupta for new settings form layout dated 27-09-2016 */
/*#TriggerSectionBody input,#TerminalFormSection input{ width:70%;}*/
.numebrpadNumber,.numebrpadCancel{ margin-bottom:3px; background:#444444 none repeat scroll 0 0 !important;color:#fff !important;}

.discountButton{
	background:#17BDD1 none repeat scroll 0 0 !important;
	color:#fff;
}
#ticketEditorMenuItemView #ticketEditorMenuItemView,#gridContent1{ width:100%; padding:0px; margin:0px; display:inline-block;}


input[type="checkbox"]{ width:auto !important}
header{ display:inline-block !important; width:100%;}
#menuSection
{
    background: none repeat scroll 0 0 #f8f8f8;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
  	position:fixed;
    left: 0;
   	padding:0px 20px;
    right: 0;
    top: 0;
    z-index: 2;
	float:left;
	width:100%;
}
footer  
{
    display:none;
	position: fixed;
	width:100%;
    right: 0;
    bottom: 0;
    z-index: 2;	
	background: none repeat scroll 0 0 #f8f8f8;
    box-shadow: 0 1px 3px rgba(0.1, 0, 0, 0), 0 1px 2px rgba( 0.1, 0, 0,0);
	padding:5px 0px;
}
footer input[type="submit"]{ float:right}
footer label.checkbox{ float:left;}


.posSelectTable.col-md-2{ float:none !important; margin:0 auto; height:auto !important}
.ui-dialog-content select,.ui-dialog-content label{margin-left:0px;} 
/*#ProductForm input,#ProductForm select{ margin-left:0px;}*/
#HourCalculation{  box-sizing:border-box; float:left; padding-bottom:10px; margin:0px 10px;}
#HourCalculation input[type="submit"]{ margin:10px 0px 0px 0px;text-transform:uppercase; padding:15px 15px 15px 50px;}
#loading-image {	background-color: #333;width: 55px;	height: 55px;	position: fixed;	top: 20px;	right: 20px;	z-index: 1;	-moz-border-radius: 10px;	-webkit-border-radius: 10px;	border-radius: 10px; /* future proofing */	-khtml-border-radius: 10px;}
#c {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -260px;
 
}
#load_image{ position:fixed; z-index:2; top:0px; bottom:0px; left:0px;right:0px;background:#000; opacity:0.8}

.s {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
  float: left;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
}
.s:nth-child(n+2) {
  margin-left: 80px;
}

.s:nth-child(1) {
  background: #33ffbb;
  -webkit-animation: r0 2s 0s ease-out infinite;
  -moz-animation: r0 2s 0s ease-out infinite;
  animation: r0 2s 0s ease-out infinite;
}
.s:nth-child(1):hover {
  background: #ff3333;
  -webkit-animation: r20 0.2s 0.3s ease-out infinite;
  -moz-animation: r20 0.2s 0.3s ease-out infinite;
  animation: r20 0.2s 0.3s ease-out infinite;
}

@-webkit-keyframes r0 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 179, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 255, 179, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1affb3, 0 0 12px 10px #333, 0 0 12px 14px #1affb3;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 179, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 255, 179, 0);
  }
}
@-moz-keyframes r0 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 179, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 255, 179, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1affb3, 0 0 12px 10px #333, 0 0 12px 14px #1affb3;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 179, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 255, 179, 0);
  }
}
@-o-keyframes r0 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 179, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 255, 179, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1affb3, 0 0 12px 10px #333, 0 0 12px 14px #1affb3;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 179, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 255, 179, 0);
  }
}
@keyframes r0 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 179, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 255, 179, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1affb3, 0 0 12px 10px #333, 0 0 12px 14px #1affb3;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 179, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 255, 179, 0);
  }
}
@-webkit-keyframes r20 {
  from {
    box-shadow: 0 0 8px 6px #ff1a1a, 0 0 12px 10px #333, 0 0 12px 14px #ff1a1a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 26, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 26, 26, 0);
  }
}
@-moz-keyframes r20 {
  from {
    box-shadow: 0 0 8px 6px #ff1a1a, 0 0 12px 10px #333, 0 0 12px 14px #ff1a1a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 26, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 26, 26, 0);
  }
}
@-o-keyframes r20 {
  from {
    box-shadow: 0 0 8px 6px #ff1a1a, 0 0 12px 10px #333, 0 0 12px 14px #ff1a1a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 26, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 26, 26, 0);
  }
}
@keyframes r20 {
  from {
    box-shadow: 0 0 8px 6px #ff1a1a, 0 0 12px 10px #333, 0 0 12px 14px #ff1a1a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 26, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 26, 26, 0);
  }
}
.s:nth-child(2) {
  background: #33ffdd;
  -webkit-animation: r1 2s 0.25s ease-out infinite;
  -moz-animation: r1 2s 0.25s ease-out infinite;
  animation: r1 2s 0.25s ease-out infinite;
}
.s:nth-child(2):hover {
  background: #ff4733;
  -webkit-animation: r21 0.5s 0.4s ease-out infinite;
  -moz-animation: r21 0.5s 0.4s ease-out infinite;
  animation: r21 0.5s 0.4s ease-out infinite;
}

@-webkit-keyframes r1 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 217, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 255, 217, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1affd9, 0 0 12px 10px #333, 0 0 12px 14px #1affd9;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 217, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 255, 217, 0);
  }
}
@-moz-keyframes r1 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 217, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 255, 217, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1affd9, 0 0 12px 10px #333, 0 0 12px 14px #1affd9;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 217, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 255, 217, 0);
  }
}
@-o-keyframes r1 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 217, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 255, 217, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1affd9, 0 0 12px 10px #333, 0 0 12px 14px #1affd9;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 217, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 255, 217, 0);
  }
}
@keyframes r1 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 217, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 255, 217, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1affd9, 0 0 12px 10px #333, 0 0 12px 14px #1affd9;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 217, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 255, 217, 0);
  }
}
@-webkit-keyframes r21 {
  from {
    box-shadow: 0 0 8px 6px #ff301a, 0 0 12px 10px #333, 0 0 12px 14px #ff301a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 48, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 48, 26, 0);
  }
}
@-moz-keyframes r21 {
  from {
    box-shadow: 0 0 8px 6px #ff301a, 0 0 12px 10px #333, 0 0 12px 14px #ff301a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 48, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 48, 26, 0);
  }
}
@-o-keyframes r21 {
  from {
    box-shadow: 0 0 8px 6px #ff301a, 0 0 12px 10px #333, 0 0 12px 14px #ff301a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 48, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 48, 26, 0);
  }
}
@keyframes r21 {
  from {
    box-shadow: 0 0 8px 6px #ff301a, 0 0 12px 10px #333, 0 0 12px 14px #ff301a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 48, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 48, 26, 0);
  }
}
.s:nth-child(3) {
  background: #33ffff;
  -webkit-animation: r2 2s 0.5s ease-out infinite;
  -moz-animation: r2 2s 0.5s ease-out infinite;
  animation: r2 2s 0.5s ease-out infinite;
}
.s:nth-child(3):hover {
  background: #ff5c33;
  -webkit-animation: r22 0.5s 0.4s ease-out infinite;
  -moz-animation: r22 0.5s 0.4s ease-out infinite;
  animation: r22 0.5s 0.4s ease-out infinite;
}

@-webkit-keyframes r2 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 255, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1affff, 0 0 12px 10px #333, 0 0 12px 14px #1affff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 255, 255, 0);
  }
}
@-moz-keyframes r2 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 255, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1affff, 0 0 12px 10px #333, 0 0 12px 14px #1affff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 255, 255, 0);
  }
}
@-o-keyframes r2 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 255, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1affff, 0 0 12px 10px #333, 0 0 12px 14px #1affff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 255, 255, 0);
  }
}
@keyframes r2 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 255, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1affff, 0 0 12px 10px #333, 0 0 12px 14px #1affff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 255, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 255, 255, 0);
  }
}
@-webkit-keyframes r22 {
  from {
    box-shadow: 0 0 8px 6px #ff471a, 0 0 12px 10px #333, 0 0 12px 14px #ff471a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 71, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 71, 26, 0);
  }
}
@-moz-keyframes r22 {
  from {
    box-shadow: 0 0 8px 6px #ff471a, 0 0 12px 10px #333, 0 0 12px 14px #ff471a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 71, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 71, 26, 0);
  }
}
@-o-keyframes r22 {
  from {
    box-shadow: 0 0 8px 6px #ff471a, 0 0 12px 10px #333, 0 0 12px 14px #ff471a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 71, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 71, 26, 0);
  }
}
@keyframes r22 {
  from {
    box-shadow: 0 0 8px 6px #ff471a, 0 0 12px 10px #333, 0 0 12px 14px #ff471a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 71, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 71, 26, 0);
  }
}
.s:nth-child(4) {
  background: #33ddff;
  -webkit-animation: r3 2s 0.75s ease-out infinite;
  -moz-animation: r3 2s 0.75s ease-out infinite;
  animation: r3 2s 0.75s ease-out infinite;
}
.s:nth-child(4):hover {
  background: #ff7033;
  -webkit-animation: r23 0.5s 0.4s ease-out infinite;
  -moz-animation: r23 0.5s 0.4s ease-out infinite;
  animation: r23 0.5s 0.4s ease-out infinite;
}

@-webkit-keyframes r3 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 217, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 217, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1ad9ff, 0 0 12px 10px #333, 0 0 12px 14px #1ad9ff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 217, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 217, 255, 0);
  }
}
@-moz-keyframes r3 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 217, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 217, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1ad9ff, 0 0 12px 10px #333, 0 0 12px 14px #1ad9ff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 217, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 217, 255, 0);
  }
}
@-o-keyframes r3 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 217, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 217, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1ad9ff, 0 0 12px 10px #333, 0 0 12px 14px #1ad9ff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 217, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 217, 255, 0);
  }
}
@keyframes r3 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 217, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 217, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1ad9ff, 0 0 12px 10px #333, 0 0 12px 14px #1ad9ff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 217, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 217, 255, 0);
  }
}
@-webkit-keyframes r23 {
  from {
    box-shadow: 0 0 8px 6px #ff5e1a, 0 0 12px 10px #333, 0 0 12px 14px #ff5e1a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 94, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 94, 26, 0);
  }
}
@-moz-keyframes r23 {
  from {
    box-shadow: 0 0 8px 6px #ff5e1a, 0 0 12px 10px #333, 0 0 12px 14px #ff5e1a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 94, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 94, 26, 0);
  }
}
@-o-keyframes r23 {
  from {
    box-shadow: 0 0 8px 6px #ff5e1a, 0 0 12px 10px #333, 0 0 12px 14px #ff5e1a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 94, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 94, 26, 0);
  }
}
@keyframes r23 {
  from {
    box-shadow: 0 0 8px 6px #ff5e1a, 0 0 12px 10px #333, 0 0 12px 14px #ff5e1a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 94, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 94, 26, 0);
  }
}
.s:nth-child(5) {
  background: #33bbff;
  -webkit-animation: r4 2s 1s ease-out infinite;
  -moz-animation: r4 2s 1s ease-out infinite;
  animation: r4 2s 1s ease-out infinite;
}
.s:nth-child(5):hover {
  background: #ff8533;
  -webkit-animation: r24 0.5s 0.4s ease-out infinite;
  -moz-animation: r24 0.5s 0.4s ease-out infinite;
  animation: r24 0.5s 0.4s ease-out infinite;
}

@-webkit-keyframes r4 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 178, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 178, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1ab2ff, 0 0 12px 10px #333, 0 0 12px 14px #1ab2ff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 178, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 178, 255, 0);
  }
}
@-moz-keyframes r4 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 178, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 178, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1ab2ff, 0 0 12px 10px #333, 0 0 12px 14px #1ab2ff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 178, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 178, 255, 0);
  }
}
@-o-keyframes r4 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 178, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 178, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1ab2ff, 0 0 12px 10px #333, 0 0 12px 14px #1ab2ff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 178, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 178, 255, 0);
  }
}
@keyframes r4 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 178, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 178, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1ab2ff, 0 0 12px 10px #333, 0 0 12px 14px #1ab2ff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 178, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 178, 255, 0);
  }
}
@-webkit-keyframes r24 {
  from {
    box-shadow: 0 0 8px 6px #ff751a, 0 0 12px 10px #333, 0 0 12px 14px #ff751a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 117, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 117, 26, 0);
  }
}
@-moz-keyframes r24 {
  from {
    box-shadow: 0 0 8px 6px #ff751a, 0 0 12px 10px #333, 0 0 12px 14px #ff751a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 117, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 117, 26, 0);
  }
}
@-o-keyframes r24 {
  from {
    box-shadow: 0 0 8px 6px #ff751a, 0 0 12px 10px #333, 0 0 12px 14px #ff751a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 117, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 117, 26, 0);
  }
}
@keyframes r24 {
  from {
    box-shadow: 0 0 8px 6px #ff751a, 0 0 12px 10px #333, 0 0 12px 14px #ff751a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 117, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 117, 26, 0);
  }
}
.s:nth-child(6) {
  background: #3399ff;
  -webkit-animation: r5 2s 1.25s ease-out infinite;
  -moz-animation: r5 2s 1.25s ease-out infinite;
  animation: r5 2s 1.25s ease-out infinite;
}
.s:nth-child(6):hover {
  background: #ff9933;
  -webkit-animation: r25 0.5s 0.4s ease-out infinite;
  -moz-animation: r25 0.5s 0.4s ease-out infinite;
  animation: r25 0.5s 0.4s ease-out infinite;
}
@media  (max-width: 360px) {
	.s:nth-child(5) ,.s:nth-child(6) {
		display:none
	}
	#c{ left:0; margin-left:0px;}
}
@-webkit-keyframes r5 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 140, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 140, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1a8cff, 0 0 12px 10px #333, 0 0 12px 14px #1a8cff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 140, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 140, 255, 0);
  }
}
@-moz-keyframes r5 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 140, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 140, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1a8cff, 0 0 12px 10px #333, 0 0 12px 14px #1a8cff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 140, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 140, 255, 0);
  }
}
@-o-keyframes r5 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 140, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 140, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1a8cff, 0 0 12px 10px #333, 0 0 12px 14px #1a8cff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 140, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 140, 255, 0);
  }
}
@keyframes r5 {
  0% {
    box-shadow: 0 0 8px 6px rgba(26, 140, 255, 0), 0 0 0px 0px #333, 0 0 0px 0px rgba(26, 140, 255, 0);
  }
  10% {
    box-shadow: 0 0 8px 6px #1a8cff, 0 0 12px 10px #333, 0 0 12px 14px #1a8cff;
  }
  100% {
    box-shadow: 0 0 8px 6px rgba(26, 140, 255, 0), 0 0 0px 40px #333, 0 0 0px 40px rgba(26, 140, 255, 0);
  }
}
@-webkit-keyframes r25 {
  from {
    box-shadow: 0 0 8px 6px #ff8c1a, 0 0 12px 10px #333, 0 0 12px 14px #ff8c1a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 140, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 140, 26, 0);
  }
}
@-moz-keyframes r25 {

  from {
    box-shadow: 0 0 8px 6px #ff8c1a, 0 0 12px 10px #333, 0 0 12px 14px #ff8c1a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 140, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 140, 26, 0);
  }
}
@-o-keyframes r25 {
  from {
    box-shadow: 0 0 8px 6px #ff8c1a, 0 0 12px 10px #333, 0 0 12px 14px #ff8c1a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 140, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 140, 26, 0);
  }
}
@keyframes r25 {
  from {
    box-shadow: 0 0 8px 6px #ff8c1a, 0 0 12px 10px #333, 0 0 12px 14px #ff8c1a;
  }
  to {
    box-shadow: 0 0 8px 6px rgba(255, 140, 26, 0), 0 0 4px 40px #333, 0 0 4px 41px rgba(255, 140, 26, 0);
  }
}
#customMode{ text-align:center}
#ticketEditorMenuItemView section, #TicketEditorScreenLeftMenu, #ticketEditorMenuItemView,
#TicketEditorScreenRightMenu, #TicketEditorScreenTopFastMenu {
    overflow: auto;
    padding-left: 0px;
    overflow-x: hidden;
    padding-right:0px;
}
.reservationTableScreen{ margin-left:0px;}
#TicketEditorScreenLeftDetail{overflow:hidden}

.selectedCustomerRow:hover{cursor:pointer;}
.selectedCustomerRow label:hover{cursor:pointer;}

/*.box_rotate
{
	 -webkit-animation:mymove .5s cubic-bezier(1,0,1,0);
	-moz-animation:mymove .5s cubic-bezier(1,0,1,0);
	animation:mymove .5s cubic-bezier(1,0,1,0);
}*/

/*@-webkit-keyframes mymove
{
    100% {
        -webkit-transform: translate3d(0px, -600px, 0px);
    }
}
@-moz-keyframes mymove
{
    100% {
         -moz-transform: translate3d(0px, -600px, 0px);
    }
}
@keyframes mymove {
    100% 
	{
        transform: translate3d(0px, -600px, 0px);
    }
}*/
#customMode{ text-align:center}
#ticketEditorMenuItemView section,#TicketEditorScreenLeftMenu,#ticketEditorMenuItemView { overflow:auto; padding-left:0px; overflow-x:hidden}
.reservationTableScreen{ margin-left:0px;}
#TicketEditorScreenLeftDetail{overflow:hidden}
button.animationbutton::before {
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: #959595 0 2px 5px;
    -moz-box-shadow: #959595 0 2px 5px;
    border-radius: 3px;
    box-shadow: #959595 0 2px 5px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    padding: 2px 0 0;
    position: absolute;
    top: 0;
    width: 100%; 
}
button.animationbutton:active::before { padding: 1px 0 0; }
button.animationbutton{
	-moz-box-shadow: inset 0 0 0 1px #008000;
    -webkit-box-shadow: inset 0 0 0 1px #008000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border: solid 1px #d0d0d0;
    border-bottom: solid 3px #b2b1b1;
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #f5f5f5;
	display: inline-block;
	margin: 0px;
    padding: 10px 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
}
a.button.black:hover {
	box-shadow: inset 0 0 0 1px #efefef;
}
button.animationbutton:active {
	box-shadow: inset 0 10px 15px 0 #c4c4c4;
    top:2px;
}
#scanBarCode{ display:none;}
.giftCertificateText{ width:95%;float:left;}

.selectedCustomerRow:hover{cursor:pointer;}
.selectedCustomerRow label:hover{cursor:pointer;}
/*.box_rotate
{
	 -webkit-animation:mymove .5s cubic-bezier(1,0,1,0);
	-moz-animation:mymove .5s cubic-bezier(1,0,1,0);
	animation:mymove .5s cubic-bezier(1,0,1,0);
}*/
/*@-webkit-keyframes mymove
{
    100% {
        -webkit-transform: translate3d(0px, -600px, 0px);
    }
}
@-moz-keyframes mymove
{
    100% {
         -moz-transform: translate3d(0px, -600px, 0px);
    }
}
@keyframes mymove {
    100% 
	{
        transform: translate3d(0px, -600px, 0px);
    }
}*/
.posMenuItem.col-sm-4{	}
.timeMachineUser,#TimeMachineScreenTopRight button{width:90%}
#startWorkPeriod, .endWorkPeriod{ color:#333;}
#menuSection h3{margin-bottom:3px;margin-top:10px;}



div.date_wrapper {
width: 300px;
}
div.date_wrapper .date_header {
height: 25px;
font-weight: 400;
border-bottom: 1px solid #CCC;
margin-bottom: 10px;
}
div.date_wrapper .date_header span.title {
float: left;
text-align: left;
}
div.date_wrapper .date_header span.selection {
float: right;
text-align: right;
color: green;
}
div.date_wrapper form {
position: relative;
}
div.date_wrapper .lines {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: solid 1px #CCC;
border-bottom: solid 1px #CCC;
position: absolute;
top: 102px;
left: 0px;
width: 100%;
height: 24px;
}
div.date_wrapper .lines div {
margin-left: 120px;
line-height: 21px;
}
div.drum-wrapper {
float: left;
}
div.drum figure {
text-align: left;
}
#drum_hours figure,  #drum_date figure {
text-align: right;
}
#drum_date, #drum_to_date {
margin-left: 10px;
margin-right: 5px;
}
#drum_date,  #drum_hours,  #drum_minutes {
width: 60px;
}
#drum_hours {
margin-left: 20px;
}
#drum_minutes {
margin-left: 60px;
}
#drum_month {
width: 90px;
}
#drum_fullYear {
width: 45px;
}
#drum_hours .dial div {
margin: 0 7px;
}
#drum_minutes .dial div {
margin: 0 2px;
}
.noitemcreated{
	text-align: center; font-size: large;
}
.staffname{
	text-align:center;
	color:#898989;/*added color for staff name on timemachine*/
}
.extra_padding{
	padding:15px 10px !important;
}
.extra_padding1{
	padding:11px 0 !important;
}
label, input, select{
	margin-left:0px;
}
/*Added by NEHA DATED 27-09--2016*/
#settingTopMenu .vmenu-section a{padding-top:0px; padding-bottom:0px;display:inline;}
#settingTopMenu .vmenu-section a:hover{background-color:transparent;}
#settingTopMenu .vmenu-section a img{max-width:100%;}
.select-editable {
     position:relative;
     height:32px;
 }
 .select-editable select {
     position:absolute;
     top:0px;
     left:0px;
     border:none;
     margin:0;
 }
 .select-editable input {
     position:absolute;
     top:0px;
     left:0px;
     width:90%;
     border:none;
 }
 .select-editable select:focus, .select-editable input:focus {
     outline:none;
 }
 .list_header span, .screenMenuCategoriesList span{float:left;width:33%;}
 #ScreenMenuBottom{float:left;width:100%;}
.cat_section_last{float:left;width:7%;text-align:center;padding:30px 0;}

 .cat_section{float:left;width:23%;}
.cat_section .form-group label{display:inline-block;text-align:right;float:left;width:48%;}
.cat_section .form-group .formcategorybox{display:inline-block;float:right;width:48%;margin-left:1%;}
.cat_section .form-group{float:left;width:100%;}

input[type="button"].deletecategory{background-color:transparent;background-image:url("/Content/images/icon-bin-red.png");background-position:left center;background-repeat:no-repeat;background-size:75% auto;border:medium none;margin-left:20px;padding:0px;width:20px;}
input[type="submit"].reservationaddbuttons{background-color:transparent;background-image:url("/Content/images/add.png");background-position:left center;background-repeat:no-repeat;background-size:100% auto;border:medium none;width:30px;float:right;}
.text_unit{color:#868686;float:right;position:relative;height:0px;right:5px;top:-30px;}
input.form_submit.form_import, input.form_submit.form_menu_import,input.form_import,input.form_submit.form_import:hover, input.form_submit.form_menu_import:hover,input.form_import:hover{float:left;}
.webgrid-table td{border:medium none;padding:20px;float:left;min-height:83px;}
.staffname{
	text-align:center;
	color:#898989;/*added color for staff name on timemachine*/
}
#dateTime{
	text-align: center;
	font-size:60px !important;
}

.paymentDue,.chargedAmount, .chargedAmount .tenderedAmountLabel, .chargedAmount .currencySymbolLabel{
	font-size:40px !important;
}
.paymentDue label, .chargedAmount label{
	display:inherit !important;
	text-transform:uppercase;
}
#date{text-align:center; text-transform:uppercase;}
#AccountSelectorScreenTop .vmenu-section{height:auto !important;padding:30px !important;width:auto !important;font-size:20px;float:left;}
#AccountSelectorScreenBotttom{float:left;width:100%;padding:30px 15px 15px;}
#AccountSelectorScreenLeft .webgrid-header th{padding:15px;}
.webgrid-header th{border:none;background-color:transparent;color:#fff;padding:20px;float:left;}
.webgrid-header th a{background-color:transparent;color:#fff !important;}
.webgrid-table td{border:medium none;padding:20px;float:left;min-height:83px;}
.webgrid-table > tbody{width:100%;box-shadow:0 6px 8px -6px #091a1e inset, 0 -8px 8px -10px #091a1e inset; overflow:auto;display:block;-webkit-overflow-scrolling: touch;}
.webgrid-table > thead{display:block;}
input[type="submit"].buttonblue, input[type="button"].buttonblue, button.buttonblue{background:#17BDD1;border:none;color:#fff;padding:15px 25px;margin:0 5px;}
.webgrid-table tr td.webgrid-amount-column,.webgrid-table tr.webgrid-footer td{text-align:left;}
.WorkPeriodTotalTime{
	margin:0 auto;
	text-align:center;
}
.WorkPeriodTotalTime > span{
	display:inline-block;
}
.WorkPeriodTopRight label.currentWorkPeriodDays{
	text-transform:uppercase;
	font-size:16px !important;
}
#NewTimeMachineForm #date{text-align:left;}
.workperiodButtons{
	margin:0 auto;
	display:table;
	text-align:center;
}
.tableCommand{
	background:#00cccc none repeat scroll 0 0;
	font-size:30px !important;
	text-transform:uppercase;
	width:32%;
	margin-right:1%;
}
.worklabels{
	padding-top: 15px; font-size: 25px;
}
.tenderedAmountLabel{
	padding-bottom:0px !important;
	padding-top:0px !important;
}
.currencySymbolLabel{
	padding-bottom:0px !important;
	padding-top:0px !important;
	float:left;
	margin-right:10px;
}
.WorkPeriodTop{
	float:left;
	width:100%;
	margin-bottom:25px;
}
.WorkPeriodTopLeft{
	float:left;
	width:40%;
}
.WorkPeriodTopRight{
	float:left;
	width:60%;
}
.WorkPeriodTopLeft label, .WorkPeriodTopRight label{
	text-align:center;
	color:#898989;
	font-size:22px !important;
	text-transform:uppercase;
}
.workperiodButtons{
	position: relative;
}
.workperiodButtons .work_label {
    visibility: visible;
    background: #660000;
    color: #fff;
    text-align: left;
    padding: 10px 15px !important;
    position: absolute;
    z-index: 1;
    top: 15px;
    left: 0px;
	width:100%;
	font-size:17px;
}
.workperiodButtons .work_label:hover {
	color:#ffffff;
}
.workperiodButtons .work_label::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 12px;
    border-style: solid;
    border-color: #660000 transparent transparent transparent;
}
.workperiodButtons .work_label{
	top:-15px;
}
.work_label > div{
	padding:2px 0;
}
#NewTimeMachineForm #date{text-align:left;}
#HourCalculationTop label{
	font-size:13px;
	font-weight:normal;
}
.workperiodMoreButtons{
	float:left;
	width:100%;
	margin:0 auto;
	text-align:center;
}
#refreshTicket
{
    background-image:url("/Content/images/icon-tickets-refresh.png");
	background-color:#17bdd1;
	background-position:15px center;
	background-repeat:no-repeat;
	background-size:13% auto;
	color:#fff;
	padding:15px 15px 15px 45px;
	width:auto;
	text-transform:uppercase;
}
#CreditTicketOnlyOption
{
    background-image:url("/Content/images/icons/btn-print-creditnote-white.png");
	background-color:#17bdd1;
	background-position:15px center;
	background-repeat:no-repeat;
	background-size:13% auto;
	color:#fff;
	padding:15px 15px 15px 45px;
	width:100%;
	text-transform:uppercase;
}
#PrintDuplicateOption
{
    background-image:url("/Content/hans-images/btn-print-proforma-order.png");
	background-color:#17bdd1;
	background-position:15px center;
	background-repeat:no-repeat;
	background-size:13% auto;
	color:#fff;
	padding:15px 15px 15px 45px;
	width:100%;
	text-transform:uppercase;
}

#CreateDuplicateOpenOption
{
    background-image:url("/Content/hans-images/btn-move.png");
	background-color:#17bdd1;
	background-position:15px center;
	background-repeat:no-repeat;
	background-size:13% auto;
	color:#fff;
	padding:15px 15px 15px 45px;
	width:100%;
	text-transform:uppercase;
}


#clearPriceListFilter
{
    background-color:#17bdd1;
	background-position:15px center;
	background-repeat:no-repeat;
	background-size:10% auto;
	color:#fff;
	padding:5px 5px 5px 5px;
	width:auto;
	text-transform:uppercase;
	float:right;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
}
#refreshInvoices, #refreshCustInvoices {
    background-image: url("/Content/images/icon-tickets-refresh.png");
    background-color: #17bdd1;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 13% auto;
    color: #fff;
    padding: 15px 15px 15px 45px;
    width: auto;
    text-transform: uppercase;
}

.webgrid-header th{border:none;background-color:transparent;color:#fff;padding:20px;float:left;}
.webgrid-header th a{background-color:transparent;color:#fff !important;}
.webgrid-table td{border:medium none;padding:20px;float:left;min-height:83px;}
.webgrid-table > tbody{width:100%;box-shadow:0 6px 8px -6px #091a1e inset, 0 -8px 8px -10px #091a1e inset; overflow:auto;display:block;-webkit-overflow-scrolling: touch;}
.webgrid-table > thead{display:block;}

.webgrid-header-pricelist th{border:none;background-color:transparent;color:#fff;padding:10px;float:left;}
.webgrid-header-pricelist-pricelist th a{background-color:transparent;color:#fff !important;}
.webgrid-table-pricelist td{border:medium none;padding:10px;float:left;min-height:10px;}
.webgrid-table-pricelist > tbody{width:100%;box-shadow:0 6px 8px -6px #091a1e inset, 0 -8px 8px -10px #091a1e inset; overflow:auto;display:block;-webkit-overflow-scrolling: touch;}
.webgrid-table-pricelist > thead{display:block;}


.login_background{
	 float:left;
	 width:100%;
	 background:url("images/bg-login.jpg") repeat scroll left center/cover;
 }
 .centered {
    text-align: center;
}
.centered > div {
    display: inline-block;
    text-align: center;
    font-size: 13px;
}
.login{
	padding:0 7% !important;
}
.login fieldset{
	background:rgba(16,56,64,0.4);
	padding:15px !important;
}
.btnlogin{
	background:#00CCCC !important;
	color:#fff;
	font-weight:bold !important;
	border:1px solid #00CCCC !important;
	padding:15px 15px 15px 15px !important;
	white-space:nowrap;
}
.btnlogin:hover{
	color:#fff !important;
}
.login label, .login input, .login input[type="checkbox"]{
	/*height:44px;*/
}
.login label{
	color:#fff !important;
	font-size:18px;
}



.ticketclose,.ticketclose:hover{background-image:url("/Content/images/icon-tickets-close.png");background-position:left center;background-repeat:no-repeat;background-size:88% auto;background-color:transparent;padding:10px;border:none;margin-left:5px;margin-right:15px;}
input[type="submit"].buttonblue, input[type="button"].buttonblue, button.buttonblue{background:#17BDD1;border:none;color:#fff;padding:15px 25px;margin:0 5px;}
button.scale_error_button{background:#17BDD1 !important;border:none !important;color:#fff !important;padding:5px 0px !important;margin:0 1px !important;}

input.closebuttonblue[type="submit"], input.closebuttonblue[type="submit"]:hover, input.closebuttonblue[type="button"], input.closebuttonblue[type="button"]:hover, button.closebuttonblue, button.closebuttonblue:hover{background:#17BDD1;color:#fff;padding:15px;text-transform:uppercase;margin:0 5px;}
#TicketScreenTopRight form{float:right;}
.ticketclose,.ticketclose:hover{background-image:url("/Content/images/icon-tickets-close.png");background-position:left center;background-repeat:no-repeat;background-size:88% auto;background-color:transparent;padding:10px;border:none;margin-left:5px;margin-right:15px;}
#ticketDetailsView #TicketEditorScreenLeftDetailSection1{float:left;}
.totalpriceDetail{float:left;width:100%;padding:10px 0px;}
#reservationEditorFormTop {
	height: 50%;
}
#listItems{float:left; width:100%;}
.tablereservationicon{float:left;background-color:transparent;background-image:url("/Content/images/icons/icon-tables.png");background-position:left center;background-repeat:no-repeat;background-size:45px auto;padding:10px 0 10px 60px !important;text-transform:uppercase;color:#8d8d8d;font-size:20px;}
#reservationEditorFormLeft2 .checkbox_border{padding:15px !important;}
#settingTopMenu .vmenu-section a{padding-top:0px; padding-bottom:0px;display:inline;}
#settingTopMenu .vmenu-section a:hover{background-color:transparent;}
#settingTopMenu .vmenu-section a img{max-width:100%;}

.reservetable{float:left;font-size:24px;}
input[type="submit"].deletereservetable{float:right;background-color:transparent;background-image:url("/Content/images/icons/icon-remove-option.png");background-position:left center;background-repeat:no-repeat;background-size:75% auto;width:25px;border:medium none;}
#listItems{float:left; width:100%;}
#listItems li,#listItems1 li,#listItems2 li,#listItems3 li,#listItems4 li {float:left;width:100%;}
.customerreservationicon{float:left;background-color:transparent;background-image:url("/Content/images/icons/icon-customers.png");background-position:left center;background-repeat:no-repeat;background-size:45px auto;padding:10px 0 10px 60px !important;text-transform:uppercase;color:#8d8d8d;font-size:20px;}
.reservationnoteicon{float:left;background-color:transparent;background-image:url("/Content/images/icon-reservations-note.png");background-position:left center;background-repeat:no-repeat;background-size:30px auto;padding:10px 0 10px 60px !important;text-transform:uppercase;color:#8d8d8d;font-size:20px;}
#reservationEditorFormLeft3, #reservationEditorFormRight1, #reservationEditorFormRight2{float:left;width:100%;}
/*#reservationEditorFormLeft3 .checkbox_border, #reservationEditorFormRight1 .checkbox_border, #reservationEditorFormRight2 .checkbox_border{padding:15px 30px !important;}*/
.reservationcalendericon{float:left;background-color:transparent;background-image:url("/Content/images/calendar.png");background-position:left center;background-repeat:no-repeat;background-size:60px auto;padding:10px 0 10px 60px !important;font-size:40px;}
.reservationclockicon{float:left;background-color:transparent;background-image:url("/Content/images/icon-reservations-time.png");background-position:left center;background-repeat:no-repeat;background-size:40px auto;padding:10px 0 10px 50px !important;margin-left:10px;font-size:40px;}
.reservationseatlabel{text-transform:uppercase;}
.reservationseatlabel,.noOfTotalSeats{text-align:center;}
input[type="button"].minusSeats,input[type="button"].minusSeats:hover{background-color:transparent;background-image:url("/Content/images/icon-reservations-minus.png");background-position:left center;background-repeat:no-repeat;background-size:40px auto;padding:10px 20px !important;border:none;}
input[type="button"].plusSeats,input[type="button"].plusSeats:hover{background-color:transparent;background-image:url("/Content/images/icon-reservations-plus.png");background-position:left center;background-repeat:no-repeat;background-size:40px auto;padding:10px 20px !important;border:none;}
.centertext{text-align:center;}
.noOfReservedSeats{width:75px;height:40px;text-align:center;margin-left:10px;margin-right:10px;}
#ReservationScreenTopLeft1{float:left;padding:25px;width:50%;}
#ReservationScreenTopLeft2{float:left;padding:25px;width:50%;}
#ReservationTopLeft{float:left;width:60%;}
#ReservationTopRight{float:right;padding:25px;}
input[type="submit"].printReservationList,input[type="submit"].printReservationList:hover{background-color:#17bdd1;background-image:url("/Content/images/icon-hourcalculation-pdfexport.png");background-position:10px center;background-repeat:no-repeat;background-size:40px auto;padding:15px 15px 15px 60px;border:none;text-transform:uppercase;color:#ffffff;}
#ReservationBottomRight{float:right;}
.EditReservation{background-color:transparent;background-image:url("/Content/images/icons/icon-edit-option.png");background-position:left center;background-repeat:no-repeat;background-size:20px auto;padding:5px;border:none;width:20px;margin-right:30px;}
.DeleteReservation{background-color:transparent;background-image:url("/Content/images/icon-bin-red.png");background-position:left center;background-repeat:no-repeat;background-size:20px auto;padding:7px;border:none;width:30px;}
.divsearch{display:block;width:22%;float:left;}
.divsearchIcon{display:block;width:10%;float:left;}
.form-horizontal .divsearch .control-label{text-align:center;float:left;width:100%;}
#customerSearchRight button{background-image:url("/Content/images/icon-pos-continue.png");background-position:98% center;background-repeat:no-repeat;background-size:23px auto;}
#customerSearchBottom{float:left;width:100%; padding:15px;}
#customerSearchRight {padding-right:15px;}
#customerSearchMiddle{float:left;width:100%;padding:0 15px;}
.customerSearchButton .addcustomer, .customerSearchButton .addcompany {
    background-color: #17bdd1;
    background-image: url("/Content/images/icons/icon-add-option.png");
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 13% auto;
    color: #fff;
    float: right;
    padding: 15px 15px 15px 60px;
    width: auto;
    margin-left:10px !important;
}
.customerSearchButton button:hover{color:#fff;}
.editcustomer{background-image:url("/Content/images/icons/icon-edit-option.png");background-position:left center;background-repeat:no-repeat;background-size:100% auto;float:right;width:16px;padding:17px 14px 17px 14px;background-color:transparent;border:none;margin-right:15px;}
.selectcustomer{background-image:url("/Content/images/icon-pos-select-customer.png");background-position:left center;background-repeat:no-repeat;background-size:100% auto;float:right;width:16px;padding:19px 13px 19px 13px;background-color:transparent;border:none;margin-right:10px;}
.selectvouhcer{background-image:url("/Content/hans-images/icon-voucher-white.png");background-position:left center;background-repeat:no-repeat;background-size:100% auto;float:right;width:16px;padding:19px 13px 19px 13px;background-color:transparent;border:none;margin-right:10px;}
.selectcustomeraccount{background-image:url("/Content/hans-images/icon-to-be-paid-white.png");background-position:left center;background-repeat:no-repeat;background-size:100% auto;float:right;width:16px;padding:19px 13px 19px 13px;background-color:transparent;border:none;margin-right:15px;}
.selectcustomeraccountB {
    background-image: url("/Content/hans-images/icon-to-be-paid-euro-black.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    float: right;
    width: 16px;
    padding: 19px 13px 19px 13px;
    background-color: transparent !important;
    border: none;
    margin-right: 15px;
}

.selectcustomeraccountR {
    background-image: url("/Content/hans-images/icon-to-be-paid-euro-red.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    float: right;
    width: 16px;
    padding: 19px 13px 19px 13px;
    background-color: transparent !important;
    border: none;
    margin-right: 15px;
}


.paymentDue,.chargedAmount, .chargedAmount .tenderedAmountLabel, .chargedAmount .currencySymbolLabel{
	font-size:40px !important;
}
.paymentDue label, .chargedAmount label{
	display:inherit !important;
	text-transform:uppercase;
}
#btnChangeURLCancel, #btnChangeURLSave{width:48%;}
button.form_clearcache, button.form_clearcache:hover{background-color:#00cccc;color:#fff;padding:15px 15px 15px 45px;white-space:nowrap;border:1px solid #00CCCC;font-weight:bold;}
.form_confirm,.form_confirm:hover{background-color:#17bdd1;border:1px solid #17bdd1;text-transform:uppercase;color:#ffffff !important;width:49%;float:right;padding:15px !important;font-weight:bold !important;}
.form_back,.form_back:hover{background-color:transparent !important;border:1px solid #ffffff !important;text-transform:uppercase;color:#ffffff !important;width:49%;float:left; padding:15px !important;font-weight:bold !important;}
input[type="submit"].SelectProductProperty{height:45px;width:130px;}
#AccountSelectorScreenLeft .webgrid-header th{padding:15px;}
.window-scroll{position:relative;}
#ticketDetailsView #TicketEditorScreenLeftDetailSection1{float:left;}
.totalpriceDetail{float:left;width:100%;padding:10px 0px;}
/*ended by neha*/

#invoiceContent .webgrid-table td{border:medium none;padding:2px;float:left;min-height:30px;}
#invoiceContent .webgrid-table th{border:medium none;padding:2px;float:left;min-height:30px;}

#divCustomerHistory .webgrid-table td{border:medium none;padding:10px;float:left;min-height:5px;}
#divCustomerHistory .webgrid-table th{border:medium none;padding:10px;float:left;min-height:5px;}
#gridContentAccounts .webgrid-table td{border:medium none;padding:2px;float:left;min-height:30px;}
#gridContentAccounts .webgrid-table th{border:medium none;padding:2px;float:left;min-height:30px;}
#AccountSelectorScreenLeft #gridContent .webgrid-table td{border:medium none;padding:2px;float:left;min-height:30px;}
#AccountSelectorScreenLeft #gridContent .webgrid-table th{border:medium none;padding:2px;float:left;min-height:30px;}
#gridContent1 .webgrid-table td{border:medium none;padding:2px;float:left;min-height:30px;}
#gridContent1 .webgrid-table th{border:medium none;padding:2px;float:left;min-height:30px;}
input.form_printWaiterReport, input.form_printWaiterReport:hover, button.ui-state-default.form_printWaiterReport,
button.ui-state-default.form_printWaiterReport:hover,
input.form_printQRCode, input.form_printQRCode:hover, button.ui-state-default.form_printQRCode,
button.ui-state-default.form_printQRCode:hover {
    background-color: #17BDD1;
    background-image: url('/Content/Images/print.png');
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 20% auto;
    padding: 5px 0 5px 25px;
    color: #fff;
    box-shadow: none !important;
    border-radius: 2px !important;
    border: none;
}
input.form_printPDF, input.form_printPDF:hover,button.ui-state-default.form_printPDF, button.ui-state-default.form_printPDF:hover{background-color:#17BDD1;background-image:url('/Content/Images/icon-hourcalculation-pdfexport.png');background-position:15px center;background-repeat:no-repeat;background-size:18% auto;padding:5px 0 5px 25px;color:#fff;box-shadow: none !important;border-radius: 2px !important;border: none;}
input.form_eid,input.form_eid:hover,button.ui-state-default.form_eid, button.ui-state-default.form_eid:hover{border:1px solid #032329 !important;background-image:url("/Content/hans-images/EIDlogo.png") !important;background-repeat:no-repeat !important;background-size:50px auto !important;background-position:0px center !important;padding:10px 0px 5px 50px !important; margin-left:8px !important;}

input.form_acceptOnlineOrder, input.form_acceptOnlineOrder:hover, button.ui-state-default.form_acceptOnlineOrder, button.ui-state-default.form_acceptOnlineOrder:hover {
    background-color: #17BDD1;
    background-image: url('/Content/Images/check.png');
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 20% auto;
    padding: 5px 0 5px 5px;
    color: #fff;
    box-shadow: none !important;
    border-radius: 2px !important;
    border: none;
    width: 47%;
    float: left;
}

input.form_refuseOnline, input.form_refuseOnline:hover, button.ui-state-default.form_refuseOnline, button.ui-state-default.form_refuseOnline:hover {
    background-color: #17BDD1;
    background-image: url('/Content/Images/iconslightskin/icon-bin-red.png');
    background-position: 5px center;
    background-repeat: no-repeat;
    background-size: 10% auto;
    padding: 5px 0 5px 5px;
    color: #fff;
    box-shadow: none !important;
    border-radius: 2px !important;
    border: none;
    float: left;
    width: 47%;
}

@media screen and (min-device-width: 321px) {
    input.ChangeOnlineOrderTable, input.ChangeOnlineOrderTable:hover, button.ui-state-default.ChangeOnlineOrderTable, button.ui-state-default.ChangeOnlineOrderTable:hover {
        background-color: #17BDD1;
        background-image: url('/Content/hans-images/btn-change-table.png');
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 20%;
        padding: 5px 0 5px 5px;
        color: #fff;
        box-shadow: none !important;
        border-radius: 2px !important;
        border: none;
        float: right;
        width: 47%;
        word-break: break-word;
    }
}

@media screen and (max-device-width: 320px) {
    input.ChangeOnlineOrderTable, input.ChangeOnlineOrderTable:hover, button.ui-state-default.ChangeOnlineOrderTable, button.ui-state-default.ChangeOnlineOrderTable:hover {
        background-color: #17BDD1;
        background-image: url('/Content/hans-images/btn-change-table.png');
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 20%;
        padding: 7px 0px 0px 15px !important;
        color: #fff;
        box-shadow: none !important;
        border-radius: 2px !important;
        border: none;
        float: right;
        width: 47%;
        font-size: 13px;
        word-break: break-word;
    }
}

input.form_onlinecancel, input.form_onlinecancel:hover, button.ui-state-default.form_onlinecancel, button.ui-state-default.form_onlinecancel:hover {
    background-image: url("/Content/images/cross.png");
    background-color: rgba(110,110,110,0.8);
    background-repeat: no-repeat;
    background-size: 10%;
    background-position: 10px center;
    color: #fff;
    width: 47%;
    padding: 5px 15px 5px 5px;
    box-shadow: none !important;
    border-radius: 2px !important;
    border: none;
    float: right;
}

#OnlineOrderTables {
    width: 90%;
    height: 40px;
    text-align: center;
}
.form_searchCustomer{width:30px;height:35px; border:0px solid #032329 !important;background-image:url("/Content/hans-images/seach-customer.png") !important;background-repeat:no-repeat !important;background-size:40px 35px !important;background-position:0px center !important;padding:10px 0px 5px 50px !important; margin-left:8px !important;}
.form_searchCustomerColor{width:30px;height:35px; border:0px solid #032329 !important;background-image:url("/Content/hans-images/search-customer-color.png") !important;background-repeat:no-repeat !important;background-size:40px 35px !important;background-position:0px center !important;padding:10px 0px 5px 50px !important; margin-left:8px !important;}


@media  (max-width: 400px) {
 #posSearchEidData{background-image:url("/Content/hans-images/EIDlogo.png") !important;background-color:#777 !important;background-repeat:no-repeat !important;background-size:100% auto !important;background-position:0px center !important;color:#fff !important;padding:45px 75% 5px 25% !important;margin-left:5px !important;margin-right:0px !important;white-space:nowrap;border:1px solid #777;font-weight:bold;float:right;}
}
@media  (min-width: 401px) 
{
 #posSearchEidData{background-image:url("/Content/hans-images/EIDlogo.png") !important;background-color:#777 !important;background-repeat:no-repeat !important;background-size:100% auto !important;background-position:0px center !important;color:#fff !important;padding:45px 2px 5px 25% !important;margin-left:5px !important;margin-right:10px !important;white-space:nowrap;border:1px solid #777;font-weight:bold;float:right;}

}


@media screen and (min-device-width: 1024px) {
#customerInfoView::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#customerInfoView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#customerInfoView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#customerInfoView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
.webgrid-table tbody::-webkit-scrollbar {
    width: 30px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.webgrid-table tbody::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
.webgrid-table tbody::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.webgrid-table tbody::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
#workPriodDetailView::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#workPriodDetailView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#workPriodDetailView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#workPriodDetailView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
.vmenu::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.vmenu::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
.vmenu::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.vmenu::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


@media screen and (min-device-width: 1024px) {
#topSellingProdoductDiv::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#topSellingProdoductDiv::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#topSellingProdoductDiv::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#topSellingProdoductDiv::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


@media screen and (min-device-width: 1024px) {
.timemachinelisting::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.timemachinelisting::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
.timemachinelisting::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.timemachinelisting::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
.list-group::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.list-group::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
.list-group::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.list-group::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
.pricelisteditor::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.pricelisteditor::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
.pricelisteditor::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.pricelisteditor::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
.mainformcontainer::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.mainformcontainer::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
.mainformcontainer::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.mainformcontainer::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


@media screen and (min-device-width: 1024px) {
#paymentEditorSelectorView::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#paymentEditorSelectorView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#paymentEditorSelectorView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#paymentEditorSelectorView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


@media screen and (min-device-width: 1024px) {
#listedCategoryAssignProduct::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#listedCategoryAssignProduct::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#listedCategoryAssignProduct::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#listedCategoryAssignProduct::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


@media screen and (min-device-width: 1024px) {
#screenMenuEditAllCategoryView::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#screenMenuEditAllCategoryView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#screenMenuEditAllCategoryView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#screenMenuEditAllCategoryView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
#screenMenuEditAllCategoryView::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#screenMenuEditAllCategoryView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#screenMenuEditAllCategoryView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#screenMenuEditAllCategoryView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


@media screen and (min-device-width: 1024px) {
#screenMenuEditCategoryProductView::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#screenMenuEditCategoryProductView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#screenMenuEditCategoryProductView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#screenMenuEditCategoryProductView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
#screenMenuEditCategorySingleProductView::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#screenMenuEditCategorySingleProductView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#screenMenuEditCategorySingleProductView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#screenMenuEditCategorySingleProductView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}



@media screen and (min-device-width: 1024px) {
#TerminalPrintJobView::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TerminalPrintJobView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#TerminalPrintJobView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TerminalPrintJobView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
#TableScreenTableView::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TableScreenTableView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#TableScreenTableView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TableScreenTableView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
#ProductPropertyGroupView::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#ProductPropertyGroupView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#ProductPropertyGroupView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#ProductPropertyGroupView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}



@media screen and (min-device-width: 1024px) {
#AccountScreenAccountTypeView::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#AccountScreenAccountTypeView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#AccountScreenAccountTypeView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#AccountScreenAccountTypeView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}



@media screen and (min-device-width: 1024px) {
#TransactionDocumentTransactionTypeView::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TransactionDocumentTransactionTypeView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#TransactionDocumentTransactionTypeView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TransactionDocumentTransactionTypeView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}




@media screen and (min-device-width: 1024px) {
#RuleActionView::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#RuleActionView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#RuleActionView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#RuleActionView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


@media screen and (min-device-width: 1024px) {
#ModifierLanguageView::-webkit-scrollbar {
    width: 2em;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#ModifierLanguageView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#ModifierLanguageView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#ModifierLanguageView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}
/* ADDED BY HANS - 14/04/2017 */
#menuSection 
{
    z-index: 9999;
}
#settingTopMenu 
{
    z-index: 999;
    position: relative;
    box-shadow: 0px -8px 6px 11px rgba(0,0,0,0.55) !important;
}
.row #settingForm 
{
    z-index: 10;
    position: relative;
}
.ui-dialog 
{
    z-index: 9988 !important;
}
.jscolor
{
    z-index: 9999 !important;
}

#settingTopMenu ul 
{
    box-shadow: none !important;
}
.list-group.search_bar 
{
    margin-bottom:0;
}
#filterNameTerminal 
{
    margin-left:0;
}
.list-group-item.terminalsearch input 
{
    background-color: #fff;
    border: none;
    height: 100%;
    padding:20px !important;
    background-size: auto !important;
    background-position: right 20px center !important;
}
.list-group-item.terminalsearch 
{
    padding: 0 !important;
}
.row #settingForm 
{
    padding: 0 !important;
}
.slider 
{
    background-color: #fff !important;
}
.slider::before 
{
    bottom:3px !important;
}
div.switch + label 
{
    line-height: 34px;
    padding-left: 5px !important;
}
#TerminalFormSectionLeft 
{
    padding-right: 20px;
}
.ProgramSettingLeft,
.ProgramSettingRight
{
    width: 50% !important;
}
.mainformcontainer 
{
    padding: 20px 0;

}
.cat_section .form-group label 
{
    display: block;
    width: 100%;
    float: none;
    text-align:left;
}
.photo_container 
{
    width:100% !important;
}
/*label[for=Image_Path] + span.formcategorybox 
{
    width: 100% !important;
}*/
.cat_section .form-group .formcategorybox 
{
    width:90% !important;
}
button.form_cancel,
button.form_submit,
input.btn.form_cancel,
input.btn.form_submit
{
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 97% !important;
    padding: 10px 15px 10px 35px !important;
}
button.form_cancel span,
button.form_submit span 
{
    padding: 0 !important;
}
.form_submit 
{
    background-size: 20px auto !important;
}
.screenmenu_category div
{
    margin-top:10px;
}
label[for=Enter_Categories_you_want_to_add] 
{
    margin-bottom: 20px;
}
.list-group-item.table_heading span.list_label 
{
    font-size: 110%;
    font-weight: 700;
}

button.animationbutton,
button.animationbutton::before
{
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
button.animationbutton 
{
    margin-top: 5px;
}
#AccountSelectorScreenTop ul 
{
    box-shadow: -8px 6px 11px rgba(0,0,0,.55) !important;
}
#AccountSelectorScreenTop .vmenu-section 
{
    width: 33.33% !important;
    margin-left: 0 !important;
}
#TicketScreenTopLeft input 
{
    cursor: default !important;
}

@media screen and (min-device-width: 1024px) {
#NotePresetLanguageView::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#NotePresetLanguageView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#NotePresetLanguageView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#NotePresetLanguageView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

/* for button for sorting ticket */

.posSortTicket
{
    opacity: 0.5;
    margin-left:.25% !important;
    padding-top:7px !important;
    padding-bottom: 8px;
    background:darkgrey;
    text-align: center;
    color:White;
}
.posSortTicket label.checkbox
{
    margin-bottom:0px;
}
.posSortTicketSelected
{
    border-color: transparent !important;
    opacity: 1;
}
/*end for button for sorting ticket */
.openTicketView div img {
	width: 20px !important;
	height:20px !important;	
	margin-bottom:5px;
	float:left;
	
}
.openTicketView label {
	margin-top:0px;
	float:left;
	margin-left:1px;
	padding-left:10px !important;
}
.openTicketView #poseditorTitle div
{
    vertical-align:middle;
    text-align:center;   
}

.openTicketView {
    width: 150px;
    height: 150px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    vertical-align: middle;
    text-align: center;
}

.openTicketViewDetail div img {
    width: 20px !important;
    height: 20px !important;
    margin-bottom: 5px;
    float: left;
}

.openTicketViewDetail label {
    margin-top: 0px;
    float: left;
    margin-left: 1px;
    padding-left: 10px !important;
}

.openTicketViewDetail #poseditorTitle div {
    vertical-align: middle;
    text-align: center;
}

.openTicketViewDetail {
    width: 150px;
    height: 150px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    vertical-align: middle;
    text-align: center;
}

.openTicketPrint div img {
    width: 20px !important;
    height: 20px !important;
    margin-bottom: 5px;
    float: left;
}

.openTicketPrint label {
    margin-top: 0px;
    float: left;
    margin-left: 1px;
    padding-left: 10px !important;
}

.openTicketPrint #poseditorTitle div {
    vertical-align: middle;
    text-align: center;
}

.openTicketPrint {
    width: 150px;
    height: 150px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    vertical-align: middle;
    text-align: center;
}
.openTicketEditorTicketView div img {
	width: 20px !important;
	height:20px !important;	
	margin-bottom:5px;
	float:left;
	
}
.openTicketEditorTicketView label {
	margin-top:0px;
	float:left;
	margin-left:1px;
	padding-left:10px !important;
}
.openTicketEditorTicketView #poseditorTitle div
{
    vertical-align:middle;
    text-align:center;   
}

.openTicketEditorTicketView
{
    width:140px !important;
    height:150px !important;    
    padding-left:1px;
    padding-right:1px;
    vertical-align:middle;
    padding-top:1px;
    padding-bottom:1px;
    text-align:center;   
}


#loginversion h1 
{
    font-size: 10px;
}
#paymentTicketItem > label 
{
    font-size: 100% !important;
}
.paymentButtons 
{
    margin-bottom: 3px;
}
#numebrPadAutoVoucher 
{
    height: 16% !important;
}

.webgrid-row-style-fullvouchers {
	/*background-color: #9EBAD6;*/ /*commented by neha dated 20-08-2016*/
	font-size: 12px;
	font-weight: normal;
	float:left;
	width:100%;
	height:75px;
}

.webgrid-selected-row-fullvouchers
{
    height:100px;
    font-size: 12px;
	font-weight: normal;
	float:left;
	width:100%;
}
.webgrid-table-fullvouchers {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
	width: 100%;
	/*display: table;*/
	font-weight: normal;
	/*added by neha dated 16-08-2016*/
	border:none;
	background-color: #ddd;
}
.webgrid-header-fullvouchers {
	/*background-color: #A7C942;
	color: #000000;*/	
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size: 1em;
	font-weight: normal;
	/*added by neha dated 20-08-2016*/
	float:left;
	width:100%;
}
.webgrid-footer-fullvouchers {
}
.webgrid-header-fullvouchers th{border:none;background-color:transparent;padding:20px 0px 5px 0px; float:left;}
.webgrid-header-fullvouchers th a{background-color:transparent;}
.webgrid-table-fullvouchers td{border:medium none;padding:20px 0px 5px 3px;float:left;min-height:75px;}
.webgrid-table-fullvouchers > tbody{width:100%;box-shadow:0 6px 8px -6px #091a1e inset, 0 -8px 8px -10px #091a1e inset; overflow:auto;display:block;-webkit-overflow-scrolling: touch;}
.webgrid-table-fullvouchers > thead{display:block;}


.webgrid-row-style-pendingvoucher {
	/*background-color: #9EBAD6;*/ /*commented by neha dated 20-08-2016*/
	font-size: 12px;
	font-weight: normal;
	float:left;
	width:100%;
	height:150px;
}

.webgrid-selected-row-pendingvoucher
{
    height:100px;
    font-size: 12px;
	font-weight: normal;
	float:left;
	width:100%;
}
.webgrid-table-pendingvoucher {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
	width: 100%;
	/*display: table;*/
	font-weight: normal;
	/*added by neha dated 16-08-2016*/
	border:none;
	background-color: #ddd;
}
.webgrid-header-pendingvoucher {
	/*background-color: #A7C942;
	color: #000000;*/	
	padding: 0px 0px 0px;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	/*added by neha dated 20-08-2016*/
	float:left;
	width:100%;
	height:75px;
}
.webgrid-footer-pendingvoucher {
}
.webgrid-header-pendingvoucher th{border:none;background-color:transparent;padding:20px 0px 5px 0px;float:left;}
.webgrid-header-pendingvoucher th a{background-color:transparent;}
.webgrid-table-pendingvoucher td{border:medium none;padding:20px 0px 5px 3px;float:left;min-height:75px;}
.webgrid-table-pendingvoucher > tbody{width:100%;box-shadow:0 6px 8px -6px #091a1e inset, 0 -8px 8px -10px #091a1e inset; overflow:auto;display:block;-webkit-overflow-scrolling: touch;}
.webgrid-table-pendingvoucher > thead{display:block;}
#CustomerVoucherScreenTop {
	/*width: 20%;*/
	border: 1px solid grey;
	border: 0;
	vertical-align: middle;	
	font-size:20px;
}




.webgrid-row-style-voucherdetails {
	/*background-color: #9EBAD6;*/ /*commented by neha dated 20-08-2016*/
	font-size: 12px;
	font-weight: normal;
	float:left;
	width:100%;
	height:75px;
}

.webgrid-selected-row-voucherdetails
{
    height:100px;
    font-size: 12px;
	font-weight: normal;
	float:left;
	width:100%;
}
.webgrid-table-voucherdetails {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
	width: 100%;
	/*display: table;*/
	font-weight: normal;
	/*added by neha dated 16-08-2016*/
	border:none;
	background-color: #ddd;
}
.webgrid-header-voucherdetails {
	/*background-color: #A7C942;
	color: #000000;*/	
	padding: 0px 0px 0px;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	/*added by neha dated 20-08-2016*/
	float:left;
	width:100%;
}
.webgrid-footer-voucherdetails {
}

.webgrid-header-voucherdetails th{border:none;background-color:transparent;padding:20px 5px 5px 5px;float:left;}
.webgrid-header-voucherdetails th a{background-color:transparent;}
.webgrid-table-voucherdetails td{border:medium none;padding :20px 5px 5px 5px;float:left;min-height:75px;}
.webgrid-table-voucherdetails > tbody{width:100%;box-shadow:0 6px 8px -6px #091a1e inset, 0 -8px 8px -10px #091a1e inset; overflow:auto;display:block;-webkit-overflow-scrolling: touch;}
.webgrid-table-voucherdetails > thead{display:block;}




@media screen and (min-device-width: 1024px) {
.divUsedVouchers::-webkit-scrollbar {
    width: 30px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.divUsedVouchers::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
.divUsedVouchers::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.divUsedVouchers::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
.webgrid-table-fullvouchers tbody::-webkit-scrollbar {
    width: 15px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.webgrid-table-fullvouchers tbody::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
.webgrid-table-fullvouchers tbody::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.webgrid-table-fullvouchers tbody::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
.webgrid-table-voucherdetails tbody::-webkit-scrollbar {
    width: 15px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.webgrid-table-voucherdetails tbody::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
.webgrid-table-voucherdetails tbody::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.webgrid-table-voucherdetails tbody::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
.webgrid-table-pendingvoucher tbody::-webkit-scrollbar {
    width: 15px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.webgrid-table-pendingvoucher tbody::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
.webgrid-table-pendingvoucher tbody::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
.webgrid-table-pendingvoucher tbody::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


@media screen and (min-device-width: 1024px) {
#NotePresetLanguageView::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#NotePresetLanguageView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#NotePresetLanguageView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#NotePresetLanguageView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}



@media screen and (min-device-width: 1024px) {
#normalMode::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#normalMode::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#normalMode::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#normalMode::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}




@media screen and (min-device-width: 1024px) {
#gridPaymentWiseReportDetail::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#gridPaymentWiseReportDetail::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#gridPaymentWiseReportDetail::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#gridPaymentWiseReportDetail::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
#gridPaymentWiseCustomerDepositReportDetail::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#gridPaymentWiseCustomerDepositReportDetail::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#gridPaymentWiseCustomerDepositReportDetail::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#gridPaymentWiseCustomerDepositReportDetail::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
#gridUserReportDetail::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#gridUserReportDetail::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#gridUserReportDetail::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#gridUserReportDetail::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}
#checkFDMStatusOnSettle
{
    position: relative;
}
#checkFDMStatusOnSettle span
{
    position:absolute;
    font-weight:bold;
    font-size:large;
    top:0;
    right:0;
    padding-right:5px;
    color:Black;
}
.paymentButtons
{
    position: relative;
}
.paymentButtons span
{
    position:absolute;
    font-weight:bold;
    font-size:large;
    top:0;
    right:0;
    padding-right:5px;
    color:Black;
}
.submitFastPaymentCommand
{
    position: relative;
}
.submitFastPaymentCommand span
{
    position:absolute;
    font-weight:bold;
    font-size:large;
    top:0;
    right:0;
    padding-right:5px;
    color:Black;
}
#divTypeTable img,#divTypeCustomer img,#divTypeTicket img,#divTypeWorkPeriod img {
    width: 20px !important;
    height: 20px !important;
    margin-bottom: 5px;
    float: left;
}


#divTypeTimeMachine img {
    width: 30px !important;
    height: 25px !important;    
    float: left;
}


@media screen and (min-device-width: 1024px) {
#ticketEditorMenuItemView::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#ticketEditorMenuItemView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#ticketEditorMenuItemView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#ticketEditorMenuItemView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


@media screen and (min-device-width: 1024px) {
#TableTicketListView::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TableTicketListView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#TableTicketListView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#TableTicketListView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}




@media screen and (min-device-width: 1024px) {
#WorkPeriodCashStartCountDetailView::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#WorkPeriodCashStartCountDetailView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#WorkPeriodCashStartCountDetailView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#WorkPeriodCashStartCountDetailView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}



@media screen and (min-device-width: 1024px) {
#POSPayDeskStartCashCountDetailView::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#POSPayDeskStartCashCountDetailView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#POSPayDeskStartCashCountDetailView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#POSPayDeskStartCashCountDetailView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


@media screen and (min-device-width: 1024px) {
#workPriodInfoDetailView::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#workPriodInfoDetailView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#workPriodInfoDetailView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#workPriodInfoDetailView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}



@media screen and (min-device-width: 1024px) {
#workPeriodSelectedPaydeskPaymentView::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#workPeriodSelectedPaydeskPaymentView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#workPeriodSelectedPaydeskPaymentView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#workPeriodSelectedPaydeskPaymentView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


@media screen and (min-device-width: 1024px) {
#workPeriodSelectedPaydeskCustomerDepositView::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#workPeriodSelectedPaydeskCustomerDepositView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#workPeriodSelectedPaydeskCustomerDepositView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#workPeriodSelectedPaydeskCustomerDepositView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


@media screen and (min-device-width: 1024px) {
#workPeriodSelectedUserTurnOverReport::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#workPeriodSelectedUserTurnOverReport::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#workPeriodSelectedUserTurnOverReport::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#workPeriodSelectedUserTurnOverReport::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


.CashDrawerCountDetailContentRight .form-group label{display:block;text-align:left;margin:1px;padding-left:1px;}    
.CashDrawerCountBootomLeft { text-align:left;font-size:small;font-weight:bold;}
.CashDrawerCountBootomRight { text-align:right;font-size:small;font-weight:normal}


@media screen and (min-device-width: 1024px) {
#cashDrawerCountDetailInfoView::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#cashDrawerCountDetailInfoView::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#cashDrawerCountDetailInfoView::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#cashDrawerCountDetailInfoView::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
#divCashDrawerCountBottom::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#divCashDrawerCountBottom::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#divCashDrawerCountBottom::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#divCashDrawerCountBottom::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


@media screen and (min-device-width: 1024px) {
#CashDrawerCountPartialViewTop::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#CashDrawerCountPartialViewTop::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#CashDrawerCountPartialViewTop::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#CashDrawerCountPartialViewTop::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}
#gridCashDrawerCount .webgrid-table-cashDrawerCount th{border:medium none;padding:0px;float:left;min-height:35px;}
#gridCashDrawerCount .webgrid-table-cashDrawerCount td{border:medium none;padding:0px;float:left;min-height:35px;}
#denominationMapGrid .webgrid-table th{border:medium none;padding:5px;float:left;min-height:40px;}
#denominationMapGrid .webgrid-table td{border:medium none;padding:5px;float:left;min-height:40px;}

.gridPaymentDetailsHeader label{text-align:center;font-size:larger;font-weight:bold;width:100%;padding-bottom:15px;padding-top:15px;}



@media screen and (min-device-width: 1024px) {
#gridPaymentDetails::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#gridPaymentDetails::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#gridPaymentDetails::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#gridPaymentDetails::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}




@media screen and (min-device-width: 1024px) {
#gridCustomerDeposits::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#gridCustomerDeposits::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#gridCustomerDeposits::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#gridCustomerDeposits::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}

@media screen and (min-device-width: 1024px) {
#gridVatReport::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#gridVatReport::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#gridVatReport::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#gridVatReport::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


.ticketPrintJobView div img {
	width: 20px !important;
	height:20px !important;	
	margin-bottom:5px;
	float:left;
	
}
.ticketPrintJobView label {
	margin-top:0px;
	float:left;
	margin-left:1px;
	padding-left:10px !important;
}
.ticketPrintJobView #poseditorTitle div
{
    vertical-align:middle;
    text-align:center;   
}

.ticketPrintJobView {
    width: 290px !important;
    height: 300px !important;
    padding-left: 1px;
    padding-right: 1px;
    vertical-align: top;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: center;
    display: inline-block;
}
.ticketPrintKitchenHistory {
    width: 100% !important;
    height: 50px;
    text-align: right;
    white-space: normal;
    margin-top: 5px;
    float: right;
}

@media screen and (min-device-width: 1024px) {
#ticketKitchenHistoryPrint::-webkit-scrollbar {
    width: 20px;
    height:2em;
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#ticketKitchenHistoryPrint::-webkit-scrollbar-button {
    background: #ddd
    
}
}
@media screen and (min-device-width: 1024px) {
#ticketKitchenHistoryPrint::-webkit-scrollbar-track-piece {
    background: #ddd
}
}
@media screen and (min-device-width: 1024px) {
#ticketKitchenHistoryPrint::-webkit-scrollbar-thumb {
    background: rgba(110,110,110,0.8);
}
}


#ticketEditorFastQtyNumberPad input[type="submit" ] {
	margin-top: 1%;
	margin-left: 1px;
	margin-bottom: 1%;
	margin-right: 1px;
	height : 8%;
	width: 99%;
	background:#d3dce0;
	color:black;
}

@media (max-width: 600px) 
{
        .tableTicketTotal
        {
            font-size:15px;
        }

}


#MenuItembackground {
    position: absolute;
    z-index: 0;
    background-color: transparent !important;
    min-height: 100%;
    min-width: 100%;
    color: yellow;
    top: 0px;
}

#MenuItemDetail {
    position: absolute;
    z-index: 1;
    top: 0px;
}
    #MenuItemDetail label {
        word-wrap: break-word !important;
        word-break: break-all !important;
    }

    #MenuItembg-text {
        color: lightgray;
        font-size: 38px;
        background-color: transparent !important;
    }

@media screen and (min-device-width: 1024px) {
    #TicketEditorScreenLeftDetail::-webkit-scrollbar {
        width: 20px;
        height: 2em;
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    #TicketEditorScreenLeftDetail::-webkit-scrollbar-button {
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    #TicketEditorScreenLeftDetail::-webkit-scrollbar-track-piece {
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    #TicketEditorScreenLeftDetail::-webkit-scrollbar-thumb {
        background: rgba(110,110,110,0.8);
    }
}


@media screen and (min-device-width: 1024px) {
    .TicketEditorScreenOpenticketList::-webkit-scrollbar {
        width: 20px;
        height: 2em;
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    .TicketEditorScreenOpenticketList::-webkit-scrollbar-button {
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    .TicketEditorScreenOpenticketList::-webkit-scrollbar-track-piece {
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    .TicketEditorScreenOpenticketList::-webkit-scrollbar-thumb {
        background: rgba(110,110,110,0.8);
    }
}


#LockImagebackground {
    position: absolute;
    z-index: 0;
    background-color: transparent !important;
    color: yellow;
    left: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    align-items: center;
    vertical-align: central;
    float: none;
}

#TableDetailText {
    position: absolute;
    z-index: 1;
    left: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    align-items: center;
    vertical-align: central;
    display: contents;
}

    #TableDetailText p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: large;
        font-weight: bold;
    }

#LockImagebackground img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 50px !important;
    height: 50px !important;
}

#timePopViewCancel, #timePopViewSelect {
    font-size: smaller !important;
}


#OpenTicketText {
    position: absolute;
    z-index: 1;
    left: 0px;
    width: 100% !important;
    height: 100% !important;
    top: 0px;
    align-items: center !important;
    vertical-align: central !important;
    display: contents !important;
}

    #OpenTicketText p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: large;
        font-weight: bold;
        word-break: keep-all !important;
        vertical-align: central !important;
        display: contents !important;
    }

#OpenTicketBakground img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 30px !important;
    height: 30px !important;
}

.giftCertificateScannedBarCode {
    display: inline-block;
    width: 95%;
    overflow: auto;
    border: 1px solid grey;
    height: 200px;
}

.giftCertificateTotal {
    display: inline-block;
    width: 95%;
    overflow: auto;
    border: 1px solid grey;
    height: 45px;
    padding: 5px;
}

.gitCertificateTotalAmount {
    display: inline-block;
    width: 50%;
    float: right;
    text-align: right;
}

.openTicketEditorTicketViewDetail div img {
    width: 15px !important;
    height: 15px !important;
    margin-bottom: 5px;
    float: left;
}

.openTicketEditorTicketViewDetail label {
    margin-top: 0px;
    float: left;
    margin-left: 1px;
    padding-left: 10px !important;
}

.openTicketEditorTicketViewDetail #poseditorTitle div {
    vertical-align: middle;
    text-align: center;
}

.openTicketEditorTicketViewDetail {
    width: 140px !important;
    height: 150px !important;
    padding-left: 1px;
    padding-right: 1px;
    vertical-align: middle;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: center;
}

.openTicketEditorTicketPrint div img {
    width: 15px !important;
    height: 15px !important;
    margin-bottom: 5px;
    float: left;
}

.openTicketEditorTicketPrint label {
    margin-top: 0px;
    float: left;
    margin-left: 1px;
    padding-left: 10px !important;
}

.openTicketEditorTicketPrint #poseditorTitle div {
    vertical-align: middle;
    text-align: center;
}

.openTicketEditorTicketPrint {
    width: 140px !important;
    height: 150px !important;
    padding-left: 1px;
    padding-right: 1px;
    vertical-align: middle;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: center;
}
.posButtons {
    display: inline-block;
    position: relative;
    float: left;
    width: auto;
    min-width: 90px;
    min-height: 40px;
    margin-right: 10px;
}

.posDeliveryButtons {
    display: inline-block;
    position: relative;
    float: left;
    min-width: 90px;
    min-height: 40px;
    margin-right: 10px;
    margin-top: 5px;
    color: white;
    width: 100%;
}

.posDeliveyPickUp {
    background-color: sandybrown !important;
    background-image: none !important;
}

.posDeliveyWaiting {
    background-color: blue !important;
    background-image: none !important;
}

.posDelivered {
    background-color: yellowgreen !important;
    background-image: none !important;
}

.posDeliveryType {
    float: left;
    height: 100%;
    margin-left: 10px;
}

.openTicketLocked #LockImagebackground img {
    content: url("/Images/locked.png");
}

.openTicketViewDetail #LockImagebackground img {
    content: url("/Images/warning.png");
}

.openTicketPrint #LockImagebackground img {
    content: url("/Images/warningNotPrint.png");
}

.onlineOrderPickUp #LockImagebackground img {
    content: url("/Content/hans-images/desk-bell.png");
}

.onlineOrderDelivery #LockImagebackground img {
    content: url("/Content/hans-images/delivery-bike.png");
}

@media screen and (min-device-width: 1024px) {
    .posDeliverySection::-webkit-scrollbar {
        width: 20px;
        height: 2em;
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    .posDeliverySection::-webkit-scrollbar-button {
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    .posDeliverySection::-webkit-scrollbar-track-piece {
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    .posDeliverySection::-webkit-scrollbar-thumb {
        background: rgba(110,110,110,0.8);
    }
}

#ticketEditorDeliveryViewClose {
    display: inline;
    width: 100px;
    float: right;
    margin-top: 5px;
}

.posDeliverySection {
    width: 100%;
    text-align: center;
    overflow: auto;
    height: 90%;
}

.ShowOnlineTicketInfo {
    float: right;
    margin-right: 1px;
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 50px;
    height: 50px;
}

    .ShowOnlineTicketInfo img {
        content: url("/Content/images/iconslightskin/icon-tickets-info-black.png");
        float: right;
        margin-right: 1px;
        position: absolute;
        bottom: 2px;
        right: 2px;
    }

.paymentStatusPaid {
    display: inline-block;
    float: left;
    margin-left: 1px;
    color: lawngreen;
    font-weight: 300;
    position: absolute;
    bottom: 2px;
    left: 2px;
}

.paymentStatusUnPaid {
    display: inline-block;
    float: left;
    margin-left: 1px;
    color: red;
    font-weight: 300;
    position: absolute;
    bottom: 2px;
    left: 2px;
}


#poseditorTitle span, #poseditorTitle label {
    display: inline-block;
    min-height: 5px !important;
    padding-left: 10px !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    vertical-align: top !important;
    font-size: var(--kdsTopLocationHeaderFontSize);
    height: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.posDeliveryScreenSetting img {
    content: url("/Content/images/icon-login-settings.png");
    width: 25px;
    height: 25px;
}

.posDeliveryScreenSetting {
    float: right;
}

.openTicketDeliverySetting {
    border-width: 1px;
    border-color: black;
}

@media screen and (min-device-width: 1024px) {
    #tableTicketDetailsView::-webkit-scrollbar {
        width: 20px;
        height: 2em;
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    #tableTicketDetailsView::-webkit-scrollbar-button {
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    #tableTicketDetailsView::-webkit-scrollbar-track-piece {
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    #tableTicketDetailsView::-webkit-scrollbar-thumb {
        background: rgba(110,110,110,0.8);
    }
}

@media screen and (min-device-width: 1024px) {
    #ticketEditorMenuItemView::-webkit-scrollbar {
        width: 20px;
        height: 2em;
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    #ticketEditorMenuItemView::-webkit-scrollbar-button {
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    #ticketEditorMenuItemView::-webkit-scrollbar-track-piece {
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    #ticketEditorMenuItemView::-webkit-scrollbar-thumb {
        background: rgba(110,110,110,0.8);
    }
}
@media screen and (min-device-width: 1024px) {
    #TicketEditorScreenRightDetail1::-webkit-scrollbar {
        width: 2em;
        height: 2em;
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #TicketEditorScreenRightDetail1::-webkit-scrollbar-button {
        background: #ccc
    }
}

@media screen and (min-device-width: 1024px) {
    #TicketEditorScreenRightDetail1::-webkit-scrollbar-track-piece {
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #TicketEditorScreenRightDetail1::-webkit-scrollbar-thumb {
        background: rgba(220,221,220,0.8);
    }
}

#FutureOrderDate {
    width: 90%;
    height: 40px;
    text-align: center;
    margin-bottom: 10px;
}

    #FutureOrderDate select {
        width: 90%;
        height: 40px;
        text-align: center;
    }

#ticketTimeView {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

.CategoryProductReportHeader {
    float: left;
    width: 100%;
    background-color: gray;
    margin-bottom: 10px;
    text-align: center;
    color: white;
}

.CategoryProductReportProductHeader {
    float: left;
    width: 100%;
    background-color: lightgray;
    margin-bottom: 10px;
}

.CategoryProductReportName {
    width: 48%;
    float: left;
}

.CategoryProductReportQuantity {
    width: 49%;
    float: right;
    text-align: right;
}

.CategoryProductReportItemQuantity {
    width: 48%;
    float: right;
    text-align: right;
    margin-right: 20px;
}

.CategoryProductReportDetail {
    float: left;
    width: 100%;
    margin-bottom: 2px;
}

.CategoryProductReportPropertyDetail {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    
}

.CustomerWiseOrderTypeHeader {
    margin-left: 0px !important;
    font-size: xx-large;
    font-weight: 500;
}

.CustomerWiseFutureHeader {
    float: left;
    width: 100%;
    background-color: transparent;
    margin-bottom: 10px;
    text-align: center;
    border-color: black;
    border-style: solid;
}

.CustomerWiseFutureDateHeader {
    float: left;
    width: 100%;
    background-color: transparent;
    margin-bottom: 10px;
    text-align: center;
}

#KDSTicketListScreen text {
    margin-left: 0px;
}

#KDSTicketListScreen {
    width: 76.5%;
    float: right;
    margin-left: 1px;
}

#KDSTicketListScreen {
    overflow: auto;
    margin-left: 10px;
    margin-right: 10px;
    width: 99% !important;
}

@media screen and (min-device-width: 1024px) {
    #KDSTicketListScreen::-webkit-scrollbar {
        width: 20px;
        height: 2em;
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    #KDSTicketListScreen::-webkit-scrollbar-button {
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    #KDSTicketListScreen::-webkit-scrollbar-track-piece {
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    #KDSTicketListScreen::-webkit-scrollbar-thumb {
        background: rgba(110,110,110,0.8);
    }
}

@media screen and (min-device-width: 1024px) {
    #kdsTicketItemDetail::-webkit-scrollbar {
        width: 2em;
        height: 2em;
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #kdsTicketItemDetail::-webkit-scrollbar-button {
        background: #ccc
    }
}

@media screen and (min-device-width: 1024px) {
    #kdsTicketItemDetail::-webkit-scrollbar-track-piece {
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #kdsTicketItemDetail::-webkit-scrollbar-thumb {
        background: rgba(220,221,220,0.8);
    }
}

#kdsTicketItemDetail {
    overflow: hidden;
    background-color: #E2F2FB;
    padding-bottom: 20px;
    /*border-bottom: 0px !important;*/
    border: 0px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

#kdsRelatedTicketItemDetail {
    background-color: silver;
    margin-bottom: 15px;
    float: left;
}

#kdsRelatedTicketItemDetail text {
    color: blue !important;
}

/*.kdsTicketListJobViewBorderBottom div img {
    width: 20px;
    height: 20px;
    margin-bottom: 5px;
    float: left;
}*/

.kdsTicketJobView text {
    margin-top: 0px;
    float: left;
    margin-left: 0px;
    padding-left: 10px !important;
}
.kdsTicketJobView #poseditorTitle div {
    vertical-align: middle;
    text-align: center;
}

.kdsTicketListJobViewTitle {
    width: 100%;
    height: auto;
    text-align: right;
    white-space: normal;
    float: right;
    background-color: #E2F2FB !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#kdsTicketListJobViewBorderBottomSection1 {
    width: 100%;
    background-color: Gray;
    color: White;
    float: left;
}

.kdsTicketListScreenSettings img {
    content: url("/Content/images/icon-login-settings.png");
    width: 40px;
    height: 40px;
}

.kdsTicketScreenOverviewType {
    margin-left: 20px;
}

.kdsSummaryData {
    width: 100%;
    float: left;
    border: solid;
    border-color: silver;
    border-width: 1px;
}

.kdsSummaryDataProductName {
    width: 55%;
    float: left;
    text-align: left;
    font-size: 1.2em;
    font-weight: normal;
    vertical-align: central;
    border-right: solid;
    border-right-color: silver;
    border-right-width: 1px;
    padding: 7.5px;
}

.kdsSummaryDataGroupName {
    width: 55%;
    float: left;
    text-align: left;
    font-size: 1.6em;
    font-weight: bold;
    vertical-align: central;
    border-right: solid;
    border-right-color: silver;
    border-right-width: 1px;
    padding: 7.5px;
}

.kdsSummaryDataQuantity {
    width: 15%;
    float: right;
    text-align: right;
    font-size: 1.2em;
    display: inline-block;
    font-weight: normal;
    vertical-align: central;
    padding: 7.5px;
    border-right: solid;
    border-right-color: silver;
    border-right-width: 1px;
}

.kdsSummaryDataProductHeader {
    width: 55%;
    float: left;
    text-align: center;
    font-size: var(--kdsTicketSummaryHeaderFontSize) !important;
    font-weight: bold;
    vertical-align: central;
    border-right: solid;
    border-right-color: silver;
    border-right-width: 1px;
    padding: 7.5px;
    background-color: gray;
    overflow-wrap: normal;
}

.kdsSummaryDataQuantityHeader {
    width: 15%;
    float: right;
    text-align: center;
    font-size: var(--kdsTicketSummaryHeaderFontSize) !important;
    font-weight: bold;
    vertical-align: central;
    border-right: solid;
    border-right-color: silver;
    border-right-width: 1px;
    padding: 7.5px;
    background-color: gray;
    overflow-wrap: normal;
}
.kdsTicketListJobViewTitleDiv button {
    width: var(--kdsTicketJobTopButtonWidth);
    /* height: 40px;*/
    height: var(--kdsTicketActionButtonHeight) !important;
    float: left;
    margin-right: 1px;
    background-color: #94d8e4 !important;
    background: #94d8e4 !important;
    background-size: auto 60%;
    background-position: center center;
    padding: 0px !important;
}
.kdsJobViewOrderTypeInHouse, .kdsJobViewOrderTypePickup, .kdsJobViewOrderTypeDelivery {
    padding: 0px !important;
}

    .kdsJobViewOrderTypeInHouse img {
        content: url("/Content/hans-images/in-house.png");
        height: var(--kdsTicketActionButtonHeight) !important;
        /* width: 40px;
    height: 40px;*/
    }

    .kdsJobViewOrderTypePickup img {
        content: url("/Content/hans-images/take-away.png");
        height: var(--kdsTicketActionButtonHeight) !important;
        /* width: 40px;
    height: 40px;*/
    }

    .kdsJobViewOrderTypeDelivery img {
        content: url("/Content/hans-images/delivery-bike-black.png");
        height: var(--kdsTicketActionButtonHeight) !important;
        /* width: 40px;
    height: 40px;*/
    }

.kdsJobViewNotUrgent img {
    content: url("/Content/hans-images/siren-black.png");
    height: var(--kdsTicketActionButtonHeight) !important;
    /* width: 20px;
    height: 20px;*/
    /* margin-bottom: 5px;
    float: left;*/
}

.kdsJobViewUrgent img {
    content: url("/Content/hans-images/siren.png");
    height: var(--kdsTicketActionButtonHeight) !important;
    /* width: 20px;
    height: 20px;*/
    /*  margin-bottom: 5px;
    float: left;*/
}

.kdsJobViewNotPaused img {
    content: url("/Content/hans-images/pause.png");
    height: var(--kdsTicketActionButtonHeight) !important;
    /* width: 20px;
    height: 20px;*/
    /* margin-bottom: 5px;
    float: left;*/
}

.kdsJobViewPaused img {
    content: url("/Content/hans-images/pause-red.png");
    height: var(--kdsTicketActionButtonHeight) !important;
    /* width: 20px;
    height: 20px;*/
    /* margin-bottom: 5px;
    float: left;*/
}

.kdsJobViewFullView img {
    content: url("/Content/hans-images/MAXIMIZE-four-arrows-interface-symbol-to-maximize-size.png");
    height: var(--kdsTicketActionButtonHeight) !important;
    /* width: 20px;
    height: 20px;*/
    /* margin-bottom: 5px;
    float: left;*/
}

.kdsJobViewNormalView img {
    content: url("/Content/hans-images/minimize.png");
    height: var(--kdsTicketActionButtonHeight) !important;
    /* width: 20px;
    height: 20px;*/
    /*   margin-bottom: 5px;
    float: left;*/
}

.kdsJobViewPrint img {
    content: url("/Content/images/iconslightskin/btn-print-proforma-receipt-black.png");
    /*   width: 40px;
    height: 30px;*/
    /*   margin-bottom: 5px;
    float: left;*/
    height: var(--kdsTicketActionButtonHeight) !important;
}

.kdsJobViewPrint {
    padding-left: 5px !important;
    padding-top: 5px !important;
    padding-right: 5px !important;
}

.kdsTicketJobView button.kdsJobViewDone {
    width: var(--kdsTicketJobDoneButtonWidth) !important;
    float: right !important;
    text-align: right;
    margin-left: 0px !important;
    margin-right: 0px !important;
    background-color: #3ab5e6 !important;
    font-size: var(--kdsTicketButtonFontSize) !important;
    height: var(--kdsTicketActionButtonHeight) !important;
    padding: 10px !important;
    background-size: auto 40% !important;
    background-position: 1% center;
}

.fullscreen {
    z-index: 9999 !important;
    width: 100% !important;
    height: 100% !important;
    padding-left: 1px;
    padding-right: 1px;
    vertical-align: top;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: center;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    align-content: center;
    align-self: center;
    overflow: auto;
    overflow-x: auto !important;
}

.fullscreen button {
    width: 16%;
    height: var(--kdsTicketActionButtonFullViewHeight) !important;
    float: left;
    margin-left: 2px;
    padding-top: 1px;
}

.fullscreen button.kdsJobViewDone {
    width: 18% !important;
    height: 90px;
    float: left;
    margin-left: 2px;
    background-size: 33% auto !important;
    font-size: 3em !important;
}

.fullscreen div.kdsTicketListJobViewTitle {
    height: auto !important;
    padding-bottom: 2px !important;
}

.fullscreen div#poseditorTitle {
    height: auto !important;
    align-items: flex-start;
    float: left;
}

.fullscreen div#poseditorTitle img {
    width: 50px !important;
    height: 50px !important;
}

.fullscreen div#poseditorTitle label {
    font-size: xx-large;
}

.fullscreen text {
    font-size: 40px !important;
}

.fullscreen div.kdsTicketListJobViewBorderTop {
    width: 100% !important;
    height: 100% !important;
    margin-left: auto;
    margin-right: auto;
}

.kdsTicketJobView {
    width: var(--kdsTicketJobViewWidth) !important;
    height: var(--kdsTicketJobViewHeight) !important;
    padding-left: 1px;
    padding-right: 1px;
    vertical-align: top;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: center;
    z-index: 2;
    position: relative;
    border: none;
    background: transparent !important;
    margin-right: 5px !important;
    overflow-y: var(--kdsTicketJobViewOverflow) !important;
    overflow-x: hidden;
    /*background-color: #03516D !important;*/
}

.kitchenTicketColumnList {
    width: var(--kdsTicketJobViewWidth) !important;
    margin-left: 10px !important;
}

#kdsTicketScreenPrinterList {
    width: 100%;
    height: 40px;
    text-align: center;
    margin-bottom: 10px;
}

#kdsTicketScreenPrinterList select {
    width: 100%;
    height: 40px;
    text-align: center;
}

#kdsTicketScreenFontList, #kdsScreenProductFontList, #kdsScreenCategoryFontList, #kdsScreenHeaderFontList, #kdsScreenTableNrFontList,
#kdsScreenButtonFontList, #kdsScreenColumnList, #kdsScreenSortList, #kdsScreenCustomerFontList, #kdsScreenTimeFontList, #kdsTicketScreenHeaderFontList {
    width: 100%;
    height: 40px;
    text-align: center;
    margin-bottom: 10px;
}

    #kdsTicketScreenFontList select, #kdsScreenProductFontList select, #kdsScreenCategoryFontList select, #kdsScreenHeaderFontList select,
    #kdsScreenTableNrFontList select, #kdsScreenButtonFontList select, #kdsScreenSortList select, #kdsScreenCustomerFontList select,
    #kdsScreenTimeFontList select, #kdsTicketScreenHeaderFontList select {
        width: 90%;
        height: 40px;
        text-align: center;
    }

#kdsTicketListScreenLogOut img {
    content: url("/Content/images/Bmp.PNG");
    width: 50px;
    height: 30px;
    vertical-align: central;
}

#kdsTicketListScreenLogOut {
    width: 50px;
    height: 40px;
    float: right;
    margin-left: 10px;
}

.KDSJobSelected {
    background: #7cae12 !important;
}

.kdsJobKitchenViewDone img {
    content: url("/Content/hans-images/tick-completed.png");
    /* width: 50px !important;
    height: 30px !important;*/
}

/*.kdsJobKitchenViewDone {
    width: 50px !important;
    height: 50px !important;
    background-color: transparent;
    border: none !important;
    padding-top: 0px !important;
}*/

.kdsTicketListHistory img, .kdsTicketListHistorySelected img {
    content: url("/Content/hans-images/print-history-white.png");
    width: 60px;
    height: 40px;
}

.kdsTicketListHistorySelected {
    background: #7cae12 !important;
}

@media screen and (min-device-width: 1024px) {
    #kdsTicketList::-webkit-scrollbar {
        width: 2em;
        height: 2em;
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #kdsTicketList::-webkit-scrollbar-button {
        background: #ccc
    }
}

@media screen and (min-device-width: 1024px) {
    #kdsTicketList::-webkit-scrollbar-track-piece {
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #kdsTicketList::-webkit-scrollbar-thumb {
        background: rgba(220,221,220,0.8);
    }
}



@media screen and (min-device-width: 1024px) {
    #kdsTicketOverViewList::-webkit-scrollbar {
        width: 2em;
        height: 2em;
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #kdsTicketOverViewList::-webkit-scrollbar-button {
        background: #ccc
    }
}

@media screen and (min-device-width: 1024px) {
    #kdsTicketOverViewList::-webkit-scrollbar-track-piece {
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #kdsTicketOverViewList::-webkit-scrollbar-thumb {
        background: rgba(220,221,220,0.8);
    }
}


@media screen and (min-device-width: 1024px) {
    .fullscreen::-webkit-scrollbar {
        width: 2em;
        height: 2em;
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    .fullscreen::-webkit-scrollbar-button {
        background: #ccc
    }
}

@media screen and (min-device-width: 1024px) {
    .fullscreen::-webkit-scrollbar-track-piece {
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    .fullscreen::-webkit-scrollbar-thumb {
        background: rgba(220,221,220,0.8);
    }
}

.kdsTicketItem text.modifiers {
    color: #F3F3C1 !important;
    text-align: right !important;
    padding-right: 20px !important;
    width: 100% !important;
}
.kdsTicketItem text.notNormalModifier {
    color: orange !important;
}
@media screen and (min-device-width: 1024px) {
    #kdsTicketScreenSettingView::-webkit-scrollbar {
        width: 2em;
        height: 2em;
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #kdsTicketScreenSettingView::-webkit-scrollbar-button {
        background: #ccc
    }
}

@media screen and (min-device-width: 1024px) {
    #kdsTicketScreenSettingView::-webkit-scrollbar-track-piece {
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #kdsTicketScreenSettingView::-webkit-scrollbar-thumb {
        background: rgba(220,221,220,0.8);
    }
}

.kdsTicketJobStart {
    background-image: url("/Content/hans-images/round-play-button BLACK.png");
    background-color: #3ab5e6;
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: 5% center;
    color: #fff;
    padding: 10px 15px 10px 40px;
    white-space: nowrap;
    font-weight: bold;
    width: 100%;
    font-size: var(--kdsTicketButtonFontSize) !important;
    height: 100%;
    float: left;
}

#kdsTicketItemAction {
    background-color: #003142;
    margin-bottom: 0px;
    /*border: 0px !important;*/
    width: 100% !important;
    padding-bottom: 15px !important;
    border-top-color: silver;
    border-top-style: solid;
    border-top-width: 1px;
    flex: initial;
    height: auto !important;
}
    
#kdsTicketItemAction.started {
        overflow: auto;
        background-color: #003142;
        margin-bottom: 0px;
        /*border: 0px !important;*/
        padding-bottom: 15px !important;
}

.kdsTicketJobReset {
    background-image: url("/Content/hans-images/undo-circular-arrow.png");
    background-color: #94d8e4;
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center center;
    color: #fff;
    white-space: nowrap;
    font-weight: bold;
    margin-left: 2%;
    margin-right: 1%;
    width: 22%;
    /*padding: 25px 35px 15px 10px;*/
    padding: 0px !important;
    height: var(--kdsTicketActionButtonHeight) !important;
    margin-bottom: 0px !important;
    float: left !important;
}

.kdsTicketJobCompleted {
    background-image: url("/Content/images/check.png");
    background-color: #3ab5e6 !important;
    background-repeat: no-repeat;
    background-size: auto 40%;
    background-position: 5% center;
    color: #fff;
    padding: 10px 15px 10px 40px;
    white-space: nowrap;
    font-weight: bold;
    margin-left: 2%;
    margin-right: 1%;
    width: 72%;
    height: 100%;
    font-size: var(--kdsTicketButtonFontSize) !important;
    text-align: right;
}

.relatedJobItem {
    height: auto;
    border-width: thin;
    border: none;
    cursor: pointer;
    width: 100%;
    float: left;
}

#kdsRelatedJob {
    width: 100%;
    display: block;
    background: white;
    float: left;
    height: auto;
}
    #kdsRelatedJob img.relatedJobTypeKitchen {
        content: url("/Content/hans-images/hot-pot.png");
        /*width: 50% !important;*/
        /*height: auto !important;*/
        margin-left: 25%;
        margin-right: 25%;
        float: left;
    }

    #kdsRelatedJob img.relatedJobTypeBar {
        content: url("/Content/hans-images/beer-tap.png");
        /*width: 50% !important;*/
        /*height: 50% !important;*/
        margin-left: 25%;
        margin-right: 25%;
    }

    #kdsRelatedJob text {
        width: 100% !important;
        min-height: 30px !important;
        text-align: left;
        display: block;
        background: white;
        height: auto;
        float: left;
    }

#kdsTicketItemAction text {
    color: white;
    text-align: left !important;
    float: left !important;
    padding: 0px !important;
}

.kdsTicketItemGroup {
    background-color: #003142;
    font-style: italic;
    font-weight: bold !important;
    width: 100%;
    text-align: left;
    color: #ffffff !important;
    font-weight: bold !important;
    /*Commented by Mukesh on 02/11/2022 to show the group text in center, earlier it was showing at bottom*/
    /* padding:5px !important;*/
    font-size: var(--kdsTicketGroupFontSize) !important;
    border-top-color: silver;
    border-top-style: solid;
    border-top-width: 1px;
}

.kdsTicketJobView.kdsJobStarted {
    border-color: transparent !important;
    border-style: none !important;
    border-width: unset !important;
}

.kdsTicketListJobViewBorderBottom img.kdsJobStartedKitchen {
    content: url("/Content/hans-images/hot-pot.png");
    width: 50%;
    /*height: auto !important;*/
    margin-left: 25%;
    margin-right: 25%;
}

.kdsTicketListJobViewBorderBottom img.kdsJobStartedBar {
    content: url("/Content/hans-images/beer-tap.png");
    width: 50%;
    /*height: auto !important;*/
    margin-left: 25%;
    margin-right: 25%;
}

.kdsTicketListJobViewBorderBottom img.kdsJobDoneKitchen {
    content: url("/Content/hans-images/serving_food_dish.png");
    width: 50%;
    /*height: auto !important;*/
    margin-left: 25%;
    margin-right: 25%;
}

.kdsTicketListJobViewBorderBottom img.kdsJobDoneBar {
    content: url("/Content/hans-images/serving_drinks.png");
    width: 50%;
    /*height: auto !important;*/
    margin-left: 25%;
    margin-right: 25%;
}

.kdsTicketListJobViewBorderBottom text {
    width: 100% !important;
    height: auto !important;
    text-align: left;
    display: block;
}

.expediteTopBar {
    width: 100%;
    float: left;
    margin-top: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
}

#expediteScreenAllTickets {
    float: left;
    height: 40px;
    width: 100px;
    padding-left: 5px;
    padding-left: 5px;
}

.kdsTicketItemGroup.start {
    background-color: #008D36 !important;
    font-style: italic;
    width: 100%;
    text-align: left;
}
@media screen and (min-device-width: 1024px) {
    #TerminalKDSJobView::-webkit-scrollbar {
        width: 2em;
        height: 2em;
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #TerminalKDSJobView::-webkit-scrollbar-button {
        background: #ccc
    }
}

@media screen and (min-device-width: 1024px) {
    #TerminalKDSJobView::-webkit-scrollbar-track-piece {
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #TerminalKDSJobView::-webkit-scrollbar-thumb {
        background: rgba(220,221,220,0.8);
    }
}

.fullViewContainer {
    display: inline-flex !important;
    flex-flow: column !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    height: var(--fullViewContainerHeight) !important;
    column-rule: 5px solid black;
    overflow-x: auto !important;
    align-content: flex-start;
    column-gap: 20px !important;
}

.fullViewItem {
    width: 30% !important;
    flex-direction: column !important;
    /* border-right: thick solid grey !important;*/
}

.fullscreen button.kdsTicketJobStart {
    width: 100% !important;
    height: auto !important;
    margin-left: 0px !important;
    align-content: center;
    font-size: var(--kdsTicketActionButtonFullViewFontSize) !important;
}

.fullscreen button.kdsTicketJobReset {
    width: 45% !important;
    /*height: 100% !important;*/
    margin-left: 0px !important;
    float: left !important;
    font-size: var(--kdsTicketActionButtonFullViewFontSize) !important;
}

.fullscreen button.kdsTicketJobCompleted {
    width: 45% !important;
    height: auto !important;
    margin-left: 0px !important;
    float: right;
    font-size: var(--kdsTicketActionButtonFullViewFontSize) !important;
}

.relatedFullViewContainer {
    display: inline-flex !important;
    flex-flow: column !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    height: 500px !important;
    column-rule: 5px solid black;
}

.relatedFullViewItem {
    width: 30% !important;
    flex-direction: column !important;
    border-right: thick solid grey !important;
}

    .relatedFullViewItem text {
        font-size: 30px !important;
    }

.relatedFullViewContainer text {
    font-size: 30px !important;
}

.kdsTicketListScreenTimeMachine img {
    content: url("/Content/images/clock.png");
    width: 40px;
    height: 40px;
}

.ticketUpdateAlert /*for kds job ticket update alert*/ {
    z-index: 11 !important;
    margin-top: 10% !important;
    margin-left: 10% !important;
    width: 80%;
    background-color: white;
    opacity: .9;
    float: none;
    position: absolute;
    align-self: center;
}

.kdsTicketItemText {
    position: absolute;
    margin-top: 0px !important;
    margin-left: 0px !important;
    z-index: 0;
    transform: translate(-50%,-50%);
    width: 320px !important;
    height: auto !important;
    float: left;
}

.ticketUpdateAlert text { /*for text alignment on kds job ticket update alert*/
    text-align: center;
    color: black;
}

    .ticketUpdateAlert text.itemNormal { /*for new item added text in kds job ticket*/
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: transparent;
        border-width: 0px;
    }

    .ticketUpdateAlert text.itemAddition { /*for new item added text in kds job ticket*/
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #8cc700;
        border-width: 1px;
        border-color: gray;
        border-style: ridge;
        width: 100%;
    }

.ticketUpdateAlert img.ticketWarningAlert { /*for kds job ticket update alert normal image*/
    content: url("/Content/images/alert-128.png");
    width: 50% !important;
    height: auto !important;
}

.ticketUpdateAlert img.ticketUrgentAlert { /*for kds job ticket update alert urgent image*/
    content: url("/Content/hans-images/siren.png");
    width: 50% !important;
    height: auto !important;
}

.ticketUpdateAlert img.ticketPausedAlert { /*for kds job ticket update alert paused image*/
    content: url("/Content/hans-images/pause-red.png");
    width: 50% !important;
    height: auto !important;
}

.ticketUpdateAlert text.timeElapsed { /*for kds job ticket update time elapsed text*/
    text-align: center;
    width: 100%;
}

.ticketUpdateAlert text.itemSubstraction { /* for kds job ticket item cancelled/removed */
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #e76145;
    border-width: 1px;
    border-color: gray;
    border-style: ridge;
    width: 100%;
}

.kdsTicketItem text.kdsNormalItem {
    display: inline-block;
    vertical-align: middle;
}

.kdsTicketItem text.kdsVoidItem {
    display: inline-block;
    vertical-align: middle;
    text-decoration: line-through;
}

.ticketUpdateAlert img.ticketNotPausedAlert { /*for kds job ticket update alert paused image*/
    content: url("/Content/hans-images/pause.png");
    width: 50% !important;
    height: auto !important;
}

.ticketUpdateAlert img.ticketNotUrgentAlert { /*for kds job ticket update alert paused image*/
    content: url("/Content/hans-images/siren-black.png");
    width: 50% !important;
    height: auto !important;
}

.relatedJobItem text.kdsNormalItem {
    display: inline-block;
    vertical-align: middle;
    background: white !important;
}

.relatedJobItem text.kdsVoidItem {
    display: inline-block;
    vertical-align: middle;
    text-decoration: line-through;
    background: white !important;
}

button.printNoteCommand, button.ui-state-default.printNoteCommand, button.ui-state-default.printNoteCommand:hover,
button.kdsNoteNotUrgent, button.ui-state-default.kdsNoteNotUrgent, button.ui-state-default.kdsNoteNotUrgent:hover,
button.kdsNoteNotPaused, button.ui-state-default.kdsNoteNotPaused, button.ui-state-default.kdsNoteNotPaused:hover,
button.kdsNoteUrgent, button.ui-state-default.kdsNoteUrgent, button.ui-state-default.kdsNoteUrgent:hover,
button.kdsNotePaused, button.ui-state-default.kdsNotePaused, button.ui-state-default.kdsNotePaused:hover {
    background-color: #0B8695;
    background-repeat: no-repeat;
    background-size: 25px auto;
    background-position: 10px center;
    color: #fff;
    padding: 10px 15px 10px 40px;
    margin-left: 5px !important;
    white-space: nowrap;
    border: 1px solid #0B8695;
    font-weight: bold;
    border: 1px solid #0B8695;
    vertical-align: top;
}

    button.printNoteCommand, button.ui-state-default.printNoteCommand, button.ui-state-default.printNoteCommand:hover {
        background-image: url("/Content/hans-images/btn-ticket-note.png");
    }

    button.kdsNoteNotUrgent, button.ui-state-default.kdsNoteNotUrgent, button.ui-state-default.kdsNoteNotUrgent:hover {
        background-image: url("/Content/hans-images/siren-black.png");
        margin-top: 10px;
    }

    button.kdsNoteNotPaused, button.ui-state-default.kdsNoteNotPaused, button.ui-state-default.kdsNoteNotPaused:hover {
        background-image: url("/Content/hans-images/pause.png");
        margin-top: 10px;
    }

    button.kdsNoteUrgent, button.ui-state-default.kdsNoteUrgent, button.ui-state-default.kdsNoteUrgent:hover {
        background-image: url("/Content/hans-images/siren.png");
        margin-top: 10px;
    }

    button.kdsNotePaused, button.ui-state-default.kdsNotePaused, button.ui-state-default.kdsNotePaused:hover {
        background-image: url("/Content/hans-images/pause-red.png");
        margin-top: 10px;
    }

.divPrintNoteCommand {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}
#PeriodTypeSelection {
    width: 50%;
    float: left;
}

.dateSelection, .workPeriodSelection {
    width: 100%;
    float: left;
}

    .dateSelection div.switch, .workPeriodSelection div.switch {
        float: left;
        margin-right: 5px;
    }

.switch input {
    width: 15%;
    float: left;
}
.fullscreen div.kdsTicketListJobViewBorderBottom {
    margin-top: 10px !important;
}

.fullscreen button.kdsJobViewOrderTypeInHouse img {
    content: url("/Content/hans-images/in-house.png");
    /*width: 33% !important;*/
    height: var(--kdsTicketActionButtonFullViewHeight) !important;
}

.fullscreen button.kdsJobViewOrderTypePickup img {
    content: url("/Content/hans-images/take-away.png");
    /*width: 33% !important;*/
    height: var(--kdsTicketActionButtonFullViewHeight) !important;
}

.fullscreen button.kdsJobViewOrderTypeDelivery img {
    content: url("/Content/hans-images/delivery-bike-black.png");
    /* width: 33% !important;*/
    height: var(--kdsTicketActionButtonFullViewHeight) !important;
}

.fullscreen button.kdsJobViewNotUrgent img {
    content: url("/Content/hans-images/siren-black.png");
    /*width: 33% !important;*/
    height: var(--kdsTicketActionButtonFullViewHeight) !important;
    /*margin-bottom: 5px;
    float: left;
    margin-left: 33% !important;*/
}

.fullscreen button.kdsJobViewUrgent img {
    content: url("/Content/hans-images/siren.png");
    /*width: 33% !important;*/
    height: var(--kdsTicketActionButtonFullViewHeight) !important;
    /* margin-bottom: 5px;
    float: left;
    margin-left: 33% !important;
    margin-top: 2.5% !important;*/
}

.fullscreen button.kdsJobViewNotPaused img {
    content: url("/Content/hans-images/pause.png");
    /*width: 33% !important;*/
    height: var(--kdsTicketActionButtonFullViewHeight) !important;
    /* margin-bottom: 5px;*/
    /* float: left;*/
    /* margin-left: 33% !important;
    margin-top: 2.5% !important;*/
}

.fullscreen button.kdsJobViewPaused img {
    content: url("/Content/hans-images/pause-red.png");
    /*    width: 33% !important;*/
    height: var(--kdsTicketActionButtonFullViewHeight) !important;
    /* margin-bottom: 5px;
    float: left;
    margin-left: 33% !important;
    margin-top: 2.5% !important;*/
}

.fullscreen button.kdsJobViewNormalView img {
    content: url("/Content/hans-images/minimize.png");
    /* width: 33% !important;*/
    height: var(--kdsTicketActionButtonFullViewHeight) !important;
    /*margin-bottom: 5px;
    float: left;
    margin-left: 33% !important;
    margin-top: 2.5% !important;*/
}

.fullscreen button.kdsJobViewPrint img {
    content: url("/Content/images/iconslightskin/btn-print-proforma-receipt-black.png");
    /*width: 33% !important;*/
    height: var(--kdsTicketActionButtonFullViewHeight) !important;
    /* margin-bottom: 5px;
    float: left;
    margin-left: 33% !important;
    margin-top: 2.5% !important;*/
}

.kdsJobButton {
    display: inline-block;
    float: left;
    min-width: 75px;
    min-height: 40px;
    width: auto;
    position: relative;
    margin-left: 10px;
    background: #0B8695;
    margin-bottom: 5px;
}

.kdsJobSelectedButton {
    background: green !important;
}

.kdsJobButton button {
    position: absolute;
    left: 0px;
    top: 0px;
    float: left;
    height: 100%;
    width: auto;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0px;
}

.kdsJobSelectedButton button {
    background: green !important;
}

#LockImagebackground img.posPausedTable, .openTicketPaused div#LockImagebackground img { /*for pos table view  table ticket having paused kds job*/
    content: url("/Content/hans-images/pause-red.png");
    width: 50% !important;
    height: auto !important;
}

#LockImagebackground img.posUrgentTable, .openTicketUrgent div#LockImagebackground img { /*for pos table view  table ticket having paused kds job*/
    content: url("/Content/hans-images/siren.png");
    width: 50% !important;
    height: auto !important;
}

.BarKitchenJobStatus1 {
    width: 45% !important;
    margin-left: 5%;
    float: left;
    left: 25% !important;
}

.BarKitchenJobStatus2 {
    width: 45% !important;
    margin-left: 5%;
    float: right;
    left: 75% !important;
}

.openTicketView #LockImagebackground img.kdsJobKitchenStarted {
    content: url("/Content/hans-images/hot-pot.png");
}

.openTicketView #LockImagebackground img.kdsJobBarStarted {
    content: url("/Content/hans-images/beer-tap.png");
}

.openTicketView #LockImagebackground img.kdsJobKitchenCompleted {
    content: url("/Content/hans-images/serving_food_dish.png");
}

.openTicketView #LockImagebackground img.kdsJobBarCompleted {
    content: url("/Content/hans-images/serving_drinks.png");
}

.kdsTicketItemGroup.complete {
    background-color: #cece21 !important;
    font-style: italic;
    width: 100%;
    text-align: left;
}

text.wrapped {
    padding-top: 0px;
    padding-bottom: 0px;
    height: auto !important;
    width: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    background-position-x: var(--kdsTicketJobArrowPosition) !important;
    background-image: url("/Content/images/icons/arrow-right-light.png");
    background-position-y: center !important;
}

text.unwrapped {
    padding-top: 0px;
    padding-bottom: 0px;
    height: auto !important;
    width: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    background-position-x: var(--kdsTicketJobArrowPosition) !important;
    background-image: url("/Content/images/icons/arrow-down-light.png");
    background-position-y: center !important;
}

.kdsJobListButton {
    position: absolute;
    left: 10px;
    top: 0px;
    position: absolute;
    float: left;
    height: 100%;
    width: 220px;
    padding-left: 5px;
    padding-right: 5px;
}

.kdsJobListSelectedButton {
    background: green !important;
}

.coursePrintJob {
    margin-left: 10px;
    margin-bottom: 10px;
    color: black;
}

    .coursePrintJob.selected {
        background-color: green !important;
        background: green !important;
    }

    .coursePrintJob.printedCourse {
        background-color: floralwhite !important;
        background: floralwhite !important;
    }

    .coursePrintJob div {
        width: 20px;
        float: right;
        vertical-align: top;
    }

        .coursePrintJob div img.printJob {
            content: url("/Content/images/CoursePrintIco.png");
            margin-left: 10px;
            height: 16px;
            width: 16px;
        }

        .coursePrintJob div img.kdsJob {
            content: url("/Content/images/monitor-screen-32-32.png");
            margin-left: 10px;
            height: 16px;
            width: 16px;
        }
.ticketUpdateAlert img.ticketCourseRequest { /*for kds job ticket Course Request*/
    content: url("/Content/images/iTILL-LOGO-icon-transparent-blue.png");
    width: 50% !important;
    height: auto !important;
}
#kdsRelatedJob img.relatedJobTypeDoneKitchen {
    content: url("/Content/hans-images/serving_food_dish.png");
    /*width: 50% !important;*/
    /*height: auto !important;*/
    margin-left: 25%;
    margin-right: 25%;
}

#kdsRelatedJob img.relatedJobTypeDoneBar {
    content: url("/Content/hans-images/serving_drinks.png");
    /*width: 50% !important;*/
    /*height: auto !important;*/
    margin-left: 25%;
    margin-right: 25%;
}

#kdsRelatedJob img.relatedJobTypeDoneBar {
    content: url("/Content/hans-images/serving_drinks.png");
    /*width: 50% !important;*/
    height: auto !important;
    margin-left: 25%;
    margin-right: 25%;
}

.kdsTicketJobCompleted.expediteScreenDoneButton {
    width: 100% !important;
    margin: 0px !important;
    text-transform: uppercase;
}

.kdsJobCourseStatus {
    width: 25% !important;
    margin-left: 37.5% !important;
    margin-right: 37.5% !important;
    height: var(--kdsTicketJobViewStatusImageHeight) !important;
}

.kdsRelatedJobStatus {
    width: 25% !important;
    margin-left: 37.5% !important;
    margin-right: 37.5% !important;
    height: var(--kdsTicketJobViewStatusImageHeight) !important;
}
#kdsTicketItemAction button img.kdsJob {
    content: url("/Content/images/monitor-screen-32-32.png");
    margin-left: 10px;
    height: 32px;
    width: 32px;
}

.kdsSummaryDataGroupName.modifierGroupName {
    text-align: right !important;
    /*font-size: 1.3em !important;*/
}

.fullscreen text.wrapped {
    height: 60px !important;
    width: 32px;
    background-position-x: 98% !important;
    background-position-y: 15px !important;
    background-image: none !important;
}

.fullscreen text.unwrapped {
    height: 60px !important;
    width: 32px;
    background-position-x: 98% !important;
    background-position-y: 15px !important;
    background-image: none !important;
}
#normalModeButton img {
    content: url("/Content/hans-images/Unlocked-new.png");
    width: 100%;
    height: 100%;
}
#designModeButton img {
    width: 100%;
    height: 100%;
}
#normalModeButton div, #designModeButton div
{
    width:100% !important;
}
#normalModeButton, #designModeButton {
    width: 38px;
    height: 40px;
    margin-left: 5px;
    padding: 0px !important;
    border: none !important;
    float: right;
}
.posOpenTicket {
    display: inline-block;
    position: relative;
    float: left;
    width: auto;
    min-width: 90px;
    min-height: 40px;
    margin-right: 10px;

}
.posOpenTicket.active {
    background-color: #7cae12 !important;
    background: #7cae12 !important;
    border-color: #7cae12 !important
}
.posTableScreen.active {
    background-color: #7cae12 !important;
    background: #7cae12;
    border-color: #7cae12 !important;
    display:inline;
}
.posTableScreen
{
    margin-left:5px;
}

.posTableScreenMenu.active {
    background-color: #7cae12 !important;
    background: #7cae12;
    border-color: #7cae12 !important;
    display:inline;
}
.posButtons.active {
    background-color: #7cae12 !important;
    background: #7cae12;
    border-color: #7cae12 !important;
    display: inline;
}
.posTableScreenMenu {
    width:220px!important;
}
.PosOpenFastFoodScreen {
    display: inline;
    margin-left: 2px;
    width: 35px;
    height: 35px;
    padding: 0px !important;
    height: 40px;
    margin-top: 0px !important;
    float: right;
}
.POSUnlockTableCommand {
    display: none;
    margin-left: 2px;
    width: 35px;
    height: 40px;
    padding: 0px !important;
    float: right;
}
.tableViewMenu {
    display: inline-block;
    margin-left: 5px;
    padding: 0px !important;
    background-color:transparent;
}
.POSScreenTopLeftButton {
    overflow-y: hidden;
    overflow-x: hidden;
    width: 70%;
    white-space: nowrap;
    float: left;
}
.posSelectTable div.LockImagebackground img, .posSelectTable div.LockImagebackground img {
    height: 50px !important;
    width: 50px !important;
    float: none;
    display: inline;
    -moz-transform: rotate('0deg');
    -webkit-transform: rotate('0deg');
    -o-transform: rotate('0deg');
    -ms-transform: rotate('0deg');
    transform: rotate('0deg')
}
.ag-address-cell label {
    height: 25px !important;
    padding: 0px !important;
    font-size: small !important;
    width: 100% !important;
}

.ag-address-header-cell {
    width: 17.50% !important;
    position: relative !important;
    transform: none !important;
    left: unset !important;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.ag-address-header-cell-mobile {
    width: 100% !important;
    position: relative !important;
    transform: none !important;
    left: unset !important;
}

.ag-floating-filter {
    width: 17.75% !important;
    position: relative !important;
    transform: none !important;
    left: unset !important;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    border-top: 0px !important;
}

#filter-text-box {
    width: 100% !important;
}

@media screen and (min-device-width: 1024px) {
    .ag-body-viewport::-webkit-scrollbar {
        width: 20px;
        height: 2em;
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    .ag-body-viewport::-webkit-scrollbar-button {
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    .ag-body-viewport::-webkit-scrollbar-track-piece {
        background: #ddd
    }
}

@media screen and (min-device-width: 1024px) {
    .ag-body-viewport::-webkit-scrollbar-thumb {
        background: rgba(110,110,110,0.8)
    }
}

.ag-header-container, .ag-header-row {
    width: 100% !important;
}

.editcustomer:hover, .selectcustomer:hover {
    background: transparent !important;
    background-color: transparent !important;
}

#dialogLoadCustomer img {
    content: url("/Content/images/InProgress.gif");
    width: 100%;
    height: 100%;
}
@media screen and (min-device-width: 1024px) {
    #customerListCustomerHistoryView::-webkit-scrollbar {
        width: 2em;
        height: 2em;
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #customerListCustomerHistoryView::-webkit-scrollbar-button {
        background: #ccc
    }
}

@media screen and (min-device-width: 1024px) {
    #customerListCustomerHistoryView::-webkit-scrollbar-track-piece {
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #customerListCustomerHistoryView::-webkit-scrollbar-thumb {
        background: rgba(220,221,220,0.8);
    }
}

#gridContentAccounts .webgrid-table {
    height: 75% !important;
}

#gridContentAccounts .webgrid-table tbody {
    height: 70% !important;
}

#AccountDetailScreenLeft div {
    height: 100%;
}
#AccountDetailScreenLeft
{
    height: 100%;
}
#gridContentAccounts {
    height: 100%;
}
#AccountDetailScreen
{
    height:700px !important;
}
#CustomerAccountSection #AccountDetailScreen
{
    height:100% !important;
}
#AccountDetailScreen #gridContentAccounts .webgrid-table {
    height: 90% !important;
}

#AccountDetailScreen #gridContentAccounts .webgrid-table tbody {
    height: 95% !important;
}

#AccountDetailScreenRight button {
    -webkit-user-modify: read-write-plaintext-only;
    padding: 0px !important;
    text-align: center;
    word-wrap: break-word;
}

#CustomerHistorySection #divCustomerHistory .webgrid-table {
    height: 75% !important;
}

    #CustomerHistorySection #divCustomerHistory .webgrid-table tbody {
        height: 70% !important;
    }

#CustomerHistorySection #divCustomerHistory {
    height: 90% !important;
}

#CustomerHistoryView, #CustomerHistoryScreen {
    height: 100%;
}

#customerListCustomerHistoryView #divCustomerHistory {
    height: 100% !important;
}

#customerListCustomerHistoryView #divCustomerHistory .webgrid-table {
    height: 90% !important;
}

#customerListCustomerHistoryView #divCustomerHistory .webgrid-table tbody {
    height: 90% !important;
}
#CustomerAccountSection #gridContentAccounts .webgrid-table {
    height: 75% !important;
}

#CustomerAccountSection #gridContentAccounts .webgrid-table tbody {
    height: 70% !important;
}
#customerAccountDescriptionDetails
{
    width:100% !important;
}
#customerAccountDescriptionDetails label {
    width: 30% !important;
    float: left;
    padding-left: 50px !important;
    text-align: left;
}
#customerAccountDescriptionDetails input {
    width: 60% !important;
    float: right;
    margin-right:5% !important;
}
#customerAccountTypeDetails label {
    text-align: left;
}
#customerAccountTypeDetails input, #customerAccountTypeDetails select {
    width: 90% !important;
    float: left;
}

/*added by Mukesh on 22/01/2022 for Showing fdm error icon for the online ticket which was not signed due to fdm error*/
.openTicketFDMSign #LockImagebackground img {
    content: url("/Content/hans-images/blackBox_error.png");
}

.openTicketFDMSign div img {
    width: 20px !important;
    height: 20px !important;
    margin-bottom: 5px;
    float: left;
}

.openTicketFDMSign label {
    margin-top: 0px;
    float: left;
    margin-left: 1px;
    padding-left: 10px !important;
}

.openTicketFDMSign #poseditorTitle div {
    vertical-align: middle;
    text-align: center;
}

.openTicketFDMSign {
    width: 150px;
    height: 150px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    vertical-align: middle;
    text-align: center;
}
#gridProductModifiers {
    height: 40%;
    float: left;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 6% !important;
    margin-top:2% !important;
}

#gridModifiers {
    height: 34%;
    float: left;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ProductModifierInfo {
    color: blue;
}

#gridProductModifiers .footerCaption, #gridModifiers .footerCaption {
    width: 50% !important;
    text-align: left;
    font-size: medium;
    font-weight: bold;
}

#gridProductModifiers .footerField, #gridModifiers .footerField {
    width: 12% !important;
    text-align: right;
    font-size: medium;
    font-weight: bold;
}

#gridProductModifiers .footerFieldEx, #gridModifiers .footerFieldEx {
    width: 2% !important;
    text-align: right;
    font-size: medium;
    font-weight: bold;
}

#gridProductModifiers tbody {
    height: 90%;
    overflow-y: scroll;
}

#gridProductModifiers thead, #gridModifiers thead {
    position: absolute;
    margin-top: -30px;
    width: 100% !important;
}

#gridProductModifiers tfoot, #gridModifiers tfoot {
    position: absolute;
    width: 100% !important;
}

#topSellingProdoductDiv {
    overflow-x: hidden;
}

@media screen and (min-device-width: 1024px) {
    #gridProductModifiers::-webkit-scrollbar, #gridModifiers::-webkit-scrollbar {
        width: 30px;
        height: 30px;
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #gridProductModifiers::-webkit-scrollbar-button, #gridModifiers::-webkit-scrollbar-button {
        background: #ccc
    }
}

@media screen and (min-device-width: 1024px) {
    #gridProductModifiers::-webkit-scrollbar-track-piece, #gridModifiers::-webkit-scrollbar-track-piece {
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #gridProductModifiers::-webkit-scrollbar-thumb, #gridModifiers::-webkit-scrollbar-thumb {
        background: rgba(220,221,220,0.8);
    }
}
#exportCSV div
{
    text-align:center;
    height:40px;
    background-color:deepskyblue;
    padding:7px;
}
#exportCSV div a
{
    color:white;
    font-size:larger;
    font-weight:bold;
}
#exportCSVFilter {
    margin-top: 30px !important;
    padding-left: 20%;
    padding-right: 20%;
}
#gridProductModifiersHeader label {
    font-size: large;
    margin-bottom:5px;
}
#gridProductModifiers td
{
    vertical-align:top;
}
.terminalAppVersion {
    float: right;
    font-size: large;
    font-weight: bolder;
}
.kdsTicketListJobViewBorderBottomSection1 div {
    background-color: #706f6f !important;
}

.kdsTitleTopLocation {
    background-color: #03516D !important;
    float: left !important;
    width: 100% !important;
    height: auto !important;
}

.kdsTopLocationTable label {
    font-size: var(--kdsTopLocationTableFontSize) !important;
    font-weight: bold !important;
    display: block !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: auto !important;
}

.fullscreen div.kdsTopLocationTable label {
    font-size: var(--kdsTopLocationTableFontSize) !important;
}

.fullscreen .kdsTitleTopLocation {
    height: auto !important;
}

.fullscreen .kdsTitleBottomLocation {
    height: auto !important;
}

.kdsTitleBottomLocation {
    background-color: #003142 !important;
    float: left !important;
    width: 100% !important;
    height: auto !important;
    padding-left: 20px !important;
}


.kdsTitleTopLocation div img {
    width: 20px;
    height: 20px;
    /*  margin-bottom: 5px;
    margin-top:10px;*/
}

.kdsTopLocationTable img {
    margin-top: 30px !important;
}

.kdsTitleBottomLocation div img {
    width: 20px;
    height: 20px;
    /*margin-bottom: 5px;*/
    float: left;
    /*margin-top: 10px;*/
}

.kdsTicketItemGroupSeparator {
    padding-bottom: 10px !important;
    background-color: #E2F2FB !important;
}

.kdsTicketListJobViewBorderBottom.start .kdsTitleTopLocation {
    background-color: #008D36 !important;
}

.kdsTicketListJobViewBorderBottom.start .kdsTitleBottomLocation {
    background-color: #006633 !important;
}

.kdsTicketListJobViewBorderBottom.start #poseditorTitle {
    background-color: #008D36 !important;
}

.kdsTicketListJobViewBorderBottom #poseditorTitle {
    background-color: #03516D;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.kdsTicketItem text.kdsNormalItem, .kdsTicketItemtext.kdsVoidItem, .kdsTicketItem text.kdsMenuTypeItem, .kdsTicketItemtext.kdsMenuTypeVoidItem {
    padding-left: 10px !important;
    border-top-color: silver;
    border-top-style: solid;
    border-top-width: 1px;
}

.relatedJobItem text.kdsTicketItemGroup {
    background-color: #E2F2FB !important;
}

#kdsTicketScreenSettingView li div#summarySetting img {
    content: url("/Content/images/summariListGray.png");
}

#kdsTicketScreenSettingView li.active div#summarySetting img {
    content: url("/Content/images/summariListBleu.png");
}

#kdsTicketScreenSettingView li div#kdsSetting img {
    content: url("/Content/images/KDSticketsettingsGray.png");
}

#kdsTicketScreenSettingView li.active div#kdsSetting img {
    content: url("/Content/images/KDSticketsettingsBlue.png")
}

#kdsTicketScreenSettingView div .hormenu {
    height: 90px !important;
}

#kdsTicketScreenSettingView div ul.navbar-nav {
    width: 100% !important;
    height: 90px !important;
    margin-bottom: 10px !important;
}

    #kdsTicketScreenSettingView div ul.navbar-nav li.vmenu-section {
        width: 50% !important;
        height: 90px !important;
    }

        #kdsTicketScreenSettingView div ul.navbar-nav li.vmenu-section div {
            width: 100% !important
        }

.kdsTicketScreenPrinterSetting label, .kdsTicketScreenFontSetting label {
    padding-left: 0px !important;
}

.kdsTicketStatusText {
    font-size: var(--kdsTopLocationHeaderFontSize) !important;
    background-color: #003142;
    color: white !important;
}

.kdsNormalItem, .kdsVoidItem, .modifiers, .notNormalModifier, .kdsTicketItemNotes, .kdsMenuTypeItem, .kdsMenuTypeVoidItem, .kdsMenuTypeNormalItem {
    font-size: var(--kdsTicketItemFontSize) !important;
}

.kdsTitleBottomLocation label {
    float: left !important;
    margin-top: 0px !important;
}

.kdsTitleBottomLocation div {
    padding-top: 2.5px !important;
    padding-bottom: 2.5px !important;
    float: left;
    display: flex;
    align-items: center;
}
/* Moved from day mode css to general css on 02/11/2022, as the design will be same in day and night mode*/
.kdsTicketItem {
    border-color: -moz-use-text-color -moz-use-text-color #eaeaea !important;
    /*padding: 5px;*/
    background: #003142 none repeat scroll 0 0;
}

.kdsTicketJobView .kdsTicketItem {
    border-style: none none solid;
    background: #003142 none repeat scroll 0 0;
}

.kdsTicketItem text {
    color: #FDE900;
    margin-bottom: 0;
    font-weight: normal;
}

.kdsTicketListJobViewBorderTop {
    width: 100%;
    padding-top: 1em;
    background: linear-gradient(-50deg, #03516D 10px, transparent 0) 0 10px, linear-gradient(50deg, #03516D 10px, transparent 0) 0 10px;
    /*background-color: #03516D !important;*/
    background-position: left top !important;
    background-repeat: repeat-x !important;
    background-size: 20px 20px;
    float: left;
    height: 100%;
}

.kdsTicketListJobViewBorderBottom {
    /*padding: .5em;*/
    background: linear-gradient(135deg, #03516D 10px, transparent 0) 0 10px, linear-gradient(-135deg, #03516D 10px, transparent 0) 0 10px;
    /*background-color: #03516D;*/
    background-position: left bottom !important;
    background-repeat: repeat-x !important;
    background-size: 20px 20px;
    position: absolute;
    margin-left: 0px;
    /*margin-top: 50px;*/
    width: 100%;
    z-index: 0;
    float: left;
    height: auto !important;
    border-width: 5px;
    border-color: #03516D !important;
    border-style: solid;
}

.kdsTicketListJobViewBorderTop.start {
    background: linear-gradient(-50deg, #008D36 10px, transparent 0) 0 10px, linear-gradient(50deg, #008D36 10px, transparent 0) 0 10px;
    /*background-color: #008D36 !important;*/
    background-size: 20px 20px !important;
    height: 100%;
    width: 100%;
    padding-top: 1em;
    background-position: left top !important;
    background-repeat: repeat-x !important;
}

.kdsTicketListJobViewBorderBottom.start {
    height: 100%;
    width: 100%;
    background: linear-gradient(135deg, #008D36 10px, transparent 0) 0 10px, linear-gradient(-135deg, #008D36 10px, transparent 0) 0 10px !important;
    /*background-color: #008D36 !important;*/
    background-position: left bottom !important;
    background-repeat: repeat-x !important;
    background-size: 20px 20px !important;
    border-color: #008D36 !important;
}



.kdsTicketListJobViewBorderBottom img.expeditedKdsJobStartedKitchen {
    content: url("/Content/hans-images/hot-pot-white.png");
    width: 25%;
    /*height: auto !important;*/
    margin-left: 25%;
    margin-right: 25%;
}

.kdsTicketListJobViewBorderBottom img.expeditedKdsJobStartedBar {
    content: url("/Content/hans-images/beer-tap-white.png");
    width: 25%;
    /*height: auto !important;*/
    margin-left: 37.5%;
    margin-right: 37.5%;
}

.kdsTicketListJobViewBorderBottom img.expeditedKdsJobDoneKitchen {
    content: url("/Content/hans-images/dish-white.png");
    width: 25%;
    /*height: auto !important;*/
    margin-left: 25%;
    margin-right: 25%;
}

.kdsTicketListJobViewBorderBottom img.expeditedKdsJobDoneBar {
    content: url("/Content/hans-images/serving-white.png");
    width: 25%;
    /*height: auto !important;*/
    margin-left: 25%;
    margin-right: 25%;
}

.kdsRelatedJob text.kdsTicketStatusText {
    background-color: white !important
}

.kdsTicketJobView button.kdsJobViewDone.expediteScreenTopButton {
    width: var(--kdsTicketJobDoneButtonWidth) !important;
    font-size: var(--kdsTicketButtonFontSize) !important;
}

.kdsTicketListJobViewTitleDiv {
    width: 100% !important;
    float: left;
    background-color: #E2F2FB !important;
    padding-left: 10px;
    padding-right: 10px;
}

.kdsTopLocationTime {
    display: flex;
    align-items: center;
    justify-content: center;
}

.kdsTicketListJobViewBottomMargin {
    background-color: #03516D;
    height: 20px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .kdsTicketListJobViewBottomMargin.started {
        background-color: #008D36 !important;
    }

.fullscreen div.kdsTicketItem div#kdsTicketItemAction {
    width: 100% !important;
}

.fullscreen div#kdsTicketItemAction {
    width: 30% !important;
    padding-bottom: 0px !important;
}

.kdsTicketItemGroupSeparator div.fullViewItem {
    width: 100% !important;
    padding-bottom: 0px !important;
}

.kdsTicketItemGroupSeparator div.kdsTicketItem {
    display: flex;
    align-items: flex-end;
}

.full_kdsTicketItemActionButton {
    margin-bottom: 0px !important;
}
#CustomerForm.customerSearchAddCompany {
    width: 100% !important;
}
.printPerformaReceipt:disabled, .printPerformaOrder:disabled {
    opacity: .4;
}
#filterReportFromDateTopSales, #filterReportToDateTopSales {
    font-size:12px;
    padding:0px !important;
}
#divOnlinePaymentQRScanner.payconiq {
    background-color: #FF4785 !important;
    border-radius: 50px;
    border: none;
    margin: 0px;
    
}
.ui-dialog.payconiq {
    background-color: #FF4785 !important;
    border-radius: 50px;
    border: none;
    margin: 0px;
}
#divOnlinePaymentQRScanner.payconiq div.divContent {
    background-color: #FF4785 !important;
    text-align: center;
    width: 100% !important;
}
#divOnlinePaymentQRScanner.payconiq img#imgQRCodeLogo {
    content: url("/Content/payconiq/payconiq_by_Bancontact-logo-app-pos-shadow.png");
    display: block;
    width: 30% !important;
    margin: auto;
    background: radial-gradient(#f1737f, transparent);
}

#divOnlinePaymentQRScanner.payconiq img#imgQRCodeScanner {
    display: block;
    margin: auto;
}
#divOnlinePaymentQRScanner.payconiq label#onlinePaymentText {
    font-family: Arial !important;
    font-weight: 200 !important;
    color: white !important;
    display: block;
    font-size: 24px;
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    text-align: center;
    margin: auto;
}
.ui-dialog.payconiq div.ui-dialog-buttonpane {
    background: transparent !important;
    display:flex;
    justify-content:center;
    padding-left:0px !important;
    padding-right:0px !important;
}
.ui-dialog.payconiq div.ui-dialog-buttonpane button {
    margin-left: 2.5px !important;
    margin-right: 2.5px !important;
    width: 120px !important;
}
.ui-dialog.payconiq div.ui-dialog-buttonpane button:focus {
    outline: none;
}

.kdsTicketDeliveryTimeText {
    font-size: var(--kdsTicketTimeFontSize) !important;
    background-color: #003142;
    color: white !important;
}
.kdsTicketCustomerNameText {
    font-size: var(--kdsTicketCustomerFontSize) !important;
    background-color: #003142;
    color: white !important;
}
.openTicketView #LockImagebackground text {
    position: absolute;
    top: 50%;
    left: 90%;
    width: 100% !important;
    text-align: center;
    color: #fcffbf !important;
}
.expediteTopBarTopLeft
{
    width:70% !important;
    overflow-x:hidden;
    overflow-y:hidden;
    white-space:nowrap;
    float:left;
    height:45px !important;
}
button.tickettotalsmall, button.tickettotalsmall:hover {
    background: #02181d;
    color: #ffffff !important;
    text-align: left;
    padding: 1px; /* padding-right:3px; */
}
.kdsTicketItem text.kdsMenuTypeItem {
    display: inline-block;
    vertical-align: middle;
    text-align: center !important;
}

.kdsTicketItem text.kdsMenuTypeVoidItem {
    display: inline-block;
    vertical-align: middle;
    text-decoration: line-through;
    text-align: center !important;
}

.kdsTicketItem text.kdsMenuTypeNormalItem {
    display: inline-block;
    vertical-align: middle;
}

.relatedJobItem text.kdsMenuTypeItem {
    display: inline-block;
    vertical-align: middle;
    background: white !important;
    text-align: center !important;
}


.relatedJobItem text.kdsMenuTypeVoidItem {
    display: inline-block;
    vertical-align: middle;
    text-decoration: line-through;
    background: white !important;
    text-align: center !important;
}
#ReservationScreenTopLeft .LockImagebackground label {
    position: absolute;
    top: 5%;
    left: 0%;
    width: 100% !important;
    text-align: center;
    color: black !important;
    font-size: xx-large;
}
.reservationHeader {
    margin-left: 20%;
    top: 50px;
    width: 100%;
    font-size: xx-large;
    text-align: center;
    /* height: 50px; */
    margin-bottom: -40px;
}

.reservation-top-nav-bar {
    /*position: relative;*/
    overflow: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 80%;
    white-space: nowrap;
    float: left;
    position: relative;
}
.list_label {
    font-weight: 100;
    width: 75%;
    display:inline-block;
    height:50px;
}

#workperiodlist .workPeriodInfo {
    float: right;
    height: 50px;
}
#workperiodlist div {
    width: 25%;
    float: right;
    height: 50px;
}
#topSellingProdoductDiv div#gridContent div#grid {
    overflow-x: scroll !important;
}
@media screen and (min-device-width: 1024px) {
    #topSellingProdoductDiv div#gridContent div#grid::-webkit-scrollbar, #topSellingProdoductDiv div#gridContent div#grid::-webkit-scrollbar {
        width: 30px;
        height: 30px;
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #topSellingProdoductDiv div#gridContent div#grid::-webkit-scrollbar-button, #topSellingProdoductDiv div#gridContent div#grid::-webkit-scrollbar-button {
        background: #ccc
    }
}

@media screen and (min-device-width: 1024px) {
    #topSellingProdoductDiv div#gridContent div#grid::-webkit-scrollbar-track-piece, #topSellingProdoductDiv div#gridContent div#grid::-webkit-scrollbar-track-piece {
        background: #eee
    }
}

@media screen and (min-device-width: 1024px) {
    #topSellingProdoductDiv div#gridContent div#grid::-webkit-scrollbar-thumb, #topSellingProdoductDiv div#gridContent div#grid::-webkit-scrollbar-thumb {
        background: rgba(220,221,220,0.8);
    }
}