input, button, table
    {
     font-family : Robota, Tahoma, Arial, Helvetica, sans-serif; 	
     font-size : 12px; 
     -webkit-touch-callout: none;
     -moz-user-select: none;
    }

	input {
		outline-style: solid;
	}
	
    html, body {
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }    
    .dhxtree_dhx_skyblue .standartTreeRow, 
    .dhxtree_dhx_skyblue .standartTreeRow_lor{
     font-family : Robota, Tahoma, Calibre, sans-serif;
     font-size:12px !important; /*increased from 11*/
     line-height:14px !important;              /*inserted, smaller was better, as larger cut into item above*/
     height: 19px !important; 
	 margin-bottom:2px;
        /* background-color: #FFE3A8;*/
          }

   .dhxtree_dhx_skyblue .selectedTreeRow_lor,
   .dhxtree_dhx_skyblue .selectedTreeRow {
     font-size:12px !important; /*increased from 11*/
     line-height:14px !important;              /*inserted, smaller was better, as larger cut into item above*/
     height:19px !important;              
	 margin-bottom:2px;
     background-color: #F05627;
    }
	
	.dhxcont_global_content_area {
	  border-color: white !important;
	}
	
textarea.d_expression {
	border: 1px solid #ccc;
	outline: 1px solid #555;
}

	
/* tabbed card styling */ 
.tab-card {
	width:100%;
	height:100%;
  }
  
.tab-top {
  overflow: hidden;
  padding: 0px;
  border-bottom: 1px solid #ccc;
  margin: 0px 12px 0px 12px;
 }

 
 li.tab-item {
  background-color: inherit;
  float: left;
  outline: none;
  margin:0px;
  cursor: pointer;
  padding: 0px 5px 2px 5px;
  transition: 0.3s;
  list-style-type: none;
}
.tab-item button {
  padding: 6px 24px;
  background-color: inherit;
  border: none;
  outline: none !important;
}
/* Change background color of buttons on hover */
.tab-item :hover {
   cursor: pointer;
}

