body .container-fluid, body .container-fluid > .row.flex-xl-nowrap {
    height: 100%;
}

.wrap-anywhere {
    overflow-wrap: anywhere;
}

.btn-additionalinfo {
    margin-top: -2px;
}

.field-filled-gray {
    background-color: #cccccc85;
}

.field-filled-error div.mud-input.mud-input-outlined div.mud-input-outlined-border,
.field-filled-error div.mud-input.mud-input-outlined div.mud-input-outlined-border :hover {
    border-color: #f44336;
}

.gridcell-ClientApps,
.gridcell-ClientAppScopes {
    min-width: 160px;
}

.gridcell-MemberOfGroups {
    min-width: 230px;
}

.edit-custom-format-visual .custom-format-visual {
    padding-left: 14px;
}

.proauth-btn-large {
    min-width: 235px !important;
    height: 58px;
    line-height: 45px;
}

.pa-4.popover-additional-info {
    padding: 0px !important;
    padding-right: 8px !important;
}

    .pa-4.popover-additional-info .row.base-row {
        padding: 4px 8px;
    }

.additional-action-container .mud-dialog-content {
    min-width: 700px !important;
}

.center-container {
    height: 90vh;
    width: 80vw;
    position: relative;
}

    .center-container .center-content {
        margin: 0;
        position: absolute;
        top: 40%;
        left: 45%;
        transform: translate(-50%, -50%);
    }

.table > :not(caption) > * > * {
    border-bottom: none !important;
}

.groupedit-memberusers-additionalaction {
    width: 1200px !important;
}

@media screen and (max-width: 670px) {
    .mud-dialog {
        max-width: 600px !important;
        overflow: auto;
    }

    .mud-dialog-title {
        width: 600px !important;
    }

    .mud-dialog-content {
        width: 600px !important;
    }
}

.tooltip-dynamic {
    bottom: 50% !important;
}

.optioneditor-control .mud-table-cell {
    padding: 0px !important;
}

.readonly-copy-action {
    top: 10px !important;
}

.optioneditor-control .column-3 .mud-input > .mud-input-root-outlined {
    padding-right: 35px;
}

.optioneditor-control .column-3 .mud-input > textarea.mud-input-root-outlined {
    margin-top: 0px;
    margin-bottom: 0px;
}

.celloverflow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 50px;
}

.celloverflow:hover {
    overflow: visible;
}

.celloverflow:hover span {
    position: relative;
    background-color: white;
    box-shadow: 0 0 4px 0 black;
    border-radius: 4px;
    padding: 4px;
}