/* ---------------------------------- */
/* - Google Fonts                   - */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* ---------------------------------- */
/* - Layout                         - */
.SysEng_Layout {
    border-collapse: separate !important;
    width: 100%;
}
.SysEng_Layout_div {
    margin: 6px 6px 6px 6px;
}
.SysEng_Layout_fieldset {
    background-color: #ffffff;
    border: solid 2px #999999 !important;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 5px;
    padding-bottom: 3px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    /* --- Rounded Style --- */
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    /* --- Rounded Style --- */
}
/* ---------------------------------- */
.SysEng_11_Border_Layout {
    border-collapse: separate !important;
    width: 100%;
}
.SysEng_11_Border_Layout_div {
}
.SysEng_11_Border_Layout_fieldset {
    border: solid 0px #999999 !important;
}
/* ---------------------------------- */
.SysEng_21_Border_Layout {
    border-collapse: separate !important;
    width: 100%;
}
.SysEng_21_Border_Layout_div {
}
.SysEng_21_Border_Layout_fieldset {
    border: solid 1px rgba(0,0,0,0.20) !important;
    padding: 10px 30px 10px 30px;
    margin: 5px 0px 15px 0px;
    /* --- Rounded Style --- */
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    /* --- Rounded Style --- */
}
/* ---------------------------------- */
.SysEng_22_Border_Layout {
    border-collapse: separate !important;
    width: 100%;
}
.SysEng_22_Border_Layout > tbody > tr > td {
    padding: 15px 0px 15px 0px;
    border-top: solid 1px rgba(0,0,0,0.20) !important;
}
.SysEng_22_Border_Layout_div {
}
.SysEng_22_Border_Layout_fieldset {
    border: solid 0px rgba(0,0,0,0.20) !important;
}
/* ---------------------------------- */
.SysEng_31_Border_Layout {
    border-collapse: separate !important;
    width: 100%;
}
.SysEng_31_Border_Layout_div {
    margin: 20px 0px 10px 0px;
    width: 85%;
}
.SysEng_31_Border_Layout_fieldset {
    border: solid 1px rgba(0,0,0,0.20) !important;
    /* --- Rounded Style --- */
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    /* --- Rounded Style --- */
}
/* ---------------------------------- */
.SysEng_RPT_Border_Layout {
    border-collapse: separate !important;
    width: 100%;
}
.SysEng_RPT_Border_Layout_div {
}
.SysEng_RPT_Border_Layout_fieldset {
    border: solid 1px rgba(0,0,0,0.20) !important;
    padding: 10px 10px 10px 10px;
    margin: 5px 0px 5px 0px;
    /* --- Rounded Style --- */
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    /* --- Rounded Style --- */
}
#NPSysEng_RPT_ReportViewer_rpv_Main_Value {
    height: 100% !important;
}
#NPSysEng_RPT_ReportViewer_rpv_Main_Value .ToolBarBackground {
    width: 100% !important;
}
/* ---------------------------------- */
.SysEng_Header_Layout {
    border-collapse: separate !important;
    width: 100%;
}
.SysEng_Header_Layout_div {
}
.SysEng_Header_Layout_fieldset {
    background-color: #4285f4;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: solid 0px #999999 !important;
    width: 100%;
}
/* ---------------------------------- */
.SysEng_Body_Layout {
    border-collapse: separate !important;
    width: 100%;
}
.SysEng_Body_Layout_div {
    padding: 20px 30px 0px 30px;
}
.SysEng_Body_Layout_fieldset {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: solid 0px #999999 !important;
    width: 100%;
}
/* ---------------------------------- */
.SysEng_Footer_Layout {
    border-collapse: separate !important;
    width: 100%;
}
.SysEng_Footer_Layout_div {
    padding: 25px 10px 0px 10px;
}
.SysEng_Footer_Layout_fieldset {
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    border: solid 0px #999999 !important;
    width: 100%;
}
/* ---------------------------------- */
.SysEng_Keys_Layout {
    border-collapse: separate !important;
    width: 100%;
}
.SysEng_Keys_Layout_div {
    margin: 10px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    border: solid 1px rgba(0,0,0,0.20) !important;
    /* --- Rounded Style --- */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /* --- Rounded Style --- */
}
.SysEng_Keys_Layout_fieldset {
}
/* ---------------------------------- */
.SysEng_QRCode_Layout {
    border-collapse: separate !important;
    width: 100%;
}
.SysEng_QRCode_Layout_div {
}
.SysEng_QRCode_Layout_fieldset {
    margin: 15px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    border: solid 0px #999999 !important;
    width: 100%;
}
/* ---------------------------------- */
.SysEng_ItemBorder_Layout {
    border-collapse: separate !important;
    width: 100%;
}
.SysEng_ItemBorder_Layout_div {
    margin: 15px 0px 0px 20px;
}
.SysEng_ItemBorder_Layout_fieldset {
    border: solid 0px #999999 !important;
    padding: 10px 0px 0px 0px;
}
/* ---------------------------------- */
.SysEng_Card_Layout {
    border-collapse: separate !important;
    width: 100%;
}
.SysEng_Card_Layout_div {
    padding: 20px 30px 0px 30px;
}
.SysEng_Card_Layout_fieldset {
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 0px 15px;
    border: solid 1px rgb(232, 240, 254) !important;
    width: 550px;
    /* --- Rounded Style --- */
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    /* --- Rounded Style --- */
    box-shadow: 3px 3px 3px rgb(232, 240, 254);
}
.SysEng_CardInside_Layout {
    border-collapse: separate !important;
    width: 100%;
}
.SysEng_CardInside_Layout_div {
    padding: 0px 20px 0px 10px;
}
.SysEng_CardInside_Layout_fieldset {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: solid 0px #999999 !important;
    width: 100%;
}

