body{
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0px;
}
#umap{
    position:absolute;
    width:100%;
    height:100%;
    margin:0px;
    top:0px;
    left:0px;
}
/*    Pulse animation*/
.pulse {
    animation: pulse 1s infinite;
    margin: 0 auto;
    display: table;
    margin-top: 50px;
    animation-direction: alternate;
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
/*for webkit*/
@-webkit-keyframes pulse{
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
/* for others*/
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

/*  info*/
#infobg{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background-color: #59a7ea;
    display: none;
    z-index: 2010;
}  
.info{
    position: absolute;
/*    top: 50%;*/
    top: 10px;
    left: 50%;
/*    margin: -250px 0 0 -150px;*/
    margin: 0px 0 0 -150px;
    width:300px;
    overflow: auto;
/*    height:500px;*/
}
/*  hold*/
#holdbg{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background-color: #59a7ea;
    display: none;
    overflow: auto;
    z-index: 2010;
}
.hold{
    position: absolute;
    top: 10px;
    left: 50%;
/*    margin: -250px 0 0 -150px;*/
    margin: 0px 0 0 -150px;
    width:300px;
}
/*  restbg*/
#restbg{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background-color: #59a7ea;
    display: none;
    z-index: 2010;
    overflow: auto;
}
/*  menu*/
#appmenubg{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background-color: #59a7ea;
    display: none;
    z-index: 2010;
    overflow: auto;
}
.appmenu{
    position: absolute;
/*    top: 50%;*/
    top: 100px;
    left: 50%;
/*    margin: -250px 0 0 -150px;*/
    margin: 0px 0 0 -150px;
    width:300px;
    height:500px;
}

.lbt{
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #3457a8;
    border: 0;
    border-radius: 5px;
    cursor: pointer; 
    outline:0;
}
/*  start*/
#start{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    display: inline;
    z-index: 3000;
    
    background: url(graphs/splash.png) no-repeat center center fixed; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
/*    background-size: cover;*/
    background-color: #59a7ea;
}
/*select*/
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.cs-skin {    
    color: #ffffff;
	background-color: #59a7ea;
	font-size: 2em;
	font-weight: 600;
    width: 200px;
    padding: 20px;
    
}
sbt{
    padding: 12px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    background: #3457a8;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    outline: 0;
}
/*Editor - inrest*/
.w100{ width: 100% !important;}
.w50{ width: 50% !important;}
.w25{ width: 25% !important;}