body {
    background: #fefefe;
    color: rgb(0 0 0 / .88);
    font-family: 'Roboto', arial, sans-serif;
    line-height: 1.5;
}

p, .p, .page_section p, .section-diagonal-left p, .section-diagonal-right p, p.form-text span {
    font-family: inherit;
    font-weight: 400;
    font-size: inherit;
}

/* Typography */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h6 {
    font-family: 'Roboto', arial, sans-serif;
    margin: 0 0 1.5rem;
}

h1, .h1 {
    font-size: 3.375rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.15;
}

h2, .h2 {
    font-size: 2.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.15;
}

h3, .h3 {
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.3;
}

h4, .h4 {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .08px;
    line-height: 1.3;
}

/* Buttons */
.btn-primary {
    background-color: #099775;
    border: 1px solid #099775;
    color: #fff;
    font-size: 1rem;
    border-radius: 2.1875rem;
}

.btn-default {
    background-color: transparent;
    border: 2px solid #099775;
    color: #099775;
    border-radius: 2.1875rem;
    font-size: 1rem;
}


/* Modals */
@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 90%;
    }
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 90%;
    }
}

/* Lists */
li.entitylist-filter-option-group.list-inline-item {
    margin-right: 5rem;
}

li.entitylist-filter-option-group.list-inline-item:last-of-type {
    margin-right: 0;
}

.table-responsive table.table {
    word-break: initial;
}

.view-empty.message {
    display: none !important;
}

table[aria-relevant="additions"]:not(:has(tbody)) {
    display: none;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
    background-color: #099775 !important;
    color: #fff !important;
}

.page-link {
    color: #099775 !important;
}

.button2:active, .button2.active, .btn-default:active, .btn-default.active {
    color: #FFFFFF !important;
    background-color: #099775 !important;
    border-color: #099775 !important;
}

.button2:hover, .btn-default:hover {
    color: #FFFFFF;
    background-color: #099775;
    border-color: #099775;
}

.card {
    border: 1px solid rgb(0 0 0 / .12);
    border-radius: 8px;
    height: auto;
    margin-bottom: 24px;
    padding: 24px;
}

.entitylist {
    background-color: transparent;
    border: none;
}

.entity-grid.entitylist {
    border: 1px solid rgb(0 0 0 / .12);
    border-radius: 8px;
    height: auto;
    margin-bottom: 24px;
    padding: 24px;
}

/* Forms */
.crmEntityFormView {
    background-color: transparent;border: none;
}

.tab-title, .section-title {
    color: rgb(0 0 0 /.88) !important;
}

.tab-title {
    font-size: 2rem;
}

.section-title h3 {
    font-size: 1.5rem;
}

tr.selected.table-info td {
    background: rgb(0 0 0 / .04);
}

.modal-header {
    background: #099775;
    border-color: #099775;
}

.modal-content {
    border-color: rgba(0,0,0,.25);
}

h1.modal-title, .modal-header h4 {
    color: #fefefe;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
}

.progress {
    background-color: rgb(0 0 0 / .04);
}

.progress.list-group .list-group-item.active {
    background:    rgb(0 0 0 / .04);
    border: none;
    color: inherit;
    font-weight: bold;
    border-bottom: 4px solid #92d400;
}

.bootstrap-datetimepicker-widget {
    background-color: #099775;
    color: #fff;
    box-shadow: 0 3px 8px -1px rgb(0 0 0 / .1),0 10px 24px 0 rgb(0 0 0 / .1),0 1px 2px 0 rgb(0 0 0 / .1);
    padding: 1rem !important;
}

.bootstrap-datetimepicker-widget tr td button {
    background-color: transparent;
    color: #fefefe;
}

.bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: #92d400;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: rgb(0 0 0 / .88);
}

.bootstrap-datetimepicker-widget tr td.active button {
    background: none;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: rgb(0 0 0 /.88);
    color: #fff !important;
}

.bootstrap-datetimepicker-widget table td:hover a {
    color: #fff;
}

.alert-danger {
    --bs-alert-bg: #f8d7da;
    box-shadow: 0 0 2px #842029;
}

.alert-success {
    --bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc;
    box-shadow: 0 1px 2px rgba(15, 81, 50, .3);
}

/* Footer */
.footer-bottom.d-print-none {
    background-color: transparent;
}

footer.footer {
    background: #099775;
    color: #fff;
    margin-top: 3.5rem;
    padding-top: 1.5rem;
}

footer.footer p, footer.footer .p {
    color: #fff;
}

/* Nav */
.static-top.navbar-dark {
    background-color: #099775;
}

li.nav-item.divider-vertical {
    display: none;
}

.navbar-dark .navbar-nav > li > a, .navbar-dark .navbar-nav > li.dropdown > a {
    color: #fff;
    font-family: inherit;
    font-weight: 400;
    font-size: 1rem !important;
    padding: unset;
}

.navbar-dark .navbar-nav > li {
    padding: 24px 48px 24px 0
}

.navbar-dark .navbar-nav > li a:hover {
   background: none;
    text-decoration: none !important;
}

.navbar-dark .navbar-nav > li:last-of-type {
    padding-right: 0
}

@media screen and (min-width: 64em) {
    .navbar-dark .navbar-nav > li a:not(.dropdown-item):hover:after {
        background-color: #92d400;
        content: "";
        display: block;
        height: 4px;
        left: 0;
        position: absolute;
        top: 50px;
        width: 100%;
    }
}

.navbar-dark .navbar-nav .show.dropdown-menu {
    background-color: #fefefe;
    border-radius: 0.5rem;
    box-shadow: 0 3px 8px -1px rgb(0 0 0 / .1),0 10px 24px 0 rgb(0 0 0 / .1),0 1px 2px 0 rgb(0 0 0 / .1);
}

.navbar-dark .navbar-nav .show.dropdown-menu > li > a {
    color: rgb(0 0 0 / .88);
}