.myLoginBody
{
    margin: 0px;
    text-align: center;
}
form
{
    padding: 0px 0px 0px 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

#myTableMain
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    font-size: 100%;
    width: expression(document.body.clientWidth>778?document.body.clientWidth:778);
}
#myTopBrandBannerTable
{
    border-bottom: #ffffff 0px;
    border-left: #ffffff 0px;
    background-color: #1e61a9;
    width: 98%;
    border-top: #ffffff 0px;
    border-right: #ffffff 0px;
}
#myTopBrandBanner1
{
}
.brandImg
{
    width: 136px;
    height: 42px;
    border: none 0px #FFFFFF;
}
#myTopBrandBanner
{
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#82ade2', endColorStr='#FFFFFF', gradientType='0');
}
#myMiddleBannerTable
{
    width: 98%; /*font:100% Tahoma, Helvetica;*/
    font: 100% Verdana, Helvetica;
}
#myMiddleBrandBannerTable
{
    border-bottom: #ffffff 0px;
    border-left: #ffffff 0px;
    background-color: #82ade2;
    width: 98%;
    border-top: #ffffff 0px;
    border-right: #ffffff 0px;
}
#myMiddleBrandBanner
{
}
.brandImg
{
    width: 136px;
    height: 42px;
    border: none 0px #FFFFFF;
}
#myMiddleBanner
{
    width: 40%;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#82ade2', endColorStr='#FFFFFF', gradientType='1');
}
#myMiddleBrandBannerBlank
{
    background-color: #4B92E9;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FFFFFF', gradientType='1');
}
#myBottomBannerTable
{
    background-color: #dodgerblue;
    width: 98%;
    border: none 0px #FFFFFF;
}
#myBottomBrandBannerTable
{
    border-bottom: #ffffff 0px;
    border-left: #ffffff 0px;
    background-color: #1e61a9;
    width: 98%;
    border-top: #ffffff 0px;
    border-right: #ffffff 0px;
}
#myBottomBrandBanner
{
}
.brandImg
{
    width: 136px;
    height: 42px;
    border: none 0px #FFFFFF;
}
#myBottomBanner
{
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#82ade2', gradientType='0');
}
.myHeaderLink
{
    border-right: #a1c6eb 1px;
    padding-right: 5px;
    border-top: #a1c6eb 1px;
    display: block;
    padding-left: 5px;
    padding-bottom: 1px;
    font: bold 70% Helvetica, Tahoma;
    border-left: #a1c6eb 1px;
    width: 100%;
    color: #000000;
    padding-top: 1px;
    border-bottom: #a1c6eb 1px;
    text-decoration: none;
}
.myHeaderLink:hover
{
    padding-right: 5px;
    display: block;
    padding-left: 5px;
    padding-bottom: 1px;
    font: bold 70% Helvetica, Tahoma;
    width: 100%;
    cursor: hand;
    color: #cc33cc;
    padding-top: 1px;
    background-color: #ffffff;
    text-decoration: underline;
}
.myLoginTopFrame
{
    font-family: Helvetica;
    background: none transparent scroll repeat 0% 0%;
    color: black;
    font-size: 16pt;
    font-weight: bold;
}
.myLoginTop
{
    font-weight: normal;
    font-size: 11pt;
    color: white;
    font-family: Helvetica,Tahoma;
    background: transparent;
}
.myLoginBodyText
{
    margin: 0px;
    font-weight: normal;
    font-size: 9pt;
    color: Black;
    font-family: Verdana;
    background-color: Transparent;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 2px;
    padding-right: 12px;
    vertical-align: super;
}
.myLoginText
{
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    background-color: floralWhite;
    font-family: Verdana;
    font-size: 9pt;
    color: Black;
}
.myLoginButton
{
    font-size: 9pt;
    font-family: Verdana;
}
.myLoginTopLabel
{
    font-weight: bold;
    font-size: 9pt;
    font-family: Verdana;
    background-color: #82ade2;
    color: #000000;
}
.myLoginLabel
{
    font-weight: normal;
    font-size: 10pt;
    color: black;
    font-family: Verdana;
    background-color: #e5eff8;
}
.myLoginMessage
{
    font-weight: bold;
    font-size: 8pt;
    color: black;
    font-family: Verdana;
    background-color: #e5eff8;
}
.myLoginInfo
{
    font-weight: normal;
    font-size: 8pt;
    color: #003399;
    font-family: Verdana;
    text-align: left;
}
.myError
{
    color: Red;
    font-family: verdana;
    font-size: 8pt;
}
.myLeftMenu
{
    font-weight: normal;
    font-size: 8pt;
    color: Black;
    font-family: Verdana;
    background-color: White;
    forecolor: black;
}
.myLeftMenuBody
{
    margin-left: 0px;
    margin-top: 5px;
    margin-right: 0px;
    background-color: #c3d9ff;
}
.myLeftMenuTable
{
    padding: 0;
    border: 0;
    width: 190px;
    background-color: White;
}
.myTopMenu
{
    font-weight: normal;
    font-size: 8pt;
    color: Black;
    font-family: Verdana;
    background: transparent;
}
.myPanel
{
    border-style: ridge;
    border-width: 1px;
    width: 400px;
    border-color: Blue;
}
.myPageHeader
{
    background: #c3d9ff;
    font-weight: bold;
    color: Black;
    font-family: Verdana;
    font-size: 10pt;
    text-align: center;
}
.myError
{
    color: Red;
    font-family: verdana;
    font-size: 8pt;
}

.myInput
{
    font-size: 8pt;
    color: black;
    font-family: Verdana;
}
.myHyperlink
{
    font-weight: normal;
    font-size: 8pt;
    color: blue;
    font-family: Verdana;
    margin-left: 0px;
}
.myStar
{
    color: #cc0000;
    font-family: Verdana;
    font-size: 8pt;
    text-align: left;
    font-weight: bold;
}

.myGridHeader
{
    background-color: #104E8B;
    font-weight: bold;
    color: white;
    font-family: Verdana;
    font-size: 8pt;
    text-align: center;
}
.myGridAlternatingItemStyle
{
    background-color: #e5eff8;
    font-family: Verdana;
    font-size: 8pt;
}
.myGridTextItem
{
    font-family: Verdana;
    font-size: 8pt;
}
.myGridEditTextItem
{
    background-color: PeachPuff;
    font-family: Verdana;
    font-size: 8pt;
}
.myGridSelectedItemStyle
{
    background-color: PeachPuff;
    font-family: Verdana;
    font-size: 8pt;
}
.myChildGridItemHeader
{
    background: #ffddee;
    font-weight: bold;
    color: black;
    font-family: Verdana;
    font-size: 8pt;
}
.myGridItemHeader
{
    background: #c3d9ff;
    font-weight: bold;
    color: black;
    font-family: Verdana;
    font-size: 8pt;
}
.myInputDisplay
{
    font-size: 8pt;
    color: black;
    font-family: Verdana;
    background-color: AliceBlue;
    border-width: 0;
}
.myValidator
{
    font-size: 8pt;
    color: red;
    font-family: Verdana;
    text-align: left;
}
.myTopMenuDynamicHoverStyle
{
    border-color: Black;
    border-width: 1px;
    background-color: Silver;
    font-size: 8pt;
    color: black;
    font-family: Verdana;
}

