:root {
  --cassiopeia-color-primary: black;
  --cassiopeia-color-hover: red;
  --cassiopeia-color-link: black;
}

.d_article{

}
.d_article>img{
width:40%;
margin:1%;
}

.item-title>a{
text-decoration:none;
} 
.item-content{
border-bottom: 4px groove darkgrey;
}

.btn-primary{
background-image: linear-gradient(0deg, #ffffff, #dddddd);
color:#000000;
border-color:#ffffff;
box-shadow: 5px 5px 5px 0px rgb(0 0 0 / 75%);
}

.btn-primary:focus,.btn-primary:hover{
background: linear-gradient(0deg, #4C687D 0%, #79a6c5 20%, #d9edf7 40%, #d9edf7 60%, #79a6c5 80%, #4C687D 100%);
color:#000000;
border-color:#ffffff;
box-shadow: 5px 5px 5px 0px rgb(0 0 0 / 75%);
}

.navbar-brand{
	font-size:1.25rem;
margin-right:1rem;
//padding-bottom:.3125rem;
//padding-top:.3125rem;
text-decoration:none;
white-space:nowrap
}
.card{
	box-shadow: 5px 5px 5px 0px rgb(0 0 0 / 75%);
word-wrap:break-word;
background-clip:border-box;
background-color: #427FAC;
border:1px solid #dfe3e7;
border-radius:.25rem;
display:flex;
flex-direction:column;
min-width:0;
position:relative
}
.card-header{
	background: linear-gradient(0deg, #4C687D 0%, #79a6c5 20%, #d9edf7 40%, #d9edf7 60%, #79a6c5 80%, #4C687D 100%);
background-color:rgba(0,0,0,.03);border-bottom:1px solid #dfe3e7;margin-bottom:0;padding:.5rem 1rem
}
.container-header{
	background-color:var(--cassiopeia-color-primary);
background-image:linear-gradient(135deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%);
box-shadow:inset 0 5px 5px rgba(0,0,0,.03);
position:relative;
z-index:10;
}
.container-header .mod-menu{
	color:#000;
font-weight:900;
flex:1 0 100%;
list-style:none;
margin:0;
padding:0
}
.grid-child{
	display:flex;
margin-left:auto;
margin-right:auto;
max-width:inherit;
width:100%
}
.container-header .grid-child{
	background-image: linear-gradient(#4C687D, #79a6c5, #d9edf7, #79a6c5, #4C687D);
padding-bottom: 0em;
padding-left: 1em;
}
.mod-list li a:hover {
    text-decoration: none;
}
.container-header nav{
	margin-top:.5em;
padding:0;
}
.site-grid{
	margin-bottom:auto;
background-color: #79A6C5;
}
.container-header .navbar-brand {
     margin-inline-start: auto;
  }
.mod-list li a {
    text-decoration: none;
    color: white;
     text-shadow: 2px 2px black;
}
.container-header .mod-list li.active>a {
    text-decoration: none;
    text-shadow: 1px 1px red;
}
.metismenu.mod-menu .metismenu-item>span, .metismenu.mod-menu .metismenu-item>a, .metismenu.mod-menu .metismenu-item>button {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    overflow: hidden;
    text-shadow: 2px 2px white;
}
/****************cross out styles**********************************/
@supports not (selector(:has(*))) {
del{
	text-decoration:none;
	position: relative;
    display: inline-block;
    text-align: center;
}
}
del:has( >.crossed){
	text-decoration:none;
	position: relative;
    display: inline-block;
    text-align: center;
}
.crossed{
	border-radius:30%;
	display:block;
	position:absolute;
	top:10%;
	left:10%;
	width:80%;
	height:80%;
	background: linear-gradient(to bottom left,transparent 42%,red 42% 58%,transparent 58%  ),linear-gradient(to bottom right,transparent 42%,red 42% 58%, transparent 58%  );
	background-position: center; 
	background-size: 100%; 
	background-repeat: no-repeat;
	opacity:0.8;
}
/****************bike spares table styles**********************************/
div.doddiv{
text-align:center;
font-family: arial;
font-size: 16px;
}
div.doddiv2{
text-align:left;
}
div.doddiv h1{
font-size: 18pt;
}
div.doddiv img{width:80%; margin: auto;}
table.partstable, table.partstable2	{margin-bottom:50px;}
table.partstable td, table.partstable2 td {padding:0.75vw;}

table.partstable, table.partstable th, table.partstable td, table.partstable2, table.partstable2 th, table.partstable2 td {
	font-family: arial;
	border-collapse: collapse;
border:1px solid black;	
background-image:none;
}
table.partstable tbody th{
	background-color: #4D4D4D;
	color:#FFFFFF;
	padding:1em 0.5em;
	page-break-after: avoid;
	}
table.partstable thead th{
	color:#FFFFFF;
	background-color: #2A2323; 
	border:2px solid #FFFFFF;
	}
table.partstable thead{
	border:3px solid #2A2323;
	border-bottom:3px solid #FFFFFF;
	}	
table.partstable2 tbody th{
	background-color: #8F9DF4;
	color:#FFFFFF;
	padding:1em 0.5em;
	page-break-after: avoid;
	}
table.partstable2 thead th{
	color:#FFFFFF;
	background-color: #0000FF; 
	border:2px solid #FFFFFF;
	}
table.partstable2 thead{
	border:3px solid #0000FF;
	border-bottom:3px solid #FFFFFF;
	}	
td img{
	width:99%;
	
	}
.boldu{
	font-weight:bolder;
	border-bottom:2px solid black;
	/*text-decoration:underline;
	font-weight:bold;*/
	}
	
table.subtable, table.subtable td, table.subtable th {
	vertical-align:top;
	border:none;
	border-collapse: collapse;
	padding:initial;
	}
table.subtable{width:100%}	



div.click-zoom{min-width: 150px; }

.click-zoom input[type=checkbox] {
  display: none;
}

.click-zoom img {
  margin: 0px;
  transform-origin: left ;
  transition: transform 0.25s ease;
  display: block;
  cursor: n-resize;
}

.click-zoom input[type=checkbox]:checked~img {
  transform: scale(3);
  cursor: s-resize;
}

.dodphisis{font-weight:bolder;}

.partstablehead{
display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

table.partstable td:nth-child(1), table.partstable2 td:nth-child(1){
	text-align: left; 
	vertical-align: middle;
}
table.partstable td:nth-child(2), table.partstable2 td:nth-child(2){
	width: 25%; 
	text-align: left; 
	vertical-align: middle;
	}
table.partstable td:nth-child(3),table.partstable2 td:nth-child(3){
	width: 50%; 
	text-align: left; 
	vertical-align: middle;
}
table.partstable td:nth-child(4), table.partstable2 td:nth-child(4){
	width:3em; 
	text-align:left; 
	vertical-align:middle;
}
table.subtable td:nth-child(1){
padding-right: 7px;
    width: 2em;
    text-align: right;
    vertical-align: top;
}
table.subtable td:nth-child(2){
	background-color: initial;
	width: initial; 
	text-align: left; 
	vertical-align: middle;
}
table.subtable td:nth-child(3){
width:6em; text-align: left; vertical-align: middle;
}
.printbr{page-break-after: avoid;}
@media print {
  hr {page-break-after: always;}
 
}