/* -- html and body -- */
/* Fixed: IE 11 has "OnResize infinite loop" issue.
html{
    overflow                                : auto;
    overflow-x                              : auto;
    overflow-y                              : auto;
}
*/
body{
    background-color                        : #f0f8ff;
    color                                   : #000000;
    font-family                             : Arial;
    margin                                  : 0;
    padding                                 : 0;
}

/* How to remove focus border (outline) around text/input boxes? (Chrome) */
*:focus {
    outline: none;
}

/* -- Change an input's HTML5 placeholder color with CSS -- */
/* -- http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css -- */
::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color                                   : #999 !important;
}
:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color                                   : #999 !important;
    opacity                                 : 1 !important;
}
::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color                                   : #999 !important;
    opacity                                 : 1 !important;
}
:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color                                   : #999 !important;
}
/* -- Turn-off IE [x] button for each input control. -- */
::-ms-clear {
  width : 0;
  height: 0;
}

/* -- For DevExpress -- */
.dxscSel {
    display: none !important;
}
.dxscApt .dxsc-apt-bg {
    opacity: 1 !important;
}

/* --- Popup --- */
.Popup_Background{
    background-color                        : Gray;
    filter                                  : alpha(opacity=60);
    left                                    : 0px;
    opacity                                 : 0.6;
    top                                     : 0px;
}
.Popup{
    background-color                        : rgba(0, 0, 0, 0);
}

/* --- SysNPShowModalDialog --- */
.SysNPShowModalDialog{
    background-color                        : #ffffff;
    border                                  : solid 4px #999999 !important;
    box-shadow                              : 15px 15px 15px rgba(10, 10, 10, 0.6);
    /* --- Rounded Style --- */
    border-radius                           : 5px;
    -moz-border-radius                      : 5px;
    -webkit-border-radius                   : 5px;
    /* --- Rounded Style --- */
}
.SysNPShowModalDialog_CloseBTN{
}

/* --- APPROOTSessionTimeoutWindow --- */
.SysNPAPPROOTSessionTimeoutWindow{
    position                                : absolute;
    width                                   : 500px;
    /*height                                  : 200px;*/
    z-index                                 : 99902;
    display                                 : none;
    background-color                        : #ffffff;
    border                                  : solid 4px #999999 !important;
    box-shadow                              : 15px 15px 15px rgba(10, 10, 10, 0.6);
    /* --- Rounded Style --- */
    border-radius                           : 5px;
    -moz-border-radius                      : 5px;
    -webkit-border-radius                   : 5px;
    /* --- Rounded Style --- */
    padding                                 : 0px;
}
.SysNPAPPROOTSessionTimeoutWindow_lblTitle{
    font-family                             : Arial; 
    font-size                               : 18px; 
    font-weight                             : bold;
    color                                   : #FF0011;
}
.SysNPAPPROOTSessionTimeoutWindow_lblMsg{
    font-family                             : Arial; 
    font-size                               : 16px; 
    /*font-weight                             : bold;*/
    color                                   : #000011;
    margin-left                             : 10px;
    margin-right                            : 10px;
}
.SysNPAPPROOTSessionTimeoutWindow_btnExtendSessionTimeout{
    background-image                        : url(../Images/button.png);
    border                                  : solid 2px #999999 !important;
    /*box-shadow                              : 0px 0px 10px #000;*/
    color                                   : #ffffff;
    font-family                             : arial;
    font-size                               : 13px;
    font-weight                             : bold;
    height                                  : 28px;
    margin-right                            : 2px;
    margin-left                             : 2px;
    margin-bottom                           : 0px;
    padding-left                            : 20px;
    padding-right                           : 20px;
    min-width                               : 90px;
    /* --- Rounded Style --- */
    border-radius                           : 38px;
    -moz-border-radius                      : 38px;
    -webkit-border-radius                   : 38px;
    /* --- Rounded Style --- */
}

