body {
    padding-top: 40px;
}

.bg-inkless-light {
    --bs-bg-opacity: 1;
    background-color: #0071BC !important;
    color: #ffffff !important;
}

.bg-inkless-light-text {
    --bs-text-opacity: 1;
    color: #ffffff !important;
}

.bg-inkless-dark {
    --bs-bg-opacity: 1;
    background-color: #2E3192 !important;
}

.bg-ticket-regular {
    background-color: #d0d0d0 !important;
}

.page-content {
    width: 100%;
}

.sub{
    vertical-align: sub;
}

.btn-outline-ink-dark {
    --bs-btn-color:#2E3192;
    --bs-btn-border-color:#2E3192;
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg:#2E3192;
    --bs-btn-hover-border-color:#2E3192;
    --bs-btn-focus-shadow-rgb:108,117,125;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:#373bae;
    --bs-btn-active-border-color:#373bae;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#2E3192;
    --bs-btn-disabled-bg:transparent;
    --bs-btn-disabled-border-color:#2E3192;
    --bs-gradient:none
}

.btn-ink-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2E3192;
    --bs-btn-border-color: #2E3192;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #373bae;
    --bs-btn-hover-border-color: #373bae;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #373bae;
    --bs-btn-active-border-color: #373bae;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #2E3192;
    --bs-btn-disabled-border-color: #2E3192;
}

.btn-outline-ink-light {
    --bs-btn-color:#0071BC;
    --bs-btn-border-color:#0071BC;
    --bs-btn-hover-color:#fff;
    --bs-btn-hover-bg:#0071BC;
    --bs-btn-hover-border-color:#0071BC;
    --bs-btn-focus-shadow-rgb:108,117,125;
    --bs-btn-active-color:#fff;
    --bs-btn-active-bg:#0058bc;
    --bs-btn-active-border-color:#0058bc;
    --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:#0071BC;
    --bs-btn-disabled-bg:transparent;
    --bs-btn-disabled-border-color:#0071BC;
    --bs-gradient:none
}

.btn-ink-light {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0071BC;
    --bs-btn-border-color: #0071BC;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0058bc;
    --bs-btn-hover-border-color: #0058bc;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0058bc;
    --bs-btn-active-border-color: #0058bc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0071BC;
    --bs-btn-disabled-border-color: #0071BC;
}

@media (min-width: 992px) {
    body {
        padding-top: 40px;
    }
}

@media (max-width: 991.98px) {
    #sidebar {
        margin-left: -200px;
    }

    #sidebar.hide {
        margin-left: 0px !important;
    }
}


@media (min-height: 1000px) {
    /* Sticky footer only on screens that are larger than 1080p */
    .content {
        margin-bottom: 120px;
    }

    footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }
}

.content {
    background: #fff;
}

footer {
    border-top: 1px #000 dashed;
    background: #fff !important;
    opacity: 0.95;
}

h1 {
    border-bottom: 1px solid black;
    margin-bottom: 1em;
    font-size: 2em;
}

h2 {
    border-bottom: 1px solid black;
    margin-bottom: 1em;
    font-size: 1.7em;
}

h3 {
    border-bottom: 1px solid black;
    margin-bottom: 1em;
    font-size: 1.5em;
}

h4 {
    border-bottom: 1px solid black;
    margin-bottom: 1em;
    font-size: 1.3em;
}

h5 {
    border-bottom: 1px solid black;
    margin-bottom: 1em;
    font-size: 1.1em;
}


.h2head {
    border-bottom: 1px solid black;
    margin-bottom: 1em;
    margin-top: 1em;
}

pre:not(.mermaid) {
    background-color: #e2e3e5;
    border: 1px solid #d3d6d8;
    border-radius: 0.375rem;
    color: #225801 !important;
    padding: .4em;
    font-family: "Menlo", "DejaVu Sans Mono", "Liberation Mono", "Consolas", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace !important;
}

#pv {
    border: 1px solid #d3d6d8;
    border-radius: 0.375rem;
    padding: .2em;
}

