html, body { 
	height: 100%;
	margin: 0;
}

.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.no-margin {
	display: table;
	width: 100%;
  margin: 0;
}

#wrap { min-height: 100%; }

#main {
	overflow:auto;
	padding-bottom: 34px; /* must be same height as the footer */
}  

#footer {
	position: relative;
	margin-top: -34px; /* negative value of footer height */
	height: 34px;
	clear:both;
	border-style: solid;
	border-width: thin;
	color:white;
} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
 
/* Remove the bootstrap navbar's default margin-bottom and rounded borders */ 
.navbar {
	margin-bottom: 0;
	border-radius: 0;
}

.fixed-panel {
	min-height: 220px;
	background-color:#ccc;
	overflow-y: auto;
  overflow-x: auto;
  border-collapse: collapse;
}
		
.scrollable-menu {
	height: auto;
	max-height: 200px;
	overflow-x: hidden;
}
				
.fixed-container {
	background-color:#f26829;
	position: fixed;
	width: 100%;
	height: 50px;
  left: 0;
  top: 52px;
  margin-left: -0px;
}

.result-container {
	min-height: 80px;
}
    
		/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
	.row.content {
		height:auto;
	}			
}

#my-row {
	display: table;
	height:20%;
	width:100%;
	margin:0;
}
		
#my-row .panel {
	float: none;
	display: table-cell;
	vertical-align: top;
}
		
.no-padding {
  padding: 4px!important;
}

/* .tooltip-arrow, .my-tooltip + .tooltip > .tooltip-inner {background-color: #ccc; color: #000;}*/