/*@font-face {
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Nunito Sans Regular'), local('Nunito Sans-Regular'), url("../font/Nunito Sans.woff2") format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} 
*/
/*@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans');*/
/*-------------------------------------*/
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../font/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../font/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../font/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../font/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../font/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../font/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../font/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');*/
body
{background:#ffffff;
color:#555d66;
font-size:8pt;
font-family:'Open Sans';
margin:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin:0px;
}

/*-------------------------------------*/
a
{color:#000000;
font-family:'Open Sans';
/*font-size:10px;*/
}

a:active
{color:blue;}

a:visited
/* {color:#000000; */


a:hover
{color:#000000;
text-decoration:none;}

/*-------------------------------------*/
a.navlink
{color:#000000;
font-weight:bold;
text-decoration:none}

a.navlink:active
{color:#ffffff;
font-weight:bold;
text-decoration:none}

a.navlink:visited
{color:#ffffff;
font-weight:bold;
text-decoration:none}

a.navlink:hover
{color:#666666;
font-weight:bold;
text-decoration:none}

/*-------------------------------------*/
a.navlinkon
{color:#333333;
font-weight:bold;
text-decoration:none}

a.navlinkon:active
{color:#838899;
font-weight:bold;
text-decoration:none}

a.navlinkon:visited
{color:#838899;
font-weight:bold;
text-decoration:none}

a.navlinkon:hover
{color:#000000;
font-weight:bold;
text-decoration:none}

/*-------------------------------------*/
a.subnavlink
{color:#333333;
text-decoration:none}

a.subnavlink:active
{color:#666666;
text-decoration:none}

a.subnavlink:visited
{color:#333333;
text-decoration:none}

a.subnavlink:hover
{color:#000000;
text-decoration:underline}

/*-------------------------------------*/
a.subnavlinkon
{color:#333333;
font-weight:bold;
text-decoration:none}

a.subnavlinkon:active
{color:#666666;
font-weight:bold;
text-decoration:none}

a.subnavlinkon:visited
{color:#333333;
font-weight:bold;
text-decoration:none}

a.subnavlinkon:hover
{color:#000000;
font-weight:bold;
text-decoration:underline}

/*-------------------------------------*/
a.logout
{color:#ffff99;
font-weight:bold;
text-decoration:none;}

a.logout:visited
{color:#ffff99;
font-weight:bold;
text-decoration:none;}

a.logout:hover
{color:#ff4444;
font-weight:bold;
text-decoration:none;}

/*-------------------------------------*/
a.edit
{color:#006633;
font-weight:bold;
text-decoration:none;}

a.edit:active
{color:#006633;
font-weight:bold;
text-decoration:none;}

a.edit:visited
{color:#006633;
font-weight:bold;
text-decoration:none;}

a.edit:hover
{color:#000000;
font-weight:bold;
text-decoration:underline;}

/*-------------------------------------*/
a.new
{color:#0033cc;
/*font-size:12px;*/
font-weight:bold;
text-decoration:none;}

a.new:active
{color:#0033cc;
/*font-size:12px;*/
font-weight:bold;
text-decoration:none;}

a.new:visited
{color:#0033cc;
/*font-size:12px;*/
font-weight:bold;
text-decoration:none;}

a.new:hover
{color:#000000;
/*font-size:12px;*/
font-weight:bold;
text-decoration:underline;}

/*-------------------------------------*/
a.delete
{color:#993300;
font-weight:bold;
text-decoration:none;}

a.delete:active
{color:#006633;
font-weight:bold;
text-decoration:none;}

a.delete:visited
{color:#006633;
font-weight:bold;
text-decoration:none;}

a.delete:hover
{color:#000000;
font-weight:bold;
text-decoration:underline;}

