body {
    background: rgba(0,0,0,0.04);
    font-size: 14px;
    overflow: hidden;
}

.full-width {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
}

.full-height {
    height: 100%;
}

.full-height-w-footer {
    height: calc(100% - 60px);
}

.position-relative {
    position: relative !important;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

    .pull-left img {
        width: 40px;
        margin-right: 5px;
    }

.grid-toolbar-height-fix .mud-table-container {
    height: calc(100% - 64px) !important;
}

.custom-data-grid {
    display: flex !important;
    flex-direction: column;
    height: 100%;
}

.transparent-bg {
    background: transparent;
}

.sidebar-title {
    line-height: 20px;
}

.edit-btn {
    color: var(--mud-palette-primary);
}

.clear-btn {
    position: absolute;
    top: 23px;
    right: 15px;
    z-index: 100;
    width: 30px;
    height: 30px;
    min-height: 30px;
    border: 1px solid var(--mud-palette-secondary);
    background: transparent;
    box-shadow: none;
}

    .clear-btn .mud-icon-size-medium {
        font-size: 15px;
        color: var(--mud-palette-secondary);
    }

    .clear-btn:hover {
        box-shadow: none;
    }

        .clear-btn:hover .mud-icon-size-medium {
            color: #fff;
        }

.drawer-content {
    height: calc(100% - 52px);
}

.customer-edit-panel.mud-drawer--open {
    width: calc(100% - 240px) !important;
    height: calc(100vh - 65px) !important;
    top: 65px !important;
    overflow: hidden !important;
}

.customer-edit-panel .mud-drawer-header {
    padding: 10px 20px;
    min-height: 50px;
    //border-bottom: 1px solid var(--mud-palette-primary);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

    .customer-edit-panel .mud-drawer-header h6 {
        font-weight: normal;
        color: var(--mud-palette-primary);
    }

.custom-dialog-height {
    height: calc(100% - 120px) !important;
}

.split-grid-fix {
    align-content: flex-start;
    height: calc(100% - 50px);
}

.dialog-grid-wrap {
    height: calc(100% - 210px);
}

.page-footer {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    box-shadow: 0 1px rgba(0,0,0,0.08) inset;
    border-radius: 0;
    background: #fafafa;
}

    .page-footer button {
        margin-right: 4px;
    }

.loader {     
    position: fixed;
    z-index: 100;
    left: 50%;
    top: 50%;
}

.mr-15 {
    margin-right: 15px !important;
}

.license-dialog-title {
    margin-bottom: 16px;
    font-size: 16px;
    padding-left: 10px;
    font-weight: 400;
}

.client-select .mud-input-control {
    margin-top: 0;
}

.license-status {
    position: absolute;
    right: 26px; /*22*/
    top: 88px; /*87*/
    font-size: 16px;
}

    .license-status.status-pos-fix {
        top: 75px;
    }

    .license-status span {
        font-weight: 700;
    }

    .active-status span {
        color: var(--mud-palette-tertiary);
    }

.expired-status span {
    color: var(--mud-palette-secondary);
}

.manual-input {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

.chk-helper {
    display: block;
    margin: -12px 0 0 45px;
    color: #EDA145;
}

    .chk-helper svg {
        vertical-align: text-bottom;
        height: 16px;
        width: 16px;
    }

/* overwrite */
.mud-main-content {
    height: 100vh;
}

.mud-table.mud-data-grid {
    height: 100% !important;
}

.column-header span {
    color: var(--mud-palette-primary);
}

.mud-input-control-helper-container {
    margin: 0;
}

.mud-input-helper-text.mud-input-error {
    position: absolute !important;
    right: 0 !important;
    bottom: -18px !important;
    font-size: 10px !important;
}

.mud-table-container {
    max-height: 100%;
}

.mud-table-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* new */

.full-height.full-height-tab-fix {
    height: calc(100% - 50px);
}

.mud-table-body .mud-table-row:hover {
    background: rgba(0,0,0,0.03);
    //cursor: pointer;
}

.mud-table-body .mud-table-cell:hover {
    
}

.column-cell-template {
    padding: 16px;
    width: 100%;
    height: 100%;
    cursor: default;
}

.mud-toolbar .mud-icon-button-label {
    color: #fff;
}

.mud-tabs-panels.full-height > .mud-typography {
    height: 100%;
}

.tab-height-fix .mud-table-container {
    height: calc(100% - 40px);
}

.license-dialog-toolbar {
    margin-bottom: 12px;
}

.license-dialog-toolbar > button {
    margin-right: 5px;
}

.active-licenses {
    margin-left: 16px;
}

.dialog-list-item {
    width: 500px;
    padding: 8px 0;
}

.remove-clientid {
    padding: 8px;
    margin-left: 4px;
}

.mud-select:has(.customer-dialog-dd) {
    flex-grow: unset;
}

.dd-filter {
    width: 250px !important;
    flex-grow: 0;
    height: 36px;
    margin: 0 0 0 15px;
}

    .dd-filter .mud-input-slot {
        height: 17px !important;
        font-size: 14px !important;
        padding-top: 8px !important;
        //padding: 0 14px !important;
    }

    .dd-filter.mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol {
        line-height: 12px;
        font-size: 14px;
    }

    .dd-filter .mud-input-outlined-border {
        height: 36px;
    }

.mud-toolbar .dd-filter .mud-icon-button-label {
    color: var(--mud-palette-action-default);
}

.expire-status-wrapper {
    position: absolute;
    left: 130px;
    top: 20px;
    text-align: center;
}

    .expire-status-wrapper .mud-tooltip-root.mud-tooltip-inline {
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
    }

.expire-status-indicator {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50%;
    background: #EDA145;
    margin: 6px 0 0 5px;
}

    .expire-status-indicator.status-ok {
        background: #15B097;
    }

    .expire-status-indicator.expired {
        background: #C03744;
    }

.expire-status-wrapper.pin-status {
    left: 12px;
}

    /* LOGIN */
    .login-container {
        padding: 35px;
        position: absolute;
        top: calc((100% - 64px) / 2);
        left: calc((100% + 240px) / 2);
        transform: translate(-50%,-50%);
    }

.logout-btn {
    position: absolute;
    right: 30px;
}

.user-menu {
    position: absolute;
    right: 0;
    height: 64px;
    line-height: 64px;
    border-left: 1px solid rgba(255,255,255,0.2);    
}

    .user-menu button {
        min-width: 150px;
    }

    .user-menu .mud-button-outlined {
        border-color: transparent;
    }

    .user-menu .mud-button-label {
        color: #fff;
        text-transform: none;
    }

        .user-menu .mud-button-label .mud-button-icon-end {
            margin-left: 12px;
        }

.user-menu-item {
    padding: 0 16px;
    min-width: 130px;
}

.user-menu-item .mud-typography {
    font-size: 14px;
}