.tooltip {
    opacity: 1 !important;
    --bs-tooltip-bg: #004176ff;
}

.tooltip-inner {
    max-width: 30em !important;
    color: var(--bs-white) !important;
}

#user_access_token::after {
  content: " ...";
}

/* modify style of dcc.Dropdown*/

.input-group > .dash-dropdown:not(:first-child) > .Select > .Select-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .dash-dropdown:not(:last-child) > .Select > .Select-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.dash-dropdown {
    display: flex;
    align-items: center;
}

.dash-dropdown > .Select {
    height: 100%;
    width: 100%;
}

.dash-dropdown > .Select > .Select-control{
    height: 100%;
}

.Select-value {
    display: flex;
    align-items: center;
}

/* set color of select elements to primary bs color */
.Select--multi .Select-value {
    /*background-color: rgba(var(--bs-primary-rgb),.08);*/
    color: var(--bs-primary);
    border: 1px solid rgba(var(--bs-primary-rgb),.24);
}

.is-focused:not(.is-open) > .Select-control {
    border-color: var(--bs-primary);
}

.Select-placeholder {
    align-content: center
}

.column-header--sort{
    fill: var(--bs-red);
}

.modal-col-4 {
    width: calc(var(--bs-modal-width) / 4);
}

.action_modal_preview_card:hover {
    /*cursor: pointer;*/
    transform: scale(1.05);
}

.action_modal_preview_card > a > .card-img {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: 7em;
}

.action_modal_preview_card > .card-header > i{
    float: right;
    color: var(--bs-primary);
}


.btn-close {
    -webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em 1em no-repeat;
    --bs-btn-close-bg: none;
    background-color: currentColor;
}

input[type="checkbox"] {
  accent-color: var(--bs-primary);
}

.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.station_metadata_row {
    align-items: center;
}

.word_break_elem {
    word-break: break-word;
}

.inline-radio-select > label {
    cursor: pointer;
    margin-right: 1em;
}

.inline-radio-select > label > input {
    margin-right: .25em;
}

.modal-border-top {
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color)
}