/* ---------------------------------- */
/* - Label                          - */
.SysEng_11_Label {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    margin: 20px 0px 15px 0px;
    white-space: nowrap;
}
.SysEng_12_Label {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    padding: 0px 0px 10px 0px;
    white-space: nowrap;
}
/* ---------------------------------- */
.SysEng_21_Label {
    color: rgba(0,0,0,0.65);
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    display: block;
    margin: 15px 0px 0px 0px;
}
/* ---------------------------------- */
.SysEng_HelpText_Label {
    color: #D4AC0D;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    display: block;
    margin: 10px 6px 6px 0px;
}
.SysEng_EmailHelpText_Label,
.SysEng_SMSHelpText_Label {
    color: rgba(0,0,0,0.65);
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    display: block;
    margin: 6px 6px 6px 0px;
}
/* ---------------------------------- */
.SysEng_ERR_Label {
    color: #E74C3C;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    white-space: nowrap;
}
.SysEng_ERR2_Label {
    color: #E74C3C;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin: 0px 0px 0px 0px;
    white-space: normal;
}
/* ---------------------------------- */
.SysEng_Item_Label {
    margin-right: 12px;
    color: rgb(95, 99, 104);
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    white-space: nowrap;
}
/* ---------------------------------- */
.SysEng_Text_Label {
    color: rgb(95, 99, 104);
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    white-space: nowrap;
}
/* ---------------------------------- */
.SysEng_Title_Label {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    margin: 20px 0px 0px 0px;
    white-space: nowrap;
    display: block;
}
.SysEng_TitleHelp_Label {
    color: rgb(95, 99, 104);
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    display: block;
    margin: 15px 6px 15px 0px;
}
/* ---------------------------------- */
.SysEng_SubTitle_Label {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    margin: 10px 0px 25px 0px;
    white-space: nowrap;
    display: block;
}
/* ---------------------------------- */
.SysEng_SubTitle2_Label {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin: 10px 0px 10px 0px;
    white-space: nowrap;
    display: block;
}
/* ---------------------------------- */
.SysEng_RPT_Title_Label {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    margin: 10px 0px 10px 0px;
    white-space: nowrap;
    display: block;
}
/* ---------------------------------- */
.SysEng_UserInfo_Label {
    color: rgba(0,0,0,0.65);
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin: 8px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.SysEng_UserInfo_Label_Title {
    color: rgba(0,0,0,0.65);
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.SysEng_UserInfo_Label_Value {
    color: rgba(0,0,0,0.65);
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
    border-bottom: 2px solid #E5E8E8;
    display: inline-block;
}
/* ---------------------------------- */
.SysEng_USER_ID_Label {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    display: block;
    margin: 15px 0px 0px 0px;
    white-space: nowrap;
}
/* ---------------------------------- */
.SysEng_Code_Label {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    display: block;
    margin: 15px 0px 0px 0px;
    white-space: nowrap;
}
/* ---------------------------------- */
.SysEng_Keys_Label {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    display: block;
    margin: 5px 5px 0px 0px;
    white-space: nowrap;
}
/* ---------------------------------- */
.SysEng_Default_Label {
    color: #1a5276;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin: 16px 6px 6px 0px;
    white-space: nowrap;
}
/* ---------------------------------- */
.SysEng_Remark_Label {
    color: #E74C3C;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    display: block;
    margin: 15px 0px 0px 0px;
}
/* ---------------------------------- */
.SysEng_Welcome_Label {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    white-space: nowrap;
}

/* ---------------------------------- */
/* - Button                         - */
.SysEng_SetAsDefault_Button,
.SysEng_Edit_Button,
.SysEng_Del_Button {
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
}
.SysEng_SetAsDefault_Button:hover,
.SysEng_Edit_Button:hover,
.SysEng_Del_Button:hover {
    background-color: rgb(232, 240, 254);
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}
/* ---------------------------------- */
.SysEng_ActionPhoto_Button {
    margin: 5px 0px 0px 0px;
    padding: 5px 30px 5px 30px;
    width: 30px;
    height: 30px;
    /* --- Rounded Style --- */
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    /* --- Rounded Style --- */
}
.SysEng_ActionPhoto_Button:hover {
    background-color: rgb(232, 240, 254);
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}
/* ---------------------------------- */
.SysEng_Back_Hyperlink {
    color: #4285f4;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin: 20px 10px 0px 0px;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
}
.SysEng_Back_Hyperlink:hover {
    background-color: rgb(232, 240, 254);
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}
/* ---------------------------------- */
.SysEng_RPT_Back_Hyperlink {
    color: #4285f4;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin: 0px 10px 0px 0px;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
}
.SysEng_RPT_Back_Hyperlink:hover {
    background-color: rgb(232, 240, 254);
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}

/* ---------------------------------- */
/* - Hyperlink                      - */
.SysEng_Action_Hyperlink {
    color: #4285f4;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
}
.SysEng_Action_Hyperlink:hover {
    background-color: rgb(232, 240, 254);
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}
/* ---------------------------------- */
.SysEng_Previous_Hyperlink {
    color: #4285f4;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin: 10px 10px 0px 0px;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
}
.SysEng_Previous_Hyperlink:hover {
    background-color: rgb(232, 240, 254);
    /* --- Rounded Style --- */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /* --- Rounded Style --- */
}
/* ---------------------------------- */
.SysEng_Next_Hyperlink {
    color: #ffffff;
    background-color: rgb(26, 115, 232);
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin: 10px 20px 0px 0px;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    /* --- Rounded Style --- */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /* --- Rounded Style --- */
}
.SysEng_Next_Hyperlink[disabled] {
    color: gray;
    background-color: rgb(232, 240, 254);
    text-decoration: none;
    cursor: not-allowed;
}
/* ---------------------------------- */
.SysEng_GetAnotherCode_Hyperlink {
    color: #ffffff;
    background-color: #008CBA;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin: 10px 0px 0px 20px;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    /* --- Rounded Style --- */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /* --- Rounded Style --- */
}
/* ---------------------------------- */
.SysEng_CannotScanQRCodes_Hyperlink {
    color: #4285f4;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin: 10px 3px 3px 3px;
    padding: 10px 30px 10px 30px;
    text-decoration: none;
    white-space: nowrap;
}
.SysEng_CannotScanQRCodes_Hyperlink:hover {
    background-color: rgb(232, 240, 254);
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}
/* ---------------------------------- */
.SysEng_MenuItem_Hyperlink,
.SysEng_MenuItemActive_Hyperlink {
    position: relative;
    right: 38px;
    color: #4285f4;
    width: 200px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    padding: 15px 50px 15px 50px;
    text-decoration: none;
    white-space: nowrap;
    display: block;
}
.SysEng_MenuItemActive_Hyperlink {
    background-color: #F2F3F4;
    /* --- Rounded Style --- */
    border-radius: 0px 50px 50px 0px;
    -moz-border-radius: 0px 50px 50px 0px;
    -webkit-border-radius: 0px 50px 50px 0px;
    /* --- Rounded Style --- */
}
.SysEng_MenuItem_Hyperlink:hover {
    background-color: rgb(232, 240, 254);
    /* --- Rounded Style --- */
    border-radius: 0px 50px 50px 0px;
    -moz-border-radius: 0px 50px 50px 0px;
    -webkit-border-radius: 0px 50px 50px 0px;
    /* --- Rounded Style --- */
}

/* ---------------------------------- */
/* - ViewImage                      - */
.SysEng_ViewImage {
    margin: 5px 5px 0px 5px;
    width: 80px;
}
/* ---------------------------------- */
.SysEng_Header_ViewImage {
    margin: 30px 0px 30px 0px;
    width: 60px;
}
/* ---------------------------------- */
.SysEng_MenuItem_ViewImage,
.SysEng_MenuItemActive_ViewImage {
    position: relative;
    z-index: 1;
    width: 32px;
    padding: 0px 0px 0px 0px;
}
/* ---------------------------------- */
.SysEng_Avtar_ViewImage {
    margin: 0px 0px 10px 0px;
    width: 100px;
    height: 100px;
    border: solid 1px #EAEDED !important;
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}
/* ---------------------------------- */
.SysEng_QRCode_ViewImage {
    margin: 0px 0px 0px 0px;
}
/* ---------------------------------- */
.SysEng_Welcome_ViewImage {
    margin: 20px 0px 10px 0px;
    width: 100px;
    height: 100px;
    border: solid 1px #EAEDED !important;
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}

/* ---------------------------------- */
/* - TextBox                        - */
.SysEng_USER_ID_TextBox {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    border-width: 0px 0px 3px 0px;
    border-color: #4285f4;
    padding: 0px 0px 0px 0px;
}
.SysEng_USER_ID_TextBox > input {
    padding: 10px 10px 10px 10px;
}
/* ---------------------------------- */
.SysEng_Code_TextBox {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    border-width: 0px 0px 3px 0px;
    border-color: #4285f4;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
}
.SysEng_Code_TextBox > input {
    padding: 10px 10px 10px 10px;
}
/* ---------------------------------- */
.SysEng_Name_TextBox,
.SysEng_Email_TextBox,
.SysEng_Phone_TextBox {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    border-width: 0px 0px 3px 0px;
    border-color: #4285f4;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
}
.SysEng_Name_TextBox > input,
.SysEng_Email_TextBox > input,
.SysEng_Phone_TextBox > input {
    padding: 10px 10px 10px 10px;
}
/* ---------------------------------- */
.SysEng_AscxUID_TextBox,
.SysEng_AscxPWD_TextBox {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    border-width: 0px 0px 3px 0px;
    border-color: #4285f4;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

/* ---------------------------------- */
/* - DropDown                       - */
.SysEng_CountryCode_DropDown,
.SysEng_Timezone_DropDown {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    border-width: 0px 0px 3px 0px;
    border-color: #4285f4;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
}
.SysEng_Timezone_DropDown {
    font-size: 16px;
}
.SysEng_CountryCode_DropDown > select,
.SysEng_Timezone_DropDown > select {
    padding: 10px 10px 10px 10px;
}
/* ---------------------------------- */
.SysEng_Code_DropDown {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(0,0,0,0.65);
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    display: inline-block;
}
.SysEng_CodeReadOnly_DropDown {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    border-width: 0px 0px 0px 0px;
    border-color: rgba(49, 99, 183, 1);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    display: inline-block;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.SysEng_CodeReadOnly_DropDown::-ms-expand {
  display: none;
}
/* ---------------------------------- */
.SysEng_MyOFF_USER_IDList_DropDown {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(0,0,0,0.65);
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    display: inline-block;
    width: 100%;
}
/* ---------------------------------- */
.SysEng_AscxDistributor_DropDown {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(0,0,0,0.65);
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    display: inline-block;
}
.SysEng_AscxPosition_DropDown {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    border-width: 1px 1px 1px 1px;
    border-color: rgba(0,0,0,0.65);
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 10px 10px;
    display: inline-block;
}
/* ---------------------------------- */
.SysEng_WaitImage {
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-width: 0px;
    width: 15px;
}
/* ---------------------------------- */
#NPSysEng_Notification_UpdatePanel > table > tbody > tr:last-child {
    display: none;
}
.NPSysEng_Notification_Layout {
    border-collapse: separate !important;
    width: 100%;
}
.NPSysEng_Notification_Layout_div {
}
.NPSysEng_Notification_Layout_fieldset {
    border: solid 0px #999999 !important;
    padding: 0px 0px 0px 0px;
}
#NPSysEng_Notification_lay_Border_UpdatePanel {
    background: linear-gradient(#D1F2EB, #D1F2EB);
    border: 3px groove #168004;
	padding: 5px 5px 10px 5px;
}
#NPSysEng_Notification_grd_TXN_Body {
    border-style: none;
}

#NPSysEng_Notification_btn_Close_Value {
    margin-right: 8px;
}
#NPSysEng_Notification_lbl_RELOAD_DT_Value {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    margin: 0px 0px 0px 2px;
    white-space: nowrap;
    display: block;
}
#NPSysEng_Notification_btn_Reload_Value {
    width: 20px;
    margin: 0px 0px 0px 0px;
    white-space: nowrap;
    display: block;
}
#NPSysEng_Notification_lbl_BGPTitle_Value {
    color: #3c4043;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    margin: 0px 0px 0px 0px;
    white-space: nowrap;
    display: block;
}
.NPSysEng_Notification_Action_Hyperlink {
    color: #ffffff !important;
    background-color: rgb(26, 115, 232);
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    padding: 2px 20px 2px 20px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}
.NPSysEng_Notification_Action_Hyperlink:hover {
    color: #1A73E8 !important;
    font-size: 12px;
    background-color: #ffffff;
}
.NPSysEng_Notification_Acknowledge_Hyperlink {
    color: #ffffff !important;
    background-color: rgb(26, 115, 232);
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    margin: 0px 0px 0px 0px;
    padding: 5px 20px 5px 20px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}
