@charset "utf-8";

body {
	
	background-image: url(../img/img_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;	
}

img.chevron-left {
	font-size: 2em;
}

nav {
	background: #009900;
	text-align: center;
}

div {
	color: white;
}

footer {
	background: black;
	position: fixed;
	width: 100%;
	bottom: 0;
}

.m-5 {
	margin: 5px;
}

fieldset.border.tabInfo {
	border: 2px solide #dee2e6;
	padding: 0 2em;
}

legend.titleTabInfo {
	width: 50%;
	padding: 1em 0 0 0;
	border: 0;
}

.table th {
		background-color: #eeee;
}

.table td {
	position: relative;	
}

.grey {
	width: 100%;
	height: 100%;
	background-color: #eeee;
	position: absolute;
	top:0;
	left:0;

}

.green {
	width: 100%;
	height: 100%;
	background-color: #28a745;
	position: absolute;
	top:0;
	left:0;
}

.rightGreen {
	width: 100%;
	height: 100%;
	background: linear-gradient(-45deg, #28a745 50%, transparent 50%);
	position: absolute;
	top:0;
	left:0;
}

.leftGreen {
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, #28a745 50%, transparent 50%);
	position: absolute;
	top:0;
	left:0;
}

.blue {
	width: 100%;
	height: 100%;
	background-color: #007bff;
	position: absolute;
	top:0;
	left:0;
}

.rightBlue {
	width: 100%;
	height: 100%;
	background: linear-gradient(-45deg, #007bff 50%, transparent 50%);
	position: absolute;
	top:0;
	left:0;
}

.leftBlue {
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, #007bff 50%, transparent 50%);
	position: absolute;
	top:0;
	left:0;
}

.yellow {
	width: 100%;
	height: 100%;
	background-color: #ffc107;
	position: absolute;
	top:0;
	left:0;
}

.rightYellow {
	width: 100%;
	height: 100%;
	background: linear-gradient(-45deg, #ffc107 50%, transparent 50%);
	position: absolute;
}

.leftYellow {
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, #ffc107 50%, transparent 50%);
	position: absolute;
	top:0;
	left:0;
}

.hatchGrey {
	width: 100%;
	height: 100%;
	background: repeating-linear-gradient(45deg, #eeee, #eeee 5px, #ffff 5px, #ffff 10px);
	position: absolute;
	top:0;
	left:0;
}

.hatchGreen {
	width: 100%;
	height: 100%;
	background: repeating-linear-gradient(45deg, #4dff4d, #4dff4d 5px, #ffff 5px, #ffff 10px);
	position: absolute;
	top:0;
	left:0;
}

.hatchRed {
	width: 100%;
	height: 100%;
	background: repeating-linear-gradient(45deg, #ff4d4d, #ff4d4d 5px, #ffff 5px, #ffff 10px);
	position: absolute;
	top:0;
	left:0;
}