/* canvas styles */
/* html, body
{
	font:normal normal normal 100%/1.4 tahoma, sans-serif;
	background:#fff;
	color:#000;
} */
/*body
{
	font-size:0.8em;
	// background-image: url("assets/dark_geometric.png"); 
    // background-color: #000; 
	
}
*/

.column {
    float: left;
    width: 33%;
}

/* Clear floats after the columns */
/*
.row:after {
    content: "";
    display: table;
    clear: both;
} */

h2 {
  float:center;
  /* color: rgba(255, 255, 255, 0.75); 	   */
  color: rgba(70, 72, 73, 0.75);
}

[box] ol {
	background:rgba(233, 233, 233, 0.8);	
	/* opacity: 0.8; 	 */
	color: rgba(0, 0, 0, 0.75);
}

[box] h2 {
	opacity: 1.0;
}
	
[box]
{
	  /* float:left; */
  /* background:rgba(109, 128, 204, 0.5); /*#6d7fcc; */
  /* border:0.5px solid rgba(109, 128, 204, 0.5); */
  background: rgba(215, 206, 199, 0.8);  /*#6d7fcc;*/
	border:0.5px solid rgba(215, 206, 199, 0.9);
	  /* background: rgba(76, 175, 80, 0.1); */
  
  border-radius:0.2em;
  margin:0 0.05em 0.0em 0.0em;
  width:100%;
  /* opacity: 0.5;     */
  color: rgba(70, 72, 73, 0.75);
}

/* draggable targets */
[data-draggable="target"]
{
  /*float:left;*/
	list-style-type:none;
	
	width:97.5%;
	height:7.5em;
	overflow-y:auto;
	
	margin:0 0.5em 0.5em 0.3em;
	padding:0.5em;
	
	border:2px solid #888;
	border-radius:0.2em;
	
	background:#eeeef4;
	color:#555;
}

/* drop target state */
[data-draggable="target"][aria-dropeffect="move"]
{
	border-color:#68b;

	background:#fff;
}

/* drop target focus and dragover state */
[data-draggable="target"][aria-dropeffect="move"]:focus,
[data-draggable="target"][aria-dropeffect="move"].dragover
{
	outline:none;
	
	box-shadow:0 0 0 1px #fff, 0 0 0 3px #68b;
}

/* draggable items */
[data-draggable="item"]
{
	display:block;
	list-style-type:none;
	
	margin:0 0 2px 0;
	padding:0.2em 0.4em;
	
	border-radius:0.2em;
	
	line-height:1.3;
}

/* items focus state */
[data-draggable="item"]:focus
{
	outline:none;
	
	box-shadow:0 0 0 2px #68b, inset 0 0 0 1px #ddd;
}

/* items grabbed state */
[data-draggable="item"][aria-grabbed="true"]
{
	background:#8ad;
	color:#fff;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome and Opera */
  }

.hider {
  position: absolute;
  width: 85%;
}


#collapse1{
	z-index: 10;
}


/* // Range Label */
  .range-slider {
	margin: 10px 0 10 0%;
  }
  
  .range-slider {
	width: 100%;
  }
  
  .range-slider__range {
	-webkit-appearance: none;
	width: calc(100% - (73px));
	height: 10px;
	border-radius: 5px;
	background: #d7dcdf;
	outline: none;
	padding: 0;
	margin: 0;
  }
  .range-slider__range::-webkit-slider-thumb {
	-webkit-appearance: none;
			appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #2c3e50;
	cursor: pointer;
	-webkit-transition: background .15s ease-in-out;
	transition: background .15s ease-in-out;
  }
  .range-slider__range::-webkit-slider-thumb:hover {
	background: #1abc9c;
  }
  .range-slider__range:active::-webkit-slider-thumb {
	background: #1abc9c;
  }
  .range-slider__range::-moz-range-thumb {
	width: 20px;
	height: 20px;
	border: 0;
	border-radius: 50%;
	background: #2c3e50;
	cursor: pointer;
	-webkit-transition: background .15s ease-in-out;
	transition: background .15s ease-in-out;
  }
  .range-slider__range::-moz-range-thumb:hover {
	background: #1abc9c;
  }
  .range-slider__range:active::-moz-range-thumb {
	background: #1abc9c;
  }
  
  .range-slider__value {
	display: inline-block;
	position: relative;
	width: 60px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	border-radius: 3px;
	background: #2c3e50;
	padding: 5px 10px;
	margin-left: 8px;
  }
  .range-slider__value:after {
	position: absolute;
	top: 8px;
	left: -7px;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 7px solid #2c3e50;
	border-bottom: 7px solid transparent;
	content: '';
  }
  
  ::-moz-range-track {
	background: #d7dcdf;
	border: 0;
  }
  
  input::-moz-focus-inner,
  input::-moz-focus-outer {
	border: 0;
  }


/*********************************************
 *             TOOLTIP/POPOVER               *
 *********************************************/
  /* body {
	background: #eee;
	min-height: 520px;
  } */
  
  /* body,
  h1,
  h2,
  h3,
  div, */


  .popover {
	/* font-family: consolas, courier, monaco, menlo, monospace; */
	font-family: 'Poppins', sans-serif !important;	
	color: #000;
	max-width: 1000%;		

  }
  @import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
/* 
  #howto .popover {
	max-width: 50% !important;	
	width: 50% !important;	
  } */
 
  
  .ole,
  .elo {
	background: rgb(200,240,255);
	padding: 6px 36px;
	display: inline-block;
	font-size: 1.2em;
	border-radius: 4px;
	border:0;
	cursor: pointer;
	color: #000;
  } 
  
  .multiple_elements {
	padding: 30px 0 10px 0;
	text-align: center;
  }
  
  /*customizing tooltip color*/
  /*right tooltip*/
  .tooltip.right > .tooltip-arrow {
	border-right-color: dodgerblue;
  }
  
  /*bottom tooltip*/
  .tooltip.bottom > .tooltip-arrow {
	border-bottom-color: dodgerblue;
  }
  
  /*top tooltip*/
  .tooltip.top > .tooltip-arrow {
	border-top-color: dodgerblue;
  }
  
  /*left tooltip*/
  .tooltip.left > .tooltip-arrow {
	border-left-color: dodgerblue;
  }
  
  /*tooltip inner*/
  .tooltip > .tooltip-inner {
	background-color: dodgerblue;
	text-shadow: 0 1px 1px #C03A3A;
	font-weight: normal;
  }
  
  code {
	color: royalblue;
	background-color: azure;
  }
  
  @media (max-width:640px) {
	.ole,
	.elo {
	  padding: 6px 12px;
	  font-size: 12px;
	}
  }