/*
*   Custom fonts
*/
/*@font-face {
    font-family: 'Brandon Text';
    src: url('../font/BrandonText-Regular.eot');
    src: url('../font/BrandonText-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/BrandonText-Regular.woff2') format('woff2'),
    url('../font/BrandonText-Regular.woff') format('woff'),
    url('../font/BrandonText-Regular.ttf') format('truetype'),
    url('../font/BrandonText-Regular.svg#BrandonText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}*/

@font-face {
    font-family: 'Brandon Text';
    src: url('../font/BrandonText-Bold.eot');
    src: url('../font/BrandonText-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/BrandonText-Bold.woff2') format('woff2'),
    url('../font/BrandonText-Bold.woff') format('woff'),
    url('../font/BrandonText-Bold.ttf') format('truetype'),
    url('../font/BrandonText-Bold.svg#BrandonText-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Brandon Text';
    src: url('../font/BrandonText-Light.eot');
    src: url('../font/BrandonText-Light.eot?#iefix') format('embedded-opentype'),
    url('../font/BrandonText-Light.woff2') format('woff2'),
    url('../font/BrandonText-Light.woff') format('woff'),
    url('../font/BrandonText-Light.ttf') format('truetype'),
    url('../font/BrandonText-Light.svg#BrandonText-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/*
*   Boostrap overrides
*/
:root {
    --bs-font-sans-serif: 'Brandon Text', sans-serif;
    --height-header: 91px;
    --height-footer: 45px;
}

:focus {
    outline: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

body {
    font-weight: 300;
    background-color: #C8D1C2;
    color: #4F5C7C;
    padding-bottom: 45px;
}

b, strong {
    font-weight: bold !important;
}

hr {
    opacity: .75 !important;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    font-weight: 700;
}

a {
    color: #4F5C7C;
}

a:hover {
    color: #9799AE;
}

.bg-primary {
    background-color: #585C54 !important;
}

.border-primary {
    border-color: #585C54 !important;
}

/*.text-white {
    color: #4F5C7C !important;
}*/

/*.bg-dark {
    background-color: #C8D1C2 !important;
}*/

.btn-primary {
    color: #fff;
    background-color: #585C54;
    border-color: #585C54;
}

.btn-primary:hover {
    color: #4F5C7C;
    background-color: #F6F7F5;
    border-color: #F6F7F5;
}

.nav-link {
    color: #4F5C7C;
}

.nav-link:hover,
.nav-link:focus {
    color: #9799AE;
}

.nav-pills .nav-link {
    color: #4F5C7C;
    background-color: #F6F7F5;
}

.nav-pills .nav-link:hover,
.nav-pills .nav-link:focus {
    color: #9799AE;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #F6F7F5;
    background-color: #585C54;
}

.nav-pills .nav-link.logout,
.nav-pills .show > .nav-link.logout {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.nav-pills .nav-link.logout:hover,
.nav-pills .nav-link.logout:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
}

.alert {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    border-radius: 0;
}

.modal-content {
    background-color: #F6F7F5;
}

/*
*   Custom
*/
header {
    color: #9799AE;
    background-color: #F6F7F5;
}

.logo {
    max-height: 75px;
}

footer {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    color: #9799AE;
    background-color: #F6F7F5;
}

.max-height-without-header-footer {
    height: calc(100% - var(--height-header) - var(--height-footer) - 4.5rem);
}

#outstandingInvoices .accordion-item {
    background-color: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
}

#outstandingInvoices .accordion-item:last-child {
    border-bottom: none;
}

#outstandingInvoices .accordion-button {
    background-color: transparent;
}

#outstandingInvoices .accordion-button:not(.collapsed) {
    color: #F6F7F5;
    background-color: #585C54;
}

#outstandingInvoices .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f6f7f5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

#outstandingInvoices .accordion-body .border-dark {
    border-color: #4F5C7C !important;
}