/*Global resets*/
*, *::before, *::after {
    box-sizing: border-box; /* Set the sizing of an element to include it's border */
}

* {
    margin: 0; /* Set the default margin to 0 */
    padding: 0; /* Set the default padding to 0 */
}

ul[role='list'], ol[role='list'] {
    list-style: none; /* Turn off numbered and unordered list decoration */
}

html:focus-within {
    scroll-behavior: smooth; /* Make the scrolling inside of any scrollable element smooth */
}

a:not([class]) {
    text-decoration-skip-ink: auto; /* Makes link undelines look better */
}

img, picture, svg, video, canvas {
    max-width: 100%; /* Makes it responsive */
    height: auto; /* Makes it responsive */
    vertical-align: middle; /* Makes text next to inline images look better */
    font-style: italic; /* If the images don't load it makes the alt decription look better */
    background-repeat: no-repeat;
    /* The background repeat and size are there if you want to load a picture first like a backroung image that is worse quality while the better quality image loads */
    background-size: cover;
}

input, button, textarea, select {
    font: inherit; /* Makes these elements inherit fonts */
}

/* Turns off animation for people who don't want to see them */
@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }

    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
        transition: none;
    }
}

body, html {
    height: 100%; /* Makes the body element full screen */
    scroll-behavior: smooth; /* Makes normal scrolling smooth */
}




/*MudBlazor Fixes*/
.mud-tooltip {
    /*Limit the maximum width of a tooltip to 90% of the viewport width
        so that it can never exceeds the screen boundaries, and mess up the layout of the page!
        MudBlazor takes care of correcting the location of a tooltip if it would fall outside the screen boundaries
        90vw instead of 100vw because MudBlazor does not seem to align a location corrected tooltip completely to the left edge
    */
    max-width: 90vw;
    overflow-wrap: break-word;
}
/*.mud-tooltip {*/
    /*width is set to 'max-content' making it stretch as far as needed to fit the content.
        But we never want it so exceed the width of the viewport width
    */
    /*max-width: 100vw;
    overflow-y: auto;
    overflow-x: hidden;*/
    /*Take invisible tooltips completely out of the document flow, otherwise they can interfere with the sizing (dimensions) of the page
        We re-enable the element (display mode) when it get's the visible class assigned
    */
    /*display: none;
}
.mud-tooltip.mud-tooltip-visible {
    display: block;
}*/

.mud-snackbar {
    /*this is by default set a value (>200), causing it potentionally exceed it's parent width (the screen size)*/
    min-width: unset;
}

.mud-button {
    /*Hide overflowing content of this element (avoid content spilling out when element is forced to be very small)*/
    overflow: hidden;
    /*Make sure this element never exceeds the boundries of it's container (in case it cannot shrink any smaller)*/
    max-width: 100%;
    /*Remove the min width for this element*/
    min-width: unset;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    /*Make sure this element never exceeds the boundaries of it's container (in case it cannot shrink any smaller)*/
    width: 100%;
    /*Make sure the content (text) in this element nevers wraps to a newline (single line only)*/
    white-space: nowrap;
    /*Indicate there is more content (text) cut off using ellipsis*/
    text-overflow: ellipsis;
    /*Hide overflowing content of this element (avoid content spilling out when element is forced to be very small)*/
    overflow: hidden;
}
.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol,
.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
    /*Make sure this element never exceeds the boundaries of it's container (in case it cannot shrink any smaller)*/
    width: 133%; /*133% to account for the 75% scaling in this state (focus-within) -> = 100% in total*/
    /*Make sure the content (text) in this element nevers wraps to a newline (single line only)*/
    white-space: nowrap;
    text-overflow: unset;
    /*Provide scroll functionality for content exceeding horizontal boundaries*/
    overflow-x: scroll;
    /*Hide content exceeding vertical boundaries*/
    overflow-y: hidden;
    /*Make sure scrolling works by clearing the pointer-events default value from MudBlazor*/
    pointer-events: unset;
}
/*Hide the scrollbar but keep scrolling functionality*/
.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol::-webkit-scrollbar {
    display: none;
}

/*.mud-input-control > .mud-input-control-input-container {
    overflow-x: auto;
}*/
/*Hide the scrollbar but keep scrolling functionality*/
/*.mud-input-control > .mud-input-control-input-container {
    -ms-overflow-style: none;*/ /* IE and Edge */
    /*scrollbar-width: none;*/ /* Firefox */
