/* Minification failed. Returning unminified contents.
(2,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-text'
(6,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(41,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(42,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(43,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(47,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(54,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dk'
(55,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary-dk'
(56,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(66,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(67,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(75,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(76,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(85,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(86,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(94,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-dst'
(95,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-dst'
(103,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(104,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(105,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(112,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-dst'
(113,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-dst'
(114,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(137,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lst'
(138,37): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn'
(143,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-text'
(144,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-bg-subtle'
(145,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-border-subtle'
(149,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-text'
(154,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn'
(163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(206,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(256,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lst'
(272,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(279,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(291,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(295,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn'
(300,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn'
(307,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(308,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(314,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-warning'
(319,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-rgb'
(324,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(355,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(403,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn'
(425,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-base'
(429,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(433,28): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(434,24): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(439,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-lst'
(455,26): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(471,22): run-time error CSS1039: Token not allowed after unary operator: '-clr-primary'
(472,17): run-time error CSS1039: Token not allowed after unary operator: '-clr-ntrl-min'
(483,36): run-time error CSS1039: Token not allowed after unary operator: '-clr-base-ltn'
 */
.alert-warning h4 {
    color: var(--bs-warning-text);
}

.bg-primary {
    background-color: var(--clr-primary) !important;
}
/* Common Badge Styling */
.badge {
    text-transform: uppercase;
    padding: .35em 0.85em;
    border-radius: 0.275rem;
}
/* Standard Buttons */
.btn {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    border-radius: 0;
    transition: all .6s;
    padding: .25rem 1.5rem;
    text-transform: uppercase;
}

.btn:hover {
    cursor: pointer;
    text-decoration: none;
}

/* Large Buttons */
.btn-lg {
    padding: .75rem 3.5rem;
    font-size: 1rem;
}


/* Primary Buttons */
.btn-primary,
.btn-primary:visited,
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--clr-primary);
    border-color: var(--clr-primary);
    color: var(--clr-ntrl-min);
}

.btn-primary i.fa-regular {
    color: var(--clr-ntrl-min);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:hover, .btn-primary:active:focus {
    background-color: var(--clr-primary-dk);
    border-color: var(--clr-primary-dk);
    color: var(--clr-ntrl-min);
}

/* Secondary Buttons */
.btn-secondary,
.btn-secondary:visited,
.btn-secondary.disabled,
.btn-secondary:disabled {
    border-width: 2px;
    background-color: transparent;
    border-color: var(--clr-ntrl-min);
    color: var(--clr-ntrl-min);
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:active:hover, .btn-secondary:active:focus {
    background-color: transparent;
    border-color: var(--clr-ntrl-min);
    color: var(--clr-ntrl-min);
}

/* Tertiary Buttons */
.btn-tertiary,
.btn-tertiary:visited,
.btn-tertiary.disabled,
.btn-tertiary:disabled {
    background-color: transparent;
    border-color: var(--clr-base);
    color: var(--clr-base);
}

.btn-tertiary:hover,
.btn-tertiary:active,
.btn-tertiary:focus,
.btn-tertiary:active:hover, .btn-tertiary:active:focus {
    background-color: transparent;
    border-color: var(--clr-base-dst);
    color: var(--clr-base-dst);
}

/* Quaternary Buttons */
.btn-quaternary,
.btn-quaternary:visited,
.btn-quaternary.disabled,
.btn-quaternary:disabled {
    background-color: var(--clr-base);
    border-color: var(--clr-base);
    color: var(--clr-ntrl-min);
}

.btn-quaternary:hover,
.btn-quaternary:active,
.btn-quaternary:focus,
.btn-quaternary:active:hover, .btn-quaternary:active:focus {
    background-color: var(--clr-base-dst);
    border-color: var(--clr-base-dst);
    color: var(--clr-ntrl-min);
}


/* Button/Link Spinners */
.btn.loading > .spinner-border {
    display: inline-block;
}

.btn.loading > svg {
    display: none;
}
/* Hide initial icons inside buttons when spinner is shown */
.btn .spinner-border {
    opacity: 0.75;
    display: none;
    width: 1rem !important;
    height: 1rem !important;
    margin-right: 5px;
    vertical-align: middle;
}
.callout {
    padding: 1.25rem;
    background-color: var(--clr-base-lst);
    border-left: 0.25rem solid var(--clr-base-ltn);
}

/* Callout Warning */
.callout-warning {
    color: var(--bs-warning-text);
    background-color: var(--bs-warning-bg-subtle);
    border-color: var(--bs-warning-border-subtle);
}

.callout-warning h4 {
    color: var(--bs-warning-text);
}

.card {
    border-radius: 0;
    border-color: var(--clr-base-ltn);
}

.card-body {
    padding: 1.75rem;
}
/* CSS Variables */
:root {
    /* Body text / Background */
    --clr-base-dst: #222222;    
    --clr-base-rgb: 68,68,68;
    --clr-base: #444444;
    --clr-base-lt: #535353;
    --clr-base-ltn: #DDDDDD;
    --clr-base-lst: #EEEEEE;

    /* Primary brand color */
    --clr-primary-dk: #6F7719;
    --clr-primary: #7C851C;
    --clr-primary-rgb: 124,133,28;

    /* Neutral */
    --clr-ntrl-min-rgb: 255,255,255;
    --clr-ntrl-min: #FFFFFF;
    --clr-ntrl-max-rgb: 0,0,0;
    --clr-ntrl-max: #000000;

    /* Utility Names */
    --clr-warning: #8C1B18;
    --clr-warning-lt: #A02824;
    --clr-warning-dk: #7B1613;
}
/* Body Attributes */
body {
    font-family: 'Lato', sans-serif;
    color: var(--clr-base);
    line-height: 1.4;
}

@media(min-width: 992px) {
    .website-ct {
        padding-top: 80px;
    }
}

.home-page .website-ct {
    padding-top: 0px;
}

/* Links */
a {
    text-decoration: none;
    color: var(--clr-primary);
}

a:hover {
    text-decoration: underline;
}

/* Section */
section {
    padding: 40px 0;
    position: relative;
}

@media(min-width: 992px) {
    section {
        padding: 65px 0;
    }
}

/* Section anchor */
.section-anchor {
    position: absolute;
    top: -50px;
    left: 0px;
}

/* Website Container */
.website-ct {
    position: relative;
    flex-grow: 1;
    margin-top: 59px;
}

@media(min-width: 992px) {
    .website-ct {
        margin-top: 61px;
    }
}

.admin-user .website-ct {
    margin-top: 0px;
}

/* Paragraph Tags */
p:last-child {
    margin-bottom: 0;
}

/* BG Colours */
.bg-base-lt {
    background-color: var(--clr-base-lst);
}

/* HR */
hr {
    margin: 2rem 0;
    border-style: dashed;
}

hr.small {
    margin: 1rem 0;
}

.cookie-notice {
    position: fixed;
    bottom: 0;
    background: var(--clr-base);
    width: 100%;
    color: #FFFFFF;
    padding: 2rem 0;
    z-index: 2;
}
.cookie-notice a {
    color: var(--clr-ntrl-min);
}

.error-page { text-align: center; }

/* Form Group */
.form-group {
    margin-bottom: 1.75rem;
}

/* Form Control */
.form-control {
    color: var(--clr-base);
}

.form-control, .form-select {
    border-color: var(--clr-base-ltn);
    border-radius: 0;
}

.form-control:focus, .form-select:focus {
    border-color: var(--clr-base-ltn);
    outline: none !important;
    box-shadow: none;
}

/* Checkboxes */
.form-check-input:checked {
    background-color: var(--clr-primary);
    border-color: var(--clr-primary);
}

/* Form Validation */
.input-validation-error,
.input-validation-error:focus {
    border-color: var(--clr-warning) !important;
}

/* Floating Placeholder */
.form-floating label {
    color: rgba(var(--clr-base-rgb), 0.75);
}

/* Input Group */
.input-group .input-group-text {
    color: var(--clr-base);
    border-color: transparent;
}

/* Textarea */
textarea { min-height: 150px !important; }
/* Strapline in header */
header .strapline {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
}

/* H2 in header */
header h2 {
    margin-bottom: 0;
}

h1, .h1 {
    font-size: 2.1rem;
}

h1, .h1,
h2, .h2 {
    text-transform: uppercase;
    font-weight: 900;
}

.h2, h2,
.h5, h5 {
    color: var(--clr-primary);
}

.h5, h5 {
    font-weight: 700;
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 2.55rem;
    }

    .h2, h2 {
        font-size: 2.25rem;
    }

    .h3, h3 {
        font-size: 1.5rem;
    }

    .h4, h4 {
        font-size: 1.35rem;
    }

    .h5, h5 {
        font-size: 1.125rem;
    }
}

#login .logo-ct {
   padding-top: 30px;
   text-align: center;
}