.myTopMenuStaticHoverStyle
{
    border-color: Black;
    background-color: white;
    border-width: 1px;
    font-size: 8pt;
    color: black;
    font-family: Verdana;
}
.myTopMenuDynamicMenuItemStyle
{
    border-color: white;
    border-width: 1px;
    font-size: 8pt;
    color: black;
    font-family: Verdana;
}
.myTopMenuDynamicMenuStyle
{
    border-color: black;
    background-color: white;
    border-width: 1px;
    color: Black;
}
.myTopMenuStaticMenuItemStyle
{
    padding-left: 0px;
    padding-left: 0px;
    font-size: 8pt;
    color: black;
    font-family: Verdana;
    font-weight: bold;
}
.myTopMenuStaticMenuStyle
{
}
.tdGToolbar
{
    border: solid 0px #1E77D3;
    padding: 0px 4px 0px 4px;
    font-size: 100%;
}
.tdGToolbarEnd
{
    padding-right: 30px;
}

.myLabel
{
    font-weight: bold;
    font-size: 8pt;
    color: #3399ff;
    font-family: Verdana;
    margin-left: 0px;
}

.myddl
{
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    font-family: Verdana;
    text-align: Left;
    margin-left: 0px;
    margin-right: 0px;
}

.mytext
{
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    font-family: Verdana;
    text-align: Left;
    margin-left: 0px;
}


.mybutton
{
    font-size: 8pt;
    color: #000000;
    font-family: Verdana;
    margin-left: 0px;
    height: 21px;
}

.readmore
{
    background: #2f2f2f;
    text-align: center;
    display: block;
    width: 250px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0px 3px 5px #000;
    -moz-box-shadow: 0px 3px 5px #000;
    -webkit-box-shadow: 0px 3px 5px #000;
}
.readmore:hover
{
    position: relative;
    top: 3px;
    color: #fqq;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}


.myvalidation
{
    font-weight: normal;
    font-size: 8pt;
    color: #000000;
    font-family: Verdana;
    text-align: Left;
    color: red;
    margin-right: 14px;
}

.menudisabled
{
    color: Gray;
}



.popUpStyle
{
    font-size: 10pt;
    font-family: Verdana;
    background-color: #CCCCCC;
    padding: 0px;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.fatigueButton
{
    display: block;
    border: none 0px #FFFFFF;
    float: left;
    background: url("../Images/NotClickedGrayBlue.png") no-repeat right top;
    color: #0033CC;
    font-weight: bold;
}
.fatigueButton:hover
{
    border: none 0px #FFFFFF;
    color: #0033CC;
    background: url("../Images/grayNotClicked.png") no-repeat right top;
}
.fatigueButtonClicked
{
    float: left;
    display: block;
    background: url("../Images/ClickeedblueYellow.png") no-repeat right top;
    border: none 0px #FFFFFF;
    font-weight: bold;
    color: Navy;
    font-weight: 400;
}

#loading-image
{
    background: #000 url("../Images/LoadingImage2.png") no-repeat center center;
    background-color: #333;
    width: 200px;
    height: 50px;
}

.imgWrap
{
    position: relative;
    float: left;
    margin-left: 50px;
    margin-right: 30px;
    margin-bottom: 30px;
    height: 180px;
    width: 180px;
}


.caption
{
    overflow: hidden;
    position: absolute;
    top: -14px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 160px;
    height: 160px;
    background: rgba(29, 106, 154, 0.75);
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility opacity 0.2s;
    font-family: Verdana;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    color: white;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
}




.captionBold
{
    font-family: Verdana;
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    color: white;
    font-weight: 200;
    -webkit-font-smoothing: antialiased;
}

.imgWrap:hover .caption
{
    visibility: visible;
    opacity: 1;
}

.imgdim
{
    opacity: 0.4;
    filter: alpha(opacity=40);
}

/* =====================================================================
   PCAMS - Professional look & feel  (presentation only)
   Targets MForm.master: banners, user-info bar, main menu, headings
   ===================================================================== */

/* ---------- Top strip (Sign Out) ---------- */
#myTopBrandBannerTable {
    background: #071f3d !important;
    border: 0 !important;
}
#myTopBrandBanner {
    background: transparent !important;
    filter: none !important;
    padding: 6px 18px !important;
}
a.pc-signout {
    display: inline-block;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 14px;
    padding: 3px 18px;
    font: 600 12px "Segoe UI", Calibri, Arial, sans-serif;
    letter-spacing: 0.5px;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
a.pc-signout:hover {
    background: #f2a900;
    border-color: #f2a900;
    color: #071f3d !important;
}

/* ---------- Application title bar ---------- */
#myMiddleBrandBannerTable {
    background: #0f4c8a !important;
    background: linear-gradient(100deg, #0a2f5c 0%, #0f4c8a 55%, #1a72b8 100%) !important;
    border: 0 !important;
    border-bottom: 3px solid #f2a900 !important;
}
#myMiddleBrandBannerTable td {
    padding: 14px 18px;
}
.pc-title {
    display: block;
    color: #ffffff;
    font: 600 20px/1.3 "Segoe UI", Calibri, Arial, sans-serif;
    letter-spacing: 0.8px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
.pc-version {
    display: inline-block;
    padding: 3px 14px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.40);
    border-radius: 14px;
    font: 600 12px "Segoe UI", Calibri, Arial, sans-serif;
    white-space: nowrap;
}

