@import 'https://fonts.googleapis.com/css?family=Merriweather+Sans';

@font-face {
    font-family: 'Merriweather Raetsheren';
    src: url('../fonts/Merriweather-Light.woff2') format('woff2'), url('../fonts/Merriweather-Light.woff') format('woff'), url('../fonts/Merriweather-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Merriweather Raetsheren';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Merriweather-Bold.woff2') format('woff2'), url('../fonts/Merriweather-Bold.woff') format('woff'), url('../fonts/Merriweather-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Merriweather Raetsheren';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Merriweather-Light.woff2') format('woff2'), url('../fonts/Merriweather-Light.woff') format('woff'), url('../fonts/Merriweather-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Merriweather Raetsheren';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Merriweather-Bold.woff2') format('woff2'), url('../fonts/Merriweather-Bold.woff') format('woff'), url('../fonts/Merriweather-Bold.ttf') format('truetype');
}

body {
    font-family: "Merriweather Raetsheren", "Georgia", "Times", serif;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 1.6875rem;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

a {
    color: inherit;
    text-decoration: none;
    outline: none;
}

::placeholder {
    color: #999 !important;
    opacity: 1;
}

.btn {
    border-radius: 0;
    font-family: "Merriweather Sans", "Trebuchet Ms", "Helvetica", "Arial", sans-serif;
}

.btn-link {
    font-family: "Merriweather Raetsheren", "Georgia", "Times", serif;
}

.btn-group-xs > .btn, .btn-xs {
    padding: .25rem .4rem;
    font-size: .875rem;
    /*line-height: .5;*/
    border-radius: .2rem;
}

dt {
    font-weight: normal;
}

.page-content {
    padding-top: 60px;
    padding-bottom: 40px;
}

body > .container-fluid {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

footer {
    padding-top: 40px;
    padding-bottom: 10px;
    font-size: 1rem;
    /*background-color: #fffdf8;*/
    border-top: 1px solid rgb(35, 31, 32);
    line-height: 1.5rem;
    box-shadow: 0 -6px 6px -6px rgba(0, 0, 0, 0.5);
}

    footer h6 {
        font-family: "Merriweather Sans", "Trebuchet Ms", "Helvetica", "Arial", sans-serif;
    }

    footer .version {
        font-size: 0.7rem;
        text-align: right;
        width: 100%;
        display: inline-block;
    }

.page-title {
    margin-top: 20px;
    text-align: center;
    font-size: 3.5rem;
    margin-bottom: 30px;
}

.page-subtitle {
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.875rem;
}

.overview-title {
    text-align: left;
    margin-top: 15px;
    font-size: 2em;
    margin-bottom: 20px;
}

.btn-corporate {
    color: #ae915b;
}

.btn-outline-corporate {
    color: #ae915b;
    border-color: #ae915b;
}

    .btn-outline-corporate:hover {
        color: #fff;
        background-color: #ae915b;
        border-color: #ae915b;
    }

.text-corporate {
    color: #ae915b;
}

.icon-profile {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'> <path d='M15.048 9.4c1.206 0 2.202.98 2.202 2.2s-.98 2.203-2.202 2.203-2.202-.997-2.202-2.202.98-2.2 2.202-2.2m0-2.09c-2.362 0-4.29 1.912-4.29 4.29s1.912 4.292 4.29 4.292 4.29-1.913 4.29-4.29-1.927-4.292-4.29-4.292zM9.005 22.69c.065-.836.225-1.912.563-2.877.21-.578.45-1.044.707-1.285.032-.032.08-.065.113-.097.916.548 2.54 1.432 4.644 1.432s3.745-.884 4.645-1.43c.032.03.064.064.112.096.256.257.514.707.706 1.285.338.965.5 2.04.563 2.877.802-.74 1.46-1.64 1.927-2.62-.514-2.12-1.59-4.082-3.696-4.082-.37 0-1.944 1.56-4.29 1.56s-3.905-1.56-4.29-1.56c-2.106 0-3.167 1.96-3.697 4.083.546.98 1.205 1.88 1.992 2.62z' > </path > <path d='M15 3.75c6.204 0 11.25 5.046 11.25 11.25S21.204 26.25 15 26.25 3.75 21.204 3.75 15 8.796 3.75 15 3.75m0-2.25C7.543 1.5 1.5 7.543 1.5 15S7.543 28.5 15 28.5 28.5 22.457 28.5 15 22.457 1.5 15 1.5z' > </path ></svg>");
}

.icon-menu {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'> <path d='M2 3h26v3H2z'></path> <path d='M2 10h26v3H2z'></path> <path d='M2 17h26v3H2z'></path> <path d='M2 24h17v3H2z'></path></svg>");
    height: 30px;
    width: 30px;
}

.icon-close-menu {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30' fill='%230078ff'> <path d='M28.5 23.227c0 .606-.212 1.12-.636 1.546l-3.09 3.09c-.426.425-.94.637-1.547.637-.606 0-1.12-.212-1.545-.636L15 21.182l-6.682 6.682c-.424.424-.94.636-1.545.636s-1.12-.212-1.546-.636l-3.09-3.09c-.425-.426-.637-.94-.637-1.547 0-.606.212-1.12.636-1.545L8.818 15 2.136 8.318c-.424-.424-.636-.94-.636-1.545s.212-1.12.636-1.546l3.09-3.09c.426-.425.94-.637 1.547-.637s1.12.212 1.545.636L15 8.818l6.682-6.682c.424-.424.94-.636 1.545-.636.606 0 1.12.212 1.546.636l3.09 3.09c.425.426.637.94.637 1.547s-.212 1.12-.636 1.545L21.182 15l6.682 6.682c.424.424.636.94.636 1.545z'></path> </svg>");
    height: 30px;
    width: 30px;
}

.icon-marker {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path d='M19.5 10.5c0-1.242-.44-2.303-1.318-3.182S16.242 6 15 6s-2.303.44-3.182 1.318S10.5 9.258 10.5 10.5s.44 2.303 1.318 3.182S13.758 15 15 15s2.303-.44 3.182-1.318S19.5 11.742 19.5 10.5zm4.5 0c0 1.277-.193 2.326-.58 3.146l-6.4 13.606c-.186.387-.464.69-.833.914s-.765.334-1.187.334-.817-.11-1.187-.334-.64-.527-.817-.914L6.58 13.646c-.387-.82-.58-1.87-.58-3.146 0-2.484.88-4.605 2.637-6.363S12.517 1.5 15 1.5s4.605.88 6.363 2.637S24 8.017 24 10.5z' ></path> </svg>");
    height: 18px;
}

header .navbar {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    /*border-bottom: 1px solid #000;*/
    box-shadow: 0 6px 6px -6px rgba(0, 0, 0, 0.5);
}

header:after {
    content: "";
    display: block;
    padding-top: 96px;
}

header .navbar > .container,
header .navbar > .container-fluid {
    height: 66px;
}

header .navbar-brand {
    position: absolute;
    left: 50%;
    margin-left: -50px !important;
    display: block;
}

header .icon-profile {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'> <path d='M15.048 9.4c1.206 0 2.202.98 2.202 2.2s-.98 2.203-2.202 2.203-2.202-.997-2.202-2.202.98-2.2 2.202-2.2m0-2.09c-2.362 0-4.29 1.912-4.29 4.29s1.912 4.292 4.29 4.292 4.29-1.913 4.29-4.29-1.927-4.292-4.29-4.292zM9.005 22.69c.065-.836.225-1.912.563-2.877.21-.578.45-1.044.707-1.285.032-.032.08-.065.113-.097.916.548 2.54 1.432 4.644 1.432s3.745-.884 4.645-1.43c.032.03.064.064.112.096.256.257.514.707.706 1.285.338.965.5 2.04.563 2.877.802-.74 1.46-1.64 1.927-2.62-.514-2.12-1.59-4.082-3.696-4.082-.37 0-1.944 1.56-4.29 1.56s-3.905-1.56-4.29-1.56c-2.106 0-3.167 1.96-3.697 4.083.546.98 1.205 1.88 1.992 2.62z' > </path > <path d='M15 3.75c6.204 0 11.25 5.046 11.25 11.25S21.204 26.25 15 26.25 3.75 21.204 3.75 15 8.796 3.75 15 3.75m0-2.25C7.543 1.5 1.5 7.543 1.5 15S7.543 28.5 15 28.5 28.5 22.457 28.5 15 22.457 1.5 15 1.5z' > </path ></svg>");
}

header .navbar-profile {
    color: #154734;
    font-size: 1rem;
}

    header .navbar-profile .icon-profile {
        height: 1.8em;
        margin-left: 10px;
        margin-right: 10px;
    }

    header .navbar-profile .dropdown-toggle {
        display: flex;
        align-items: center;
    }

.navbar-toggler:focus {
    box-shadow: none;
}

header .navbar-collapse {
    position: fixed;
    align-items: center;
    height: 100% !important;
    text-align: center;
    z-index: 1032;
    width: 25%;
    min-width: 300px;
    max-width: 500px;
    margin-left: -25%;
    /*transition: left 1.1s ease;*/
    transition-property: margin-left;
    transition-duration: 0.1s;
    transition-timing-function: ease-in;
    transition-delay: 0s;
    transform: translate3d(0, 0, 0);
    border-right: 1px solid grey;
    background-color: #fff;
}

    header .navbar-collapse.show {
        margin-left: 0;
    }

header .navbar-nav .nav-item {
    line-height: 1.875rem;
}

    header .navbar-nav .nav-item .nav-link {
        font-size: 1.125rem;
        color: #231f20;
        padding-top: 0;
        padding-bottom: 0;
    }

        header .navbar-nav .nav-item .nav-link[data-bs-toggle='collapse']::after {
            display: inline-block;
            margin-left: 0.255em;
            vertical-align: 0.255em;
            content: "";
            border-top: 0.3em solid;
            border-right: 0.3em solid transparent;
            border-bottom: 0;
            border-left: 0.3em solid transparent;
        }

    header .navbar-nav .nav-item.nav-item-main > .nav-link {
        font-family: "Merriweather Sans", "Trebuchet Ms", "Helvetica", "Arial", sans-serif;
        color: #0078ff;
        margin-top: 20px;
        margin-bottom: 6px;
        text-transform: uppercase;
        font-size: 16px;
    }

#side-menu li.nav-item.nav-item-main {
    cursor: pointer;
}

    #side-menu li.nav-item.nav-item-main ul.navbar-nav li {
        display: none
    }

    #side-menu li.nav-item.nav-item-main.open > ul.navbar-nav > li {
        display: block;
    }

