@import url('https://fonts.googleapis.com/css2?family=Genos:ital,wght@0,100..900;1,100..900&display=swap');

BODY
{
 margin-left:  0px;
 margin-right: 0px;
 margin-top:   0px;
 text-align: left;
 font-size: 10pt;
 /*font-family: Avantgarde;
  font-family: Arial;*/
   font-family: "Genos", sans-serif;

}


A:link
 {
 /*display: block;*/
     font-family: "Genos", sans-serif;
    font-weight: 600;
    font-size: 10px;

 
 TEXT-DECORATION: none;
 color: black;
 }
A:visited
 {
 display: block;
 font-size: 10pt;
/* font-weight: bold;*/
 TEXT-DECORATION: none;
 color: black;
 }
A:hover
 {
 /*display: block;*/
 font-size: 10pt;
 /*font-weight: bold;*/
 TEXT-DECORATION: red;
 color: black;
 }

TD
 {
  font-size: 10pt;
  text-align: top;
 }

/*********************************/

TD.naglowek
 {
  text-align: top;
  background: #AAAAAA;
  font-weight: bold;
 }
 TD.naglowek_opcje
 {
  text-align: top;
  background: yellow;
  font-weight: bold;
 }
 TD.opcje
 {
  text-align: top;
  background: #AAAAAA;
  font-weight: bold;
 }
 TD.tytul_zakres {  vertical-align: top;  font-weight: bold;    background: #8899cc; }
 SPAN.tytul_zakres {  margin-left:  5px; } 
 TD.wiersz {  background:  #aaaaee; }
 A.wiersz {  margin-left:  5px; }
 TD.poziom {  vertical-align:  top;  background:  #8899cc; }
 A.poziom {  margin-left:  5px; }
 TD.stopka              {  vertical-align:  top;  font-weight: bold;  background:  #AAAAAA; }
 TD.stopka_next_prev   {  vertical-align:  top;  background:  #AAAAAA; }
 
 
/*******************************************************/




/************************************/
/*                                  */
/*           siatka g��wna          */
/*                                  */
/************************************/

 TD.logo_area
 {
  text-align: right;
  vertical-align: top ;
  background: url(gif/background-logo.gif);
  background-repeat: no-repeat;
  background-position: center;
 }


 TD.stopka_area
 {
  vertical-align: top ;
  text-align: right;
  background: url(gif/background-stopka.gif);
  background-repeat: no-repeat;
  background-position: center;
 }

/************************************/
/*                                  */
/*          siatki podrz�dne        */
/*                                  */
/************************************/
 

 
 
/*******logo area *********/
  TD.bip_menu
 {
  vertical-align: top ;
  text-align: left;
 }

  TD.upper_menu
 {
  vertical-align: center ;
  text-align: right;
  background: url(gif/background-logo-area.gif);
 }



 TD.logo_place
 {
  text-align: left;
  vertical-align: top ;

 }

 TD.down_place
 {
  text-align: right;
  vertical-align: bottom ;

 }


 TD.user_place
 {
  vertical-align: top ;
  text-align: left;
 }

DIV.upper_menu_kontener{float:left; width:95%;  margin-top:12%;}
DIV.upper_menu{float:left; width:14%; margin-left:8%;}

DIV.menu_projekty_kontener{float:left; width:100%;background:#849474; border-radius: 10px; height: 200px; margin-bottom:1rem;}
DIV.menu_projekty_tytul{float:left; width:90%; text-align:center; font-size:30pt; font-weight:bold; color:#ffffff; padding-top:2.5%;  padding-bottom:2.5%;}
DIV.menu_projekty{float:left; width:15%; padding-left:4%;}



/********* work area *******/


 TD.left_menu
 {
  vertical-align: top ;
  text-align: left;
  background: url(gif/background-pasek-area.gif);
 }

  TD.work_place
 {
  vertical-align: top ;
  text-align: justify;
  height: '100%'
 }
 
 /******* stopka area *******/

 TD.copyright_place
 {
  vertical-align: center ;
  text-align: center;
 }

  TD.stopka_place
 {
  vertical-align: top ;
  text-align: right;
 }

 
/************************************/
/*                                  */
/*                 menu             */
/*                                  */
/************************************/



/******* klawisz_upper_menu ********/
 TD.klawisz_upper_menu
 {
  text-align: left;
  color: #22404a;
 }

TD.komorka_readonly{ BORDER: #aaaaaa 1px solid; vertical-align: middle;}

TD.browse {  /*background:  #aaaaee;*/ padding:3px;}
TD.browse_col_nag{ background: #dddddd; vertical-align: middle;}
SPAN.browse_col_nag{ margin-left:  5px; margin-right: 5px; }


TD.edit_opis   { text-align:  right; }
SPAN.edit_opis { margin-left:  10px;margin-right:  10px;}

TD.help-text {    vertical-align: top ;  text-align: justify; }
BUTTON.help_function {  width: 17px; vertical-align: middle;}



/******klawisz_stopka_menu*******/

TD.klawisz_stopka_menu {
  text-align: right;
  /*background-color: #3a504177;*/
  border: 1px solid white;
  /*padding-right: 15px;
  padding-left: 15px;
  padding-top: 15px;
  padding-bottom: 15px;*/
  
}
DIV.logo-container {
    display: flex;
    align-items: center;
}
  
  
TABLE.upper_menu{
      padding-top: 40px;
      padding-left: 20px;
        text-align: right;
        border-spacing: 5px;

}

 
/**********/
A.klawisz_left_menu:link 
{
  color: #22404a;
}
A.klawisz_left_menu:visited 
{
  color: #22404a;
}
A.klawisz_klawisz_menu:hover 
{
  color: #22404a;
}

TD.klawisz_left_menu
{
  text-align: left;
  color: #22404a;
}
A.zalaczniki{color:#ffffff; }
TD.dok_zal{background:#849474; border-radius:10px; color:#ffffff; padding:25px; }

/************************************/
/*                                  */
/*          dokument                */
/*                                  */
/************************************/



/******* Lewa strona nag��wka ********/
 TD.dok_nag_left
 {
  text-align: left;
 }
/******* �rodek nag��wka ********/
 TD.dok_nag_center
 {
  text-align: center;
 }
/******* Prawa strona nag��wka ********/
 TD.dok_nag_right
 {
  text-align: right;
 }
/******* separator nag��wka ********/
 TD.dok_nag_sep
 {
   text-align: center;
   vertical-align: center;

 }
/******* separator cia�a ********/
 TD.dok_body_sep
 {
   text-align: center;
   vertical-align: center;

 }


/*****************************************************/

 TD.help-text
 {
  vertical-align: top ;
  text-align: justify;
 }




TABLE
 {
     /*border-spacing:10px;*/
 }
TABLE.zakladka
 {
  font-size: 10pt;
  font-weight: bold;
  color: black;
  background: url(gif/background.gif);
 }

/********************************/

.pasek_menu_l0_inner_out {
	FONT-SIZE: 12px; MARGIN: 4px 0px 0px 8px; COLOR: #ffffff; FONT-FAMILY: Genos, Tahoma, Verdana, Geneva, Avantgarde, Helvetica; TEXT-DECORATION: none
}
.pasek_menu_l0_inner_over {
	FONT-SIZE: 12px; MARGIN: 5px 0px 0px 8px; COLOR: #ffffff; FONT-FAMILY: Genos, Tahoma, Verdana, Geneva, Avantgarde, Helvetica; TEXT-DECORATION: underline
}
.pasek_menu_l0_outer_out {
	BORDER-RIGHT: #5588bb 1px solid;  BACKGROUND-IMAGE: url(gif/tigra-button.gif); BORDER-LEFT: #5588bb 1px solid; BORDER-BOTTOM: #5588bb 1px solid; BACKGROUND-COLOR: #2c5f93; TEXT-DECORATION: none
}
.pasek_menu_l0_outer_over {
	BORDER-RIGHT: #5588bb 1px solid;  BACKGROUND-IMAGE: url(gif/tigra-button1.gif); BORDER-LEFT: #5588bb 1px solid; BORDER-BOTTOM: #5588bb 1px solid; BACKGROUND-COLOR: #2c5f93; TEXT-DECORATION: none
}
.pasek_menu_l1_inner_out {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 4px 0px 0px 17px; COLOR: #ffffff; PADDING-TOP: 0px; FONT-FAMILY: Genos, Tahoma, Verdana, Geneva, Avantgarde, Helvetica
}
.pasek_menu_l1_inner_over {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 4px 0px 0px 17px; COLOR: #ffffff; PADDING-TOP: 0px; FONT-FAMILY: Genos, Tahoma, Verdana, Geneva, Avantgarde, Helvetica
}
.pasek_menu_l1_outer_out {
	BORDER-RIGHT: #336699 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #336699 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #336699 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #336699 1px solid; BACKGROUND-COLOR: #5286bb; TEXT-DECORATION: none
}
.pasek_menu_l1_outer_over {
	BORDER-RIGHT: #336699 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #336699 1px solid; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(img/lev1_arrow.gif); PADDING-BOTTOM: 0px; BORDER-LEFT: #336699 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #336699 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #1a4d81; TEXT-DECORATION: none
}

/* ikony systemowe (dodaj,usu�, itp..)*/
IMG.key_icon {margin-left: 2px; margin-right: 2px;}

/*****************************************************/
A.kalendarz_0:link {     color: red;  TEXT-DECORATION: none;}
A.kalendarz_0:visited {  color: red;  TEXT-DECORATION: none;}
A.kalendarz_0:hover {    color: red;  TEXT-DECORATION: none;}

A.kalendarz_1:link {     color: black;  TEXT-DECORATION: none;}
A.kalendarz_1:visited {  color: black;  TEXT-DECORATION: none;}
A.kalendarz_1:hover {    color: black;  TEXT-DECORATION: none;}

TD.kalendarz_n0 {  text-align: center; font-weight: bold; color: red; }
TD.kalendarz_n1 {  text-align: center; font-weight: bold; color: black; }
TD.kalendarz_r {   text-align: center; font-weight: bold; color: black; }
TD.kalendarz_m {   text-align: center; font-weight: bold; color: black; }

TABLE.kalendarz {  background: white; border: 1px solid #229999; }

/*---------------------------------*/
/*                inputy           */
/*---------------------------------*/
INPUT.edit_input_readonly{     color: #000000; FONT-FAMILY: Genos,Tahoma,Verdana,Geneva,Avantgarde,Helvetica; FONT-SIZE: 12px; background: white; BORDER: #aaaaaa 1px solid; }
TEXTAREA.edit_input_readonly{  color: #000000; FONT-FAMILY: Genos,Tahoma,Verdana,Geneva,Avantgarde,Helvetica; FONT-SIZE: 12px; background: white; BORDER: #aaaaaa 1px solid; }
INPUT.edit_input{              color: #000099; FONT-FAMILY: Genos,Tahoma,Verdana,Geneva,Avantgarde,Helvetica; FONT-SIZE: 12px; background: white; BORDER: #000099 1px solid; }
TEXTAREA.edit_input{           color: #000099; FONT-FAMILY: Genos,Tahoma,Verdana,Geneva,Avantgarde,Helvetica; FONT-SIZE: 12px; background: white; BORDER: #000099 1px solid; }



div.div_style {
/*  width: 1200px;
 height: 600px;
 color: orange;
 background-color: #fbfbfb;
 
 position: absolute;
 top: 150px;
 left:100px
*/ 
   width:100%;
  height:100%;
 color: orange;
  background-color: #fbfbfb;
  overflow: auto; 
 position: fixed;
 top: 0px;
 left:0px;

 
 
}
TD.div_tytul { background-color: #424f5a;  text-align: left; }

INPUT.input_kasa{            color: #000000; FONT-FAMILY: Genos,Tahoma,Verdana,Geneva,Avantgarde,Helvetica; FONT-SIZE: 18px; font-weight: normal; background: #ffffff; BORDER: #aaaaaa 1px solid; text-align: right;}
INPUT.input_kasa_razem{      color: #000000; FONT-FAMILY: Genos,Tahoma,Verdana,Geneva,Avantgarde,Helvetica; FONT-SIZE: 22px; font-weight: bold; background: #ffffff; BORDER: #aaaaaa 1px solid; text-align: right;}
INPUT.input_kasa_wariant{    color: #000000; FONT-FAMILY: Genos,Tahoma,Verdana,Geneva,Avantgarde,Helvetica; FONT-SIZE: 14px; font-weight: normal; background: #ffffff; BORDER: #aaaaaa 1px solid; text-align: right;}
INPUT.input_kasa_zapisz     {color: #000000;/* FONT-FAMILY: Genos,Tahoma,Verdana,Geneva,Avantgarde,Helvetica;*/ FONT-SIZE: 22px; font-weight: normal; background: #ffffff; BORDER: #aaaaaa 1px solid; text-align: left; padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px;}
TD.input_kasa_zapisz{padding-right: 20px;}

INPUT.input_kasa_ro_transportu{BORDER: #aaaaaa 1px solid;}

SELECT.select_kasa_wybor_kodow{color: #000000; FONT-FAMILY: Genos,Tahoma,Verdana,Geneva,Avantgarde,Helvetica; FONT-SIZE: 16px; font-weight: normal; background: #ffffff; BORDER: #aaaaaa 1px solid; text-align: left;}

TABLE.table_kasa_obroty{}
TABLE.kasa_edit{}

SPAN.span_kasa_opis{color:black;/*#424f5a;*/ font-size: 16px;}

SPAN.span_kasa              { background: #ebf3ff;}

div.work_poziom_dol           { width:100%; }
div.work_poziom_dol_podrzedny {float: left; width: 50%; background: #80aa80; }
div.konta_analityka_rozwijacz{  background: orange;font-size: 14pt;  font-weight: bold; margin-top:2px; margin-bottom:2px; /*BACKGROUND-IMAGE: url(gif/poziom.gif);BACKGROUND-REPEAT: no-repeat;*/}

 TD.tytul {  vertical-align: top;  font-weight: bold; font-size: 12pt; padding: 50px; }
 SPAN.tytul {  margin-left:  5px; } 

 
TD.dok_home {  
  padding: 35px;   
  font-size: 20pt; 
  background:#849474;
  border-radius: 10px;
  overflow: hidden;
  color:#ffffff;
  line-height: 1.5;
  text-align: justify;
} 


TD.dok_txt { 
  font-size: 20pt; 
  background:#849474;
  padding-top: 15px;
  padding-right: 50px;
  padding-bottom: 15px;
  padding-left:50px;
  color:#ffffff;
  border-radius: 10px;
  line-height: 1.5;
  
}

TD.dok_minigaleria  {
   color: white;
   vertical-align: middle;  
   text-align: left;   
   line-height: 2; 
   font-size: 12pt; 
   padding-top: 2%;
   padding-right: 2%;
   padding-bottom: 2%;
   padding-left:2%;
   background:#849474;
   margin-top:1%;
   border-radius: 10px ;
   border-spacing: 10px 10px;

   
}
IMG.dok_minigaleria{border: 0px solid #dedede;padding-right:20px; }
IMG { width: 40px;
      height: 40px;
      padding-right:10px;
      transition: transform 0.2s ease;
}

TD.dok_nag {
  text-align: justify;
  vertical-align: center;
  font-size: 16pt; 
     
  padding-top: 15px;
  padding-right: 50px;
  padding-bottom: 15px;
  padding-left:50px;

 }

/*-------------dt-------------------*/
div.container       {  margin:0 auto; background: red;}

{
  box-sizing: border-box;
}

.workClass {
    /*margin-top:1rem;
    margin-bottom:1rem;*/
  /*height: 800px;*/
  /*background-image: url("gif/1/1a.png"); 
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;*/
  /*margin-top:1rem;*/
}


.nagClass {
  /*background-image:  url("gif/tlo4c.png"),linear-gradient(to right, #3a5041, #dae7b6 ); */
  background-image: url("gif/tlo4c.png"), radial-gradient(circle, #808153, #3a5041); 
    
  background-position:  right top , right top;
  background-repeat:  repeat ,no-repeat;
  padding-top: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  
}

.nagClass::after {
  content: "";
  clear: both;
  display: table;
}

DIV.WorkPoziomClass{width:100%;  margin-top:1rem;}


[class*="fieldClass"] {
  float: left;
  padding: 15px;
}

.sepClass {
  margin-top: 0rem;
  background-color: white; 

}
.footClass {
  height: 100px;
 /* background-image: linear-gradient(to right, #3a5041, #dae7b6); 
  background-position:  left top;
  background-repeat:  no-repeat;*/
  background:#3a5041;
  /*margin-top: 1rem;*/
  /*padding-top: 3px;*/
  text-align: center;

}

DIV.fieldFootClass{
  color: white;
  font-size: 10pt;
  text-align: center;
  padding-top: 1.2%;
}


.menuNagClass
{
  vertical-align: center ;
  text-align: right;
  width: 50%;
  border: 3px solid red;  
 }

.field1{
  border: 3px solid red;
  padding-top: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  text-align: right;
  width: 50%;

}
.klawisz1{
  padding-right: 5px;
  padding-left: 5px;
}


/******************************suggestions GPT********************/

div.autocomplete {
    position: relative;
    /*display: inline-block;*/
    width: 100%;
    background-color: #fff; /* Dodanie białego tła */
    
}
div.suggestions {
    border: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    max-height: 500px;
    overflow-y: auto;
    position: absolute;
    min-width: 100%;
    background-color: #fff;
    font-size: 10pt;
    
    display: flex;
    flex-direction: column;
    z-index: 999999999;
}
div.suggestion-item {
    display: flex;
    width: 100%;
    box-sizing: border-box; 
}

div.suggestion-col {
    flex: 0 0 20%; 
    padding: 3px;
    box-sizing: border-box;
}

div.suggestion-col1 {
    flex: 0 0 77%; 
    padding: 3px;
    box-sizing: border-box; 
}

div.suggestions div.active {
    background-color: #ccc;
}

div.suggestions div {
    padding: 3px;
    cursor: pointer;
    line-height: 1; 
}

/*dla kont ma 400% kontenera i rózna szerokośc 1 i kolejnych kolumn*/
div.konta_suggestions {
    border: 1px solid #ccc;
    border-top: none;
    border-bottom: none;
    max-height: 500px;
    overflow-y: auto;
    position: absolute;
    min-width: 400%;
    background-color: #fff;
    font-size: 10pt;
    
    display: flex;
    flex-direction: column;
    z-index: 999999999;
}
div.konta_suggestions-item {
    display: flex;
    width: 100%;
    box-sizing: border-box; 
}

div.konta_suggestions-col {
    flex: 0 0 20%; 
    padding: 3px;
    box-sizing: border-box;
}

div.konta_suggestions-col1 {
    flex: 0 0 77%; 
    padding: 3px;
    box-sizing: border-box; 
}

div.konta_suggestions div.active {
    background-color: #ccc;
}

div.konta_suggestions div {
    padding: 3px;
    cursor: pointer;
    line-height: 1; 
}




/************************KONIEC suggestions GPT********************/




@media (min-width: 1200px) {
  div.containerClass {width:100%}
  div.nagClass  {width:100%; }
  
  div.logoClass {float:left; width: 55%;padding-left:20px;padding-right:20px;padding-top:20px; padding-bottom:20px;}
  
  div.menuClass {float:right; width:20%;height:100%; 
      display: flex;
    justify-content: left;
    align-items: center;

}
  
  
  
  div.workClass {float:both; width:100%;}
  div.footClass {float:left; width:100%; height: 80px; margin-top: 0rem;}
  A.logoClass:visited, A.logoClass:hover, A.logoClass:active, A.logoClass:link { 
    font-size:75px;   
    color: white; 
    font-family:Genos; 
    font-weight:bold;
    display: flex;
    justify-content: left;
    align-items: center;
  }
  A.klawisz_stopka_menu:link, A.klawisz_stopka_menu:visited, A.klawisz_stopka_menu:hover {  font-family: Genos;  color: white;  font-size: 16px;   }
  SPAN.dok_home { text-align: justify; font-size: 14pt; }
  
  TD.dok_txt { text-align: justify; font-size: 14pt; } 
  SPAN.fieldFootClass { font-size: 12pt; }
  
}
@media (max-width: 1200px) and (min-width: 1000px) {
  div.containerClass {width:100%;}
  div.nagClass  {width:100%;}
  div.logoClass {float:left; width: 100%;padding-left:20px;padding-top:20px;}
  div.menuClass {float:both; width:100%;padding-bottom:20px;}
  div.menu_projekty_kontener{height:auto; }
  div.menu_projekty{clear:both; padding-top:1%; padding-bottom:1%;}
  
    
  div.workClass {float:both; width:100%;}
  div.footClass {float:left; width:100%; height: 80px;}    
  A.logoClass:visited, A.logoClass:hover, A.logoClass:active, A.logoClass:link { font-size:40px;color: white; font-family:Genos;font-weight:bold;}
  A.klawisz_stopka_menu:link, A.klawisz_stopka_menu:visited, A.klawisz_stopka_menu:hover {  font-family: Genos;  color: white;  font-size: 16px;   }
  SPAN.dok_home { text-align: justify; font-size: 14pt;}
  TD.dok_txt { text-align: justify; font-size: 14pt; } 
  SPAN.fieldFootClass { font-size: 10pt;}
}
@media (max-width: 1000px) and (min-width: 700px) {
  div.containerClass   {width:100%;}
  div.nagClass  {width:100%; }
  div.logoClass {float:left; width: 100%;padding-left:20px;padding-top:20px; font-family:Genos;font-weight:bold;}
  div.menuClass {float:both; width: 100%;padding-bottom:20px;}
  
  div.menu_projekty_kontener{height:auto;}
  div.menu_projekty{clear:both; padding-top:2%;padding-bottom:2%;}
  
  div.workClass {float:both; width:100%;}
  div.footClass {float:left; width:100%; height: 80px;} 
  
  
  A.logoClass:visited, A.logoClass:hover, A.logoClass:active, A.logoClass:link { font-size:40px;color: white; font-family:Genos;font-weight:bold;}
  A.klawisz_stopka_menu:link, A.klawisz_stopka_menu:visited, A.klawisz_stopka_menu:hover {  font-family: Genos;  color: white;  font-size: 16px;   }
  SPAN.dok_home { text-align: justify; font-size: 20pt; padding-left:20px; padding-right:20px;}
  TD.dok_txt { text-align: justify; font-size: 20pt; } 
  SPAN.fieldFootClass { font-size: 12pt;}
}
 
@media (max-width: 700px) {
  div.containerClass   {width:100%;}
  div.nagClass  {width:100%;   }
  div.logoClass {float:left; width: 100%;padding-left:20px;padding-top:20px;}
  div.menuClass {float:both; width:100%; padding-bottom:20px; }
  
  div.menu_projekty_kontener{height:auto;}
  div.menu_projekty{clear:both; padding-top:2%;padding-bottom:2%;}
  
  
  div.workClass {float:both; width:100%;}
  div.footClass {float:left; width:100%; height: 80px;} 
  A.logoClass:visited, A.logoClass:hover, A.logoClass:active, A.logoClass:link { font-size:40px;color: white; font-family:Genos; font-weight:bold;}  
  A.klawisz_stopka_menu:link, A.klawisz_stopka_menu:visited, A.klawisz_stopka_menu:hover {  font-family: Genos;  color: white;  font-size: 20px;   }
  SPAN.dok_home { text-align: justify; font-size: 14pt;}
  TD.dok_txt { text-align: justify; font-size: 14pt; } 
  SPAN.fieldFootClass { font-size: 12pt;}
  
}