* {
  margin: 0;
  padding: 0px;
	font-family:arial;
}

h2{
	margin:10px;	
}

h3
{
	margin:10px;
}

.Title_Bar
{
  //background-color:#dddddd;
  color:#FFFFFF;
  text-align: center;
  font-size:400%;
  font-weight:bold;
  width:calc(100vw - 7px);
  height:150px;
  margin-top:0 auto;
  margin:-8px;
  padding-left:15px;
  table-layout:fixed;
  padding-bottom: 20px;
}

.Title_Bar img
{
	padding: 10px; 
  	height: 100px;
 	display: block;
  	margin-left: auto;
  	margin-right: auto;
}

.Title_Bar div
{
	padding-top:0px;
	margin-left: auto;
  margin-right: auto;
}

.table_std
{
	padding:10px;
	width:30%;
	height:25%;
	margin: auto;
}

.table_std img
{
	vertical-align:middle;
	height:30px;
}

.table_std img:hover
{
	filter:invert(50%);
  	cursor:pointer;
}

.table_std label
{
	margin:10px;
	font-weight:bold;
	max-width:25%;
	min-width:25%;
	display:inline-block
}

.table_std select, .table_std input[type=password],.table_std input
{
	margin:10px;
	max-width:50%;
	min-width:50%;
	border-radius: 5px;
	padding:2px;
	display: inline-block;	
	width:300px;
}

.table_std input[type=submit]
{
	width:100px;
	text-align:center;
}

.table_std select:hover, .table_std input:hover
{
	border-color:#a0a0a0;	
}

.Button, .tab div button, .dialog button, .dialogMed button, .tab dialog button
{
	background-color:#1e3a8a;
}

.Button, .tab div.db_ctl button, .db_ctl button, .diaFull button, .db_ctl_list button,.tab div button, .dialog button, .dialogMed button, .tab dialog button
{
	width: 80px;
	height:25px;
	margin: 5px;
	font-weight:Bold;
	border-radius:5px;
	border-style:none;	
	color:#ffffff;
}

.buttonWide
{width: 160px;}

.db_ctl button, .tab div.db_ctl button, .db_ctl_list button, .tab div.db_ctl_list button
{
		background-color:#12b40e;
}

.Button:hover , .diaFull button:hover, .dialog button:hover, .dialogMed button:hover
{
	background-color:#4e6aba;
}

.db_ctl button:hover, .db_ctl_list button:hover
{
	background-color:#80ff80;
}

.tab div.db_ctl button:disabled, .db_ctl button:disabled, .Button:disabled, .tab div.db_ctl_list button:disabled, .db_ctl_list button:disabled,.tab div div button:disabled
{
	background-color:#c0c0c0;
}

.nav_horiz ul ul 
{
  display: none;
  z-index: 100;
  position: sticky;
}

.nav_horiz
{
	font-size:25%;
} 

.nav_horiz ul li:hover > ul 
{
  display: block;
}

.nav_horiz ul {
  border-radius: 2px;  
  list-style: none;
  position: relative;
  display: inline-table;
  font-weight:bold;
  color:#ffffff;
}

.nav_horiz ul li 
{
  border-width:5px;
  borde-style:solid;
  float: left;
  width:200px;
  line-height:40px;
  text-align:center;
  position:relative;
  background:#005cb8;
  padding:0px;
  border-radius: 2px;  
}

.nav_horiz ul li:hover 
{
  background: #505050;
  border-radius: 2px;  
  position: relative;
}
	
.nav_horiz ul li a 
{
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  	cursor:pointer;
}

.nav_horiz ul ul 
{
  border-radius: 2px; 
  position: absolute;
  top: 100%;
  left: 0%;
  padding:0px;
}

.nav_horiz ul ul li
{
  width:280px;
}

.nav_horiz ul ul ul
{
  border-radius: 2px; 
  position: absolute;
  top: 0%;
  left: 100%;
  padding:0px;
}

.nav_horiz ul ul li 
{
  float: none; 
  background: #eeeeee;
  text-align:left;
  padding:0px;
  color: #000000;
  border-color:#000000;
  border-width:1px;
  border-style:solid;
  height:35px;
}

.nav_horiz ul ul li a 
{
  display: block;
  color: #000000;
  background: #eeeeee;
  text-decoration: none;
  height:30px;
  	cursor:pointer;
}

.nav_horiz ul ul li a:hover,.nav_horiz ul ul li:hover 
{
  background: #dddddd;
}

.tab div.db_ctl *, .tab div.db_ctl_list *
{
	margin:2px;
}

.tab div.db_ctl_list textarea{
	width:600px;
}

 .tab div div.multi_list *
 {
 	margin-top:2px;
 	margin-bottom:2px;
 }
 
