.imgcontainer
{
    z-index:-1;
}

.imgimage
{    
    z-index:-1;
}
.imgtext
{
  z-index:100;    
  color:white;
  font-size:12px;
  font-weight:bold;
	margin-top:-110px;
	padding-left:5px;
	line-height: 1.3;
	text-shadow: 3px 3px 3px #000;
}

.poz{
	-moz-box-shadow:inset 0px 1px 0px 0px #94FF94;
	-webkit-box-shadow:inset 0px 1px 0px 0px #94FF94;
	box-shadow:inset 0px 1px 0px 0px #94FF94;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00E600), color-stop(1, #00B300) );
	background:-moz-linear-gradient( center top, #00E600 5%, #A8A8A8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00E600', endColorstr='#00B300');
	background-color:#00E600;
}
.neg{
	-moz-box-shadow:inset 0px 1px 0px 0px #FF6666;
	-webkit-box-shadow:inset 0px 1px 0px 0px #FF6666;
	box-shadow:inset 0px 1px 0px 0px #FF6666;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF2929), color-stop(1, #EB0000) );
	background:-moz-linear-gradient( center top, #FF2929 5%, #A8A8A8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2929', endColorstr='#EB0000');
	background-color:#FF2929;
}
.nei{
	-moz-box-shadow:inset 0px 1px 0px 0px #E0E0E0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #E0E0E0;
	box-shadow:inset 0px 1px 0px 0px #E0E0E0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #C2C2C2), color-stop(1, #A8A8A8) );
	background:-moz-linear-gradient( center top, #C2C2C2 5%, #A8A8A8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C2C2C2', endColorstr='#A8A8A8');
	background-color:#C2C2C2;
}
.cit{
	-moz-box-shadow:inset 0px 1px 0px 0px #FF99E6;
	-webkit-box-shadow:inset 0px 1px 0px 0px #FF99E6;
	box-shadow:inset 0px 1px 0px 0px #FF99E6;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #B366FF), color-stop(1, #0000EB) );
	background:-moz-linear-gradient( center top, #B366FF 5%, #0000EB 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#B366FF', endColorstr='#0000EB');
	background-color:#B366FF;
}
.del{
	-moz-box-shadow:inset 0px 1px 0px 0px #000000;
	-webkit-box-shadow:inset 0px 1px 0px 0px #000000;
	box-shadow:inset 0px 1px 0px 0px #000000;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5C5C5C), color-stop(1, #3D3D3D) );
	background:-moz-linear-gradient( center top, #5C5C5C 5%, #3D3D3D 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5C5C5C', endColorstr='#3D3D3D');
	background-color:#5C5C5C;
}

.senti {
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #000;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
/*	line-height:40px;*/
	width:150px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
	margin-bottom:5px;
}
.senti:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.senti:active {
	position:relative;
	top:1px;
}

.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:65px;
	line-height:65px;
	width:231px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.classname:active {
	position:relative;
	top:1px;
}

.lietotajs{
	color:gray;
	font-weight:bold;
	font-size:0.7em; 
	border-bottom:1px dashed black;
	padding:4px;
}

a{text-decoration:none;color:#000;}
.tweet{
	background-color:rgba(255, 255, 255,0.8);
	color:black;
	margin:15px;
	padding:4px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	text-align:left;
	-moz-box-shadow: 3px 3px 4px #4D4D4D;
		-webkit-box-shadow: 3px 3px 4px #4D4D4D;
		box-shadow: 3px 3px 4px #4D4D4D;
}

table {
	background:#fff;
	margin:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	table-layout: auto;
	width: 100%;
}
	
table th {padding:4px 10px}

table td {
	background:#fff;
	padding:2px 10px 4px 10px
}
	
table tr.even td {background:#F6E9F6}

input{
	text-align:center;
	font-size:12px;
	border:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding-left:2px;
	padding-right:2px;
	background:#F6E9F6;
	background-color:rgba(246, 233, 246, 0.45);
	-webkit-box-shadow: rgba(64, 64, 64, 0.5) 2px 2px 9px;
	-moz-box-shadow: rgba(64, 64, 64, 0.5) 2px 2px 9px;
}

table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px}
	
table tr:last-child td:last-child {
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px}

#progressbar{ font: 30% "Trebuchet MS", sans-serif; margin-left:30px;}
.sk{ margin-top:-20px;margin-left:-90px;}
img {border-width: 0}
* {font-family:'Lucida Grande', sans-serif;}
#nav {margin-top:-10px;}
td{padding:2px;}
		.pg-normal {
			color: black;
			font-weight: normal;
			text-decoration: none;    
			cursor: pointer;    
		}
		.pg-selected {
			color: black;
			font-weight: bold;        
			text-decoration: underline;
			cursor: pointer;
		}
body{background-image:url('../img/bg.png');}
h1{
margin-top:-10px;
margin-bottom:-8px;
font-family: 'Reenie Beanie', serif;
text-align:center;
font-size:3.5em;
-webkit-text-fill-color: #000;
text-shadow: rgba(64, 64, 64, 0.5) 3px 3px 9px;
}
h3{
text-align:center;
}
.clear {clear: both;}
#contents{
min-height:500px;
}
#bottom{
font-size:12px;
}
#top{
text-align:center;
margin:0 auto;
height:60px;
background-color:rgba(229, 255, 255, 0.95);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-box-shadow: rgba(64, 64, 64, 0.5) 2px 2px 9px;
-moz-box-shadow: rgba(64, 64, 64, 0.5) 2px 2px 9px;
}
#bottom, #contents{
background-color:rgba(229, 255, 255, 0.65);
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-box-shadow: rgba(64, 64, 64, 0.5) 2px 2px 9px;
-moz-box-shadow: rgba(64, 64, 64, 0.5) 2px 2px 9px;
}
@font-face {
  font-family: 'Reenie Beanie';
  font-style: normal;
  font-weight: normal;
  src: local('Reenie Beanie'), local('ReenieBeanie'), url('ReenieBeanie.woff') format('woff');
}
.htooltip img {
	min-width: 20px;
	max-width: 80px;
	width: 10%;
	height: auto;
	display: inline-block;
}
.htooltip span { /* The appearance of our tooltip */
    background-color: rgba(0,0,0, 0.8);
    border-radius: 15px 15px 15px 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #fff;
    opacity: 0; /* Make it transparent */
    padding: 5px 5px 5px 5px;
	margin-left:60px;
	font-size:10pt;
    position: absolute;
    text-decoration: none;
    visibility: hidden; /* and hidden */
    z-index: 10;
}
 
.htooltip:hover span { /* show the tooltip when hover */
    opacity: 1;
    visibility: visible;
}
.png{
 position:relative;
 behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
 this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "trans.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
   );
 }
.tooltip {
	cursor: help; text-decoration: none;
	position: relative;
}
.tooltip span {
	margin-left: -999em;
	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 1em; top: 2em; z-index: 99;
	margin-left: 0; 
}
.tooltip:hover img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}
.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}
.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; font-size:0.8em; }
* html a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { 
	background: #9FDAEE; 
	border: 1px solid #2BB0D7;
	width: 40em;
    text-align: justify;
}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }


  .word {
  	font-family: Verdana, Tahoma, Arial;
  	padding: 4px 4px 4px 4px;
  	letter-spacing: 3px;
  	text-decoration: none;
  	font-weight: normal;
  }
  .size9 {
  	color: #000;
  	font-size: 45px;
  }
  .size8 {
  	color: #111;
  	font-size: 40px;
  }
  .size7 {
  	color: #222;
  	font-size: 35px;
  }
  .size6 {
  	color: #333;
  	font-size: 30px;
  }
  .size5 {
  	color: #444;
  	font-size: 26px;
  }
  .size4 {
  	color: #555;
  	font-size: 22px;
  }
  .size3 {
  	color: #666;
  	font-size: 18px;
  }
  .size2 {
  	color: #777;
  	font-size: 16px;
  }
  .size1 {
  	color: #888;
  	font-size: 10px;
  }
  
  .more {
	display: none;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666; }
