@font-face {
    font-family: "Rawline";
    src: url(/3037b2778791d46a4a51.woff) format("woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Rawline";
    src: url(/f899e3524ef023e7c1b1.woff) format("woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Rawline";
    src: url(/170c48b95c783a9e5fe3.woff) format("woff");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Rawline";
    src: url(/e651acab92d4d9d64e89.woff) format("woff");
    font-weight: bold;
    font-style: normal;
}
:root {
    --primary: #f7b700;
    --primaryHover: #ffc933;
    --secondary: #accec7;
    --theme: #f7b700;
    --dark: #2a2a29;
    --textColor: #000000de;
    --danger: #ff5252;
    --lightGrey: #ededed;
    --grey50: #e6e6e1;
    --grey60: #ccccc8;
    --grey70: #b3b3af;
    --grey80: #999996;
    --grey90: #80807d;
    --mediumGrey: #4a4a49;
    --darkGrey: #2a2a29;
    --focus: #1976d2;
    --h1: 48px;
    --metaText: grey;
    --themeBackground: #fafafa;
    --border: 1px solid #ccccc8;
    --borderColor: #ccccc8;
    --boxShadow: 0px 1px 5px 0px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 3px 1px -2px rgb(0 0 0 / 12%);
    --padding: 20px;
    --margin: 20px;
    --smallMarginLeft: 10px;
    --animationSpeed: 0.3s;
    --sideBarWidth: 50px;
    --headerHeight: 60px;
    --modalTitleHeight: 60px;
    --martialListLeftBarWidth: 420px;
    --error: var(--danger, #ff5252);
    --severityGreen: #4caf50;
    --severityYellow: #ffc107;
    --severityRed: #d43039;
    --severityGrey: var(--grey90, #80807d);
    --severityUN: var(--darkGrey, #2a2a29);
    --grøn: var(--severityGreen, #4caf50);
    --gul: var(--severityYellow, #ffc107);
    --rød: var(--severityRed, #d43039);
    --grå: var(--severityGrey, #80807d);
}
.ninja {
    display: none !important;
}

.animate {
    transition-duration: var(--animationSpeed);
}

.relative {
    position: relative;
}
.fixed {
    position: fixed;
}
.boxShadow {
    box-shadow: var(--boxShadow);
}
.noMargin {
    margin:0;
}
.clickable {
    cursor: pointer;
}
.padding {
    padding: var(--padding);
}
.noPadding {
    padding:0;
}
.fullWidth {
    width: 100%;
}
.backgroundColorWhite{
    background-color: white;
}
.flex,.flexRow, .flexColumn {
    display: flex;
}
.flexColumn {
    flex-direction: column;
}
.flexRow {
    flex-direction: row;
}
.overflowHidden {
    overflow: hidden;
}

@media print {
    .receipt-snackbar, .app-header, #mainMenuSidebar {
        display: none !important;
    }
    .main {
        padding-left: 0 !important;
    }
}
