nav {
    display: block;
    margin: 0;
   
}

nav ul{
    margin: 0;
    padding: 0;
    list-style: none;
 	
}
nav ul li {
    margin: 0;
    display: inline-block;
    list-style-type: none;
    padding-right:10px;
    transition: all 0.2s;
    font-weight:bold;
   
}

nav >  ul >  li > a{
    color: var(--dark-bg);
    display: block;
    padding: 5px 5px;
    text-decoration: none;
      
}
nav >  ul >  li >a,nav >  ul >  li > ul li a {
    color: var(--dark-bg);
}
nav li > ul{
    display : none;
    margin-top:1px;
    background-color: var(--light);
	z-index:30;
}

nav li > ul li{
    display: block;
}

nav  li > ul li a {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    color: var(--dark-bg);
}

nav li:hover {
    background-color: var(--light-bg);
}
nav li:hover > ul{
    position:absolute;
    display : block;
    margin-top:-1px;
    background-color: var(--body-bg);
}
nav li > ul > li ul  {
    display: none;
    background-color: var(--light);
}
nav li > ul > li:hover > ul  {
    position:absolute;
    display : block;
    margin-left:100%;
    margin-top:-27px;
	width:200px;
	
}
a{
	color: var(--dark-bg);
}
.body_bg,body{
   height:auto!important;
  background: var(--body-bg) repeat-y;	
}

.mid{
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
    z-index:20;
}
.vmid{
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
}
.navbar{
	border:0px;
	margin-bottom: 5px;
}
.ui-grid-header-cell {
    background-color: var(--light-bg);
    text-align:center;
    padding-top: 5px;
      font-size : 12px;
    
}
.ui-grid-footer-cell {
    background-color: var(--light-bg);
    text-align:right;
    padding-top: 5px;
}

.ui-grid-header-cell-label{
	font-size : 12px;
	 font-weight:bold;
}
.ng-binding{
	font-size : 11px;
	 font-weight:bold;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 3px solid var(--dark-bg);
}

.ui-grid-cell-contents {
    padding-bottom: 2px;
    Padding-top:2px;
    font-size : 11px;
     font-weight:normal;
 
}
.ui-grid-header-canvas{
	background-color: var(--dark-bg);
	  text-align:center;
	  font-size : 12px;
     font-weight:bold;
}
.ui-grid-menu-button{
	border: 0px solid var(--border-dark);
	border-bottom: 1px solid var(--border-dark);
	/*height: 28px;
	width: 18px;*/
}

._md-datepicker-has-triangle-icon {
    padding-right: 5px;
    padding-top: 0px;
    margin-right: -18px;
}

element.style {
    border: 1px solid var(--light-bg);
 }

[class^= "ui-grid-icon"]::before{
	margin-right: 0em;
}

md-menu-content.md-menu-bar-menu.md-dense{
	padding: 6px 0;
	min-width : 120px;
}

.printview {
	font-size: 12px;
	color: var(--dark-bg);
	
}

.menu-link{
	text-decoration: none;
	padding: 0px 6px;
	border : none;
	font-weight: bold;

}

.abspos{
	position:absolute;
}
.menuright{
	float: right;
	padding-left: 6px;
	font-weight: bold;
}
.nbutton{
  width: 25px;
  height: 25px;
  border-radius: 25%;
  line-height: 25px;
  text-align:center;
  font-size : 24px;
  font-weight: bold;
  cursor: pointer;
  color:var(--dark-bg);
}
.abutton{
	z-index: 10;
	background-color: var(--border-light);
	padding:2px;
	margin-left:12px;
	font-size:10px;
	
}
a:hover.menu-link,a:link.menu-link,a:active.menu-link,a:visited.menu-link{
	text-decoration: none;
	text-decoration-line: none;
    text-decoration-thickness: none;
    text-decoration-style: none;
    text-decoration-color: none;
	padding-left: 10px;
}

