body {
    padding-top:80px;
    
}

body.interface {
    padding-top:0px;
    background-color:#610699;
    background:url(./images/adobestock_974207604.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.card img {
    height:250px;
    object-fit: cover;
}

.card {
    min-width: 100% !important;
}

.home-page-card .card:hover {
    cursor: pointer;
    border-color: blue;
}

.assembly-col {
    position:relative;
    border-right:3px solid gold;
}

.assembly-col h3 {
    color:gold;
    text-align: center;
    text-transform: uppercase;
    font-family:'Courier New', Courier, monospace
}

.slug-assembly-cell {
    border-bottom:3px solid gold;
    height:100px;
}

.rodAssemblyQR {
    visibility:hidden;
    position:absolute;
    bottom:110px;
    right:10px;
    width:55px;
    height:55px;
    object-fit: cover;
    background-color:#fff;
    padding:5px 0px 0px 5px;
}

#rodAssemblyAppScanData {
    position:absolute;
    top:0px;
    right:0px;
    width:100px;
    z-index:10;
}

.rodAssemblyImageContainer {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-align:center;
}

.rod-assembly {
    position:relative;
    /*border:1px solid red;*/
}

.rod-assembly-img {
    height:25%;
}
.cog-spindle-img {
	position:absolute;
	left:20px;
}