.card-img-top {
border-radius: .25rem;}

div.row.categories {
display: flex;
flex-flow: row wrap;
margin-right: 0;
}

.col-lg-4 {
display: flex;
padding-bottom: .25rem;
padding-right: 0;
}

.categories .card {
min-height: 100%;
margin-bottom: 0rem;
}

.card {
hyphens: auto;
width: 100%;
/*border-color: rgba(0,0,0,0);
background-color: #eceeef;
background: linear-gradient(to bottom, #eceeef, #e0e5e8);*/
}
.card:hover {
/*background: linear-gradient(to top, #eceeef, #e0e5e8);*/
background-color: #eceeef;
text-decoration: none;
transition: background-color 0.3s;
}

.card-title {
margin: 0;
font-size: 1rem;
}

div.card-block {
padding: .25rem;
}

thead {
position: sticky;
top: 0;
}

/*
div.row.categories> div:nth-child(1) {order: 6;}
div.row.categories> div:nth-child(2) {order: 0;}
div.row.categories> div:nth-child(3) {order: 1;}
div.row.categories> div:nth-child(4) {order: 2;}
div.row.categories> div:nth-child(5) {order: 3;}
div.row.categories> div:nth-child(6) {order: 4;}
div.row.categories> div:nth-child(7) {order: 5;}
*/

div.row.categories> div:nth-child(5) {display: none;}
div.row.categories> div:nth-child(13) {display: none;}
div.row.categories> div:nth-child(14) {display: none;}
div.row.categories> div:nth-child(15) {display: none;}
div.row.categories> div:nth-child(16) {display: none;}
div.row.categories> div:nth-child(17) {display: none;}

.card[href$="hyundai"] > div.card-block {display: none;}
.card[href$="isuzu"] > div.card-block {display: none;}
.card[href$="mmc"] > div.card-block {display: none;}
.card[href$="hino"] > div.card-block {display: none;}
.card[href$="mazda"] > div.card-block {display: none;}
.card[href$="nissan"] > div.card-block {display: none;}
.card[href$="gaz"] > div.card-block {display: none;}
.card[href$="jac"] > div.card-block {display: none;}
.card[href$="scania"] > div.card-block {display: none;}
.card[href$="shacman"] > div.card-block {display: none;}
.card[href$="volvo"] > div.card-block {display: none;}

ul.nav-sidebar {display:flex; flex-flow: column wrap;}
/*ul.nav-sidebar >li:nth-child(7) {order: -1;}*/

/*selectively hiding items*/
/*ul.nav-sidebar >li:nth-child(8) {display: none;}?*/

a[data-toggle="modal"]~div:before {
content: "Представленные детали являются образцами. Фактический вид детали может отличаться от приведённого.";
font-size: small;
font-weight: normal;
font-style: italic;
text-align: left;
display: block;
}

.modal-title:after {
content: "Представленные детали являются образцами. Фактический вид детали может отличаться от приведённого.";
font-size: small;
font-weight: normal;
font-style: italic;
text-align: left;
display: block;
}