﻿.btn-group > label { margin-bottom: 0 }

.od-btn-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: end;
}

.od-text-align-initial { text-align: initial }
.visibility-hidden { visibility:hidden }
.visibility-gone { display: none }
.od-selection-none { user-select: none }
.cell-no-wrap { white-space: nowrap }
.cell-no-stretch {
    white-space:nowrap;
    min-width: 0 !important;
    width: 5px;
}

.od-va-top { vertical-align: top !important }
.va-helper { height: 100% }
.va-helper, .va-target {
    display: inline-block;
    vertical-align: middle;
}
.va-bottom {
    display: inline-block;
    vertical-align: bottom;
}

.od-fs-10 { font-size: 1em }
.od-fs-15 { font-size: 1.5em }
.od-fs-20 { font-size: 2em }
.od-text-muted { color: #b3b3b3 }
.od-text-inherit { color: inherit !important }
.od-elem-no-value, .od-typeahead-no-match { color: darkgray; font-style: italic }
.od-typeahead-no-match { padding: 5px 15px; font-size: 1rem; }

.icon-tooltip { cursor: help }

.od-form-switch-inline {
    height: calc(3.5rem + 2px);
}

label.form-switch {
    cursor: pointer;
    user-select: none;
}

.form-check input:disabled + .form-check-label {
    cursor: not-allowed
}

.hr {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.25);
}

.hr-gradient {
    background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.25), transparent);
}

.item-list > :not(:first-child) {
    margin-top: 1rem;
}

input:disabled { cursor: not-allowed }

label.required::after,
input.required + label::after,
input[data-val-required]:not([type="checkbox"]) + label::after,
input[required]:not([type="checkbox"]) + label::after,
input[data-required]:not([type="checkbox"]) + label::after {
    content: '*';
    font-size: 1.5em;
    color: red;
    position: absolute;
    top: 8px;
    right: 0px;
}

/* summernote library */

.note-hint-popover {
    padding: 0 !important
}

.note-hint-popover .note-hint-group {
    margin: 0 -1.25rem;
}

.note-hint-popover .note-hint-item {
    padding: 5px 1.25rem;
    cursor: pointer;
}

.note-hint-popover .note-hint-item.active,
.note-hint-popover .note-hint-item:hover {
    background-color: var(--bs-light-primary)
}

/* datatables v2 */

.dt-container ul.pagination {
    justify-content: end
}
