/*
Make the non-plot area and the plot area transparent.
Make the axis ticks white. 
Make the axis labels light gray.
*/

ni-cartesian-graph {
	background: light gray;
}

ni-cartesian-graph .flot-x-axis text,
ni-cartesian-graph .flot-y-axis text {
	fill: dark blue;
}

ni-cartesian-graph text.axisLabels {
	fill: dark blue;
}

/* Make the page background white.
Set the panel to grey with a drop shadow. */
ni-front-panel {
	background: white;
	box-shadow: 0px 0px 18px 3px rgba(0, 0, 0, 155);
	width: 100%;
	height: 100%;
}

body {
	min-width: 1790px;
	min-height: 1500px;
}


ni-flexible-layout-container {
	margin: 8px 8px 8px 8px;
}

layout-container {
	margin: 0px 0px 0px 0px;
}

.FLC {
	margin: 2px 2px 2px 2px;
}

.FLCB {
	margin: 5px 5px 5px 5px;
}

.FLBW{
	background:#f4f4f5;
}

.FLBB {
	border: 1px solid rgb(153, 153, 153);
	outline-style: solid;
	outline-color: rgb(153, 153, 153);
	outline-width: thin;
}

.lefttext {
	text-align: left;
	color: black;
}

.footer {
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	height: 35px;
	background-color: #012069;
	display: flex;
	align-items: center;
	background-size: 100% 100%;
	justify-content: center;
	vertical-align: middle;
}

.footergreen{	
	position: absolute;
	top: 52.5%;
	right: 78.3%;
	width: 339.5px;
	height: 30px;
	background-color: rgb(44, 165, 73);
	display: flex;
	background-size: 100% 100%;
}

.caja { 
	border: 1px solid rgb(153, 153, 153);
}
	
.caja1 { 
	color: #070707; 
	background:#dfdede;
}

.activocilindro{
	border-radius: 0.5em; 
	color: #bdb8b8; 
	background:#2f69d3;
}

.indicador{
	background: #606061;
}
.contorno {
	border: 1px solid rgb(153, 153, 153);
	outline-style: solid;
	outline-color: rgb(153, 153, 153);
	outline-width: thin;
}

.contorno2 {
	border: 1px solid rgb(34, 34, 34);
	outline-style: solid;
	outline-color: rgb(34, 34, 34);
	outline-width: thin;
}


.video {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.contedorsystem {
	right: 0px;
	bottom: 0px;
}
.footer p {
	color: white;
	font-size: 1.25em;
}

.my-class-name button {
	border-radius: 0.5em;
	margin: 3px 3px 3px 3px;
}

.my-class-name-index button {
	margin: 3px 3px 3px 3px;
	border: none;
	text-align: left;
}

.my-button{
	border-radius: 12px;
  	background-color: #012069;
	color: white;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	
}

.Treecustom{
	background:#222;
  	color:#aaa;
}

.ClusterBorder {
	border: none;
	margin: 0px 0px 0px 0px;
}

.quantity {
	border-radius: 1.5em;
	margin: 3px 3px 3px 3px;
	border: #012069;
	font-size: 1.25em;
	position: absolute;
	height: 50%;
	top: 0;
	border-bottom: 1px solid #eee;
  }


.video-containerSH1 {
	position: absolute;
	top: 25.1%;
	right: 66.2%;
}

.video-containerSH2 {
	position: absolute;
	top: 61.9%;
	right: 66.2%;
}

.video-containerSM1 {
	position: absolute;
	top: 25.1%;
	right: 66.1%;
}

.video-containerSM2 {
	position: absolute;
	top: 62%;
	right: 66.1%;
}

.video-containerVH1 {
	position: absolute;
	top: 19%;
	right: 59.5%;
}

.video-containerVH2 {
	position: absolute;
	top: 66.75%;
	right: 59.5%;
}

.video-containerVM1 {
	position: absolute;
	top: 19%;
	right: 59.5%;
}

.video-containerVM2 {
	position: absolute;
	top: 66.75%;
	right: 59.5%;
}

.video-containerRV1 {
	position: absolute;
	top: 28.6%;
	right: 58.1%;
}

.video-containerRV2 {
	position: absolute;
	top: 68.5%;
	right: 58.1%;
}

.video-containerMW1 {
	position: absolute;
	top: 30.9%;
	right: 80%;
}

.video-containerMW2 {
	position: absolute;
	top: 66%;
	right: 80%;
}
.video-containerIndex {
	position: absolute;
	top: 45%;
	right: 35%;
}