body{font-size:12px;}
	
		.wrapper {
		    display: flex;
		    align-items: stretch;
		    float:left;
		}   
		
		#sidebar.active {
		    margin-left: -250px;
		}
		
		#sidebar {
		    background: #f8f8f8;
		    transition: all 0.3s;
		    min-width: 250px;
			max-width: 250px;
			min-height: 100vh;
		}
		
		.navbar{
			margin-bottom:0px;
		}
		
		.glyphicon-off{
			font-size:18px;
		}
		
		table.dataTable tbody td {
			padding:5px 5px; 
		}
		
		.center{
			text-align:center;
		}
		
		.searchbutton{
			margin-top:20px;
		}
		
		.searchbuttonError{
			margin-top:-1px;
		}
		
		.navbar-collapse{
			padding-left:0px;
		}
		
		.snifferLogo{
			padding-left:25px;
		}
		
		.navbar-brand{
			padding-top:0px;
		}
		
		.columnsConfigButton{
			margin-left:10px;
			margin-right:10px;
			margin-bottom: 1px;
		}
		
		.modal-body{
			text-align:left;
		}
		
		.modal-box-table-td{
			height:30px;
		}
		
		.modal-dialog{
			width:750px;
		}
		/* TODO delete? */
		.resultCount{
			margin-left:20px;
		}
		
		/* Absolute Center Spinner */
		.loading {
		  position: fixed;
		  z-index: 999;
		  height: 2em;
		  width: 2em;
		  overflow: show;
		  margin: auto;
		  top: 0;
		  left: 0;
		  bottom: 0;
		  right: 0;
		  display: none;
		}
		
		/* Transparent Overlay */
		.loading:before {
		  content: '';
		  display: block;
		  position: fixed;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background-color: rgba(0,0,0,0.3);
		}
		
		/* :not(:required) hides these rules from IE9 and below */
		.loading:not(:required) {
		  /* hide "loading..." text */
		  font: 0/0 a;
		  color: transparent;
		  text-shadow: none;
		  background-color: transparent;
		  border: 0;
		}
		
		.loading:not(:required):after {
		  content: '';
		  display: block;
		  font-size: 10px;
		  width: 1em;
		  height: 1em;
		  margin-top: -0.5em;
		  -webkit-animation: spinner 1500ms infinite linear;
		  -moz-animation: spinner 1500ms infinite linear;
		  -ms-animation: spinner 1500ms infinite linear;
		  -o-animation: spinner 1500ms infinite linear;
		  animation: spinner 1500ms infinite linear;
		  border-radius: 0.5em;
		  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
		  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
		}
		
		/* Animation */
		
		@-webkit-keyframes spinner {
		  0% {
		    -webkit-transform: rotate(0deg);
		    -moz-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		    -o-transform: rotate(0deg);
		    transform: rotate(0deg);
		  }
		  100% {
		    -webkit-transform: rotate(360deg);
		    -moz-transform: rotate(360deg);
		    -ms-transform: rotate(360deg);
		    -o-transform: rotate(360deg);
		    transform: rotate(360deg);
		  }
		}
		@-moz-keyframes spinner {
		  0% {
		    -webkit-transform: rotate(0deg);
		    -moz-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		    -o-transform: rotate(0deg);
		    transform: rotate(0deg);
		  }
		  100% {
		    -webkit-transform: rotate(360deg);
		    -moz-transform: rotate(360deg);
		    -ms-transform: rotate(360deg);
		    -o-transform: rotate(360deg);
		    transform: rotate(360deg);
		  }
		}
		@-o-keyframes spinner {
		  0% {
		    -webkit-transform: rotate(0deg);
		    -moz-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		    -o-transform: rotate(0deg);
		    transform: rotate(0deg);
		  }
		  100% {
		    -webkit-transform: rotate(360deg);
		    -moz-transform: rotate(360deg);
		    -ms-transform: rotate(360deg);
		    -o-transform: rotate(360deg);
		    transform: rotate(360deg);
		  }
		}
		@keyframes spinner {
		  0% {
		    -webkit-transform: rotate(0deg);
		    -moz-transform: rotate(0deg);
		    -ms-transform: rotate(0deg);
		    -o-transform: rotate(0deg);
		    transform: rotate(0deg);
		  }
		  100% {
		    -webkit-transform: rotate(360deg);
		    -moz-transform: rotate(360deg);
		    -ms-transform: rotate(360deg);
		    -o-transform: rotate(360deg);
		    transform: rotate(360deg);
		  }
		}
		
		.navbar-nav > li > a {
			padding-top:0px;
			padding-bottom:0px;
		}
		
		.navbar-btn.btn-xs {
			margin-top:0px;
			margin-bottom:0px;
		}
		
		.btnsidebar{
			margin-top:0px;
			margin-bottom:0px;
		}
		
		.logout{
			margin-top:15px;
		}
		
		.environment{
			font-size: 18px;
			font-weight: bold;
			color: #bfbfbf;
			padding-top:5px;
		}
		
		.environmentText{
			font-style:italic;
			padding-left:10px;
			color: #D4021D;
			white-space:nowrap;
		}
		
		.jsonevent{
			 font-family: monospace;
		}
		
.mgl30 {
    margin-left:30px !important;
    /*trasition: .5s;*/
}
a.nitroSnifferNav {
    box-sizing:inherit;
    color:#3a3a3a;
    font-size:18px;
    opacity:.7;
    padding-right:30px;
    text-decoration:none;
    transition-delay:.06s;
    white-space:nowrap;
}
a.nitroSnifferNav:active, a.nitroSnifferNav:hover, a.nitroSnifferNav:focus {
    border:none;
    color:#00598D !important;
    opacity:1;
    text-decoration:none;
}
/* for ticket 1111, for Lisa :) */
.btn-info {
	background-color: #bfbfbf !important;
    background-image: none !important;
	border-color: #aaa !important;
	color: #000 !important;
}
.btn-info:hover {
    background-color: #aaa !important;
}
#btnForLisa:focus, #btnForLisa:hover {
/*	border-color: #f55 !important;*/
	border-radius: 6px !important;
}

.colcontrolbtn{
	margin-left:20px;
	padding:2px;	
}

.btn_col{
	height:18px;
	width:18px;
}

input.form-control:focus {
	border-color: #900 !important;
	box-shadow:none;
}

.dataTables_filter{
	float:left !important;
	margin:15px 0 15px 15px;
}

.histogramLabel{
	margin:15px 0 0 15px;
}

.colcontrol{
	margin-left:20px;
	font-weight:bold;
}

.newEvent{
	background-color:#bfbfbf !important;
}
.minwidth100{
	min-width:100px;
}
.height20{
    height:20px;
}