.NPSysEng_Notification_Acknowledge_Hyperlink:hover {
    color: #1A73E8 !important;
    font-size: 13px;
    background-color: #ffffff;
}

.NPSysEng_NotificationMsg_Action_Hyperlink {
    color: #ffffff !important;
    background-color: rgb(26, 115, 232);
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    margin: 0px 0px 5px 0px;
    padding: 5px 20px 5px 20px;
    min-width: 90px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}
.NPSysEng_NotificationMsg_Action_Hyperlink:hover {
    color: #1A73E8 !important;
    font-size: 13px;
    background-color: #ffffff;
}

.NPSysEng_Notification_Label {
    color                                   : #000000;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 12px;
}
.NPSysEng_Notification_GridView {
    width                                   : 100%;
    background-color                        : #f3f3f3;
    padding                                 : 0px 0px 3px 0px;
}
.NPSysEng_Notification_GridView_Body {
    border-collapse                         : collapse !important;
    border                                  : 1px solid #eeeeee;
}
.NPSysEng_Notification_GridView_LabelRecordCount {
    color                                   : #000000;
    display                                 : block;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
    font-weight                             : bold !important;
    padding-bottom                          : 5px;
    padding-left                            : 1px;
    padding-top                             : 5px;
    white-space                             : nowrap;
}
.NPSysEng_Notification_GridView_HeaderStyle {
    background-color                        : #168004;
    color                                   : #E3F2AD;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 10px;
    font-weight                             : normal;
    text-decoration                         : none;
}
.NPSysEng_Notification_GridView_HeaderStyle > th {
    color                                   : #ffffff;
    padding                                 : 2px 5px 2px 5px;
}
.NPSysEng_Notification_GridView_HeaderStyle > th > table {
    color                                   : #ffffff;
    width                                   : 100%;
}
.NPSysEng_Notification_GridView_HeaderStyle > th[align=right] > table {
    color                                   : #ffffff;
    width                                   : 100%;
    text-align                              : right;
}
.NPSysEng_Notification_GridView_HeaderStyle > th[align=center] > table {
    color                                   : #ffffff;
    width                                   : 100%;
    text-align                              : center;
}
.NPSysEng_Notification_GridView_GridList_PagingHyperLink {
    color                                   : #0066ff;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
    font-weight                             : bold;
    margin                                  : 3px;
    text-decoration                         : none;
}
.NPSysEng_Notification_GridView_GridList_PagingInfo {
    background-color                        : #fcfcfc;
    color                                   : #000000;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 10px;
    /* --- Rounded Style --- */
    border-bottom-left-radius               : 10px;
    border-bottom-right-radius              : 10px;
    -moz-border-radius-bottomleft           : 10px;
    -moz-border-radius-bottomright          : 10px;
    -webkit-border-bottom-left-radius       : 10px;
    -webkit-border-bottom-right-radius      : 10px;
    /* --- Rounded Style --- */
}
.NPSysEng_Notification_GridView_GridList_PagingLabel {
    color                                   : #000000;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
    font-weight                             : bold;
    margin                                  : 3px;
}
.NPSysEng_Notification_GridView_FirstButton {
    background-image                        : url(../Images/NPGridView/NPGridView-Nav-FirstPage.png);
    background-position                     : center;
    background-repeat                       : no-repeat;
    background-color                        : #007ac5;
    border                                  : solid 1px #999999 !important;
    /*box-shadow                              : 0px 0px 10px #000;*/
    color                                   : #ffffff;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
    font-weight                             : bold;
    height                                  : 24px;
    margin-bottom                           : 3px;
    margin-right                            : 10px;
    margin-top                              : 3px;
    width                                   : 44px;
    /* --- Rounded Style --- */
    border-radius                           : 38px;
    -moz-border-radius                      : 38px;
    -webkit-border-radius                   : 38px;
    /* --- Rounded Style --- */
}
.NPSysEng_Notification_GridView_FirstButtonDisable, .NPSysEng_Notification_GridView_FirstButton_Disable {
    background-image                        : url(../Images/NPGridView/NPGridView-Nav-FirstPage-disable.png);
    background-position                     : center;
    background-repeat                       : no-repeat;
    background-color                        : #007ac5;
    border                                  : solid 1px #999999 !important;
    /*box-shadow                              : 0px 0px 10px #000;*/
    color                                   : #999999;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
    font-weight                             : bold;
    height                                  : 24px;
    margin-bottom                           : 3px;
    margin-right                            : 10px;
    margin-top                              : 3px;
    width                                   : 44px;
    /* --- Rounded Style --- */
    border-radius                           : 38px;
    -moz-border-radius                      : 38px;
    -webkit-border-radius                   : 38px;
    /* --- Rounded Style --- */
}
.NPSysEng_Notification_GridView_PreviousButton {
    background-image                        : url(../Images/NPGridView/NPGridView-Nav-PreviousPage.png);
    background-position                     : center;
    background-repeat                       : no-repeat;
    background-color                        : #007ac5;
    border                                  : solid 1px #999999 !important;
    /*box-shadow                              : 0px 0px 10px #000;*/
    color                                   : #ffffff;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
    font-weight                             : bold;
    height                                  : 24px;
    margin-bottom                           : 3px;
    margin-right                            : 10px;
    margin-top                              : 3px;
    width                                   : 44px;
    /* --- Rounded Style --- */
    border-radius                           : 38px;
    -moz-border-radius                      : 38px;
    -webkit-border-radius                   : 38px;
    /* --- Rounded Style --- */
}
.NPSysEng_Notification_GridView_PreviousButtonDisable, .NPSysEng_Notification_GridView_PreviousButton_Disable {
    background-image                        : url(../Images/NPGridView/NPGridView-Nav-PreviousPage-disable.png);
    background-position                     : center;
    background-repeat                       : no-repeat;
    background-color                        : #007ac5;
    border                                  : solid 1px #999999 !important;
    /*box-shadow                              : 0px 0px 10px #000;*/
    color                                   : #999999;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
    font-weight                             : bold;
    height                                  : 24px;
    margin-bottom                           : 3px;
    margin-right                            : 10px;
    margin-top                              : 3px;
    width                                   : 44px;
    /* --- Rounded Style --- */
    border-radius                           : 38px;
    -moz-border-radius                      : 38px;
    -webkit-border-radius                   : 38px;
    /* --- Rounded Style --- */
}
.NPSysEng_Notification_GridView_GoButton {
    background-color                        : #007ac5;
    border                                  : solid 1px #999999 !important;
    /*box-shadow                              : 0px 0px 10px #000;*/
    color                                   : #ffffff;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
    font-weight                             : normal;
    height                                  : 24px;
    margin-bottom                           : 3px;
    margin-right                            : 10px;
    margin-top                              : 3px;
    width                                   : 80px;
    /* --- Rounded Style --- */
    border-radius                           : 38px;
    -moz-border-radius                      : 38px;
    -webkit-border-radius                   : 38px;
    /* --- Rounded Style --- */
}
.NPSysEng_Notification_GridView_NextButton {
    background-image                        : url(../Images/NPGridView/NPGridView-Nav-NextPage.png);
    background-position                     : center;
    background-repeat                       : no-repeat;
    background-color                        : #007ac5;
    border                                  : solid 1px #999999 !important;
    /*box-shadow                              : 0px 0px 10px #000;*/
    color                                   : #ffffff;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
    font-weight                             : bold;
    height                                  : 24px;
    margin-bottom                           : 3px;
    margin-right                            : 10px;
    margin-top                              : 3px;
    width                                   : 44px;
    /* --- Rounded Style --- */
    border-radius                           : 38px;
    -moz-border-radius                      : 38px;
    -webkit-border-radius                   : 38px;
    /* --- Rounded Style --- */
}
.NPSysEng_Notification_GridView_NextButtonDisable, .NPSysEng_Notification_GridView_NextButton_Disable {
    background-image                        : url(../Images/NPGridView/NPGridView-Nav-NextPage-disable.png);
    background-position                     : center;
    background-repeat                       : no-repeat;
    background-color                        : #007ac5;
    border                                  : solid 1px #999999 !important;
   /*box-shadow                              : 0px 0px 10px #000;*/
    color                                   : #999999;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
    font-weight                             : bold;
    height                                  : 24px;
    margin-bottom                           : 3px;
    margin-right                            : 10px;
    margin-top                              : 3px;
    width                                   : 44px;
    /* --- Rounded Style --- */
    border-radius                           : 38px;
    -moz-border-radius                      : 38px;
    -webkit-border-radius                   : 38px;
    /* --- Rounded Style --- */
}
.NPSysEng_Notification_GridView_LastButton {
    background-image                        : url(../Images/NPGridView/NPGridView-Nav-LastPage.png);
    background-position                     : center;
    background-repeat                       : no-repeat;
    background-color                        : #007ac5;
    border                                  : solid 1px #999999 !important;
    /*box-shadow                              : 0px 0px 10px #000;*/
    color                                   : #ffffff;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
    font-weight                             : bold;
    height                                  : 24px;
    margin-bottom                           : 3px;
    margin-right                            : 0px;
    margin-top                              : 3px;
    width                                   : 44px;
    /* --- Rounded Style --- */
    border-radius                           : 38px;
    -moz-border-radius                      : 38px;
    -webkit-border-radius                   : 38px;
    /* --- Rounded Style --- */
}
.NPSysEng_Notification_GridView_LastButtonDisable, .NPSysEng_Notification_GridView_LastButton_Disable {
    background-image                        : url(../Images/NPGridView/NPGridView-Nav-LastPage-disable.png);
    background-position                     : center;
    background-repeat                       : no-repeat;
    background-color                        : #007ac5;
    border                                  : solid 1px #999999 !important;
    /*box-shadow                              : 0px 0px 10px #000;*/
    color                                   : #999999;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
    font-weight                             : bold;
    height                                  : 24px;
    margin-bottom                           : 3px;
    margin-right                            : 10px;
    margin-top                              : 3px;
    width                                   : 44px;
    /* --- Rounded Style --- */
    border-radius                           : 38px;
    -moz-border-radius                      : 38px;
    -webkit-border-radius                   : 38px;
    /* --- Rounded Style --- */
}
.NPSysEng_Notification_GridView_CollapseButton {
    margin-bottom                           : 0px;
    margin-left                             : 5px;
    margin-top                              : 0px;
    padding-left                            : 0px;
    padding-right                           : 0px;
}
.NPSysEng_Notification_GridView_CollapseButton_Disable {
    color                                   : #999999;
    margin-bottom                           : 0px;
    margin-right                            : 10px;
    margin-top                              : 0px;
    padding-left                            : 0px;
    padding-right                           : 6px;
}
.NPSysEng_Notification_GridView_GridFooter {
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
}
.NPSysEng_Notification_GridView_GridHeader {
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
    margin-top                              : 3px;
    margin-bottom                           : 3px;
}
.NPSysEng_Notification_GridView_NoRecord {
    border                                  : solid 2px #999999 !important;
    /*box-shadow                              : 0px 0px 10px #000;*/
    color                                   : #000000;
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
    margin-bottom                           : 8px;
    margin-left                             : 1px;
    margin-right                            : 1px;
    padding-top                             : 4px;
    /* --- Rounded Style --- */
    border-bottom-left-radius               : 10px;
    border-bottom-right-radius              : 10px;
    -moz-border-radius-bottomleft           : 10px;
    -moz-border-radius-bottomright          : 10px;
    -webkit-border-bottom-left-radius       : 10px;
    -webkit-border-bottom-right-radius      : 10px;
    /* --- Rounded Style --- */
}
.NPSysEng_Notification_GridView_NoRecord > table {
    margin-left                             : auto;
    margin-right                            : auto;
}
.NPSysEng_Notification_GridView_SelectedRowStyle{
    background-color                        : #eeeeee;
}
.NPSysEng_Notification_GridView_SelectedRowStyle {
    color                                   : #222222;
    font-family                             : 'Roboto', sans-serif;
    font-weight                             : normal;
}
.NPSysEng_Notification_GridView_SelectedRowStyle > td {
    padding                                 : 2px 5px 2px 5px;
    border-bottom                           : 1px solid #e0e0e0;
}
.NPSysEng_Notification_GridView_SelectedRowStyle a {
    color                                   : #2020bb;
/*
    text-decoration                         : none;
*/
}
.NPSysEng_Notification_GridView_RowStyle {
    color                                   : #222222;
    font-family                             : 'Roboto', sans-serif;
    font-weight                             : normal;
}
.NPSysEng_Notification_GridView_RowStyle > td {
    padding                                 : 2px 5px 2px 5px;
    border-bottom                           : 1px solid #e0e0e0;
}
.NPSysEng_Notification_GridView_RowStyle a {
    color                                   : #2020bb;
/*
    text-decoration                         : none;
*/
}
.NPSysEng_Notification_GridView_AlternatingRowStyle {
    color                                   : #222222;
    font-family                             : 'Roboto', sans-serif;
    font-weight                             : normal;
    text-decoration                         : none;
}
.NPSysEng_Notification_GridView_AlternatingRowStyle > td {
    padding                                 : 2px 5px 2px 5px;
    border-bottom                           : 1px solid #e0e0e0;
}
.NPSysEng_Notification_GridView_AlternatingRowStyle a {
    color                                   : #2020bb;
/*
    text-decoration                         : none;
*/
}
.NPSysEng_Notification_GridView_EditRowStyle {
    background-color                        : #d9d9d9;
    color                                   : #000000;
    font-family                             : 'Roboto', sans-serif;
    font-weight                             : normal;
    text-decoration                         : none;
}
.NPSysEng_Notification_GridView_EditRowStyle > td {
    padding                                 : 2px 5px 2px 5px;
    border-bottom                           : 1px solid #e0e0e0;
}
.NPSysEng_Notification_GridView_FooterStyle {
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
}
.NPSysEng_Notification_GridView_PagerStyle {
    font-family                             : 'Roboto', sans-serif;
    font-size                               : 13px;
    text-decoration                         : none;
}
.NPSysEng_Notification_GridView_PagerStyle a {
    color                                   : #2020bb;
    font-weight                             : bold;
    text-decoration                         : none;
}
.NPSysEng_Notification_GridView_PagerStyle span {
    color                                   : #606060;
    font-size                               : 13px;
    font-weight                             : bold;
}