header .navbar-collapse .icon-close-menu {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.header-navbar-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgb(0,0,0);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    transition: opacity .5s;
}

    .header-navbar-overlay.show {
        z-index: 1031;
        visibility: visible;
        opacity: .7;
    }

/*breadcrumb*/
.breadcrumb-wrapper {
    /*margin-top: 40px;*/
    font-family: "Merriweather Sans", "Trebuchet Ms", "Helvetica", "Arial", sans-serif;
    margin-bottom: 20px;
}

.breadcrumb {
    margin-bottom: 12px;
}

/*submenu*/
.submenu {
    margin-bottom: 24px;
}

/*table*/
table.table > thead > tr > * {
    font-family: "Merriweather Sans", "Trebuchet Ms", "Helvetica", "Arial", sans-serif;
}

.form-control,
.form-select {
    font-family: "Merriweather Sans", "Trebuchet Ms", "Helvetica", "Arial", sans-serif;
}

    .form-control.disabled {
        background-color: #e9ecef;
    }

.select2-selection,
.select2-results,
.select2-search {
    font-family: "Merriweather Sans", "Trebuchet Ms", "Helvetica", "Arial", sans-serif !important;
}

.filter-toolbar {
    margin-bottom: 2em !important;
}

table.table > thead > tr > * {
    text-transform: uppercase;
    vertical-align: bottom;
    padding-bottom: 4px;
}

