.text-right {
    text-align: right;
}

.wrap-text {
    white-space: normal !important;
    word-wrap: break-word;
}

.table-responsive td,
.table-responsive th {
    vertical-align: middle !important;
}

table.dataTable td.dataTables_empty {
    text-align: left;
}

.table > :not(caption) > * > * {
    padding: 0.45rem 0.5rem;
}

button[disabled][data-toggle="tooltip"] {
    pointer-events: auto;
    cursor: not-allowed;
}

.ace_editor {
    height: 600px;
    max-height: 50vh;
    font-size: 16px;
}

.ace_editor .ace_content {
    font-size: 16px;
}

/* .sidebar .sidebar-header .sidebar-toggler.not-active span {
    animation: none !important;
} */

.sidebar .sidebar-body .nav .nav-item .nav-link .link-icon {
    width: 20px;
    height: 20px;
}

.toggle-filters-form {
    display: none;
}

.select2-container--bootstrap
    .select2-results__option--highlighted[aria-selected] {
    background-color: #6571ff;
}

.select2-container--bootstrap .select2-dropdown,
.select2-container--bootstrap .select2-selection,
.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
    border-color: #e9ecef;
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
    box-shadow: none;
}

.horizontal-menu .bottom-navbar .page-navigation {
    justify-content: flex-start;
}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-wrap {
    max-width: 250px; /* Adjust as necessary */
    white-space: pre-wrap; /* Maintains whitespace and respects \n */
    word-wrap: break-word; /* Breaks long words if necessary */
}

.image-upload-wrapper .placeholder-text {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
}

.tutorial-banner-preview {
    width: 300px;
    height: 112.5px;
    background-color: #f3f3f3;
    position: relative;
}

.tutorial-right-image-preview {
    width: 200px;
    height: 200px;
    background-color: #f3f3f3;
    position: relative;
}

.image-upload-controls {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.tutorial-banner-preview:hover .image-upload-controls {
    display: flex;
}

.tutorial-right-image-preview:hover .image-upload-controls {
    display: flex;
}