/*@import "./QuestionPage/form.css";*/

.mud-toolbar-appbar {
    border-bottom: 1px solid var(--mud-palette-divider);
}

.ck-theme .ck-content,
.ck-theme .ck-toolbar,
.ck-theme .ck-toolbar .ck-toolbar__items .ck-list-styles-dropdown .ck-dropdown__panel .ck-list-properties .ck-list-styles-list,
.ck-theme .ck-toolbar .ck-toolbar__items .ck-dropdown .ck-dropdown__panel .ck-list {
    background: var(--mud-palette-background) !important;
}

    .ck-theme .ck-toolbar .ck-toolbar__items .ck-button {
        color: var(--mud-palette-text-primary) !important;
    }

        .ck-theme .ck-toolbar .ck-toolbar__items .ck-button:not(.ck-disabled):not(.ck-button.ck-on):hover {
            color: var(--mud-palette-primary-darken) !important;
        }

        .ck-theme .ck-toolbar .ck-toolbar__items .ck-button.ck-on:not(.ck-color-grid__tile) {
            background: var(--mud-palette-primary) !important;
            color: var(--mud-palette-primary-text) !important;
        }

.ck-theme .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
    border: 1px solid var(--mud-palette-primary) !important;
}

.ck.ck-content {
    height: 500px;
}

.ck-content ul,
.ck-content ol {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.editor-content figure img {
    width: 100%;
}

.editor-content figure figcaption {
    text-align: center;
    background: #f7f7f7;
}

.tree-container {
    min-height: calc(100vh - 117px);
    border-radius: 4px;
}

.tree-header {
    padding: 16px;
    border-bottom: 1px solid #e0e0e0;
}

.tree-header p {
    font-weight: bold;
}

.tree-body .mud-treeview-item-content {
    padding: 16px;
}

.table-toolbar-search,
.toolbar-area {
    display: flex;
}

.table-toolbar-search .mud-select .mud-select-input .mud-input-slot {
    min-width: 120px;
}

.table-toolbar-search .mud-input-control > .mud-input-control-input-container 
    > .mud-input-label-outlined.mud-input-label-inputcontrol {
    line-height: 12px;
}

.table-toolbar-btn {

}

.waiting-dialog {
    width: 100% !important;
    padding-bottom: 10px;
    text-align: center;
}

.pagination-custom {
    display: flex;
    justify-content: end;
    border-top: 1px solid var(--mud-palette-table-lines);
    height: 52px;
    padding-right: 8px;
    font-size: .875rem;
}

    .pagination-custom .pagination-select .mud-input-slot {
        width: 25px;
        font-size: .875rem;
    }

    .pagination-custom .pagination-select .mud-input-outlined-border {
        border: none !important;
    }

@media (min-width: 1920px) {
    .mud-container-maxwidth-xl {
        max-width: inherit !important;
    }
}

@media only screen and (max-width: 960px) {
    .mud-sm-table .mud-table-cell-sm-block {
        display: block !important;
    }
}

@media (max-width: 600px) {
    .table-manager .mud-table-cell-sm-block {
        display: block !important;
    }

    .mud-table-toolbar {
        height: 200px !important;
    }
    .table-toolbar-search,
    .toolbar-area {
        display: initial;
    }
}


@media (min-width: 600px) {
    .mud-table-toolbar {
        min-height: 90px;
    }
}

.mud-table-row .mud-table-cell {
    text-align: center;
}

.mud-table-container {
    margin-top: 5px !important;
}

.mud-table-root .mud-table-head .mud-table-row .mud-table-cell {
    border-top: 1px solid var(--mud-palette-table-lines) !important;
}

.mud-input-control .mud-disabled .mud-input-slot {
    font-weight: bold !important;
    color: var(--mud-palette-gray-darker) !important;
}

.mud-input-control .mud-input:not(mud-disabled) .mud-input-slot {
    font-weight: bold !important;
}

.mud-input.mud-input-outlined .mud-input-outlined-border {
    border-color: var(--mud-palette-primary) !important;
}

.mud-input.mud-input-outlined.mud-disabled .mud-input-outlined-border {
    border-color: lightgray !important;
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform: translate(14px, -6px) scale(0.9) !important;
    color: var(--mud-palette-primary) !important;
}

.mud-input-label-inputcontrol {
    top: -2px !important;
}

.mud-chip-filled {
    border-radius: 4px !important;
}

.mud-chip > .mud-chip-content {
    font-weight: 450 !important;
}

.mud-nav-link {
    white-space: normal !important;
}