/* Desktop */
.blinking{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #BE0003;    }
    49%{    color: #BE0003; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #BE0003;    }
}

  #tooltip {
    background-color: #333;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px;
  }

body, html {
 
  background: url(../images/bg.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.numBox
    {position:absolute; bottom:0%; right:1%;}




@media all and (min-width: 1024px) {

	
		table {
			margin-top: 5%;
			margin-left:35%;
			position:absolute;
			width:30%;
			background-color: rgba(255, 255, 255, 0.8);
			border-color: -moz-linear-gradient(top, #555555, #111111);
			border-radius: 25px;
			overflow: auto;
		}
	 th {
			vertical-align: middle;
			text-align: center;
	
		}
		td {
			padding: 3%;
		}
	
	table.evaluation {
			margin-top: 3%;
			margin-left:15%;
			position:absolute;
			width: 70%;
		}
		table.evaluation td {
			padding: 0%;
			padding-left: 2%;
			padding-right: 2%;
		}
		table.evaluation input {

    text-align: center; 
		}
	
table.resultgeneral {
			margin-top: 5%;
			margin-left:10%;
			position:absolute;
		    width: 80%;
			padding-left:2%;
			padding-right:2%; 
			background-color: rgba(255, 255, 255, 0.8);
			border-color: -moz-linear-gradient(top, #555555, #111111);
			border-radius: 25px;
			padding-bottom: 20%;
			overflow: auto;
vertical-align: middle;
		}
		table.resultgeneral th {
			vertical-align: middle;
			text-align: center;
		}
table.resultgeneral td {
	text-align: center;
	vertical-align: middle;
		padding: 0%;

		}
		
		table.resultgeneral tr {
			padding-top: 3%;
	    
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		}	
	
	
	
table.results {
			margin-top: 5%;
			margin-left:7.5%;
			position:absolute;
		    width: 85%;
			padding-left:2%;
			padding-right:2%; 
			background-color: rgba(255, 255, 255, 0.8);
			border-color: -moz-linear-gradient(top, #555555, #111111);
			border-radius: 25px;
			padding-bottom: 20%;
			overflow: auto;
vertical-align: middle;
		}
		table.results th {
			vertical-align: middle;
			text-align: center;
		border-left: 1px solid black;
		border-right: 1px solid black;
		}
table.results td {
	text-align: center;
	vertical-align: middle;
		padding: 0%;
		border-left: 1px solid black;
		border-right: 1px solid black;
		}
		
		table.results tr {
			padding-top: 3%;
			border-top: 1px solid black;
			border-bottom: 1px solid black;
		}
	
	table.admincontest {
			margin-top: 5%;
			margin-left:5%;
			position:absolute;
		    width: 90%;
			padding-left:2%;
			padding-right:2%; 
			background-color: rgba(255, 255, 255, 0.8);
			border-color: -moz-linear-gradient(top, #555555, #111111);
			border-radius: 25px;
			padding-bottom: 20%;
			overflow: auto;
vertical-align: middle;
		}
	
	
}
 /* Tablet Landscape */
@media all and (min-width: 768px) and (max-width: 1024px) {
		table {
			margin-top: 10%;
			margin-left: 20%;
			position:absolute;
			width:60%;
			background-color: rgba(255, 255, 255, 0.8);
			border-color: -moz-linear-gradient(top, #555555, #111111);
			border-radius: 25px;
			padding-bottom: 20%;
			overflow: auto;
		}
		td {
			padding: 5%;
		}
	table.resultgeneral {
			margin-top: 5%;
			margin-left:10%;
			position:absolute;
		    width: 80%;
			padding-left:2%;
			padding-right:2%; 
			background-color: rgba(255, 255, 255, 0.8);
			border-color: -moz-linear-gradient(top, #555555, #111111);
			border-radius: 25px;
			padding-bottom: 20%;
			overflow: auto;
vertical-align: middle;
		}
		table.resultgeneral th {
			vertical-align: middle;
			text-align: center;
		}
table.resultgeneral td {
	text-align: center;
	vertical-align: middle;
		padding: 0%;

		}
		
		table.resultgeneral tr {
			padding-top: 3%;
	    
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		}	
	table.evaluation {
			margin-top: 7%;
			margin-left: 15%;
			position:absolute;
			width: 70%;
		}
		table.evaluation td {
			padding: 0%;
			padding-left: 2%;
			padding-right: 2%;
		}
		table.evaluation input {

    text-align: center; 
		}
	
		table.results {
			margin-top: 10%;
			margin-left:15%;
			position:absolute;
		    width: 70%;
			background-color: rgba(255, 255, 255, 0.8);
			border-color: -moz-linear-gradient(top, #555555, #111111);
			border-radius: 25px;
			padding-bottom: 20%;
			overflow: auto;
vertical-align: middle;
		}
		table.results th {
			vertical-align: middle;
			text-align: center;
		border-left: 1px solid black;
		border-right: 1px solid black;
		}
table.results td {
	text-align: center;
	vertical-align: middle;
		padding: 0%;
		border-left: 1px solid black;
		border-right: 1px solid black;
		}
		
		table.results tr {
			padding-top: 3%;
			border-top: 1px solid black;
			border-bottom: 1px solid black;
		}
}

 /* Tablet Portrait */
@media all and (min-width: 480px) and (max-width: 768px) {

	table.resultgeneral {
			margin-top: 5%;
			margin-left:10%;
			position:absolute;
		    width: 80%;
			padding-left:2%;
			padding-right:2%; 
			background-color: rgba(255, 255, 255, 0.8);
			border-color: -moz-linear-gradient(top, #555555, #111111);
			border-radius: 25px;
			padding-bottom: 20%;
			overflow: auto;
vertical-align: middle;
		}
		table.resultgeneral th {
			vertical-align: middle;
			text-align: center;
		}
table.resultgeneral td {
	text-align: center;
	vertical-align: middle;
		padding: 0%;

		}
		
		table.resultgeneral tr {
			padding-top: 3%;
	    
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		}	
	
		table {
			margin-top: 10%;
			margin-left:20%;
			position:absolute;

		/*	transform: translate(-50%, -50%);*/
			width:60%;
			background-color: rgba(255, 255, 255, 0.8);
			border-color: -moz-linear-gradient(top, #555555, #111111);
			border-radius: 25px;
			padding-bottom: 20%;
			overflow: auto;
		}
		td {
			padding: 5%;
		}
	
	table.evaluation {
			margin-top: 5%;
			margin-left: 5%;
			position:absolute;
			width: 70%;
		}
		table.evaluation td {
			padding: 0%;
			padding-left: 2%;
			padding-right: 2%;
		}
		table.evaluation input {

    text-align: center; 
		}
	
		table.results {
			margin-top: 10%;
			margin-left:10%;
			position:absolute;
		    width: 80%;
			background-color: rgba(255, 255, 255, 0.8);
			border-color: -moz-linear-gradient(top, #555555, #111111);
			border-radius: 25px;

			overflow: auto;
		}
		table.results th {
			vertical-align: middle;
			text-align: center;
		border-left: 1px solid black;
		border-right: 1px solid black;
		}
table.results td {
	text-align: center;
	vertical-align: middle;
		padding: 0%;
		border-left: 1px solid black;
		border-right: 1px solid black;
		}
		
		table.results tr {
			padding-top: 3%;
			border-top: 1px solid black;
			border-bottom: 1px solid black;
		}
	
}
 /* Mobile */
@media all and (max-width: 480px) {

	
	table.resultgeneral {
			margin-top: 5%;
			margin-left:10%;
			position:absolute;
		    width: 80%;
			padding-left:2%;
			padding-right:2%; 
			background-color: rgba(255, 255, 255, 0.8);
			border-color: -moz-linear-gradient(top, #555555, #111111);
			border-radius: 25px;
			padding-bottom: 20%;
			overflow: auto;
vertical-align: middle;
		}
		table.resultgeneral th {
			vertical-align: middle;
			text-align: center;
		}
table.resultgeneral td {
	text-align: center;
	vertical-align: middle;
		padding: 0%;

		}
		
		table.resultgeneral tr {
			padding-top: 3%;
	    
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		}	
	
		table {
			margin-top: 25%;
			margin-left:20%;
			position:absolute;
			width:60%;
			background-color: rgba(255, 255, 255, 0.8);
			border-color: -moz-linear-gradient(top, #555555, #111111);
			border-radius: 25px;
			overflow: auto;
		}
		td {
			padding: 5%;
		}
	
	table.evaluation {
			margin-top: 25%;
			margin-left:15%;
			position:absolute;
			width: 70%;
		}
		table.evaluation td {
			padding: 0%;
			padding-left: 2%;
			padding-right: 2%;
		}
		table.evaluation input {

    text-align: center; 
		}
	
		table.results {
			margin-top: 25%;
			margin-left: 10%;
			position:absolute;
		    width: 80%;
			background-color: rgba(255, 255, 255, 0.8);
			border-color: -moz-linear-gradient(top, #555555, #111111);
			border-radius: 25px;
			padding-bottom: 20%;
			overflow: auto;
		}
		table.results th {
			vertical-align: middle;
			text-align: center;
		border-left: 1px solid black;
		border-right: 1px solid black;
		}
table.results td {
	text-align: center;
	vertical-align: middle;
		padding: 0%;
		border-left: 1px solid black;
		border-right: 1px solid black;
		}
		
		table.results tr {
			padding-top: 3%;
			border-top: 1px solid black;
			border-bottom: 1px solid black;
		}
}




	


/* CSS Document */