table.table td.action-link a:not(:first-child),
table.table td.action-link button:not(:first-child),
table.table td.action-link .link:not(:first-child) {
    margin-left: 10px;
}

table.table tr.deleted td:not(.action-link) {
    text-decoration: line-through;
    color: gray;
}

table.table.table-clickable > tbody > tr:not(.deleted) {
    cursor: pointer;
}

table.table tr td {
    vertical-align: middle;
    position: relative;
}

table.table td.action-link a,
table.table td.action-link button i,
table.table td.action-link .link i {
    font-size: 16px;
    vertical-align: middle
}

main table.table.table-clickable > tbody td.action-link button {
    background-color: unset;
    border: 0 none;
    color: #ae915b;
    padding-left: 0;
    padding-right: 0;
}

td.action-link a i,
td.action-link .link i {
    vertical-align: middle
}

button.action-icon {
    border: none;
    display: inline-block;
    padding: 0;
    line-height: inherit;
    background-color: transparent;
}

form[name='pager'] {
    display: flex;
    align-items: baseline;
    padding: 12px;
    margin-bottom: 30px;
}

.pagination {
    margin-left: auto;
    margin-bottom: 0;
}

    .pagination .page-item .page-link {
    }

    .pagination .page-item.active .page-link {
        cursor: default;
    }

    .pagination .page-item.disabled {
        cursor: not-allowed;
    }

        .pagination .page-item.disabled .page-link {
            color: #b7b7b7;
        }

