/*body {
	height: 100vh;
	margin: 0;
}
*/

.dropdown-menu-center {
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.navbar-margin {
	margin-bottom:50px;	
}
.dropdown-menu {
  max-height: 400px;
  overflow-y: scroll;
}			


@media only screen and (max-height: 400px) {
	.dropdown-menu {
	  max-height: 250px;
	  overflow-y: scroll;
	}			
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.navbar-margin {
		margin-bottom:0px;	
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.navbar-margin {
		margin-bottom:10px;	
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.navbar-margin {
		margin-bottom:10px;	
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.navbar-margin {
		margin-bottom:20px;	
	}	
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	.navbar-margin {
		margin-bottom:30px;	
	}
}


			a:hover {
				cursor: pointer;
			}
				
			tr.breaker {
				background-color:red;	
			}
			tr td, tr th {
				text-align: center;
				text-weight: bold;
			}
			@keyframes fadeInYo {
			    from {
			        opacity: 0;
			    }
			    to {
			        opacity: 1;
			    }
			}
			.fade-in-yo{
			    animation: fadeInYo .6s forwards;
			}			
			@keyframes fadeOutYo {
			    from {
			        opacity: 1;
			    }
			    to {
			        opacity: 0;
			    }
			}
			.fade-out-yo{
			    animation: fadeOutYo .6s forwards;
			}			
			
			
			
			table thead tr th {
				cursor: pointer; 
			}
			
			.dtfc-fixed-left {
				background: #FFFFFF;
			}
			
			#myInput-container, #myBookmarksInput-container {
			  position:absolute;
/*			  position:fixed;*/
			  top:200px;
			  display:none;
/*			  place-items:center;*/
			  width:100%
			  z-index: 2147483647; /* Sit on top */
			  left: 0;
			  top: 0;
			  width: 100%; /* Full width */
			  height: 100%; /* Full height */
			  overflow: auto; /* Enable scroll if needed */
			  background-color: rgb(0,0,0); /* Fallback color */
			  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */			  
			}

			/* Modal Content/Box */
			#myInput, #myBookmarksInput {
			  background-color: #fefefe;
			  margin: 2% auto auto auto; /* 15% from the top and centered */
			  padding: 20px;
			  border: 1px solid #888;
			  width: 90%; /* Could be more or less, depending on screen size */
			  top: 100px;
/*			  width:70%;margin:auto*/
			}
			

/* checkboxes for chart toggle menu button*/
.checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin:0;
    transition: background-color .4s ease;
}
.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

.checkbox-menu li.active label {
    background-color: #cbcbff;
    font-weight:bold;
}

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

.checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
    background-color: #b8b8ff;
}			


canvas {
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
}