/*}
.mud-input-control > .mud-input-control-input-container::-webkit-scrollbar {
    display: none;
}*/

.mud-expansion-panels {
    margin-bottom: 1px; /*fix bottom border being cut off */
}

/*Fix issue of icons not keeping it's width (when squeezed)*/
.mud-icon-root {
    min-width: 1em;
}

/*Fix vertical scrollbar appearing because the mud-table-container height is just a bit too small in dense mode*/
.mud-table-dense .mud-table-container {
    padding-bottom: 5px;
}

/*MoveOn theme overrides*/
/*======================*/
/*Mudblazor*/
.mud-theme-primarycolors {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.mud-theme-primarycolors-inverted {
    background-color: var(--mud-palette-primary-text);
    color: var(--mud-palette-primary);
}

.mud-theme-textprimarycolor {
    color: var(--mud-palette-primary);
}

.mud-theme-textprimarycolor-inverted {
    color: var(--mud-palette-primary-text);
}

a {
    color: var(--mud-palette-primary);
}

.mud-typography-button {
    text-transform: uppercase;
}

/*Element with class mud-expension-panels AND mud-expand-panel-dense2 -> any of it's children that have class mud-expand-panel-header*/
.mud-expansion-panels.mud-expand-panel-dense2 .mud-expand-panel-header {
    padding: 4px 8px 8px;
    min-height: unset;
}

.mud-expansion-panels.mud-expand-panel-dense2 .mud-expand-panel-content {
    padding: 0 8px 8px;
}

.mud-switch
{
    display: flex; /*Make elements that come after this element to be displayed on the next line (instead of next to it)*/
}

/*.mud-input:focus-within~label
{
    transform: unset;
}*/

/*custom 'darken' theme for mud-nav-groups*/
.mud-nav-group-children-dark .mud-collapse-container {
    /*background-color: #00000005;*/
}

.mud-nav-group-children-dark .mud-collapse-container .mud-nav-link .mud-nav-link-text {
    font-weight: 100;
}

.mud-nav-group>.mud-nav-link>.mud-nav-link-text {
    font-weight: unset;
}
/*.mud-nav-group>.mud-nav-link>.mud-nav-link-text {
    font-weight: unset;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}*/

.mud-nav-link .mud-nav-link-text {
    font-weight: unset;
    letter-spacing: 0.05em;
}

/*.mud-nav-group-children-dark .mud-nav-link:hover:not(.mud-nav-link-disabled) {*/
    /*background-color: var(--mud-palette-primary-hover);*/
    /*background-color: var(--mud-palette-action-default-hover);
}

.mud-nav-group-children-dark .mud-nav-link:focus:not(.mud-nav-link-disabled) {*/
    /*background-color: #ffffffa0;*/
   /* background-color: var(--mud-palette-background);*/
/*}

.mud-nav-group-children-dark .mud-nav-link.active:not(.mud-nav-link-disabled) {*/
    /*background-color: var(--mud-palette-darken);*/
/*}*/

/*also color the icon of active links*/
.mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
    color: var(--mud-palette-primary);
}
/*also color the icon and text of focused links*/
/*.mud-nav-group-children-dark .mud-nav-link:focus:not(.mud-nav-link-disabled),
.mud-nav-group-children-dark .mud-nav-link:focus:not(.mud-nav-link-disabled) .mud-nav-link-icon {
    color: var(--mud-palette-primary);
}*/

/*Add padding to the end of menu item links*/
.mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding-inline-end: 1em;
}

/*Disable color for expand icon of expanded menu groups*/
.mud-nav-link .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-drawer-icon);
}

/*Reverse expand panel expander icon*/
/*.mud-expand-panel .mud-expand-panel-header .mud-expand-panel-icon {
    transform: rotate(-180deg);
}
.mud-expand-panel .mud-expand-panel-header .mud-expand-panel-icon.mud-transform {
    transform: rotate(0deg);
}*/
.mud-expand-panel-reverse .mud-expand-panel .mud-expand-panel-header .mud-expand-panel-icon {
    transform: rotate(-180deg);
}
.mud-expand-panel-reverse .mud-expand-panel .mud-expand-panel-header .mud-expand-panel-icon.mud-transform {
    transform: rotate(0deg);
}
.mud-nav-link-expand-icon {
    font-size: 1.5em;
    fill: #00000030 !important;
}

.mud-paper-dense .mud-card-header {
    padding-bottom: 0;
}

.mud-paper-dense .mud-card-content {
    padding-top: 0;
}

