.ui-body-c {
    font-family:"Roboto","Helvetica","Arial",sans-serif;
    font-weight:300;
    line-height:1.5em
}

div[data-role="footer"] {
    clear: both;
}

div[data-role="footer"] a {
    text-decoration: none;
    color: black;
}

#page-header {
    background: #ed1c24;
    border-color: #ed1c24;
    background: #291F6C;
    border-color: #291F6C;
}

#page-header > h1 {
    margin:.6em 50px .8em;
}

.ui-page {
    background: #ffffff;
    min-height:100%;
}

div.ui-content > h3, div.ui-content > h2 {
    margin-top: 0;
}

.error {
    border-color: red !important;
}
label.error {
    color: red !important;
}

.remove-link-style {
    text-decoration: none;
    color: #000;
    font-weight: normal;
}

.inStock {
    color:green;
}
.prelStock {
    color:orange;
}
.outStock {
    color:red;
}


.column-nobr {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}

/* front page */
div.front-page-box:hover {
    cursor: pointer;
}
div.front-page-box {
    margin: 2%;
}


/*div.front-page-box h2 {
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
}*/


/* #productPopup */
#productPopup > div.ui-content h4 {
    margin-bottom:0;
}
#productPopup > div.ui-content h5 {
    margin-bottom:0;
    margin-top: 0;
}

/* Size of page */

@media all and (max-width: 50em) {
    #km-logo-head {
        position:absolute;
        clip:rect(0px,30px,30px,0px);
    }
    .hide-on-mobile {
        display: none;
    }

    .my-breakpoint .ui-block-a, 
    .my-breakpoint .ui-block-b, 
    .my-breakpoint .ui-block-c,
    .my-breakpoint .ui-block-d,
    .my-breakpoint .ui-block-e { 
        width: 100%; 
        float:none;
    }
}

@media all and (min-width: 50em){
    .my-breakpoint-margin {
        margin: 1em;
    }
    div.front-page-box {
        width: 48%;
        margin: 1%;
        float:left;
        font-size: 18px;
        font-weight: normal;
    }
    div.front-page-box > div {
        height: 10em;
        min-height: 20vh;
        overflow: hidden;
    }
}

@media all and (min-width: 75em){
    div.product-box {
        width: 49%;
        margin: 0.5%;
        float: left;
    }
    div.product-box > div.ui-content {
        height: 10em;
        overflow: auto;
    }

    /*div.front-page-box {
        width: 32%;
        margin: 0.66%;
        float:left;
    }*/
    .responsive-column {
        column-count: 2;
        column-gap: 2em;
    }
    
    .ui-page > .ui-content {
        padding: 2em;
    }
}

@media all and (min-width: 100em){
    .ui-page {
        width: 100em !important;
        margin: 0 auto !important;
        position: relative !important;
    }
    .responsive-column {
        column-count: 3;
    }
}


/* Table */
table, table table { 
	border-collapse:collapse;
	font-size: 1em;
        width: 100%;
}

.noborders {
	border: 0;
}
.tableborders td {
	border: 1px solid #000;
	padding:2px;
}
.tableborders th {
	border: 1px solid #000;
	padding:5px;
}
.tableborders th h3 {
	margin:0;
}
.table-mark-line tr:hover td,.table-mark-line tr:hover th,.mark-line-marked {
	background-color: #CCC !important;
}

tbody tr th {
    text-align: left;
}