/**
* bs-stepper
*/
.active .bs-stepper-circle {
    background-color: var(--success);
}
.bs-stepper .step-trigger:focus {
    color: var(--success);
}
.bs-stepper-header .step {
    display: none;
}
.bs-stepper-header .step.active {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bs-stepper-header .step-trigger {
    cursor: default;
    align-items: start;
}
.bs-stepper-header .bs-stepper-circle {
    margin-bottom: 5px;
}

/**
* control-sidebar
*/
.layout-fixed .control-sidebar .control-sidebar-content {
    height: calc(100vh - calc(7rem + 1px)) !important;
}
.control-sidebar {
    width: 80vw !important;
}
@media screen and (max-width: 768px) {
    .control-sidebar {
        width: 100vw !important;
    }
}
#sidebar-content {
    height: calc(100vh - 12rem);
}

/**
* data-tables
*/
.dt-buttons button {
    background-color: none!important;
}

/**
* textarea
*/
textarea {
    resize: none; /* Disable manual resizing */
    overflow-y: hidden; /* Hide vertical scrollbar */
    max-height: calc(15 * 1.2em); /* Max height of 15 rows */
    width: 100%; /* Optional: Full width */
}
.note-editable {
    min-height: 300px;
}
.note-editable table{
    border: 1px solid black;
}
.tox-statusbar__branding {
    display: none;
}
.tox-promotion {
    display: none;
}
.summernote-inline {
    resize: vertical;
    overflow: auto !important;
    max-height: 70vh;
}
.summernote-inline,.summernote-date {
    background-color: #ffffff;
    min-height: 5rem;
}
.summernote-inline.large,.summernote-date.large {
    min-height: 10rem;
}
.summernote-inline.x-large,.summernote-date.x-large {
    min-height: 17rem;
}
.summernote-inline * {
    margin: 0;
    padding: 0;
}
.summernote-inline ul {
    margin-left: 1.5rem;
}
[contentEditable="true"]:focus,
[contentEditable="true"]:hover {
    outline: 2px solid #006ce7;
    z-index: 1;
}
#response-strategies .summernote-inline {
    padding: 0 0.5rem;
}

/**
* dropzone
*/
img[data-dz-thumbnail] {
    max-width: 90px;
    height: auto;
    outline: 1px auto black;
    padding: 3px;
}
/**
* custom
*/
::selection {
    background-color: lightgreen;
}

.dark-mode .navbar-white {
    background-color: #343a40;
    color: #ffffff;
}
.dark-mode .navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255 / 50%);
}

.table-bordered td, .table-bordered th {
    border: 1px solid rgba(0,0,0,0.35) !important;
}
/**
* boc other selected
*/
option.others:selected {
    display: inline-block;
}
input[list]::-webkit-calendar-picker-indicator {
    display: none!important;
    -webkit-appearance: none!important;
    -moz-appearance: textfield!important;
}

/**
* heading
*/