/* Created By Tousif Ali */

html{/*overflow-y: scroll;*/}
input[type=file]:focus{outline: none;}
.navbar-default{box-shadow: 0px 1px 7px rgba(0,0,0,0.3);}
.mainNavSep{border-right: 1px solid #fff; border-left: 1px solid #ddd; height: 50px;}
body > .container{padding: 60px 15px 20px; overflow-y: hidden;}
body .footer{position: relative; background-color: #f8f8f8; box-shadow: 1px 0 7px rgba(0,0,0,0.3); padding: 5px 0; width: 100%;}
.description{font-size: 12px; color: #9D9D9D; padding-top: 5px;}
.topSection{position: relative; z-index: 1; background: #fff; padding-bottom: 31px; padding-top: 100px;}
body.home > .container{padding-top: 0; padding-bottom: 0;}
body.home .page-header, body.home .page-header h2{margin-top: 0;}
.myMessage{display: none;}
.addBtn{padding: 10px; background: #E0E0E0; border-radius: 10px; margin-bottom: 31px; box-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
body.home .addBtn{margin-bottom: 0;}
.end.addNewItem{margin-left: 8px; font-weight: normal;}
.table-striped>tbody>tr.odd>td{background-color: #f9f9f9;}
.table-striped>tbody>tr.even>td{background-color: #fff;}
.highlight{/*background: #000; color: #fff;*/ font-weight: bold; color: #000;}
.borderBottom{border-bottom: 1px solid #000;}
.match .itemName{color: #AFAFAF;}
.productList .table tbody tr.hide{display: none;}
.modal-body{text-align: center;}
.modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom{padding-right: 17px;}
.yesNoWrap{text-align: center; padding-top: 20px;}
.yesNoWrap button{margin: 10px 0 0 5px;}
.amountPaid{text-align: left;}
.amountPaid .finalAmountPaid input{width: 100px; padding-left: 4px;}
.amountPaid .finalChange{padding: 5px 0px; margin: 15px auto 6px; font-size: 17px; border-top: 1px dashed #999; border-bottom: 1px dashed #999;}
.amountPaid .finalChange strong{font-weight: bold;}
.finalAmounError{color: #a94442; line-height: 12px; font-size: 12px; text-align: left;}
.vb{vertical-align: bottom; margin-left: 50px;}
.newOrderWrap{height: 211px; border: 1px solid #949494; border-bottom: none; min-width: 100%; width: 718px; max-width: inherit;}
table.newOrder{margin-bottom: 0;}
table.newOrder tr td{padding: 2px 8px;}
.table.newOrder td.quantity input{width: 90px; font-size: 13px; padding: 0 12px; height: 25px;}
.table.newOrder tbody{border: 1px solid #ddd; border-left: none; border-right: none;}
.table.newOrder tbody tr.selected td{background-color: #EDEDED;}
.totalLabelCell{font-size: 25px; text-align: right; font-weight: bold;}
.orderfooter{ font-weight: bold; font-size: 15px;}
.table.newOrderHeader{margin-bottom: 0; min-width: 100%; width: 718px; position: relative; z-index: 1; max-width: inherit; background-color: #949494; color: #fff;}
.table.newOrderHeader thead tr th{margin-bottom: 0; border: none;}
.newOrderFooterWrap{padding: 10px 0 20px; position: relative; background-color: #fff; min-width: 100%; width: 718px; max-width: inherit; border-top: 1px solid #949494;}
.table.newOrderFooter{margin: 0;}
.table.newOrderFooter tfoot tr td{border: none; padding: 5px 8px;}
.table.newOrderFooter tfoot tr td .discountRate input, .table.newOrderFooter tfoot tr td .taxRate input{height: 25px; font-size: 13px; width: 90px;}
.table.newOrderFooter tfoot tr .inlineBlock{display: inline-block;}
.discountTerm{display: inline-block; vertical-align: middle;}
.orderfooter .title{text-align: right;}
.totalCell{font-size: 25px; font-weight: bold;}
.totalCell .totalCellWrap{display: inline-block; padding: 0 7px; margin-left: -7px; border: 2px solid #000; border-right: none; border-left: none;}
.subtotal{font-weight: bold;}
.table.newOrder tfoot tr td{border: none;}
.printBtn{margin-bottom: 20px;}
.errorMsg{position: relative; font-size: 12px;}
.errorMsg span{position: absolute; color: #a94442; display: inline-block; padding-top: 5px;}
.red{color: #a94442;}
.customerWrap{position: relative; z-index: 2; background: #fff;}
.customerWrap input{height: 25px; padding: 6px;}
.customer{background-color: #949494; color: #fff; border-radius: 4px 4px 0 0; padding: 13px 8px;}
.barcodeScanner{background-color: #777; color: #fff; border-radius: 4px; padding: 8px; box-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
.uploadReport{margin-top: 20px; border: 1px dashed #C3C3C3; padding: 10px; display: none;}
.uploadReport .page-header{margin-top: 0;}
.uploadReport .page-header h3{font-weight: bold;}
.uploadReport table tr th{background: #ddd;}
.dashBorder{border: 1px dashed #C3C3C3;}
.thGrey tr th{background: #ddd;}
#mostSoldProduct .searchResult .table{width: 50%;}
@media (max-width: 768px){
    #mostSoldProduct .searchResult .table{width: 100%;}
}
@media screen and (max-width: 767px){
    .orderFormWrapper .table-responsive{border-color: #949494;}
    .newOrderWrap{border: none;}
    .newOrderFooterWrap{border: none;}
}
@media (min-width: 768px){.customerWrap{/*padding-left: 8px;*/}}
@media (max-width: 768px){.customerWrap .form-group{margin-bottom: 0; padding-bottom: 15px;}}
@media (max-width: 768px){.customerWrap .form-group{float: none !important; margin-top: 20px;}}
.orderFormWrapper{position: relative;}
.ladda-spinner{outline: none;}
.placeOrder{padding: 6px 10px;}
.overlay{/* Required for IE 5, 6, 7 */
	/* ...or something to trigger hasLayout, like zoom: 1; */
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
    width: 100%;
    height: 100%;
	opacity: 0.5;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    display: none;
}
@media (max-width:767px){
    .author{left: 0;}
}
@media (max-width:600px){
    .pull-left.dateTime, .pull-right.customerName{float: none !important; text-align: center;}
}

form .selectboxit-text, .table.newOrder tfoot tr td .selectboxit-text{color: #555;}
.author{}
.posRelative{position: relative;}
.author td{padding: 2px 5px 0; font-size: 12px;}
.companyName{display: none;}
/*.customerName{height: 25px; font-size: 12px;}*/
.titleBar{font-size: 16px; border: 1px solid #000; padding: 8px; border-bottom: none;}
.pTime{font-size: 12px;}
.printable{max-width: 680px;}
.printable.table-responsive{border: none;}
.printTable.table{border: 1px solid #000;}
.printTable thead tr th{border: 1px solid #000;}
.printTable tbody tr td{border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.printTable tbody tr td.first{border-left: 1px solid #000;}
.printTable tbody tr td.last{border-right: 1px solid #000;}
.printTable tfoot tr td{padding: 5px; border: 1px solid #000; border-top: none; border-bottom: none;}
.printTable tfoot tr.discount td{padding-top:15px;}
.printTable tfoot tr td:last-child{border-left: none;}
.printTable tfoot tr td:first-child{border-right: none;}
.printTable tfoot tr td.printTotalCell{padding: 13px 0 13px; border-bottom: 1px solid #000; border-top: 1px solid #000;}
.printTable tfoot tr td.printTotal{padding: 13px 0 13px; border-bottom: 1px solid #000; border-top: 1px solid #000;}
.printTable tfoot tr td.printTotal div{display: inline-block; border: 2px solid #000; border-right: none; border-left: none; padding-right: 26px; font-size: 23px; padding: 0 5px; margin-left: -2px;}
.printTable tfoot tr td.printTotalCell{font-size: 23px; text-align: right; padding-right: 5px; border-right: none;}

.searchResult{padding-top: 30px;}
.searchResultHeader{margin-bottom: 20px;}
.searchResultHeader tr td{padding-bottom: 4px;}
.impData{background: #7B7B7B; color: #fff; border-radius: 6px; display: inline-block; padding: 0 6px;}
.btn.noWrap{white-space: normal;}
.btn.noWrap > span{display: inline-block;}
.btn.noWrap > span:after{content: '|'; padding: 0 10px 0 13px; font-weight: bold;}
.btn.noWrap > span:last-child:after{display: none;}
.btn.collapsible{width: 100%; text-align: left; background-color: #e6e6e6; margin-top: 10px;}
.btn.collapsible:focus{outline: none;}
.btn.collapsible.active, .btn.collapsible.active:hover{background-color: #428bca; color: #fff; border-color: #357ebd;}
.btn.collapsible:hover{background-color: #D6D6D6; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}
.sep{padding: 0 10px 0 13px;}
.invoiceContainer{padding-top: 5px; display: none;}

/* login */
.form-signin {max-width: 330px; padding: 15px; margin: 0 auto; padding-top: 100px;}
.loginMsg{margin-top: 20px; text-align: center;}
.loginBtn{width: 100%;}

/* User */
@media (min-width:768px){
    .userBar{right: 15px;}
}
.userBar{line-height: 50px; top: 0; position: absolute;}
.userBar a:hover{text-decoration: none;}
.paddingTop{padding-top: 15px;}
.capitalized{text-transform: capitalize;}
.sepPadding{padding: 0 5px;}

/* User page */
table tr td.verticleAlign{vertical-align: top;}
a.showDetail:hover{text-decoration: none;}
.detail{display: none; padding: 5px; border-radius: 4px; text-align: left;}
.modal .detail{display: block;}
.detail table tr td{padding: 5px;}
.detail table tr td:first-child{padding-left: 0;}
.disableBgColor{background-color: #f0f0f0;}
.userList table tr .glyphicon-user{color: #939393; text-shadow: 0 0 4px rgba(0, 0,0,0.5); font-size: 13px;}
.userList table tr.online .glyphicon-user{color: #5cb85c; text-shadow: 0 0 4px #5cb85c; font-size: 13px;}