/* Minification failed. Returning unminified contents.
(2646,1): run-time error CSS1019: Unexpected token, found '}'
(3481,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3492,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3493,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3514,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3525,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3526,8): run-time error CSS1035: Expected colon, found '{'
(3533,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3534,8): run-time error CSS1035: Expected colon, found '{'
(3549,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3550,8): run-time error CSS1035: Expected colon, found '{'
(3570,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3571,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3581,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3582,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3603,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3604,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3614,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3615,8): run-time error CSS1035: Expected colon, found '{'
(3622,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3623,8): run-time error CSS1035: Expected colon, found '{'
(3638,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3639,8): run-time error CSS1035: Expected colon, found '{'
(3659,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3660,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3670,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3671,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3692,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3693,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3703,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3704,8): run-time error CSS1035: Expected colon, found '{'
(3711,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3712,8): run-time error CSS1035: Expected colon, found '{'
(3727,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3728,8): run-time error CSS1035: Expected colon, found '{'
(3748,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3759,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3760,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3781,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3792,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3793,8): run-time error CSS1035: Expected colon, found '{'
(3800,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3801,8): run-time error CSS1035: Expected colon, found '{'
(3816,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3817,8): run-time error CSS1035: Expected colon, found '{'
(3837,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3838,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3848,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3870,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3871,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3881,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3882,8): run-time error CSS1035: Expected colon, found '{'
(3889,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3890,8): run-time error CSS1035: Expected colon, found '{'
(3905,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3906,8): run-time error CSS1035: Expected colon, found '{'
(3931,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3932,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3942,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3943,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3964,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(3965,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(3975,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(3976,8): run-time error CSS1035: Expected colon, found '{'
(3983,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(3985,8): run-time error CSS1035: Expected colon, found '{'
(4000,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4001,8): run-time error CSS1035: Expected colon, found '{'
 */
*{
	white-space:normal;
	word-wrap:break-word;
		
}
html {
	background-color: #e2e2e2;
	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: #e2e2e2;
	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: #e2e2e2;
	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:hover {
	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;
}
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%;
	text-align: center;
}
#indexForm label {
	vertical-align: bottom;
	padding-top: 5px;
	text-align: center;
	color: White;
	margin-bottom:0px;
}
#indexForm button {
	margin-bottom:4px;
	height:99% !important
}
/* WorkPeriodForm*/
#workPeriodForm {
	width: 100%;
	background: none;
}
#workPeriodForm select {
	float : left;
	width: 60%;
	border: 2;
	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: 10px;
}
/* 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;
}
/* 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;
}
#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;}
#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;
}
/* Department Form */

#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;
}
#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;
}
#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;
}
#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 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 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;
}
/* Printer Form */

#PrinterForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
	
}
#PrinterForm label {
	padding-left: 20px;
}
#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: 50%;
	float: right;
}
#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;
}
#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%;
}
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%;
	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 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%;
}
/* CurrencySettingsList Form*/
#ListingForm {
	width: 75%;
	border: 1px solid grey;
	float: right;
	margin-right: 0px;
	height: 100%;
}
#ListingForm select {
	float : left;
	width: 60%;
	border: 1;
	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: 100%;
	float: left;
}
#ProductFormPortionSection {
	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;
}
#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;
	float: right;
}
#TimeMachineScreenTop {
	width: 70%;
	border: 1px solid grey;
	border: 0;
	height: 300Px;
	float: left;
	vertical-align: middle;
}
#TimeMachineScreenTopLeft {
	width: 50%;
	border: 1px solid grey;
	border: 0;
	height: 300Px;
	float: left;
	vertical-align: middle;
}
#TimeMachineScreenTopLeft label {
	font-size: x-large;
	font-weight: bold;
	color: Blue;
	vertical-align: middle;
	azimuth: center;
	margin-top: 100px;
	margin-left: 25px;
}
#TimeMachineScreenTopLeftRight {
	width: 50%;
	border: 1px solid grey;
	border: 0;
	height: 300Px;
	float: right;
}
#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: 70%;
	border: 1px solid grey;
	float: left;
	height: auto;
	border: 0;
}
#TimeMachineScreenBottom select {
	width: 90%;
	margin-left: 10px;
}
#TimeMachineScreenBottomRight {
	width: 30%;
	border: 1px solid grey;
	float: right;
	height: auto;
	border: 0;
}
#HourCalculation {
	width: 100%;
	border: 1px solid grey;
	float: right;
}
#HourCalculationTop {
	width: 60%;
	border: 1px solid grey;
	border: 0;
	height: 76px;
	float: left;
	vertical-align: middle;
}
#HourCalculationTopLeft {
	width: 50%;
	border: 1px solid grey;
	border: 0;
	
	float: left;
	vertical-align: middle;
}
#HourCalculationTopLeft input {
	width: 75%;
}
#HourCalculationTopLeftRight {
	width: 50%;
	border: 1px solid grey;
	border: 0;

	float: right;
}
#HourCalculationTopLeftRight input {
	width: 75%;
}
#HourCalculationTopRight {
	width: 40%;
	border: 1px solid grey;
	float: right;
	border: 0;
	
}
#HourCalculationTopRight textarea {
	width: 90%;
	height: 100Px;
}
#HourCalculationMiddle {
	width: 60%;
	border: 1px solid grey;
	border: 0;
	height: auto;
	float: left;
	vertical-align: middle;
}
#HourCalculationBottomLeft {
	width: 60%;
	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;
	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;
	padding: 10px;
}
#TicketScreenTop {
	width: 100%;
	border: 1px solid grey;
	border: 0;
	height: 40Px;
	float: left;
	vertical-align: middle;
}
#TicketScreen #GCContent{ float:left;width:100%}
#HourCalculationBottomRight label,#HourCalculationBottomRight select{ margin-left:0px !important;}
#TicketScreenTopLeft {
	width: 50%;
	border: 1px solid grey;
	border: 0;
	height: 40Px;
	float: left;
	vertical-align: middle;
}
#TicketScreenTopLeft input {
	width: 75%;
}
#TicketScreenTopLeftRight {
	width: 50%;
	border: 1px solid grey;
	border: 0;
	height: 40Px;
	float: right;
}
#TicketScreenTopLeftRight input {
	width: 75%;
}
#TicketScreenTopRight {
	width: 50%;
	border: 1px solid grey;
	float: right;
	border: 0;
	height: 75Px;
}
#TicketScreenMiddle {
	border: 1px solid grey;
	border: 0;
	height: 60Px;
	float: left;
	vertical-align: middle;
}
#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;
}