/* --- APPROOTAsyncTask --- */
.SysNPAPPROOTAsyncTaskNoBlockUI {
    position                                : fixed;
    width                                   : 100%;
    z-index                                 : 99902;
    display                                 : none;
    background-color                        : #f9f9f9;
    border                                  : solid #999999 !important;
    border-width                            : 3px 0px 0px 0px !important;
    padding                                 : 0px;
}
.SysNPAPPROOTAsyncTask{
    position                                : absolute;
    width                                   : 600px;
    /*height                                  : 200px;*/
    z-index                                 : 99902;
    display                                 : none;
    background-color                        : #f9f9f9;
    border                                  : solid 4px #999999 !important;
    box-shadow                              : 15px 15px 15px rgba(10, 10, 10, 0.6);
    /* --- Rounded Style --- */
    border-radius                           : 5px;
    -moz-border-radius                      : 5px;
    -webkit-border-radius                   : 5px;
    /* --- Rounded Style --- */
    padding                                 : 0px;
}
.SysNPAPPROOTAsyncTask_TagP_lblTitle{
    margin                                  : 0px;
    padding                                 : 10px;
    background-color                        : #40839e;
    border-bottom                           : 1px solid #999999;
}
.SysNPAPPROOTAsyncTask_lblTitle{
    font-family                             : Arial; 
    font-size                               : 18px; 
    font-weight                             : bold;
    color                                   : #ffffff;
}
.SysNPAPPROOTAsyncTask_lblMsg{
    display                                 : inline-block;
    font-family                             : Arial; 
    font-size                               : 16px; 
    /*font-weight                             : bold;*/
    color                                   : #000011;
}
.SysNPAPPROOTAsyncTask_prgTXN{
    display                                 : none;
    width                                   : 100%;
    height                                  : 32px;
}

/* -- SYS_xxx -- */
#NPR5APP_HEADER_SystemButtons {
        height                              : 42px;
}
.SYS_SystemButtons:hover{
    margin                                  : 0px 0px 0px 0px;
    padding                                 : 0px 0px 5px 0px;
    /* --- Rounded Style --- */
    border-radius                           : 50px;
    -moz-border-radius                      : 50px;
    -webkit-border-radius                   : 50px;
    /* --- Rounded Style --- */
}
.SYS_InformationAndButtons{
    border-spacing                          : 0px;
    padding                                 : 0px;
}
.SYS_InformationAndButtons > tbody > tr:first-child{
    height                                  : 16px;
}
.SYS_InformationAndButtons > tbody > tr:first-child + tr{
    height                                  : 28px;
}
.SYS_InformationAndButtons > tbody > tr:first-child + tr + tr{
    height                                  : 38px;
}
.SYS_Userif{
    color                                   : #ffffff;
    font-family                             : Arial;
    font-size                               : 14px;
    font-weight                             : normal;
    white-space                             : nowrap;
    min-width                               : 200px; 
    overflow                                : hidden;
    text-overflow                           : ellipsis;
}
.SYS_UserProfile {
    padding: 5px 5px 5px 5px;
    width: 23px;
    height: 23px;
    border: solid 0px #EAEDED !important;
    /* --- Rounded Style --- */
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    /* --- Rounded Style --- */
}
.SYS_UserProfile:hover{
    padding: 5px 5px 10px 5px;
}
.SYS_Userif_POS_DESC {
    color                                   : #c0c0c0;
    font-family                             : Arial;
    font-size                               : 12px;
    font-weight                             : normal;
    white-space                             : nowrap;
    min-width                               : 200px; 
    overflow                                : hidden;
    text-overflow                           : ellipsis;
}
.SYS_SCOInfo{
    color                                   : #ffffc0;
    font-family                             : Arial;
    font-size                               : 12px;
    font-weight                             : normal;
    padding-right                           : 8px;
    white-space                             : nowrap;
}
.SYS_PH{
    color                                   : #fe2e2e;
    font-family                             : Arial;
    font-size                               : 16px;
    font-weight                             : bold;
    padding-right                           : 10px;
}
.SYS_PM{
    color                                   : #ffbf00;
    font-family                             : Arial;
    font-size                               : 14px;
    padding-right                           : 10px;
}
.SYS_PL{
    color                                   : #2efe2e;
    font-family                             : Arial;
    font-size                               : 12px;
    padding-right                           : 10px;
}
.SYS_P{
    font-family                             : Arial;
    margin                                  : 0px;
    padding-right                           : 2px;
}
.SYS_NPBR{
    font-size                               : 0px;
    height                                  : 10px;
}
.SYS_NPHR_TD{
    height                                  : 14px;
}
.SYS_NPHR{
    background-color                        : #8db2e7;
    color                                   : #8db2e7;
    font-size                               : 0px;
    height                                  : 2px;
}
.SYS_ReportTitle{
    color                                   : #006699;
    font-family                             : Arial;
    font-size                               : 14px;
    font-weight                             : normal;
}
.SYS_ReportBackButton{
    font-family                             : Arial;
    font-size                               : 14px;
}
.SYS_TheControTypelIsNotSupport{
    background-color                        : #c0ff3e;
    color                                   : #b22222;
    font-family                             : Arial;
    font-size                               : 14px;
    font-weight                             : bold;
}
.SYS_GMapYesKey{
    filter                                  : alpha(opacity=60);
    opacity                                 : 0.6;
}
.SYS_GMapNoKey{
    filter                                  : alpha(opacity=80);
    opacity                                 : 0.8;
}
.SYS_GVTrace_LoggerName{
    padding-right                           : 20px;
    text-align                              : left;
}
.SYS_GVTrace_MsgType{
    padding-right                           : 20px;
    text-align                              : left;
}
.SYS_GVTrace_Depth{
    padding-right                           : 30px;
    text-align                              : left;
}
.SYS_GVTrace_DateTime{
    padding-right                           : 20px;
    text-align                              : left;
}
.SYS_GVTrace_Cost{
    padding-right                           : 20px;
    text-align                              : left;
}
.SYS_GVTrace_Text{
    text-align                              : left;
}