/* ---------------------------------- */
.NPSysEng_MsgBox_lay_L_div {
    min-height: 200px;
    min-width: 150px;
}
.NPSysEng_MsgBox_lay_R_div {
    width: 100%;
}
.NPSysEng_MsgBox_lay_R1_div {
    width: 100%;
    min-height: 30px;
}
.NPSysEng_MsgBox_lay_R2_div {
    width: 100%;
}
.NPSysEng_MsgBox_Title {
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    display: block;
    padding-bottom: 4px;
}
.NPSysEng_MsgBox_lay_R3_div {
    width: 100%;
    max-height: 250px;
    overflow: auto;
}
.NPSysEng_MsgBox_Description {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    margin-right: 10px;
    display: block;
}
.NPSysEng_MsgBox_layTXN_Success_div {
    background: url(../Images/NPSysEng/MsgBox/Success.png) no-repeat left top;
    min-height: 280px;
}
 .NPSysEng_MsgBox_layTXN_Success_BTN_OK
,.NPSysEng_MsgBox_layTXN_Success_BTN_Yes
,.NPSysEng_MsgBox_layTXN_Success_BTN_No
,.NPSysEng_MsgBox_layTXN_Success_BTN_Cancel {
    background-color: rgb(12, 156, 84);
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin: 20px 10px 10px 0px;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    min-width: 68px;
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}
.NPSysEng_MsgBox_layTXN_Information_div {
    background: url(../Images/NPSysEng/MsgBox/Information.png) no-repeat left top;
    min-height: 280px;
}
 .NPSysEng_MsgBox_layTXN_Information_BTN_OK
