@CHARSET "UTF-8";

html {
	position: relative;
	min-height: 100%;
}

body {
	padding-top: 140px;
	margin-bottom: 60px;
}

#wrap {
	min-height: 100%;
	height: auto;
	/* Negative indent footer by its height */
	margin: 0 auto -60px;
	/* Pad bottom by footer height */
	padding: 0 0 60px;
}

.left { text-align:left; }

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: rgb(245, 230, 200);
 }

.table-striped>tbody>tr:nth-child(even)>td, 
.table-striped>tbody>tr:nth-child(even)>th {
   background-color: rgb(225, 210, 200);
 }

.navbar-custom {
	color: #000000;
    background-color: #60faff;
}

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
	color: #eeee00;
    background-color: #006f00;
}

.gallerydiv {
	position: relative;
    display: inline-block;
}
.gallery {
    display: inline-block;
    opacity: 1;
    transition: visibility 0s, opacity 0.5s linear;
}
.gallerybtn {
	display: none;
    top: 0;
    right: 0;
    z-index: 9999;
    position: absolute;
}
.gallery:hover {
    opacity: 0.5;
}
.gallery:hover + .gallerybtn, .gallerybtn:hover {
	display: inline-block;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	line-height: 60px; /* Vertically center the text there */
	color: #ffffff;
	background-color: #000000;
}