.mud-table-head .mud-table-row .mud-table-cell {
    /* set the table font head to bold */
    font-weight: bold;
    color: var(--mud-palette-primary);
}
/*.mud-container {*/
/* will-move   the table to move to fart to rigth when hamburger icon is clicked it was centerted before  */
/* over rides  margin-left: auto  */
/*margin-left: 0
}*/

.mud-icon-size-small {
    /*  default  font-size: 1.25rem; */
    /*  did think 1.25rem was to big fro the font size */
    font-size: 1rem;
}



.row-not-selected .mud-table-cell,
.mud-table-root .mud-table-body .mud-table-cell {
    /*  Add own class for .rowselected , set in code on page   */


    line-height: 1.5em;
    height: 1.5em; /* height is 2x line-height, so two lines will display */
    overflow: hidden; /* prevents extra lines from being visible */
    white-space: nowrap;
}

.mud-table-root .mud-table-body .rowselected .mud-table-cell {
    /*  Add own class for .rowselected , set in code on page   */
    /*   font-weight: bold; */
    color: var(--mud-palette-primary);
    background-color: var(--mud-palette-action-default-hover);
    line-height: 1.5em;
    height: 1.5em; /* height is 2x line-height, so two lines will display */
    /*overflow: unset;*/ /* prevents extra lines from being visible */
    /*white-space: unset;*/
}


.rowselected .pmo-mud-table-row-td-read .mud-input > textarea.mud-input-root {
    /*  Add own class for .rowselected , set in code on page   */
    /*   */
    color: var(--mud-palette-primary);
    font-weight: bold;
    resize: both;
    overflow: auto;
}




.mud-appbar {
    /* https: //cssgradient.io/ */
    /* background: var(--mud-palette-secondary);
    background: linear-gradient(90deg, var(--mud-palette-secondary) 0%, var(--mud-palette-primary) 20%);
    height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/3) */
}

.Hal-appbar {
    /* https: //cssgradient.io/ */
    background: var(--mud-palette-secondary);
    background: linear-gradient(90deg, var(--mud-palette-secondary) 0%, var(--mud-palette-primary) 20%);
    height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4)
}

.ttdemo-appbar {
    /* https: //cssgradient.io/ */
    background: var(--mud-palette-primary);
    height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4)
}



.mud-fab-size-small {
    /*changed the size of plus  in the table */
    width: 20px;
    height: 20px;
    min-height: 20px
}


/*.table-button {*/
/*get the plus button to float left used in div*/
/*float: left; 
    border-top: 1px solid var(--mud-palette-table-lines);
}*/

.pmo-div-around-mud-table-pagination-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--mud-palette-table-lines)
}


.pmo-mud-table-row-td-edit .mud-input > textarea.mud-input-root {
    /*color: red;
 color: var(--mud-palette-primary);
    */
    color: black;
    resize: both;
    overflow: auto;
}





.pmo-mud-table-row-td-edit .mud-input > input.mud-input-root,
.pmo-mud-table-row-td-edit .mud-input > div.mud-input-slot.mud-input-root {
    /*color: red;
        color: var(--mud-palette-primary);
    */
    color: black;
}




.mud-table-pagination-toolbar {
    border-top: none
}

    .mud-table-pagination-toolbar > .mud-table-pagination-caption {
        overflow-x: hidden;
        max-width: max(0px, calc(100% - 461px)*999);
        padding-right:0px;
    }

.pmo-page-top-Container {
    margin-left: 0
}

.pmo-show {
    /*  display: block, */

    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 300ms, opacity 300ms;
}

.pmo-show-ontop {
    /*  display: block, */

    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 300ms, opacity 300ms;
    z-index: 1550; /* TODO change to css variable expression mudblazor.com/customization/default-theme#mudtheme-zindex */
}

.pmo-ontop {
    /*  display: block, */
    z-index: 1550; /* TODO change to css variable expression mudblazor.com/customization/default-theme#mudtheme-zindex */
}

.pmo-hidde {
    /* display: none */
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 300ms, opacity 300ms;
    width: 0px;
    height: 0px
}

.pmo-hidden {
    /* display: none */
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 300ms, opacity 300ms;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.mud-skeleton {
    height: .5em
}

.mud-skeleton-wave::after {
    background: linear-gradient(90deg, var(--mud-palette-secondary) 0%, var(--mud-palette-primary) 20%);
}

.top-task-Edit-Out-Side {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    align-content: flex-start;
    background-color: var(--mud-palette-action-default-hover);
}

.top-task-Edit-First-Element {
    flex-basis: 100%;
    width: min-content;
    background-color: var(--mud-palette-action-default-hover);
}

.top-task-Edit-Second-Element {
    width: 100%;
    justify-content: space-between;
    background-color: var(--mud-palette-action-default-hover);
}

.mom-edit-section {
    display: flex;
    justify-content: space-between;
    background-color: var(--mud-palette-action-default-hover);
}

.mom-edit-section-top {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
    /* background-color: var(--mud-palette-action-default-hover);*/
}


.momitem-radio-div {
    display: flex;
    justify-content: space-between;
}


.pmocard {
    /*border: 2px solid black;*/
    height: 100%;
    min-width: 50px;
    max-width: 175px;
}

.pmocardtext {
    font-size: 12px;
    /* width: 100%;*/
}

.pmocardcontent {
    /* border: 2px solid red;*/
}


.pmocard .pmocardcontent {
}







.LookRigth {
    position: absolute;
    width: 5em;
    right: 0;
    /*top: auto;
    border-right: 0px none black;
    border-top-width: 3px;*/
    /*only relevant for first row*/
    /*margin-top: -3px;*/
    /*compensate for top border*/
}

.mud-table-pagination-actions .mud-button-root {
    padding: 4px;
}

.quick-links .mud-badge {
    border-radius: 0;
}