@charset "utf-8";
html,body,form{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
}
html{
    overflow-y:visible;
}
body{
    background:#FFF;
    color:#333;
    font-weight:normal;
    width:100%;
    min-width:970px;
    max-width:100%;
}
body:before,body:after{
    background:#FFF;
    content:normal;
}
.pos-logo-sm{
    display:none;
}
.bold{
    font-weight:bold;
}
#wrapper{
    position:relative;
}
.ui-keyboard{
    padding:.3em;
    z-index:16001;
    background:rgba(255,255,255,0.8);
    right:0!important;
    left:0!important;
    top:auto!important;
    bottom:0px!important;
    position:fixed!important;
    width:100%;
    min-width:750px;
    height:230px;
    -webkit-box-shadow:-5px 0px 10px rgba(50,50,50,0.50);
    -moz-box-shadow:-5px 0px 10px rgba(50,50,50,0.50);
    box-shadow:-5px 0px 10px rgba(50,50,50,0.50);
}
.ui-keyboard-has-focus{
    z-index:16001;
}
.ui-keyboard div{
    font-size:1.1em;
}
.ui-keyboard-button{
    height:3em;
    width:3em;
    margin:.1em;
    cursor:pointer;
    overflow:hidden;
}
.ui-keyboard-button span{
    padding:0;
    margin:0;
    white-space:nowrap;
}
.ui-keyboard-button-endrow{
    clear:left;
}
.ui-keyboard-widekey{
    width:4em;
}
.ui-keyboard-preview{
    text-align:left;
    margin:0 0 3px 0;
    display:inline;
    width:99%;
}
.ui-keyboard-keyset{
    text-align:center;
}
.ui-keyboard-input-placeholder{
    color:#888;
}
.ui-keyboard-nokeyboard{
    color:#888;
    border-color:#888;
}
.ui-keyboard-button.disabled{
    opacity:0.5;
    filter:alpha(opacity=50);
}
.ui-keyboard-button.ui-keyboard-combo.ui-state-default{
    border-color:#357ebd;
}
.ui-keyboard .ui-state-active{
    border-color:#357ebd;
    color:#357ebd;
}
.ui-keyboard-space{
    width:18em;
    text-indent:-999em;
}
.ui-keyboard .ui-keyboard-bksp{
    width:6.2em;
    background-color:#f0ad4e;
    border-color:#eea236;
    color:#FFF;
}
.ui-keyboard .ui-keyboard-bksp:hover{
    background-color:#ec971f;
    border-color:#d58512;
}
.ui-keyboard .ui-keyboard-enter{
    background-color:#f0ad4e;
    border-color:#eea236;
    color:#FFF;
    width:9.4em;
}
.ui-keyboard .ui-keyboard-enter:hover{
    background-color:#ec971f;
    border-color:#d58512;
}
.ui-keyboard .ui-keyboard-shift{
    background-color:#428bca;
    border-color:#357ebd;
    color:#FFF;
    width:4.55em;
}
.ui-keyboard .ui-keyboard-shift:hover,.ui-keyboard .ui-keyboard-shift.ui-state-active{
    background-color:#3071a9;
    border-color:#e285e8e;
}
.ui-keyboard .ui-keyboard-accept{
    width:11.1em;
    background-color:#5cb85c;
    border-color:#4cae4c;
    padding-left:2px;
    padding-right:2px;
    color:#FFF;
}
.ui-keyboard .ui-keyboard-accept:hover{
    background-color:#449d44;
    border-color:#398439;
}
.ui-keyboard .ui-keyboard-cancel{
    width:4.5em;
    background-color:#d9534f;
    border-color:#d43f3a;
    color:#FFF;
    padding-left:2px;
    padding-right:2px;
}
.ui-keyboard .ui-keyboard-cancel:hover{
    background-color:#c9302c;
    border-color:#ac2925;
}
#ui .tooltip-inner{
    max-width:500px;
}
#content{
    background:none;
}
.pos{
    margin:0 auto;
}
#pos{
    position:relative;
}
#pos .form-group{
    margin-bottom:5px;
}
#pos #cpdiv{
    display:inline-block;
}
#pos #leftdiv{
    min-width:400px;
    width:36%;
