html,body{height:100%; width:100%; margin:0; padding:0;}

input[type=text]{height:22px; font-size:18px; padding:1px;}
input[type=number]{height:22px; font-size:18px; padding:1px;}
input[type=password]{height:22px; font-size:18px; padding:1px;}
select{height:28px; font-size:18px; padding:1px;}
a{text-decoration:none; color:#000000;}
h2,h3{margin:5px 0;}



html {
  height: 100%;
}
body {
  height:auto;
 /* min-height:100%;*/
}

body{
	/*position:relative;*/
}
body::after {

  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;
  
}











@media print { 
		img{display:none;}
 }
 
	
	
	/* tabele */
	.frm{
		border-width: 1px; 
		border-style: dotted; 
		border-color: #cccccc; 
	
	}
	.frm td{ 
			border-width:0px 0px 1px 0px; 
			border-style: dotted; 
			border-bottom-color:#999999; 
			padding:2px;
	}
	.frm2 td:not(:last-child){ 
			border-width:0px 1px 1px 0px; 
			border-right-color:#cccccc; 
	}
	.frm input:not([type=checkbox]):not([type=radio]){width:98%;}
	.frm select{width:100%;}
	





body.touched  [title]:not([title=""]):hover::before {
	content: attr(title);
	position: absolute;
	/*white-space: nowrap;
	bottom: -26px;*/
	white-space:pre;
	top:120%;
	left:0%;
	display: inline-block;
	padding: 3px 6px;
	border-radius: 2px;
	background: #333;
	color: #fff;
	font-size: 12px;
	font-family: sans-serif;		  
	z-index: 1;
	text-align:left;
	line-height:normal;
}
body.touched  [title]:not([title=""]):hover::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 8px;
	display: inline-block;
	color: #fff;
	border: 8px solid transparent;	
	border-bottom: 8px solid #333;
}
body.touched [title]:not([title=""]) {
	position: relative;
	border-bottom:1px dotted rgba(0,0,0,0.2);
}





.menu_button{
	background-color:#333;
	color:#ffffff;
	padding:6px;
	text-decoration: none;
}
.menu_button:hover, .menu_button:focus{
	background-color:#555;
}





.topnav {
  overflow: hidden;
  background-color: #333;
}
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 8px;
  text-decoration: none;
  font-size: 16px;
}
.active {
  background-color: #5050AF;/*50AF50*/
  color: white;
}
.topnav .icon {
  display: none;
}
.topnav a:hover, 
.topnav a:focus {
  background-color: #555;
  color: white;
}
@media screen and (max-width: 600px) {
  .topnav a:first-child{
      width:40%;/*END to Center*/
  }
  .dropdown-content a:first-child{
      width:100%;/*END to Center*/
  }

  .topnav a:not(:first-child){ /*nth-child(2)*/
    display: none;
  }
  .topnav a.icon {
    /*float: right;/*END/START to Right*/
    display: block;
	
	padding: 8px 10px;
  }
}
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    top: 0;
	left: 42%;/*END to Center*/
	/*right: 0; /*END/START to Right*/
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}



.nav_right{
	float:right;
	height:45px;
	display:table;
}
.nav_right .nav_align{
	display:table-cell;
	vertical-align: middle;
}
.nav_right .nav_align a{
	/*reset*/
	padding:0;
	display:block;
	float:left;
	
	font-size:28px;
	padding:8px 10px;
}
.nav_right .nav_align span{
	/*reset*/
	padding:0;
	display:block;
	float:left;
	
	font-size:100%;
	padding:14px 5px;
	color:#FFFFFF;
	
	text-shadow: 5px 5px 10px rgba(0,0,0,1), -5px -5px 10px rgba(0,0,0,1), 5px -5px 10px rgba(0,0,0,1), -5px 5px 10px rgba(0,0,0,1),
				 5px 5px 5px rgba(0,0,0,1),  -5px -5px 5px rgba(0,0,0,1),  5px -5px 5px rgba(0,0,0,1),  -5px 5px 5px rgba(0,0,0,1);
}
.nav_right .nav_align span.name_small{
		display:none;
}

@media screen and (max-width: 600px) {
	.nav_right{
		position:absolute;
		top:0;
		right:0;
	}
	.nav_right .nav_align span.name_big{
		display:none;
	}
	.nav_right .nav_align span.name_small{
		display:block;
	}
}






.table_content{
	overflow-x:auto;
	clear:both;
}
.table_content table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
.table_content tr:nth-of-type(odd) { 
  background: #eee; 
}
.table_content tr:nth-of-type(even) { 
  background: #fff; 
}
.need_notif{
	color:#F00;
}
.table_content th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.table_content td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
  
  white-space: nowrap;
}
.table_content th a{ 
  color: white; 
}




.pagination{
	text-align:center;
	width:100%;
	margin-top:20px;
}
.pagination ul{
    padding: 0;
    margin: 0;
}
.pagination li{
    list-style: none;
    display: inline-block;
}
.pagination a{
    background-color: #333;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    display: block;
    text-align: center;
	text-decoration:none;
}

.pagination li.selected a {
  border: 1px solid #30308F;
  background-color: #5050AF;
}
.pagination li a:hover {
  border: 1px solid #333;
  background-color: #555;
}
.pagination li a:focus {
  border: 1px solid #30308F;
  background-color: #5050AF;
}

.pagination li.disabled {
  background-color: #999999;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.pagination li.dots{
	width:40px;
	margin:auto;
	font-size:20px;
	
}
@media screen and (max-width: 768px){
	.pagination a{
		padding: 9px 18px;
	}
}
@media screen and (max-width: 568px){
	.pagination li.dots{
		display:block;
	}
}




.max_on_page{
	text-align:left;
	width:100%;
	margin-top:0px;
}
.max_on_page ul{
    padding: 0;
    margin: 0;
}
.max_on_page li{
    list-style: none;
    display: inline-block;
	margin:1px;
}
.max_on_page a{
    background-color: #eee;
	border: 1px solid #eee;
    padding: 0px 2px;
    font-size: 12px;
    font-weight: 300;
    color: #999;
    display: block;
    text-align: center;
	text-decoration:none;
}

.max_on_page li.selected a {
  border: 1px solid #60608F;
  background-color: #9090AF;
  color: #fff;
}
.max_on_page li a:hover {
  border: 1px solid #999;
  background-color: #ccc;
  color: #fff;
}
.max_on_page li a:focus {
  border: 1px solid #60608F;
  background-color: #9090AF;
  color: #fff;
}











.rotate {
  transform: rotate(-90deg);
  /* Legacy vendor prefixes that you probably don't need... */
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  
  
  transform-origin: 0% 0%;
   -webkit-transform-origin: 10% 10%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
}