/*
Theme Url : http://preview.oklerthemes.com/porto-admin/2.3.0/layouts-default.html
*/

.item-box form {
    display: inline-block;
}

.item-box .item {
    background-color: #F6F6F6;
    border: 1px solid #888;
    border-radius: 4px;
    color: #333;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 3px 5px;
    text-align: center;
}

.item-box .item > input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: #333;
    border-image: none;
    border-style: solid;
    border-width: 0 0 0 1px;
    color: #333;
    height: 21px;
}

.item-box .item:hover{
    background-color: red;
    color: #ffffff;
}

/* Background size for room map in dashboard */
.Available{
    background-color: #8bf580;
}

.Booked{
    background-color: #cb0042;
}

.Reserved{
    background: orange;
}

.element-box{
    border: 1px solid #E90303;
    background: #ff4040;
    border-radius: 5px;
    color: #f1f1f1;
    margin: 1px;
    padding-right: 0;
}

.element-box div{
    float: right;
    padding-left: 5px;
}

.element{
    padding-top: 5px;
}

/*=============================
        Print Styles
===============================*/
.only-print{
    display: none;
}

@media print {
    *{
        margin: 0;
        padding:0;
    }
    .body{
        margin: -100px 0 0;
        padding:0;
    }
    .no-print{
        display: none;
    }
    .only-print{
        display: block;
    }
    /*.panel{*/
        /*margin-top: 150px;*/
    /*}*/
    .header{
        border: none;
    }
    .bill-info{
        border-top: 3px solid #8c8c8c;
    }

}

/*=============================
        Barcode
===============================*/


.sticker-page-break{
    page-break-after: always;
}
.sticker-page{
    color:#000;
    /*height: 10.45in !important;*/
    height: auto;
    width: 8.5in !important;
    line-height: 16px !important;    
    border: 0.1px solid grey !important;
}

.sticker-body {
    margin-top: 0.4in !important;
    margin-bottom: 0.1in !important;
    margin-left: 0.1in !important;
    margin-right: 0.1in !important;
}
.sticker-border {
    border: 0.1px dotted grey !important;
    overflow: hidden;
    box-sizing: border-box;    
    /*line-height: 1in;*/
    display: inline-block;
    margin-top: 0in !important;
    text-align: center;
}

.sticker-body img{
    height:42px;
    width:120px;
      
}

.panel-body .productHeading th{
    text-align: center;
    vertical-align: middle;
}
.panel-body .productHeading td{
    vertical-align: middle;
}



/*Quick Sale Product*/
#product_list_body {
	max-height: 485px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.product_list {
	padding-left: 8px;
	padding-right: 8px;
}
.product_box {
	width: 100%;
	/* padding-top: 5px; */
	/* padding-bottom: 2px; */
	margin-bottom: 10px;
	text-align: center;
	cursor: pointer;
	/* border: 1px solid darkgray; */
	font-weight: 600;
	background-color: #fff;
	border-radius: 2px;
	padding-top: 3px;
}
.product_box .image-container {
	/* width: 95%; */
	height: 55px;
	margin: auto;
	/* padding-top: 5px; */
}
.product_box .text_div {
	margin-top: 3px;
}
.product_box .text {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-height: 14px;
	max-height: 14px;
}
.text-muted {
	color: #777;
}
.small, small {
	font-size: 85%;
}

.help-block{
    color:red;
}

/*For Quck Sales*/
#product_id1{
    /*display:none;*/
}
#quantity1{
    /*display:none;*/
}

#rate1{
    /*display:none;*/
}
#t1{
    /*display:none;*/
}
.input-group-append {
	margin-left: -1px;
}

.input-group-prepend, .input-group-append {
	display: -ms-flexbox;
	display: flex;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.width90{width:90%}