.approval-theme {
    --color-white: #FFFFFF;
    --color-primary: #02818A;
    --color-primary-80: #3aa09f;
    --color-primary-60: #63b4b3;
    --color-primary-50: #79c0be;
    --color-primary-40: #8fccca;
    --color-primary-30: #a6d8d6;
    --color-primary-20: #bce3e2;
    --color-primary-10: #d2efee;
    --color-primary-5:  #e6f7f7;
    --color-primary-3:  #f5fcfc;
    --color-primary-active: #027a83;
    --color-primary-hover:  #027077;
    --color-dark: #0F273E;
    --color-secondary: #1AC7D2;
    --color-additional: #FFAB00;
    --color-success: #36B37E;
    --color-danger: #F83A3A;
    --color-dividers: #E6ECF2;
    --color-overlay: #080a0ca6;

    --mud-palette-text-primary: #0F273E !important;
    --mud-palette-primary: var(--color-primary) !important;
}

body{
    background-color: #F1F2F4 !important;
}

.mud-typography-body1{
    color: var(--color-dark);
}

.approval-theme.mud-paper.mud-elevation-0{
    box-shadow: none;
    margin-bottom: 0;
}

.approval-theme .mud-paper.mud-elevation-0 {
    box-shadow: none;
    border-radius: 8px;
    background-color: var(--color-white);
    height: fit-content;
    margin-bottom: 24px;
}

.approval-theme .mud-table.mud-elevation-0 {
    box-shadow: none;
    border-radius: 0px;
}

.approval-theme .mud-input.mud-disabled.mud-input.mud-input-outlined .mud-input-outlined-border {
    background: #00000012;
}
.approval-theme .mud-input.mud-input-outlined.mud-disabled .mud-input-outlined-border{
    border: 1px solid var(--color-dark-20);
}
.approval-theme .timeline-tree .mud-treeview-item.mud-treeview-item-disabled{
    color: inherit !important;
}

.approval-theme .timeline-tree .mud-treeview-item-expand-button .mud-icon-root.mud-icon-size-medium {
    font-size: 0.5rem;
}

.approval-theme .timeline-list{
    padding-bottom: 16px;
    padding-top: 16px;
}
.approval-theme .timeline-list .mud-list-subheader{
    display: flex;
    align-items: center;
    column-gap: 16px;
    padding-bottom: 8px;
    padding-top: 8px;
}     

.approval-theme .timeline-list .mud-list-subheader .mud-icon-size-small:not(.font-size-other){
    font-size: 0.5rem;
}

.approval-theme .timeline-list .mud-list-item{
    padding-left: 48px;
    border-left: 1px solid var(--color-dividers);
    margin-left: 20px;
    padding-bottom: 8px;
    padding-top: 8px;
}
.approval-theme .timeline-list.comment-list .mud-list-item{
    padding-left: 0;
    padding-top: 0;
}
.approval-theme .timeline-list .mud-list-item:last-child{
    padding-bottom: 0;
}
.approval-theme .timeline-list .mud-list-item-text > p{ 
    display: flex;
    align-items: center;
    column-gap: 16px;
    flex-wrap: wrap;
}
.approval-theme .timeline-list .mud-paper.mud-elevation-0.grey-comment{
    width: 100%;
    margin-left: 92px;
    border-radius: 4px;
    margin-bottom: 0;
}
.approval-theme .timeline-list.comment-list .mud-paper.mud-elevation-0.grey-comment{
    margin-left: 20px;
}
.approval-theme .timeline-list .mud-paper.mud-elevation-0.grey-comment > p{
    padding: 12px;
    background-color: #EEEEEE;
    display: inline-block;
    border-radius: 4px;
}

.approval-theme .timeline-list .event-date{
    font-weight: bold;
    color: var(--color-dark-70);
}
.approval-theme .timeline-list .event-time{
    color: var(--color-dark-70);
}

.approval-theme .timeline-list{
    --mud-theme-hover-opacity: 0;
}

.approval-theme .timeline-list .mud-list-item:not(.mud-disabled):hover{
    background-color: transparent !important;
}
@media (hover: hover) and (pointer: fine) {
    .approval-theme .timeline-list .mud-list-item-clickable:hover {
        background-color: transparent !important;
    }
}

