body, html {
    height: 100%;
    margin: 0;
}

.login-form {
	width: 30rem;
	height: 24rem;
	position: fixed;
	top: 40%;
	margin-top: -9.375rem;
	left: 50%;
	margin-left: -12.5rem;
	background-color: #ffffff;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1) ;
	-webkit-transition: .5s ; 
	transition: .5s ;
}

.bg {
    /* The image used */
    background-image: url("../images/banners/fundo.jpg");

    /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*
.tile-area-controls {
	position: fixed;
	right: 40px;
	top: 40px;
}

.tile-group {
	left: 100px;
}

.tile, .tile-small, .tile-square, .tile-wide, .tile-large, .tile-big, .tile-super {
	opacity: 0;
	-webkit-transform: scale(.8);
	transform: scale(.8);
}
*/

#charmSettings .button {
	margin: 5px;
}
/*
.schemeButtons {
	width: 300px;
}
*/
/*
@media screen and (max-width: 640px) {
	.tile-area {
		overflow-y: scroll;
	}
	.tile-area-controls {
		display: none;
	}
}

@media screen and (max-width: 320px) {
	.tile-area {
		overflow-y: scroll;
	}

	.tile-area-controls {
		display: none;
	}

}
*/
.bg-lightVes {
  background-color: #3193a8 !important;
}
.bd-lightVes {
  border-color: #3193a8 !important;
}
.after-bg-lightVes:after {
  background: #3193a8 !important;
}

.before-bg-lightVes:before {
  background: #3193a8 !important;
}

.area-imagem {
	top: 40px ;
	left: 0px ;
}

.profile-img {
    width: 100% !important ;
    height: 100% !important ;
}

.area{
  font-size: 40px;
  color: #C8C8C8;
}