:root {
    --nav-bar-background: #003c6c;
}

.input-disabled-text-primary .mud-input-control .mud-input-root:disabled {
    color: var(--mud-palette-text-primary) !important;
}

.input-disabled-text-primary .mud-checkbox.mud-disabled * {
    color: var(--mud-palette-text-primary) !important;
    font-weight: bold;
}

.tabs-custom .mud-tabs-toolbar-wrapper .mud-tooltip-root {
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    margin-right: -1px;
}

.tabs-custom .mud-tab.mud-tab-active {
    background: var(--mud-palette-primary);
    color: #fff;
}

    .tabs-custom .mud-tab.mud-tab-active:hover {
        background: var(--mud-palette-primary-darken);
    }

.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-autocomplete {
        margin-top: -6px !important;
    }
        .toolbar-search .mud-autocomplete .mud-input-control-input-container {
            width: 100%;
        }

            .toolbar-search .mud-autocomplete .mud-input-control-input-container .mud-input-slot {
                width: 100%;
            }

.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: 100% !important;
    padding-bottom: 10px !important;
    text-align: center !important;
}

.table-manager .mud-table-cell {
    padding: 6px !important;
}

.mud-input > input.mud-input-root:disabled,
div.mud-input-slot.mud-input-root:disabled,
.mud-select .mud-disabled .mud-select-input {
    font-weight: bold;
    color: darkgray;
}

.mud-table-row.selected {
    background-color: var(--mud-palette-primary) !important;
}

    .mud-table-row.selected > td,
    .mud-table-row.selected button,
    .mud-table-row.selected > td .mud-input {
        color: white !important;
    }

.pager-button-small .mud-icon-button {
    padding: 6px !important;
}

.mud-table-row .mud-ripple-checkbox {
    color: var(--mud-palette-primary) !important;
}
.mud-popover .mud-list {
    max-height: 300px;
    overflow-y: auto;
}


.form-custom .mud-select-input {
    height: 32px;
}
.form-custom .mud-grid-spacing-xs-3 > .mud-grid-item {
    padding: 6px;
}

.form-inbang-main {
    overflow: auto !important;
    /*overflow-y: auto !important;*/
    width: fit-content !important;
    height: fit-content !important;
}

.table-advanced-search {
    background: var(--mud-palette-background-grey);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 4px;
    padding: 8px;
    margin-top: 8px;
    display: flex;
}

.side-menu {
    background: var(--mud-palette-background-grey) !important;
}

    .side-menu .mud-drawer-header {
        color: #fff;
        background: var(--nav-bar-background) !important;
        min-height: calc(var(--mud-appbar-height) - 1px);
    }

    .side-menu .mud-nav-link {
        align-items: center;
    }


.side-menu-group > .mud-nav-link:not(.mud-nav-link-disabled) .mud-nav-link-icon.mud-nav-link-icon-default {
    color: var(--nav-bar-background) !important;
}

.nav-menu {
    background: var(--nav-bar-background) !important;
}

    .nav-menu .mud-toolbar-appbar {
        color: #fff;
    }

.sticky-table .sticky-colunm-left {
    left: 0;
    position: sticky;
    background: var(--mud-palette-background-grey);
}

.sticky-table .sticky-colunm-right {
    right: 0;
    position: sticky;
    background: var(--mud-palette-background-grey);
}

.sticky-table th {
    text-align: center;
    border-top: 1px solid var(--mud-palette-divider);
}

.sticky-table .sticky-colunm-th {
    z-index: 9 !important;
}

.sticky-table .sticky-colunm-td {
    z-index: 8 !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 {
        display: block !important;
        height: 100% !important;
    }

        .mud-table-toolbar .mud-menu {
            width: 100%;
            justify-content: end;
        }

    .toolbar-search,
    .toolbar-area {
        display: initial;
    }

    .table-advanced-search {
        background: none;
        border: none;
        border-radius: 0;
        padding: 0;
        margin-top: 0;
        display: initial;
    }
}

@media (min-width: 600px) {
    .mud-table-toolbar {
        min-height: 90px;
    }
}

.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell,
.mud-calendar table thead tr > th {
    background-color: #00589f !important;
    color: white !important;
    font-weight: bold !important;
}

.mud-table-empty-row * .mud-typography{
    color: var(--mud-palette-primary) !important;
    font-weight: bold !important;
}

.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:first-child,
.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:last-child {
    border-radius: 0 !important;
}