.approval-theme .timeline-list .mud-list-item-clickable{
    cursor: default;
}
.approval-theme .timeline-list .mud-list-item-clickable:hover{
    background-color: transparent !important;
}


.approval-theme .text-center{
    text-align: center;
}

.approval-theme .table-progress .mud-table-sort-label.mud-clickable{
    color: var(--color-dark-70);
    font-weight: 500;
    line-height: 1.5rem;
    font-size: 14px;
}
.approval-theme .table-progress .mud-table-sort-label.mud-clickable .mud-table-sort-label-icon{
    font-size: 12px;
}

.approval-theme .table-progress .mud-table-cell{
    vertical-align: middle;
}
.approval-theme .rotate-header{
    height: 145px;
    max-width: 60px;
    min-width: 60px;
    width: 60px;
    padding: 8px;
}
.approval-theme .td-width{
    max-width: 60px;
    width: 60px;
    min-width: 60px;
    text-align: center;
    padding: 6px;
}
.approval-theme .td-width-long{
    max-width: 80px;
    width: 80px;
    min-width: 80px;
    text-align: center;
    padding: 6px;
}
.approval-theme .rotate-header span {
    transform: rotate(-63deg);
    transform-origin: 58px 30px;
    white-space: nowrap;
    display: block;
    font-weight: 500;
}

.approval-theme .table-dashboard .mud-table-cell{
    vertical-align: middle;
}
.approval-theme .table-dashboard .mud-table-cell.th-bottom{
    vertical-align: bottom;
}
.approval-theme .table-dashboard .mud-table-dense * .mud-table-row .mud-table-cell{
    padding: 16px;
}

.approval-theme .nowrap{
    white-space: nowrap;
}

.approval-theme .row-actions {
    visibility: hidden;
}

.approval-theme tr:hover .row-actions {
    visibility: visible;
}

.approval-theme .attention {
    color: #F44336;
}

.approval-theme .not-actual * {
    color: #B3BDBF !important;
}


.approval-theme .ellipsis {
    flex: 1 1 auto;     
    min-width: 0;       
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.approval-theme .task-text{
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.approval-theme .td-width-name {
    width: 46%; 
    max-width: 0; 
    overflow: hidden;
}

.approval-theme .table-dashboard,
.approval-theme .table-dashboard table {
    table-layout: fixed;
}

.approval-theme .row-actions .mud-icon-button .mud-icon-root,
.approval-theme .row-actions .mud-icon-button .mud-svg-icon {
    color: #B3BDBF; 
}

.approval-theme .row-actions .mud-icon-button:hover .mud-icon-root,
.approval-theme .row-actions .mud-icon-button:hover .mud-svg-icon {
    color: var(--mud-palette-primary);
}

.approval-theme .td-width-name{
    width: 46%;
    max-width: 46%;
    overflow: hidden;
}

.approval-theme .icon-position-fix{
    position: relative;
    top: 3px;
}

.approval-theme .icon-muted{
    color: var(--color-dark-30);
}

.approval-theme .filter-label{
    width: 172px;
    white-space: nowrap;
}
.approval-theme .filter-select{
    width: 184px;
}



.approval-theme .comment-dialog{
    max-height:80vh;
    min-width:300px; 
    max-width:900px; 
    max-height:80vh;
}
.approval-theme .comment-dialog .dialog-header{
    position:sticky;
    top:0;
    background-color:var(--color-white);
    z-index:1;
}
.approval-theme .comment-dialog .dialog-actions{
    position:sticky;
    bottom:0;
    background-color:var(--color-white);
    padding-top:12px;
}
.approval-theme .comment-dialog .dialog-content{
    overflow-y:auto;
}


.approval-theme .filter-label{
    width: 172px;
    white-space: nowrap;
}
.approval-theme .filter-select{
    width: 184px;
}

.approval-theme .icon-muted{
    color: #B3BDBF;
}
.approval-theme .width-250px{
    width: 250px;
}
.mud-dialog{
    max-height: calc(100dvh + 52px - var(--mud-appbar-height));
}
.mud-dialog .mud-dialog-actions{
    justify-content: flex-start;
}