body
{	
	color: #000000;
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;		
	/* margin-top: 20px; */
}

.popover-custom { 
	max-width: none; 
	width:auto;
}


@media (min-width: 1200px){
    .fivecolumns .span2 {
        width: 20%;
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }
}


.min_width_90{
    min-width: 90px;
}

fieldset {
    border: 1px groove #ddd !important;
    padding: 0.1em 0.2em 0.3em 0.4em !important;
    margin: 0 0 0 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend {
	
    font-size: 0.8em !important;
    font-weight: bold !important;
    text-align: left !important;
        
  	width:auto; /* Or auto */
    padding: 1px 2px 3px 4px; /* To give a bit of padding on the left and right */
    border-bottom:none;
    margin-bottom: 0px;

}
@media (max-width: 1388px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}

/*  grupy przycisków */

@media (max-width: 768px) {
  .btn-group-justified-responsive > .btn,
  .btn-group-justified-responsive > .btn-group {
    display: block;
    width: auto;
    margin: 0 !important;
    padding: 0 !important;
  }

  .btn-group-justified-responsive > .btn-group > .btn {
    border-radius: 0;

  }

  .btn-group-justified-responsive > .btn-group:not(:last-child) > .btn {
    border-bottom: none;
  }

  .btn-group-justified-responsive > .btn-group:first-child > .btn:first-child {
    border-top-left-radius: 5px !important;
  }
  .btn-group-justified-responsive > .btn-group:first-child > .btn:last-child {
    border-top-right-radius: 5px !important;
  }
  .btn-group-justified-responsive > .btn-group:last-child > .btn:first-child {
    border-bottom-left-radius: 5px !important;
  }
  .btn-group-justified-responsive > .btn-group:last-child > .btn:last-child {
    border-bottom-right-radius: 5px !important;
  }
}



@media print {
    body {
        margin: 0 auto;
        padding: 0;
        line-height: 1em;
        word-spacing: 1px;
        letter-spacing: 0.2px;
        font: 10px Arial, Helvetica,"Lucida Grande", serif;
        color: #000;
        background:white;
    }


	.container {
		width:100%;
	}

    #print-btn #update-btn #nav-left #nav-bar, #selectUnitContainer, .navbar, .sidebar-nav {
        display: none;
    }

    #print-btn, #update-btn, #units {
        display: none;
    }

    #nav-left {
        display: none;
    }

    #report-container {
        visibility: visible;
    }

    .well .span12{
        width: 100%;
        visibility: visible;
    }

    .navbar {
        display: none;
    }

    .sidebar-nav {
        display: none;
    }
    
  a[href]:after {
    content: "";
  }
  
  td { padding: 5px;   }
  
  th { padding: 5px;   }
  
    input.button { display : none;  }    
    .button_submit input { display : none;  }    
	#niedruk {	display : none;  }    
	.niedruk {	display : none; }
}





.ovfl {
	  max-height:200px;
	  max-width:600px;
	  overflow:auto;
}
				
.menu 
	{
		text-align: right;  
	}

	
.sn_input_left 
	{
		text-align: left;
		float: left;
		display: inline;
	}
		
.input_w_srodku
{
	vertical-align: middle;
}


input.spin-button {
	padding-right:20px;		
  width:35px;
  background-color:white;
	background-repeat:no-repeat;	
	background-position:100% 0%;	
	background-image:url("../imgs/spinbtn_updn.gif");
}

input.spin-button.up {
	cursor:pointer;
	background-position:100% -18px;		
}
input.spin-button.down {
	cursor:pointer;
	background-position:100% -36px;
}


input.button {
 
  border: 1px outset #8cacbb;
  color: Black;
  background-color: #ebebeb;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 10px;
  cursor: pointer;
  vertical-align: middle;
  font-size: 100%;
  height: 22px ! important;
  max-height: 22px ! important;
  text-align: center;
  
  FONT-SIZE: 9px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; font-weight: bold;
}


