@charset "UTF-8";
/* CSS Document */

body, html {
	height: 100%;
	background:  hsl(171, 60%, 96%);
}

#body {
	padding-top: 200px;
}

.table thead tr:hover {
	background-color: transparent !important;
}

.table tbody tr:hover {
	background-color: rgba(255,255,255,0.8) !important;
}

.container {
	padding-bottom: 100px;
}

.fullscreen {
	height: 100%;
	background: url("../gfx/bg.png") no-repeat center center fixed;
	background-size: cover;
}

.datePickerTable th, td {
	padding: 5px;
	vertical-align: middle !important;
}

#startPicker {
	width: 300px;
}

#logo {
	position: absolute;
	bottom: 20px;
	right:50px;
	width: 10%;
	min-width: 200px;
}

#errorNote {
	display: none;
}

#rankCol {
	width: 70px;
}

#tableImage {
	width: 100px;
}
	
#interactions {
	width: 200px;
}
	
#time {
	width: 200px;
}

#totalInteractions, #dailyInteractions {
	font-size: 5em;
}

.navbar-item img {
	max-height: unset;
	margin: 10px;
}

.capitalise {
	text-transform: capitalize;
}

nav {
	border-bottom: hsl(204, 86%, 85%) thin solid;
}

#dailyTotals, #topDays, #dayTotals, #hourTotals {
	width: 400;
	height: 100;
}

@media screen and (max-width: 1024px) {
	
	#body {
		padding-top: 140px;
	}
	
	#icon, #managementDrop, #userDrop {
		display: none;
	}
	
	#navMenu {
		text-align: center;
	}
	
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.title {
		font-size: 1.5em !important;
	}
	
	#totalInteractions, #dailyInteractions {
		font-size: 3.5em;
	}
	
	.table td {
		padding: .3em;
	}
	
	.table .title {
		font-size: 1em !important;
	}
	
	.table {
		font-size: .8em;
	}
	
	#rankCol {
		width: 20px;
	}
	
	#tableImage {
		width: 50px;
	}
	
	#interactions {
		width: 80px;
	}
	
	#time {
		width: 80px;
	}
	
	#activePromotions .column, #inactivePromotions .column {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	.columns {
		padding-bottom: 80px;
	}
	
	#dailyTotals, #topDays, #dayTotals, #hourTotals {
		width: 400;
		height: 400;
	}
	
	.image.is-96x96 {
		width:70px !important;
		height:70px !important;
	}
	
}