.tab div.db_ctl, .tab div.db_ctl div,.tab div.db_ctl_list div,
{
	border-style:none;
	height:auto;
	vertical-align: top;
}

.tab td div.db_ctl
{
	max-height:calc(100vh - 350px);
	overflow:auto;
	//border:solid;
	border-width:1px;
} 

.tab td div.db_ctl_short
{
	//border:solid;
	border-width:1px;
}

.tab td
{
	vertical-align: top;
}

.tab div.zeroHeight, .tab div.zeroHeight div,  .db_ctl table
{
	height:auto;
}

.db_ctl_list table
{
	overflow:auto;
	display:inline-block;
	max-width:100%;
}

.db_ctl_list tr:nth-child(1) th.narrow, .db_ctl_list table tr td.narrow, .db_ctl_list table tr td.narrow label, .db_ctl_list table tr td.narrow input
{
	//max-width:140px;
	//min-width:140px;
}

.db_ctl_list tr:nth-child(1) th.medium, .db_ctl_list table tr td.medium, .db_ctl_list table tr td.medium label, .db_ctl_list table tr td.medium input, .db_ctl_list table tr td.medium select
{
	max-width:200px;
	min-width:200px;
}

.db_ctl_list tr:nth-child(1) th.wide, .db_ctl_list table tr td.wide, .db_ctl_list table tr td.wide label, .db_ctl_list table tr td.wide input.db_ctl_list table tr td.wide select
{
	max-width:300px;
	min-width:300px;
}

.db_ctl_list tr:nth-child(1) th.auto, .db_ctl_list table tr td.auto, .db_ctl_list table tr td.auto label, .db_ctl_list table tr td.auto input
{
	max-width:auto;
	min-width:auto;
}

.db_ctl_tall
{
	height:calc(100vh - 340px);
}

.db_ctl_short , .tab td div.db_ctl_short, .tab div div.db_ctl_short
{
	height:calc(100vh - 400px);
}


.db_ctl_list table
{
	height:calc(100% - 40px);
}

.db_ctl_dia table
{
	height:calc(100vh - 180px);
}

.tab div.db_ctl_med, .tab div.db_ctl_tall, .tab div.db_ctl_full
{
	border-style:none;
}

.db_ctl_med table
{
	height:calc(100vh - 410px);
}

.db_ctl
{
	height:calc(100vh - 410px);
}

.db_ctl_full table
{
	height:calc(100vh - 380px);
}

.db_ctl img, .db_ctl_list img
{
	height:20px;
}

input[type=text],input[type=password], select
{
	border-radius:5px;
	padding:2px;
	margin:2px;
	width:200px;
}

.db_ctl select.date, .db_ctl select.year, .report_grid  select.year, .report_grid  select.date, .db_ctl_list select.date, .db_ctl_list select.year
{
	width:60px;
}

.db_ctl select:hover, .db_ctl input:hover, .db_ctl_list select:hover, .db_ctl_list input:hover
{
	border-color:#a0a0a0;	
}

.db_ctl img:hover, .db_ctl_list img:hover
{
	filter:invert(100%);
  	cursor:pointer;
}

.db_ctl th,.db_ctl_list th
{
	text-align:left;
	padding-left:5px;
	padding-right:5px;
}

.db_ctl_list tr:nth-child(1) td:nth-child(1)
{
	min-width:15px;
	z-index:10;
	background-color:#ffffff;
}

.db_ctl_list tr:nth-child(1) th, .dbbudget_report_edit dialog div tr:nth-child(1) th
{
	background-color:#005cb8;
	color:#ffffff;	
	padding:5px;
}

.db_ctl_list tr:nth-child(1) th, .db_ctl_list table tr td
{
	//min-width:250px;
	//max-width:250px;
	padding-left:5px;
	padding-right:5px;
}

.db_ctl button,.db_ctl_list button
{
	width:100px;
	margin:5px;
}

.db_ctl_list table tr:nth-child(1)
{
	position: sticky;
	top:0px;
}

.db_ctl_list table tr:nth-child(1) th img
{
	vertical-align: middle;
	filter:invert(100%);
	height:20px;
	margin-left:5px;
	margin-top:2px;
	margin-bottom:2px;	
}

.db_ctl_list table tr:nth-child(1) th img:hover
{
	filter:invert(50%);
  	cursor:pointer;
}

.db_ctl_list tr:nth-child(1) tr th
{
	width:260px;
	text-align:left;
	position:sticky;
}

.db_ctl_list table tr:nth-child(1) tr td
{
	width:30px;
}

.db_ctl table tbody tr th
{
	width:30px;
	text-align:center;	
}

.tab div.db_ctl div, .tab div.db_ctl_list div
{
	height:50px;
}

.striped table tr:not(:first-child):hover
{
	background-color:#aaaaaa;
}

