@media (min-width: 1450px) {
    .container {
        max-width: 1400px;
    }
}

body {
    padding-top: 5px;
    padding-bottom: 20px;
    /*font-size: 0.85rem;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-top:15px;
    padding-left: 15px;
    padding-right: 15px;
}


.navbar-nav .nav-item .nav-link, #cart-link {
    color: #FFF;
}

.navbar-nav .nav-item:hover .nav-link, #cart-link:hover{
    color: #174a11;
    background-color: #DEDEDE;
}

#header {
    position: fixed;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 4000;
    display: block;
    width: 100%;
    top: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding-top: 30px;
    padding-bottom: 0px;
    height: 142px;
    background: #333333;
}

.title {
    color:#EFEFEF; margin-left:20px; font-size:1.5rem; font-weight:bold;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    border: 1px solid #333333;
    /*max-width: 280px;*/
}

input.itemqty {
    width: 50px;
}


input.itemqty {
    text-align: right;
}



span.itemname {
    font-weight:bold;
}


div.menu-heading {
    padding-top:5px;
    margin-top:5px;
    margin-bottom:5px;
    background-color: #343a40;
}

div.menu-heading h3 {
    font-size:1.1rem;
    color:white;
}

.oiinstruction {
    width:100%;
}

.oispecialinstruction {
    display: none;
}


span.commenttoggle {
    cursor: pointer;
    text-decoration: underline;
}

    span.commenttoggle:hover {
        color: #be2b35;
        text-decoration: underline;
    }

.emailerror {
    color: #ff0000;
    font-size: 1.1em;
}

.button {
    position: relative;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 10px 14px;
    margin-top: 8px;
    cursor: pointer;
    outline: none;
    border: none;
    background-color: #eeeeee;
    background-image: -moz-linear-gradient(top, #eeeeee, #eeeeee);
    background-image: -ms-linear-gradient(top, #eeeeee, #eeeeee);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#eeeeee));
    background-image: -webkit-linear-gradient(top, #eeeeee, #eeeeee);
    background-image: -o-linear-gradient(top, #eeeeee, #eeeeee);
    background-image: linear-gradient(top, #eeeeee, #eeeeee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#eeeeee', GradientType=0);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding;
    /* IE hacks */
    zoom: 1;
    z-index: 1;
    *display: inline;
    font-family: "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    min-width: 42px;
    text-shadow: #ffffff 0 1px 0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: inherit;
}

    .button:hover,
    .button:focus,
    .button:active,
    .button.active {
        color: #333;
        text-decoration: none;
        background-color: #dcdcdc;
        background-image: -moz-linear-gradient(top, #dcdcdc, #dcdcdc);
        background-image: -ms-linear-gradient(top, #dcdcdc, #dcdcdc);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dcdcdc), to(#dcdcdc));
        background-image: -webkit-linear-gradient(top, #dcdcdc, #dcdcdc);
        background-image: -o-linear-gradient(top, #dcdcdc, #dcdcdc);
        background-image: linear-gradient(top, #dcdcdc, #dcdcdc);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#dcdcdc', GradientType=0);
        z-index: 100;
        outline: none;
    }

.clear {
    clear: both;
}

select {
    height: 26px;
}

table.customerinfo tr td {
    padding: 2px 0px;
}

tr.delivery td {
    background-color: #dddddd;
}

div#billing div.row {
    padding-bottom:3px;
}
div#billing input, div#billing select, div.billing textarea {
    width: 100%;
}
div#billing input[type=checkbox] {
    width:75px;
}

#cart-title-total {
    float:right;
}

.failed {
    border: 1px solid red;
}