ul,
ol {
    list-style: initial;
    margin-left: 1.3em;
}

.expand-panel-nospacing .mud-expand-panel.mud-panel-expanded {
    margin-bottom: 0em;
    margin-top: 0em;
}

.mud-dialog.dangerzone {
    color: var(--mud-palette-white);
    background: #f05050ff;
}

/*.mud-table-cell {
    padding: 0.5em;
}*/
.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 6px 12px 6px 8px;
    padding-inline-start: 8px;
    padding-inline-end: 12px;
}
.mud-table-dense * .mud-table-row .mud-table-cell:last-child {
    padding-right: 8px;
    padding-inline-end: 8px;
}

/*Make expand panel stay attached to each other even when expanded*/
/*.mud-expand-panel.mud-panel-next-expanded {
    border-bottom: 1px solid var(--mud-palette-lines-default);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom: 0px;
}
.mud-expand-panel.mud-panel-expanded + .mud-expand-panel {*/
/*border-top: 1px solid var(--mud-palette-lines-default);*/
/*border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: 0px;
}*/
.attachedpanels .mud-expand-panel {
    border-radius: 0px;
}
.attachedpanels .mud-expand-panel.mud-panel-expanded {
    margin-bottom: 0px;
    margin-top: 0px;
    border-radius: 0px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
.attachedpanels .mud-expand-panel.mud-panel-expanded + .mud-expand-panel {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.attachedpanels .mud-expand-panel.mud-panel-next-expanded {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.attachedpanels .mud-expand-panel:first-child {
    border-bottom: 1px solid var(--mud-palette-lines-default);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom: 0px;
}
.attachedpanels .mud-expand-panel:last-child {
    /*border-top: 1px solid var(--mud-palette-lines-default);*/
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-top: 0px;
}

 /*.mud-expand-panel.mud-panel-expanded {
    border-radius: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.mud-expand-panel.mud-panel-expanded:last-child {
    border-radius: inherit;
}
.mud-expand-panel.mud-panel-expanded:first-child {
    border-radius: inherit;
}*/
    /*custom*/
    .contentcontainer1 {
    height: 100%;
    margin-left: unset !important; /*disable maincontent margin for muddrawer menu because we moved it into the page itself (not on the side)*/
    /*background-color: aqua;*/
}
.contentcontainer2 {
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: stretch;
    /*background-color: aquamarine;*/
}
.contentcontainer3 {
    height: 100%;
    overflow: auto;
    /*padding-bottom: 8em;*/
    /*background-color: #00000002;*/
    /*background-color: azure;*/
}
.contentcontainer4 {
    /*height: 100%;*/
    /*padding: 4em 6em 6em 6em;*/
    padding: 0;
    background-color: var(--mud-palette-background);
    /*border: 1px solid #00000010;*/
    /*background-color: beige;*/
}
.contentcontainer5 {
    display: flex;
    /*height: 100%;*/
    padding-bottom: 12em;
    /*background-color: blanchedalmond;*/
}
.contentcontainer6a {
    /*width: var(--mud-drawer-width-left);*/
    /* border-right: 1px solid #00000010;*/
    /*background-color: blue;*/
}

.contentcontainer6b {
    position: relative;
    flex-grow: 1;
    padding: 4em 4em 0em 4em;
    /*background-color: blueviolet;*/
    /*Make sure that the container of our page content never exceed 100% of it's parent!*/
    max-width: 100%;
    /*Make sure any content that exceeds the boundries of this container is clipped of (for elements that cannot shrink any smaller on VERY small screens)*/
    overflow: hidden;
}

.popoutmenu {
    display: none;
}

.inpagemenu {
    display: block;
    left: unset;
    position: unset;
    height: unset !important;
}
.navmenuwrapper {
    border-right: 1px solid #00000010;
    padding: 2.9em 0em 1em 0em;
}

.mud-toolbar {
    height: 45px;
}

@media (max-width: 599px) {
    .hide-appbar-md-anddown {
        display: none !important;
    }
}
@media (min-width: 600px) {
    .show-appbar-md-anddown {
        display: none !important;
    }
}
@media (max-width: 599px) {
    .mud-main-content {
        padding-top: 45px !important;
    }
    .mud-drawer-fixed.mud-drawer-mini:not(.mud-drawer-clipped-never), .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never), .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always {
        top: 45px !important;
        height: calc(100% - 45px) !important;
    }
    .mud-toolbar {
        height: 45px !important;
    }    
}
@media (max-width: 960px) {
    .inpagemenu {
        display: none;
    }
    .popoutmenu {
        display: block;
    }

    .contentcontainer6b {
        padding: 1em 1em 0em 1em;
    }

    /*.mud-appbar {
        position: unset;
    }*/
    /*.mud-toolbar{
        height: unset !important;
    }*/
    /*.mud-main-content {
        padding-top: unset;
    }*/
}
@media (min-width: 960px) {

}

/*MoveOn non theme (layout) styles*/
/*Custom*/
html,
body {
    /*height: 100%;*/
}
html{
    /*background-color: aliceblue;*/
}
body {
   /* background-color: antiquewhite;*/
}

bold {
    font-weight: bold;
}

[hidden] {
    display: none !important;
}

.flex
{
    display: flex;
}
.flexwrap
{
    flex-wrap: wrap;
}
.flexnowrap {
    flex-wrap: nowrap;
}

.vcenteritems {
    align-items: center;
}

.hcenteritems {
    justify-items: center;
}

.vcenter {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.center {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.vfill
{
    height: 100%;
}

.hfill
{
    width: 100%;
}

.fill {
    height: 100%;
    width: 100%;
}

.positionatrootparent{
    position: absolute;
    left:0;
    top:0;
}

.wfitcontent {
    width: fit-content;
}
.hfitcontent {
    height: fit-content;
}

.fitcontent {
    width: fit-content;
    height: fit-content;
}

.overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 !important;
    align-items: center;
    justify-content: center;
    border-radius: inherit;
    display: flex;
    position: fixed;
    z-index: 9999;
}

.overlayvisuals
{
    background: #00000030;
}

.inheritcolors{
    background-color: inherit;
    color: inherit;
}

.inheritfont {
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
}

.transparent {
    background-color: transparent;
}

.transparentblack1 {
    background-color: #00000005;
}
.transparentblack2 {
    background-color: #00000010;
}
.transparentblack3 {
    background-color: #00000020;
}
.transparentblack4 {
    background-color: #00000040;
}
.transparentblack5 {
    background-color: #00000080;
}

.blur1 {
    backdrop-filter: blur(1px);
}
.blur2 {
    backdrop-filter: blur(2px);
}
.blur3 {
    backdrop-filter: blur(3px);
}
.blur4 {
    backdrop-filter: blur(5px);
}
.blur5 {
    backdrop-filter: blur(10px);
}
.blur6 {
    backdrop-filter: blur(20px);
}
.blur7 {
    backdrop-filter: blur(40px);
}
.blur8 {
    backdrop-filter: blur(80px);
}

.dropshadow {
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

.fieldlabel
{
    margin-right: 10px;
}

.autoscroll
{
    overflow: auto;
}

.wrapword
{
    overflow-wrap: break-word;
}

.wrapanywhere {
    overflow-wrap: anywhere;
}

.overflowellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*@media (max-width: 1920px) {
    .hide-xl {
        display: none !important;
    }
}

@media (max-width: 1280px) {
    .hide-lg {
        display: none !important;
    }
}

@media (max-width: 960px) {
    .hide-md {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .hide-sm {
        display: none !important;
    }
}*/

@media (max-width: 1200px) {
    .hide-xl-anddown {
        display: none !important;
    }
    .show-xl-andup {
        display: none !important;
    }
}
@media (max-width: 1024px) {
    .hide-l-anddown {
        display: none !important;
    }
    .show-l-andup {
        display: none !important;
    }
}
@media (max-width: 709px) {
    .hide-m-anddown {
        display: none !important;
    }
    .show-m-andup {
        display: none !important;
    }
}
@media (max-width: 480px) {
    .hide-s-anddown {
        display: none !important;
    }
    .show-s-andup {
        display: none !important;
    }
}
@media (max-width: 320px) {
    .hide-xs-anddown {
        display: none !important;
    }
    .show-xs-andup {
        display: none !important;
    }
}

@media (min-width: 321px) {
    .hide-xs-andup {
        display: none !important;
    }
    .show-xs-anddown {
        display: none !important;
    }
}
@media (min-width: 481px) {
    .hide-s-andup {
        display: none !important;
    }
    .show-s-anddown {
        display: none !important;
    }
}
@media (min-width: 710px) {
    .hide-m-andup {
        display: none !important;
    }
    .show-m-anddown {
        display: none !important;
    }
}
@media (min-width: 1025px) {
    .hide-l-andup {
        display: none !important;
    }
    .show-l-anddown {
        display: none !important;
    }
}
@media (min-width: 1201px) {
    .hide-xl-andup {
        display: none !important;
    }
    .show-xl-anddown {
        display: none !important;
    }
}



.pointer {
    cursor: pointer;
}
.help {
    cursor: help;
}

.verythin {
    font-weight: 100;
}
.thin {
    font-weight: 300;
}
.normalthickness {
    font-weight: 400;
}
.bold {
    font-weight: 600;
}
.verybold {
    font-weight: 900;
}

.childrenverythin p,
.childrenverythin span,
.childrenverythin h1,
.childrenverythin h2,
.childrenverythin h3,
.childrenverythin h4,
.childrenverythin h5,
.childrenverythin h6,
.childrenverythin li {
    font-weight: 100;
}
.childrenverythin b,
.childrenverythin bold,
.childrenverythin strong {
    font-weight: 300;
}

.childrenthin p,
.childrenthin span,
.childrenthin h1,
.childrenthin h2,
.childrenthin h3,
.childrenthin h4,
.childrenthin h5,
.childrenthin h6,
.childrenthin li {
    font-weight: 300;
}
.childrenthin b,
.childrenthin bold,
.childrenthin strong {
    font-weight: 500;
}

.childrennormalthickness p,
.childrennormalthickness span,
.childrennormalthickness h1,
.childrennormalthickness h2,
.childrennormalthickness h3,
.childrennormalthickness h4,
.childrennormalthickness h5,
.childrennormalthickness h6,
.childrennormalthickness li {
    font-weight: 400;
}
.childrennormalthickness b,
.childrennormalthickness bold,
.childrennormalthickness strong {
    font-weight: 600;
}

.childrenbold p,
.childrenbold span,
.childrenbold h1,
.childrenbold h2,
.childrenbold h3,
.childrenbold h4,
.childrenbold h5,
.childrenbold h6,
.childrenbold li {
    font-weight: 600;
}
.childrenbold b,
.childrenbold bold,
.childrenbold strong {
    font-weight: 800;
}

.childrenverybold p,
.childrenverybold span,
.childrenverybold h1,
.childrenverybold h2,
.childrenverybold h3,
.childrenverybold h4,
.childrenverybold h5,
.childrenverybold h6,
.childrenverybold li {
    font-weight: 900;
}
.childrenverybold b,
.childrenverybold bold,
.childrenverybold strong {
    font-weight: 1000;
}

.allcaps {
    text-transform: uppercase;
}

.textsizel {
    font-size: 1.1em;
}
.textsizexl {
    font-size: 1.2em;
}
.textsizexxl {
    font-size: 1.3em;
}
.textsizexxxl {
    font-size: 1.5em;
}

.selectioncontainer {
    /*height: 20em;*/
}
.selectioncontainer .mud-grid-item {
    width: 100%;
}
.selectioncontainer button {
    height: 15em;
}
.selectioncontainer > * {
    display: flex;
    flex-direction: column;
   /* align-items: center;*/
    justify-content: stretch;
    /*background: var(--mud-palette-action-default-hover);*/
}
.accounttypeinfotext {
    color: var(--mud-palette-dark-lighten);
}
.inlineicon {
    font-size: 1.25rem;
    vertical-align: middle;
}

.mediaandcontentcontainer {
    width: 100%;
    height: 100%;
}
.mediaandcontentcontainer .mud-button-label {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.media {
    flex-grow: 1;
    width: 100%;
}

.square {
    width: 50%;
}

.square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.checklistitemcompleted {
    text-decoration: line-through;
}

.reasonforneededactiontext {
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 1em;
    color: var(--mud-palette-primary);
}
.neededactiontext {
    font-weight: 100;
    font-size: 1.1em;
}

.box {
    border: 1px solid var(--mud-palette-primary);
    border-radius: 0.3em;
}

.infobox {
    border: 1px solid var(--mud-palette-info);
    border-radius: 0.3em;
}

.actionresulttype {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.1em;
}
.actionresultmessage {
    font-size: 1.2em;
    font-weight: 100;
}

.titletext
{
    font-weight: bold;
}

.chargeordervaluetext {
    /*color: var(--mud-palette-info-lighten);*/
    /*border-bottom: 1px solid #00000030;*/
    font-weight: bold;
}
.chargeorderlabeltext {
    font-weight: 100;
    /* background-color: #00000010; */
    /* text-decoration: underline; */
    /* border-bottom: 1px solid #00000030;*/
}

.tablelayoutautominsizecolumn {
    width: 1px;
}