/* Babble Explorer CSS Alpha 0.8 Copyright 2018 @Andrew_McGee McGee Technology */
/*                                                                             */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: rgb(238, 238, 238);
	color: DimGrey;
}

a:link { color: DimGrey; text-decoration: none !important; }
a:visited { color: DimGrey; text-decoration: none !important; }
a:hover { color: Blue; text-decoration: none !important; }
a:active { color: DimGrey; text-decoration: none !important; }

.ui.header {
	color: DimGrey !important;
}

.ui.header.huge {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 3rem !important;
}

.stat {
	position: relative;
	border: 1px none;
	height: 40px;
}

.stat div {
	background-color: rgb(238, 238, 238);
	padding: 5px;
	border-style: solid;
    border-width: 1px;
	border-color: lightgrey;
	border-radius: 8px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

.ui.card.red {
	transition: color .5s, box-shadow .5s;
}

.ui.card.red:hover {
	box-shadow: 4px 4px 10px grey;
}

.ui.card.red:hover .description {
	color: black;
}

.ui.card.blue {
	transition: color .5s, box-shadow .5s;
}

.ui.card.blue:hover {
	box-shadow: 4px 4px 10px grey;
}

.ui.card.blue:hover .description {
	color: black;
}

.ui.card.green {
	transition: color .5s, box-shadow .5s;
}

.ui.card.green:hover  {
	box-shadow: 4px 4px 10px grey;
}

.ui.card.green:hover .description {
	color: black;
}

.ui.dropdown {
	 background-color: whitesmoke !important;
	 color: DimGrey !important;
}

.ui.dropdown .menu {
	 background-color: whitesmoke !important;
	 color: DimGrey !important;
}

.ui.dropdown.q1 {
	 background-color: whitesmoke !important;
	 border: 1px  solid #DB2828;
	 color: DimGrey !important;
}

.ui.dropdown.q1 .menu {
	 background-color: whitesmoke !important;
	 color: DimGrey !important;
}

.ui.dropdown.q2 {
	 background-color: whitesmoke !important;
	 border: 1px  solid #0E6EB8;
	 color: DimGrey !important;
}

.ui.dropdown.q2 .menu {
	 background-color: whitesmoke !important;
	 color: DimGrey !important;
}

.ui.dropdown.q3 {
	 background-color: whitesmoke !important;
	 border: 1px  solid #016936;
	 color: DimGrey !important;
}

.ui.dropdown.q3 .menu {
	 background-color: whitesmoke !important;
	 color: DimGrey !important;
}

.social  {
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
	color: lightgrey;
}

.social a:link, .social a:visited {
  color: LightGrey !important;;
	text-shadow: none !important;;
}
.social a:hover, .social a:active {
  color: White !important;;
	text-shadow: 2px 2px 10px black !important;;
}

.pad  {
	padding-right: 8px;
	margin-right: 8px;
}

.ui.column.one {
  height: 1000px;
  overflow-y: scroll;  /* or auto */
	scrollbar-width: none;
}
.ui.column.one::-webkit-scrollbar { /* WebKit */
    width: 0;
    height: 0;
}