input::-webkit-input-placeholder {
    text-transform: lowercase;
    font-size:12px;
}

input[type=range][orient=vertical]
{
    writing-mode: bt-lr; /* IE */
    -webkit-appearance: slider-vertical; /* Chromium */
    width: 8px;
    height: 100%;
    padding: 0 5px;
}

label {
	color: #8fbc8f;
}

td {
	color: #808080;
}

#guest {
	background-color: #FFFFF0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}
#botao {
	margin-right: 1rem;
}

#botao:hover {
	background-color: #00008b;
	transition: 0.5s;
	/*opacity: 0.7;*/
}

#link:hover {
	color: white;
}

#link {
	color: #00008b;
}

#barra:hover {
	background-color: #ffffe0;
	transition: 0.5s;
/*	color: black;*/
	/*opacity: 0.7;*/
}

#tabela:hover {
	background-color: #f1f0ef;
	color: black;
}

.preloader {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #daf1e4;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 25;
}

.hide-preloader {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease, visibility 0.5s ease;
}

.bi {
	font-size: 1.1rem;
	padding-right: 7px;
}

.clickable:hover {
    background: #E0FFFF;
    cursor: pointer;
}

.clickable a{
	display: none;
}

.clickable:hover a {
	display: block;
}