:root {
    --bs-link-color: #2387aa;
    --bs-link-hover-color: #00657A;
    --bs-info-rgb: 35, 134, 170;
}

.permission-tooltip {
    --bs-tooltip-max-width: 100%;    
}

.permission-tooltip .tooltip-inner {
    text-align: left !important;
}

.permission-tooltip .tooltip-inner ul {
    margin-bottom: 0;
    padding-left: 1.25rem;
}

input.form-check-input:checked {
    background-color: #2387aa;
    border-color: #2387aa;
}

/* overwrite btn-primary colors */
.btn-primary {
    --bs-btn-bg: #032f7d;
    --bs-btn-border-color: #032f7d;
    --bs-btn-hover-bg: #011f57;
    --bs-btn-hover-border-color: #001f4a;
    --bs-btn-active-bg: #001f4a;
    --bs-btn-active-border-color: #001e3e;
    --bs-btn-disabled-bg: #032f7d;
    --bs-btn-disabled-border-color: #032f7d;
}

.btn-outline-primary {
    --bs-btn-color: #032f7d;
    --bs-btn-border-color: #032f7d;
    --bs-btn-hover-bg: #032f7d;
    --bs-btn-hover-border-color: #032f7d;
    --bs-btn-active-bg: #032f7d;
    --bs-btn-active-border-color: #032f7d;
    --bs-btn-disabled-color: #032f7d;
    --bs-btn-disabled-border-color: #032f7d;
}

.btn-secondary {
    --bs-btn-bg: #555f69;
    --bs-btn-border-color: #555f69;
    --bs-btn-hover-bg: #454d56;
    --bs-btn-hover-border-color: #403f50;
    --bs-btn-active-bg: #403f50;
    --bs-btn-active-border-color: #403f50;
    --bs-btn-disabled-bg: #555f69;
    --bs-btn-disabled-border-color: #555f69;
}

.btn-outline-secondary {
    --bs-btn-color: #555f69;
    --bs-btn-border-color: #555f69;
    --bs-btn-hover-bg: #555f69;
    --bs-btn-hover-border-color: #555f69;
    --bs-btn-active-bg: #555f69;
    --bs-btn-active-border-color: #555f69;
    --bs-btn-disabled-color: #555f69;
    --bs-btn-disabled-border-color: #555f69;
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #2387aa;
    --bs-btn-border-color: #2387aa;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #015f95;
    --bs-btn-hover-border-color: #005578;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #005578;
    --bs-btn-active-border-color: #00508c;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #004352;
    --bs-btn-disabled-border-color: #004352;
}

.btn-outline-info {
    --bs-btn-color: #007993;
    --bs-btn-border-color: #007993;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #007993;
    --bs-btn-hover-border-color: #007993;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #007993;
    --bs-btn-active-border-color: #007993;
    --bs-btn-disabled-color: #004352;
    --bs-btn-disabled-border-color: #004352;
}

.btn.btn-outline-info.no-hover:hover {
    --bs-btn-hover-color: #007993;
    --bs-btn-hover-bg: #fff;
}

.btn.btn-outline-success.bg-success-subtle:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.modal-title {
    font-weight: 700;
}

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

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
    border-radius: 0.375rem;
}

.btn-group-xs > .btn, .btn-xs {
    --bs-btn-padding-y: 0.175rem;
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}

/* applies to SM and MD only */
@media (min-width: 576px) and (max-width: 991.98px) {
    .ps-0-between-sm-and-lg{
        padding-left: 0;
    }
}