/* -- Dialog_About.ascx -- */
.InfoTitle{
    font-family                             : Arial; 
    font-size                               : 18px; 
    font-weight                             : bold;
    color                                   : #0000FF;
}
.InfoButton{
    background-image                        : url(../Images/button.png);
    border                                  : solid 2px #999999 !important;
    /*box-shadow                              : 0px 0px 10px #000;*/
    color                                   : #ffffff;
    font-family                             : arial;
    font-size                               : 13px;
    font-weight                             : bold;
    height                                  : 28px;
    margin-right                            : 2px;
    margin-left                             : 2px;
    margin-bottom                           : 8px;
    padding-left                            : 20px;
    padding-right                           : 20px;
    min-width                               : 90px;
    /* --- Rounded Style --- */
    border-radius                           : 38px;
    -moz-border-radius                      : 38px;
    -webkit-border-radius                   : 38px;
    /* --- Rounded Style --- */
}
.InfoButtonRed{
    background-image                        : url(../Images/button.png);
    border                                  : solid 2px #999999 !important;
    /*box-shadow                              : 0px 0px 10px #000;*/
    color                                   : #fe2e2e;
    font-family                             : arial;
    font-size                               : 13px;
    font-weight                             : bold;
    height                                  : 28px;
    margin-right                            : 2px;
    margin-left                             : 2px;
    margin-bottom                           : 8px;
    padding-left                            : 20px;
    padding-right                           : 20px;
    min-width                               : 90px;
    /* --- Rounded Style --- */
    border-radius                           : 38px;
    -moz-border-radius                      : 38px;
    -webkit-border-radius                   : 38px;
    /* --- Rounded Style --- */
}
.RegisterLink
{
    font-family                             : Arial; 
    font-size                               : 12px;
    font-weight                             : bold;
    color                                   : #0000FF;
    text-align                              : right;
    text-decoration                         : none;
    padding-right                           : 10px;
    white-space                             : nowrap;
    display                                 : block;
}
.ItemName{
    font-family                             : Arial; 
    font-size                               : 14px;
    font-weight                             : bold;
    white-space                             : nowrap;
}
.ItemValue{
    font-family                             : Arial; 
    font-size                               : 14px;
    white-space                             : nowrap;
}
.ItemCopy{
    font-family                             : Arial; 
    font-size                               : 14px;
    text-decoration                         : none;
}
.VersionTitle{
    font-family                             : Arial; 
    font-size                               : 14px;
    font-weight                             : bold;
    color                                   : #0000cc;
}
.VersionTitle_TD{
    text-align                              : left !important;
    background-color                        : #B0E0E6 !important;
}
.ErrMessage{
    font-family                             : Arial; 
    font-size                               : 14px; 
    font-weight                             : bold;
    color                                   : #FF0000;
}
.IsExpired{
    font-family                             : Arial; 
    font-size                               : 16px; 
    font-weight                             : bold;
    color                                   : #FF0000;
}
.IsSHA2{
    font-family                             : Arial; 
    font-size                               : 14px; 
    font-weight                             : bold;
    color                                   : #FF0000;
}
.NPZoomableDIV{
    position                                : relative;
    overflow                                : auto;
}
.NPZoomableBtnZoomIn{
    position                                : absolute;
    bottom                                  : 125px;
    right                                   : 8px;
    width                                   : 48px;
}
.NPZoomableBtnZoomOut{
    position                                : absolute;
    bottom                                  : 65px;
    right                                   : 8px;
    width                                   : 48px;
}
.NPZoomableBtnReset{
    position                                : absolute;
    bottom                                  : 5px;
    right                                   : 8px;
    width                                   : 48px;
}
.NPZoomWindowDIV{
    position                                : absolute;
    background-color						: #f0f0f0;
    border                                  : solid 4px #999999 !important;
    box-shadow                              : 15px 15px 15px rgba(10, 10, 10, 0.6);
    /* --- Rounded Style --- */
    border-radius                           : 5px;
    -moz-border-radius                      : 5px;
    -webkit-border-radius                   : 5px;
    /* --- Rounded Style --- */
    padding                                 : 5px;
}

