/*
    Tooltip
        Handle the tooltip overflow within grids, and add a "force wrod wrap" class
        required to prevent long unbroken strings from escaping the tooltip confines
*/

.mud-tooltip {
    max-height: none !important;
}

.tc-grid-tooltip-overflow {
    max-width: 150px;
}

    .tc-grid-tooltip-overflow > .mud-tooltip-root {
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .tc-grid-tooltip-overflow > .mud-tooltip-root > a {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.tc-force-word-wrap {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    hyphens: auto;
}

/* Data Grids */
.tc-data-grid {
}

    .tc-data-grid .mud-table-container {
        height: auto;
        max-height: 65vh;
    }

    .tc-data-grid .mud-table-head .mud-table-row .mud-table-cell {
        background-color: rgb(215, 215, 215);
    }

        .tc-data-grid .mud-table-head .mud-table-row .mud-table-cell:hover {
            background-color: rgb(180, 180, 180);
        }

    .tc-data-grid.tc-sub-data-grid .mud-table-head .mud-table-row .mud-table-cell {
        background-color: rgb(180, 180, 225);
    }

        .tc-data-grid.tc-sub-data-grid .mud-table-head .mud-table-row .mud-table-cell:hover {
            background-color: rgb(140, 140, 200);
        }

    .tc-data-grid.mud-table-dense * .mud-table-row .mud-table-cell {
        padding: 3px 6px 3px 6px !important;
    }

    .tc-data-grid .mud-table-root .mud-table-head * .mud-table-cell:first-child {
        border-radius: 0px;
    }

    .tc-data-grid .mud-table-root .mud-table-head * .mud-table-cell:last-child {
        border-radius: 0px;
    }

    .tc-data-grid .mud-input-control .mud-checkbox {
        margin: 0px;
    }

        .tc-data-grid .mud-input-control .mud-checkbox span {
            padding: 2px 2px;
        }

    .tc-data-grid .mud-input-control .mud-radio {
        margin: 0px;
    }

        .tc-data-grid .mud-input-control .mud-radio span {
            padding: 2px 2px;
        }

            .tc-data-grid .mud-input-control .mud-radio span .mud-radio-icon-checked {
                margin-left: 2px;
            }

    .tc-data-grid.autohide-options .column-options.cursor-pointer:not(:has(.mud-direction-asc, .mud-direction-desc)) {
        display: none !important;
    }

    .tc-data-grid .mud-table-row {
    }

        .tc-data-grid .mud-table-row .date-header,
        .tc-grid .mud-table-row .date-header {
            text-align: right;
        }

        .tc-data-grid .mud-table-row .date-cell,
        .tc-grid .mud-table-row .date-cell {
            text-align: right;
        }

        .tc-data-grid .mud-table-row .currency-header,
        .tc-grid .mud-table-row .currency-header {
            text-align: right;
        }

        .tc-data-grid .mud-table-row .currency-cell,
        .tc-grid .mud-table-row .currency-cell {
            text-align: right;
        }

        .tc-data-grid .mud-table-row .numeric-header,
        .tc-grid .mud-table-row .numeric-header {
            text-align: right;
        }

        .tc-data-grid .mud-table-row .numeric-cell,
        .tc-grid .mud-table-row .numeric-cell {
            text-align: right;
        }

/* Form Inputs */
.tc-form-container {
}

    .tc-form-container .mud-input > input.mud-input-root-outlined, .tc-form-container div.mud-input-slot.mud-input-root-outlined {
        padding: 16px 12px 12px 12px !important;
    }

    .tc-form-container .mud-input .mud-input-adornment.mud-text p {
        padding: 16px 0px 12px 0px !important;
        font-size: .9rem !important;
    }

    .tc-form-container .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
        font-size: .9rem !important;
    }

    .tc-form-container .mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol {
        line-height: 15px !important;
    }

    .tc-form-container .mud-input-outlined-border {
        border-radius: 0px !important;
    }

    .tc-form-container .mud-input-control .mud-input.mud-disabled {
    }

        .tc-form-container .mud-input-control .mud-input.mud-disabled .mud-input-slot {
            cursor: text !important;
        }

        .tc-form-container .mud-input-control .mud-input.mud-disabled + label {
            transform: translate(14px, -6px) scale(0.75);
            transform-origin: top left;
        }

.tc-hidden-input .mud-input {
    color: white;
    border: none;
    text-decoration: none;
    height: 0px;
    width: 0px;
    padding: 0px;
    margin: 0px;
    font-size: 1px;
}

    .tc-hidden-input .mud-input::before {
        border: none;
        text-decoration: none;
    }

    .tc-hidden-input .mud-input::after {
        border: none;
        text-decoration: none;
    }

/*Input Status*/
.tc-select-status-green > .mud-select {
    background-color: rgb(47, 165, 42) !important;
    color: white !important;
}

.tc-select-status-yellow > .mud-select {
    background-color: rgb(255, 223, 97) !important;
    color: black !important;
}

.tc-select-status-orange > .mud-select {
    background-color: rgb(219, 140, 17) !important;
    color: black !important;
}

.tc-select-status-red > .mud-select {
    background-color: rgb(193, 43, 43) !important;
    color: white !important;
}

.tc-select-status-blue > .mud-select {
    background-color: rgb(41, 95, 135) !important;
    color: white !important;
}

/* Search Handler */
.tc-search-handler {
    padding-bottom: 4px;
}

    .tc-search-handler > .tc-search-item {
        padding-top: 4px;
    }

/* Header Component */
.tc-section-right {
    padding-top: 7px;
    float: right;
    margin: 5px;
}

.tc-section-left {
    padding-top: 7px;
    padding-left: 10px;
    float: left;
    margin: 5px;
}

.tc-section-bottom {
    clear: both;
    margin: 8px;
}