@import url("/assets/bootstrap/bootstrap-icons-1.11.3/font/bootstrap-icons.css");
body{font-style: normal;
    font-weight: 400;
    font-size: 16px;
	line-height: 1.45;
	letter-spacing: 0px; 
    text-align: left;
    color: #000;
	    margin: 0;
    background-color: white;
}

:focus {
    border-color: #fff;
    outline: 0;
    box-shadow: none;
}

.breadcrumb {
  
    padding: 0;
}

.search-block.d-block{
	position: absolute;
    left: 0;
    top: 85px;
    z-index: 999;
padding: 0;
}

#ajaxs.mobile{
display: block!important;
    z-index: 999!important;
    position: absolute;
    height: 100px;
    width: 100%;
    border: solid 1px #ddd;
}


.password {
	position: relative;
}
.password-control {
	position: absolute;
	top: 6px;
	right: 10px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(/assets/images/view.svg) 0 0 no-repeat;
}
.password-control.inv {right: 33px;} 


.password-control.view {
	background: url(/assets/images/no-view.svg) 0 0 no-repeat;
}



#ajaxs .row.py-2:hover {
    background-color: aliceblue;
}


.bg-info-50{
	background-color: azure; 
}

.vars.params{
	
}

.vars.params.varshidden{
	max-height: 95px;overflow: hidden;-webkit-mask-image: -webkit-gradient(linear, left top, 
    left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));margin-bottom: 0px !important;
}

.vars.params.varsshow{
	
}


button.showall{
	
}

.filtr_cat .form-check .form-check-input, .filtr .form-check-input{
    margin-top: 1px;
}

.filtr_cat .form-check label span, .filtr .form-check label span{ 
	font-size: 85%;
    color: #545454; 
}

.filtr_cat .card-header.active{
	background-image: url('/media/x.svg')!important;
    background-repeat: no-repeat!important;
    background-position: right!important;
	cursor: pointer;
	color:#fff;
	background:#17a2b8;
	
	
}

.filtr_cat .card-header:not(.active){
	background-image: none!important;
    background-repeat: no-repeat!important;
    background-position: right!important;
	color:#000;
	background;#f7f7f7;
} 

img.logo {
    max-width: 216px;
    height: auto;
}
img.logo-sm {
    max-width: 65px;
    height: auto;
}

.small.manuf{word-break: break-all;}


@media (min-width: 1200px){
.container{max-width:1400px!important;}
}
/*
.card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
  @include media-breakpoint-only(xl) {
    column-count: 5;
  }
}*/
/*.card-columns {column-count: 4;}*/

p.card-title a{
	line-height: 1;
    display: block;
}









@media (min-width: 960px){
.card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
}}

@media (min-width: 1140px){
.card-columns {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
}}

i.bi.bi-person-circle {
    font-size: 130%;
}

.colincart-user{
position: absolute;
top: -10px;
right: -10px;
color: #fff;
}
.colincart{ 
	
}


.table thead th {
vertical-align: middle!important;
text-align: center;
line-height: 1;
font-weight: 400;
}


.colincart span,.colincart-user span{
width: 16px;
height: 16px;
display: block;
text-align: center;
line-height: 16px;
}

.dropdown-item.active, .dropdown-item:active {
    color: #525252!important;
    text-decoration: none!important;
    background-color: #f5f5f5!important;
}


:focus, :active {
	outline: none!important;
    box-shadow: none!important;
    /*border-color: inherit!important;*/ }
/*
a:focus, a:active {
	outline: none; } */
	
	

.count-area{}
.count-area > div {
    margin: 0px 2px;
}

i.fa.fa-file-pdf-o {
    color: red;
    font-size: 140%;
    margin-right: 5px; 
}

/*
.prepar a[href$=".pdf"]::before{
	content:"\f63e";
}
*/