.budgetDialog {
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.budgetDialog div.dbbudget_selector
{
	padding:5px;
}

.budgetDialog div.dbbudget_selector span{
	width: 120px;
}

.dialog
{
	width:400px;
	max-height:150px;
	overflow:auto;
	top:calc(50vh - 60px);
	left:calc(50% - 200px);
	padding:5px;
}

.dialog div
{
	widht:100%;
	height:24px;
	background-color:#bbbbbb;
}

.dialogMed
{
	width:800px;
	max-height:400px;
	overflow:auto;
	top:calc(50vh - 200px);
	left:calc(50% - 400px);
	padding:5px;
}

.dialogMed input[type=text]
{
	width:320px;
	margin:5px;
}

.dialogMed div
{
	float:left;
	width:50%;
}

.dialogMed textarea
{
	height:290px;
	width:380px;
}

.dialog input
{
	margin:5px;
	border-radius: 5px;
}

.dialog input:hover
{
	border-color:#a0a0a0;	
}

.dialog img
{
	height:20px;
	padding-left:calc(100% - 20px);
	/*background-color:#ffffff;
	-webkit-mask-image: url(images/close.svg);
    mask-image: url(images/close.svg);*/
}

.dialog img:hover
{
	filter:invert(50%);
  	cursor:pointer;
}

* {
    margin: 0;
    padding: 0;
}

.calendar, .tab div.calendar, .tab dialog.calendar, .table_std div.calendar
{
	display: inline-block; 
	position: absolute;
}

.calendar div, .tab span.calendar div, .table_std div.calendar div
{
	position: relative;
	width: 310px;
   	height:auto; 
	border-width: 1px;
	top:24px;
	//left:-10px;
	z-index:20;
}

.table_std span.calendar div
{
	top:32px;
	left:-305px;
	
}
.calendar div div.calHead, .table_std div.calendar div div.calHead
{
	height:30px;
	min-height:20px;
	background-color:#aaaaaa;
	position: relative;
	top:0%;
	left:0%;
	border:solid;
	border-width: 1px;	
}

.calendar div div.calHead select, .table_std div.calendar div div.calHead select
{
	margin:3px;
}

.calendar div div.calHead span, .table_std div.calendar div div.calHead span
{
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    margin: 5px;
    float: left;
   	vertical-align:middle;    
    cursor: pointer;
}
  
.calendar div div.calHead span.left, .table_std div.calendar div div.calHead span.left
{
    border-left-color: transparent;
    border-right-color: #ffffff;
    float: left;
}
.calendar div div.calHead span.right, .table_std div.calendar div div.calHead span.right
{
	border-left-color: #ffffff;
    border-right-color: transparent;
    float: right;
}
  
.calendar div div.calHead select, .table_std div.calendar div div.calHead select
{
 	width:100px;
 	min-width:100px;
}

.calendar div div.calBody, .table_std div.calendar div div.calBody
{
	background-color:#ffffff;
	position: relative;
	top:0px;
	left:0px;
	border:solid;
	border-width: 1px;
}

.calendar div div.calBody ul li, .table_std div.calendar div div.calBody ul li
{
    display: inline-block;
    box-sizing: border-box;
    font-size: 15px;
    width: 40px;
    height: 30px;
    border-radius:50%;
    line-height: 30px;
    text-align: center;
    margin-bottom: 5px;
   	margin-left:0px;
    
}

.calendar li.notCurMonth, .table_std div.calendar li.notCurMonth
{
	color:#888888;
	
}

.calendar li.curMonth, .calendar li.notCurMonth, .calendar li.curDay, .calendar li.today, .table_std div.calendar li.today
{	
	cursor: pointer;
}

.calendar li.today, .table_std div.calendar li.today
{
	background-color: #0000ff;
    color: #ffffff;	
}

.calendar li.curDay, .table_std div.calendar li.curDay
{
	background-color: #ff0000;
    color: #ffffff;
}

ul.body > li:hover
{	
	background-color: #cccccc;
    color: #ffffff;
}

.dialog div.calendar-wrapper
{	
	left:-180px;
	
}

.report_grid div.calendar-wrapper
{	
	left:-300px;
	z-index:20;
}

#demo {
    position: relative;
}

.tab
{
		margin:5px;	
}

.tab button, dialog.dialogStep div.tab button
{
	width:150px;
	background-color:#eeeeee;
	color:#409cf8;
	border-width:1px;
	padding:5px;
	font-weight:bold;
	margin-bottom:-2px;
	margin-right:-0px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	border-style:solid;
	
}

.tab button:hover, .dialogStep div.tab button:hover
{
	cursor: pointer;
	background-color:#cccccc;
}

.tab button.active:hover, .dialogStep div.tab button.active:hover
{
	cursor: pointer;
	background-color:#cccccc;
}

