/* @viewport {
    width: device-width;
    initial-scale: 1;
    zoom: 1;
    min-zoom: 1;
    max-zoom: 3;
    user-zoom: fixed;
} */

body {background-color:#F0F0F5;}
h1{color:#00008a;font-family:Arial,Times,serif;font-style:normal;font-size:1.5em;font-weight:bold}
h2{color:#00008a;font-family:Arial,Times,serif;font-style:normal;font-size:1.2em;font-weight:bold}
hr{color:#ADD8E6;size:3px;}

p.wrong{color:#A52A2A;font-family:Arial,Times,serif;font-style:normal;font-size:1.5em;font-weight:bold}
p.huser{color:#483D8B;font-family:Arial,Times,serif;font-style:normal;font-size:1.2em;font-weight:bold}

.ms {font-family:Courier New,Courier,Lucida Console;}
.kod{ font-family:Courier New,Courier,Lucida Console;
      font-weight:bold;font-size:1.05em;color:#904040;}

div.cntr  {
margin-top:10em;
text-align:center;
font-family:Arial,Times,serif;
} 

a:link {color:grey;}
a:visited {color:grey;} 
a:hover {color:black;}
a:active {color:blue;}

address{text-align:center;font-family:Arial Unicode,Arial,Times,serif;font-size:0.9em;font-style:normal;color:grey;font-weight:normal;}

/*Tables*  width:30%;
border-color:#696969;
vertical-align:top;
}
*/

table,th,td{
	font-family:Arial Unicode,Arial,Times,serif;
	font-size:0.9em;
	border-collapse:collapse;
	border:1px solid grey;
	padding:4px;
}
tr.bgr_r{background-color:#FFF0F5;} 
tr.bgr_g{background-color:#D9FFB2;} 
tr.bgr_b{background-color:#CCF5FF;} 
tr.bgr_y{background-color:#FFFFCC;} 
tr.bgr_w{background-color:#FFFFFF;} 

th{
	background-color:#DCDCDC;
	color:black;
	height:2em;
 }
 
td{
	background-color:#ECECEC;
	color:black;
	height:2em;
 }

 /*td.pav{
 font-family:Arial Unicode,Arial,Times,serif;
 font-weight:bold;
 color:#904040;
 }

 td.kod{
 font-family:Courier New,Courier,Lucida Console;
 font-weight:bold;
 color:#904040;
 }*/
 
 /* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1; 
  width:510px;
  text-align:center;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
/*  border: 1px solid #ccc;
  background-color: #f1f1f1;*/
  float: center;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 80px;
  transition: 0.3s;
  font-size: 17px;
  text-align:center;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: none;
  border-top: none;
  width:25.7%;
}

.button1 {
	width: 150px;
	height:44px;
	font-size: 16px;
	margin: 5px;
}

/* input[type=text], input[type=password]      {width: 150px;} */

/* @media screen and (max-width: 680px) {
    input[type=text], input[type=password]      {width: 110%;}
	button     {width: 110%;}
}

@media screen and (max-width: 400px) {
    input[type=text], input[type=password]      {width: 120%;}
	button     {width: 120%;}
} */