md-menu-content.md-dense md-menu-item {
    height: 25px;
    min-height: 0;
    font-size:12px;
}

#pagetitle{
	top:25px;
}

.h4, h4 {
    font-size: 14px;
    font-weight: bold;
}
/* Border Style */
.border-style-top{
	border-top: 1px solid  var(--dark-bg);
	}
.border-style-bottom{
	border-bottom: 1px solid  var(--dark-bg);
	}
.border-style-right{
	border-right: 1px solid  var(--dark-bg);
	}
.border-style-left{
	border-left : 1px solid  var(--dark-bg);
}
.border-graph{
	padding:0px;
	margin:0px;
}
md-toolbar, .md-toolbar-tools{
	background-color: var(--dark-bg);
	min-height:35px;
	max-height: 35px;
	height: 35px;
	font-size:14px;
	
}

md-toolbar {
	background-color: var(--dark-bg);
	min-height: 35px;
	max-height: 35px;
	height: 35px;
	font-size:14px;
	
}

 .btn-primary {
	background-color:  var(--dark-bg);
	color: var(--light);
	font-size:12px;
} 



body{
	font-size : 12px;
		font-weight:bold;
}

.panel-primary>.panel-heading{
	    background-color: var(--dark-bg);
	    color: var(--dark);
}

thead > tr >td.uicell{
	background-color: var(--dark-bg);
	padding: 3px;
	color: var(--light);
}
td.uicell{
      border: var(--body-bg) medium solid;
	padding: 3px;
 }
.uirow{
      width:100%;
	padding: 3px;
}

.login{
	position : relative;
	right : 10%;
	float: right;
	font-weight:bold;
	width: 100px;
}

.form-group{
	margin-bottom : 5px;
}

.form-control{
	font-size: 11px;
   color: var(--dark);
    background-color: var(--border-light);
      border: var(--body-bg);
      
}

Legend {
	
    margin-bottom: 15px;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 8px;
   }
   
.row{
	 margin-bottom: 5px;
	 margin-left: 0px;
	 margin-right:0px;
	 
}

.db_header{
	font-size : 12px;	
	color: var(--dark-bg);
	font-weight: bold;
}

.db_hr{
	margin-top: 10px;
    margin-bottom: 10px;
    border-top:1px solid var(--dark-bg);	
}
.currency{
    text-align:right;
}
.cellR{
    text-align:right;
}

.currency .ui-grid-cell-contents:before{
 	content : '\20B9';
    float: left;
}

.ui-grid-cell-anchor{
	padding-left:5px;
}
.no-bullet{
    list-style-type:none;
}
.card{
    background-color:var(--light);
    width: 100%;
    border: 1px solid var(--dark-bg);
    margin: 1px 1px 1px 1px;
    line-height : 8 px;
}

.treeexp {
  float: left;
  width: 5%;
  height: 25 px; 
  background: var(--border-dark);
  padding: 2px;

}

.treesection {
  float: right;
  width: 95%;
  height: 25 px; 
  background: var(--border-dark);
  padding: 2px;

}
.horiz-scroll{
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}
.circle{
  width: 50px;
  height: 50px;
  border-radius: 25%;
  margin-top: 25px; 
  margin-left: 75px; 
  line-height: 50px;
  font-size : 24 px;
  font-weight: bold;
	z-index: 10;
	background-color: var(--dark-bg);
	border-light: var(--dark-bg);
}
.circletext{
  width: 200px;
  display: inline-block ;
  font-size: 8 px;
  text-align: center;
  vertical-align: top;
}
.link{
  bottom: 0px;
  margin-top:-27px;
  margin-left:50px;
  border: 2px solid var(--dark-bg);
  border-bottom: 0;
  height:1px;
  width:150px;
}
.status-1{
	background: #4682b4;
}
.status-2{
	background: #fada5e;
	color: #fada5e;
}
.status-3{
	background: #dc143c;
}
.status-4{
	background: #12AD2B;
}
.status-5{
	background: #729fcf;
}
.status-6{
	background: #9ab973;
}