/*    max-width:37%;*/
    padding:10px 10px 5px 10px;
    background:#f4f4f4;
    float:left;
    margin:0;
}
#pos #cp #cpinner{
    min-width:500px;
    max-width:52%;
    float:left;
    margin-left:2%;
    padding:10px 10px 5px 10px;
    background:#f4f4f4;
	margin-left:0px;
}
#pos #catContainer{
    display:block;
    width:auto;
    padding:5px 10px 10px 15px;
    background:#757575;
    box-shadow:0 1px 0 rgba(255,255,255,0.1),0 1px 7px 0 rgba(0,0,0,0.9) inset;
    border-radius:5px;
    text-align:center;
}
#pos #proContainer{
    display:block;
    padding:5px;
}
#pos #printhead,#pos #printfooter{
    display:none;
}
.rotate{
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg);
    -webkit-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
    transform-origin:50% 50%;
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#pos #left-middle{
    position:relative;
}
#pos #product-list{
    position:absolute;
    overflow:hidden;
    width:100%;
    height:410px;
    border-bottom:1px solid #DDD;
}
.btn-tran{
    background:#F5F5F5;
    border:1px solid #F5F5F5;
    cursor:pointer;
    height:115px;
    margin:2px;
    padding:2px;
    width:10.5%;
}
.btn-tran:hover{
    background:#F5F5F5;
    border:1px solid #F5F5F5;
}
.btn-prni{
    border:1px solid #eee;
    cursor:pointer;
    height:120px;
    margin:0 0 3px 2px;
    padding:2px;
    width:24%;
    min-width:150px;
    max-width:180px;
    overflow:hidden;
    display:inline-block;
    font-size:13px;
}
.btn-prni span{
    display:table-cell;
    height:45px;
    line-height:15px;
    vertical-align:middle;
    text-transform:uppercase;
    width:10.5%;
    min-width:94px;
    overflow:hidden;
}
.btn-prni.active{
    background:#eee;
    border:1px solid #e5e5e5;
    cursor:default;
}
#pos #totalTable td{
    padding:2px;
}
.alert{
    position:absolute;
    top:8px;
    right:10px;
    width:340px;
    z-index:1;
    -webkit-box-shadow:0px 5px 10px 0px rgba(102,102,102,1);
    -moz-box-shadow:0px 5px 10px 0px rgba(102,102,102,1);
    box-shadow:0px 5px 10px 0px rgba(102,102,102,1);
}
.alert,.alert p{
    margin-bottom:0;
    font-size:1em;
}
#pos .clearfix{
    float:none;
    clear:both;
}
/*.bootbox.modal{
    width:300px;
    margin-left:-150px;
    left:50%;
}*/
.bootbox .modal-footer{
    background:none;
    border:0;
    text-align:center;
}
.bootbox .modal-footer{
    padding-top:0;
}
.btn-cat-con{
    position:fixed;
    top:200px;
    right:-136px;
    z-index:6;
    width:300px;
    height:40px;
}
#ajaxCall{
    display:none;
    color:#000;
    background:#FFF;
    border-radius:25px;
    top:2%;
    right:2%;
    position:fixed;
    width:51px;
    height:50px;
    z-index:55555;
    text-align:center;
}
#ajaxCall i{
    font-size:50px;
}
#category-slider,#subcategory-slider{
    display:none;
    z-index:1060;
    height:540px;
    position:absolute;
    top:20px;
    right:0;
    width:640px;
    border:1px solid #d8d8d8;
    background:#FFF;
    padding:10px 10px;
}
#category-list,#subcategory-list{
    max-height:585px;
    overflow:hidden;
    position:absolute;
}
.font16{
    font-size:16px;
    font-weight:bold;
}
.bg-nums{
    background:#FFFF99;
    padding:5px 10px;
    color:#000;
    margin-left:15px;
}
#order_tbl,#bill_tbl{
    display:none;
}
.quick-cash{
    min-width:100px;
}
.quick-cash .badge{
    position:absolute;
    top:2px;
    right:2px;
    font-size:0.6em;
    padding:1px 4px;
    border-radius:0;
}
@media (max-width: 1280px) {
    #pos #cp #cpinner{
        max-width:52%;
    }
    #pos .btn-tran,#pos .btn-prni,#pos .btn-prni span{
        max-width:16%;
    }
}
@media (max-width: 1152px) {
    #pos #cp #cpinner{
        max-width:55%;
    }
    #pos .btn-tran,#pos .btn-prni,#pos .btn-prni span{
        max-width:19%;
    }
    a.navbar-brand{
        width:auto;
    }
    .pos-logo-lg{
        display:none;
    }
    .pos-logo-sm{
        display:inline-block;
        width:50px;
        float:left;
    }
}
@media only screen and (max-width: 1024px) {
    body{
        width:1024px!important;
        padding:0;
        margin:0;
    }
    #pos #cp #cpinner{
        max-width:50%;
    }
    #pos .btn-tran,#pos .btn-prni,#pos .btn-prni span{
        max-width:23%;
    }
    .modal-dialog{
        width:600px;
        margin:30px auto;
    }
    .modal-dialog .col-sm-9{
        float:left;
        width:75%;
    }
    .modal-dialog .col-sm-3{
        float:left;
        width:25%;
    }
    .btn-group .btn{
        width:100%;
    }
    .container{
        width:1000px!important;
    }
    .header-nav{
        display:inline-block;
        min-width:600px;
        float:right;
    }
    a.navbar-brand{
        padding:9px 0 0px 10px!important;
        height:auto;
    }
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{
        margin-left:0;
    }
    .container .navbar-header,.container .navbar-collapse{
        margin-right:0;
        margin-left:0;
    }
    .navbar-header{
        float:left;
    }
    .navbar-collapse{
        display:block!important;
        height:auto!important;
        padding-bottom:0;
        overflow:visible!important;
    }
    .navbar-toggle{
        display:none;
    }
    .navbar-collapse{
        border-top:0;
    }
    .navbar-nav{
        float:left;
        margin:0;
    }
    .navbar-nav>li{
        float:left;
    }
    .navbar-nav>li>a{
        padding:15px;
    }
    .navbar-nav.navbar-right{
        float:right;
    }
    .navbar .navbar-nav .open .dropdown-menu{
        position:absolute;
        float:left;
        background-color:#fff;
        border:1px solid #ccc;
        border:1px solid rgba(0,0,0,.15);
        border-width:0 1px 1px;
        border-radius:0 0 4px 4px;
        -webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
        box-shadow:0 6px 12px rgba(0,0,0,.175);
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a{
        color:#333;
    }
    .navbar .navbar-nav .open .dropdown-menu>li>a:hover,.navbar .navbar-nav .open .dropdown-menu>li>a:focus,.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus{
        color:#fff!important;
        background-color:#428bca!important;
    }
    .navbar .navbar-nav .open .dropdown-menu>.disabled>a,.navbar .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar .navbar-nav .open .dropdown-menu>.disabled>a:focus{
        color:#999!important;
        background-color:transparent!important;
    }
}
.form-control.input-sm{
    font-size: 14px;
    height: auto;
    line-height: 16px;
    padding: 3px;
}
/* Popup box BEGIN */
.hover_bkgr_fricc{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.hover_bkgr_fricc .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.hover_bkgr_fricc > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    min-height: 100px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}
.item_btn_1 {
	font-weight: bold;
	font-size: 14px;
	height: 100px;
	min-width: 150px;
	max-width: 180px;
	position: relative;
	margin: 5px;
}
.label-item {
	background-color: rgba(255, 255, 255, 0.95);
	/* text-align:justify;  */
	font-size: 16px;
	max-height: 67px;
	position: absolute;
	right: 0;
	width: 100%;
}
.nav-tabs li a {
	background: #e9ebec none repeat scroll 0 0;
	border-color: #dbdee0;
	border-radius: 0;
	line-height: 1;
	margin: 6px -1px -6px 0;
	padding: 30px;
}
#myTab2>li > a {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-top: 15px;
	width: 100%
}
html body div.panel-scroll div.tabbable.tabs-top div.tab-content div#Sales.tab-pane.active div.table-responsive div#wrapper div#content div.c1 div.pos div#pos ul#myTab2.nav.nav-tabs.navbar-nav.tab-green.no-print li {
	width: 100%
}
#myTab2>li.active {
	background-color: #DADADA;
}
.dropdown-menu {
	position: absolute;
	will-change: transform;
	top: 0px;
	left: 0px;
	transform: translate3d(0px, 38px, 0px);
	margin-top: -20px;
}
html body div.panel-scroll div.tabbable.tabs-top div.tab-content div#Sales.tab-pane.active div.table-responsive div#wrapper div#content div.c1 div.pos div#pos ul#myTab2.nav.nav-tabs.navbar-nav.tab-green.no-print li.active a {
	background: #e9ebec none repeat scroll 0 0;
	border-color: #dbdee0;
	border-radius: 0;
	line-height: 1;
	/* margin: 6px -1px -6px 0;*/
	font-size: 20px;
}
#myTab2 {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#686868+0,212121+99 */
	background: rgb(104,104,104); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(104,104,104,1) 0%, rgba(33,33,33,1) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(104,104,104,1) 0%, rgba(33,33,33,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(104,104,104,1) 0%, rgba(33,33,33,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#212121', GradientType=0 ); /* IE6-9 */
}
html body div.panel-scroll div.tabbable.tabs-top div.tab-content div#Sales.tab-pane.active div.table-responsive div#wrapper div#content div.c1 div.pos div#pos ul#myTab2.nav.nav-tabs.navbar-nav.tab-green.no-print li.active.btn.btn-icon.btn-block {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#23b3ed+0,169ee8+54,1c9cea+99 */
	background: rgb(35,179,237); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(35,179,237,1) 0%, rgba(22,158,232,1) 54%, rgba(28,156,234,1) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(35,179,237,1) 0%, rgba(22,158,232,1) 54%, rgba(28,156,234,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(35,179,237,1) 0%, rgba(22,158,232,1) 54%, rgba(28,156,234,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23b3ed', endColorstr='#1c9cea', GradientType=0 ); /* IE6-9 */
}
html body div.panel-scroll div.tabbable.tabs-top div.tab-content div#Sales.tab-pane.active div.table-responsive div#wrapper div#content div.c1 div.pos div#pos ul#myTab2.nav.nav-tabs.navbar-nav.tab-green.no-print li.btn.btn-icon.btn-block {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d0d8de+0,b2aeb2+46,d0d8de+99 */
	background: rgb(208,216,222); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(208,216,222,1) 0%, rgba(178,174,178,1) 46%, rgba(208,216,222,1) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(208,216,222,1) 0%, rgba(178,174,178,1) 46%, rgba(208,216,222,1) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(208,216,222,1) 0%, rgba(178,174,178,1) 46%, rgba(208,216,222,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d8de', endColorstr='#d0d8de', GradientType=0 ); /* IE6-9 */
	font-size: 20px;
}
html body div.panel-scroll div.tabbable.tabs-top div.tab-content div#Sales.tab-pane.active div.table-responsive div#wrapper div#content div.c1 div.pos div#pos ul#myTab2.nav.nav-tabs.navbar-nav.tab-green.no-print li.btn.btn-icon.btn-block.active a {
	color: #FFF;
}
html body div.panel-scroll div.tabbable.tabs-top div.tab-content div#Sales.tab-pane.active div.table-responsive div#wrapper div#content div.c1 div.pos div#pos ul#myTab2.nav.nav-tabs.navbar-nav.tab-green.no-print li.btn.btn-icon.btn-block a {
	color: #000
}
html body div.panel-scroll div.tabbable.tabs-top div.tab-content div#Sales.tab-pane.active div.table-responsive div#wrapper div#content div.c1 div.pos div#pos ul#myTab2.nav.nav-tabs.navbar-nav.tab-green.no-print li.dinmic ul.list-group {
	margin-bottom: 2px;
}
html body div.panel-scroll div.tabbable.tabs-top div.tab-content div#Sales.tab-pane.active div.table-responsive div#wrapper div#content div.c1 div.pos div#pos ul#myTab2.nav.nav-tabs.navbar-nav.tab-green.no-print li.btn.btn-icon.btn-block {
	margin-top: 4px;
}
html body div.panel-scroll div.tabbable.tabs-top div.tab-content div#Sales.tab-pane.active div.table-responsive div#wrapper div#content div.c1 div.pos div#pos div#cp div#cpinner div.quick-menu div#proContainer div#ajaxproducts div#item-list.dragscroll div.tabbable.tabs-top div.tab-content div button.btn-prni.btn-default.product.pos-tip {
	font-size: 12px;
	font-weight: bold;
	height: 120px;
	max-width: 180px;
	min-width: 150px;
	width: 24%;
}
.checkbox_for{
    padding:15px 4px 15px 4px;
}