a.showLink, a.hideLink {
	font-size:12px;
	text-decoration: none;
	color: #36f;
	padding-left: 8px;
	background: transparent url('down.gif') no-repeat left; }
a.hideLink {
	background: transparent url('up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
	border-bottom: 1px dotted #36f; }
	

#photos {
   /* Prevent vertical gaps */
   line-height: 0;

   -webkit-column-count: 5;
   -webkit-column-gap:   0px;
   -moz-column-count:    5;
   -moz-column-gap:      0px;
   column-count:         5;
   column-gap:           0px;

}
#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
}
#content{
  margin:auto auto;width:50%;float:left;
}
#contentFull{
  margin:auto auto;width:100%;float:left;
}
#content2{
  margin:auto auto;width:50%;float:right;padding-top:15px;
}
#statcontent{
	margin:auto auto; width:500px;text-align:center;
}
#kop-stat{
	float:left;
	min-height: 200px;
	width: 50%; 
}
#emo-stat{
	float:right;
	min-height: 300px;
	width: 50%; 
}
#grup-stat{
	float:left;
	min-height: 300px;
	width: 50%; 
}
#dzer-stat{
	float:right;
	min-height: 300px;
	width: 50%; 
}
#vardi{
	min-height: 500px;
	width: 100%;
}
#stats-wdays{
	min-height: 400px;
	width: 100%;
}
#stats-months{
	min-height: 400px;
	width: 100%;
}
#stats-dates{
	min-height: 400px;
	width: 100%;
}
#stats-hours{
	min-height: 400px;
	width: 100%;
}
#map_canvas{
	min-height: 800px;
	width: 100%;
}
#regions_div{
	min-height: 800px;
	width: 100%;
}
#fullregions_div{
	min-height: 800px;
	width: 100%;
}
#smile1{
	width: 50%; 
	float:left;
}
#smile2{
	width: 50%; 
	float:right;
}
#smile3{
	width: 50%; 
	float:left;
}
#smile4{
	width: 50%; 
	float:right;
}
#dstat1{
	width: 100%;
}
#dstat2{
	width: 50%; 
	float:left;
}
#dstat3{
	width: 50%; 
	float:right;
}

