/* Custom Dialog */
.t-custom-dialog .mud-dialog-content {
    padding: 0 !important; 
}

.t-custom-dialog .mud-dialog-actions {
    justify-content: flex-end; 
    margin: 0 !important; 
    padding: 8px !important;
}

.t-custom-dialog .t-car-grid {
    margin-bottom: 0px;
    margin-top: 24px;
    container-type: inline-size;
    width: 100vw;
    max-width: 960px;
}


/* Contact/Product/Offer Search Dialog */
.t-contact-nav-search-container {
    display: flex;
    flex-direction: column;
    transition: width .1s ease-in-out, height .1s ease-in-out;
    min-width: 194px;
    min-height: 50px;
    max-height: 350px;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    outline: none;
    position: relative;
}

    .t-contact-nav-search-container span {
        padding: 4px 0;
        padding-right: 16px;
        padding-left: 8px;
        cursor: pointer;
        min-width: 150px;
        white-space: nowrap;
        width: min-content;
        border-radius: 4px;
    }

        .t-contact-nav-search-container span:hover {
            background-color: var(--mud-palette-background-gray);
        }

.t-search-small-icon-button{
    border-radius: 4px !important;
    padding: 5px !important;
}

.t-search-small-icon-button-container{
    margin: 4px 0px;
    display:flex;
    gap: 4px;
}

.t-dialog-search-search-field .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root {
    width: 100px; 
    flex-grow: 1;
}


/* Accessory Add Dialog */
.t-add-accessory-dialog .mud-input-root-margin-dense {
    font-size: 14px !important;
    padding: 8px !important;
}

.t-add-accessory-dialog .mud-input.mud-input-filled {
    border-radius: 4px !important
}

.t-add-accessory-dialog .t-standard-text-box {
    height:auto!important;
    margin-bottom:0px!important;
    padding-left:60px!important;
}

    .t-add-accessory-dialog .t-standard-text-box .t-standard-text-box .mud-input-root {
        padding: 2px 8px 2px!important;
    }

.t-accessory-tax-radio-group {
    display: flex;
    align-items: center; 
    font-size: 14px;
}

.t-accessory-tax-radio-group .mud-typography{
    font-size: 14px!important;
    font-weight: 500;
}

.t-accessory-tax-radio-group .mud-icon-button{
    padding: 8px!important;
}

.t-text-number-right-placeholder-left input{
    text-align: right;
}

.t-text-number-right-placeholder-left input::placeholder {
    text-align: left;
}

.t-add-accessory-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    width:250px;
}

.t-add-accessory-column {
    width: 60%;
}


/* ProductValuation Dialog */
.t-edit-product-valuation-columns-container {
    display: flex;
    flex-direction: row;
    gap: 32px;
    flex-wrap: wrap;
}

.t-edit-product-valuation-column {
    display: flex;
    flex-direction: column;
    min-width: 215px;
    width: calc(50% - 16px);
    flex-grow: 1;
}

.t-edit-product-valuation-dialog .mud-input-root-margin-dense {
    font-size: 14px !important;
    padding: 8px !important;
}

.t-edit-product-valuation-dialog .mud-input.mud-input-filled {
    border-radius: 4px !important;
}

.t-edit-product-valuation-dialog .mud-input.mud-input-filled:hover::before {
    border-bottom: 0px !important;
}

.t-edit-product-valuation-dialog .mud-input.mud-input-filled.mud-input-underline:after {
    border-radius: 0 0 4px 4px !important;
    height: 2px !important;
}

.t-edit-product-valuation-dialog .t-standard-text-box {
    height: 35px;
    margin-bottom: 0px !important;
    padding-left: 125px !important;
    position: relative;
    overflow-x: visible;
}

.t-text-number-right-placeholder-left input {
    text-align: right;
}

    .t-text-number-right-placeholder-left input::placeholder {
        text-align: left;
    }

.t-edit-product-valuation-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 230px;
}

.t-percentage-absolute-mud-field {
    position: absolute !important;
    right: -42px;
    width: 40px;
    height: 33px;
    z-index: 1;
}

.t-trade-in-product-valuation-dialog-clickable-text {
    position: absolute;
    right: -61px;
    cursor: pointer;
    color: var(--mud-palette-tertiary-text);
    font-weight: 500;
    z-index: 1;
    user-select: none;
}

.t-trade-in-product-valuation-dialog-clickable-a-text {
    right: -8px;
    display: block;
    position: relative;
    width: 0px!important;
    font-weight: 500;
    z-index: 1;
    user-select: none;
}

    .t-trade-in-product-valuation-dialog-clickable-text:hover {
        text-decoration: underline;
    }

.t-dialogs-button-container {
    display: flex;
    float: right;
    width: 100%;
    justify-content: end;
    padding-top: 8px;
    padding-bottom: 12px;
    gap: 16px;
}

.t-edit-product-valuation-dialog .mud-input-control-helper-container{
    display:none;
}

@media (max-width: 510px) {
    .t-edit-product-valuation-dialog .t-standard-text-box {
        max-width: calc(100% - 64px);
    }

    .t-trade-in-product-status-field{
        margin-top: 16px!important;
    }

    .t-dialogs-button-container {
        justify-content: space-between !important;
    }

}