,.NPSysEng_MsgBox_layTXN_Information_BTN_Yes
,.NPSysEng_MsgBox_layTXN_Information_BTN_No
,.NPSysEng_MsgBox_layTXN_Information_BTN_Cancel {
    background-color: #6599d2;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin: 20px 10px 10px 0px;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    min-width: 68px;
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}
.NPSysEng_MsgBox_layTXN_Confirmation_div {
    background: url(../Images/NPSysEng/MsgBox/Confirmation.png) no-repeat left top;
    min-height: 280px;
}
 .NPSysEng_MsgBox_layTXN_Confirmation_BTN_OK
,.NPSysEng_MsgBox_layTXN_Confirmation_BTN_Yes
,.NPSysEng_MsgBox_layTXN_Confirmation_BTN_No
,.NPSysEng_MsgBox_layTXN_Confirmation_BTN_Cancel {
    background-color: #aa7fca;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin: 20px 10px 10px 0px;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    min-width: 68px;
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}
.NPSysEng_MsgBox_layTXN_Warning_div {
    background: url(../Images/NPSysEng/MsgBox/Warning.png) no-repeat left top;
    min-height: 280px;
}
 .NPSysEng_MsgBox_layTXN_Warning_BTN_OK
,.NPSysEng_MsgBox_layTXN_Warning_BTN_Yes
,.NPSysEng_MsgBox_layTXN_Warning_BTN_No
,.NPSysEng_MsgBox_layTXN_Warning_BTN_Cancel {
    background-color: #e9b82d;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin: 20px 10px 10px 0px;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    min-width: 68px;
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}
.NPSysEng_MsgBox_layTXN_Error_div {
    background: url(../Images/NPSysEng/MsgBox/Error.png) no-repeat left top;
    min-height: 280px;
}
 .NPSysEng_MsgBox_layTXN_Error_BTN_OK