input.button:hover {
  border: 1px outset #8cacbb;
  color: Black;
  background-color: #E6F9F5;
  cursor: pointer;
  vertical-align: middle;
  font-size: 100%;
  height: 22px ! important;
  max-height: 22px ! important;
  text-align: center;
  FONT-SIZE: 9px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; font-weight: bold;
}



g.g
{
    margin: 5% ;
  max-width:  120px;
  display: inline;
  max-width:  120px;
  margin: 1px;
  border: 1px solid #8cacbb;

}

input.button_submit {
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 10px;
  border: 1px dotted #8cacbb;
  color: Black;
  background-color: #E6F9F5;
  vertical-align: middle;
  text-align: center;
  font-size: 100%;
  cursor: pointer;
  height: 28px ! important;
  max-height: 28px ! important;
  min-height: 28px ! important;          
  display: inline;
  FONT-SIZE: 9px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; font-weight: bold;

}

input.button_submit:hover {

  background-color: #ebebeb;
  

}

#ac1update {text-align:left; }
a:link	{ /* color: #336699; */ text-decoration: none; FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; font-weight: bold;}
a {/* color: #336699; */ text-decoration: none; FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; font-weight: bold;}
a:visited {/* color: #336699; */ text-decoration: none; FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; font-weight: bold;}
a:active  {/* color: #336699; */ text-decoration: none; FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; font-weight: bold;}
a:hover   {/* color: #336699; */ text-decoration: none; }

P { FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; text-align : justify;}