#TicketScreenBottom3 {
	width: calc( 100% - 100px);
	border: 1px solid grey;
	border: 0;
	height: 75Px;
	float: right;
	vertical-align: middle;
}

#AccountSelectorScreen {
	width: 100%;
	border: 1px solid grey;
	float: right;
}
#AccountSelectorScreenTop {
	width: 100%;
	border: 1px solid grey;
	border: 0;
	margin:5px;
	float: left;
	vertical-align: middle;
}
#AccountSelectorScreenTop input[type="submit"],  #AccountSelectorScreenTop input[type="button"],  #AccountSelectorScreenTop button {
	
	margin-left:0px;
	
	font-size: x-large;
	font-weight: bold;
}
#AccountSelectorScreenLeft {
	width: 85%;
	border: 1px solid grey;
	border: 0;
		max-height: 450px;
	float: left;
	vertical-align: middle;
}
#AccountSelectorScreenRight {
	width: 15%;
	border: 1px solid grey;
	border: 0;
	
	max-height: 450px;
	float: right;
	vertical-align: middle;
}
#AccountSelectorScreenRight input[type="submit"],  #AccountSelectorScreenRight input[type="button"],  #AccountSelectorScreenRight button {
	width: 95%;
	height: auto;
	margin-left: 5px;
	font-size: large;
	margin-bottom:10px;
}
/*---------------------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: 79%;
	float: right;
	margin-left: 1px;
	margin-top: 5px;
}
#TicketEditorScreenLeftDetailSection1 {
	width: 100%;
	background-color: Gray;
	color: White;
}
#TicketEditorScreenLeftDetailSection2 {
	width: 100%;
	background-color: White;
	color: Gray;
}
#TicketEditorScreenLeftDetailSection3 {
	width: 100%;
	background-color: Gray;
	color: Gray;
}
#TicketEditorScreenLeftDetailButtonSection1 {
	float: none;
	display:inline-block;
	height:100%;
	Width:48% !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: right;
}
#TicketEditorScreenLeftDetailButtonSection2 input[type="submit" ],  #TicketEditorScreenLeftDetailButtonSection2 button {
	width: 100%;
	text-align: center;
	height: auto;
	white-space: normal;
	background: Red;
	color: White;
	font-size: x-large;
	font-weight: bold;
}
#TicketEditorScreenLeftDetail select {
	width: 100%;
}
#TicketEditorScreenRight {
	float: right;
}
#TicketEditorScreenRightMenu {
}
#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}
#TicketEditorScreenRightDetailBottom {
	width: 74%;
	float: right;
	vertical-align: bottom;
	top: 500px;
}
#TicketEditorScreenLeftDetail form,#TicketEditorScreenLeftDetailButtonSection2{ 
	display: inline-table;
    height: 100%;
    max-width: 48%;
    width: 48%;
}
#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%;
}
#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;
	width: 100%;
	white-space: normal;
	background: Red;
	color: White;
	margin-left:0px;
}
#TicketEditorNoteScreen textarea {
	height: 300px;
	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;
}
#PaymentEditorScreen {
	width: 100%;
}
#PaymentEditorScreenleft {
	width: 35%;
	float: left;
	overflow:auto;
}
#PaymentEditorScreenleft select {
	width: 100%;
}
#PaymentEditorScreenleftDetail {
	width: 100%;
	background-color: Gray;
	color: Black;
}
#PaymentEditorScreenleftTicketTotal {
	width: 100%;
	background-color: #e2e2e2;
	color: Black;
	display: inline-block;
	font-size: larger;
}
#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: #e2e2e2;
	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: #e2e2e2;
	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: 64%;
	float: right;
	overflow:auto;
}
#PaymentEditorScreenRightLeft {
	width: 75%;
	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: 98%;
}
#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: 31%;
	height: 24%;
	font-size: x-large;
	font-weight: bold;
	margin-right: 0px;
	margin-left:0px;
	padding:0px;
	background:#d3dce0;
	color:black;
}
#PaymentEditorScreenRightLeft22 {
	width: 24%;
	float: right;
	height:100%;
}
#PaymentEditorScreenRightLeft22 input[type="submit" ] {
	width: 99%;
	height: 16%;
	paddig: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: 70%;
	float: left;
}
#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%
}
#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;
}
#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;
	text-align:center;
	margin-bottom:10px;
	height:100% !important;
	
}
#ReservationScreenTopLeft {
	width: 38%;
	border: 1px solid grey;
	float: left;
	border: 0;
	overflow: auto;
}
#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%;
}
#reservationEditorFormLeft {
	width: 60%;
	float: left;
}
#reservationEditorFormLeft1 {
	width: 20%;
	float: left;
}
#reservationEditorFormLeft1 input[type="checkbox"],  #reservationEditorFormLeft1 input[type="submit"],  #reservationEditorFormLeft1 input[type="button"],  #reservationEditorFormLeft1 button {
	
	width: 90%;
}
#reservationEditorFormLeft2 {
	width: 80%;
	float: right;
}
#reservationEditorFormLeft2 select {
	width: 95%;
}
#reservationEditorFormRight {
	width: 40%;
	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 {
}
#WaiterPinSection 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;
}
#waiterPinCodeExit 
{
    background:red !important;
}
#waiterPinCodeNumber
{
    background:#d3dce0 !important;
    color:black !important;
}

#WaiterPinSection input[type="password" ] {
	width: 97%;
	height: 30px;
}
#WaiterCheckInSection {
}
#WaiterCheckInSection input[type="submit" ] {
	margin-top: 1px;
	margin-left: 0px;
	margin-bottom: 1px;
	margin-right: 0px;
	height : 45px;
	width: 99%;
	background-color: Green;
	color: Black;
	font-weight: bold;
}
#waiterTimeInExit 
{
    background:red !important;
}
/*---------------------------------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%;
	float: right;
}
/*---------------------------------For Report------------------*/