.ch-btns input{
    padding: 0;
    margin: 0;
    width: 15px;
    height: 15px;
    line-height: 0;
    background: #efefef;
    border: solid 1px #ddd;
}
.ch-btns input:hover{
    background: #ddd;
}
.ch-btns input:focus {
   background: #ddd;  
}
 .ch-btns input:active {
   background: #000;
   color:#fff;
}
.count-field input{
    border: solid 1px #ddd;
    max-width: 80px;
    font-size: 80%;
    
}   
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.nav-tabs .nav-link {
margin-bottom: -1px;}	
.catmnu .nav-item.active { background: #f0f0f0;}	

.slink{cursor:pointer;}
h1 {font-size: 2rem!important;}
h5 {font-size: 1rem;}

.dott{
	background: url("/assets/images/dott.png") no-repeat;
	background-repeat: repeat-x;
    vertical-align: bottom;
    background-position-y: bottom;
}

ul.tp {
    display: table;padding: 0px 0px 0px 2px;
}
li.tp-row {
    display: table-row;
}
.tp-name-cell,.tp-param-cell {
    display: table-cell;padding: 3px 11px;border-bottom: dotted 1px #ddd;
}


a,.btn-link  {
color: #17a2b8!important;}

.btn:hover a,.btn a:hover{
	color: #fff!important;
	text-decoration:none;
}

.btn-outline-primary a{
	color:#007bff!important;
}


.top-menu-block {
    display: none;
    /* visibility: hidden; */
    position: absolute;
    background: #fff;
    /* padding: 0 0 0 0; */
    top: 40px;
    z-index: 99;
    overflow: visible;
    left: 0;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: solid 4px #4c4c4c;
    border-top: solid 1px #4c4c4c;
}
#trigger.tr_open > .fa-angle-down {
    -webkit-transform: rotate(
180deg
);
    transform: rotate(
180deg
);
}
#trigger .fa-angle-down {
    transition: .5s linear;
}
@media (max-width: 1799px){
.allmenu {
    column-count: 4;
    margin-left: 20px;
}}

@media (max-width: 1200px){
.allmenu {
    column-count: 3;
    margin-left: 20px;
}}
@media (min-width: 1800px){
.allmenu {
    column-count: 6;
    margin-left: 20px;
}}

@media (max-width: 900px){
.allmenu {
    column-count: 2;
    margin-left: 20px;
}}
@media (max-width: 400px){
.allmenu {
    column-count: 1;
    margin-left: 20px;
}}
.text-secondary b{color:#000;}

span.del {
    text-decoration: line-through;
}

ul.catmnu li{position: relative;    display: table;    width: 100%;}
ul.catmnu li a{display: table-cell; vertical-align: middle;  border-bottom: solid 1px #d0d0d0;line-height: 1.3;}
ul.catmnu ul{display:none;position: absolute; margin-top: -1px;    border: solid 1px #ddd; background:white;    z-index: 999;    width: 250px;}
ul.catmnu ul li a{border-bottom: none; padding: 7px 8px!important;    font-size: 90%;}
ul.catmnu li:hover{background: #f3f3f3;} 
ul.catmnu li a:hover{color:inherit;}
.listview>.rows >div>div{max-width: 100%!important;   flex: 0 0 100%!important;}
.listview .cimage{ max-width: 25%;}
.listview .cbody{max-width: 75%;}
.transp{color: #bdbdbd;}
.trhidden{display:none;}
/* main */
#shk_prodHelper { position: absolute; z-index:100; width:150px; padding:5px; background-color:#f5f5f5; border:1px solid #888; display:none; box-shadow: 2px 2px 8px #B2B2B2; border-radius:4px; }
#shk_prodHelper div { padding:5px 0; text-align: center; }
.shk_loading { width:30px; height:30px; position: absolute; z-index:100; background:url('ajax-loader.gif') center center no-repeat #fff; border:1px solid #888; display: none; border-radius:4px; }
/* addit */
#shk_prodHelperName { width: 95%; margin: 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#shk_prodHelper input[type="text"] { padding: 2px 5px; border: 1px solid #888; box-shadow: 1px 1px 4px #B2B2B2 inset; border-radius: 2px; font-size: 12px; text-align: center; }
#shk_prodHelperName .msg { width: 100%; text-overflow: clip; white-space: normal; }
.relative { width:100%; position:relative; }
.error { color:red; }
.price-add { color:red; padding-left:3px; line-height:0; }
.shk_count_button { width: 26px; height: 26px; white-space: nowrap; padding: 0; margin:0 4px; /*border-radius: 13px;*/ }
.shk-but { margin: 0 4px; }
.shk-count { padding: 2px; text-align: center; }
/* materials */
.materials { padding:5px 0; }
.materials img { width:70px; }
.materials input { cursor: pointer; }
.firstitem{padding-right:1px;}
.firstitem:after{content:"";}
.secitem{padding-left:1px;}
.position-absolute.tr {
    right: 0;
}
.position-absolute.tl {
    left: 0;
}
.position-absolute.bl {
    left: 0;bottom:0;
}


table#warehousetab td{
	vertical-align: middle;
}




.position-absolute.br {
    right: 6px;bottom:4px;
}
.d-table.params{    border-collapse: collapse;}
.d-table.params .d-table-cell{border: solid 1px #dee2e6; padding: .25rem;
}


div.direct.down:after{
	/*content:"\F81C";*/
} 
div.direct.up::before{
	/*content:"\f57b";*/
}


div.load {
    width: 100%;
    height: 1000%;
    /* background-color: #D8D8D8; */
    z-index: 500;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
    position: absolute;
    top: 0;
    left: 0;
}
.load-img {
    left: 48%;
    top: 45%;
    display: block;
    position: fixed;
    z-index: 900;
}