/*-------------------------------------*/
body
{background:#ffffff;
color:#555d66;
font-size:8pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin:0px;
}

/*-------------------------------------*/
a
{color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;}

a:active
{color:#000000;}

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:Verdana, Arial, Helvetica, sans-serif;
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:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;}

.tableheader
{color:#333333;
/*background:#ccddff;*/
background:#e5e5e5;
font-family:Verdana, Arial, Helvetica, sans-serif;
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:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;}

.tableheader a:hover
{color:#333333;
background:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
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:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
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:Verdana, Arial, Helvetica, sans-serif;
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:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;}

th.tab
{color:#333333;
/*background:#e5e5e5;*/
background:#f5f5f5;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
}

td.tab_completed
{color:#333333;
background:#ffc79a;
font-family:Verdana, Arial, Helvetica, sans-serif;
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:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
text-decoration:none;}

.kwt
{color:#333333;
background:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;}

.stand
{color:#333333;
background:#fafafa;
font-family:Verdana, Arial, Helvetica, sans-serif;
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:Verdana, Arial, Helvetica, sans-serif;
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:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;}

.formhead
{color:#333333;
background:#D4D6DB;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;}

.welcome
{color:#000000;
/*background:#ccddff;*/
background:#e5e5e5;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;}

.user
{color:#000000;
/*background:#ccddff;*/
background:#e5e5e5;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;}

.heute
{color:#333333;
background:#aaffcc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;}

.feiertag
{color:#333333;
background:#18c9f4;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;}

.outer
{color:#333333;
background:#d8d9e4;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:none;}

.addapp
{color:#222222;
background:#1aa1aa;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;}

.wochenende
{color:#333333;
background:#d5d5e0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;}

.forumgroup
{color:#333333;
background:#efeff2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:bold;}

/*-------------------------------------*/
.form
{color:#000000; 
background:#ffffff;
font-size:8pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:200px;
height:20px;}

.formtextarea
{color:#000000; 
background:#ffffff;
font-size:8pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:200px;
height:40px;}

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

{
font-size:8pt;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

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

.selectinh
{background:#c8c9d4;
color:#333333;
font-size:8pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:136px;
height:20px;}

.available
{background:#efeff2;
 color:#333333;
 font-size:8pt;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 width:200px;
 height:90px;}

.select
/*{background:#ffffcc; */
{background:#ffffff;
 color:#444444;
 font-size:9pt;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 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:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
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:none;
}
.tab_bpman > input[type=radio] {
  display: none;   
}
.contentcss_bpman_parent{
  position: absolute;
  top: 30px;
  left: 0;
  background: #FFC;
  right: 0;
  bottom: 5;
  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:rgba(231, 231, 231, 1);
	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;
}
.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;
	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:11px;
	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:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	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;
}
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:Verdana, Arial, Helvetica, sans-serif;
	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:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;
	text-decoration:none;
	height:30px;
	cursor:pointer;
	padding:0px 5px 5px 5px;
	margin: 1px;
}

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

.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:Verdana, Arial, Helvetica, sans-serif;
	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:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
.table_account_status_item th
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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:#333333;
	background:#FF0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	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
{	
	box-shadow: 4px 4px 3px #666;
	-webkit-box-shadow: 4px 4px 3px #666;
	-moz-box-shadow: 4px 4px 3px #666;
	margin: 2;
	padding: 2;
	z-index: 1000;
	position: absolute;
	display: none;
	border: 2px solid white
}

#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:Verdana, Arial, Helvetica, sans-serif;
	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:Verdana, Arial, Helvetica, sans-serif;
}
#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:Verdana, Arial, Helvetica, sans-serif;
}
.fibercloud_cockpit_part .div_item_title_normal
{
	padding-left:3px;
	white-space: nowrap;
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.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:Verdana, Arial, Helvetica, sans-serif;
	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:Verdana, Arial, Helvetica, sans-serif;
	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%;
	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%;
}