.tab button.active, .dialogStep div.tab button.active
{
	background-color:#ffffff;
	color:#005cb8;
	border-bottom-style:none;
	border-width:1px;
}

.tab div
{
	height: calc(100vh - 320px);
	border-width:1px;
	border-style:solid;
}

.tab div div *
{
	margin:20px;
}

.tab div div
{
	height:auto;
	border-style:none;
}

.tab div.multi_list
{
	overflow:auto;
	border-style:none;
	height:100%;
}

.multi_list
{
	overflow:auto;
	height:calc(100vh - 300px);
	border-style:solid;
	border-width:1px;
	margin:5px;
}

.multi_list img
{
	height:20px;
	vertical-align:middle;
	margin:2px;
}

.multi_list img:hover
{
	filter:invert(75%);
  	cursor:pointer;
}


.multi_list ul
{
	list-style:none;
}	

.multi_list label
{
	width:300px;
	display: inline-block;
}

.multi_list input, .multi_list select
{
	width:300px;
	border-radius: 5px;
	margin:2px;
}

.multi_list select:hover, .multi_list input:hover
{
	border-color:#a0a0a0;	
}

.multi_list ul.hidden
{
	display:none;
}

.tab div.calendar-mid,.tab div.calendar-wrapper
{
   	height:auto;
   	border-style:none;
}

.tab.db_ctl div.calendar-wrapper
{
   	left:-200px;	
}




.multi_list ul li.abled, .multi_list ul li.disabled, .multi_list ul li.weekend, .multi_list ul.weekTip li
{
	margin-left:0px;
	margin-right:0px;
}

.multi_list select.year, .multi_list select.date
{
	width:60px;
}

.multi_list li.noChild
{
	margin-left:44px;
}

.multi_list ul li
{
	margin-left:20px;
}


.grid_js
{
	width:100%;
	height: calc(100vh - 350px);
	overflow:auto;
	position:relative:
}

.grid_js img
{
	height:20px;
	vertical-align:middle;
	hoizontal-align:right;
}

.grid_js img:hover
{
	filter:invert(50%);
  	cursor:pointer;
}

.grid_js table tr:nth-child(1) label, .grid_js table tr:nth-child(1) th, .grid_js table tr:nth-child(1) td
{
	//background-color:#ffffff;
	top:0px;
	position:sticky;
}

.grid_js table tr:nth-child(1) th:nth-child(1), .grid_js table tr:nth-child(1) th:nth-child(2)
{
	z-index:10;
}

.grid_js table tr:nth-child(1) th
{
	background-color:#ffffff;
}

.grid_js td
{
	hoizontal-align:right;
}

.grid_js td.numeric, .grid_js th.numeric
{
	text-align:right;
}

.grid_js table td:nth-child(1), .grid_js table th:nth-child(1)
{
	left:0px;
	position: sticky;
	background-color:#ffffff;
	
}

.grid_js table td:nth-child(2), .grid_js table th:nth-child(2)
{
	left:20px;
	position: sticky;
	background-color:#ffffff;
}

.grid_js td.weekend, .grid_js th.weekend, .grid_js table tr:nth-child(1) th.weekend
{
	background-color:#dddddd;
}


.grid_js select
{
	width:200px;
	border-radius:5px;
}

.grid_js input
{
	width:35px;
	margin:2px;
	border-radius:5px;
	text-align:center;
}

.grid_js select:hover, .grid_js input:hover
{
	border-color:#d0d0d0;	
}

.breadcrumb
{
	padding:10px;
}
.breadcrumb a, .breadcrumb span
{
	margin:5px;
}	


.db_ctl.firstCol
{
	width:50px;
}

.grid_val input
{
	width:150px;
	margin:10px;
	margin-top:5px;
	margin-bottom:5px;
	border-radius:5px;
	text-align:right;
	padding:2px;
}
.grid_val input[type=checkbox]
{
	width:30px;
}
.grid_val table tr:nth-child(2) input
{
	text-align:left;
}

.grid_val input:hover
{
	border-color:#d0d0d0;	
}


.grid_val input.narrow
{
	width:50px;
}

.report_grid label
{
	display: inline-block;
	width:150px;
	padding:5px;
	padding-left:20px;
}

.report_grid select, .report_grid input
{
	width:300px;
	border-radius: 5px;	
}

.report_grid img
{
	height:20px;
}

.report_grid th
{
	font-weight: normal;
}

.report_grid div.report_grid_body
{
	height:calc(100vh - 390px);
	width:calc(100vw - 6px);
	overflow:auto;
	border-style:solid;
	border-width:1px;
	margin-left:5px;
	margin-right:5px;
}

.report_grid div.report_grid_body th, .report_grid div.report_grid_body label
{
	text-align:left;
	padding:5px;
}