@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}


.column {
	float: left;
}

.left, .middleleft, .middleright {
	width: 15%;
	text-align:center;
}

.left {
	padding-top: 35px;
}

.right {
	width: 55%;
    text-align: justify;
	height:90px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#emo-stat-v{
	min-height: 100px;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

.TTS{
	position: relative;
	top: -17px;
}

.audioPlayer{
	border-radius: 15px;
	margin:0 auto;
	padding-bottom:5px;
}

.koest{
	margin:auto auto; 
	max-width:180px; 
	border-radius: 5px;
}

#koest-box{
	margin:auto auto; 
	width:615px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}

#toptable{
	margin:auto auto; 
	width:550px;
	text-align:center;
}
	#toptable2{
		width:550px;
		text-align:center;
		border-spacing:0px;
		border:1px solid white;
	}
	.tb1{
		width: 5px;
	}
	.tb2{
		max-width: 30px;
	}
	.tb3{
		width: 15px;
	}
	.tb4{
		width: 15px;
	}
	.tb5{
		width: 15px;
	}

@media (max-width: 479px) {
	.koest{
		max-width:90px; 
	}
	#koest-box{
		width:300px;
	}
	#toptable{
		width:100%;
	}
	#toptable2{
		width:300px;
	}
	.TTS{
		position: relative;
		top: 0px;
	}
	.left{
		width: 100%;
		padding-top: 0px;
	}
	.middleleft {
		text-align:center;
		width: 100%;
	}
	.middleright {
		text-align:center;
		width: 100%;
	}
	.right{
		font-size:8px;
		width: 100%;
	}
	table {
		font-size:10px;
	}
	table b a {
		font-size:8px;
		width:40px;
		text-overflow: ellipsis;
		display:inline-block;
		overflow: hidden;
	}
	td.datu {
		font-size:8px;
	}
	#photos {
		-moz-column-count:    1;
		-webkit-column-count: 1;
		column-count:         1;
	}
	#nav {
		margin-top:15px;
		margin-left: -10px;
	}
	#content, #content2{
		margin:auto auto;width:100%;float:left;
	}
	#statcontent{
		margin:auto auto; width:auto;text-align:center;
	}
	#kop-stat{
		width: 100%; 
	}
	#emo-stat{
		width: 100%; 
	}
	#grup-stat{
		width: 100%; 
	}
	#dzer-stat{
		width: 100%; 
	}
	#smile1{
		width: 100%; 
	}
	#smile2{
		width: 100%; 
	}
	#smile3{
		width: 100%; 
	}
	#smile4{
		width: 100%; 
	}
	#dstat2{
		width: 100%; 
	}
	#dstat3{
		width: 100%; 
	}
	#vardi{
		min-height: 200px;
	}
	#map_canvas{
		min-height: 300px;
		width: 100%;
	}
	#regions_div{
		min-height: 300px;
		width: 100%;
	}
	#fullregions_div{
		min-height: 300px;
		width: 100%;
	}
	.htooltip span {
		padding: 1px 1px 1px 1px;
		margin-left:0px;
	}
	.tb1{
		width: 5px;
	}
	.tb2{
		max-width: 20px;
	}
	.tb3{
		width: 5px;
	}
	.tb4{
		width: 5px;
	}
	.tb5{
		width: 5px;
	}
}
	
	
#ico1{
	height:32px; 
	position:fixed;
	top:0px;
	right:0px;	
}
#ico2{
	height:32px; 
	position:fixed;
	top:0px;
	right:32px;	
}
#ico3{
	height:32px; 
	position:fixed;
	top:0px;
	right:64px;	
}