,.NPSysEng_MsgBox_layTXN_Error_BTN_Yes
,.NPSysEng_MsgBox_layTXN_Error_BTN_No
,.NPSysEng_MsgBox_layTXN_Error_BTN_Cancel {
    background-color: #ee3e41;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin: 20px 10px 10px 0px;
    padding: 10px 30px 10px 30px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    min-width: 68px;
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}

/* ---------------------------------- */
#ROOT_NPSysEng_NewWindow__PopupWindow {
    min-width: 800px !important;
}
#NPSysEng_NewWindow_btn_Back_Value {

}
#NPSysEng_NewWindow_lbl_Title_Help_Value {
    white-space: nowrap;
}
#NPSysEng_NewWindow_trv_TXN {
    display: block;
    padding: 5px 0px 0px 100px;
    overflow: auto;
}
.NPSysEng_NewWindow_trv_TXN_TabItemNodeImageFile {
}
.NPSysEng_NewWindow_TreeView {
}
.NPSysEng_NewWindow_TreeView_Node {
    color: #000000;
    font-family: Arial;
    font-size: 15px !important;
    text-decoration: none;
    margin: 0px 0px 0px 5px;
    padding: 1px 0px 5px 0px;
}
.NPSysEng_NewWindow_TreeView_RootNode {
}
.NPSysEng_NewWindow_TreeView_ParentNode {
}
.NPSysEng_NewWindow_TreeView_LeafNode {
    color: #0042aa !important;
}
a.NPSysEng_NewWindow_TreeView_LeafNode::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-image: url('../Images/open-new-tab.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 3px;
}