.report_grid div.report_grid_body td.dataItm label, .report_grid div.report_grid_body td.dataItm, .billCtl td.dataItm
{
	text-align:right;
}

.report_grid div.report_grid_body tr:hover, .report_grid div.report_grid_body tr:hover td
{
	background-color:#888888;
}

.report_grid table tr:nth-child(1)
{
	background-color:#005cb8;
	color:#ffffff;
	white-space: nowrap;	
	font-weight: bold;	
}

.report_grid table tr:last-child, .report_grid table tr:last-child td, .report_grid table tr:last-child label,
{
	background-color:#005cb8;
	color:#ffffff;
	white-space: nowrap;	
	font-weight: bold;	
}
.report_grid table tr:last-child td:nth-child(2) label, .report_grid table tr:last-child td:nth-child(3) label
{
	color:#005cb8;
}

.report_grid table tr:nth-child(1) th
{
	width:150px;
}

.report_grid table tr:nth-child(1) label, .billCtl label
{
	width:110px;
}

.report_grid table tr th:nth-child(1) img, .report_grid table tr th:nth-child(2) img, .report_grid table tr th:nth-child(3) img
{
	filter:invert(100%);
}

.report_grid img
{
  	cursor:pointer;
	vertical-align:middle;
	height:25px;
}

.report_grid table tr:nth-child(1) th,
{
	z-index:2;
}

.report_grid table tr:nth-child(1) label,.report_grid table tr:nth-child(1) th, .report_grid table tr:nth-child(1) td
{
	background-color:#005cb8;
	top:0px;
	position:sticky;
	z-index:1;
}

.report_grid table tr:nth-child(1) td
{
	z-index:3;
}

.report_grid table tr th
{
	z-index:1;
	background-color:#ffffff;
}

.report_grid table tr th:nth-child(1)
{
	left:0px;
	position:sticky;
	z-index:3;
}

.report_grid table tr th:nth-child(2)
{
	left:150px;
	position:sticky;
	z-index:3;
}

.report_grid table tr th:nth-child(3)
{
	left:300px;
	position:sticky;
	z-index:3;
}

.report_grid table tr td:nth-child(1)
{
	left:0px;
	z-index:1;
	background-color:#ffffff;
	position:sticky;
}

.report_grid table tr td:nth-child(2)
{
	left:150px;
	z-index:1;
	background-color:#ffffff;
	position:sticky;
}

.report_grid table tr td:nth-child(3)
{
	left:300px;
	z-index:1;
	background-color:#ffffff;
	position:sticky;
}
.report_grid table tr th img
{
	filter:invert(0%);
}

.report_grid table thead th img:hover
{
	filter:invert(100%);
}
.report_grid table thead img:hover
{
	filter:invert(50%);
}


.report_grid select:hover, .report_grid input:hover
{
	border-color:#a0a0a0;	
}

.diaFull
{
	height: 100%;
	width: 100%;
}

.billCtl div.billCtlData
{
	height:calc(100vh - 300px);
	overflow:auto;
}

.billCtl div.billCtlData tr th:nth-child(1)
{
	position:sticky;
	left:0px;
	background-color:#006cc8;
	color:#ffffff;
}

.billCtl div.billCtlData tr th:nth-child(1) label
{
	width:300px;
	text-align:left;
}

.billCtl div.billCtlData tr th:nth-child(2) label
{
	width:130px;
	text-align:left;
}

.billCtl select
{
	margin:10px;
	width:200px;
	border-radius: 5px;
	padding:2px;
}



.billCtl table tr:nth-child(1)
{
	top:0px;
}


.billCtl table tr:nth-child(1)
{
	width:120px;
	background-color:#005cb8;
	color:#ffffff;
}

.billCtl table tr:nth-child(1) label
{
	//width:200px;
}

.billCtl table tr:nth-child(2)
{
	top:60px;
}
.billCtl table tr:nth-child(2)
{
	background-color:#ffffff;	
}

.billCtl table tr:nth-child(1), .billCtl table tr:nth-child(2)
{	
	text-align:center;
	padding:5px;
	position:sticky;
	z-index:1;
}

.billCtl  input
{
	width:50px;
}

.billCtl td
{
	padding:5px;
}

.billCtl table tr:nth-child(1) th img
{
	filter:invert(100%);
}

.billCtl img
{
	width:20px;
	vertical-align:middle;
}

.dialogue
{
	position:absolute;
	height: 100%;
	width: 100%;
	top:0px;
	left:0px;
	z-index:20;
	background-color: rgba(0,0,0,0.25);
	
}

.dialogue > div
{
	padding:10px;
	position:relative;
	width:auto;
	max-width:400px;
	left:calc(50% - 200px);
  	top:calc(50% - 100px);
  	border-width:1px;
  	border-style:solid;
	z-index:20;
	background-color: #ffffff;

}

