body {
    xxx-font-size: 0.875rem;
}
label {
    font-weight: bold;
}

.withLogoImageBackground {
    background-image: url("/resources/images/giraffe-1de68364aa2defcfaa8e993a852f3fee.png");
    background-repeat: no-repeat;
    background-position: top right 10%;
}

/**
    force a table cell to be minimum width
 */
.tableMinWidth {
    width:0.1% !important;
    white-space:nowrap !important;
}

.dietIcon {
    font-size: 20px;
    color: #245580;
}

.orderStateEmpty i {
    color: orange !important;
}
.orderStateOrderedByUser i {
    color: #3c763d;
}
.orderStateOrderedFromCatering i{
    color: #337ab7;
}
.orderStateCancelled i {
    color: red !important;
}
.orderStateDontNeed i {
    color: #f0ad4e !important;
}

.costColum {
    width: 100px;
}

h1+form {
    margin-top: 20px;
}

/** minimize page jump when dataTables initialized */
.withDataTable {
    margin-top: 55px;
    visibility: hidden;
}
.dataTable {
    background-color: white;
}
.dataTables_wrapper .withDataTable {
    margin-top: 0;
    visibility: visible;
}

.dataTables_wrapper .dataTables_filter input {
    margin-right: 10px;
}

.table-hover > tbody > tr:hover {
    background-color: #fcf8e3 !important;
}

/* sticky header for tables */
table.withStickyHeader > thead, table.withStickyHeader .stickyHeader {
    background-color: white !important;
}

.bigIcon {
    font-size: 36px;
    margin-right: 10px;
}

/**
 * Add this to a table-head (TH) to disable dataTables' ordering on that column
 */
.no-sort {
    padding:8px !important;
}
.no-sort:after {
    display: none !important;
}

i.fa-solid {
    margin-right: 5px;
}

fieldset.billingAddress legend {
    width: 60%;
}

input#showDisabled {
    margin-left: 20px;
}

/** css animations for flashing */
.flashing {
    background: yellow;
    -webkit-transition:background 500ms;
    -moz-transition:background 500ms;
    -o-transition:background 500ms;
    transition:background 500ms;
}
.removeflashing {
    background:inherit;
    -webkit-transition:background 500ms;
    -moz-transition:background 500ms;
    -o-transition:background 500ms;
    transition:background 500ms;
}

.userMailToLink, .userCallToLink {
    margin-left: 10px;
    white-space: nowrap;
}

/* Don't print link hrefs */
@media print {
    a.noHrefInPrint[href]:after {
        content: none
    }
}

.discountExplanation {
    color: gray;
    font-size: smaller;
}

.numCell {
    text-align: right;
}

/*
TODO: adding row-number does not work withDataTable

table.withRowNumber {
    counter-reset: rowNumber;
}

table.withRowNumber tr::before {
    display: table-cell;
    counter-increment: rowNumber;
    content: counter(rowNumber) ".";
    padding-right: 0.3em;
    text-align: right;
}

 */

/**
 * blinking box-shadow around button
 */
.blinking {
    animation: blinkingShadow 2s infinite;
}
@keyframes blinkingShadow{
    0%		{ box-shadow: #e38d13 0px 0px 10px 0px;}
    50%		{ box-shadow: white 0px 0px 10px 0px;}
    100%	{ box-shadow: #e38d13 0px 0px 10px 0px;}
}

/* panel/card should wrap it content if necessary */
.card {
    min-width: fit-content;
    margin: 10px 0;
}