.ascxGridView{
    background-color                        : #f6f6f6;
    width                                   : 100%;
}
.ascxGridView_HeaderStyle{
    background-color                        : #40839e;
    color                                   : #ffffff;
    font-family                             : Arial;
    font-size                               : 13px;
    font-weight                             : bold;
    text-decoration                         : none;
}
.ascxGridView_HeaderStyle > th{
    color                                   : #ffffff;
    padding-bottom                          : 5px;
    padding-left                            : 5px;
    padding-right                           : 5px;
    padding-top                             : 5px;
}
.ascxGridView_HeaderStyle > th > table{
    color                                   : #ffffff;
    width                                   : 100%;
}
.ascxGridView_HeaderStyle > th[align=right] > table{
    color                                   : #ffffff;
    width                                   : 100%;
    text-align                              : right;
}
.ascxGridView_HeaderStyle > th[align=center] > table{
    color                                   : #ffffff;
    width                                   : 100%;
    text-align                              : center;
}
.ascxGridView_RowStyle{
    background-color                        : #dcecf4;
    color                                   : #003f59;
    font-family                             : Arial;
    font-size                               : 13px;
    font-weight                             : normal;
}
.ascxGridView_RowStyle > td{
    padding                                 : 5px;
}
.ascxGridView_RowStyle a{
    color                                   : #2020bb;
}
.ascxGridView_AlternatingRowStyle{
    background-color                        : #dcecf4;
    color                                   : #003f59;
    font-family                             : Arial;
    font-size                               : 13px;
    font-weight                             : normal;
    text-decoration                         : none;
}
.ascxGridView_AlternatingRowStyle > td{
    padding                                 : 5px;
}
.ascxGridView_AlternatingRowStyle a{
    color                                   : #2020bb;
}

.SYS_Invalidcharacters {
    outline: 3px solid #ec7063 !important;
	outline-offset: 1px;
}

.MSRS-RVC .DisabledButton {
    height:46px;
	min-width: 56px;
	display: grid;
    cursor: not-allowed;
}

.MSRS-RVC .DisabledButton > table > tbody > tr > td > span {
	color: #aeb6bf !important;
}

a:focus,
input:focus,
button:focus,
select:focus,
textarea:focus {
    outline: 3px solid #63ADE5 !important;
	outline-offset: 1px;
}