.Mandatory {
    background-color: #F5C995c4 !important;
}

.In-Progress {
    background-color: #f0fff0c4 !important;
}

.Reffered {
    background-color: #fe9975c4 !important;
}

.NeedClar {
    background-color: #f2c87dc4 !important;
}

.NeedClar1 {
    background-color: #f2c87dc4 !important;
}

.NeedClar2 {
    background-color: #f2c87dc4 !important;
}

.NeedClar3 {
    background-color: #f2c87dc4 !important;
}

.NeedClar4 {
    background-color: #f2c87dc4 !important;
}

.NeedClar5 {
    background-color: #f2c87dc4 !important;
}

.Inactive-IA-Red {
    background-color: red !important;
}

.ItemCreat {
    background-color: #7fe0e0c4 !important;
}

.CMPCode {
    background-color: #ADD8E6c4 !important;
}

.ReqApprove {
    background-color: #f4faa3c4 !important;
}

.ReqApprove2 {
    background-color: #18d8d8c4 !important;
}

.ReqApprove3 {
    background-color: #88c88dc4 !important;
}

.ReqApprove4 {
    background-color: #d4db76c4 !important;
}

.ERPCode {
    background-color: #ADD8E6c4 !important;
}

.REGRETCODE {
    background-color: #FDAEAE !important;
}

.Duplicate {
    background-color: indianred !important;
}

.Reject {
    background-color: #f09cb9c4 !important;
}

.In-Progress1 {
    background-color: #f0fff0c4 !important;
}

.In-Progress2 {
    background-color: #f0fff0c4 !important;
}

.In-Progress3 {
    background-color: #f0fff0c4 !important;
}

.In-Progress4 {
    background-color: #f0fff0c4 !important;
}

.In-Progress5 {
    background-color: #f0fff0c4 !important;
}

.ShortClosure-Red {
    background-color: #f27f7fc4 !important;
}

.ShortClosure-Green {
    background-color: #90ee90c4 !important;
}
.Amend-PR-Color {
    background-color: palegreen !important;
}

.CSStatus-Green {
    background-color: #90ee90c4 !important;
}

footer .container {
    margin: 0px !important;
    position: fixed;
    bottom: 10px;
}

.imgicon {
    height: 4rem;
    width: 4rem;
    border: solid 1px #10808b !important;
    border-radius: 0.5rem;
    padding: 3px;
}

.list-item:hover .imgicon {
    border-color: #ff9414 !important;
}
 

.list-item {
    width: fit-content;
}
/*END*/
.app-bar-toolbar .app-logo {
    text-indent: -9999px;
    width: 230px;
    padding: 0;
    background-image: url("/images/hofinsoft31-logo.png");
    background-color: transparent;
    background-size: auto 40px;
    background-position: center center;
    cursor: pointer;
}

.BarCodeGen {
    background-color: #f2e06dc4 !important;
}

[data-controller = "ErpAssets"][data-field="AssetID"][data-control="field"] {
    font-weight: bold;
    color: black;
}

.Worktray1 {
    background-color: #efeee6c4 !important;
}

.Worktray2 {
    background-color: #b4d5d5c4 !important;
}

