@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@media (min-width: 1200px){
.container{max-width:1400px!important;}
}
body{font-family: 'Roboto', sans-serif;     line-height: normal !important;}
.slink{cursor:pointer;color: #0077d6;}
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;}
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,ul.catmnu li.active{background: #f3f3f3;}
ul.catmnu li a:hover{color:inherit;}
option.trhidden {    display: none;}
.rows>div:hover{/*background:#f7f7f7;*/}
.bg-primary{background-color: #0C497D!important;}

li.mlip ul {
    padding-bottom: 10px;
}
li.mli a[rel="category"] {
    margin-bottom: 10px;
    display: block;
}

.table-result:hover {
    background: #f9f9f9;
	outline: 1px #8f8f8f solid;
}

.adr-del:hover{
	color:#ff0000;
	cursor:pointer;
}
.bottomnu {
    position: fixed;
    bottom: 0;
    margin-top: auto;
    z-index: 25;
    width: 100%;
    font-size: 12px;
    border-top: 1px solid #d9d9da;
    pointer-events: auto;
}
.row .row-cols-md-4 div:nth-child(4n) {
    border-right: none !important;
}

.table-result td.query,.table-result-head td.query{width:70px;}
.table-result td.naim,.table-result-head td.naim{width:207px;}
.table-result td.img,.table-result-head td.img{width:62px;}
.table-result td.file,.table-result-head td.file{width:25px;}
.table-result td.external,.table-result-head td.external{width:70px;}
.table-result td.manuf,.table-result-head td.manuf{width:95px;}
.table-result td.qty,.table-result-head td.qty{width:75px;}
.table-result td.delivery,.table-result-head td.delivery{width:65px;}
.table-result td.pricelist,.table-result-head td.pricelist{width:105px;}
.table-result td.cart,.table-result-head td.cart{width:110px;}

/*.table-result td,.table-result-head td{word-break: break-word;}*/


.table-result,.table-result-head{min-width:885px;}

td.green {
    background-color: #dfd!important;
}

span.order {
    color: #0332bd;
    text-decoration: underline;
    cursor: pointer;
}

.suggest:hover {
    background: #f5f5f5;
    cursor: pointer;
}
.suggest:hover small {
     text-decoration: underline; 
}

.bg-darkblue {
    background-color: #0C497D !important;
}
.text-darkblue{color:#0C497D !important;}
.border-darkblue{border-color: #0c497d !important;}
.border-primary{border-color: #0c497d !important;}
.btn-primary{background-color: #0C497D!important;border-color: #0C497D!important;}
.btn-outline-primary{color:#0C497D!important; border-color:#0C497D!important;}


.btn-check:checked+.btn-outline-primary{background-color: #0C497D!important;color: #fff!important;}
.btn-outline-primary.active{background-color: #FFFFFF!important;}
.btn-outline-primary:hover{background-color: #0C497D!important;color: #fff!important;}
.btn-primary.active{background-color: #5a95c7!important;border-color: #5a95c7!important;}
.btn-link{color:#0C497D!important;}
.btn-link:hover{color:#0C497D!important;}
.text-primary{color: #0C497D!important;}

a{text-decoration: none!important;} 
a:hover{text-decoration: underline!important;} 
a,a:hover{color: #0C497D!important;}

.mylink{
color: #0c497d !important;
text-decoration: none !important;
}	
}
.mylink:hover{
	cursor:pointer;
}

input.ff::placeholder{
	/*white-space: pre-line;*/
	//white-space: normal; display: block;
}
 
 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;
}
 
 
 
button:active, button:focus {
  outline: none!important;
  box-shadow:none!important;
}


p.caption.searching{
background-image: url(/assets/images/search.svg);
background-repeat: no-repeat;
background-position: 97% 50%;
}
.colincart-user {
    position: absolute;
    top: -10px;
    right: -10px;
    color: #fff;
}
span.rounded-circle {
    font-size: 82%;
}

div#mncrd:hover {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: #ffffff;
}


.searchdiv {
   /* border: solid 1px #224d84;
   padding: 5px 11px 6px 12px;
    border-radius: 21px;
	width: 100%;
    margin: 0 auto;*/
}
.searchinput{
	/*border: none;*/ 
    padding: 0;
    margin: 0;
    outline: none;	
}
.searchbutton{
	border: none;
    background: no-repeat;
    color: #224d84;
    margin: 0px -7px -6px 0px;
    font-size: 120%;	
}

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

#searchresult{
	/*
	background-color:#fff;
	position:absolute;
	z-index:9999;
	border: solid 1px #224d84;
    border-radius: 3px;
	*/
}
.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.view {
    background: url(/assets/images/no-view.svg) 0 0 no-repeat;
}
.password-control.inv {right: 33px;} 
.stockonlyblock{
margin-left: 15px;
}

button::-moz-focus-inner {
  border: 0!important;
  box-shadow:none!important;
}
#subsubs p {color:#fff!important;}
.text-white:hover{color: #fff!important;}
.page-item.active .page-link {
    z-index: 3;
    color: #fff!important;
    background-color: #0C497D!important;
    border-color: #0C497D!important;
}


button:active, button:focus {
  outline: none!important;
  box-shadow:none!important;
}
button::-moz-focus-inner {
  border: 0!important;
  box-shadow:none!important;
}

@media (min-width: 1200px)
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px!important;
    padding-right: 0px!important;
    padding-left: 0px!important;
}




@media (max-width: 977px){
  .mmnu{display: block!important;}
  .mmnu > div{text-align: left!important;
    margin-left: 5%;
    margin-top: 8px;}
}
@media (max-width: 767px) {
  html {
   /* font-size: 16px;*/
  }
  p.h5{font-size: 16px;}

}


/* на sm */
@media (min-width: 768px) {
  html {
   /* font-size: 16px;*/
  }
  p.h5{font-size: 16px;}

  
}
/* на md */
@media (min-width: 992px) {
  html {
   /* font-size: 18px;*/
  }
  p.h5{font-size: 18px;}

  
}
/* на lg */
@media (min-width: 1200px) {
  html {
  /*  font-size: 20px;*/
  }
  p.h5{font-size: 19px;}
}

.custom-file-label::after {
    background-color: #0C497D;
    color: #fff;
    font-size: 100%!important; 
    padding: 0.4rem 1rem!important;
    height: calc(1.75em + 0.5rem)!important;
}

.news-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    min-height: 75px;
}

.carousel-control-next {
    right: 0!important;
    /*background: #000;*/
}
.carousel-control-prev {
    left: 0!important;
    /*background: #000;*/
}
.carousel-control-next, .carousel-control-prev {
    width: 5%!important;
    color: #fff;
    opacity: .6!important;
}

span.carousel-control-next-icon:after {
    content: "\f054";
}
span.carousel-control-prev-icon:after {
    content: "\f053";
}
.carousel-control-next-icon,.carousel-control-prev-icon {
    background-image: none!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;
}


@media (min-width: 960px){
.card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0.25rem;
    -moz-column-gap: 0.25rem;
    column-gap: 0.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: 0.25rem;
    -moz-column-gap: 0.25rem;
    column-gap: 0.25rem;
    orphans: 1;
    widows: 1;
}}
@media (min-width: 1800px){
.allmenu {
    column-count: 8;
    margin-left: 20px;
}}
@media (max-width: 1799px){
.allmenu {
    column-count: 6;
    margin-left: 20px;
}}
@media (max-width: 1200px){
.allmenu {
    column-count: 4;
    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;
}}

#trigger:hover{
    cursor:pointer;
        text-decoration: underline;
}

#trigger .fa-angle-down {
    transition: .5s linear;
}
#trigger.tr_open > .fa-angle-down {
     
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

canvas
{
    pointer-events: none; 
    position: absolute;
}







/* 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;}
.d-table.params{border-collapse: collapse;}
.d-table.params .d-table-cell{border: solid 1px #dee2e6;padding: .25rem;}
.manlink:hover {box-shadow: 1px 1px 1px #ddd; cursor: pointer;}
.trhidden {
    display: none;
}
.tabview {}
.tabview .rows{display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;}
.tabview .rows>div{/*display: inline-block;max-width: 25%;*/-ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;    margin-right: 0px;  margin-left: 0px;}  
.tabview .rows>div>div{flex: 100%; max-width: 100%;border-bottom: none!important;} 

table.table p{
    margin: 0;
}
table.table.table-sm {
    font-size:85%;
}


.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%;
    
}   
	
	
	
.favbut{
cursor: pointer;
}