#login .logo-ct .logo {
    max-width: 160px;
}

#login .login-panel-ct {
    justify-content: center;
    align-content: center;
}

#login .login-panel-ct .login-btn {
    width: 100%;
}
/* Modal Content */
.modal-content {
    border-color: var(--clr-base-ltn);
}

/* Modal Header */
.modal-header {
    padding: 1rem 2rem;
}

/* Modal Body */
.modal-body {
    padding: 2rem;
}

/* Modal Trigger */
a.modal-trigger {
    text-decoration: underline;
}

/* Pager */
.pagination { margin: 0; }

.page-link {
    color: var(--clr-base);
}

.page-link:hover {
    color: var(--clr-primary);
}

.active > .page-link, .page-link.active {
    background-color: var(--clr-primary);
    border-color: var(--clr-primary);
}
/* Invoice Body */
@media screen {
    body.A4 {
        background: var(--clr-base-lst);
        font-size: 14px;
        line-height: 1.5;
    }
}

@media print {
    body.A4 {
        margin: 0 auto;
        font-size: 12px;
    }
}

/* Page Container */
@media screen {
    .page-container {
        background: var(--clr-ntrl-min);
        max-width: 210mm;
        min-height: 297mm;
        padding: 3rem;
        margin: 30px auto;
        box-shadow: 0 0 0.75cm rgba(0,0,0,0.15);
    }
}

/* Page Logo */
.page-container .logo {
    width: 120px;
}

/* Total Price */
.invoice-ct .total-price-ct {
    background: var(--clr-primary);
    color: var(--clr-ntrl-min);
}

.invoice-ct .total-price-ct .price {
    font-size: 1.25rem;
    font-weight: 600;
}

/* Table Border */
@media print {
    .invoice-ct .table td:not(.border-0) {
        border-top: 2px solid var(--clr-base-ltn) !important;
    }
}

/* Table Small Padding */
.invoice-ct .table tr.small-pd td {
    padding: 0.5rem .75rem;
}

/* Small Text */
.page-container .small,
.page-container small {
    font-size: 90%;
}

/* Horizontal Rule */
.page-container hr { margin: 1.25rem 0; }
/* Table Padding */
.table > :not(caption) > * > * {
    padding: .75rem;
}