/*[data-field="GRN_COUNT"][data-control="label"] {
    font-weight: bold;
    font-size:xx-large;
    color:red;
}

[data-field="GRN_COUNT"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: coral;
}

[data-field="MDR_COUNT"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: black;
}

[data-field="MDR_COUNT"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: red;
}

[data-field="OPEN_MDR"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: green;
}

[data-field="OPEN_MDR"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: blue;
}
[data-field="CLOSED_MDR"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: brown;
}

[data-field="CLOSED_MDR"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: darkcyan;    
}

[data-field="Total_GP_Cnt"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: brown;
}

[data-field="Total_GP_Cnt"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: darkcyan;        
}
[data-controller = "DB_MDR_KPI"][data-category = 'c1']
{
    background-color:coral;
}

[data-field="NonReturnable"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: burlywood;
}

[data-field="NonReturnable"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: dimgrey;
}

[data-field="Returnable"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: cadetblue;
}

[data-field="Returnable"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: cadetblue;
}

[data-field="OpenNonReturnableGP"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: darkkhaki;
}

[data-field="OpenNonReturnableGP"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: darkkhaki;
}


[data-field="OpenReturnableGP"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: deeppink;
}

[data-field="OpenReturnableGP"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: deeppink;
}


[data-field="ClosedNonReturnableGP"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: indianred;
}

[data-field="ClosedNonReturnableGP"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: indianred;
}


[data-field="ClosedReturnableGP"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: mediumorchid;
}

[data-field="ClosedReturnableGP"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: mediumorchid;
}


[data-field="Inward_Count"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: mediumorchid;
}

[data-field="Inward_Count"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: mediumorchid;
}

[data-field="GRN_Count"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: brown;
}

[data-field="GRN_Count"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: brown;
}

[data-field="Inspection_Count"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: dodgerblue;
}

[data-field="Inspection_Count"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: dodgerblue;
}

[data-field="Completed"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: indigo;
}

[data-field="Completed"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: indigo;
}


[data-field="AvgTime"][data-control="label"] {
    font-weight: bold;
    font-size: inherit;
    color: lightcoral;
}

[data-field="AvgTime"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: lightcoral;
}


[data-field="Conversion"][data-control="label"] {
    font-weight: bold;
    font-size: inherit;
    color: rosybrown;
}

[data-field="Conversion"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: rosybrown;
}





[data-field="TotalRecordCount"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: mediumorchid;
}

[data-field="TotalRecordCount"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: mediumorchid;
}

[data-field="Total_Value"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: brown;
}

[data-field="Total_Value"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: brown;
}

[data-field="TotalIssuedCount"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: dodgerblue;
}

[data-field="TotalIssuedCount"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: dodgerblue;
}

[data-field="Total_Issued_Value"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: indigo;
}

[data-field="Total_Issued_Value"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: indigo;
}


[data-field="TotalPendingCount"][data-control="label"] {
    font-weight: bold;
    font-size: inherit;
    color: lightcoral;
}

[data-field="TotalPendingCount"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: lightcoral;
}


[data-field="Total_Pending_Value"][data-control="label"] {
    font-weight: bold;
    font-size: inherit;
    color: rosybrown;
}

[data-field="Total_Pending_Value"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: rosybrown;
}


[data-field="Total"][data-control="label"] {
    font-weight: bold;
    font-size: inherit;
    color: mediumorchid;
}

[data-field="Total"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: mediumorchid;
}


[data-field="per"][data-control="label"] {
    font-weight: bold;
    font-size: inherit;
    color: dodgerblue;
}

[data-field="per"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: dodgerblue;
}



[data-field="lateGRN"][data-control="label"] {
    font-weight: bold;
    font-size: inherit;
    color: lightcoral;
}

[data-field="lateGRN"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: lightcoral;
}


[data-field="PendingPRTotalCount"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: mediumorchid;
}

[data-field="PendingPRTotalCount"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: mediumorchid;
}

[data-field="PendingPR1stLevel"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: brown;
}

[data-field="PendingPR1stLevel"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: brown;
}

[data-field="PendingPR2ndLevel"][data-control="label"] {
    font-weight: bold;
    font-size: xx-large;
    color: dodgerblue;
}

[data-field="PendingPR2ndLevel"][data-control="field"] {
    font-weight: bold;
    font-size: xx-large;
    color: yellow;
    background-color: dodgerblue;
}*/


/* 1. Hide "hamburger" button when the toolbar does not have the "Back' button  */

/*.app-bar-toolbar:not(.app-has-back) #app-btn-menu {
    visibility: visible;
}*/

/* 2. Hide the context button with "more" icon*/

/*.app-bar-toolbar #app-btn-context {
    visibility: visible;
}*/

/* 3. Align the logo area of the page with the content when there is no sidebar on the left side */

/*body:not(.app-has-sidebar-left) .app-bar-toolbar .app-logo {
    left: 32px;
}*/

/* 4. Shift the logo text more to the left in the expanded sidebar */

/*body.app-has-sidebar-left:not(.app-has-minisidebar-left) .app-bar-toolbar .app-logo {
    left: 30px;
}*/

/* 5. Move the "icon" buttons of the toolbar to the right */

/*.app-bar-toolbar .app-btn-cluster-right .app-btn {
    margin-right: -8px;
}*/