.p-box {
	margin-bottom: 60px;
	padding: 0px;
	position: relative;
}
.p-box:last-child { margin-bottom: 0px; }
#products-data .box-title {font-size: 18px; line-height: 20px;}
.barcode-for-print .box-title {margin:0 0 10px 125px; font-size: 17px; line-height: 20px; width: 100%;  min-height: 40px;}
.box-title small { white-space: nowrap; margin: 0px; }
h4.box-title { font-weight: 600; }
.text-muted {margin-top: 10px;}
.bg-tbb {
	/*3c4451 => 3c4451*/
	background: #3c4451!important;
}
.navbar-header { position: relative; }
.logo-center {
	position: absolute;
	top: calc(50% + 8px);
	margin-top: -20px;
	margin-left: -55px;
	left: calc(50% - 30px);

}
.def-pad { padding: 20px 10px; max-width: 900px; margin: auto; }
.def-pad .b-20 { margin-bottom: 20px;}
.p-0 { padding: 10px 0px;}

.background-black {
	width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: #000;
	opacity: 0.6;
}
.opacity-0 { opacity: 0.0; }
.opacity-2 { opacity: 0.2; }
.opacity-4 { opacity: 0.4; }
.opacity-6 { opacity: 0.6; }
.opacity-8 { opacity: 0.8; }


.mytooltip:hover {z-index: 999!important;}
.mytooltip {z-index: 997; }
.static-footer { position: fixed; bottom: 0px; left: 0px; padding: 15px 0 10px 0; z-index: 998;}
.navbar-static-top {z-index: 998;}
.clr-white {  color: white; }
.open-close { font-size: 22px; font-weight: normal; }
.navbar-top-links li a { font-size: 18px; }
.navbar-top-links li a i {  }

