/* Product specific css */
.tab-content-product {
    padding: 35px 35px 25px 35px;
    min-width: 600px;
    border-color: rgb(236, 236, 236);
}

.right-align-price input {
    text-align: right;
}

/* mud-dialog */
.mud-dialog .mud-dialog-title .mud-button-close {
    top: 25px;
    right: 30px;
    position: absolute;
    color: black;
}

.mud-dialog .mud-dialog-actions {
    justify-content: flex-start;
}

.field-entry .mud-input-outlined {
    border-width: 1px;
}

.mud-dialog .mud-dialog-content {
    padding-top: 0 !important;
}

/* mud-card */
.mud-card-content {
    padding: 0 !important;
}

/* add-button */
.add-button {
    border-radius: 50%;
    border: none;
    box-shadow: none;
    background-color: white;
    padding: 0 0 0 0;
    height: 32px;
    width: 32px;
}

.add-button:hover svg path {
    fill: #3D3D3D;
}

.add-button .mud-icon-size-large {
    font-size: 2rem;
}

/* wifi icon */
.wifi-icon-on {
    border-radius: 50%;
    border: 1px solid black;
    height: 28px;
    width: 28px;
    padding: 4px;
}

.wifi-icon-off {
    border-radius: 50%;
    background-color: #E00B00;
    height: 28px;
    width: 28px;
    padding: 4px;
}

/* inverted */
.inverted {
    filter: invert(100%);
}

.inverted:hover {
    filter: none;
    background-color: #FFEE00;
}

/* tab  */
.mud-tab.mud-tab-active:hover {
    background-color: rgb(255, 238, 0);
}

.mud-tab:hover {
    background-color: rgb(255, 238, 0);
}

.inactive-tab {
    text-transform: none;
    min-height: 58px;
    letter-spacing: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.active-tab {
    font-weight: 500;
    font-family: 'NeoVacSans-SemiBold', 'Helvetica', sans-serif;
    letter-spacing: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.title-info-box {
    padding: 35px 35px 25px 35px;
    min-width: 600px;
    border-color: rgb(236, 236, 236);
}

.content-info-box {
    min-height: 35px;
    row-gap: 20px;
    column-gap: 50px;
}

.tab-content {
    padding-top: 15px;
    padding-bottom: 36px;
    min-width: 600px
}

.tabs {
    padding-left: 32px;
    padding-right: 32px;
    font-family: 'NeoVacSans-Regular', 'Helvetica', sans-serif;
    font-size: 20px;
    line-height: 1.50;
    letter-spacing: 0;
}

.tabs-liner .mud-tab-slider.mud-tab-slider-horizontal {
    height: 4px;
}

.tabs-wrapper .mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    height: 56px;
}

.invisible {
    visibility: hidden;
}


/* Styling for MudBlazor inputs (TextField, NumericField, Select, TimePicker, etc.)
Affects helper and error texts. Ensures texts wrap within the field and stay responsive (max-width: 100%). */

.field-entry .mud-input-helper-text,
.field-entry .mud-input-error {
    max-width: 100% !important;
    width: 100%;
}

/* information cards with data */
.card-style {
    padding: 35px 35px 25px 35px;
    overflow: auto;
    background-color: #F7F7F7;
}

/* tables */
/* table Header */
.table-header {
    background-color: #ECECEC;
    color: black;
    font-family: 'NeoVacSans-SemiBold', 'Helvetica', sans-serif;
    font-size: 14px;
    line-height: 2px;
    letter-spacing: 0;
    padding: 0 0 0 0;
    white-space: nowrap;
}

/* colum-header aligned: right */
.align-right-header .column-header {
    justify-content: flex-end !important;
}

/* hidden header */
.hidden-header {
    display: none;
}

/* row-style, cursor pointer in clickable table rows */
.cursor-pointer {
    cursor: pointer;
}

/* cell alignment */
/* align right */
.align-right {
    text-align: right;
}

/* toolbars */
/* search toolbar */
.search-toolbar .mud-table-toolbar {
    padding: 0 !important;
}

.search-toolbar .mud-toolbar {
    margin-bottom: 32px !important;
}

/* wrapper */
/* sticky wrapper */
.sticky-wrapper {
    position: sticky;
    top: 1rem;
    z-index: 10;
}

/* footer */
/* yellow footer for tables */
.footer-class {
    height: 56px;
    background-color: #FFEE00;
}

/* text colors */
/* error color */
.sum-error {
    color: #FF0000;
}