body {
    /*padding: 0 !important;*/
    /*padding-top: 20px;*/
}

table form {
    margin-bottom: 0;
}

form ul {
    margin-left: 0;
    /*list-style: none;*/
}

body > .container {
    /*min-height: 500px;*/
}

.error {
    color: #d43f3a;
    font-style: italic;
}


.table tbody tr:hover td,
.table tbody tr:hover th {
    background-color: transparent;
}


.highlight {
    background-color: lightyellow !important;
}

.highlight_empty {
    background-color: lightgrey !important;
}

.highlight_warning {
    background-color: orange !important;
}

.highlight_danger {
    background-color: red !important;
}


input[name="quantity"],
input[name="units"] {
    width: 30px;
}

.input-group.input-group--quantity,
.input-group.input-group--quantity .form-control
 {
     display: inline-table !important;
 }
.input-group.input-group--quantity .form-control {
    float: none;
}

/* 
div.cart {
 float: right;
 padding: 20px;
}
*/

.table-sortable th:hover {
    cursor: pointer;
}

.glyphicon {
    font-size: 90%;
}

.glyphicon:hover {
    cursor: pointer;
}

.siblings {
    padding: 4px;
}

.split {
    padding: 4px;
}

.split-awarded {
    background-color: #5cb85c;
}

.split-free {
    background-color: transparent;
}

.split-unavailable {
    background-color: gray;
}

.split input[type="textbox"] {
    margin: 0px;
    padding: 0px;
}

input,
select,
.numeric-lg {
    /*width: 90px;*/
}

input.numeric {
    width: 32px !important;
    text-align: center;
    padding: 0;
}

.input-group--quantity {
    max-width: 40px;
}

.input-group--quantity .input-group-addon {
    border-radius: 2px;
    padding: 8px;
}


input[type="checkbox"] {
    width: auto;
}


.half {
    width: 50%;
}

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.dropdown-menu ul {
    margin-left: 0;
    margin-bottom: 32px;
}

.btn {
    margin-bottom: 4px;
}

h1 .btn {
    margin-bottom: 12px;
    margin-top: 12px;
}


#processPurchaseInvoiceModal .modal-dialog {
    width: 80%;
}

span.required {
    color: red;
}

span {
    font-size: unset;
}

input[name="quantity"] {
    height: 32px;
}

/* Navigation */

.container > .navbar-collapse {
    margin-right: -15px;
    margin-left: 0px;
}

/*.nav > li {*/
/*    !*display: inline-block;*!*/
/*}*/

ul.nav > li > a {
    padding: 15px 7px;
}

.navbar-nav {
    /*margin-left: 0;*/
    /*margin-right: 0;*/
}


/*.navbar-collapse {*/
/*    padding: 0;*/
/*}*/


/*.navbar-toggle {*/
/*    margin-top: 8px;*/
/*    margin-right: 0;*/
/*}*/

/*.nav > li > a {*/
/*    display: inline-block;*/
/*}*/

/*ul.nav > li > a {*/
/*    padding: 8px;*/
/*}*/

.navbar-products ul.nav > li > a {
    margin: 8px 16px 8px 0;
    padding: 8px 4px;
}

.navbar-products {
    border-top: none;
}

@media (max-width: 767px) {
    /*.navbar-products ul li.dropdown ul li  ul li a {*/
    /*    margin-left: 32px;*/
    /*}*/
}

@media (min-width: 768px) {
    .cart-title {
        max-width: 250px;
    }
}

/*@media(min-width: 768px) {*/
/*#navbar-collapse-2 {*/
/*    margin-left:-15px;*/
/*    margin-right:-15px;*/
/*}*/
/*}*/

/*@media(max-width: 767px) {*/
/*    #navbar-collapse-2 {*/
/*        display: none;*/
/*    }*/
/*}*/

/*.navbar-products ul.nav > li:last-child > a {*/
/*    margin-right: 0;*/
/*}*/

/* Buttons */

/*.btn {*/
/*    margin-bottom: 8px;*/
/*    margin-right: 8px;*/
/*}*/

.cursor--pointer {
    cursor: pointer;
}

.popover {
    max-width: 400px;
}


/**
 * @todo Build Twitter css files with Sass
 */
.label-primary,
.btn-primary {
    background-color: #6E782B; /* nature dark green */
}

.label-success,
.btn-success {
    background-color: #97a926; /* nature green */
}

.label-success:hover,
.btn-success:hover {
    background-color: #6E782B; /* nature dark green */
}

.label-success:active:hover,
.btn-success:active:focus {
    background-color: #6E782B; /* nature dark green */
}

.label-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.label-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.menu > ul {
    padding: 0;
    font-size: 21px;
    list-style-type: none;
}

.menu > ul > li {
    line-height: 2.5em;
}

.menu > ul > li > a {
    margin-right: 8px;
    text-decoration: none !important;
}

.menu > ul > li > a:hover {
    text-decoration: none !important;
}

h4 {
    color: gray;
}

h4 a {
    text-decoration: none;
}

.tile {
    border: 1px solid #efefef;
    border-radius: 8px;
    margin: 8px 0 4px 0;
    padding: 8px;
    min-height: 325px;
}

.border-top {
    border-top: 1px solid #efefef;
}
.tile .split {
    display: inline-block;
}

.tile .btn {
    height: 32px;
}

.thumbnail-container {
    display: inline-block;
    width: 50px;
    height: 50px;
}

.thumbnail-container img {
    vertical-align: unset;
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 40px;
}

.navigation-maximized-visible {
    display: none;
}

.navigation-maximized-hidden {
    /* Enable this when enabling button.navigation */
    /*display: none;*/
}

.footer {
    background-color: #e7eab2;
    border-top: 1px solid #e7e7e7;
    margin-top: 30px
}

.btn-default {
    background-color: #efefef;
}

.btn-light {
    background-color: #fff;
    border: 1px solid #efefef;
}

span.error-message {
    display: inline-block;
    color: brown;
}

.category-tile-container {
    width: 100%;
}

.category-tile-image-container {
    margin: auto;
    min-width: 150px;
    min-height: 150px;
    max-width: 150px;
    max-height: 150px
}

.category-tile-img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}

.category-tile-img--default {
    width: 150px;
    height: 150px;
    background-color: #ececec;
}

.category-tile-title {
    max-width: 150px;
    overflow: hidden;
    text-wrap: none;
    white-space: nowrap;
    margin: auto;
}

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

.double-underline {
    text-decoration: underline;
    text-decoration-style: double;
}

.popover {
    max-width: unset;
    min-width: 366px;
}

td.currency {
    font-family: monospace;
    font-size: 88.888%;
    width: 8em;
    text-align: right;
}

input[disabled] {
    pointer-events: none
}

.wrap {
    white-space: normal !important;
}