@media print {

    body > header {
        display: none !important;
    }

    h1.logo {
        display: block !important;
    }

    div.confirmation-buttons {
        display: none !important;
    }

    body > div.container {
        margin-left: 0px !important;
    }
}

a.btn:not([disabled]) {
    border: 1px solid black;
}

span.part-number-segment:hover {
    color: #606Bd2;
    cursor: help;
}

.background-color-orange {
    background-color: orange;
}

.background-color-green {
    background-color: green;
}

.background-color-red {
    background-color: red;
}

.background-color-yellow {
    background-color: yellow;
}

.background-color-blue {
    background-color: blue;
}

.background-color-purple {
    background-color: purple;
}

.background-color-grey {
    background-color: grey;
}

.font-bold {
    font-weight: bold;
}
    

li.row.part-component {
    padding-bottom: 2px;
    min-width: max-content;
}

.part-category.highlight {
    color: #606Bd2 !important;
}

.part-category {
    font-weight: 700;
    min-width: max-content;
}

    .part-category:hover {
        color: #606Bd2 !important;
    }
        .steps {
    padding-bottom: 1em;
}

h3#partNumber {
    padding-bottom: .5em;
}

h2#h2Category {
    padding-bottom: .5em;
}

#results > h2 {
    padding-bottom: 0.5em;
}

.last-breadcrumb {
    font-weight: bold !important;
    color: #606Bd2 !important;
}

#hardwareTypes {
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

h1.logo {
    display: flex;
    justify-content: center;
}

span.referenced {
    color: #606Bd2;
}

div#page-wrapper {
    padding: 1em;
}

label.component-label {
    font-weight: bold;
    padding-bottom: 0.5em;
    padding-left: 5px;
    padding-right: 5px;
}

a.btn.disabled {
    cursor: not-allowed;
}

tr.component-line:hover {
    background-color: lightblue;
    cursor: pointer;
}

tr.component-line * :hover {
    background-color: lightblue;
    cursor: pointer;
}

input.component {
    margin-left: 5px;
}

div.container div.row:nth-child(1) {
    padding-bottom: 3em;
}

a.btn-wizard {
    width: 10em;
    margin-top: 1em;
}

#breadcrumbs {
    display: inline-flex;
    font-size: initial;
    list-style: none;
    margin: 8px 0px;
    padding-left: 2px;
    min-width: max-content;
}

    #breadcrumbs li {
        padding-right: 0.25em;
    }

.breadcrumb ul > li + li {
    margin-left: 5px;
}

li.breadcrumb-category {
    cursor: pointer;
}

.breadcrumb ul > li a:not([href]) {
    font-weight: bold;
}

.justify-center {
    justify-content: center;
}

#results ul {
    list-style-type: auto;
}

.wizard-data-confirm {
    margin-top: 1em;
}

.loading {
    cursor: wait;
}