html{
	height: 100%;
	width:100%;
}
body {
	height: 100%;
	width:100%;
	/*background: white url('../../Logos/g10logo.png') no-repeat center center;*/
	overflow:hidden;
	margin: 0;
	padding: 0;
	min-height: 550px;
	min-width :900px;
	z-index:1;
}
#parentId
{
	height: 100%;
	width: 100%;
	overflow:hidden;
	margin: 0;
	background-color:white;
	display: block;
	opacity: 0.1;
	filter: alpha(opacity=90);
	moz-opacity: 0.9;
	z-index:10
	}
 
/*.principal {
	display: block;
	position:absolute; 
	top:0; 
	width:100%;
	left: 0;
	height: 100%; 
    background: url('../GU.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../GU.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../GU.jpg', sizingMethod='scale')";

}*/
#view-source {
    position: fixed;
    display: block;
    right: 0;
    bottom: 0;
    margin-right: 40px;
    margin-bottom: 40px;
    z-index: 900;
}
#loadingmmx 
{
	background: white url('../../Logos/g10logo.png') no-repeat center center;
	display: block;
	position:absolute; 
	top:0px; 
	width:100%;
	left: 0px;
	height: 100%;
	opacity: 0.9;
	filter: alpha(opacity=90);
	moz-opacity:0.9;
	z-index:90
}
#loadingearth 
{
	background: white url('../../Logos/loading_earth.gif') no-repeat center  150px;
	display: block;
	position:absolute; 
	top:0; 
	width:100%;
	left: 0;
	height: 100%;
	opacity: 0.7;
	filter: alpha(opacity=70);
	moz-opacity:0.7;
	z-index:100
} 
#loadinginfo
{
	/*background: white;*/
	display: none;
	position:absolute; 
	top:95%; 
	width:40%;
	left: 30%;
	height: 25px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	moz-opacity:0.7;
	z-index:150
}
#imagem
{
	src: url('../../Logos/g10icon.png'); 
	position:relative;
	top:3px;
	left:3px;
	visibility: hidden;
}
#titulo
{
	position:relative;
	top:3px;
	left:250px;
	visibility:visible;
	}
#logo
{
	position:relative;
	top:3px;
	left:3px;
	visibility: hidden;
    src: url('Logos/g10icon.png') 
}



.message-popup {
  min-width: 50px;
  min-height: 30px;
  height: auto;
  width: auto;
  max-height: 280px;
  max-width: 350px;
  position: absolute;
  z-index: 9999;
  bottom: 25px;
  right: 25px;
  background-color: #FFF;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.25);
  box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.25);
  font-size: 12px;
  color: #222;
}

.alert-box{
padding: 10px;
padding-bottom: 0px;
padding-top: 5px;
opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

#download-alert {
  text-decoration: underline;
  color: #2196F3 !important;
  cursor: pointer;
  opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.alert-box span {
  padding-left: 5px;

}

#generate-alert {
  opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;

}


.one {
  margin-left: 1px;
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.two {
  margin-left: 1px;
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
}

.three {
  margin-left: 1px;
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
}

@-webkit-keyframes dot {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes dot {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.app-card-login {
  width:100%;
  min-height: 20px !important;
}

.pop-up {
  z-index: 9999;
  min-width: 200px;
  min-height: 20px !important;
  height: auto;
  width: auto;
  max-height: 700px;
  max-width: 350px;
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}


.about-app-text {
  line-height: 1.7;
  font-size: 16px;
  overflow: auto;
  max-height: 350px;
}
#g10confirmmessageyes {
  color: #4CAF50;
}

#g10confirmmessageno {
  color: #FF5722;
}
.blur-bckg {
  position: absolute;
    opacity: 0.6;
    background-color: #757575;
    height: 100vh;
    width: 100vw;
    z-index: 9998;
    top:0;
}