.dialogue button
{
	width: 80px;
	height:25px;
	margin: 5px;
	font-weight:Bold;
	border-radius:5px;
	border-style:none;	
	color:#ffffff;
	background-color:#1e3a8a;
}


label
{	display: inline-block;
//	width:150px;
	width:auto;
}
.dialogue div label, .dialogue label
{
	display: inline-block;
	width:150px;
}

.dialogue input,.dialogue select
{
	min-width:200px;
	margin:5px;
	border-radius:5px;
	
} 

.dialogue button:hover , .diaFull button:hover
{
	background-color:#4e6aba;
}

.reportTable img
{
	height:15px;
}

.reportTable td
{
	width:100px;
	text-align:center;
	vertical-align:top;
	border:solid;
	border-width:1px;
	border-spacing:0px;
}

.reportTable tr td:nth-child(1)
{
	text-align:left;	
	width:150px;
}

.dbbudget
{
	width:100%;
	height:calc(100vh - 270px);
	border-width:1px;
	border-style:solid;
	margin:-1px;
	padding:0px;
	display: flex;
}

.dbbudget_nav
{
	width:300px;
	height:100%;
	border-width:1px;
	border-style:solid;
	background-color:#cccccc;
	padding:0px;
	margin:-1px;
}

.dbbudget_navhead
{
	height:20px;
	background-color:#aaaaaa;
}

.dbbudget_selector
{
	border-width:1px;
	border-style:solid;
	margin:5px;
	margin-top:15px;
 }

.dbbudgetdiv_sub
{
	max-height:calc(50% - 130px);
	overflow:auto;
}

.dbbudget_selector_wide
{
	border-width:1px;
	border-style:solid;
	margin:5px;
	margin-top:15px;
}

.dbbudget_selector span
{
	width:100px;
	height:25px;
	display:inline-block;
	overflow:false;	
}

.dbbudget_selector_wide span
{
	width:150px;
	height:25px;
	display:inline-block;
}

.dbbudget_selectcaption
{
	position: relative;
	top:-12px;
	background-color:#cccccc;
	 z-index: 1;
	 
}
.dbbudget_nav img
{
	height:15px;	
}

.dbbudget_hide
{
	text-align:right;
}

.dbbudget table
{
	padding-left:20px;	
}

.dbbudget td, .dbbudget th 
{
	width:100px;
	height: 40px;
}

.dbbudget button
{
	width:80px;
	height:25px;
	margin:5px;
}

.dbbudget td
{
	background-color:#ffffff;
	vertical-align:middle;
	text-align:center;
}

.dbbudget img
{
	width:15px;
}
.dbbudget_full
{
	width:100%;
	overflow:scroll;
}
.dbbudget_div
{
	height:calc(100% - 160px);
}

.dbbudget_bod
{
	width:calc(100% - 300px);
	overflow:auto;
}

.dbbudget_rep
{
	width:calc(100% - 50px);
	height:calc(100% - 170px);
	overflow:scroll;
}

.dbbudget_pdf
{
	margin:50px;
}

.dbbudget_bod th, .dbbudget_full th, .dbbudget_rep th
{
	 white-space: nowrap;
	 background-color:#aaaaaa;
}

.dbbudget_bod thead th, .dbbudget_full thead th, .dbbudget_rep thead th, .dbbudget_pdf thead th
{
	position:sticky;
	top:0px;
	text-align:center;
	z-index:1;
}

.dbbudget_bod thead td, .dbbudget_full thead td, .dbbudget_rep thead td, .dbbudget_pdf thead td
{
	position:sticky;
	top:0px;
	left:0px;
	z-index:10;
	background:#ffffff;
}

.dbbudget_bod tbody th, .dbbudget_full tbody th, .dbbudget_rep tbody th, .dbbudget_pdf tbody th
{
	position:sticky;
	left:0px;
}

.dbbudget_bod tbody td, .dbbudget_full tbody td, .dbbudget_rep tbody td, .dbbudget_pdf tbody td
{
	text-align:right;
}

.dbbudget_bod input, .dbbudget_full input
{
	width:80px;
	text-align:right;
}

.dbbudget_bod td, , .dbbudget_full  td,.dbbudget_rep td,.dbbudget_pdf td
{
	text-align:right;
	font-size:70%;
}

.dbbudget_bod tbody tr:nth-child(even) th,.dbbudget_bod tbody tr:nth-child(even) td, .dbbudget_full tbody tr:nth-child(even) th,.dbbudget_full tbody tr:nth-child(even) td, .dbbudget_rep tbody tr:nth-child(even) td, .dbbudget_pdf tbody tr:nth-child(even) td  
{
  background: #cccccc;
}

.dbbudget_import
{
	width:550px;
	height:300px;
	position:fixed;
	top:calc(50% - 100px);
	left:calc(50% - 100px);
	background-color:#ffffff;
	padding:10px;	
	margin:10px;	
}

