*{
	margin:0;
	padding:0;  
} 

html, body{
  height:100%;
  overflow-x: hidden;
  overflow-y: hidden;  
  background-color:#FFFFF9;
  
}
body{
/*  background-color:rgba(221,231,235,0.5);*/
/*  background: rgba(0,0,0,0.04); *//* For browsers that do not support gradients */
  font-family: 'Roboto';
}
/*
header{
  padding:0.5em;
}
*/

span.header-title{font-size:1.3em;}
span.header-pencilin{font-size:0.7em;}

#header-login-button,
#header-menu-slider{
  display:none;
  position:absolute;
  right:1em;
  bottom:0.7em;  
}

#pres-tab{
  background-color: rgba(224,224,213,0.6);
  height:100vh;
  padding-top:25%
}

#survey-description{
  margin-top:20px;
  margin-bottom:20px;  
  padding:10px;
  text-align:center;
  border:2px solid #aaa;
  background:#eee;
  border-radius:5px;
}

/* slider */
.slider-header{
  position:relative;
  height:2em;
  text-align:center;
  line-height:2em;
}
.slider.with-footer .slider-body{
  height:calc(100% - 4.8em);
  overflow-y:auto;
}
.slider-footer{
  position:fixed;
  bottom:0;
  width:100%; 
  height:3em;  
  display:none;    
}   

.slider.open .slider-footer{
  display:block;
}
  
.slider-header.with-background{
  background:#A2A26A;
  color:#fff;  
}
.slider-header a.close-slider{
  position:absolute;
/*  top:0.5em;  */
  left:0.5em;      
}








#template{
  display:none;
}




#menu div.sl{
  width:70vw;
  text-align:right;
  padding:1em;    

}



.q-month{
  text-align:right;
  font-size:1.5em;
  font-weight:700;
}
        
#day{
  display:none;   
  margin:auto auto;
}

a:link,
a:visited,
a:hover,
a:active{
/*  color: inherit;*/ /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}
/*
#button-finalize{
  display:none;
  position:absolute;
  bottom:1em;
  right:1em;
  z-index:1000;
}
*/





@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* end -------------------------- init loader-------------- */


#main-menu li{
  display:none;
}
li a { margin: 0px; display: block; width: 100%; height: 100%; color:#fff !important;}



#survey-question-img-holder{
  min-width:100%;
  width:100%;
  height:30vh;
  overflow:hidden;
  position:relative;
  border-radius:5px;
}

#survey-question-img{
  position: absolute; 
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
}


.reward-line{
  font-size:0.9em;
  border-top: 2px solid #888;
  margin:5x;
}

.reward-line a.fa-check{color:#eee !important;}
.reward-line.rewarded a.fa-check{color:#3E9A18 !important;;}