.ck-editor__editable,
textarea {
    min-height: 150px;
}

.datatable {
    width: 100% !important;
}

.dataTables_length,
.dataTables_filter,
.dt-buttons {
    margin-bottom: 0.333em;
}

.dt-buttons .btn {
    margin-left: 0.333em;
    border-radius: 0;
}

.table.datatable {
    box-sizing: border-box;
    border-collapse: collapse;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 2px solid #f4f4f4;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
}

.select2 {
    max-width: 100%;
    width: 100%;
}

.searchable-title {
    font-weight: bold;
}
.searchable-fields {
    padding-left:5px;
}
.searchable-link {
    padding:0 5px 0 5px;
}
.searchable-link:hover   {
    cursor: pointer;
    background: #eaeaea;
}
.select2-results__option {
    padding-left: 0px;
    padding-right: 0px;
}

.form-group .required::after {
    content: " *";
    color: red;
}

/* ─── Google Drive Picker: push popup below the fixed navbar ─── */
/* The picker injects iframes directly into <body>; target them by
   their known class names from the google.picker library.       */
.picker-dialog-bg {
    z-index: 2000 !important;
}

.picker-dialog {
    z-index: 2001 !important;
    top: 63px !important;   /* height of the fixed topbar */
}

/* ─── jQuery blockUI: make overlay cover the fixed topbar ─── */
/* Default blockUI z-index (1000) is lower than Bootstrap's fixed
   navbar (1030), so the overlay misses the topbar.            */
.blockOverlay {
    z-index: 2100 !important;
}

.blockMsg {
    z-index: 2101 !important;
}

/* ─── Native <select>: prevent black flash on Windows ─── */
/* On Windows, the browser briefly renders the dropdown before
   painting its background. Setting it explicitly avoids the flash. */
select,
select option {
    background-color: #fff;
    color: #333;
}