.action-buttons {
    margin-top: 20px;
}

    .action-buttons .btn:not(:first-child) {
        margin-left: 8px;
    }

    .action-buttons .btn > i {
        margin-right: 7px;
    }

.card.card-corporate {
    border-radius: 0;
}

.col-form-label {
    position: relative;
}

.form-label-info {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

span.required-label {
    color: #db1b36;
}

[data-orderable-column]:not([data-orderable-column=""]) {
    cursor: pointer;
}

    [data-orderable-column]:not([data-orderable-column=""]):hover {
        color: #0078ff;
    }
/*[data-orderable-column]:not([data-orderable-column=""]).active-sort {
    color: #0078ff;
}*/

[data-orderable-column]:not([data-orderable-column=""]) {
    position: relative; /* This is needed for the absolute positioning. */
}

    [data-orderable-column]:not([data-orderable-column=""])::before,
    [data-orderable-column]:not([data-orderable-column=""]):after {
        position: absolute;
        right: 0.75em;
        font-size: 1em;
        font-family: 'Font Awesome 5 Free'; /* Use FontAwesome's font so that you can set the content */
        opacity: 0.3; /* Set opacity to gray out icons by default */
    }

    [data-orderable-column]:not([data-orderable-column=""])::before {
        content: '\f0de'; /* Font Awesome's up arrow */
        top: calc(50% - 1em); /* Tricky to calculate the top offset */
    }

    [data-orderable-column]:not([data-orderable-column=""])::after {
        content: '\f0dd'; /* Font Awesome's down arrow */
        bottom: calc(50% - 1em);
    }

    [data-orderable-column]:not([data-orderable-column=""]).sort-asc::before,
    [data-orderable-column]:not([data-orderable-column=""]).sort-desc::after {
        opacity: 1; /* When sorting, set full opacity on the direction */
    }


.btn.btn-link:focus {
    outline: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

ul > li {
    background-color: inherit !important;
}