@charset "utf-8";
/* JeriPOSv2 default style sheet. styles.css v0.2 (amended by SJ) 150106. */
/* Works with localhost for login, control,table-layout.*/
/* styles.css v0.3 (amended by SJ) 150113
Works with localhost for login, control, table-layout, item-ordering, payment*/
/* styles.css v0.4 (amended by SJ) 150115
amended the hover status, added scrollbar for journal-table-container, added selected state for seq firing and amend qty*/
/* styles.css v0.5 (amended by SJ) 150120
amended table-layout css to include change table, merge table, block table, make available table*/
/* styles.css v0.6 (amended by SJ) 150122
added modal css, split bill, collection declaration and default-btn-img*/
/* styles.css v0.7 (amended by SJ) 150205
revised payment page/
/* styles.css v0.8 (amended by SJ) 150303
Novitee Footer, Header/
/* styles.css v0.9 (amended by SJ) 150310
collection declaration css/
/* styles.css v1.0 (amended by SJ) 150508
collection declaration css/
/* ==========================================================================
Base
========================================================================== */
body {
    padding:0px;
    margin:0px;
    font-size:12px;
    color:#000;
    line-height:14px;
    font-family:Arial, Helvetica, sans-serif;
    background:#fff url(../images/home-bg.png) repeat-x;

}
img {
    border:0px;
    max-width:100%;
    height:auto;
}
/*fit view to 977px screen width*/
.container{
    max-width:977px;
    width:100%;
	position: relative;
	z-index:1;
}

.white-bg{
    background: #FFF;
}
.transfer-bill{
    background:#5e5e5e;
}
.transfer-bill label{
    color:#fff;
}
.modal{cursor:pointer;}
/* ==========================================================================
Typography
========================================================================== */

h1, h2, h3, h4, h5, h6, ul, li, p {
    padding:0px;
    margin:0px;-weight:normal;
    color:#000000;
}

h3, h4 { color: #fff;font-weight: bold;margin: 20px 0px;}
/* ==========================================================================
Typography
========================================================================== */
a {
    color:inherit;
    text-decoration:none;
}
a:hover, a.active {
    color:#fff;
    outline:none;
	text-decoration:none;
}
a:focus {
    outline:none;
	text-decoration:none;
}
p {
    padding-bottom:14px;
}
.clear {
    clear:both;
}
.text-shadow {
	-webkit-box-shadow:5px 4px 1px #464B4F;
  text-shadow: rgb(125, 135, 147) 1px 1px,
    rgb(125, 135, 147) 2px 2px,
    rgb(125, 135, 147) 3px 3px,
    rgb(125, 135, 147) 4px 4px,
    rgb(125, 135, 147) 5px 5px,
    rgb(125, 135, 147) 6px 6px,
    rgb(125, 135, 147) 7px 7px,
    rgb(126, 136, 148) 8px 8px,
    rgb(127, 137, 149) 9px 9px,
    rgb(128, 139, 151) 10px 10px,
    rgb(130, 140, 152) 11px 11px,
    rgb(131, 141, 154) 12px 12px,
    rgb(132, 143, 155) 13px 13px,
    rgb(133, 144, 157) 14px 14px,
    rgb(135, 145, 158) 15px 15px,
    rgb(136, 147, 160) 16px 16px,
    rgb(137, 148, 161) 17px 17px,
    rgb(139, 150, 163) 18px 18px;
}
/* ==========================================================================
Forms
========================================================================== */
/* * Corrects margin displayed oddly in IE 6/7. */
 
form { margin: 0; }
/* * Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/* * 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */
	padding: 0; white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */ }
/* * 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, *    and Chrome.
* 3. Improves appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */ }
/* * Addresses Firefox 3+ setting `line-height` on `input` using ` !important` in
* the UA stylesheet. */
button, input { line-height: normal; }
/* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
*    `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
*    Known issue:inner spacing remains in IE 6. */
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
*overflow: visible; /* 4 */ }
/* * Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }
/* * 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
*    Known issue:excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
*width: 13px; /* 3 */ }
/* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box; }
/* * Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* * Removes inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* * 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */
vertical-align: top; /* 2 */ }
/* ==========================================================================
Header
========================================================================== */
#header{
    background:#000;
    min-height:50px;
    width:100%;
    float:left;
	font-weight:bold;
	color:#ffffff;
}
.left-text{
    padding-top:10px;
    text-align:left;
    color:#ffffff;
}
.left-head-content{
    padding-top:10px;
	padding-right: 0px;
}
.right-head-content{
    padding-top:10px;
    text-align:right;
}
.head-list {
  display: inline-block;
  width: 110px;
}
.right-text{
    display:inline-block;
    color:#ffffff;
}
.head-list li{
    display:inline-block;
    list-style-type:none;
    padding:0px 10px;
    vertical-align: middle;
}
.head-list li a{
    color:#FFF;
    text-decoration:none;
}
.head-list li span {
  display: block;
  font-size:10px;
  text-align:center;
  padding-top:2px;
}
.head-list .na {
	opacity:0.5;
}
/* ==========================================================================
Login Page
========================================================================== */
.bodycon{
    padding:50px 0px 0px 0px;
    color:#000;
}

.text-area{
    width:100%;
}
.text-area textarea{
    border:none;
    background: #fff;
    min-height:252px;
    width:100%;
    margin-bottom:40px;
    max-width:395px;
    margin-left:35px;
}
.inupt-text label{
    display:block;
}

.input-text{
    height:45px;;
    margin-bottom:22px;
    border: solid 1px #e4e5e6;
    text-align:center;
    color:#4b4b4b;
}

.home-right{
    float:right;
    padding:0px;
}
.number-list{
    width:100%;
    max-width:313px;
	margin:auto;
}
.number-list ul{
    list-style-type:none;
	margin-bottom:20px;
}
.number-list ul li{
	margin: 10px 20px 0px 5px;
    display:inline-block;
    padding: 0px 10px;
    margin-bottom:12px;
    color:#FFF;
    font-size:40px;
	text-align:center;
	padding-top: 25px;
	background-color: #8B96A3;
  -ms-border-radius: 38px / 38px;
  -o-border-radius: 38px / 38px;
  -moz-border-radius: 38px / 38px;
  -webkit-border-radius: 38px / 38px;
  border-radius: 38px / 38px;
  height: 75px;
  width: 75px;
  box-shadow:5px 4px 1px #464B4F;
}
.number-list ul li:hover {
	cursor:pointer;
    opacity: 0.5;
}
.number-list ul li a:focus {
    color:#fff;
}
/* ==========================================================================
Login Page Footer
========================================================================== */
.footer {
  margin-bottom: 10px;
}

.footer-inner{
    border-top:dashed 2px #fff;
}