h1 {color: #000000;  FONT-SIZE: 12px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; }
h2 {color: #0A4883;  FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; }
h3 {color: #FFFFFF;  FONT-SIZE: 9px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; }
h4 {color: #000000;  FONT-SIZE: 12px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; }

.small {FONT-SIZE: 9px; color: #5B5C5A; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; font-style: italic; }
.test {FONT-SIZE: 9px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; text-align : left;}
.naglowek {FONT-SIZE: 12px; color: #FFFFFF; text-align : center; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
a.naglowek {color: #336699; FONT-SIZE: 12px; text-align : center; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}

.etykieta {FONT-SIZE: 10px; color: #000000; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.etykieta2 {FONT-SIZE: 10px; color: #000000; text-align : right; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.etykieta3 {FONT-SIZE: 10px; color: #000000; text-align :justify; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.etykieta4 {FONT-SIZE: 10px; color: #000000; text-align :center; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.wartosc {FONT-SIZE: 9px; color: #000000; text-align : right;  FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.wartosc_gruba {FONT-SIZE: 11px; color: #000000; text-align : right; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}

.wartosc2 {FONT-SIZE: 9px; color: #000000; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.wartosc_duza {FONT-SIZE: 11px; color: #000000; text-align : right;  FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.wartosc_duza_red {FONT-SIZE: 10px; color: #FF0000; text-align : right; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.etykieta_mala {FONT-SIZE: 11px; color: #000000; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.etykieta_duza {FONT-SIZE: 11px; color: #000000; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.etykieta_bardzo_duza {FONT-SIZE: 15px; color: #336699; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.etykieta_bardzo_duza_black {FONT-SIZE: 15px; color: #000000; text-align : center; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.wartosc_bardzo_duza {FONT-SIZE: 15px; color: #FF0000; text-align : right; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.red {color: #FF0000;}
.opiniodawca {FONT-SIZE: 8pt; color: #000000; text-align : right; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.marza {FONT-SIZE: 12px; color: #FF0000; text-align : right; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.marza_left {FONT-SIZE: 12px; color: #FF0000; text-align : left; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.marza_duza {FONT-SIZE: 19px; color: #FF0000; text-align : right; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.marza_duza_netto {FONT-SIZE: 16px; color: #FF0000; text-align : right; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.marzaduza {FONT-SIZE: 19px; color: #FF0000; text-align : right; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.red_small {FONT-SIZE: 9px; color: #FF0000; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.zaliczka {FONT-SIZE: 9px; color: #FF0000; text-align : left; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
input {FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; font-size: 11px;}
textarea {FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; font-size: 11px;}
select {FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; font-size: 11px;}
.lewa {FONT-SIZE: 9px; color: #000000; text-align : left; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
    min-width : 100Px;
    width : 100px;
    width: auto !important;
}
.prawa{FONT-SIZE: 9px; color: #000000; text-align : right; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.srodek {FONT-SIZE: 11px; color: #000000; text-align : center; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.srodek2 {FONT-SIZE: 11px; color: #000000; text-align : center;  FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.text {FONT-SIZE: 14px; color: #000000; text-align : left; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
.m {FONT-SIZE: 9px; color: #000000; font-weight : bold; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}

td.ramka 
    { 
        border-color: #336699; 
        border-style: solid; 
        border-width: 1px; 
        padding: 1em;
        width: 80%;
        
    }

.resize {min-width: 100px;}
    
.ramka
 {
 border-color: #336699;
 border-style: solid;
 border-width: 1px;
 padding: 1em;
 background-color: #F5FFFA;
 width: 50%;
 margin-left: 150px;
 }
     

 
#datExample {
	border: 1px solid #ccc;
	padding: 30px;
	background: #f3f3f3;
	margin-top: 20px;
}

.dynaInput {
	border: none;
	background: #ffc;
}
.dynaInput2 {
	border: none;	
}

.dynaDiv {
	display: inline;
	width: 100%;
}

.tabela_do_wydruku
{
	FONT-SIZE: 11px; 
	color: #000000; 
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	background: #FFFFFF;  /* szary */
 	border-collapse: collapse; 
 	padding-top: 5px;
 	margin-top: 5px;
}
.tabela_do_wydruku td
{
 		padding: 5px;
}

.tabela_do_wydruku th
{
 		padding: 5px;
}


.tabela {
	FONT-SIZE: 11px; 
	color: #000000; 
	text-align : center; 
	font-weight : bold; 
	FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
	background: #e2e3e4;  /* szary */
	border: 1px solid #888888;
	 border-collapse: collapse; 
	
}



.tabela td {

	border-bottom: 1px solid #888888;
	padding: 5px ;
}

tabela td.n1 {
	background: #b6d1de;	
}

tabela td.n1:hover {
	background: #b6d1de;	
}

.tabela tr.n1 {
	background: #b6d1de;	
}

.tabela tr.n1:hover {
	background: #b6d1de;	
}

.tabela tr.s1 {
	background: #DEDBB1;	
}

.tabela tr.p1 {
	background: #FFFFFF;
	border: none;	
}

.tabela tr.p1:hover {
	background: #FFFFFF;	
}

.tabela tr.s2 {
	background: #F6EFD1;	
}

.tabela tr:hover {
	background: #DFFFDF;	
}

/*----------------- drzewko lewa -----------*/
.drzewko
{
	font: 13px Tahoma, Arial, Helvetica, sans-serif; 
	
	margin: 0pt; 
	padding: 0pt;
	border-collapse: collapse;
}



.drzewko span:hover
{
	text-decoration: underline;
}
.drzewko td 
{

	cursor: pointer;
	margin: 0pt; 
	padding: 0pt;
	border-collapse: collapse;

}

.drzewko span
{


padding-left: 5px; 
padding-right: 5px;

}
.drzewko img
{
	
	/* align: middle; */
	margin: 0pt; 
	
	padding: 0pt;
	width: 18px; 
	height: 18px;
	
}

.drzewko img.znacznik
{
	
	/* align: middle; */
	margin: 0pt 0pt ; 
	
	padding: 0pt;
	width: 18px; 
	height: 25px;
	
}

/* ---------------- tabela lewa ---------- */

.tabela_lewa
{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse; 
	margin-top:2px;	
}

.tabela_lewa tr.naglowek_srodek 
{
	 color: #FFFFFF; 
	 /* text-align : center;  */
	 font-weight : bold; 
	 background: #336699;
	 background: #b6d1de;
}

tr.naglowek_srodek td 
{

	 padding-left:40px; 

}

.tabela_lewa tr.biala_lewa 
{
	 color: #000000;
	 text-align : left; 
	 
}

.tabela_lewa tr.naglowek2  {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;
    
	background: #b6d1de;
	
}


/*--------------- formatowanie sklepu ------- */

#opis_grupy
{
    border: 1px solid #888888;
    margin: 1px;
}

/*--------------- formatowanie sklepu ------- */

#opis_podgrupy
{
    border: 1px solid #888888;
    margin: 1px;
}

/*-------------- tableGrid------------- */
.dynatab {
	font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
      border-collapse: collapse; 
      margin-top: 2px;
}

.dynatab th {
	padding: 0 0.5em;
	text-align: left;	
	
}

.dynatab CAPTION {
	font: 11px/28px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;

	background: #b6d1de;
}


.dynatab tr.white td {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;
	background: #FFFFFF;	
}

.dynatab tr.yellow td {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;

	background: #DFFFDF;
	
	
}

.dynatab tr.yellow2 td {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;

	background: #DFFFDF;
	
}

.dynatab tr.yellow3 td {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;

	background: #DFFFDF;
	
}

.dynatab tr.naglowek2 td {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	 border: 1px solid #888888;
	background: #b6d1de;	
}

.dynatab th {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	 border: 1px solid #888888;
	background: #b6d1de;	
}

.dynatab tr.naglowek3 td {
	font: 11px/28px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;
	background: #b6d1de;
}

.dynatab tr.naglowek3 td.yellow2 {
	font: 11px/28px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;
	background: #DFFFDF;
}


.dynatab td.naglowek3  {
	font: 11px/28px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;
	background: #b6d1de;	
}


.dynatab td.naglowek2  {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;
	background: #b6d1de;
	
}

.dynatab td.naglowek3  {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;    
	background: #b6d1de;
	
}


.link_naglowek {
	font: 18px/28px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	border: 1px solid #888888;
}
.dynatab tr.szczegoly  td{
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;	
	border: 1px solid #888888;
	background: #DEDBB1;		
}



.dynatab tr.szczegoly:hover  td{
	
	border: 1px solid #888888; 
	background: #DEDBc1;
}

.dynatab td.szczegoly {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;
	background: #DEDBB1;	
}

.dynatab tr.szczegoly2 td {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888; 
	background: #F6EFD1;
}


/* pole niebieskie  w dynatab */

.dynatab tr.szczegoly2 td.naglowek3{
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;	
	border: 1px solid #888888;
	background: #b6d1de;
}

.dynatab tr.szczegoly td.naglowek3{
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;	
	border: 1px solid #888888;
	background: #b6d1de;
}

.dynatab tr.szczegoly2:hover td.naglowek3{
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;	
	border: 1px solid #888888;
	background: #b6d1de;
}

.dynatab tr.szczegoly:hover td.naglowek3{
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;	
	border: 1px solid #888888;
	background: #b6d1de;
}


.dynatab tr.szczegoly2:hover td {	
	
	border: 1px solid #888888; 
	background: #F6EFe1;	
}


.dynatab td.szczegoly2 {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;	
	background: #F6EFD1;	
}


.dynatab tr.szczegoly22 td {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	background: #F6EFD1;
	margin: 0pt; 
	padding: 0pt;
}

.dynatab tr.szczegoly23 td {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	margin: 0pt; 
	padding: 0pt;
}

.dynatab tr.szczegoly3 td {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	background: #F6EFD1;

}

.dynatab tr.bialy td {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	border: 1px solid #888888;
}

.dynatab td.bialy {
	cursor: pointer;
	 width: 50px; 
	 border: 1px solid #888888;
	background: #fff;
}


.dynatab tr.red td {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	background: #FF0000;
	border: 1px solid #888888;
	color: #000000;
}

.dynatab td.red {
	cursor: pointer;
	 width: 50px; 
	 border: 1px solid #888888;
	background: #FF0000;
}

.dynatab tr.point td {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	background: #fff;

}

.dynatab td.point {
	cursor: pointer;
	width: 90px; 
	background: #fff;
}

.dynatab td {
	padding: 0 0.5em; 
	background: #e3e3e3;
	border-bottom: 1px solid #c3c3c3;	
}



.dynatab td.szczegoly3 {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	background: #F6EFD1;
}




.dynatab td.point {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;

	background: #DEDBB1;
}



.dynatab td.yellow  {
	font: 11px/28px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;

	background: #DFFFDF;
	
}
.dynatab td.yellow2  {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #888888;
	background: #DFFFDF;
	
}


.dynatab td.width {
	 width: 90px; 
}


.update {
  font-size: .9em;
  font-weight: bold;
  color: #660000;    
}



ul.tree {
  display: block;
  margin-left: 0;
  padding-left: 0;
  font-weight: normal ;
   FONT-SIZE: 11px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; 
}


ul.tree ul {
  font-weight: normal ;
  display: block;
  margin-left: 0;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
/*  color: #000000;  FONT-SIZE: 12px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; */
}

ul.tree li {
  display: block;
  font-weight: normal ;
  list-style-type: none;
   padding-left: 13px; 
  background-image: url("../imgs/document.gif");
  /* background-position: left top; */
  background-repeat: no-repeat;
 /* color: #000000;  FONT-SIZE: 12px; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; */
}

ul.tree li a {
  text-decoration: none;
  font-weight: normal ;
  cursor: pointer;
}

ul.tree li a.folder {
 font-weight: normal ;
}

ul.tree li a.active {
  font-weight: normal ;  
  text-decoration: underline; 
}

ul.tree li a:hover {
	font-weight: normal ;  
    text-decoration: underline; 
}


   
    ul.indeks {
      list-style-type:none;
      margin:0px;
      padding:0px;
      text-align: left;
      width:100%;
      
      
      /* FONT-SIZE: 11px; 
      color: #000000; */

    }
    
    ul.indeks li.selected { background-color: #ffb;}

        
    ul.indeks li {
      list-style-type:none;
      display:block;
      margin:0;
      width:100%;
     /* text-align: left;
      float:left; */
     /*  padding:2px; */
     /*  height:32px; */
      cursor:pointer;

    }
  
 informal {FONT-SIZE: 9px; color: #000000; text-align : right;  FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;}
 
 #sisternav2 {
	/*    position:absolute; */
   		FONT-SIZE: 9px; color: #000000; text-align : right;  FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;
		float: right;
		right: 9px;
		white-space: nowrap;
	 /* background-color: #000000; */
	
	padding:0px 10px 0px 0px;
	/* margin:-17px 0 10px 0; */
	
	/* gpra prawy dol lewy */
	width: 1200px;
	overflow: hidden;
	
}
.inline {
	display: inline;
}
#sisternav2 ul {
	  display:inline; 
/*	list-style:none; */
	white-space: nowrap;
	  margin: 0; 
	padding: 10px 0px 0 ;
	float:right;
	/* gpra prawy dol lewy */
	list-style:none;
}
                  
#sisternav2 li {
	display:inline;
	float:right;
	 background:url(../imgs/tab_off_ns1.png) no-repeat left top; 
	white-space: nowrap;
	padding-left:5px; 
}

#sisternav2 a {
	white-space: nowrap;
	float:left;
	font-size:1em;
	display:block; 
	background:url(../imgs/tab_off_ns2.png) no-repeat right top; 
	padding:12px 15px 5px 8px; 
	/* padding:8px 15px 3px 8px;  */
	text-decoration:none;
	font-weight: bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#sisternav2 a {float:none;}
/* End IE5-Mac hack */

#sisternav2 li:hover, #sisternav2 li:hover a {
	background-position:0% -163px;
	white-space: nowrap;
}

#sisternav2 li:hover a {
	background-position:100% -163px;
	white-space: nowrap;
}

#sisternav2 #current {
	 background:url(../imgs/tab_on_ns1.png) no-repeat left top; 
	/* padding:0px 0px 2px 0px; */
	white-space: nowrap;
	
}

#sisternav2 #current a {
	 background:url(../imgs/tab_on_ns2.png) no-repeat right top; 
	/* padding:0px 0px 2px 0px;	 */
	 /* padding-bottom:1px; */
	 white-space: nowrap; 
	 

}



/* dodane do drzewa mind  */


.sisternav3 {
	 /*   position:absolute; */
   		FONT-SIZE: 9px; color: #000000; text-align : right;  FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica; 
		float: right;
		right: 9px;
	
/*	padding: -5px 0px -5px 0px; */
	 margin: -11px 0px -11px 0px; 
	 display: inline-block;
	/* padding-bottom: 5px;*/
}

.sisternav3 ul {

	/*  margin: 0;  */
	
	padding: 0px 0px 0px 0px;
	float:right;
	margin:0;
	/* gpra prawy dol lewy */
	list-style:none;
	/* padding-bottom:5px; */
}
                  
.sisternav3 li {
/*	display:inline; */
	float:right;
	 background:url(../imgs/tab_off_ns1.png) no-repeat left top; 
	white-space: nowrap;
	padding-left:5px; 
	
}

.sisternav3 a {
/*	white-space: nowrap; */
	
	float:left;
	font-size:1em;
	display:block; 
	background:url(../imgs/tab_off_ns2.png) no-repeat right top; 
	 padding: 12px 15px 5px 8px; 
	text-decoration:none;
	font-weight: bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.sisternav3 a {float:none;}
/* End IE5-Mac hack */

.sisternav3 li:hover, .sisternav3 li:hover a {
	background-position:0% -163px;
	
}

.sisternav3 li:hover a {
	background-position:100% -163px;
	
}

.sisternav3 #current {
	 background:url(../imgs/tab_on_ns1.png) no-repeat left top; 
	
	
	
}

.sisternav3 #current a {
	 background:url(../imgs/tab_on_ns2.png) no-repeat right top; 
	/* padding-bottom:1px; */
	
	 

}
/* ------------------------ */

.sisternav4 {

   		 FONT-SIZE: 9px; color: #000000; text-align : right;  FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica;	
		/* margin:-17px 0 10px 0; */
}

.sisternav4 ul {
	  
}
                  
.sisternav4 li 
{
 	display:block; 
	display:inline;
	  float:right;	
	 background:url(../imgs/tab_off_ns1.png) no-repeat left top; 	
	 padding-left:5px;  
	 
}

.sisternav4 a {
	
	 display:block; 
	background:url(../imgs/tab_off_ns2.png) no-repeat right top; 
	 padding:12px 15px 5px 8px; 
	 /* padding: 17px 5px 0px 0px; */
	

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.sisternav4 a {float:none;}
/* End IE5-Mac hack */

.sisternav4 li.norm:hover, .sisternav4 li.norm:hover a {
	background-position:0% -163px;
	white-space: nowrap;
}

.sisternav4 li.norm:hover a {
	 background-position:100% -163px; 
	white-space: nowrap;
}

.sisternav4 .current {
	display:inline;
	float:right;	
	 background:url(../imgs/tab_on_ns1.png) no-repeat left top; 
	
}

.sisternav4 .current a {
	display:inline;
	float:right;	
	 background:url(../imgs/tab_on_ns2.png) no-repeat right top; 
	 
}

div.scroll {
height: 100%;
width: 100%;
overflow: auto;

}


.controlsWindow {
    margin: 10px 0px;
    display: flex;
    align-items: center;
}
.controlsWindow input[type=range] {
    width: 80px;
    margin: 0px 5px;
}
.controlsWindow button {
    width: 25px;
    height: 25px;

    background-color: #3c78d8;
    color: white;
    border: 0;
    cursor: pointer;
}
.controlsWindow button:focus {
    outline: none;
}