@media (max-width: 1100px) {
	
	#ico1{
		height:32px; 
		position:fixed;
		top:0px;
		right:0px;	
	}
	#ico2{
		height:32px; 
		position:fixed;
		top:32px;
		right:0px;	
	}
	#ico3{
		height:32px; 
		position:fixed;
		top:64px;
		right:0px;	
	}
	
}


/* Gada atskats */

#capture{
	width:864px; 
	height:1536px; 
	overflow: hidden; 
	padding:20px; 
	display:block; 
	margin:auto; 
	background-image: url('/img/backgrounds.png');
}

.fooddiv {
    width: 140px;
    height: 140px;
    overflow: hidden;
    margin: 8px;
    position: relative;
	float:left;
	padding:5px;
	display:inline;
}

.foodimg {
	object-fit: cover;
	object-position: top;
	height: 140px;
	width: 140px;
	border-radius: 15px;
}

#atheader{
	font-family: Arial; 
	text-shadow: 0 0 0px #000, 0 0 0px #000; 
	margin-bottom:15px;
	margin-top:10px;
}

#atprof{
	display:block; 
	margin:auto; 
	height:220px; 
	border-radius: 80px;
}

#attekst{
	font-size:32px;
	margin: 10px;
}

#topedieni{
	width:300px; 
	float:left; 
	text-transform: capitalize; 
	font-size:28px; 
	margin-bottom: 20px;	
	margin-left: 10px;
}

#topgrupas{
	width:480px; 
	float:right; 
	font-size:28px; 
	margin-bottom: 20px;
}

#btnSave{
	display:block; 
	margin:auto;
	position: relative;
	background-color: #4CAF50;
	font-size: 28px;
	color: #FFFFFF;
	padding: 20px;
	width: 210px;
	text-align: center;
	transition-duration: 0.4s;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
	border-radius: 15px;
}

#btnSave:after {
	content: "";
	background: #f1f1f1;
	display: block;
	position: absolute;
	padding-top: 300%;
	padding-left: 350%;
	margin-left: -20px !important;
	margin-top: -120%;
	opacity: 0;
	transition: all 0.8s
}

#btnSave:active:after {
	padding: 0;
	margin: 0;
	opacity: 1;
	transition: 0s
}

#btnSave:hover {
	background-color: #3e8e41;
}

#btnSave:active {
	background-color: #3e8e41;
	box-shadow: 0 5px #666;
	transform: translateY(4px);
}

.box {
  width: 200px; height: 300px;
  position: relative;
  border: 1px solid #BBB;
  background: #EEE;
}
.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 120px; height: 120px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 200px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 35px; left: -55px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}