.logo{
	float:right;
	position:relative;
}
.logo-text {
  color: #000;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  position: absolute;
  right: 30px;
  top: 80px;
  z-index: 999;
  padding-bottom:10px;
}
.logo img{
    width:100%;
    max-width:120px;
}
/* ==========================================================================
Buttons used in POS system
========================================================================== */
.btn-ops-func, .btn-ops-func-hori {
	background-color:#d3dae2;
	border-radius: 5px;
	color: #535F92;
	padding:6px 4px;
	text-align: center;
	text-decoration: none;
	font-weight:bold;
	font-size:9pt;
	box-shadow:#9FA1A5 2px 2px 2px;
	text-transform:uppercase;
	min-height:54px;
}
.btn-ops-func-hori, .btn-ops-func-hori:hover{ padding:2%}
.btn-ops-func img{
	padding:2% 3%;
}
.btn-ops-func-hori img{
	display:inline-block;
	float:left;
	max-height:160%;
	max-width:40%;
	margin:-5% -5%;
	padding-right: 1px;
	
}
.btn-ops-func:hover, .btn-ops-func-hori:hover {
	box-shadow:none;
	cursor:pointer;
	background-color:#e7edf7;
}
.btn-ops-func-emphasis:hover, .btn-ops-func-emphasis-hori:hover {
	opacity:0.8;
}
.btn-ops-func-emphasis, .btn-ops-func-emphasis-hori {
	background-color:#188b61;
	border-radius: 5px;
	color: #fff;
	padding:6px 4px;
	text-align: center;
	text-decoration: none;
	font-weight:bold;
	font-size:9pt;
	box-shadow:#1377512px 2px 2px;
	text-transform:uppercase;
}
.btn-ops-func-emphasis-hori{ padding:2%}
.btn-ops-func-emphasis-hori img, .btn-ops-func-emphasis-hori:hover img{
	display:inline-block;
	float:left;
	max-height:160%;
	max-width:40%;
	margin:-5% -5%;
	
}
.btn-primary{
	background-color:#5f7a9b;
	color:#fff;
  border-radius: 3px;
  margin:0px 0px 0px 10px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  font-weight:bold;
  font-size:9pt;
  box-shadow:#9FA1A5 2px 2px;
  outline:none;
  cursor:pointer;
  border-color:transparent;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus	{
  background-color:#d3dae2;
  color: #535F92;
  outline:none;
  text-decoration: none;
  border-color:transparent;

}
.btn-enabled {
background-color:#d3dae2;
  border-radius: 3px;
  color: #535F92;
  margin:0px 0px 0px 10px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  font-weight:bold;
  font-size:9pt;
  box-shadow:#9FA1A5 2px 2px;
  outline:none;
  cursor:pointer;
}

.btn-enabled:hover, .btn-enabled a:hover{
  color: #535F92;
  background-color:#e7edf7;
  outline:none;
  text-decoration: none;

}
.btn-enabled:focus, .btn-enabled:active{
	background-color:#5f7a9b;
	color: #FFF;
}
.disabled {
  color:#a0a2a3;
  background-color:#666;
}
.disabled:hover, .disabled a:hover {
  color:#a0a2a3;
 background:#3a3a3a;
}
.func-btn-header-bg {
	background-color: #dedede;
	border: 1px solid #aeaca4;
	border-radius: 5px;
	display: block;
	height: 105px;
	width:110px;
	color: #AEACA4;
	text-align:center;
	font-weight:bold;
	font-size:12px;
}
.func-btn-emphasis-bg
{
	background-color: #188b61;
	border-bottom: 2px solid #137751;
	border-radius: 5px;
	display: block;
	height: 105px;
	width:110px;
	color: #fff;
	text-align:center;
	font-weight:bold;
  	font-size:12px;
}

.func-btn-header-bg img, .func-btn-emphasis-bg img{
	display:block;
	padding:10px 0px 7px;
	margin:auto;
	
}
.func-btn-header-bg:hover, .func-btn-bg:hover {
	background-color: #C2C2C2;
}
.func-btn-emphasis-bg:hover{
	opacity:0.8;
}
.btn-table-section, .btn-table-section:link, .btn-table-section:visited{
	background-color: #2C3E50;
	box-shadow:#000 2px 2px ;
	border-radius:3px;
	padding:14px;
	color: #FFF;
	font-size: 16px;
	cursor:pointer;
}
.btn-table-section:hover{
	opacity: 0.8;
	box-shadow:none;
	cursor:pointer;
}
/* ==========================================================================
Default POS Category & Item Button Style
========================================================================== */
.default-btn{
	background: rgba(73, 92, 157, 1); 
	padding: 10px 2px 4px 2px; 
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #2a375f; -moz-box-shadow: 0px 3px 0px 0px #2a375f; box-shadow: 0px 3px 0px 0px #2a375f; font-weight: 700; font-size:16px; 	 height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px; cursor:pointer;}
.default-btn:hover{ background: rgba(73, 92, 157,0.6); color: #fff !important; text-decoration:none;}

.default-btn-yellow{ background: rgba(219, 198, 134, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #A5925C; -moz-box-shadow: 0px 3px 0px 0px #A5925C; box-shadow: 0px 3px 0px 0px #A5925C; font-weight: 700; font-size:16px; 	 height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-yellow:hover{ background: rgba(219, 198, 134,0.6); color: #fff !important; text-decoration:none;}

.default-btn-green{ background: rgba(118, 145, 81, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #526638; -moz-box-shadow: 0px 3px 0px 0px #526638; box-shadow: 0px 3px 0px 0px #526638; font-weight: 700; font-size:16px; 	 height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-green:hover{ background: rgba(118, 145, 81,0.6); color: #fff !important; text-decoration:none;}

.default-btn-red{ background: rgba(168, 67, 67, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #862f30; -moz-box-shadow: 0px 3px 0px 0px #862f30; box-shadow: 0px 3px 0px 0px #862f30; font-weight: 700; font-size:16px; 	 height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-red:hover{ background: rgba(168, 67, 67,0.6); color: #fff !important; text-decoration:none;}

.default-btn-plum{ background: rgba(137, 64, 136, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #5d265d; -moz-box-shadow: 0px 3px 0px 0px #5d265d; box-shadow: 0px 3px 0px 0px #5d265d; font-weight: 700; font-size:16px; 	 height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-plum:hover{ background: rgba(137, 64, 136,0.6); color: #fff !important; text-decoration:none;}

.default-btn-orange{ background: rgba(225,159,65,1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #845e38; -moz-box-shadow: 0px 3px 0px 0px #845e38; box-shadow: 0px 3px 0px 0px #845e38; font-weight: 700; font-size:16px; 	 height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-orange:hover{ background: rgba(225,159,65,0.6); color: #fff !important; text-decoration:none;}

.default-btn-purple{ background: rgba(128, 107, 144, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #635575; -moz-box-shadow: 0px 3px 0px 0px #635575; box-shadow: 0px 3px 0px 0px #635575; font-weight: 700; font-size:16px; 	 height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-purple:hover{ background: rgba(128, 107, 144,0.6); color: #fff !important; text-decoration:none;}

.default-btn-brick{ background: rgba(105, 59, 42, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #4d2a21; -moz-box-shadow: 0px 3px 0px 0px #4d2a21; box-shadow: 0px 3px 0px 0px #4d2a21; font-weight: 700; font-size:16px; 	 height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-brick:hover{ background: rgba(105, 59, 42,0.6); color: #fff !important; text-decoration:none;}

.default-btn-ocean{ background: rgba(119, 165, 175, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #608082; -moz-box-shadow: 0px 3px 0px 0px #608082; box-shadow: 0px 3px 0px 0px #608082; font-weight: 700; font-size:16px; 	 height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-ocean:hover{ background: rgba(119, 165, 175,0.6); color: #fff !important; text-decoration:none;}

.default-btn-mustard{ background: rgba(187, 146, 61, 1); padding: 10px 2px 4px 2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #906f29; -moz-box-shadow: 0px 3px 0px 0px #906f29; box-shadow: 0px 3px 0px 0px #906f29; font-weight: 700; font-size:16px; 	 height:60px; overflow:auto;
    text-overflow: ellipsis; text-align:center; line-height:15px;cursor:pointer;}
.default-btn-mustard:hover{ background: rgba(187, 146, 61,0.6); color: #fff !important; text-decoration:none;}

.default-btn-image{ background-image:url(../images/Photo%20Shoot%20Food%20Pic%20Lowres/img3.png); background-size: 100%; background-repeat:no-repeat; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; ; display: inline-block;height:60px;cursor:pointer; border: solid 1px #cccccc;}
.default-btn-image:hover{ opacity:0.8;}

.selected{background-color:#313C63; color:#fff;opacity:0.8;}
.btn-icon {color:white; font-size:45px; cursor:pointer;}
.btn-icon:hover{opacity:0.8}
.icon-bar{margin: 20px 0px 30px;}
/* ==========================================================================
Control Page
========================================================================== */
.control-top{
    margin:0px;
	padding-top:35px;
    padding-bottom:10px;
    border-bottom:dotted 2px #b6b6b6;
}
.control-bottom{
    margin:0px;
	padding-top:20px;
    padding-bottom:10px;
}
.top-control ul li{
    border-right: 2px dotted #b6b6b6;
    list-style-type: none;
    padding: 10px 10px 0 10px;
	min-height: 230px;
}
.working-date{
  background: url(../images/day-img-1.png) no-repeat top center;
  display:block;
  width:100%;
  margin-bottom:48px;
}
.working-date h3 {
  color: #2d1311;
  font-weight:bold;
  font-size: 70px;
  line-height:74px;
  padding-top: 55px;
  text-align: center;
  margin:0;
}
.working-date p {
  color: #2d1311;
  font-family: arial;
  font-size: 20px;
  text-align: center;
  position: relative;
}
.current{
  text-align:center;
}
.current p{
  font-family:arial;
  font-size:10px;
  color:#000;
}
.clock {
  background: url("../images/shift-img-1.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  margin: 0 auto;
  max-width: 76px;
  min-height: 84px;
}
.clock h3 {
  color: #000;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  top: 25px;
}
.clock h2 {
  color: #000;
  font-family: arial;
  font-size: 24px;
  font-weight: bold;
  position: relative;
}
.current p.started {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 0;
  padding-top: 7px;
}
.current p.dd {
  font-size: 14px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 0;
}
.current p.user-name {
  font-size: 12px;
  padding-top: 5px;
}
.receipts{
  text-align:center;
}
.on-hold {
  background: url("../images/receipts-img-1.png") no-repeat center 8px;
  max-width: 180px;
  min-height: 165px;
  width: 100%;
}
.receipts h3 {
  color: #000;
  font-size: 30px;
  font-weight: bold;
  padding-top:44px;
}
.receipts h4 {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  margin-top:12px;
}
.duty-session{
  margin-top:22px;
}
.duty-session h2 {
  color: #606060;
  font-size: 85px;
  line-height:63px;
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight:bold;
}
.duty-progress {
  background: none repeat scroll 0 0 #606060;
  color: #fff;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin-bottom:74px;
  padding: 3px;
  text-align: center;
  margin-top:-1px;
}

.view-details{
    width: 120px;
    /*text-align:center;*/
}
.dust-session{
  width: 120px;  
}

.right-control ul li {
  float: left;
  display:inline;
  list-style-type: none;
  margin: 5px;
  max-width: 105px;
  text-align: center;
  width: 100%;
}


/* control-gallery css start here */
.func-btn-bg {
	background-color: #dedede;
	margin-bottom: 10px;
	border: 1px solid #aeaca4;
	border-radius: 5px;
	display: block;
	height: 115px;
	min-width:100px;
	color: #AEACA4;
	text-align:center;
	font-weight:bold;
    font-size:9pt;
}
.func-btn-bg img{
	display:block;
	padding:10px 0px 10px;
	margin:auto;
}
.func-permitted{
	background-color: #213365;
	color: #FFF;
}
.func-permitted:hover{
	background-color: #54617e;
	color: #FFF;
}
.left-arrow{
  font-size:40px;
  display: block;
  color:#213365;
  position:inherit;
  margin-top:100px;
}

.right-arrow{
  font-size:40px;
  display: block;
  color:#213365;
  position:inherit;
  margin-top:100px;
}
.carousel-control.right,.carousel-control.left{
    background:none;
}
ul.report-btn-con li label {
	height:50px;
	min-width: 50px;
	padding: 10px;
	margin:5px 5px;
	text-align:center;
	overflow:hidden;
}
ul.report-btn-con li input[type="radio"] {
	display:block;
	margin:auto;
	margin-top:5px;
}
.text-bold{
	font-weight:bold;
}

/* ==========================================================================
Transfer Bill Pop-Up
========================================================================== */
.transfer-cont{
    margin:120px 0px;
    text-align:center;
}
.transfer-cont h3{
    font-family:arial;
    font-size:25px;
    color:#fff;
    font-weight:bold;
    line-height:50px;
}

.bills-over ul li{
    list-style-type:none;
    background:#d3dae2;
    margin-bottom:20px;
    text-align:center;
    border-bottom:solid 2px #a0a4a8;
    cursor:pointer;
    padding:11px 15px;
}
.bills-over ul li a{
    text-decoration:none;
    color:#4c5f96;
    line-height:20px;
}
.start{
    width:100%;
    max-width:490px;
    text-align:center;
    margin:0 auto;
    min-height:45px;
    -webkit-border-radius: 8px; /* No need for this */
    -moz-border-radius: 8px;    /* No need for this */
    border-radius: 8px;
    font-family:arial;
    font-size:14px;
    font-weight:bold;
    color:#4c5f96;
}
.start.deactive a{
    color:#a0a4a8;
    cursor:not-allowed;
}
.cancel{
    width:100%;
    max-width:405px;
}
/* ==========================================================================
Collection Declaration - Summary
========================================================================== */
.declaration{
	height:550px;
}

.declaration-summary{
    padding-top:15px;
    width:95%;
    max-width:890px;
    min-height:540px;
    margin-left:35px;
}
.declaration-summary h3{
    font-size:18px;
    color:#fff;
    font-weight:bold;
    margin-bottom:65px;
}
.declaration-summary .btn-navi-container .down{
	position:relative; top:350px;
}
	
.summary-table tr td:first-child{
    padding-left:12px;
}
.summary-table tr td{
    font-family:arial;
    font-size:19px; 
    font-weight:bold;
    color:#fff;
    height:35px;
}
.summary-table {
	max-height:380px;
}
.summary-table th{
    font-family:Arial;
    font-size:14px;
    font-weight:normal;
    color:#cfcfcf;
    padding-bottom:5px;
}
.bg{
    background:#a6b5c3;
}

/* ==========================================================================
Collection Declaration - Default Form
========================================================================== */
.default-declaration{
    color:#fff;
    margin-left:10px;
    font-size:17px;
    font-weight:bold;
	width:90%;
	margin-right:10px;
}
.default-declaration thead {font-size:12px;}
.default-declaration tbody tr {
    height:83px;
}
.default-declaration tbody tr td, th{
    padding:0 5px;
	vertical-align:middle;
}
.default-declaration td:first-child{
	width:30%;
}
.default-declaration td:last-child{
	width:20%;
	vertical-align:middle;
}
.default-declaration td:nth-last-of-type(2){
	width:30%;
	vertical-align:middle;
}
.default-declaration td:nth-last-of-type(3){
	width:3%;
}
.default-declaration.table tr td {
  border-top: 0;
}
.declaration-navi-btn{
	position:relative;
	top:40px;
	
}
.declaration-navi-btn .down{
	position:relative;
	top:400px;
	
}
/* ==========================================================================
Collection Declaration - Cash Confirmation
========================================================================== */

.inner-cash ul{
    list-style-type:none;
	font-size:18px;
    color:#fff;
    font-weight:bold;
}
.inner-cash ul li {
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 32px;
  vertical-align: middle;
  width: 59%;
}
.inner-cash ul li img{
    padding-right:15px;
    float:left;
}
.inner-cash ul li span{
    padding-left:40px;
    font-size:32px;
    color:#94bec9;
    margin-top:28px;
    float:left;
}
.total{
    font-size:18px;
    color:#fff;
    font-weight:bold;
    width:100%;
	margin-bottom:50px;
}
.total span{
	font-size:24px;
	text-align:right;
}
/* ==========================================================================
Collection Declaration - Cash Form
========================================================================== */
.cash-btn{
    max-width:90px;
    display:inline-block;
    margin-left:12px;
    border-radius:3px;
    min-height:48px;
    margin-top:10px;
}
.cash-cont{
    width:61%;
}
.cash-cont1{
    width:39%;
    margin-top:30px;
}
.inner-cash ul li:nth-child(2n+2) {
  float: right;
  width:41%;
}
/* ==========================================================================
Collection Declaration - Start
========================================================================== */
.collection-cont{
    padding-top:15px;
}

.collection-list{
    padding-top:60px;
    text-align:center;
    float:left;
    width:60%;
}
.collection-list ul li{
    list-style-type:none;
    display:inline-block;
    padding-right:6px;
    padding-bottom:16px;
    width:20%;
}
.collection-list ul li:last-child {
  float: left;
  margin-left: 9%;
}
.collection-list ul li span{
    display:block;
    font:normal 14px arial;
    color:#fff;
}
.collection-right{
    float:right;
    width:40%;
    margin-top:8%;
}
.bottom-navi-container{
    margin-bottom:30px;
	border-top:dashed 2px #fff;
    padding-top:28px;
}
.bottom-navi-container button{
	height:50px;
	min-width:120px;
	font-size:16px;
	padding:5px;
}

/* ==========================================================================
Session - View Details
========================================================================== */
.session-cont{
    padding-top:23px;
}
.inner-session{
    background:#e6e6e6;
    border:solid 8px #59595b;
    border-collapse: inherit;
    padding: 45px 5px 0;
}
.heading-text{
    font:bold 16px arial;
    color:#000;
}

.inner-session .table.table-responsive th {
  padding: 10px 0 10px 45px;
  background: #59595b;
  color:#e6e6e6;
}
.table-heading{
  background: #59595b;
  font:bold 24px arial;
  color:#fff;
}
.inner-session .table.table-responsive td{
    border-bottom:dashed 1px #59595b;
    border-top:0px;
    font:normal 14px arial;
    color:#2e2e2e;
    text-align:center;
}
.inner-session .table.table-responsive td.red-color{
    color:#f83d3d;
}
.inner-session .table.table-responsive tr:nth-child(2n+0){
    background:#d6d4d4;
}
.session-table th{
    font:bold 16px arial;
    color:#000;
    padding-left:45px;
}
.session-table td {
  height: 45px;
  padding-left:45px;
}
.session-footer{
    margin:0px auto;
    text-align:center;
    padding:20px 0px;
}
.session-footer button{
    background:#b1aea6;
    border-radius:0px;
    border:solid 3px #fff;
    font:bold 20px arial;
    margin-right:15px;
}
.session-footer button:hover{
    background:#b1aea6;
    border-radius:0px;
    border:solid 3px #fff;
}

.main-border{

}
/* ==========================================================================
Overwrite Access-Login
========================================================================== */

.h3{
    font:bold 19px arial;
    color:#fff;
}
/* overwrite-access css end here */


.inner-cash li strong {
    width: 43px;
    margin-top:26px;
    float:left;
}

.inupt-text.inupt-text1 input {
  border: 1px solid #e4e5e6;
  color: #000000;
  font: 22px arial;
  margin-bottom: 22px;
  max-width: 273px;
  min-height: 72px;
  text-align: center;
  width: 100%;
}

.number-list.custom-nubmer-list{
    margin-top:50px;
}

.number-list.custom-nubmer-list1{
    margin-top:100px;
}
.cancel-btn{
    float:right;
    margin-right:39px;
}
.inupt-text1{ margin-left:53px;}
.number-list button {
width:80%;
padding:20px;
font-size:18px;
margin:20px auto;
}
.default-declaration.table.table-responsive td span {
  float: left;
  margin-top: 15px;
}
/* ==========================================================================
Item Ordering
========================================================================== */
.item-bg{background:#ffffff url(../images/payment_page_bg.png) repeat-x;}
.left-journal{ background-color:#e5e5e5; height:720px; border-bottom-right-radius: 12px; width:42%;
box-shadow:2px 1px 1px #999; -webkit-box-shadow:2px 1px 1px #999; padding:0px;}

.right-item-buttons{width:52%;}
.journal-details{
  overflow:hidden;
  color:#000;
  font-size:12px;
}
.journal-header{
  padding:15px 0 10px;
  margin:0;
  font-weight:bold;
}
.journal-input{
  background-color:#313c64;
  padding:15px 30px 8px;
  color:#fff;
  font-size:20px;
  font-weight:bold;
}
.journal-table-container{
	width: 100%;
color: inherit;
overflow-y: scroll;

}
h5.journal-input {text-align:center; width:85%;}
.btn-journal-navi{
	font-size:30px;
	padding:5px 8px;
	text-align:center;
	cursor:pointer;
}

table.journal-item{
  height:540px;
  width:100%;
}
table.journal-item td:first-child, table.journal-item th:first-child{
  padding-left:10px;
  text-align:center;
}
table.journal-item td:last-child, table.journal-item th:last-child{
  padding-right:10px;
  text-align:center;
}
table.journal-item td, table.journal-item th{
  padding-left:5px;
}
table.journal-item tr{
  border-bottom:solid 1px #ccc;
}
table.journal-item td, table.journal-item th{
  border-left:solid 1px #ccc;
}

.tender_type, .tender_type div.title-container span{
  background-color:#CCC;
  color:#fff;
  padding-bottom:0px;
}
.tender_type .content{
  height:105px;
}
.tender_type .content ul li{
  width:18%;
  margin-right:7px;
}
.tender_type .content ul li:nth-child(5n+5){
  margin-right:0;
}

.title-container{
  background:url(../images/head_bg.png) repeat-x 0px 7px;
  font-size:13px;
  font-family:Arial, Helvetica, sans-serif;
  color:#b2b8c3;
  padding-left:10px;
  text-transform:uppercase
}
.title-container span{
  display:inline-block;
  padding:0px 10px;
  text-align:center;
  background:#d1d6e0;
}
.item-category-container{
padding:10px 0px 10px 10px;
height: 160px;
}
.item-category-container .btn-navi-container .down{
	position:relative; top:90px;}

.item-category-container ul{
  margin:0;
  padding:0;
  width:95%;
}
.item-category-container li{
	margin: 4px 2px;
	width:23%; min-width:50px; max-width:100%;
	vertical-align:middle;
}


.btn-navi-container{max-width:5%;font-size:24px;margin:0px; padding:0px; color:#313c64; cursor:pointer;}

.item-listing-container{
  height:450px;
  padding:10px 0px 10px 10px;
}
.item-listing-container .btn-navi-container .down{
	position:relative; top:370px;}
	
.item-listing-container ul{
  margin:0;
  padding:0;
  width:95%;
}
.item-listing-container li{
  width:18%; min-width:50px; max-width:100%;
  margin: 4px 2px;
  padding: 2px 0;
  vertical-align:middle;
}
.price-container{
	position: absolute;
	width:100%;
	margin-top: 45px;
}
.item-listing-container li:nth-child(5n+5){
margin-right:0px
}
.func-listing-container{
  padding:10px 0px 0px 10px;
}
.func-listing-container .btn-navi-container .down{
	position:relative; top:50px;}
.func-listing-container .title-container span{
  display:inline-block;
  padding:0px 10px;
  text-align:center;
  background:#fff;
}
.func-listing-container ul{
  margin:0;
  padding:0;
  width:95%;
}
.func-listing-container li{
  width:18%; min-width:50px; max-width:100%;
  margin: 4px 2px;
  padding: 5px 0;
  height: 95px;
  vertical-align: top;
}
.func-listing-container li img{
	margin:auto;
	padding: 5px;
	height: 70%;
}
/* ==========================================================================
Payment Page
========================================================================== */

.left-payment{
  width:42%;
}
.payment-container{
	margin-bottom:20px;
	padding:0px 0px 20px 0px;
	-webkit-border-radius:8px;
	background-color: #b1b1b1;
	height: 530px;
	border-bottom-right-radius: 12px;
	width: 42%;
	box-shadow: 2px 1px 1px #999;
	-webkit-box-shadow: 2px 1px 1px #999;
	width:100%;
}
.payment-container .journal-input{
  width:100%;
  margin-bottom:10px;
}
table.payment-info {
	width:100%;
	font-size:14px;
}
table.payment-info th {
	background-color:#e6e6e6;
	padding:10px 20px;
	font-size:20px;
	font-weight:bold;
	color:#313c64;
}
table.payment-info tr {
	border-bottom:#e6e6e6 1px solid;
}
table.payment-info th:last-child, table.payment-info td:last-child {
	text-align:right;
}
table.payment-info td {
	padding:10px 20px 10px 35px;
}
.secondary-header {
  background:#cacaca;
  color:#313c64;
  padding:10px 20px;
  font-weight:bold;
  overflow:hidden;
}
.secondary-header td {
	padding:10px 20px !important;
}

.back_to{
  display:inline-block;
  margin-left: 5px;
  width:18%;
  height:180px;
  font-size:16px;
  line-height:normal;
}
.back_to img{
	padding-top: 10px;
	padding-bottom: 10px;
}
.payment-func-container ul{
  margin:0px;
  padding:0px;
  width:78%;
  float:right;
}
.payment-func-container li{
  display:inline-block;
  margin:0 4px 10px 0;
  width:23%;
  vertical-align:top;
}
.payment-func-container li:last-child{
	height: 102px;
	vertical-align:text-bottom;
}
.payment-func-container li:nth-child(4n+4){
  margin-right:0;
}

.payment_type_pan{
  width:52%;
  padding:10px 10px 0 10px;
}

.freq_usd_mode{
  margin:auto;
  padding:10px 0;
}
.freq_usd_mode li{
  display:inline-block;
  margin:0 7px 0 0;
  width:23%;
  height:70px;
  vertical-align:top;
}

.tender_type ul{
  margin:0;
  padding:5px 0;
}
.tender_type li{
  width:19%;
  margin:0 1px 10px 0;
  display:inline-block;
  padding: 2px 0px;
  font-size:12px;
}
.tender_type li img{
padding:0px 10px 5px;
width:80%;
}
.tender_type li:nth-child(5n+5){
  margin-right:0;
}
.tender-mode{
	height:520px;
}
.tender-mode ul{
	width: 95%;
	padding:10px 0px 0px 10px;
}
.tender-mode li{
  display:inline-block;
  margin:0 5px 10px 0;
  width:23%;
  height:70px;
}
.tender-mode .btn-navi-container .down{
	position:relative; top:440px;}
	
.key_pad_pan{
  padding-right:0px;
  width:6%;
  cursor:pointer;
}
.key_pad_pan ul{
  margin:0; padding:0;
  border-left:dashed 1px #fff;
  border-top:dashed 1px #fff;
}
.key_pad_pan li{
	background-color:#313c64;
  color:#fff;
  font-size:30px;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
  line-height:19px;
  padding:15px;
  width:100%;
  border-bottom:dashed 1px #fff;
  list-style-type:none;
}

.key_pad_pan li:first-child{
  font-size:18px;
  background:#6b7785;
  padding:15px 0;
}

.key_pad_pan li:last-child{
  font-size:18px;
  background:#45633e;
  border-bottom:none;
  padding:6px 5px;
  margin-bottom:0px
}
.key_pad_pan li.clear_input{
  padding:15px 0;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;	
}
.key_pad_pan li:hover{
	opacity: 0.8;
}
/* ==========================================================================
Payment Detail Modal - Keyboard
========================================================================== */
.payment-detail tfoot tr{ border-top: 3px solid #000; font-size:18px; font-weight:bold;}
.payment-detail tbody {font-size:16px;}
.payment-detail > tbody > tr > td {border-top: 1px dashed #ccc !important; }
.payment-detail thead th { text-align:center;}
.payment-detail{max-width:95% !important; margin:auto;}
.modal-body .btn-navi-container .down{
	position:relative; top:220px;}
/* ==========================================================================
Data Collection Modal - Keyboard
========================================================================== */
#data-collect h3{color:#59595b;}
#write {
margin: 0 0 20px;
padding: 10px;
width: 790px;
text-align:center;
font-size: 1.5em;
font-weight:bold;
background: #fff;
border: 1px solid #f9f9f9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#keyboard {
margin: 0 auto;
padding: 0;
list-style: none;
display:inline-block;
}
	#keyboard li {
	float: left;
	margin: 0 5px 5px 0;
	width: 50px;
	height: 50px;
	line-height:normal;
	text-align: center;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	color:#5b5b5b;
	padding-top:10px;
	background: #cecece;
	border: 1px solid #c5c5c5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
		.capslock, .tab, .left-shift {
		clear: left;
		}
			#keyboard .tab, #keyboard .delete {
			width: 80px;
			}
			#keyboard .capslock {
			width: 90px;
			}
			#keyboard .return {
			width: 94px;
			}
			#keyboard .left-shift {
			width: 110px;
			}
			#keyboard .right-shift {
			width: 128px;
			}
		.lastitem {
		margin-right: 0;
		}
		.uppercase {
		text-transform: uppercase;
		}
		#keyboard .space {
		clear: left;
		width: 794px;
		}
		.on {
		display: none;
		}
		#keyboard li:hover {
		position: relative;
		top: 1px;
		left: 1px;
		border-color: #e5e5e5;
		cursor: pointer;
		}
		#keyboard li.inactive:hover {
		position: static;
		border-color: none;
		cursor: pointer;
		border: 1px solid #c5c5c5;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}

/* ==========================================================================
Table Layout Page
========================================================================== */
.table_layout_pan{
}
.table_layout_left{
  width:81%;
  float:left;
}
.table_layout_crcle{
  width:100%;
  border:solid 10px #b5b2a7;
  position:relative;
  background:#ebebeb;
  padding:20px;
  height:540px;
  color:#000;
  margin-top: 10px;
  overflow: scroll;
}
.table_layout_crcle li{
min-width:50px;
height:50px;
margin-right:6px;
margin-bottom:10px;
padding-top:15px;
}
.lst_li{
  margin:10px 5px 10px;
  border-bottom:dashed 1px #7f7f7f;
  height:105px;
}
.lst_li li{
  list-style-type:none;
  display:inline-block;
  margin-right:5px;
  margin-bottom: 8px;
}


.cntrl_pan{

}
.cntrl_pan ul{ margin:0;}
.cntrl_pan li{ list-style-type:none; display:inline; margin-right:9px; float:left; width:19%; height: 55px; font-size:15px;}
.cntrl_pan li:last-child{ margin-right:0;}

.table_layout_right{
  width:17%;
  float:right;
}
.table_layout_right figure{
	height: 150px;
	vertical-align:middle;
}

.table_placing ul{
  margin:0; padding:0;
}
.table_placing li{
  list-style-type:none;
  display:inline;
  margin:0 10px 10px 0;
  width:46%;
  float:left;
}
.table_placing li:nth-child(2n+2){
  margin-right:0;
}

.legend_pan{
  background:url(../images/light_blu_bg.png) repeat;
  padding:12px 8px;
  margin:0 -15px 0 0;
  float:right;
  border-radius:10px 0 0 10px;
  width:109%;
  position:relative;
}
.legend_pan ul{ margin:0; padding:0;}
.legend_pan li{ border-bottom:dashed 1px #606060; padding-bottom:4px; margin-bottom:3px; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif; list-style-type:none; display:inline-block; width:86%;}

.legend_pan li.time{ padding-left:15px;}
.legend_title{ position:absolute; right: -27px; bottom: 50px; z-index: 0; transform: rotate(270deg); font-size: 18px; text-transform:uppercase; letter-spacing:2px; color:#354050; font-weight:bold;}
.legend_pan li > div {
	height:20px;
	width:24px;
	display:inline-block;
	margin:0 10px 0 5px;
}
section.table-action{
background-color:#4C4C4C;
margin-top:20px;
padding: 20px 0px 10px 20px;
border-radius:10px;
}
.left-info{
width:80%;
}
.left-info ul{
	padding-top:10px;
}
.left-info ul > li {
height: 40px;
min-width: 40px;
display: inline-block;
margin: 0 10px 10px 5px;
}
.left-info h3{
	color:#fff;
font-weight:bold;
font-size:14px;
letter-spacing:1px;	
}
.right-action-btn{
width:20%;
margin-top:50px;
}
.right-action-btn li{
width:50px;
}
.table-status-block{
  border-radius:50%;
  border:dotted 2px #ccc;
  background-color:#6f7172;
  text-align:center;
  color: #000;
  font-size: 16px;
  font-weight:bold;
  padding: 10px 0;
}
.table-status-available{
  border-radius:50%;
  border:dotted 2px #ccc;
  background-color:#fff;
  text-align:center;
  color: #000;
  font-size: 16px;
  font-weight:bold;
  padding: 10px 0;
}
.table-status-occupied{
  border-radius:50%;
  border:dotted 2px #ccc;
  background-color:#896829;
  text-align:center;
  color: #000;
  font-size: 16px;
  font-weight:bold;
  padding: 10px 0;
}
.table-status-ordered{
  border-radius:50%;
  border:dotted 2px #ccc;
  background-color:#fde3a7;
  text-align:center;
  color: #000;
  font-size: 16px;
  font-weight:bold;
  padding: 10px 0;
}
.table-status-ordered-tier1{
  border-radius:50%;
  border:dotted 2px #ccc;
  background-color:#f9e606;
  text-align:center;
  color: #000;
  font-size: 16px;
  font-weight:bold;
  padding: 10px 0;
}
.table-status-ordered-tier2{
  border-radius:50%;
  border:dotted 2px #ccc;
  background-color:#ff7f00;
  text-align:center;
  color: #000;
  font-size: 16px;
  font-weight:bold;
  padding: 10px 0;
}
.table-status-ordered-tier3{
  border-radius:50%;
  border:dotted 2px #ccc;
  background-color:#ff0000;
  text-align:center;
  color: #000;
  font-size: 16px;
  font-weight:bold;
  padding: 10px 0;
}
.table-status-served{
  border-radius:50%;
  border:dotted 2px #ccc;
  background-color:#913d88;
  text-align:center;
  color: #000;
  font-size: 16px;
  font-weight:bold;
  padding: 10px 0;
}
.table-status-tendering{
  border-radius:50%;
  border:dotted 2px #ccc;
  background-color:#06f4f4;
  text-align:center;
  color: #000;
  font-size: 16px;
  font-weight:bold;
  padding: 10px 0;
}
.table-status-cleaning{
  border-radius:50%;
  border:dotted 2px #ccc;
  background-color:#1cc655;
  text-align:center;
  color: #000;
  font-size: 16px;
  font-weight:bold;
  padding: 10px 0;
}
.table-selected{
	background-color:#000;
	color:#fff;
}

.pax-container {
width:100%;
height:100%;
background:rgba(51,51,51,0.95);
position: absolute;
z-index: 999999;
margin-left: -15px;
}
.pax-content{
	padding: 50px 30px 20px 30px;
	width:94%;	
}
.pax-content ul{
padding-bottom:10px;
border-bottom:3px dotted #CCC;
}
.pax-content li{
	width:80px;
	height:100px;
	margin:15px 20px 15px 0;
	font-size:24px;
	padding-top:30px;
}
.pax-container, .pax-container h3{
	color:#fff;
}
.pax-container h3{
	color:#fff;
	font-weight:bold;
	margin:10px 0px;
}

.popup-input{
margin-top:20px;
}
.popup-input .btn-enabled{
margin-top:50px;
margin-right:20px;
font-size:20px;
padding:20px;
}
/* ==========================================================================
Split Bill
========================================================================== */
.journal{background-color: #e5e5e5;
height: 720px;
border-bottom-right-radius: 12px;
box-shadow: 2px 1px 1px #999;
-webkit-box-shadow: 2px 1px 1px #999;
padding: 0px;
}
.journal:nth-child(odd){
	background-color: #b1aca5;
}
.container-inline{display:inline;
}
/* ==========================================================================
Split Bill
========================================================================== */
.modal-content{background-color:#e4e4e4; border:10px #59595b solid;}
.modal-title{ background-color:#59595b; font-size:24px; padding: 5px 10px; color:#e4e4e4; text-align:left; margin-top:10px;}
.modal-btn {border:1px #ffffff solid; background-color:#aeaba4;}
.modal-btn:focus {border:1px #ffffff solid; background-color:#aeaba4; opacity:0.8}
.modal-btn:hover{background-color:#59595b; border:#aeaba4 1px solid;}
.modal-table thead{font-weight:bold;}
.modal-table td{text-align:left; padding:5px 10px;}
.modal-table tr:nth-child(even){background-color:#d3d2d2;}
.modal-footer {text-align:center; border-top:1px dashed #999;}
.modal-close{opacity:1;}
/* ==========================================================================*/
@media (max-width:1024px){
}

@media only screen and (min-width : 768px)and (max-width : 997px) {
.text-area textarea{ margin-left:10px;}
.inupt-text{ margin-left: 10px;}

.cash-cont {width: 59%; float:left;}
.cash-cont1{ width:41%; float:right;}
.inner-cash ul li img{ padding-right:7px;}
.inner-cash li figure { float: left; width: 33%;}
.inner-cash li strong{ margin-top:12px; width:58px;}
.cash-btn { margin-left: 4px;margin-top: -2px;max-width: 67px; min-height: 41px;}
.inner-cash ul li{ width:53%;}
.inner-cash ul li:nth-child(2n+2) { float: none; width: 45%;}
.inner-cash ul li:nth-child(2n+2) figure{ width:23%;}
.inner-cash ul li span{ padding-left:0; margin-top: 13px;}
.declaration-summary{ max-width:695px; margin:0 auto; width:100%;}
.start-shift h3{ font-size:9px;}
.start-shift p{ font-size:11px;}
.working-date { background:url(../images/day-img-1_s.png) no-repeat top center; min-height:130px;}
.working-date h3 {font-size: 54px;line-height: 43px;}
.current p{ padding-bottom:4px;}
.current p.started{ font-size:10px; padding-top:3px;}
.current p.dd{ font-size:10px; padding-top:0;}
.current p.user-name {font-size: 11px; padding-top: 0;}
.on-hold {background: url("../images/receipts-img-1_s.png") no-repeat center 8px; min-height:151px;}
.duty-session { padding: 0 6px;}
.duty-progress{ font-size:13px; line-height:18px; margin-bottom:47px; margin-top:-1px;}
.receipts h3 { padding-top:29px;}
.duty-progress{ margin-bottom:25px;}

.default-declaration tr td{ font-size:13px;}
.custom-text{ width:166px;}
.custom-text1 {width: 103px;}

.cancel-btn{ margin-right:38px;}

.payment_pan .container{
  padding:0px 15px;
}
.tender_mode.items_pan .content li{
  width:16%;
}
.cntrl_pan li{
  width:18%;
}

.legend_pan li {
  margin-bottom: 0;
  padding: 5px 0;
}
.tendering{
  left: 70px;
}
.legend_pan li span{
  float:none;
}
.payment-func-container li{
  width:22%;
}
.lst_li li{
  display:inline-block;
  margin-bottom:10px;
}

@media (max-width:479px){
.working-date{ margin:10 auto;}

.on-hold{ margin:0 auto;}
.content li{width:22%;}
  .available {
  right: 38%;
}
  
}

@media only screen and (min-width: 320px) and (max-width:767px) {
.text-area{text-align:center;}
.text-area textarea{margin-left:0px;text-align:center;}
.inupt-text{margin-left:0px;margin:0 auto;float:none;text-align:center;}
.number-list{text-align:center;margin:0 auto;}
.left-text{text-align:center;font-size:12px;}
.right-head-content{text-align:center;}

.collection-list{ width:100%;}
.collection-list ul li{ margin-bottom:10px;}
.collection-list ul li:last-child{}
.collection-right{ width:100%; margin-bottom:25px; text-align:center;}
.normal-btn button{ font:normal 17px arial;}
.normal-btn1 button{ font-weight:normal;}
.cash-cont, .cash-cont1{ width:100%; text-align:center;}
.inner-cash ul li{ width:100%;}
.inner-cash ul li:nth-child(2n+2){ width:100%;}

.inner-cash { margin: 0 auto; max-width: 323px;}
.inner-cash li figure{ float: left; width: 44%;}

.declaration-summary{margin:0 auto; width:100%; margin-bottom:15px;}
.declaration-summary h3{ padding:0 15px;}
.summary-table tr td{ height:auto; padding:12px; font-size:15px;}
.btn-lg.btn-default.custom-btn.custom-btn1{ float:right;}
.top-control ul li{ width:100%; border:none; margin-bottom:15px; text-align:center;}
.top-control span a{ display:inline-block; width:100%;}

.open-date > span    { display: block;}
.view-details > span { display: block;}
.dust-session > span { display: block;}
.top-control{ overflow:hidden;}
.top-control .view-details span a{ margin-top:15px;}
.top-control .dust-session span a{ margin-top:15px;}

.default-declaration{ margin-left:0;}
.default-declaration tr td{ font-size:12px;}
.custom-text{ font-size:11px; width:106px; min-height:46px; padding:6px 2px;}
.custom-text1 {font-size: 10px; width: 68px;}
.input-float{ padding-top:0px;}
.table_scroll{ overflow-x:scroll;}
.session-footer button{ margin-bottom:10px;}

.payment_pan .container{
  padding:0px 15px;
}
.tender_mode.items_pan .content li{
  width:15%;
}

.key_pad_pan li{
   width: 23%;
    float: left;
}
.lst_li li{
  margin-right:6.5px;
  margin-bottom:5px;
  display:inline-block;
}
.cntrl_pan{
  margin:0px auto;
  text-align:center;
  margin-top:110px;
}
.cntrl_pan li{
  text-align:center;
  width:100%;
  margin-bottom:10px;
}
.table_layout_left{
  width:100%;
}
.table_layout_right{
  width:95%;
}
.table_placing li{
  text-align:center;
}
.table_layout_right figure{
  margin-top:70px;
  text-align:center;
}
.legend_pan{
  padding-left:50px;
}
.blocked{
  right:20px;
}


.count_dwn_30{
  right:28px;
}
.ordered{
  right: 200px;
}
.sub_ttl_aftr_dis label, .tips_pan label{
  font-size:15px;
}
.payment-func-container li{
  width:22%;
}
.freq_usd_mode li{
  width:23%;
}
.tender_type li{
  width:18%;
}
.content li{
  width:22%;
}
.key_pad_pan{
  margin-top:15px;
}
}

@media only screen and (min-width:480px) and (max-width:767px) {
.top-control { margin: 0 -15px; min-height:212px;}
.top-control ul li{ width:25%; margin-bottom:0px;}
.top-control a{ font-size:11px;}
.top-control a.top-active{ margin:0;}
.working-date { background:url(../images/day-img-1_s.png) no-repeat top center; min-height:130px;}
.working-date h3{ font-size:47px; line-height:42px;}

.current p{ padding-bottom:4px;}
.current p.started{ font-size:9px; padding-top:3px;}
.current p.dd{ padding-top:0; font-size:10px;}
.current p.user-name{ font-size:10px; padding-top:0px;}
.on-hold{ background:url(../images/receipts-img-1_s.png) no-repeat top center; min-height:150px;}
.receipts h3{ padding-top:20px;}

.duty-progress{ font-size:12px; line-height:18px; margin:-1px 0 24px 0;}
.mobile_brdr{ border-top:2px dotted #B6B6B6; padding-top:20px;}
.payment_pan .container{
  padding:0px 15px;
}
.tendering{
 left: 100px;
}
.available{
  right:150px;
}
}
/********* MEDIA CSS END **********/



::-webkit-input-placeholder, select { /* WebKit browsers */
    color:    #cfcfcf;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #cfcfcf;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #cfcfcf;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #cfcfcf;
}

.jeri-modalDialog {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index: 99999;
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}

.jeri-modalDialog:target {
  opacity:1;
  pointer-events: auto;
}

.jeri-modalDialog > div {
  width: 400px;
  position: relative;
  margin: 10% auto;
  padding: 5px 20px 13px 20px;
  border-radius: 10px;
  background: #fff;
  background: -moz-linear-gradient(#fff, #999);
  background: -webkit-linear-gradient(#fff, #999);
  background: -o-linear-gradient(#fff, #999);
}

.jeri-modalClose {
  background: #606061;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}

.jeri-modalClose:hover { background: #00d9ff; }

.jeri-disabled {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
  pointer-events:none;
}

.jeri-enabled {
    background:#d3dae2 !important;
    color:#4c5f96 !important;    
}

.jeri-modal-header {
  min-height: 67.43px;
  padding: 15px;
}

.jeri-modal-background {
  background-color: #5E5E5E;
}

.jeri-label {
  color:#000000;  
}

.jeri-modal-title {
    background-color: #58585B;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    margin-top: 50px;
    padding: 10px;
}

.jeri-table {
  color:#000;
  font-size: 1em;
}

.jeri-journal-header {
    color:#313c64;
    font-size:12px;
    font-weight:bold;
    padding:10px 15px;
    height:20px;
}

.jeri-scroll-table {
    height:542px;
    overflow:auto;
    margin-top: -21px;
}

.jeri-net-summary-box {
    height:50px;
    background:#313c64;
    width:100%;
    margin:28px 0;
    float:left;
}

.jeri-net-summary {
    color: #fff;
    font-style: bold;
    margin-left:150px;
    font-size: 2.1em;
    padding: 0.4em 0;
    text-align: right;
}

.jeri-journal-list-header {
  padding:10px;
}

.jeri-type-string {
    margin-left:250px;
    font-size: 2.1em;
    text-align: right;
    color: #fff;
    margin-top: -7px;
    width: 100px;
}

.jeri-receipt-string {
    color: #fff !important;
    margin-left:5px !important;
    font-size: 0.8em !important;
    text-align: left !important;
    width: 150px !important;
    padding-top: 11px !important;
}

.jeri-sub-total-label {
    color: #fff;
    font-style: bold;
    margin-left:10px;
    font-size: 2.1em;
    padding: 0.4em 0;
    text-align: left;
}

.jeri-table-header {
    position: fixed;
}

.jeri-arrow-font {
    font-size: 2em;
}

.jeri-render-category-div {
  margin-top: -3px;
  width: 480px;
}

.jeri-render-category-ul {
  width: 460px;
  float:left;
}

.jeri-category-paginate-down {
  width: 20px;
  float:right;
  margin-top: 140px;
}

.jeri-category-paginate-up {
  
  width: 20px;
  float:right;
  margin-top: 0px;
}

.jeri-render-item-div {
  width: 480px;
}

.jeri-render-item-ul {
  margin-top: 2px !important;
  width: 460px;
  float:left;
}

.jeri-item-paginate-down {
  width: 20px;
  float:right;
  margin-top: 305px;
  
}

.jeri-item-paginate-up {
  width: 20px;
  float:right;
  margin-top: 0px;
}

.jeri-paginate-color {
  color: #000 !important;
}