/* ---------------------------------- */
#divAPPAlertMessage-container {
    position: fixed;
    z-index: 1000;
    overflow: hidden;
}
.divAPPAlertMessage {
    padding: 20px 20px;
    margin: 20px;
    color: #ffffff;
    background-color: #007bff;
    border: 2px solid #0056b3;
    border-radius: 5px;
    font-size: 14px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
    position: relative;
    display: inline-block;
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
}
.divAPPAlertMessageWarn {
    padding: 20px 20px;
    margin: 20px;
    color: #212529;
    background-color: #ffeb3b;
    border: 2px solid #fbc02d;
    border-radius: 5px;
    font-size: 14px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    display: inline-block;
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
}
.divAPPAlertMessageError {
    padding: 20px 20px;
    margin: 20px;
    color: #ffffff;
    background-color: #f44336;
    border: 2px solid #d32f2f;
    border-radius: 5px;
    font-size: 14px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
    display: inline-block;
    transform: translateX(100%);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
}
/* TopLeft */
.divAPPAlertMessageTopLeftDisplayPosition { top: 0; left: 0; }
.divAPPAlertMessageTopLeft {
    transform: translateX(-100%);
}
.divAPPAlertMessageTopLeft.slide-in {
    transform: translateX(0);
    opacity: 1;
}
.divAPPAlertMessageTopLeft.slide-out {
    transform: translateX(-100%);
}
/* TopRight */
.divAPPAlertMessageTopRightDisplayPosition { top: 0; right: 0; }
.divAPPAlertMessageTopRight {
    transform: translateX(100%);
}
.divAPPAlertMessageTopRight.slide-in {
    transform: translateX(0);
    opacity: 1;
}
.divAPPAlertMessageTopRight.slide-out {
    transform: translateX(100%);
}
/* BottomLeft */
.divAPPAlertMessageBottomLeftDisplayPosition { bottom: 0; left: 0; }
.divAPPAlertMessageBottomLeft {
    transform: translateX(-100%);
}
.divAPPAlertMessageBottomLeft.slide-in {
    transform: translateX(0);
    opacity: 1;
}
.divAPPAlertMessageBottomLeft.slide-out {
    transform: translateX(-100%);
}
/* BottomRight */
.divAPPAlertMessageBottomRightDisplayPosition { bottom: 0; right: 0; }
.divAPPAlertMessageBottomRight {
    transform: translateX(100%);
}
.divAPPAlertMessageBottomRight.slide-in {
    transform: translateX(0);
    opacity: 1;
}
.divAPPAlertMessageBottomRight.slide-out {
    transform: translateX(100%);
}
/* Center */
.divAPPAlertMessageCenterDisplayPosition { top: 50%; left: 50%; transform: translate(-50%, -50%); }
.divAPPAlertMessageCenter {
    transform: translateY(-100%);
}
.divAPPAlertMessageCenter.slide-in {
    transform: translateY(0);
    opacity: 1;
}
.divAPPAlertMessageCenter.slide-out {
    transform: translateY(-100%);
}
/* BelowControl */
.divAPPAlertMessageBelowControlDisplayPosition { }
.divAPPAlertMessageBelowControlDisplayPosition > div {
    margin: 4px 0px 0px 0px;
}
.divAPPAlertMessageBelowControl {
    transform: translateY(-100%);
}
.divAPPAlertMessageBelowControl.slide-in {
    transform: translateY(0);
    opacity: 1;
}
.divAPPAlertMessageBelowControl.slide-out {
    transform: translateY(-100%);
}

