/* CSS Document */
body { margin: 0px;}
div, table, th, td, a:link, a:visited, a:hover, a:active, input, textarea { font-size:12px; font-family:Arial, sans-serif;}
table, th, td { text-align:left; vertical-align:top;}
a:link, a:visited, a:active { text-decoration:none;}
a:hover { text-decoration:underline;}
form { margin:0px;}
textarea { padding:1px;}
select { margin-right:3px;}
img { border:none;}

.EXMark { color:#C62822;}
.Star { color:#c62822; padding-right:5px;}
.StarR { color:#c62822; padding-left:5px;}
.HighLight { background-color:#FF0; font-weight:bold;}
.DarkLight { background-color:#333; font-weight:bold;}
.Mark { color:#c62822; font-size:12px;}
.AdminBtn { background-color:#eeeeee; border:1px solid #666666; font-size:11px; color: #333333; cursor:pointer; margin:1px;}
.AdminMsg { font-size:16px; color:#C62822; padding:10px 5px 5px 5px;}
.AlignC { text-align:center;}
.inline-div { padding-top: 4px; padding-bottom: 4px; }
.inline-div>div {display: inline-block; padding-right: 15px; }
.inline-div .form-check-input { margin-left: 0; }
.inline-div .form-check-label { padding-left: 15px; }
.color-blue {color: #a8f7ff;}
.color-yellow {color: #fffa68;}

/*OrgField*/
.Btn { font-size:14px; background-color:#4B64B2; color:#FFFFFF; cursor:pointer;}
.BtnGray { background-color:#eeeeee; border:1px solid #666666; font-size:11px; color:#333333; cursor:pointer; padding:1px 5px 1px 5px; cursor:pointer;}
.FormBtn_Div { padding:20px 0px 20px 0px; text-align:center;}
.Field_40 { width:40px;}
.Field_60 { width:60px;}
.Field_70 { width:70px;}
.Field_80 { width:80px;}
.Field_100 { width:100px;}
.Field_120 { width:120px;}
.Field_150 { width:150px;}
.Field_170 { width:170px;}
.Field_200 { width:200px;}
.Field_250 { width:250px;}
.Field_300 { width:300px;}
.Field_400 { width:400px;}
.Field_600 { width:600px;}
.Field_Full { width:100%;}

.OddOn { background-color:#FFFFFF;}
.OddOff { background-color:#D3D3D3;}
.EvenOn { background-color:#DDEEFF;}
.EvenOff { background-color:#DDDDDD;}
.RowOver { background-color:#F5CCCC;}
.RowOver td { border-bottom:2px solid #333333;}
.RecordOver { background-color:#F5CCCC;}
/*.OddOn { background-color:#FFFFFF;}
.OddOff { background-color:#D3D3D3;}
.EvenOn { background-color:#FFFFFF;}
.EvenOff { background-color:#D3D3D3;}
.RowOver { background-color:#F5CCCC;}
.RecordOver { background-color:#F5CCCC;}*/
/*OrgField*/

/*MyInfo_Table*/
/*.MyInfoMenuOff { color:#FFFFFF; padding:10px; font-size:14px; font-weight:bold; width:130px;}
.MyInfoMenuOn {background-color:#666666; color:#FFFFFF; cursor:pointer; padding:10px; font-size:14px; font-weight:bold; width:130px;}
.MyInfoMenuOn2 {background-color:#666666; color:#FFFFFF; padding:10px; font-size:14px; font-weight:bold; width:130px;}*/

.MyInfoMenuOff { color:#FFFFFF; text-align:center; padding:10px; font-size:14px; font-weight:bold; width:130px; background:url(../images/InfoBG-Off.jpg);}
.MyInfoMenuOn { color:#FFFFFF; text-align:center; cursor:pointer; padding:10px; font-size:14px; font-weight:bold; width:130px; background:url(../images/InfoBG-On.jpg);}
.MyInfoMenuOn2 { color:#FFFFFF; text-align:center; padding:10px; font-size:14px; font-weight:bold; width:130px; background:url(../images/InfoBG-On.jpg);}
/*MyInfo_Table*/

/*ChangePage_Table*/
.ChangePage_Table td{ padding:3px;}
.ChangePage_Table td.OnPage{ color:#FF5E00; font-weight:bold; background-color:#FFEFE8; border-radius:3px;}
.ChangePage_Table td.SearchBox{ padding:0px;}
.ChangePage_Table a:link, .ChangePage_Table a:visited, .ChangePage_Table a:active { color:#000000;text-decoration:none;}
.ChangePage_Table a:hover { color:#666666;text-decoration:none;}
/*ChangePage_Table*/


#WebSite_OutSize { margin:0px auto;}

.InfoTable, .InfoTableFull, .ListTable { padding:5px 5px 0px 5px; text-align:left;}
.InfoTable th, .InfoTableFull th, .InfoTable td, .InfoTableFull td { padding:2px 2px 0px 0px;}
.InfoTable th, .InfoTable td { padding:3px 5px 3px 6px; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.InfoTable th { width:120px; white-space:nowrap; background-color:#DDEEFF; color:#333333; border-left:1px solid #CCCCCC;}
.InfoTable th.Title { width:inherit; font-size:14px; padding-left:3px; background-color:#abbeef;}
.InfoTable .FirstRow th, .InfoTable .FirstRow td { border-top:1px solid #CCCCCC;}
.InfoTable th.NextCol { border-left:0px;}
.InfoTable .Chin th, .InfoTable .Chin td { background-color:#FFFFE8;}
.InfoTable .Eng th, .InfoTable .Eng td { background-color:#FFE6F2;}
.InfoTable .Simp th, .InfoTable .Simp td { background-color:#ECFFF2;}
.InfoTable td.Remarks{ color:#c62822; line-height:14px;}
.InfoTableFull th { white-space:nowrap; background-color:#FFFFFF; padding-top:5px;}
.InfoTable th.ClearPadTop, .InfoTableFull th.ClearPadTop, .InfoTable td.ClearPadTop { padding-top:0px;}

.ListTable th { background-color:#abbeef; color:#333333; white-space:nowrap;}
.ListTable table { border:2px solid #CCCCCC; width:100%;}
.ListTable table th, .ListTable table td { padding:3px; border-left:2px solid #CCCCCC; border-top:2px solid #CCCCCC;}
.ListTable table th.FirstCol, .ListTable table td.FirstCol { border-left:0px;}
.ListTable table .FirstRow th { border-top:0px;}

.ListTable .InfoTable, .ListTable .ListTable { padding:0px;}
.ListTable .InfoTable table, .ListTable .ListTable table { border:0px;}
.ListTable .InfoTable th { width:120px; white-space:nowrap;}
.ListTable .InfoTable th, .ListTable .InfoTable td { border-width:1px 0px 0px 0px;}
.ListTable .InfoTable .FirstRow th, .ListTable .InfoTable .FirstRow td { border-top-width:0px;}

.ListTable table .InfoTableWrap { padding:0; }
.ListTable .InfoTableWrap .InfoTable { border: 0; }
.ListTable .InfoTableWrap .InfoTable th { width: 70px; }

.XList { margin:5px; text-align:left; border:1px solid #8080FF;}
.XList .ListTable { padding:0px;}
.XList .ListTable table {}
.XList td { white-space:nowrap;}
.XList td td { white-space:normal;}
.XList .inputContainer { width:262px;}

.MainTitleST { background-color:#6e89dd; color:#FFFFFF; font-size:16px; font-weight:bold; overflow:hidden; min-height:30px; padding:5px;}
.MainTitleST a:link, .MainTitleST a:visited, .MainTitleST a:active, .MainTitleST a:hover { color:#FF0; text-decoration:none;}

.Admin_Login_Sub_Title { font-size:11px; COLOR:#666666; font-style:normal; line-height:14px; word-spacing:normal; text-align:right;}
.Admin_Login_Field { background-color:#ffffff; border:1px solid #666666; font-size:11px; color:#333333;}
.Admin_Login_Btn { background-color:#eeeeee; border:1px solid #666666; font-size:11px; color:#333333;}

/*Order_Table*/
.Order_Table { width:100%; border:1px solid #1C1C64;}
.Order_Table td { padding:5px;}
.Order_Table td.Title { font-weight:bold; text-align:left; background-color:#1C1C64; color:#FFFFFF;}
.Order_Table td.Hor_Title { background-color:#39C9FB; color:#1C1C64;}
.Order_Table td.Hor_Details { border-bottom:1px solid #1C1C64;}
.Order_Table td.Ver_Title { width:150px; background-color:#39C9FB; color:#1C1C64;}
.Order_Table td.TheMainTitle { padding-top:10px; font-size:14px; color:#0000FF; font-weight:bold;}
.Order_Table td.TheSubTitle { padding-top:10px; color:#FF0000; font-weight:bold;}

.Order_Table .Title a:link, .Order_Table .Title a:visited, .Order_Table .Title a:hover, .Order_Table .Title a:active { font-size:14px; color:#000000; text-decoration:none;}
/*Order_Table*/

.note-editor.note-frame {
	max-width: 700px;
}
.note-editor .note-btn-group i {
	color: #000!important;
}
#abgne_float_ad {
	z-index: 999;
}
.note-popover .popover-content .dropdown-menu, .card-header.note-toolbar .dropdown-menu {
	min-width: 190px;
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.4;
}
.text-orange {
    color: #ff6500;
}
.dropdown-item {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}
button[aria-label="Picture"] {
	display: none;
}