/* ---------- User / project information bar ---------- */
#myBottomBannerTable {
    background: #f1f5fa !important;
    border: 0 !important;
    border-bottom: 1px solid #d3deec !important;
}
#myBottomBanner {
    background: transparent !important;
    filter: none !important;
}
#myBottomBanner td {
    padding: 8px 18px;
    white-space: nowrap;
}
.pc-cap {
    color: #6b7c92;
    font: 600 11px "Segoe UI", Calibri, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.pc-val {
    color: #0a3d75;
    font: 700 13px "Segoe UI", Calibri, Arial, sans-serif;
}

/* ---------- Main menu (asp:Menu, CssClass="pc-menu") ---------- */
.pc-menu {
    background: #0a2f5c;
    background: linear-gradient(180deg, #14497f 0%, #0a2f5c 100%);
    border-bottom: 3px solid #f2a900;
    box-shadow: 0 3px 8px rgba(7, 31, 61, 0.30);
}
.pc-menu a,
.pc-menu span {
    text-decoration: none !important;
    font-family: "Segoe UI", Calibri, Arial, sans-serif;
}

/* top-level items */
.pc-static-item,
.pc-static-item td,
.pc-static-item a {
    color: #eaf2fc !important;
    font: 600 15px "Segoe UI", Calibri, Arial, sans-serif;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    background: transparent;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.pc-static-item td {
    padding: 14px 20px !important;
    font-size: 15px !important;
}
.pc-static-hover,
.pc-static-hover a,
.pc-static-selected,
.pc-static-selected a {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 -3px 0 #f2a900;
}
.pc-menu td:hover > table.pc-static-item {
    background: rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 -3px 0 #f2a900;
    color: #ffffff !important;
}

/* drop-down panels */
.pc-dyn-menu {
    min-width: 230px;
    background: #ffffff;
    border: 1px solid #cfdbeb;
    border-top: 3px solid #f2a900;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 10px 24px rgba(7, 31, 61, 0.28);
    padding: 6px 0;
}
.pc-dyn-item,
.pc-dyn-item td,
.pc-dyn-item a {
    color: #1f2d3d !important;
    background: #ffffff;
    font: 500 14.5px "Segoe UI", Calibri, Arial, sans-serif;
    text-transform: none;
    letter-spacing: 0.1px;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.pc-dyn-item td {
    padding: 10px 28px 10px 20px !important;
    font-size: 14.5px !important;
}
.pc-dyn-item span {
    color: #9aa7b8;                       /* disabled entries */
}
.pc-dyn-hover,
.pc-dyn-hover a,
.pc-dyn-selected,
.pc-dyn-selected a {
    color: #0a3d75 !important;
    background: #e7f0fb;
    box-shadow: inset 4px 0 0 #1a6fb5;
    font-weight: 600;
}
.pc-dyn-item:hover,
.pc-dyn-item:hover a {
    color: #0a3d75 !important;
    background: #e7f0fb;
    box-shadow: inset 4px 0 0 #1a6fb5;
}

/* ---------- Page headings and grid headings ---------- */
.myPageHeader {
    background: #eaf1fb;
    background: linear-gradient(90deg, #e1ecfa 0%, #f8fbff 100%);
    color: #0a3d75;
    font-family: "Segoe UI", Calibri, Verdana, sans-serif;
    font-size: 11pt;
    font-weight: 700;
    letter-spacing: 0.4px;
    padding: 8px 14px;
    border-left: 5px solid #1a6fb5;
    border-bottom: 1px solid #c9d9ee;
}
.myGridHeader,
.gvHeader th {
    background-color: #14477f;
    color: #ffffff;
    letter-spacing: 0.3px;
}
.gvHeader th {
    border: 1px solid #0f3861;
}
.myGridItemHeader {
    background: #dbe8f8;
    color: #0a3d75;
}

/* ---------- Group headings inside drop-down menus (tagged by script in MForm.master) ---------- */
.pc-dyn-item.pc-menu-heading,
.pc-menu-heading td,
.pc-menu-heading span,
.pc-menu-heading a {
    background: #e4edf9 !important;
    color: #0a3d75 !important;
    font-family: "Segoe UI", Calibri, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    box-shadow: none !important;
    cursor: default;
    pointer-events: none;
}
.pc-menu-heading td {
    padding: 9px 20px 9px 16px !important;
    border-left: 4px solid #1a6fb5;
    border-top: 1px solid #c9d9ee;
    border-bottom: 1px solid #c9d9ee;
}
.pc-dyn-item.pc-menu-heading:hover,
.pc-menu-heading:hover td,
.pc-menu-heading:hover span {
    background: #e4edf9 !important;
    color: #0a3d75 !important;
    box-shadow: none !important;
}

/* ===== PCAMS - OpenProj.aspx page ===== */
.pc-page { padding: 26px 12px 30px; }
.pc-card {
    background: #ffffff;
    border: 1px solid #d5e1f0 !important;
    border-top: 5px solid #0f4c8a !important;
    border-radius: 10px;
    box-shadow: 0 8px 26px rgba(10, 47, 92, 0.16);
    padding: 22px 34px 26px;
    min-width: 640px;
    border-collapse: separate;
}
.pc-card td { padding: 7px 8px; }
.pc-page-title {
    display: inline-block;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 24px; font-weight: 700; letter-spacing: 0.4px;
    color: #0a2f5c;
    padding-bottom: 10px; margin-bottom: 6px;
    border-bottom: 3px solid #f2a900;
}
.pc-cap-lbl {
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13.5px; font-weight: 600; color: #0a3d75;
    white-space: nowrap; padding-right: 6px;
}
.pc-input {
    width: 400px; box-sizing: border-box;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13.5px; font-weight: 600; color: #1f2d3d;
    background: #fff;
    border: 1px solid #b9c9dd; border-radius: 6px;
    padding: 7px 10px;
    transition: border-color .15s, box-shadow .15s;
}
select.pc-select { height: 36px; cursor: pointer; }
.pc-input:hover { border-color: #1a6fb5; }
.pc-input:focus { outline: none; border-color: #0f4c8a; box-shadow: 0 0 0 3px rgba(26,111,181,0.22); }
.pc-readonly, .pc-readonly[disabled] {
    background: #f1f5fa !important; color: #0a3d75 !important;
    border-color: #dbe5f1 !important; -webkit-text-fill-color: #0a3d75; opacity: 1;
}
.pc-btn {
    min-width: 116px; height: 38px; margin: 12px 6px 0;
    font-family: "Segoe UI", Arial, sans-serif; font-size: 14px; font-weight: 700;
    border-radius: 6px; cursor: pointer; transition: all .15s;
}
.pc-btn-primary {
    color: #fff; border: 1px solid #0a2f5c;
    background: linear-gradient(#1a6fb5, #0f4c8a);
    box-shadow: 0 2px 6px rgba(15, 76, 138, 0.35);
}
.pc-btn-primary:hover { background: linear-gradient(#0f4c8a, #0a2f5c); box-shadow: 0 4px 10px rgba(10,47,92,.4); }
.pc-btn-primary[disabled] {
    background: #e3e9f1; color: #8d9bb0; border-color: #cbd6e4; box-shadow: none; cursor: not-allowed;
}
.pc-btn-secondary { color: #0f4c8a; background: #fff; border: 1px solid #0f4c8a; }
.pc-btn-secondary:hover { background: #e7f0fb; }

.pc-team-wrap { width: 896px; margin-top: 22px; }
.pc-team-panel {
    width: 100% !important; box-sizing: border-box;
    background: #fff; border: 1px solid #d5e1f0; border-radius: 10px;
    box-shadow: 0 6px 20px rgba(10, 47, 92, 0.12);
    padding: 6px 14px 16px;
}
.pc-team-panel legend {
    font-family: "Segoe UI", Arial, sans-serif; font-size: 15px; font-weight: 700;
    color: #fff; background: #0f4c8a; border-radius: 14px; padding: 4px 16px;
}
.pc-team-scroll { max-height: 256px; overflow-y: auto; margin-top: 10px; border: 1px solid #d5e1f0; border-radius: 6px; }
table.pc-grid { width: 100%; border-collapse: collapse; font-family: "Segoe UI", Arial, sans-serif; }
table.pc-grid th, .pc-grid-head th {
    background: #0f4c8a !important; color: #fff !important;
    font-size: 13px; font-weight: 700; text-align: left;
    padding: 9px 10px; border: none !important; position: sticky; top: 0;
}
table.pc-grid td { font-size: 12.5px; color: #1f2d3d; padding: 8px 10px; border-bottom: 1px solid #e4edf9; background: #fff; }
table.pc-grid tr.pc-row-alt td { background: #f1f5fa; }
table.pc-grid tr:hover td { background: #e7f0fb; }
.pc-error { font-family: "Segoe UI", Arial, sans-serif; font-size: 13.5px; font-weight: 600; color: #b3261e; display: inline-block; margin-top: 12px; }

/* ===== PCAMS - SystemTagNo.aspx (CSS only, targets control IDs; no markup/code-behind change) ===== */
[id$="lblHead"][style*="Navy"],
[id$="lblHead"][style*="navy"] {
    display: inline-block;
    font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 24px !important; font-weight: 700 !important; letter-spacing: .4px;
    color: #0a2f5c !important;
    padding: 6px 0 10px; margin: 8px 0 12px;
    border-bottom: 3px solid #f2a900;
}
/* Format-selection panel (fieldset) */
fieldset[id$="pnlformat"], fieldset[id$="pnlImportExcel"] {
    background: #fff;
    border: 1px solid #d5e1f0; border-top: 4px solid #0f4c8a; border-radius: 10px;
    box-shadow: 0 6px 20px rgba(10, 47, 92, .12);
    padding: 10px 18px 16px; margin: 6px auto;
}
fieldset[id$="pnlformat"] legend, fieldset[id$="pnlImportExcel"] legend {
    font-family: "Segoe UI", Arial, sans-serif !important; font-size: 15px !important; font-weight: 700 !important;
    color: #fff !important; background: #0f4c8a; border-radius: 14px; padding: 4px 16px;
}
fieldset[id$="pnlformat"] span[style], fieldset[id$="pnlformat"] label {
    font-family: "Segoe UI", Arial, sans-serif !important; color: #0a3d75 !important;
    font-size: 13.5px !important; font-weight: 600 !important;
}
fieldset[id$="pnlformat"] input[type="radio"] { accent-color: #0f4c8a; margin-right: 4px; cursor: pointer; }
/* Note line */
span[id$="lblNote"] {
    display: inline-block; max-width: 96%;
    font-family: "Segoe UI", Arial, sans-serif !important; font-size: 13px !important; font-weight: 600;
    color: #8a4b00 !important; background: #fff6df; border: 1px solid #f2d48a; border-left: 5px solid #f2a900;
    border-radius: 6px; padding: 8px 14px; margin: 6px 0 12px; text-align: left;
}
/* Grid container + table */
div[id$="divdatagrid1"], #divdatagrid1 {
    background: #fff; border: 1px solid #d5e1f0; border-radius: 8px;
    box-shadow: 0 6px 20px rgba(10, 47, 92, .10); overflow: auto !important;
}
table[id$="dgSysTagNo"] {
    border: none !important; border-collapse: collapse !important;
    font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12.5px !important;
}
table[id$="dgSysTagNo"] th {
    background: #0f4c8a !important; color: #fff !important;
    font-size: 12.5px; font-weight: 700; text-align: left;
    padding: 9px 8px !important; border: none !important; border-right: 1px solid #2a6bb0 !important;
    position: sticky; top: 0; z-index: 0;
}
table[id$="dgSysTagNo"] td {
    color: #1f2d3d !important; padding: 7px 8px !important;
    border: none !important; border-bottom: 1px solid #e4edf9 !important;
    background: #fff !important; vertical-align: top;
}
table[id$="dgSysTagNo"] tr:nth-child(even) td { background: #f1f5fa !important; }
table[id$="dgSysTagNo"] tr:hover td { background: #e7f0fb !important; }
table[id$="dgSysTagNo"] span { font-family: inherit !important; }
table[id$="dgSysTagNo"] a {
    color: #0f4c8a !important; font-weight: 700; text-decoration: none; margin-right: 6px;
}
table[id$="dgSysTagNo"] a:hover { color: #f2a900 !important; text-decoration: underline; }
/* Inputs (grid + import panel) */
table[id$="dgSysTagNo"] input[type="text"], table[id$="dgSysTagNo"] select,
fieldset[id$="pnlImportExcel"] input[type="text"] {
    font-family: "Segoe UI", Arial, sans-serif; font-size: 12.5px; color: #1f2d3d;
    border: 1px solid #b9c9dd; border-radius: 5px; padding: 5px 8px; background: #fff;
    box-sizing: border-box; transition: border-color .15s, box-shadow .15s;
}
table[id$="dgSysTagNo"] input[type="text"]:focus, table[id$="dgSysTagNo"] select:focus,
fieldset[id$="pnlImportExcel"] input[type="text"]:focus {
    outline: none; border-color: #0f4c8a; box-shadow: 0 0 0 3px rgba(26, 111, 181, .22);
}
/* Buttons (grid footer, import panel, bottom bar) */
table[id$="dgSysTagNo"] input[type="submit"],
fieldset[id$="pnlImportExcel"] input[type="submit"],
div[id$="pnlButton"] input[type="submit"] {
    font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12.5px !important; font-weight: 700 !important;
    color: #fff !important; background: linear-gradient(#1a6fb5, #0f4c8a) !important;
    border: 1px solid #0a2f5c !important; border-radius: 6px; height: 34px; padding: 0 12px;
    cursor: pointer; box-shadow: 0 2px 6px rgba(15, 76, 138, .3); transition: all .15s; margin: 2px 3px;
}
table[id$="dgSysTagNo"] input[type="submit"]:hover,
fieldset[id$="pnlImportExcel"] input[type="submit"]:hover,
div[id$="pnlButton"] input[type="submit"]:hover {
    background: linear-gradient(#0f4c8a, #0a2f5c) !important; box-shadow: 0 4px 10px rgba(10, 47, 92, .4);
}
input[id$="btnCancelImportLoopDetail"], input[id$="cancel_ins"] {
    color: #0f4c8a !important; background: #fff !important; border: 1px solid #0f4c8a !important; box-shadow: none !important;
}
input[id$="btnCancelImportLoopDetail"]:hover, input[id$="cancel_ins"]:hover { background: #e7f0fb !important; }
div[id$="pnlButton"] table { margin: 0 auto; }
/* Import panel captions */
fieldset[id$="pnlImportExcel"] span[style*="RED"], fieldset[id$="pnlImportExcel"] span[style*="Red"] {
    display: inline-block; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 13px !important;
    color: #8a4b00 !important; background: #fff6df; border-left: 5px solid #f2a900; border-radius: 6px; padding: 8px 14px;
}
fieldset[id$="pnlImportExcel"] span { font-family: "Segoe UI", Arial, sans-serif !important; }
fieldset[id$="pnlImportExcel"] span[style*="Blue"] { color: #0a3d75 !important; }
span[id$="chkmsg"], span[id$="lblloadError"] {
    font-family: "Segoe UI", Arial, sans-serif !important; font-size: 13.5px !important; font-weight: 600; color: #b3261e !important;
}

/* ===== SystemTagNo.aspx - icons for Edit/Delete, button sizing ===== */
table[id$="dgSysTagNo"] a[href*="Edit$"],
table[id$="dgSysTagNo"] a[href*="Delete$"],
table[id$="dgSysTagNo"] a[href*="Update$"],
table[id$="dgSysTagNo"] a[href*="Cancel$"] {
    display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
    padding: 4px 10px; border-radius: 5px; margin: 0 2px; font-size: 12px;
    border: 1px solid transparent; transition: background .15s;
}
table[id$="dgSysTagNo"] a[href*="Edit$"]::before,
table[id$="dgSysTagNo"] a[href*="Delete$"]::before,
table[id$="dgSysTagNo"] a[href*="Update$"]::before,
table[id$="dgSysTagNo"] a[href*="Cancel$"]::before {
    content: ""; width: 14px; height: 14px; flex: 0 0 14px; background-color: currentColor;
    -webkit-mask: var(--pc-ico) center / contain no-repeat; mask: var(--pc-ico) center / contain no-repeat;
}
table[id$="dgSysTagNo"] a[href*="Edit$"] {
    color: #0f4c8a !important; background: #e7f0fb; border-color: #b9d3ee;
    --pc-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 17.25V21h3.75L17.8 9.94l-3.75-3.75L3 17.25zM20.7 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/></svg>");
}
table[id$="dgSysTagNo"] a[href*="Delete$"] {
    color: #b3261e !important; background: #fdecea; border-color: #f3c1bd;
    --pc-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/></svg>");
}
table[id$="dgSysTagNo"] a[href*="Update$"] {
    color: #1b7f3b !important; background: #e6f5ea; border-color: #b5dfc0;
    --pc-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>");
}
table[id$="dgSysTagNo"] a[href*="Cancel$"] {
    color: #5a6b80 !important; background: #eef1f5; border-color: #cbd6e4;
    --pc-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19 6.4 17.6 5 12 10.6 6.4 5 5 6.4l5.6 5.6L5 17.6 6.4 19l5.6-5.6 5.6 5.6 1.4-1.4-5.6-5.6z'/></svg>");
}
table[id$="dgSysTagNo"] a[href*="Edit$"]:hover { background: #d3e6fa; text-decoration: none; }
table[id$="dgSysTagNo"] a[href*="Delete$"]:hover { background: #f9d6d2; text-decoration: none; }
table[id$="dgSysTagNo"] a[href*="Update$"]:hover { background: #d3edda; text-decoration: none; }
table[id$="dgSysTagNo"] a[href*="Cancel$"]:hover { background: #dde3ea; text-decoration: none; }
table[id$="dgSysTagNo"] a[href*="Edit$"]:hover, table[id$="dgSysTagNo"] a[href*="Delete$"]:hover { color: inherit; }

/* Bottom buttons: show full text */
div[id$="pnlButton"] input[type="submit"] {
    width: auto !important; min-width: 90px; white-space: nowrap; padding: 0 18px !important;
}
div[id$="pnlButton"] td { padding: 4px 5px; }

/* Grid Insert / Cancel / ADD buttons: smaller */
table[id$="dgSysTagNo"] input[id$="adddata"], table[id$="dgSysTagNo"] input[id$="cancel_ins"] {
    width: auto !important; min-width: 0; height: 26px !important; padding: 0 10px !important;
    font-size: 11.5px !important; border-radius: 5px; white-space: nowrap; margin: 1px 2px;
}

/* Keep master-page dropdown menus above page content (grid headers etc.) */
div:has(> table.pc-dyn-menu), .pc-dyn-menu { z-index: 99999 !important; }

/* ===== PCAMS - FormatIConv.aspx (CSS only, ID-targeted) ===== */
span[id$="lbl_name"] {
    display: inline-block; font-family: "Segoe UI", Arial, sans-serif !important;
    font-size: 24px !important; font-weight: 700 !important; letter-spacing: .4px; text-decoration: none !important;
    color: #0a2f5c !important; padding: 6px 0 10px; margin-top: 8px; border-bottom: 3px solid #f2a900;
}
span[id$="lblnam"] {
    font-family: "Segoe UI", Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important;
    color: #5a6b80 !important; display: inline-block; margin: 6px 0 4px;
}
span[id$="lbl_systag"], span[id$="lbl_sysdesc"], span[id$="lbl_dt"], span[id$="lbl_pid"], span[id$="lbl_frevno"] {
    font-family: "Segoe UI", Arial, sans-serif !important; font-size: 13.5px !important; font-weight: 600 !important;
    color: #0a3d75 !important; white-space: nowrap; padding-right: 10px;
}
select[id$="ddlsystemTagno"], select[id$="ddlIssueDates"], select[id$="ddlpid"], select[id$="ddlViewMCPunchpoint"],
input[id$="txt_sysdesc"], input[id$="txtfrev"], textarea[id$="txtsubsys"], textarea[id$="txtReason"], textarea[id$="txtRejectReason"],
input[id$="txtRejectRemarksConst"], input[id$="txtempno1"], input[id$="txtpwd1"], input[id$="txtPwd"], input[id$="TextBox1"] {
    font-family: "Segoe UI", Arial, sans-serif !important; font-size: 13px !important; color: #1f2d3d;
    border: 1px solid #b9c9dd; border-radius: 6px; padding: 6px 9px; background: #fff; box-sizing: border-box;
    transition: border-color .15s, box-shadow .15s; margin: 3px 4px 3px 0;
}
select[id$="ddlsystemTagno"], select[id$="ddlIssueDates"], select[id$="ddlpid"], select[id$="ddlViewMCPunchpoint"] { height: 34px !important; cursor: pointer; }
select[id$="ddlsystemTagno"]:hover, select[id$="ddlIssueDates"]:hover, select[id$="ddlpid"]:hover { border-color: #1a6fb5; }
input[id$="txt_sysdesc"]:read-only, input[id$="txt_sysdesc"][readonly], input[disabled][id$="txtempno1"], input[disabled][id$="TextBox1"] {
    background: #f1f5fa; color: #0a3d75; border-color: #dbe5f1;
}
select[id$="ddlsystemTagno"]:focus, select[id$="ddlIssueDates"]:focus, select[id$="ddlpid"]:focus,
textarea[id$="txtsubsys"]:focus, textarea[id$="txtReason"]:focus, input[id$="txtpwd1"]:focus, input[id$="txtPwd"]:focus {
    outline: none; border-color: #0f4c8a; box-shadow: 0 0 0 3px rgba(26,111,181,.22);
}
/* message bands (override inline grey background) */
td:has(> span[id$="lbl_error"]), td:has(> span[id$="lblRejectRemarks"]) { background: transparent !important; }
span[id$="lbl_error"] {
    display: block; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 15px !important; font-weight: 600 !important;
    color: #8a4b00 !important; background: #fff6df; border-left: 5px solid #f2a900; border-radius: 6px; padding: 8px 14px; margin: 8px 0;
}
span[id$="lbl_error"]:empty { display: none; }
span[id$="lblRejectRemarks"] {
    display: block; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important;
    color: #b3261e !important; background: #fdecea; border-left: 5px solid #b3261e; border-radius: 6px; padding: 8px 14px; margin: 6px 0;
}
span[id$="lblRejectRemarks"]:empty { display: none; }
span[id$="lbltotlloop"] { font-family: "Segoe UI", Arial, sans-serif !important; font-size: 13px !important; color: #1b7f3b !important; }
span[id$="lblerror"], span[id$="lbl_msg1"], span[id$="lbl_err"] {
    font-family: "Segoe UI", Arial, sans-serif !important; font-size: 13.5px !important; font-weight: 600 !important; color: #b3261e !important;
}
span[id$="lblRejectRemarksConst"], span[id$="lblHead"], span[id$="lblUserid"], span[id$="lblPwd"],
span[id$="Label1"], span[id$="Label3"] {
    font-family: "Segoe UI", Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; color: #0a3d75 !important;
}

fieldset[id$="pnlSubSysList"],
fieldset[id$="pnlloopstatus"],
fieldset[id$="panelremarks"],
fieldset[id$="PnlListdoc"],
fieldset[id$="pnlViewListDoc"],
fieldset[id$="pnlupload"],
fieldset[id$="PnlException"],
fieldset[id$="pnlViewException"],
fieldset[id$="pnlRejectReason"] {
    background: #fff; border: 1px solid #d5e1f0; border-top: 4px solid #0f4c8a; border-radius: 10px;
    box-shadow: 0 6px 20px rgba(10,47,92,.12); padding: 10px 18px 16px; margin: 8px auto;
}
fieldset[id$="pnlSubSysList"] legend,
fieldset[id$="pnlloopstatus"] legend,
fieldset[id$="panelremarks"] legend,
fieldset[id$="PnlListdoc"] legend,
fieldset[id$="pnlViewListDoc"] legend,
fieldset[id$="pnlupload"] legend,
fieldset[id$="PnlException"] legend,
fieldset[id$="pnlViewException"] legend,
fieldset[id$="pnlRejectReason"] legend {
    font-family: "Segoe UI", Arial, sans-serif !important; font-size: 15px !important; font-weight: 700 !important;
    color: #fff !important; background: #0f4c8a; border-radius: 14px; padding: 4px 16px;
}
div[id$="pnlReject"], div[id$="pnlVerPwd"] {
    background: #fff; border: 1px solid #d5e1f0; border-top: 4px solid #0f4c8a; border-radius: 10px;
    box-shadow: 0 6px 20px rgba(10,47,92,.12); padding: 12px 18px 16px; margin: 10px auto; box-sizing: border-box;
}

div:has(> table[id$="loopgriddetails"]),
div:has(> table[id$="gvllopstatus"]),
div:has(> table[id$="gridremarks"]),
div:has(> table[id$="gv_AttachDoc"]),
div:has(> table[id$="gv_ViewAttachDoc"]),
div:has(> table[id$="gv_EditException"]),
div:has(> table[id$="gv_ViewException"]) {
    background: #fff; border: 1px solid #d5e1f0; border-radius: 8px; box-shadow: 0 6px 20px rgba(10,47,92,.10); overflow: auto !important;
}

table[id$="loopgriddetails"],
table[id$="gvllopstatus"],
table[id$="gridremarks"],
table[id$="gv_AttachDoc"],
table[id$="gv_ViewAttachDoc"],
table[id$="gv_EditException"],
table[id$="gv_ViewException"] {
    border: none !important; border-collapse: collapse !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12.5px !important;
}
table[id$="loopgriddetails"] th,
table[id$="gvllopstatus"] th,
table[id$="gridremarks"] th,
table[id$="gv_AttachDoc"] th,
table[id$="gv_ViewAttachDoc"] th,
table[id$="gv_EditException"] th,
table[id$="gv_ViewException"] th {
    background: #0f4c8a !important; color: #fff !important; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12.5px !important; font-weight: 700;
    text-align: left; padding: 9px 8px !important; border: none !important; border-right: 1px solid #2a6bb0 !important; position: sticky; top: 0; z-index: 0;
}
table[id$="loopgriddetails"] td,
table[id$="gvllopstatus"] td,
table[id$="gridremarks"] td,
table[id$="gv_AttachDoc"] td,
table[id$="gv_ViewAttachDoc"] td,
table[id$="gv_EditException"] td,
table[id$="gv_ViewException"] td {
    color: #1f2d3d !important; padding: 7px 8px !important; border: none !important; border-bottom: 1px solid #e4edf9 !important;
    background: #fff !important; vertical-align: top; font-size: 12.5px !important;
}
table[id$="loopgriddetails"] tr:nth-child(even) td,
table[id$="gvllopstatus"] tr:nth-child(even) td,
table[id$="gridremarks"] tr:nth-child(even) td,
table[id$="gv_AttachDoc"] tr:nth-child(even) td,
table[id$="gv_ViewAttachDoc"] tr:nth-child(even) td,
table[id$="gv_EditException"] tr:nth-child(even) td,
table[id$="gv_ViewException"] tr:nth-child(even) td { background: #f1f5fa !important; }
table[id$="loopgriddetails"] tr:hover td,
table[id$="gvllopstatus"] tr:hover td,
table[id$="gridremarks"] tr:hover td,
table[id$="gv_AttachDoc"] tr:hover td,
table[id$="gv_ViewAttachDoc"] tr:hover td,
table[id$="gv_EditException"] tr:hover td,
table[id$="gv_ViewException"] tr:hover td { background: #e7f0fb !important; }
table[id$="loopgriddetails"] span:not([id*="err"]),
table[id$="gvllopstatus"] span:not([id*="err"]),
table[id$="gridremarks"] span:not([id*="err"]),
table[id$="gv_AttachDoc"] span:not([id*="err"]),
table[id$="gv_ViewAttachDoc"] span:not([id*="err"]),
table[id$="gv_EditException"] span:not([id*="err"]),
table[id$="gv_ViewException"] span:not([id*="err"]) { font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12.5px !important; color: inherit !important; }
table[id$="loopgriddetails"] input[type="text"],
table[id$="gvllopstatus"] input[type="text"],
table[id$="gridremarks"] input[type="text"],
table[id$="gv_AttachDoc"] input[type="text"],
table[id$="gv_ViewAttachDoc"] input[type="text"],
table[id$="gv_EditException"] input[type="text"],
table[id$="gv_ViewException"] input[type="text"],
table[id$="loopgriddetails"] select,
table[id$="gvllopstatus"] select,
table[id$="gridremarks"] select,
table[id$="gv_AttachDoc"] select,
table[id$="gv_ViewAttachDoc"] select,
table[id$="gv_EditException"] select,
table[id$="gv_ViewException"] select {
 font-family: "Segoe UI", Arial, sans-serif; font-size: 12.5px; color:#1f2d3d; border:1px solid #b9c9dd; border-radius:5px; padding:5px 8px; background:#fff; box-sizing:border-box;
}
table[id$="loopgriddetails"] input[type="text"]:focus,
table[id$="gvllopstatus"] input[type="text"]:focus,
table[id$="gridremarks"] input[type="text"]:focus,
table[id$="gv_AttachDoc"] input[type="text"]:focus,
table[id$="gv_ViewAttachDoc"] input[type="text"]:focus,
table[id$="gv_EditException"] input[type="text"]:focus,
table[id$="gv_ViewException"] input[type="text"]:focus,
table[id$="loopgriddetails"] select:focus,
table[id$="gvllopstatus"] select:focus,
table[id$="gridremarks"] select:focus,
table[id$="gv_AttachDoc"] select:focus,
table[id$="gv_ViewAttachDoc"] select:focus,
table[id$="gv_EditException"] select:focus,
table[id$="gv_ViewException"] select:focus { outline:none; border-color:#0f4c8a; box-shadow:0 0 0 3px rgba(26,111,181,.22); }
input[id$="Button1"],
input[id$="Button3"],
input[id$="btnAccept"],
input[id$="btnAddExp"],
input[id$="btnAttachDoc"],
input[id$="btnCancel"],
input[id$="btnChecklist"],
input[id$="btnCurrentData"],
input[id$="btnException"],
input[id$="btnFmt3"],
input[id$="btnHome"],
input[id$="btnInsert"],
input[id$="btnPrint1_attachdoc"],
input[id$="btnPrint_attachdoc"],
input[id$="btnReject"],
input[id$="btnReport"],
input[id$="btnSubReject"],
input[id$="btnSysDossier"],
input[id$="btnUnapprove"],
input[id$="btnVer"],
input[id$="btnViewLoopMCPunchlist"],
input[id$="btnViewLoopPID"],
input[id$="btnViewPID"],
input[id$="btn_submit"],
input[id$="btnaddDoc"],
input[id$="btncancel"],
input[id$="btninsert"],
input[id$="btnissue"],
input[id$="btnloopdossierdetails"],
input[id$="btnlooppunchlist"],
input[id$="btnloopstatus"],
input[id$="btnupload"] {
    font-family: "Segoe UI", Arial, sans-serif !important; font-size: 12.5px !important; font-weight: 700 !important;
    color: #fff !important; background: linear-gradient(#1a6fb5,#0f4c8a) !important; border: 1px solid #0a2f5c !important;
    border-radius: 6px; height: 34px; padding: 0 14px !important; width: auto !important; min-width: 0; white-space: nowrap;
    cursor: pointer; box-shadow: 0 2px 6px rgba(15,76,138,.3); transition: all .15s; margin: 3px 3px;
}
input[id$="Button1"]:hover,
input[id$="Button3"]:hover,
input[id$="btnAccept"]:hover,
input[id$="btnAddExp"]:hover,
input[id$="btnAttachDoc"]:hover,
input[id$="btnCancel"]:hover,
input[id$="btnChecklist"]:hover,
input[id$="btnCurrentData"]:hover,
input[id$="btnException"]:hover,
input[id$="btnFmt3"]:hover,
input[id$="btnHome"]:hover,
input[id$="btnInsert"]:hover,
input[id$="btnPrint1_attachdoc"]:hover,
input[id$="btnPrint_attachdoc"]:hover,
input[id$="btnReject"]:hover,
input[id$="btnReport"]:hover,
input[id$="btnSubReject"]:hover,
input[id$="btnSysDossier"]:hover,
input[id$="btnUnapprove"]:hover,
input[id$="btnVer"]:hover,
input[id$="btnViewLoopMCPunchlist"]:hover,
input[id$="btnViewLoopPID"]:hover,
input[id$="btnViewPID"]:hover,
input[id$="btn_submit"]:hover,
input[id$="btnaddDoc"]:hover,
input[id$="btncancel"]:hover,
input[id$="btninsert"]:hover,
input[id$="btnissue"]:hover,
input[id$="btnloopdossierdetails"]:hover,
input[id$="btnlooppunchlist"]:hover,
input[id$="btnloopstatus"]:hover,
input[id$="btnupload"]:hover { background: linear-gradient(#0f4c8a,#0a2f5c) !important; box-shadow: 0 4px 10px rgba(10,47,92,.4); }
input[id$="Button1"][disabled],
input[id$="Button3"][disabled],
input[id$="btnAccept"][disabled],
input[id$="btnAddExp"][disabled],
input[id$="btnAttachDoc"][disabled],
input[id$="btnCancel"][disabled],
input[id$="btnChecklist"][disabled],
input[id$="btnCurrentData"][disabled],
input[id$="btnException"][disabled],
input[id$="btnFmt3"][disabled],
input[id$="btnHome"][disabled],
input[id$="btnInsert"][disabled],
input[id$="btnPrint1_attachdoc"][disabled],
input[id$="btnPrint_attachdoc"][disabled],
input[id$="btnReject"][disabled],
input[id$="btnReport"][disabled],
input[id$="btnSubReject"][disabled],
input[id$="btnSysDossier"][disabled],
input[id$="btnUnapprove"][disabled],
input[id$="btnVer"][disabled],
input[id$="btnViewLoopMCPunchlist"][disabled],
input[id$="btnViewLoopPID"][disabled],
input[id$="btnViewPID"][disabled],
input[id$="btn_submit"][disabled],
input[id$="btnaddDoc"][disabled],
input[id$="btncancel"][disabled],
input[id$="btninsert"][disabled],
input[id$="btnissue"][disabled],
input[id$="btnloopdossierdetails"][disabled],
input[id$="btnlooppunchlist"][disabled],
input[id$="btnloopstatus"][disabled],
input[id$="btnupload"][disabled] { background: #e3e9f1 !important; color: #8d9bb0 !important; border-color: #cbd6e4 !important; box-shadow: none; cursor: not-allowed; }
input[id$="Button1"],
input[id$="Button3"],
input[id$="btnCancel"],
input[id$="btncancel"] { color:#0f4c8a !important; background:#fff !important; border:1px solid #0f4c8a !important; box-shadow:none; }
input[id$="Button1"]:hover,
input[id$="Button3"]:hover,
input[id$="btnCancel"]:hover,
input[id$="btncancel"]:hover { background:#e7f0fb !important; }
input[id$="btnFmt3"],
input[id$="btnAccept"] { background: linear-gradient(#2e9e57,#1b7f3b) !important; border-color:#14602d !important; }
input[id$="btnReject"],
input[id$="btnUnapprove"] { background: linear-gradient(#d0463d,#b3261e) !important; border-color:#8c1d17 !important; }
input[id$="btnInsert"],
input[id$="btninsert"] { height: 28px; font-size: 12px !important; padding: 0 10px !important; }
/* Edit/Delete/Update/Cancel icon links */
/* ===== SystemTagNo.aspx - icons for Edit/Delete,
/* ===== SystemTagNo.aspx - icons for Edit/Delete,
/* ===== SystemTagNo.aspx - icons for Edit/Delete,
/* ===== SystemTagNo.aspx - icons for Edit/Delete,
/* ===== SystemTagNo.aspx - icons for Edit/Delete,
/* ===== SystemTagNo.aspx - icons for Edit/Delete,
/* ===== SystemTagNo.aspx - icons for Edit/Delete,
button sizing ===== */
table[id$="loopgriddetails"] a[href*="Edit$"],
button sizing ===== */
table[id$="gvllopstatus"] a[href*="Edit$"],
button sizing ===== */
table[id$="gridremarks"] a[href*="Edit$"],
button sizing ===== */
table[id$="gv_AttachDoc"] a[href*="Edit$"],
button sizing ===== */
table[id$="gv_ViewAttachDoc"] a[href*="Edit$"],
button sizing ===== */
table[id$="gv_EditException"] a[href*="Edit$"],
button sizing ===== */
table[id$="gv_ViewException"] a[href*="Edit$"],
table[id$="loopgriddetails"] a[href*="Delete$"],
table[id$="gvllopstatus"] a[href*="Delete$"],
table[id$="gridremarks"] a[href*="Delete$"],
table[id$="gv_AttachDoc"] a[href*="Delete$"],
table[id$="gv_ViewAttachDoc"] a[href*="Delete$"],
table[id$="gv_EditException"] a[href*="Delete$"],
table[id$="gv_ViewException"] a[href*="Delete$"],
table[id$="loopgriddetails"] a[href*="Update$"],
table[id$="gvllopstatus"] a[href*="Update$"],
table[id$="gridremarks"] a[href*="Update$"],
table[id$="gv_AttachDoc"] a[href*="Update$"],
table[id$="gv_ViewAttachDoc"] a[href*="Update$"],
table[id$="gv_EditException"] a[href*="Update$"],
table[id$="gv_ViewException"] a[href*="Update$"],
table[id$="loopgriddetails"] a[href*="Cancel$"],
table[id$="gvllopstatus"] a[href*="Cancel$"],
table[id$="gridremarks"] a[href*="Cancel$"],
table[id$="gv_AttachDoc"] a[href*="Cancel$"],
table[id$="gv_ViewAttachDoc"] a[href*="Cancel$"],
table[id$="gv_EditException"] a[href*="Cancel$"],
table[id$="gv_ViewException"] a[href*="Cancel$"] {
    display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
    padding: 4px 10px; border-radius: 5px; margin: 0 2px; font-size: 12px;
    border: 1px solid transparent; transition: background .15s;
}
table[id$="loopgriddetails"] a[href*="Edit$"]::before,
table[id$="gvllopstatus"] a[href*="Edit$"]::before,
table[id$="gridremarks"] a[href*="Edit$"]::before,
table[id$="gv_AttachDoc"] a[href*="Edit$"]::before,
table[id$="gv_ViewAttachDoc"] a[href*="Edit$"]::before,
table[id$="gv_EditException"] a[href*="Edit$"]::before,
table[id$="gv_ViewException"] a[href*="Edit$"]::before,
table[id$="loopgriddetails"] a[href*="Delete$"]::before,
table[id$="gvllopstatus"] a[href*="Delete$"]::before,
table[id$="gridremarks"] a[href*="Delete$"]::before,
table[id$="gv_AttachDoc"] a[href*="Delete$"]::before,
table[id$="gv_ViewAttachDoc"] a[href*="Delete$"]::before,
table[id$="gv_EditException"] a[href*="Delete$"]::before,
table[id$="gv_ViewException"] a[href*="Delete$"]::before,
table[id$="loopgriddetails"] a[href*="Update$"]::before,
table[id$="gvllopstatus"] a[href*="Update$"]::before,
table[id$="gridremarks"] a[href*="Update$"]::before,
table[id$="gv_AttachDoc"] a[href*="Update$"]::before,
table[id$="gv_ViewAttachDoc"] a[href*="Update$"]::before,
table[id$="gv_EditException"] a[href*="Update$"]::before,
table[id$="gv_ViewException"] a[href*="Update$"]::before,
table[id$="loopgriddetails"] a[href*="Cancel$"]::before,
table[id$="gvllopstatus"] a[href*="Cancel$"]::before,
table[id$="gridremarks"] a[href*="Cancel$"]::before,
table[id$="gv_AttachDoc"] a[href*="Cancel$"]::before,
table[id$="gv_ViewAttachDoc"] a[href*="Cancel$"]::before,
table[id$="gv_EditException"] a[href*="Cancel$"]::before,
table[id$="gv_ViewException"] a[href*="Cancel$"]::before {
    content: ""; width: 14px; height: 14px; flex: 0 0 14px; background-color: currentColor;
    -webkit-mask: var(--pc-ico) center / contain no-repeat; mask: var(--pc-ico) center / contain no-repeat;
}
table[id$="loopgriddetails"] a[href*="Edit$"],
table[id$="gvllopstatus"] a[href*="Edit$"],
table[id$="gridremarks"] a[href*="Edit$"],
table[id$="gv_AttachDoc"] a[href*="Edit$"],
table[id$="gv_ViewAttachDoc"] a[href*="Edit$"],
table[id$="gv_EditException"] a[href*="Edit$"],
table[id$="gv_ViewException"] a[href*="Edit$"] {
    color: #0f4c8a !important; background: #e7f0fb; border-color: #b9d3ee;
    --pc-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 17.25V21h3.75L17.8 9.94l-3.75-3.75L3 17.25zM20.7 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/></svg>");
}
table[id$="loopgriddetails"] a[href*="Delete$"],
table[id$="gvllopstatus"] a[href*="Delete$"],
table[id$="gridremarks"] a[href*="Delete$"],
table[id$="gv_AttachDoc"] a[href*="Delete$"],
table[id$="gv_ViewAttachDoc"] a[href*="Delete$"],
table[id$="gv_EditException"] a[href*="Delete$"],
table[id$="gv_ViewException"] a[href*="Delete$"] {
    color: #b3261e !important; background: #fdecea; border-color: #f3c1bd;
    --pc-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/></svg>");
}
table[id$="loopgriddetails"] a[href*="Update$"],
table[id$="gvllopstatus"] a[href*="Update$"],
table[id$="gridremarks"] a[href*="Update$"],
table[id$="gv_AttachDoc"] a[href*="Update$"],
table[id$="gv_ViewAttachDoc"] a[href*="Update$"],
table[id$="gv_EditException"] a[href*="Update$"],
table[id$="gv_ViewException"] a[href*="Update$"] {
    color: #1b7f3b !important; background: #e6f5ea; border-color: #b5dfc0;
    --pc-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>");
}
table[id$="loopgriddetails"] a[href*="Cancel$"],
table[id$="gvllopstatus"] a[href*="Cancel$"],
table[id$="gridremarks"] a[href*="Cancel$"],
table[id$="gv_AttachDoc"] a[href*="Cancel$"],
table[id$="gv_ViewAttachDoc"] a[href*="Cancel$"],
table[id$="gv_EditException"] a[href*="Cancel$"],
table[id$="gv_ViewException"] a[href*="Cancel$"] {
    color: #5a6b80 !important; background: #eef1f5; border-color: #cbd6e4;
    --pc-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M19 6.4 17.6 5 12 10.6 6.4 5 5 6.4l5.6 5.6L5 17.6 6.4 19l5.6-5.6 5.6 5.6 1.4-1.4-5.6-5.6z'/></svg>");
}
table[id$="loopgriddetails"] a[href*="Edit$"]:hover,
table[id$="gvllopstatus"] a[href*="Edit$"]:hover,
table[id$="gridremarks"] a[href*="Edit$"]:hover,
table[id$="gv_AttachDoc"] a[href*="Edit$"]:hover,
table[id$="gv_ViewAttachDoc"] a[href*="Edit$"]:hover,
table[id$="gv_EditException"] a[href*="Edit$"]:hover,
table[id$="gv_ViewException"] a[href*="Edit$"]:hover { background: #d3e6fa; text-decoration: none; }
table[id$="loopgriddetails"] a[href*="Delete$"]:hover,
table[id$="gvllopstatus"] a[href*="Delete$"]:hover,
table[id$="gridremarks"] a[href*="Delete$"]:hover,
table[id$="gv_AttachDoc"] a[href*="Delete$"]:hover,
table[id$="gv_ViewAttachDoc"] a[href*="Delete$"]:hover,
table[id$="gv_EditException"] a[href*="Delete$"]:hover,
table[id$="gv_ViewException"] a[href*="Delete$"]:hover { background: #f9d6d2; text-decoration: none; }
table[id$="loopgriddetails"] a[href*="Update$"]:hover,
table[id$="gvllopstatus"] a[href*="Update$"]:hover,
table[id$="gridremarks"] a[href*="Update$"]:hover,
table[id$="gv_AttachDoc"] a[href*="Update$"]:hover,
table[id$="gv_ViewAttachDoc"] a[href*="Update$"]:hover,
table[id$="gv_EditException"] a[href*="Update$"]:hover,
table[id$="gv_ViewException"] a[href*="Update$"]:hover { background: #d3edda; text-decoration: none; }
table[id$="loopgriddetails"] a[href*="Cancel$"]:hover,
table[id$="gvllopstatus"] a[href*="Cancel$"]:hover,
table[id$="gridremarks"] a[href*="Cancel$"]:hover,
table[id$="gv_AttachDoc"] a[href*="Cancel$"]:hover,
table[id$="gv_ViewAttachDoc"] a[href*="Cancel$"]:hover,
table[id$="gv_EditException"] a[href*="Cancel$"]:hover,
table[id$="gv_ViewException"] a[href*="Cancel$"]:hover { background: #dde3ea; text-decoration: none; }
table[id$="loopgriddetails"] a[href*="Edit$"]:hover,
table[id$="gvllopstatus"] a[href*="Edit$"]:hover,
table[id$="gridremarks"] a[href*="Edit$"]:hover,
table[id$="gv_AttachDoc"] a[href*="Edit$"]:hover,
table[id$="gv_ViewAttachDoc"] a[href*="Edit$"]:hover,
table[id$="gv_EditException"] a[href*="Edit$"]:hover,
table[id$="gv_ViewException"] a[href*="Edit$"]:hover,
table[id$="loopgriddetails"] a[href*="Delete$"]:hover,
table[id$="gvllopstatus"] a[href*="Delete$"]:hover,
table[id$="gridremarks"] a[href*="Delete$"]:hover,
table[id$="gv_AttachDoc"] a[href*="Delete$"]:hover,
table[id$="gv_ViewAttachDoc"] a[href*="Delete$"]:hover,
table[id$="gv_EditException"] a[href*="Delete$"]:hover,
table[id$="gv_ViewException"] a[href*="Delete$"]:hover { color: inherit; }
/* generic grid links (View etc.) */
table[id$="loopgriddetails"] a,
table[id$="gvllopstatus"] a,
table[id$="gridremarks"] a,
table[id$="gv_AttachDoc"] a,
table[id$="gv_ViewAttachDoc"] a,
table[id$="gv_EditException"] a,
table[id$="gv_ViewException"] a { color:#0f4c8a; font-weight:700; text-decoration:none; }
table[id$="loopgriddetails"] a:hover,
table[id$="gvllopstatus"] a:hover,
table[id$="gridremarks"] a:hover,
table[id$="gv_AttachDoc"] a:hover,
table[id$="gv_ViewAttachDoc"] a:hover,
table[id$="gv_EditException"] a:hover,
table[id$="gv_ViewException"] a:hover { color:#f2a900; text-decoration:underline; }
/* Keep top menu above page content */
div:has(> table.pc-dyn-menu), .pc-dyn-menu { z-index: 99999 !important; }