:root {
    --bs-font-sans-serif: var(--font-family-base);
    --bs-primary: var(--cibor-blue);
    --bs-secondary: var(--cibor-secondary);
    --bs-success: var(--cibor-green);
    --bs-yellow: var(--cibor-yellow);
    --bs-light: var(--cibor-blue-light);
    --bs-danger: var(--cibor-danger);
    --bs-warning: var(--cibor-orange);
}

.table {
    --bs-table-striped-bg: var(--cibor-light) !important;
}
.table tr, .table th, .table td{
    color: inherit;
}

.text-primary {
    color: var(--cibor-blue) !important;
}

h1, .h1 {
    font-size: var(--h1-font-size);
    color: var(--cibor-blue);
}
h2, .h2 {
    font-size: var(--h2-font-size);
    color: var(--cibor-blue);
}
h3, .h3 {
    font-size: var(--h3-font-size);
}
h4, .h4 {
    font-size: var(--h4-font-size);
}
h5, .h5 {
    font-size: var(--h5-font-size);
}
h6, .h6 {
    font-size: var(--h6-font-size);
}

a {
    color: var(--cibor-blue);
    text-decoration: none;
}


.blur{
    filter: blur(5px);
    backdrop-filter: blur(5px);
}

.dialog::backdrop {
    opacity: 0.7;
    background-color: var(--black) !important;
}


.border-primary {
    border-color: var(--cibor-blue) !important;
}

.badge.bg-light {
    --bs-badge-bg: var(--cibor-light) !important;
    --bs-badge-color: #212529 !important;
}

.badge-secondary {
    --bs-badge-bg: var(--bs-secondary) !important;
    --bs-badge-color: #212529 !important;
}
.badge-light {
    --bs-badge-bg: var(--cibor-light) !important;
    --bs-badge-color: #212529 !important;
}

.breadcrumb {
    margin-bottom: 0;
}

.list-group{
    --bs-list-group-bg: none; !important;
}


.btn-icon{
    --bs-btn-padding-y: 0.10rem; !important;
    --bs-btn-padding-x: 0.20rem; !important;
}

.form-select-autocomplete{
    .ts-control{
        padding: 1.5rem 0.75rem 0.375rem 0.75rem; !important;
    }
}

.transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 5000ms;
}

.dropdown-menu-end {
    right: 0;
}

.progress-bar-vertical {
    width: 12px;
    height: 100%;
    /**min-height: 30px;**/
    display: flex;
    align-items: flex-end;
    background-color: var(--cibor-gray-lighter)  !important;
}

.progress-bar-vertical .progress-bar {
    width: 100%;
    height: 0;
    -webkit-transition: height 0.6s ease;
    -o-transition: height 0.6s ease;
    transition: height 0.6s ease;
}

/**
 * Collapsed css logic
 */
[data-bs-toggle="collapse"] {
    &.collapsed .if-not-collapsed {
        display: none;
    }
    &:not(.collapsed) .if-collapsed {
        display: none;
    }
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}


.sticky-top {
    z-index: 500 !important;
}

.card {
    position: relative;
}

ul.pagination{
    margin: 0;
}

.copy-to-clipboard{
    line-height: 0;
    button{
        margin:0;
        padding: 0;
    }
}

.btn-group > .btn-group:last-child > button:last-of-type:not(:only-child):has(+ dialog) {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.scrollable {
    overflow-y: auto;
    overflow-x: hidden;
}