/* base font-size corresponds to 10px and is adapted to rem unit */
html {
	font-size			:	100%;
	width				:	100%;
	height				:	100%;
	font-family 			: Roboto;
}


.bg-choose {
	background: #eee url('../login-screen.jpg') no-repeat center fixed;
	background-color: rgb(238, 238, 238);
	background-size: auto auto;
	background-size: auto auto;
	background-size: cover;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	filter: hue-rotate(20deg) grayscale(50%);
	-webkit-filter: hue-rotate(20deg) grayscale(50%);
}


.hue-rotate {
  -webkit-animation: hue-animation 8s infinite;
  animation: hue-animation 8s infinite;
}

@-webkit-keyframes hue-animation {
  0% {-webkit-filter: hue-rotate(0deg);}
  50% {-webkit-filter: hue-rotate($degHueRotate);}
  100% {-webkit-filter: hue-rotate(0deg);}
}

@keyframes hue-animation {
  0% {filter: hue-rotate(0deg);}
  50% {filter: hue-rotate($degHueRotate);}
  100% {filter: hue-rotate(0deg);}
}

.logo-ets {
    max-width:173px;
    max-height:43px
}