#BasicReports {
}
#BasicReportLeft {
	width: 33.3333%;
	float: left;
}
#BasicReportRight {
	width: 66.666%;
	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;
}
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;
	
}
.webgrid-header {
	background-color: #A7C942;
	color: #000000;
	padding: 0px 0px 0px;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
}
.webgrid-footer {
}
.webgrid-selected-row {
	background-color: #9EBAD6;
}
.webgrid-row-style {
	background-color: #9EBAD6;
	font-size: 12px;
	font-weight: normal;
}
.webgrid-alternating-row {
	background-color: white;
	font-size: 12px;
	font-weight: normal;
}
.webgrid-deleted-row {
	display: none;
}
.webgrid-hidden-column {
	width: 0px;
}
.select {
	background-color: #71857C
}
.webgrid-amount-column {
	text-align: right;
}
 /******************************************************************************/

/* 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;
}
#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%;
	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,#NumeratorsettingForm{
	width: 66.6666%;
	padding: 10px 15px ;
}
#TriggerDefinitionForm,#AccountTransactionDocumentTypeForm,#AccountTransactionDocumentTypeForm{ float:right}
.filterName{width:300px;}
div[aria-describedby=screenMenuEditAllCategoryView]{width:80% !important; overflow:auto;}
#ReservationScreen{ float:left;width:100%; margin-top:-10px;}
#TriggerSectionBody input,#TerminalFormSection input{ width:70%;}
.numebrpadNumber{ margin-bottom:3px;}
#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;}

#HourCalculation input, #HourCalculation select,#HourCalculation label{ margin-left:20px }

.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 { overflow:auto; padding-left:0px;}
.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;}

.selectShopRow:hover{cursor:pointer;}
.selectShopRow 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;}


.selectcustomer {
	background-image: url("/Content/images/icon-pos-select-customer.png");
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	float: right;
	width: 16px;
	padding: 20px 14px 0px 14px;
	background-color: transparent;
	border: none;
	margin-right: 10px;
	display: inline
}
.UserList
{
	border-color:gray;
	border-width:1px;
	border-style:solid;
	margin: 10px 0px 10px 0px;
	padding:5px 10px 5px 10px;	

}