/*
 * COMMON
 */
* {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;

	-moz-user-select: none; /* Firefox */
    user-select: none; /* Standard */
}

body, html {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #eeeeee;
	text-align: center;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}


.btn_blue {
	width: 180px;
	height: 17px;
	padding: 6px 4px 12px;
	font-size: 1.2em;
	text-align: center;
	color: #ffffff;
	background-color: #0669b2;
	border: 2px solid #0669b2;
	border-radius: 4px;
	margin: 0.5em;
	cursor: pointer;
	display: inline-block;
}

.btn_blue:hover {
	color: #0669b2;
	background-color: #ffffff;
}

input {
	font-size: 1em;
	padding: 0.4em 0.3em 0.5em;
	margin: 0.25em 0;

	-moz-user-select: text; /* Firefox */
    user-select: text; /* Standard */
}

.hidden {
	display: none !important;
}


.card {
    margin-bottom: 20px;
}

.tools_select {
	position: relative;
	font-size: 0.8em;
	width: 50%;
	text-overflow: ellipsis;
	float: right;
}

div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  background-color: green;
  border: 2px solid #4CAF50;
}


/* The spinner */

@keyframes spinner {
  to {transform: rotate(360deg);}
}

.spinner,
.spinner:before {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
}

.spinner:before {
  content: '';
  display: block;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  animation: spinner .6s linear infinite;
}

.spinner-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
}

/* Animations */

.spinner-add,
.spinner-remove {
  animation-fill-mode: both;
  animation-duration: .4s;
}

.spinner-add {
  animation-name: spinner-add;
}

@keyframes spinner-add {
  from {transform: scale(0);}
  to {transform: scale(1);}
}

.spinner-remove {
  animation-name: spinner-remove;
}

@keyframes spinner-remove {
  to {transform: scale(0);}
}

.filter {
top: 3em;
position: absolute;

overflow-y: scroll;

overflow-x: hidden;
}

#dashboard_content {
    position: relative !important;
}

.formattedvalue {
    overflow:auto;
}

.tools_content {
	position: absolute;
	top: 18em;
	left: 0;
	width: calc(100% - 2em);
	padding: 1em;
	height: calc(100% - 16em);
	overflow-x: hidden;
	overflow-y: auto;
}