body{ 	
	background-color: rgb(100,100,100);
	padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Arial; }

.footer {
	background-color: transparent;
	position: absolute; 
	height: 30px; 
	line-height: 30px; 
	width: 100%; 
	bottom: 100px; 
	font-size: 1em; 
	color:white;
	font-weight: normal; 
	text-align: center;
}
.footerlink{ color:#dddddd; cursor: pointer; font-weight: normal; text-decoration: none; }
.footerlink:hover{ color:white; text-decoration: underline; }
.footerlink:focus{ color:white; }

#frBackground { 
	height: auto; position: fixed; left: 0; min-width: 100%; min-height: 100%; top: 0;  width: auto; z-index: -100;
}

#divlogin_container { text-align: center; width: 100%; }
#divlogin {
	background: rgba(0,0,0,0.4); border: none; border-radius: 5px; 
	color: silver; display: inline-block; font-size: 10pt; font-weight: normal; 
	height: auto; padding: 40px; text-align: left;	
	max-width: 450px;
	width: 100%;
	
    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;	
	
}

/* ------------- Begin: animation in login ---------------*/
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* ------------- End: animation in login ---------------*/




.input { background-color: rgba(0,0,0,0.8); border: none; color: #ffffff; 
		 font-size: 12pt; width: 100%; padding: 15px; }

#btnsubmit {
	background-color: #00ACAC; 
	border-radius: 4px;
	color:#ffffff; 
	font-size: 12pt;
	border: 0px; 
	padding: 15px;
	width: 100%; 
	cursor: pointer; 
}


@media screen and (max-width: 980px) {
	#divlogin { max-width:100%; border-radius:0px; padding-left: 15px; padding-right: 15px; }
	.input { width:100%; }
	#btnsubmit { max-width:100%; }
	.footer { position: static; }
}