.dbbudget_import div
{
	height:30px;
	//width:200px;
	position:absolute;
	top:calc(100% - 50px);
    overflow: hidden;
    border:none;
}

.dbbudget_import span
{
	display: inline-block;
	width:100px;
	height:30px;
}

.dbbudget_layout button
{
	width:100px;
	heigth:50px;
	margin:5px;
}

.dbbudget_layout table table th
{
	width:160px;
	height:50px;
  	border:1px solid black;
  	text-align:center;
}

.dbbudget_layout table tr td div
{
	text-align:center;
}

.dbbudget_sec
{
	width:800px;
	height:90%;
	border-width:1px;
	border-style:solid;
	background-color:#cccccc;
	padding:5px;
	margin:0px;
}
.dbbudget_items
{
	background-color:#ffffff;
	width:500px;
	height:300px;
	border-width:1px;
	border-style:solid;
	overflow:auto;
}

.dbbudget_sec img
{
	width:15px;
}

.tab div.tree_view *
{
	margin:5px;
}

.tab div.tree_view div:nth-child(1)
{
	float:left;
}
.tab div.tree_view div:nth-child(1)
{
  	border:1px solid black;
	height:calc(100vh - 400px);
	width:calc(100% - 200px);
	overflow: auto;
	list-style-type: none;
}

.tab div.tree_view button
{
	width:120px;
	margin:5px;
}

.tree_view img
{
	width:15px;
}

.tab div.tree_view li *
{
//	margin-left:attr(data-indent);
	margin:5px;
	vertical-align:middle;
}

.tab div.tree_view tr:nth-child(1) td {
	overflow:auto;
}

.tab div.tree_view li:hover
{
	background-color:#888888;
}


.tab div.tree_view dialog.import
{
	width:380px;
	height:120px;
	position:fixed;
	top:calc(50% - 100px);
	left:calc(50% - 100px);
	background-color:#ffffff;
	padding:10px;	
	margin:10px;	
}

.tab div.tree_view dialog.import label
{
	min-width:50px;
}

.tab div.tree_view dialog.import *
{
	position:relative;
}

dbbudget_layout button
{
	width:100px;
	heigth:50px;
	margin:5px;
}

.tab div.dbbudget_layout div table th
{
	width:200px;
	height:50px;
  	border:1px solid black;
  	text-align:center;
}

.tab div.dbbudget_layout table tr td
{
	text-align:center;
	width:200px;
	height:15px;
	margin:5px;
}

.tab div.dbbudget_layout table tr td input
{
	margin:5px;
	
}
.dbbudget_layout div div
{
	float:left;
}

.dialogStep
{
	height:500px;
	max-width:600px;
	padding:10px;
	position:relative;
	width:auto;
	left:calc(50% - 300px);
  	top:calc(50% - 250px);
  	border-width:1px;
  	border-style:solid;
	z-index:20;
	background-color: #ffffff;
}

dialog.dialogStep div.tab
{
	height:450px;
}

dialog.dialogStep div.tab *
{
	margin:0px;
	padding:0px;
}

dialog.dialogStep div.tab div
{
	top:-5px;
	border-width:1px;
  	border-style:solid;
  	height:400px;
}

dialog.dialogStep div.db_ctl *{
	margin:5px;
}

dialog.dialogStep div.db_ctl th
{
	color:#000000;
	background-color:#ffffff;
}

.tab div.dbBudgetDims
{
	background-color:#888888;
	height:calc(100vh - 300px);
	display:table;
	border-spacing:5px;
}

.tab div.dbBudgetDims>div{
	display:table-row;
	
}

.tab div.dbBudgetDims>div>div
{
	display:table-cell;
}

.tab div.dbBudgetDims>div>div:nth-child(1)
{
	overflow:auto;	
	background-color:#ffffff;
	height:calc(100vh - 480px);
	width:calc(100vw - 300px);
	border-style:solid;
	padding:0px;
}


.tab div.dbBudgetDims>div>div:nth-child(1) li:hover
{
	background-color:#888888;
}

.tab div.dbBudgetDims>div>div:nth-child(1) img
{
	width:15px;
	height:15px;
}
.tab div.dbBudgetDims>div>div:nth-child(1) *
{
	margin:2px;
	vertical-align:middle;
	height:20px;
}
.tab div.dbBudgetDims>div>div:nth-child(2)
{
	width:300px;
}

.tab div.dbBudgetDims>div>div:nth-child(2) label,.tab div.dbBudgetDims>div>div:nth-child(2) input
{
	margin:5px;
}

.tab div.dbBudgetDims>div>div:nth-child(2) span:nth-child(1)
{
	position:relative;
	top:-10px;
	background-color:#888888;	
}

