.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.font-bold {
    font-weight: bold;
}

.text-uppercase {
    text-transform: uppercase;
}

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

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

.text-center {
    text-align: center !important;
}

/*.appbar-themelight {
    background-color: var(--mud-palette-primary) !important;
    color: #fff !important;
}*/

.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.ck-content {
    height: 500px;
}

.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;
}

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

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

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

.waiting-dialog {
    width: 250px;
    padding-bottom: 10px;
    text-align: center;
}

.table-manager .mud-table-cell {
    padding: 6px !important;
}

.table-calendar th {
    border: 1px solid #ddd;
    text-align: center !important;
}

.table-calendar td {
    border: 1px solid #ddd;
    padding: 5px !important;
}

.table-calendar .calendar-today {
    background: var(--mud-palette-primary);
    color: #fff
}

.table-calendar .calendar-jobname {
   font-weight: bold;
}

.thuvien-details .img-container {
    position: relative;
}

.thuvien-details .removeimg-btn {
    position: absolute;
    top: 0;
    right: 0;
}

@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;
    }
    .toolbar-search,
    .toolbar-area {
        display: initial;
    }
}


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