.dark{
	color:var(--dark);
}
.light{
	color:var(--light);
}

.ui-grid-spilt-header-main{
	 /* padding-top: 75px; */ /* added top padding dynamically by Js */
  line-height: 30px;
	text-align: center;
	min-height:90px;
	vertical-align: text-bottom;	
}

.ui-grid-split-merge-header{
  border-left: 2px solid transparent;
	position: absolute;
	background: var(--border-light);
	text-align: center;
	line-height: 30px;
	z-index: 1;
	top: 0px;
	left:0px;
}
.acc_cell1{
	font-weight:bold;
	font-size:12px;
}
.acc_cell2{
	font-weight:bold;
	color:var(--dark-bg);
}
.acc_cell22{
	font-weight:bold;
	color:var(--dark-bg1);
}
.acc_cellr{
	font-weight:bolder;
	color:#656565;
	font-style: italic;
}
.ui-grid-header-table{
  width:100%;
  padding:0px;
  border:none;
  border-spacing: 0px;
  border-collapse: collapse;
}
.ui-grid-header-table tr td{
  border-bottom:1px solid var(--border-dark);
  border-right:1px solid var(--border-dark);
}
.ui-grid-header-table tr td:last-child{
  border-right:none;
}
.main-bg{
	background: var(--dark-bg);
}
.lov_field{
	border:1px solid var(--dark-bg);
	width:100%;
	padding: 5px;  
	background-color: var(--border-light)
}
.help-heading{
	font-size: 20px;
	font-weight:bold;
	color:var(--dark-bg);
}
.help-breadcrumb{
	padding:5px;
	background:var(--light-bg);
}
.help-tableheader{
	color:var(--light);
	background:var(--dark-bg);
	font-weight: bold;
	text-align:center;
}
.help_table{
	width:100%;
}

.table_field{
	height: 225px; 
	width: 100%; 
	border-collapse: collapse; 
	border-style: dashed; 
	border-color: black;
	
}

.table_row1{
	width: 24.2602%; 
	height: 17px;
}
.approve_heading{
	width:100%;
	background-color:var(--light-bg);
	padding:10px;
}

.opt_button{
	margin:20px;
}

.pstatus-1{
	color: #4682b4;
	padding-left:3px;
	
}
.pstatus-2{
	color: #50C878;
	padding-left:3px;
}
.pstatus-3{
	color: #FFC300;
	padding-left:3px;
}
.pstatus-4{
	color: #C70039;
	padding-left:3px;
}
.pstatus-5{
	background: #729fcf;
}
.pstatus-6{
	background: #9ab973;
}

.astatus-0{
	color: #FFC300;
	padding-left:2px;
}
.astatus-1{
	color: #C70039;
	padding-left:2px;
}
.astatus-2{
	color: #50C878;
	padding-left:2px;
}
.astatus-3{
	color: #729fcf;
	padding-left:2px;
}

.vstatus-1{
	color: #FFC300;
	padding-left:2px;
	font-weight : bold;
}
.vstatus-2{
	color: #C70039;
	padding-left:2px;
	font-weight : bold;
}

.dstatus-0{
	color: #C70039;
	padding-left:3px;
}
.dstatus-1{
	color: #FFC300;
	padding-left:3px;
}
.dstatus-2{
	background: #729fcf;
}
.overlap-border{
	border: 3px solid red;
}
.amt{
	font-weight:bold;
	color:var(--dark-bg);
	border: 1px solid var(--light-bg);
	text-align: right;
}
.amt_grid{
	font-weight:bold;
	color:var(--dark-bg);
	border: 1px solid var(--dark-bg);
	text-align: right;
}
.amt_grid_wo{
	font-weight:bold;
	color:var(--dark-bg);
	text-align: right;
}