#NPSysEng_RPT_NewNRMViewer_Filter_lay_FilterGrid_UpdatePanel {
    margin-left                             : 0px;   
}

#NPSysEng_RPT_NewNRMViewer_Filter_lay_Header_UpdatePanel {
    background-color                        : whitesmoke;
    margin                                  : 0px;
    border                                  : 16px solid whitesmoke;
    border-bottom-width                     : 15px;
    Height                                  : 36px;
}

#NPSysEng_RPT_NewNRMViewer_Filter_lay_Filter_UpdatePanel{
    background-color                        : rgba(0,0,0,0.12);
    margin                                  : 0px; 
    padding-left                            : 15px; 
}

#NPSysEng_RPT_NewNRMViewer_Filter_lay_Button_UpdatePanel{
    background-color                        : #E6E6E6;
    margin                                  : 0px; 
    border                                  : 6px solid #E6E6E6;
    
}


#NPSysEng_RPT_NewNRMViewer_Filter_lay_FilterMain_UpdatePanel {
    margin-left : 0px;
    margin-top  : 10px;
}

#NPSysEng_RPT_NewNRMViewer_Filter_grd_RPT{
    width       : 100%
    
}

#NPSysEng_RPT_NewNRMViewer_Filter_grd_RPT_UpdatePanel{
    background-color    : rgba(0,0,0,0.12);
}

#NPSysEng_RPT_NewNRMViewer_Filter_grd_RPT_Body{
    padding-top : 10px;
}

#NPSysEng_RPT_NewNRMViewer_Filter_grd_RPT_Body table {
    border-spacing  : 0 10px; /* Horizontal and vertical spacing */
    border-collapse : separate; /* Ensure spacing works */
}

#NPSysEng_RPT_NewNRMViewer_Filter_lay_Button {
    background-color    : #E6E6E6;
} 

.NPSysEng_ReportParameter_Label {
    font-size       : 15px;
    font-weight     : bold;
}

.NPSysEng_ReportViewer_btnBookMark {
    width                                   : 32px;
    height                                  : 32px;
}
.NPSysEng_ReportViewer_btnHide {
    background-size         : 32px !important;
    background-image        : url(../Images/NPSysEng/NRM-Parameters.png) !important;
    color                   : transparent !important;
    background-color        : transparent !important;
    border                  : 0px solid transparent !important;
    padding                 : 0px !important;
    min-width               : 0px !important;
    Height                  : 32px;
    width                   : 32px !important;
}