/*-------------------------------------*/
.subnavback
{font-family:'Open Sans';
color:#000000;
font-size:10px;
background:#B6B7BC;}

.lines
{color:#ffffff;
background:#707070;}

.lineson
{color:#ffffff;
background:#d5d5e0;}

.lines2
{color:#ffffff;
background:#706867;}

.navlinksback
{color:#ffffff;
background:#838899;}

.navlinksbackon
{color:#ffffff;
background:#000000;}

.subnavlinksback
{color:#ffffff;
background:#d5d5e0;}

.contentback
{color:#000000;
background:#ffffff;}

.category
{color:#000000;
background:#ffffe5;
font-family:'Open Sans';
font-size:10px;
font-weight:bold;
text-decoration:none;}

.tableheader
{color:#333333;
/*background:#ccddff;*/
background:#e5e5e5;
font-family:'Open Sans';
font-size:11px;
font-weight:bold;
height:20px;
text-decoration:none;
padding: 1px 3px 1px 3px;/*TrungDc 180626, add space in each cell in table*/
}

.tableheader a
{color:#333333;
background:#d5d5e0;
font-family:'Open Sans';
font-size:10px;
font-weight:bold;}

.tableheader a:hover
{color:#333333;
background:#000000;
font-family:'Open Sans';
font-size:10px;
font-weight:bold;
text-decoration:none;}

tr.hilite
{background:#d5d5e0;}

tr.tab
{background:#FDEAEA;} 

td.tab
{color:#333333;
/*background:#e5e5e5;*/
background:#f5f5f5;
font-family:'Open Sans';
font-size:10pt;
font-weight:normal;
text-decoration:none;
padding: 1px 3px 1px 3px;/*TrungDc 180626, add space in each cell in table*/
/* vertical-align:top; */ /*undo to show default table vertical align is middle AnhNH 160704*/
}

td.tab2
{color:#333333;
/*background:#e5e5e5;*/
background:#ffffff;
font-family:'Open Sans';
font-size:11px;
font-weight:normal;
text-decoration:none;
padding: 1px 3px 1px 3px;/*TrungDc 180626, add space in each cell in table*/
}

td.row_route_loss_overview_location
{color:#333333;
background:#ffffff;
font-family:'Open Sans';
font-size:11px;
font-weight:normal;
text-decoration:none;}

th.tab
{color:#333333;
/*background:#e5e5e5;*/
background:#f5f5f5;
font-family:'Open Sans';
font-size:11px;
font-weight:normal;
text-decoration:none;
}
th.bpman_lightyellow{
  background-color: #FFFFE0;
}
th.bpman_yellow{
  background-color: yellow;
}
th.bpman_green{
  background-color: #B8D84B;
}
th.bpman_lightgreen{
  background-color: #e7ff93;
}


td.tab_completed
{color:#333333;
background:#ffc79a;
font-family:'Open Sans';
font-size:10px;
font-weight:normal;
text-decoration:none;
}

tr.hilite td.tab
{background:#eeeeee;}

tr.hilite td.tab_completed
{background:#669933;}

td.test
{color:#333333;
font-family:'Open Sans';
font-size:17px;
text-decoration:none;}

.kwt
{color:#333333;
background:#ffffff;
font-family:'Open Sans';
font-size:10px;
text-decoration:none;}

.stand
{color:#333333;
background:#fafafa;
font-family:'Open Sans';
font-size:12px;
text-decoration:none;
/* vertical-align:top; */ /*undo to show default table vertical align is middle AnhNH 160704*/
}

.stand2
{color:#333333;
font-family:'Open Sans';
font-size:12px;
text-decoration:none;
/* vertical-align:top; */ /*undo to show default table vertical align is middle AnhNH 160704*/
}

.login
{color:#333333;
font-family:'Open Sans';
font-size:11px;
font-weight:bold;
text-decoration:none;}

.formhead
{color:#333333;
background:#D4D6DB;
font-family:'Open Sans';
font-size:10px;
font-weight:bold;
text-decoration:none;}

.welcome
{color:#000000;
/*background:#ccddff;*/
background:#e5e5e5;
font-family:'Open Sans';
font-size:10px;
text-decoration:none;}

.user
{color:#000000;
/*background:#ccddff;*/
background:#e5e5e5;
font-family:'Open Sans';
font-size:10px;
font-weight:bold;
text-decoration:none;}

.heute
{color:#333333;
background:#aaffcc;
font-family:'Open Sans';
font-size:10px;
font-weight:bold;
text-decoration:none;}

.feiertag
{color:#333333;
background:#18c9f4;
font-family:'Open Sans';
font-size:10px;
font-weight:bold;
text-decoration:none;}

.outer
{color:#333333;
background:#d8d9e4;
font-family:'Open Sans';
font-size:10px;
font-weight:normal;
text-decoration:none;}

.addapp
{color:#222222;
background:#1aa1aa;
font-family:'Open Sans';
font-size:10px;
font-weight:bold;
text-decoration:none;}

.wochenende
{color:#333333;
background:#d5d5e0;
font-family:'Open Sans';
font-size:10px;
text-decoration:none;}

.forumgroup
{color:#333333;
background:#efeff2;
font-family:'Open Sans';
font-size:11px;
text-decoration:none;
font-weight:bold;}

/*-------------------------------------*/
.form
{color:#000000; 
background:#ffffff;
font-size:8pt;
font-family:'Open Sans';
width:200px;
height:20px;}

.formtextarea
{color:#000000; 
background:#ffffff;
font-size:8pt;
font-family:'Open Sans';
width:200px;
height:40px;}

.submit
/*{background:#ffffe0; */
/*
{background:#fffff0;
color:#444444;
font-size:8pt;
font-family:Verdana, Arial, Helvetica;
font-weight:bold;
border:1px solid;
border-top-color:#666;
border-left-color:#666;
border-right-color:#666;
border-bottom-color:#666;} */

{
font-size:9pt;
color:#333333;
font-family:'Open Sans';
font-weight:bold;
}

.submit.btnhov
/*{background:#ffffc0;} */
{background:#ffffff;}

.selectinh
{background:#c8c9d4;
color:#333333;
font-size:8pt;
font-family:'Open Sans';
width:136px;
height:20px;}

.available
{background:#efeff2;
 color:#333333;
 font-size:8pt;
 font-family:'Open Sans';
 width:200px;
 height:90px;}

.select
/*{background:#ffffcc; */
{background:#ffffff;
 color:#444444;
 font-size:9pt;
 font-family: revert;
 text-decoration:none;
 border:1px solid;
 /*border-top-color:#666; */
  border-top-color:#c5c5c5;
border-left-color:#c5c5c5;
border-right-color:#c5c5c5;
border-bottom-color:#c5c5c5;
}

.select.hov
/*{background:#ffffb0;} */
{background:#efeff2;}

.select.focus
/*{background:#ffffb0;} */
{background:#efeff2;}
 
/*-------------------------------------*/

.notification
{color:#dd0000;
background:#c8c9d4;
font-weight:bold;
padding:1em;}

.newmim
{color:#aa0000;
font-family:'Open Sans';
font-size:9pt;
font-weight:bold;
}

/*-------------------------------------*/

.small_italic
{font-size:10px;
font-style:italic;
color:#636363;}


/*css for a general frame*/
.generalframe
{
border-style:solid;
border-width:1px;
border-color:#669933;
}

/*css for a general title*/
.generaltitle
{
color:#669933;
}

/*css for a general login title*/
.generaltitlelogin
{
color:#000000;
}

.ui_disabled{
	background-color:#EBEBE4;
}
.button_disabled{
	opacity: 0.6;
}
.f_notifyemail{
	font-size:12px;
}

/*css for tabview in notify email */
.tabscssfiber {
  position: relative;   
  min-height: 370px; 
  clear: both;
  margin: 6px 0;
}
.tabfiber {
  float: left;
}
.tabfiber label {
  background: #eee; 
  padding: 5px; 
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
  font-size: 10pt;
}
.tabfiber [type=radio] {
  display: none;   
}
.contentcssfiber_parent{
  position: absolute;
  top: 22px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 10px;
  border: 1px solid #ccc; 
  overflow: auto;
}
.contentcssfiber {
  position: absolute;
  top: 29px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 10px;
  border: 1px solid #ccc; 
  overflow: auto;
}
.contentcssfiber > * {
  opacity: 0;
}
.contentcssfiber_parent > * {
  opacity: 0;
}
.tabfiber [type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
  font-size: 10pt;
  padding: 5px; 
}
.tabfiber [type=radio]:checked ~ label ~ .contentcssfiber {
  z-index: 1;
}
.tabfiber [type=radio]:checked ~ label ~ .contentcssfiber > * {
  opacity: 1;
}
.tabfiber [type=radio]:checked ~ label ~ .contentcssfiber_parent {
  z-index: 1;
}
.tabfiber [type=radio]:checked ~ label ~ .contentcssfiber_parent > * {
  opacity: 1;
}

/*css for tabview in bpman */
.tabscss_bpman {
  position: relative;   
  clear: both;
  margin: 0px;
  height:100%;
}
.tab_bpman {
  float: left;
}
.tab_bpman > label {
  background: #FFC; 
  padding: 5px; 
  border: 1px solid #ccc; 
  margin-left: 5px; 
  position: relative;
  left: 1px; 
  font-size: 12px;
  top:10px;
  font-weight:normal;
}
.tab_bpman > input[type=radio] {
  display: none;   
}
.contentcss_bpman_parent{
  position: absolute;
  top: 30px;
  left: 0;
  background: #FFC;
  right: 0;
  bottom: 5px;
  padding: 10px;
  border: 1px solid #ccc; 
  overflow: auto;
}
.contentcss_bpman {
  position: absolute;
  top: 29px;
  left: 0;
  background: #FFC;
  right: 0;
  bottom: 0;
  padding: 10px;
  border: 1px solid #ccc; 
  overflow: auto;
}
.contentcss_bpman > * {
  opacity: 0;
}
.contentcss_bpman_parent > * {
  opacity: 0;
}
.tab_bpman [type=radio]:checked ~ label {
  background: #FFC;
  border-bottom: 1px solid white;
  z-index: 2;
  font-size: 12px;
  padding: 5px; 
  font-weight:bold;
}
.tab_bpman [type=radio]:checked ~ label ~ .contentcss_bpman {
  z-index: 1;
}
.tab_bpman [type=radio]:checked ~ label ~ .contentcss_bpman > * {
  opacity: 1;
}
.tab_bpman [type=radio]:checked ~ label ~ .contentcss_bpman_parent {
  z-index: 1;
}
.tab_bpman [type=radio]:checked ~ label ~ .contentcss_bpman_parent > * {
  opacity: 1;
}
/* end tab style for bpman*/
.button_dropdown
{	
	margin: 0;
	padding: 0;
	height:0px;
	position:absolute;
	top: 0px;
	right:0px;
	width: 100%;
}
.button_dropdown ul
{	
	top: 14px;
	padding:0px;
	z-index: 1000;
	position: absolute;
	display: none;
	border: 1px solid grey;
	background-color:rgba(231, 231, 231, 1);
	margin-left: 0px;
	width:auto;
}
.button_dropdown div
{	
	background-repeat: no-repeat;
	background-size: 12px auto;
	width: 16px;
	height: 25px;
	cursor:pointer;
	background-position: center center;
}
.button_dropdown div.active + ul
{	
	display: block;
}
.button_dropdown ul:hover 
{	
	display: block;
}

.button_dropdown ul li
{
	float: left;
	display: block;
	background: #ffffff;
	cursor: pointer;
	background-color:#ffffff;
	padding:5px 0px;
	width:100%;
	font-weight: normal !important;
	
}
.button_dropdown ul li nobr
{
	float: left;
	padding-left: 5px;
}
.button_dropdown ul li label
{
	padding:0px 5px;
	cursor: pointer;
}
.button_dropdown ul li:hover
{	
	background: #ccc
}

.label_link{
	color:blue;
	cursor:pointer;
  font-family: 'Open Sans';
}
.label_warning{
	color:red;
}
.label_data{
	font-weight:bold;
}
.header_window{
	font-size:20px;
	font-weight:bold;
	color:black;
}

.tree_navi_accordion .ui-accordion-content {
  max-height: 200px;
  height: 200px;
  overflow-y: auto;
	border-radius: 0px;
	border-style:solid;
	border-width:1px;
	border-color:#669933;
}
.tree_navi_accordion .ui-accordion-header .ui-accordion-title{
  background-color: #678C30;
	color:white;
	height:20px;
	padding-left:30px;
  font-family: 'Open Sans';
	/*padding-top:5px;*/
}
.tree_navi_accordion .ui-accordion .ui-accordion-header .ui-icon {
	left:0px;
}
.area_data_td_label{
	text-align: right;
	width: 120px;
	height:20px;
}
tr.tab:hover{
	background:#d5d5e0;
}
tr.tab:hover td{
	background:#d5d5e0;
}

tr.tab.checked{
	background:#d5d5e0;
}
tr.tab.checked td{
	background:#d5d5e0;
}

tr.bpman_table_row_warning{
	background-color: #FDEAEA;
}
tr.bpman_table_row_warning:hover{
	background-color: #D69EA2;
}
tr.bpman_table_row_warning td{
	background-color: #FDEAEA;
}
tr.bpman_table_row_warning:hover td{
	background-color: #D69EA2;
}
tr.tab td.selected_row{
	background-color: #56A5EC;
	font-size:10pt;
	color: white;		/*change color selected table row is white AnhNH 160628*/
	/* vertical-align:top; */ /*undo to show default table vertical align is middle AnhNH 160704*/
}
.selected_row_red{
	color: red;		
}
tr.tab td.selected_row label {
	background-color: #56A5EC;
	font-size:10pt;
	color: white;		/*change color selected table row is white AnhNH 160628*/
	/* vertical-align:top; */ /*undo to show default table vertical align is middle AnhNH 160704*/
}
tr.tab:hover td.selected_row{
	background-color: #4DA1EC;
}
td.finished_project
{
	color:#333333;
	background:#FFFFE0;
	font-family:'Open Sans';
	font-size:10pt;
	font-weight:normal;
	text-decoration:none;
	padding: 1px 3px 1px 3px;/*TrungDc 180626, add space in each cell in table*/
}
.ui-widget-overlay {
   position: fixed;
}
td.rows_report_error{
	background-color:#FDEAEA;
}
td.rows_report_warning{
	background-color:#FFFFE0;
}

tr.bpman_yellow_row td{
	background-color: #FFFFE0;
}
tr.bpman_blue_row td{
	background-color: #89BEEB;
}
tr.bpman_green_row td{
	background-color: #B8D84B;
}
tr.bpman_lightgreen_row td{
	background-color: #90EE90;
}
tr.bpman_red_row td{
	background-color: #FDEAEA;
}
tr.bpman_gray_row td{
	background-color: #9999a7;
}
tr.bpman_light_gray_row td{
	background-color: #9999a7;
}
tr.bpman_orange_row td{
	background-color: #FFA500;
}
.livesearchText[disabled=disabled] {
	opacity: 0.6;
}
input[type=button][disabled=disabled], input[type=button]:disabled {
   opacity: 0.6;
}
img[disabled=disabled], img:disabled {
   opacity: 0.6;
}
.ui-form{
	border:1px solid;
	border-color:gray;
}
.auto-fill-div{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px; 
	overflow-y: scroll; 
	overflow-x: hidden;
}
.auto-fill-div-2{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px; 
	margin: auto; 
}
textarea.select{
	overflow-y:auto;
  font-family: 'Open Sans';
}
img.imgpreload{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	z-index:100;
	display:none;
}
.border_frame {
	border: 1px;
	border-style: solid;
	border-color: gray;
}
#dialog-addNew-partnership .border_frame {
	border: 1px;
	border-style: solid;
	border-color: gray;
	width: 100%; 
	padding: 5px; 
	height: 400px;
}
.jexcel_label {
	color:#333333;
	background:#e5e5e5;
	font-family:'Open Sans',Verdana, Arial, Helvetica;
	font-size:11px;
	font-weight:bold;
	height:20px;
	text-decoration:none;
}
.align_middle {
	vertical-align : middle;
}
img.icon {
	cursor: pointer;
	vertical-align: middle;
}

.nobr {
	white-space: nowrap;
}

/*css for a general frame*/
.line-box {
	border-style: solid;
	border-width: 1px;
	border-color: gray;
}
.table-row {
	height: 25px;
	cursor: pointer;
}

.content_row {
	width: 100%;
	display: block;
	overflow: auto;
	height: auto;
}
.content_box {
	padding: 3px;
}
.right-align {
	float: right;
}
.middle-align {
	vertical-align: middle;
}
.large_btn {
	width: 100px;
	height: 25px;
	vertical-align: middle;
}
#_maintab_device img {
	vertical-align: middle;
}
.flex-wrap {
	display: flex;
	flex-flow: column;
	height: 100%;
}
.flex-header {
	flex: 0 1 auto;
	/* The above is shorthand for:
	flex-grow: 0,
	flex-shrink: 1,
	flex-basis: auto
	*/
}
.flex-content {
	flex: 1 1 auto;
}
.flex-footer {
	flex: 0 1 auto;
}

#td_maintab_vertical{
	height:100%;max-width: 200px;min-width: 20px;margin: 0px;width: 20px;
}
#featureTabsContainer{
	margin-top: 4px;padding-bottom:1px;width:100%;height:100%;background-color:#678C30;
}

#td_maintab_vertical ol
{
	list-style-type: none; 
	margin: auto; 
	padding: 25px 5px 5px 5px;
}
.maintab_button_hideshow
{
	margin-top:5px;
	margin-right:2px;
	float:right;
}
.maintab_button
{
	color:white;
	background:#678C30;
	font-family:'Open Sans', Verdana, Arial, Helvetica;
	font-size:14px;
	font-weight: normal;
	text-decoration:none;
	height:30px;
	cursor:pointer;
	padding:0px 5px 5px 5px;
	margin: 1px;
	border-radius: 4px;
}

.maintab_button_selected
{color:#eeeeee;
background:#AECF00;
font-family:'Open Sans', Verdana, Arial, Helvetica;
font-size:14px;
font-weight: normal;
text-decoration:none;
height:30px;
cursor:pointer;
padding:0px 5px 5px 5px;
margin: 1px;
border-radius: 4px;
}

.maintab_button:hover{
	color : white;
	background:#A3B15B;
}

.maintab_label {
	cursor:pointer;
	vertical-align: sub;
	display:none;
	width: 80%;
}
.maintab_button img {
	vertical-align: middle;
	padding-top : 8px;
	width :20px;
}

.column_scrollbar{
	width:16px;
	min-width:16px;
	background:#e5e5e5;
}

.li_project_type:hover{
	background:lightgray;
}

.li_project_type{
	background-color:#ffffff;
}

.li_project_type_selected
{
	background:lightgray;
}
/*
#table-2 th {
	background-color: #29215A;
	color: white;
}

#table-2 td, th {
	padding-right: 8px;
}
*/
/* .tDnD_whileDrag {
	z-index: 500;
	width: 90%;
	margin: -10px;
	display: table-cell;
	color: transparent;
	width: 0px
} */
.tDnD_whileDrag td 
{
	background-color: #eee;
	-webkit-box-shadow: 6px 3px 5px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
	-moz-box-shadow: 6px 4px 5px 1px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
	-box-shadow: 6px 4px 5px 1px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
}
/*.tDnD_whileDrag td:first-child {*/
	/*-webkit-box-shadow: 5px 4px 5px 1px #111, 0 1px 0 #ccc inset, 1px -1px 0 #ccc inset;*/
	/*-moz-box-shadow: 6px 3px 5px 2px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, 1px 0 0 #ccc inset;*/
	/*-box-shadow: 6px 3px 5px 2px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, 1px 0 0 #ccc inset;*/
/*}*/
.tDnD_whileDrag td:last-child 
{
	-webkit-box-shadow: 1px 8px 6px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset;
	-moz-box-shadow: 0 9px 4px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, -1px 0 0 #ccc inset;
	-box-shadow: 0 9px 4px -4px #555, 0 1px 0 #ccc inset, 0 -1px 0 #ccc inset, -1px 0 0 #ccc inset;
}
tr.myDragClass td 
{
	/*position: fixed;*/
	color: yellow;
	text-shadow: 0 0 10px black, 0 0 10px black, 0 0 8px black, 0 0 6px black, 0 0 6px black;
	background-color: #999;
	-webkit-box-shadow: 0 12px 14px -12px #111 inset, 0 -2px 2px -1px #333 inset;
	-moz-box-shadow: 0 12px 14px -12px #111 inset, 0 -2px 2px -1px #333 inset;
	-box-shadow: 0 12px 14px -12px #111 inset, 0 -2px 2px -1px #333 inset;
}
tr.myDragClass td:first-child 
{
	-webkit-box-shadow: 0 12px 14px -12px #111 inset, 12px 0 14px -12px #111 inset, 0 -2px 2px -1px #333 inset;
	-moz-box-shadow: 0 12px 14px -12px #111 inset, 12px 0 14px -12px #111 inset, 0 -2px 2px -1px #333 inset;
	-box-shadow: 0 12px 14px -12px #111 inset, 12px 0 14px -12px #111 inset, 0 -2px 2px -1px #333 inset;
}
tr.myDragClass td:last-child 
{
	-webkit-box-shadow: 0 12px 14px -12px #111 inset, -12px 0 14px -12px #111 inset, 0 -2px 2px -1px #333 inset;
	-moz-box-shadow: 0 12px 14px -12px #111 inset, -12px 0 14px -12px #111 inset, 0 -2px 2px -1px #333 inset;
	-box-shadow: 0 12px 14px -12px #111 inset, -12px 0 14px -12px #111 inset, 0 -2px 2px -1px #333 inset;
}

#table-2 
{
	margin: 0 0 1em 0; padding: 0
}
.settings_project_type_color1
{
	background-color: #0B3861;
	color: white;
	padding-bottom: 1px;
	border-radius: 3px;
}
.settings_project_type_color2
{
	background-color: #DF0101;
	color: white;
	padding-bottom: 1px;
	border-radius: 3px;
}
.settings_project_type_color3
{
	background-color: #088A29;
	color: white;
	padding-bottom: 1px;
	border-radius: 3px;
}
.settings_project_type_color4
{
	background-color: #FFFF00;
	color: black;
	padding-bottom: 1px;
	border-radius: 3px;
}
.settings_project_type_color5
{
	background-color: #FF8000;
	color: white;
	padding-bottom: 1px;
	border-radius: 3px;
}
.settings_project_type_color6
{
	background-color: #6E6E6E;
	color: white;
	padding-bottom: 1px;
	border-radius: 3px;
}
.settings_project_type_color7
{
	background-color: #FF00FF;
	color: white;
	padding-bottom: 1px;
	border-radius: 3px;
}
.settings_project_type_color8
{
	background-color: #00BFFF;
	color: black;
	padding-bottom: 1px;
	border-radius: 3px;
}
.settings_project_type_color9
{
	background-color: #A5DF00;
	color: black;
	padding-bottom: 1px;
	border-radius: 3px;
}
.settings_project_type_color10
{
	background-color: #FFFFFF;
	color: black;
	padding-bottom: 1px;
	border-radius: 3px;
}
.settings_tag_blue_color
{
	background-color: #0000FF;
	color: white;
	padding-bottom: 1px;
	border-radius: 3px;
} 
.label_dropdown
{ 
	margin: 0;
	padding: 0;
	height:0px;
	position:relative;
	top: -7px;
	right:0px;
	width: 100%;
}
.label_dropdown ul
{ 
	top: 5px;
	padding:0px;
	z-index: 1000;
	position: absolute;
	display: none;
	border: 1px solid grey;
	background-color:rgba(231, 231, 231, 1);
	margin-left: 0px;
	width:100px;
	text-decoration: none;
}
.label_dropdown div
{ 
	background-repeat: no-repeat;
	background-size: 12px auto;
	width: 100px;
	height: 18px;
	cursor:pointer;
	background-position: center center;
}
.label_dropdown div.active + ul
{ 
	display: block;
}
.label_dropdown ul:hover 
{ 
	display: block;	
}

.label_dropdown ul li
{
	text-decoration: none;
	float: left;
	display: inline-table;
	background: #ffffff;
	cursor: pointer;
	background-color:rgba(231, 231, 231, 1);
	padding:0px 0px;
	width:100%;
	font-weight: normal !important;
}
.label_dropdown ul li nobr
{
  float: left;
	padding-left: 5px;
}
.label_dropdown ul li label
{
	padding:0px 5px;
	cursor: pointer;
}
.label_dropdown ul li:hover
{ 
	background: #ccc
}

/* bpmain */
.disable
{
	background:#d3d3d3;
	color:#444444;
	font-size:8pt;
	font-family:'Open Sans', Verdana, Arial, Helvetica;
	text-decoration:none;
	border:1px solid;
	border-top-color:#666;
	border-left-color:#666;
	border-right-color:#666;
	border-bottom-color:#666;
}

.disabledElement
{
	background:rgb(235, 235, 228);
	color:rgb(84, 84, 84);
	text-decoration:none;
	opacity: 0.9;
	border-width: 1px;
	border-style: solid;
	border-color: grey;
	border-image: initial;
}

.clickable{cursor:pointer;}

.unclickable{cursor:default;}
/* bpmain */

textarea:focus, input[type="text"]:focus{
    outline: 0;
}

/* _tab_start */
table
{
	font-family:'Open Sans';
	font-size:11pt;
}
.div_start_header_title
{
	line-height: 24px;
}

.table_list_assistant
{
	background-color: transparent;
	color:#678C30;
}

._tab_div_start_description li
{
	margin-left:-35px;
}

#_tab_div_start_account_status
{
	width: 1316px;
}
.table_account_status td
{
	width: 240px;	
    font-family:'Open Sans';
    font-size: 12px;
}
.table_account_status_item th
{
	font-family:'Open Sans';
	height: 20%;
	text-align: left;
}
.table_account_status_item table
{
	color : white;
	padding: 5px;
}

.table_account_status_item td
{
	line-height: 50px;
}
.table_account_status_item .bigcell
{
	border: none;
	vertical-align: text-bottom;
	height: 90%;
	font-size: 30pt;
	width: 10%;
	text-align: right;
	font-weight: bolder;
}
.table_account_status_item .smallcell
{
	font-size: 14pt;
	text-align: left;
	width: 90%;
	font-weight: bolder;
}
.smallcell label {
    line-height: 0;
}
.table_account_status_item
{
	background: #678C30;
}
.table_account_status_item.problem
{
	background: red;
}
.table_account_status_item.revision
{
	background: orange;
}
.table_account_status .account_status_pie_chart_row
{
	display: none;
}
.table_account_status .account_status_pie_chart.problem
{
	color: red;
}
.table_account_status .account_status_pie_chart.revision
{
	color: orange;
}


/* _tab_start */

.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: rgba(231, 231, 231, 1);
	min-width: 100px;
	padding: 0px 5px;
	font-weight: normal !important;
	border: 1px solid gray;
	z-index: 1;
}
.dropdown:hover .dropdown-content {
	display: block;
}
.mouseover_type
{
	border-style: solid;
	border-width: 1px;
	border-color: #56A5EC;
}
.mouseout_type
{
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
}
/* _tab_person */
.superuser_row
{
	color:red;
	background:#FF0000;
	font-family:'Open Sans';
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
}
/* _tab_person */
#navi
{
margin: 0;
padding: 0
}

#navi li
{
	float: left;
	list-style: none;
}

#navi li a
{
	color:blue;
}

#navi li ul li
{
	float: none;
	display: block;
	background: #ffffff;
	cursor: default;
}

#navi li ul a
{
	color: #0033cc;
	text-decoration: none;
	font-size:12px;
}

#navi li ul li:hover
{	
	background: #ccc
}
.selected_row
{
	color:#333333;
	background:#56A5EC;
	font-family:'Open Sans';
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
/*start css for fibercloud_cockpit*/
#fibercloud_cockpit
{
	width:1316px;
	min-width: 1316px;
	max-width: 1316px;
	height:517px;
}
/*
#fibercloud_cockpit > table
{
	height:100%;
}
*/
#fibercloud_cockpit table
{
	width:100%;
	font-family:'Open Sans';
}
#fibercloud_cockpit .div_content
{
	height:100%;
	display: inline-flex;
}
#fibercloud_cockpit .columnpart
{
	width: 435px;
	min-width: 435px;
	max-width: 435px;
}
#fibercloud_cockpit .part_hidden
{
	display: none !important;
}
.fibercloud_cockpit_part {
	width:100%;
	height:100%;
}
.fibercloud_cockpit_part .tab_title
{
	color:blue;
	cursor: pointer;
}
.fibercloud_cockpit_part .tab_title[problem]
{
	color:red;
	cursor: pointer;
}
.fibercloud_cockpit_part .tabselected
{
	color:blue;
	border-bottom: 2px solid blue;
}
.fibercloud_cockpit_part .tabselected[problem]
{
	color:red;
	border-bottom: 2px solid red;
}
.part_title
{
	font-weight: bold;
	font-size: 10pt;
	line-height: 24px;
	white-space: normal;
	color: #678C30;
}
.part_tab_title
{
	line-height: 24px;
	white-space: normal;
}
.part_filter
{
	line-height: 20px;
	white-space: normal;
	text-align: right;
	max-height: 20px;
}
.part_content
{
	overflow:auto;
	width:100%;
	height:403px;
}
.fibercloud_cockpit_part .tab_content .row_item {
	line-height: 24px;
	/*background: #fff;*/
}
.fibercloud_cockpit_part .tab_content .row_item  > td {
	padding: 4px;
}

.div_row_item
{
	height: 64px;
	padding: 0px 4px 1px 4px;
}
.div_row_item:hover
{
    background: #AECF00;
}
.fibercloud_cockpit_part .row2nd
{
	line-height: 40px;
	width: 82%;
	float: left;
}

.fibercloud_cockpit_part .row2nd2
{
	line-height: 40px;
	width: 90%;
	float: left;
}

.fibercloud_cockpit_part .color-name
{
	border-radius: 10%;
	width: 32px;
	height: 32px;
	text-align: center;
	vertical-align: middle;
	float: left;
	margin-left: 5px;
}
.fibercloud_cockpit_part .color-name label
{
	line-height: 11px;
	margin-top: 10px;
	display: inline-block;
	font-weight:bold;
	font-size: 11pt;
}
.fibercloud_cockpit_part .div_item_processno
{
	padding-left:3px;
	white-space: nowrap;
	display: inline;
	line-height: 24px;
}
.fibercloud_cockpit_part .div_item_title
{
	padding-left:3px;
	white-space: nowrap;
	font-weight: 700;
	font-size: 12px;
	font-family:'Open Sans';
}
.fibercloud_cockpit_part .div_item_title_normal
{
	padding-left:3px;
	white-space: nowrap;
	font-size: 12px;
	font-family:'Open Sans';
}
.fibercloud_cockpit_part .div_item_processno > label
{
	color:blue;
	cursor: pointer;
	line-height: 16px;
	vertical-align: middle;
}

.fibercloud_cockpit_part .div_item_projecttype
{
	width: min-content;
    line-height: 16px;
    cursor: pointer;
}
.fibercloud_cockpit_part .div_item_projecttype label
{
	padding: 3px;
	font-weight: 700;
	font-size: 10.5px;
	font-family:'Open Sans';
	white-space: nowrap;
    cursor: pointer;
}

.fibercloud_cockpit_part .div_item_sn
{
	/*width: min-content; */
	width: 100%;
    line-height: 16px;
	/*cursor: pointer;*/
}
.fibercloud_cockpit_part .div_item_sn label
{
	padding: 3px;
	font-size: 10.5px;
	font-family:'Open Sans';
	white-space: nowrap;
	
}

.div_process_document{
	width: 32px;
	height: 32px;
	float: right;
}
.div_process_document img{
	cursor: pointer;
	opacity: 1;
}
.div_process_document.no_document img{
	cursor: default;
	opacity: 0.2;
}
.fibercloud_cockpit_part .imgpreload {
	margin-top: 11%;
	margin-left: 14%;
	left: inherit;
	top: inherit;
	bottom: inherit;
	right: inherit;
}
.fibercloud_cockpit_part .div_item_datetime{
	float: right;
}
.fibercloud_cockpit_part .img_process_status{
	height:16px;
	width:16px;
	vertical-align: middle;
	border: 0px;
}
.color-name.person_filter{
	cursor: pointer;
}
.color-name.person_filter label{
	cursor: pointer;
}
img.img_relate_process{
	cursor: pointer;
	border: 0px;
	width: 16px;
	height: 16px;
	vertical-align: middle;	
	margin-left: 4px;
}
.fibercloud_cockpit_splitter
{
	background: #AECF00 !important;
	height: 2px !important;
	bottom: -7px !important;
	margin-top: 7px;
	width:33%;
	z-index: 777 !important;
}
/*end css for fibercloud_cockpit*/
#_tab_div_start
{
	width:100%;
}

#_tab_div_start .main_list
{
	margin-top:10px;
	margin-left:-20px;
	width:100%;
	line-height: 80px;
}

#_tab_div_start .main_list_item
{
	cursor:default;
	display: inline-block;
	margin-top:8px;
	margin-right:5px;
	width:24%;
	min-width : 300px;
	height:120px;
}

#_tab_div_start .main_list_item_table
{
	cursor:pointer;
	border:0px;
	border-radius:10px;
}
#_tab_div_start .main_list_item_table:hover
{
	background-color: #678C30;
	color:white;
}
.separate_space_line{
	line-height: 0px;
}
.row_item_separator td
{
	padding: 3px 10px 3px 10px !important;
}
.row_item_separator div
{
	height: 1px;
	max-height: 1px;
	border-bottom: 1px solid #AECF00;
}
/*div_button: button-like div*/
.unselectable 
{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/*div_button: button-like div*/
.div_button
{
	display: inline-block;
	padding: 3px 5px 3px 5px;
	background: #e8e8e8;
	border: 1px #aaa solid;
	font-weight: bold;
	background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5);
	background-image: -moz-linear-gradient(top, #f0f0f0, #e5e5e5);
	background-image: -ms-linear-gradient(top, #f0f0f0, #e5e5e5);
	background-image: -o-linear-gradient(top, #f0f0f0, #e5e5e5);
	background-image: linear-gradient(to bottom, #f0f0f0, #e5e5e5);
}
.div_button:hover {
	border: 1px #888 solid;
}
.div_button * {
	cursor: default !important;
}
/*div_button: button-like div*/

.image_default_size{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	object-fit: contain;
}
.image_fit_container{
	width: 100%;
	height: 100%;
}
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}
[type~="button"]{
  background-color: #678C30;
  border: none;
  color: white;
  padding: 3px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}
[type~="button"]:hover{
	background-color: #689934;
}
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
/*  width: 100px;*/
  max-width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 9999;
  bottom: 145%;
  left: 50%;
  margin-left: -50px;
  opacity: 0;
  transition: opacity 0.3s;
  font-family:'Open Sans';
  white-space: break-spaces;
}

.tooltip .tooltiptext::after {
  content: "";
  /*position: absolute;*/
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tooltip .tooltiptext_logcode {
    visibility: hidden;
      width: max-content;
    max-width: 420px;
    background-color: #555;
    color: #fff;
    /*text-align: center;*/
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 9999;
    top: 145%;
    left: 50%;
    margin-left: -50px;
    opacity: 0;
    transition: opacity 0.3s;
    font-family:'Open Sans';
    white-space: break-spaces;
}

.tooltip .tooltiptext_logcode::after {
    content: "";
    /*position: absolute;*/
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext_logcode {
    visibility: visible;
    opacity: 1;
}

.tooltip-bottom {
    top: 120%;
    left: 10%;
}
.tooltip .tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.btn_right_tab{
	margin-right: 1px;
	margin-bottom: 1px;
}
.box {
/*  position: absolute;*/
}
.box select {
  /*background-color: #678C30;*/
  color: #678C30;
  border: none;
  font-size: 9pt;
  height: 20px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  font-family: revert;
  /*-webkit-appearance: button;*/
  appearance: auto;
}

.box::before {
  font-family: 'Open Sans';
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  text-align: center;
  font-size: 40px;
  line-height: 45px;
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
  pointer-events: none;
}

.box:hover::before {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.2);
}

.box select option {
  padding: 30px;
}
.my_produce_overview_font_family{
	font-family: 'Open Sans';
}

/* css input field */

input {
	 border-style: none;
	 background: transparent;
	 outline: none;
}
 
 @keyframes gradient {
	 0% {
		 background-position: 0 0;
	}
	 100% {
		 background-position: 100% 0;
	}
}
 .webclient-style-input {
 /* border-bottom-color:  #678C30;*/
	 position: relative;
	 display: flex;
	 flex-direction: row;
	 width: 100%;
	 /*max-width: 400px;*/
	 /*margin: 0 ;*/
	 border-radius: 2px;
	 background: #ffffff;
   border-bottom: 2px;
   border-color: #678C30;
   height: 25px;
}
 .webclient-style-input:after {
	 content: "";
	 position: absolute;
	 left: 0px;
	 right: 0px;
	 bottom: 0px;
	 z-index: 1;
	 height: 2px;
	 border-bottom-left-radius: 2px;
	 border-bottom-right-radius: 2px;
	 background-position: 0% 0%;
	 background: linear-gradient(to right, #678C30, #689934);
	 background-size: 500% auto;
	 animation: gradient 3s linear infinite;
}
 .webclient-style-input input {
	 flex-grow: 1;
	 color: #678C30;
	 font-size: 0.8rem;
	 vertical-align: middle;
	 /*border: none;*/
}
 .webclient-style-input input::-webkit-input-placeholder {
	 color: #678C30;
}
 .webclient-style-input textarea {
	 flex-grow: 1;
	 color: #678C30;
	 font-size: 0.8rem;
}
.livesearchButton {
	font-size: 1.4rem;
	color: #678C30;
	margin-left: 1.5px;
	cursor:pointer;
}
.sync_tab_process{
  font-size: 2rem;
  color:  #678C30;
  cursor:pointer;
}
/*[type~="text"]{
 border-bottom-width: 2px;
 border-bottom-color: #678C30;
 border-top-width: 0.3;
 border-right-width: 0.3;
 border-left-width: 0.3;
}*/
.blink-border {
    border: 2px #ff0000 solid;
    animation: blink 1s;
    animation-iteration-count: 1;
    position:relative;
    display:none;
    height:60px;
}

@keyframes blink { 50% { border-color:#fff ; }  }
.lable_blink{
  color: blue;cursor: pointer;
}
.blink_bpman_filter{
  position:relative;
  display:none;
  height:60px;
  border:2px #fafafa solid;
}
.blink-border_text {
    border: 2px #ff0000 solid;
    animation: blink 1s;
    animation-iteration-count: 1;
}
/*#top input[type=checkbox]:checked {
  background-color: #678C30 !important;
  color: #ffffff !important;
}*/
/*input[type="checkbox"] {
  background-color: #678C30 !important;
  color: #ffffff !important;
}*/

input[type='checkbox'] {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeSpeed;
  width: 15px;
  height: 15px;
  /*margin: 0;*/
  /*margin-right: 1px;*/
  /*display: block;*/
  /*float: left;*/
  position: relative;
  cursor: pointer;
}

input[type='checkbox']:after {
  content: "";
  vertical-align: middle;
  text-align: center;
  line-height: 15px;
  position: absolute;
  cursor: pointer;
  height: 15px;
  width: 15px;
  /*left: 0;*/
  /*top: 0;*/
  /*border:1px gray solid;*/
  border-radius: 2px;
  font-size: 10px;
}

input[type='checkbox']:checked:after {
  background: #678C30 !important;;
  content: '\2714';
  color: #fff !important;;
}
input[type="radio"]:checked:before {
    content: "";
    display: block;
    position: relative;
    top: 3px;
    left: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #678C30 !important;;
}
.route_des_comment{
  font-size: 8pt;
  font-family: 'Open Sans';
}
.background_color_header{
   background: #678C30;
}
textarea {
   font-family: 'Open Sans';
}
td.font_size_small_queue_report{
  font-size: 11px;
}
.size_td_icon{
  width: 25px;
  min-width: 25px;
}
.background_start_tab{
   background: #678C30;
}
.icon_start_tab{
   border-radius: 4px;
}
.stand2_over_view
{color:white;
font-family:'Open Sans';
font-size:11pt;
text-decoration:none;
/* vertical-align:top; */ /*undo to show default table vertical align is middle AnhNH 160704*/
}
div.box-my-produce:hover{
  cursor: pointer;
  background-color: rgba(0,0,0,0.4) !important;
}
div.box-my-produce{
 margin-top: auto;margin-bottom: auto;
 background-color: rgba(0,0,0,0.5) !important;
 border-radius: 5px
}
label.link-dashboard{
  font-size:15px;
  white-space:nowrap;
  cursor: pointer;
  color: #678C30;
}
label.link-dashboard:hover{
   text-decoration: underline;
}
.status_link_selected{
  background-color: #ffffa8 !important;
}
.td_summary_table_gray{
  background-color: #C7C7CC;
}
.lbl_queue_report_inport_universal{
	font-size: 10pt;
}
.lbl_information_queue_report_inport_universal{
	font-size: 10pt;
}
.lbl_statistic_table_total_count{
    font-size:11pt;
    font-weight:bold;
}
.progress {
    width: 100%;
    background-color: #e0e0e0;
    border-radius: 3px;
    overflow: hidden;
}
.progress-bar {
    height: 10px;
    transition: width 0.5s;
	background-color: #337ab7;
}
.progress-bar-danger {
	background-color: #d9534f;
}
.progress-bar-warning {
	background-color: #f0ad4e;
}
.progress-bar-info {
	background-color: #5bc0de;
}
.progress-bar-success {
	background-color: #5cb85c;
}
.password-recommendation-person ul {
	padding-left: 20px;
}

/*  LangDC 241021 FCD-2671
	Modal change password */
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 9998;
}
.modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
	width: 400px;
	background-color: white;
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	z-index: 9999;
}

.modal-content {
	padding: 20px;
}
.modal-header, .modal-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.modal-header h5 {
	margin: 0;
}
.modal-body {
	margin: 20px 0;
}
.modal-body label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}
.modal-body input[type="password"] {
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.btn {
	padding: 10px 20px;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	transition: background-color 0.3s;
}
.btn-change {
	background-color: #678C30;
	color: white;
}
#btn_change_pw:disabled,
.btn-change:disabled {
	background-color: #9fb379;
	cursor: not-allowed;
}
.btn-close-modal {
	background-color: #6c757d;
	color: white;
}

.btn-close-modal:hover {
	background-color: #5a6268;
}
.close-modal {
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 20px;
	cursor: pointer;
}
/* Modal Confirm */
#modalConfirm {
	display: none;
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.modal-confirm-content {
	background-color: #fff;
	padding: 20px;
	border: 1px solid #888;
	width: 400px;
	text-align: center;
	border-radius: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.modal-confirm-title {
	margin: 0;
	font-weight: bold;
	color: #fa7000;
}
.btn-confirm {
	background-color: #fa7000;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
    font-size: 16px;
    width: 100%;
    margin-top: 12px;
}
.close-modal-confirm {
	color: #aaa;
    font-size: 28px;
    cursor: pointer;
    position: absolute;
	right: 10px;
    top: 0px;
}
.close-modal-confirm:hover, .close-modal-confirm:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
#btn_change_pw {
	margin-right: 12px;
}
#btn_cancel_pw {
	background-color: #6c757d;
	color: white;
}
#btn_cancel_pw:hover {
	background-color: #5a6268;
}
#btn_change_pw,
#btn_cancel_pw {
	padding: 4px 7px;
	border-radius: 4px;
}
.selected_row_background_red{
    background-color: lightcoral !important;
}
#password-progress {
	height: auto;
}
.password-score, .password-recommendation {
	font-size: 9.5pt;
	font-family: 'Open Sans', Verdana, Arial, Helvetica;
}
.justify_space_between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#tab_interface_basic_settings {
	line-height: unset;
	padding: 3px 8px;
}
/* LangDC extend alert */
.alert-content {
	display: none;
	position: fixed;
	top: -100px;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	padding: 15px 20px;
	border: 1px solid #d5d5d5;
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	width: 300px;
	max-width: 90%;
	font-family: Arial, sans-serif;
	font-size: 13px;
	z-index: 1000;
	opacity: 0;
}
.alert-message {
	margin-bottom: 15px;
	word-wrap: break-word;
}
.alert-button {
	text-align: right;
}
.alert-button button {
	background: #6c8b32;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
	padding: 5px 15px;
	cursor: pointer;
	color: #fff;
}
.alert-button button:hover {
	background: #689934;
}
.custom-tooltip {
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 9999;
    white-space: normal;
    width: 200px;
}
input[type='radio'] {
    cursor: pointer;
}
/* LangDC 250721 FCD-3520 */
.zebra-striped tbody tr:nth-child(odd) {
    background-color: white;
}
.zebra-striped tbody tr:nth-child(even) {
    background-color: #f0f0f0;
}
#_dashboard_dialog_errors_log tbody td.tab{
	background: none;
	vertical-align:top;
}
/* LangDC 250722 FCD-3528 */
.filter-panel {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: end;
	padding-bottom: 5px;
}
.filter-panel .input {
	width: 52px;
	height: 22px;
	padding: 3px 6px;
	outline: none;
	color: #678C30;
	border-radius: 2px;
	background: #fff;
	border-bottom: 2px solid #678C30;
	margin: 0 3px;
	/* box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); */
}
.filter-panel input[type="radio"] {
	margin-top: 0;
}
.filter-panel.box select{
	margin: 0 5px;
	cursor: pointer;
}
.filter-panel label {
	cursor: pointer;
}
.td_error_code_filter,
.td_error_code_filter label,
#filterOperator {
	cursor: pointer;
}
svg g g g {
	cursor: pointer !important;
}
.color_black {
	color: #333 !important;
}
.filter_chart_loss_histogram {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.filter_chart_loss_histogram .field_row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.filter_chart_loss_histogram .field_row span {
  min-width: 130px;
}
.filter_chart_loss_histogram .input-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
}
.filter_chart_loss_histogram .unit {
  white-space: nowrap;
}
/* LangDC 250823 FCD-3592 */
#mapViewRouteTab { 
	position: relative;
	width: 60vw; 
	height: 70vh;
}
.overlay {
	position: fixed;      
	top: 0;
	left: 0;
	width: 100%;          
	height: 100%;          
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;          
	display: none;         
}
.popup-window {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* width: 400px; */
	background: white;
	box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3);
	z-index: 1002;
	display: none;
	flex-direction: column;
	overflow: hidden;
}
.popup-header {
	background: #678C30;
	color: white;
	padding: 5px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.popup-content {
	padding: 10px;
}
.popup-row {
	margin-bottom: 10px;
	display: flex;
}
.popup-label {
	font-weight: bold;
	width: 120px;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.popup-value {
	flex: 1;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.close-btn {
	background: none;
	border: none;
	color: white;
	font-size: 24px;
	cursor: pointer;
}
@media (max-width: 992px) {
	.popup-window {
		width: 90%;
	}
}
#popupTitle {
	margin: 0;
}
#closePopupDetails {
	line-height: 15px;
}
.color-bar {
	display: flex;
	height: 30px;
	width: 100%;
	margin-top: 10px;
}
.color-segment {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}
.radio-group {
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#mapLoader {
	width: 100%;
	height: 100%;
	z-index: 9999;
}
.custom-spinner {
	font-size: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	width: 1em;
	height: 1em;
	z-index: 9999;
}
.spinner.center {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.custom-spinner .spinner-blade {
	position: absolute;
	left: 0.4629em;
	bottom: 0;
	width: 0.074em;
	height: 0.2777em;
	border-radius: 0.0555em;
	background-color: transparent;
	-webkit-transform-origin: center -0.2222em;
	-ms-transform-origin: center -0.2222em;
	transform-origin: center -0.2222em;
	animation: spinner-fade9234 1s infinite linear;
}
.custom-spinner .spinner-blade:nth-child(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.custom-spinner .spinner-blade:nth-child(2) {
	-webkit-animation-delay: 0.083s;
	animation-delay: 0.083s;
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}
.custom-spinner .spinner-blade:nth-child(3) {
	-webkit-animation-delay: 0.166s;
	animation-delay: 0.166s;
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}
.custom-spinner .spinner-blade:nth-child(4) {
	-webkit-animation-delay: 0.249s;
	animation-delay: 0.249s;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.custom-spinner .spinner-blade:nth-child(5) {
	-webkit-animation-delay: 0.332s;
	animation-delay: 0.332s;
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}
.custom-spinner .spinner-blade:nth-child(6) {
	-webkit-animation-delay: 0.415s;
	animation-delay: 0.415s;
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}

.custom-spinner .spinner-blade:nth-child(7) {
	-webkit-animation-delay: 0.498s;
	animation-delay: 0.498s;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.custom-spinner .spinner-blade:nth-child(8) {
	-webkit-animation-delay: 0.581s;
	animation-delay: 0.581s;
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}
.custom-spinner .spinner-blade:nth-child(9) {
	-webkit-animation-delay: 0.664s;
	animation-delay: 0.664s;
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}
.custom-spinner .spinner-blade:nth-child(10) {
	-webkit-animation-delay: 0.747s;
	animation-delay: 0.747s;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}
.custom-spinner .spinner-blade:nth-child(11) {
	-webkit-animation-delay: 0.83s;
	animation-delay: 0.83s;
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}
.custom-spinner .spinner-blade:nth-child(12) {
	-webkit-animation-delay: 0.913s;
	animation-delay: 0.913s;
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}
@keyframes spinner-fade9234 {
	0% {
		background-color: #69717d;
	}
	100% {
		background-color: transparent;
	}
}
/* LangDC 250908 FCD-3606 */
.tooltip-popup {
	position: absolute;
	background: #fff;
	border: 1px solid #ccc;
	box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
	display: none;
	z-index: 9999;
}
.tooltip-popup button {
	display: block;
	width: 100%;
	margin: 4px 0;
	padding: 6px 10px;
	cursor: pointer;
	text-align: left;
}
.tooltip-footer {
	margin-top: 2px;
	padding: 8px;
	font-size: 13px;
	border-top: 1px solid #ccc; 
}
.tooltip-footer a {
	color: blue;
	cursor: pointer;
	text-decoration: none;
}
/* LangDC 250911 FCD-3608 */
.custom-dialog {
	display: none;
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.4);
	z-index: 9999;
	font-family: sans-serif;
}
.custom-dialog-content {
	background: #fff;
	width: max-content;
	max-width: 50vw;
	box-shadow: 0 2px 8px rgba(0,0,0,0.3);
	overflow: hidden;
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%); 
}
.custom-dialog-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	/* background: #678C30;
	color: #fff; */
	padding: 7px 15px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}
.custom-dialog-close {
	background: transparent;
	border: none;
	/* color: #fff; */
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}
.custom-dialog-body {
	padding: 10px 15px;
	font-size: 10pt;
}
.custom-dialog-buttons {
	padding: 10px;
	text-align: center;
	border-top: 1px solid #ddd;
}
.custom-dialog-buttons button {
	margin: 0 2px;
	padding: 6px 12px;
	border: none;
	cursor: pointer;
}
#btn_rev0 { background: #678C30; color: white; }
#btn_all { background: #678C30; color: white; }
#btn_cancel { background: #678C30; color: white; }

.div_item_process_route {
	width:auto;
	display:block;
	position:relative;
	background:#eee;
}
.item_process_route {
	height:34px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:flex-start;						
	padding:5px 10px;
	background:#678C30;
	margin-bottom: 1px;
	color: white;						
	cursor:pointer;
}
.tooltip-footer:hover {
	background: #ddd;
}
/* LangDC 250911 Custom tooltip */
.customTooltip {
  position: relative;
  display: inline-block;
}
.customTooltip .customTooltipText {
  visibility: hidden;
  width: max-content;
  max-width: 250px;
  background-color: #333;
  color: #fff;
  text-align: left;
  font-size: 13px;
  padding: 6px 10px;
  border-radius: 6px;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.3);
  position: absolute;
  z-index: 1000;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
}
.customTooltip .customTooltipText::after {
  content: "";
  position: absolute;
  top: 100%; 
  left: 50%;
  margin-left: -5px;
  border-width: 6px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
.customTooltip:hover .customTooltipText {
  visibility: visible;
  opacity: 1;
}
/* LangDC 250912 FCD-3553*/
.dialog-overlay {
	display: none;
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 999;
}
.tabRouteDialogBox {
	background: #fff;
	width: 400px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
}
.tabRouteDialogHeader {
	background: #678C30;
	padding: 10px;
	font-weight: bold;
	position: relative;
	color: #fff;
	font-size: 16px;
}
.tabRouteDialogHeader span.tabRouteDialogCloseBtn {
	position: absolute;
	right: 10px;
	top: 5px;
	font-weight: bold;
	background: transparent;
	border: none;
	font-size: 20px;
	cursor: pointer;
}
.tabRouteDialogBody {
	padding: 15px 10px;
	font-size: 14px;
	color: #333;
}
.tabRouteDialogFooter {
	padding: 10px;
	text-align: right;
	border-top: 1px solid #ddd;
}
.tabRouteDialogFooter button {
	padding: 6px 12px;
	margin-left: 10px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}
.tabRouteDialogFooter button.tabRouteDialogOkBtn {
	background: #678C30;
	color: #fff;
}
.tabRouteDialogFooter button.tabRouteDialogCancelBtn {
	background: #e5e5e5;
	color: #333;
}
i.actionIconViewfilterProfile {
	font-size: 15px;
    margin: 0 3px;
	color: #678C30;
	transition: color 0.2s, text-shadow 0.2s;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	cursor: pointer;
}
i.actionIconViewfilterProfile:hover {
    color: #4a6622;
}
.divCreateNewProfile {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}
.divCreateNewProfile label {
    margin-right: 2px;
    white-space: nowrap;
    margin-left: 4px;
}
.nav-btn-pdf-viewer {
	background-color: #678C30;
	color: white;
	padding: 8px 18px;
	margin: 0 5px;
	border: none;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	transition: all 0.3s ease;
}
.nav-btn-pdf-viewer:hover:not(:disabled) {
	background-color: #678C30;
	transform: scale(1.05);
}
.nav-btn-pdf-viewer:disabled {
	background-color: #ccc;
	color: #666;
	cursor: not-allowed;
	transform: none;
}
.span_project_type_box {
	display: block; 
	width: max-content;
	padding: 4px 8px;
	margin: 3px;
	cursor: pointer;
}
.span_project_type_box.active {
    border: 2px dashed #fff;
    box-shadow: 0 0 8px #1565C0;
    font-weight: bold;
}
.imgpreload_fixed{
    position:fixed;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    margin:auto;
    z-index:100;
    display:none;
    width:45px;
    height:45px;
}


.bg_categories_action {
	background-color: #678C30;
}
.color_categories_action {
	color: #678C30;
}
.border_categories_action {
	border: 1px solid #678C30;
}