.tab div.dbBudgetDims>div>div:nth-child(2)>div
{
	border-style:solid;
}

.dbbudget_report_edit
{
	height: calc(100vh - 300px);
}

.dbbudget_report_edit  td>div
{
	margin-right:20px;
}

.dbbudget_report_edit  td>div>ul
{
	border-style:solid;
  	list-style: none;
	min-height:20px;
	width:200px;
	position:relative;
	display:inline-block;
	border-width:thin;
	
}

.dbbudget_report_edit  div>ul ul
{
  display: none;
}



.dbbudget_report_edit  div>ul li:hover
{
	background-color:#888888;
}

.dbbudget_report_edit  div>ul li:hover > ul 
{
  	display: block;
  	position:absolute;
  	left:100%;
  	list-style: none;
	background-color:#ffffff;
	z-index:100;
	width:150px;
	
}

.dbbudget_report_edit  div>ul li:hover > ul li
{
	background-color:#cccccc;
	position:relative;
	top:-20px;
	border-width:thin;
	border-style:solid;
  	margin-bottom:-1px;
}

.dbbudget_report_edit  div>ul li:hover > ul li a
{
  	text-decoration:none;
  	color:#000000;
}

.dbbudget_report_edit  div>ul li:hover > ul li:hover
{
	background-color:#888888;
}

.dbbudget_report_edit span
{
	color:#ffffff;
	font-weight:bold;
	background-color:#005cb8;
	padding:1px;
}

.dbbudget_report_edit span:before
{
	content:"";
	height:30px;
	display: inline-block;
}

.dbbudget_report_edit dialog
{
	top: calc(50% - 200px);
	left: calc(50% - 400px);
	height: 400px;
	width: 800px;
}

.dbbudget_report_edit dialog div 
{
	height:300px;
}

.dbForm
{
	height: calc(100vh - 250px);
}

.dbForm div
{
	height: calc(100vh - 400px);
	overflow:auto;
}

.dbForm th
{
	text-align:left;
	white-space: nowrap;
}

.dbForm thead th
{
	color:#ffffff;
	font-weight:bold;
	background-color:#005cb8;
	text-align:center;
}

.dbForm thead *
{
	position:sticky;
	top:0px;
}

.dbForm thead tr td
{
	background-color:#ffffff;
	z-index:100;
}

.dbForm tbody td
{
	text-align: right;
}

.dbForm img
{
	width: 15px;
	padding:2px;
	vertical-align:middle;
}

.tab dialog
{
	width:400px;
	height:120px;
	padding:5px;
	margin:5px;
	top: calc(50% - 60px);
	left: calc(50% - 200px);
	overflow: visible;
}

.tab dialog div *
{
	margin:0px;
}

.tab dialog label
{
	width:150px;
	padding:5px;
}

.docuBus
{
	margin-top:30px;
	margin-left:10px;
	height: calc(100vh - 200px);
	min-height: calc(100vh - 200px);
	width: calc(100% - 20px);
}

.docuBus>div
{
	border-style: solid;
	border-color:#000000;
	border-width:1px;
}

.docuBus>div:nth-child(1)>div:nth-child(1)
{	
	width:120px;
}

.docuBus>div:nth-child(1)
{
	height: calc(100vh - 400px);
	width:300px;
	display: table-row
}

.docuBus>div:nth-child(1)>div
{	
	display:table-cell;
	border-style: solid;
	border-color:#000000;
	border-width:1px;	
}

.docuBus>div:nth-child(1)>div>div
{
	margin:10px;
}


.docuBus div:nth-child(1)>div div
{
	display: block;
}

.docuBus>div:nth-child(1)>div:nth-child(1)
{
	background-color: #dddddd; 
}

.docuBus>div:nth-child(1)>div:nth-child(2)
{
	overflow:auto;
}

.docuBus>div:nth-child(1)>div:nth-child(2)>div
{
	position:absolute;
}

.docuBus rect:hover, .docuBus polygon:hover, .docuBus text:hover
{
	cursor:grab;
}

.docuBus>div>div:nth-child(2)
{
	width: calc(100vw - 120px);
	height: 100%;
	margin:0px;
	border-style: solid;
	border-color:#000000;
	border-width:1px;
}

.docuBus>div:nth-child(2)
{
	height:200px;
}

.docuBus svg>rect, .docuBus svg>polygon
{
	fill:#cbfeff;
	stroke:#000000;
	stroke-width:1
	z-index:100;
}

.docuBus svg>polyline
{
	stroke:#000000;
	stroke-width:1;
}

.docuBus>div:nth-child(1)>div:nth-child(2)>div.selected rect, .docuBus>div:nth-child(1)>div:nth-child(2)>div.selected polygon
{
	stroke-width:2;
	stroke:#00ffff;
}

.short
{
	height: 60Px;;
}