.sel-h { height: 38px; color: #565656; }


.p-swipe {
z-index: 997; overflow: hidden; position: absolute; top: -10px; left: -20px; width: 112%; height: 110%; display: none;
}
.p-swipe-cont {
position: relative; width: 100%; height: 100%;
}
.p-swipe-icon {
display: block; position: absolute; top: 0px; right: -80px; height: 100%; text-align: center; width: 80px; line-height: 100%; vertical-align: middle;
}

.p-swipe-icon i {
padding-top: 65px; color: white; display: block; font-size: 20px; line-height: 100%;
}

.p-swipe-overlay {
position: absolute; top: 0px; left: 0px; width: 100%; opacity: 0.8; display: block; height: 100%; background: #fff;
}

/*  .ui-autocomplete-loading {
    background: white url("../../../ample/plugins/bower_components/x-editable/dist/jqueryui-editable/img/loading.gif") 98% center no-repeat;
  } */
  

.btn-loading { height: 38px; width: 38px; font-size: 20px; }
.goods-autocomplete { width: 100%;  left: 0px!important;  border: 1px #3c4451 solid!important; z-index: 998!important; }
.goods-autocomplete li { border-bottom: 1px #3c4451 solid; height: 60px; display: block; width: 100%;padding: 0 5%!important; }
.goods-autocomplete li .ui-menu-item {  }
.goods-autocomplete li .ui-menu-item-wrapper { height: 60px; padding: 0px; max-width: 800px; margin: auto;  }
.goods-autocomplete li .text-error { line-height: 60px; }
.goods-autocomplete li:last-child { border: 0px; }
.goods-autocomplete .ui-state-active { background: #3c4451!important; border: 1px #fff solid!important; } 

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { display: none; overflow: hidden; height: 0px; }
.result-row { position: relative; height: 60px!important; padding: 5px 0px!important; margin:0px; display: flex; flex-wrap: wrap; }
.result-photo {/*  float: left; */ display: block; width: 50px; height: 50px; margin: 0 5px; border-radius: 50%; overflow: hidden; }
.result-photo img { max-width: 100%; margin-top: -10px}
.product-img .p-photo img { margin-top:-25px;}
.result-name { /* float: left;  */margin-left: 5px; width: calc(100% - 130px); line-height: 14px; height: 50px; overflow: hidden; } 
.result-sklad { position: absolute; right: 5px; bottom: 15px; }
.result-price { position: absolute; right: 5px; top: 5px; font-size: 14px; }
.result-cat { color: #666; font-size: 10px; }
.result-no-photo { color: #3c4451; font-size: 10px; text-align: center; line-height: 50px; }
.border-1px { border: 1px #3c4451 solid; text-align: center; background-color: #efefef;  }
.border-1px img { border: 0px!important;}
.goods-autocomplete .ui-state-active .result-cat { color: #fff; }
.pro-oldprice { padding: 10px 0!important; }

.logo-center {text-align: center;}
 .logo-center img { max-width: 160px; max-height: 40px; }

 
 .message-preloader {
	min-width: 300px;
    min-height: 100px;
	max-width: 90%;
	max-height: 90%;
    margin: -50px 0 0 -100px;
    position: fixed;
	top: 50%;
	left: 50%;
    z-index: 99999;
	border: 1px solid rgba(120, 130, 140, 0.13);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
 }
 .message-preloader .message-loading {
	 position: relative;
	 margin: 20px auto 0 auto;
	 width: 50px;
	 height: 50px;
	 left: none;
	 top: none;
 }
 .message-preloader .message-text{
	 width: 100%;
	 padding: 20px;
	 text-align: center;
 }
 .message-preloader .panel{
	 margin-bottom: 0px;
 }
 .message-buttons { margin: 0 auto 20px auto; }
 
 /* список товаров */
 .p-photo {padding: 0px; width: 100px; height: 100px; overflow: hidden;  vertical-align: top; border-radius: 50%;}
 .p-image {max-width: 100px!important; vertical-align: top;}
 .p-no-photo { color: #3c4451; font-size: 14px; text-align: center; line-height: 100px; }
 .mytooltip { cursor: pointer!important; }
 
 .promo { margin: 20px 0; display: none; }
 
 .recevied-money {
	height: 38px;
    display: block;
    text-align: center;
    line-height: 38px;
	color: white;
 }
 .update-payments { float: right; }
 
 .signin-block { max-width: 400px; margin: auto; }
 .signin-sms { cursor: pointer; }
 button.signin-sms { font-size: 14px; }
 
 .red { color: #ff7676; }
 
 .btn-info, .btn-info.disabled {
    background: #3c4451;
    border: 1px solid #3c4451;
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .btn-info:focus, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
	background: #3c4451;
    border: 1px solid #3c4451;
}

h2 { font-weight: 600; }


.input-group .amounts, .amounts-2, .form-control.amounts-2, .input-group .amounts-3 { height: 70px; font-size: 36px; line-height: 70px; text-align: center; }
.input-group .amounts-3 { font-size: 28px; }
.amount-danger { background-color: #ff7676!important; color: #fff; }
.amount-success { background-color: #53e69d!important; color: #fff; }
.make-payments {}
.win-button { min-height: 40px; line-height: 40px; }
.international-inputmask { text-align: center; }
.mes-error .label { white-space: normal!important; }

@media (max-width: 768px){
	input.form-control, .input-group input, .input-group .input-group-addon, .input-group .waves-effect { height: 55px; font-size: 20px;  }
	.input-group .btn-loading, .input-group-btn .btn-loading { width: 46px; }
	.input-group .btn-loading i, .input-group-btn  .btn-loading i { padding: 10px px;  } 
	.btn { font-size: 18px; }
	.input-group-btn .right-side-toggle i {
		top: 14px;
		left: 12px;
	}
}

.panel .panel-heading a i {
	font-size: 22px;
}


.headers { font-size: 16px; display: flex; }
.headers span { padding: 5px 10px; }
.document_data .print-barcode { display: flex; }
.document_data .print-barcode>span { padding: 10px 10px; }
.document_data .p-doc-number { min-width: 30px; }
.document_data .p-doc-name { min-width: 200px; }
.document_data .p-doc-date { width: 100px; }
.document_data .p-doc-author { width: 200px; }
.document_data .p-doc-qnty { width: 90px; }
.document_data .p-doc-amount { width: 90px; }
.document_data .p-doc-done { width: 90px; }

.flex { display: flex; }
.print-barcodes { display: flex; flex-wrap: wrap-reverse;  /* flex-wrap: wrap-reverse;*/}
.print-barcode { width: 100%; display: flex; flex-wrap: nowrap;  }
.print-barcode .print-cell { /* border: 1px red dashed;  */padding: 5px 5px; } 
.p-num { min-width: 45px; }
.p-delete { min-width: 30px; }
.p-article { min-width: 130px; }
.p-article-mini { font-size: 13px; }
.p-quantity { width: 65px; }
.p-quantity input { width: 40px; text-align: center; 
    height: 40px;
    font-size: 18px;
}
.inventory .p-quantity input { height: 25px; }

.p-price { min-width: 65px; }
.p-name { width: calc(100% - 200px); }
.price-label { display: flex; margin-top: 5px; }
.price-label input { }
.price-label input[type=checkbox] {
	height: auto;
}
.inventory-stat { margin: 0 10px; }
.price-label label { margin-left: 10px; }
.total-label .total_quantity, .total-label .total_amount, .total-label .total_quantity_error, .inventory-stat .cnt  { font-size: 20px;  }
.p-delete .ti-close { cursor: pointer; }
.price-label a { margin-left: 10px; }

.wms-buttons { display: flex; flex-wrap: wrap; }
.w-100 { width: 100%; } 
.wms-menu { text-align: left; width: 100%; margin-bottom: 10px; }
.wms-menu .btn { text-align: left; padding: 20px 20px 20px 40px; }
.wms-menu .btn a { color: #fff; }
.wms-menu .btn i {
	color: #fff;
	position: absolute;
	left: 8px;
	top: 8px;
	font-size: 50px;
	font-weight: 100;
	opacity: .2;
}

.gs1_input { margin-top: 10px; }
.gs1_input textarea { resize: both; width: 100%; }


.cell-block { position: relative; }
.cell-block input { height: 60px; font-size: 35px;}
.cell-block select { height: 60px; font-size: 35px; }
.flex-nowrap { display: flex; flex-wrap: nowrap; line-height: 60px; }
.choose-var { margin-top: 10px; }
.document-barcodes { margin-top: 10px; }
.cell-style { font-weight: 500; font-size: 24px; }
.print-barcode .qnty { margin-left: 10px; }

.get_next_free { position: absolute; right: 20px; top: 25px; }

#paper_format_checked { margin-left: 51px;}



@media (max-width: 767px){
	.container-fluid {
		padding: 0px; 
		margin: 0px;
	}
	.p-barcode { 
	padding-left: 0px!important; 
	}
	.p-delete {
		padding-right: 0px!important; 
	}
}


.document-container .cells {  }
.no-flex { display: block; }
.bold { font-weight: 600; }
.document-comment { }
.to_store {
	width: 100%;
    height: 40px;
    font-size: 24px;
    text-align: center;
	
}

.pro-img-overlay a:nth-child(2) {
	margin: 0px;
}

.product-sizes {
	margin-top: 10px;
	text-align: center;
	font-size: 13px;
}
.product-size-title { margin-bottom: 5px;}
.product-sizes  ul { 
display: flex; 
list-style: none; 
 }
.product-sizes li { margin: 0px; padding: 0px;   margin: 0 2px;}
.product-sizes li a { display: block; border-radius: 20px; min-width: 40px; padding: 10px; border: 1px solid rgba(120, 130, 140, 0.13); position: relative; }
.product-sizes li.font-bold a { background-color: #53e69d; color: #fff; font-weight: 400; }
.product-sizes li.no-store a { background-color: #edeff0; }
.product-size { }
.out-of-stock {
	background: #f9f9f9;
    color: #ccc;
    opacity: 1;
}
.out-of-stock:after { 
    content: "";
    position: absolute;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: linear-gradient(45deg,transparent 49%,#ccc 10%,transparent 51%);
    top: 5px;
    left: 5px;
}

@media (min-width: 767px){
	
	.product-sizes {
			margin: 0px;
		position: absolute;
		right: 0px;
		top: 40px;
	}
}

.show-hide-comment { margin-top: -10px; margin-bottom: 15px; display: block; }
.comment { margin: 20px 0; display: none; }

.search-params { margin: 5px 0 10px 0; }

.p-5 { padding: 5px 5px; }
.barcode-availible span { 
	padding: 2px 5px; 
    display: block;
    margin: auto;
    /* width: fit-content; */
	text-align: center;
}

.wms-menu { position: relative; }
.wms-menu button i {
	vertical-align: middle;
}

.wms-menu-cnt {
	top: 5px;
	position: absolute;
	right: 5px;
	font-size: 12px;
	padding: 2px 5px;
	background: #a28248;
	min-width: 10px;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #336600), color-stop(1, #66cc66));
	background: -ms-linear-gradient(bottom, #336600, #66cc66);
	background: -moz-linear-gradient(center bottom, #336600 0%, #66cc66 100%);
	background: -o-linear-gradient(#66cc66, #336600);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66cc66', endColorstr='#336600', GradientType=0);
	color: #fff;
	font-style: normal;
	width: 100px;
	height: calc(100% - 10px);
	font-size: 20px;
	line-height: 50px;
	text-align: center;
}