/* Material Icons */
.mi-align-middle {
    display: inline-flex;
    vertical-align: middle;
}

.mi-super{
    vertical-align: super;
    font-size: 18px !important;
}

/* Tags */
.wf-tag {
    font-size: 12px !important;
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

#tools {
    display: none;
    position: absolute;
}

/* Accounting Archive */
.arch-row {
    cursor:pointer;
}

/* MD Formating */
.ink-md-text > blockquote {
    border-left: .4em solid crimson;
    border-right: .4em solid crimson;
    background-color: #efefef;
    border-radius: .3em;
    padding: .5em .5em .5em .5em;
    margin: 0 .5em 0 .5em;
}

.ink-md-text > blockquote > p {
    margin: 0;
}

.ink-md-text > table {
    width: 100%;
}

.ink-md-text > table > thead > tr {
    border-bottom: 1px solid black;
}

.ink-md-text > table > thead > tr > td {
    padding: .2em .5em .2em .2em;
}

.ink-md-text > table > tbody > tr > td {
    padding: .2em .5em .2em .2em;
}

.ink-md-text > table > tbody > tr:nth-child(even) {
    background-color: #efefef;
}

.alert > h1,.alert > h2,.alert > h3,.alert > h4,.alert > h5,.alert > h6 {
    border-bottom: none;
    text-decoration: underline;
}

.ink-menu-item {
    padding: .15em .15em .15em .40em;
    margin: .15em;
}

.ink-menu-item:hover {
    background-color: rgba(33, 33, 37, .1);
    border-radius: .3em;
}

.ink-menu-item > a {
    padding: 0 !important;
}

.ink-menu-item-text {
    white-space: nowrap;
}

/* inkless alerts */

.ink-check_circle {
    border-left: .4em solid #03a31f;
    border-right: .4em solid #03a31f;
    background-color: #a1ffb1;
    border-radius: .3em;
}

.ink-check_circle-symbol {
    color: #03a31f;
}

.ink-info {
    border-left: .4em solid #0017af;
    border-right: .4em solid #0017af;
    background-color: #b0bced;
    border-radius: .3em;
}

.ink-info-symbol {
    color: #0017af;
}

.ink-warning {
    border-left: .4em solid #ffa600;
    border-right: .4em solid #ffa600;
    background-color: #f8dca6;
    border-radius: .3em;
}

.ink-warning-symbol {
    color: #ffa600;
}

.ink-error {
    border-left: .4em solid #e40000;
    border-right: .4em solid #e40000;
    background-color: #ff98a9;
    border-radius: .3em;
}

.ink-error-symbol {
    color: #e40000;
}

.ink-upl-dropZone {
    width: 100%;
    height: 150px;
    border: 2px dashed #000000;
    border-radius: 10px;
    text-align: center;
    line-height: 150px;
    color: #000000;
    font-size: 16px;
    margin: 20px auto;
    cursor: pointer;
}

.ink-upl-dropZone.dragover {
    background-color: #e0f7ff;
}

.ink-upl-fileList {
    margin-top: 10px;
    text-align: center;
}

.ink-upl-file-item {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.ink-upl-progressBarContainer {
    width: 100%;
    background-color: #f3f3f3;
    border-radius: 5px;
    overflow: hidden;
    margin: 10px auto;
    display: none;
}

.ink-upl-progressBar {
    height: 20px;
    width: 0;
    background-color: #2E3192;
    text-align: center;
    color: white;
    line-height: 20px;
}

/* Compatibility classes for js */
.mandatory {}
.percent {}
.number2 {}
.number3 {}
.number3-2 {}
.number4 {}
.number5 {}
.money {}
.time {}
.date {}
.select-on-focus {}
.mdtext {}
.ms-user-group-selection {}
.ms-user-selection {}
.ms-user-selection-single {}
.ms-group-selection {}
.ms-tag-ticket-selection {}
.ms-project-for-user-selection {}