/* Create an active/current tablink class */
li.active {
  padding: 0px 5px;
  background-color: #FFE3A8;
  border-bottom: solid 3px #F05627;
}


	button { border-radius:3px; margin:3px; padding: 3px 8px 3px 8px; background-color: lightgrey; color:black; border: none; }

    .noborder { border: 0px; margin: 0px; spacing: 0px; padding: 0px; }
	div.pagecontainer {
		 height:100%; 
		 max-width: 100%;
		 overflow-y: scroll; 
		 background-color: #646464; 
		 border-radius:3px;
		 /* background-image:url(/images/faded-logos.png);
		 background-image:url(/images/faded-logos.png), linear-gradient(#62ded7 /* #04cfc4*/, #ffffff);*/
		 }
	div.pageintro {
			margin: auto;
			margin-top:20px; 
			width:1000px;
			max-width:80%;
			font-size: 14px; 
			background-color:white; 
			padding:30px 60px 30px 60px;
	}
	.tableintro td { font-size: 14px; padding-right:10px; padding-bottom:5px; }
	
	.pageintro h1 , .pageintro h2 , .pageintro h3 {
	color: #565656 }
	
	div.comment {font-size:13px; background-color: lightyellow; margin:3px; font-weight: normal }
	
    table.sections { height:100% }
    table.card { margin: .1em; border-collapse: collapse; table-layout:fixed; border: none; }
    table.card td { padding: .1em; border: .1em lightgrey none; white-space: nowrap; }
    table.card td.label { background-color: whitesmoke; }  /* #E7F2FF -lightblue*/
    table.card th { padding: .1em; border: .1em lightgrey none; background-color: #ffedc7; }
    table.card textarea { white-space: pre-line; }
    table.card input.chk { width:24px; } 
	table.card span {word-wrap: break-word; white-space: pre-line; }
    table.card1 td.readonly {  background-color: #fdfdfd; }
    /* Explorer 8 mode
    table.card input { border: hidden; z-index: 1; text-align:left } 
    table.card input.inplov { border: hidden; 
                              padding: 0px;
                              text-align:left !important;
                              z-index: 1 }
     */                    
    /* Explorer 9+ */
    table.card input { border: hidden; border-bottom: 1px lightgrey solid; border_top: 1px white solid; width: 99%; z-index: 1; outline: none; } 
    table.card input.inplov, textarea.inplov { padding: 1px 1px 3px 1px;
                              width: -moz-calc(99% - 28px);
                              width: -webkit-calc(99% - 28px);
                              width: calc(99% - 28px);
							  outline: none; 
                              z-index: 1 } 
    table.card td button { height: 18px; width: 24px; margin: 1px 2px 2px 1px; z-index: 2; padding: 1px; background-color: whitesmoke; color:black }
    table.card button.lov { height: 18px; float: right; z-index: 2; border: none; background-color: lightgrey }
    

    table div .gridmenu { font-weight: normal; } 
    
    table.grid  
    {
        margin: .1em; border-collapse: collapse; 
		}

    table.grid input.chk { margin: 2px;  } 
    
	.preso table.grid  
    {
        font-family: Tahoma;
		font-size: 12px;
        margin: .1em; border-style: none; }

    .preso table.grid td { padding: 3px; border-style: none; }
    .preso table.grid th { padding: 3px; border-style: none; }
    .preso2 table.card td { padding: 6px; border-style: none; }
    .preso2 table.card .cardmenu th { padding: 6px; border-style: none; }
	
	.preso2 { margin: auto; }
	.preso2 div.comment {font-family : Robota, Tahoma, Arial, Helvetica, sans-serif; font-size : 12px; background-color: white; margin:3px; font-weight: normal;  }
	.preso2 table.card     {
        font-family: Trebuchet MS;
		font-size: 14px;
		font-color: #505050;
		padding: 3px;
        margin: .1em ; border-style: none; }
	
	.preso2 table.grid     {
        font-family: Trebuchet MS;
		font-size: 14px;
		font-color: #505050;
        margin: .1em ; border-style: none; }

    .preso2 table.grid td { padding: 3px; border-style: none; }
    .preso2 table.grid th { padding: 3px; border-style: none;  }

	
    table.grid td { padding: 2px 3px 2px 3px;  border: 1px lightgrey solid; overflow:hidden; white-space: nowrap; vertical-align:text-top; }
    table.grid td.summary { background-color: #E7F2FF; }
    table.grid th { padding: 2px 3px 2px 3px; border: 1px lightgrey dotted; white-space: nowrap; text-overflow: ellipsis; background-color: #fff6e3; margin: 3px; overflow: hidden; }
	table.grid th.oddline { background-color: #faeac5  }
    table.grid input { width:99%; border: hidden; width:auto; cursor: text; outline: none; }
    table.grid textarea { white-space: normal; cursor: text}
    table.grid .readonly {  background-color: #fefefe; }
	table.grid td.oddline { background-color: #f5f5f5 }
	table.grid td.evenline { background-color: white }
    table.grid .edit { padding: 0px; border-width: 1px; margin: 0px; border-style: dashed; height: 16px; cursor: text}

    table.grid input.inplov { border: hidden; width:auto; }
    table.grid .innercell { height: 100%; width: 100%; overflow: hidden; }
    table.grid div button { height: auto; float:right; }
    table.grid td.innercell button { height: 16px; width: 16px; margin: 0px; padding:0;  }
	table.grid td.innercell .longtext { white-space: normal; word-wrap: normal;  }
    table.grid td button.lov { height: 16px; width: 16px; margin: 0px; padding:3px; float:right; z-index: 5; }
	table.grid heightctrl { width:0px; border:none; }
	// table.grid tr.widthctrl th { height:5px; border:none; padding:0px; }
    
    table.grid .selected,
    table.grid th:hover,
    table.grid td:hover
           { background-color:#ffdf80 !important; color:black !important }
           
    table.grid tbody .selected { background-color:#FFC212; }
	table.grid .d_html { white-space: pre-line;}
    table.grid .selected input { background-color:#FFC212; }
    table.grid .modified { background-color:Highlight; }
    table.grid .modified input { background-color:Highlight; }
    table.grid .xtracol { background-color:white; border: none; width: 25px; max-width:25px; }
    table.grid .leftside { font-weight: normal; overflow: hidden; text-align: left; vertical-align:text-top; }
    table.grid td.totals { font-style: oblique; background-color: #1C2035; color:#FFC212 }

     .map {
      height: 100%;
      width: 100%;
    }
	
	
	/*#NC 20170106*/
	


td[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}
	
.roundedCorner
{
  border: solid 0.5px #CCCCCC;
  box-shadow: 3px -3px 6px  rgba(200,200,200,0.8);
  -moz-box-shadow: 3px -3px 6px  rgba(200,200,200,0.8);
  -webkit-box-shadow: 3px -3px 6px  rgba(200,200,200,0.8);
  -o-box-shadow: 3px -3px 6px  rgba(200,200,200,0.8);
  border-radius:6px;
}

.dashcontainer {
	max-width:100%; 
	max-height:100%; 
	margin: 0px; 
	overflow-y: auto
}

.dashelement {
	float:left; 
  }
  
.dashpanel {
	margin:10px 20px 10px 20px; 
	padding: 10px; 
	float:left; 
	white-space: nowrap;
}

div.dashpanel {
	resize: both;
	overflow: auto;
}
	
table.dashpanel  {margin: 0px; padding:0px}
.dashpanel td {
	padding: 5px 10px 15px 20px; 
	margin: 0px; 
	white-space: nowrap;
	text-align:right;
}

.dashpanel div {
	border-right: solid 0.5px #CCCCCC; 
	float: left; 
	padding:0px 10px;
}

.blockpanel {
	margin:10px 20px 10px 20px; 
	padding: 10px; 
	float:left; 
	white-space: nowrap;
}

div.blockpanel {
	resize: both;
	overflow: hidden;
}

.blockpanel div {
	padding:0px;
}


.kpi {
	font: Open Sans; font-size:30px; font-weight: bold; color: teal;
}

div .kpicomp {
	font: Open Sans; font-size:10px; font-weight: normal; color: black; float:right; border: none;
}

div.canvas {
  overflow: auto;
  width: 100%;
  height: 100%;
}