@import url('https://fonts.googleapis.com/css2?family=Material+Icons&family=Inter:wght@300;400;700&display=swap');

/*tonacja główna*/

/*:root {
  --przyciskTloKolor: #1877F2;
  --przyciskTekstKolor: white;
  --colorDanger: #F00;
  --colorBorderDetail: #C4C4C4;
  --logoGlownyKolor: #004CAE;
  --logoDetalKolor: #B9B9B9;
  --colorSubMenuInactive: #686868;
  --kwotyUjemneKolor: #F00;
  --kwotyDodatnieKolor: #026C19;
  --colorDetailTitle: #e95500;
  --colorMainFont: #004CAE;
  --colorDetailFont: #e95500;
  --tabelkaTloWierszaKolor: white;
  --tabelkaTloWierszaZaznKolor: #F0F0F0;
}*/

:root {
  /* KOLORYSTYKA STRONY */
  --tloKolor: white;
  --kontentTloKolor: #efefef;
  --glownyKolor: #1877F2;
  --detaleKolor1: #e95500;
  --detaleKolor2: #C4C4C4;

  --naglowekTekstKolor: black;

  /* DOTYCZĄCE KOLORU KWOT */
  --kwotyUjemneKolor: #F00;
  --kwotyDodatnieKolor: #026C19;

  /* PRZYCISKI */
  --przyciskTloKolor: #1877F2;
  --przyciskTekstKolor: white;
  --przyciskWylogujKolorHover: #F00;

  /* LOGO */
  --logoGlownyKolor: #004CAE;
  --logoDetalKolor: #B9B9B9;

  /* TABELKI */
  --tabelkaTloWierszaKolor: white;
  --tabelkaTloWierszaZaznKolor: #F0F0F0;

  /* MENU */
  --tloMenuKolor: #004CAE;
  --elementyGlowneKolor: white;
  --ikonkaKolor: #e95500;
  --elementNieaktywnyKolor: #686868;
  --elementAktywnyKolor: #1877F2;
}

:root {
  /* KOLORYSTYKA STRONY */
  --tloKolor: white;
  --kontentTloKolor: #efefef;
  --glownyKolor: #1877F2;
  --detaleKolor1: #ff3737;
  --detaleKolor2: #C4C4C4;

  --naglowekTekstKolor: black;

  /* DOTYCZĄCE KOLORU KWOT */
  --kwotyUjemneKolor: #F00;
  --kwotyDodatnieKolor: #026C19;

  /* PRZYCISKI */
  --przyciskTloKolor: #1877F2;
  --przyciskTekstKolor: white;
  --przyciskWylogujKolorHover: #F00;

  /* LOGO */
  --logoGlownyKolor: #00318c;
  --logoDetalKolor: #ff3737;

  /* TABELKI */
  --tabelkaTloWierszaKolor: white;
  --tabelkaTloWierszaZaznKolor: #F0F0F0;

  /* MENU */
  --tloMenuKolor: #003049;
  --elementyGlowneKolor: white;
  --ikonkaKolor: white;
  --elementNieaktywnyKolor: #686868;
  --elementAktywnyKolor: white;
}

/*tonacja drugoplanowa*/

/*:root {
  --przyciskTloKolor: #1877F2;
  --przyciskTekstKolor: white;
  --colorDanger: #F00;
}*/

body{
  font-family: 'Inter', sans-serif;
}

.nt-body{
  margin: 0;
  height: 100%;
  background: var(--tloKolor);
}

.nt-leftpanel{
  float:none;
}

.nt-contentpanel-l{
  width: auto;
}

#contentbody_div{
  flex-grow: 1;
  width: auto;
  padding: 2em;
  float: none;
  background: var(--kontentTloKolor);
}

.px-not-logged-in #contentbody_div{
  padding: 1em;
  display: flex;
  flex-direction: column;
}

.px-not-logged-in .nt-rounded,.px-not-logged-in #loginform_div{
  background: white;
}

.px-not-logged-in .zis-form-buttons-container{
  text-align: center;
  padding-right: 0;
}

.px-not-logged-in .ui-state-default{
  background-color: transparent;
  background-image: none;
  border: none;
  text-shadow: none;
  box-shadow: none;
}
/*.px-not-logged-in #loginform_div{
  flex-grow: 1;
}*/

.px-not-logged-in #loginform_div{
  padding: 3em;
}

.zis-login-form{
  width:400px;
}

.px-not-logged-in #loc__password_row{
  margin-top: 1em;
}

.px-not-logged-in #loginform_div{
  border: 1px solid #dedede;
}

.px-not-logged-in input{
  border: 1px solid #dedede;
  box-shadow: none;
  border-radius: 0;
  padding: 10px;
  margin-top: 2px;
  transition: 0.3s all;
}

.px-not-logged-in input:active, .px-not-logged-in input:focus{
  border-color: var(--przyciskTloKolor);
}

.px-not-logged-in #loc__login_row, .px-not-logged-in #loc__password_row{
  display: flex;
  flex-direction: column;
}

.px-not-logged-in #loginform_loc__password_value_div,
.px-not-logged-in #loginform_loc__login_value_div,
.px-not-logged-in #tab_loginform0_div{
  padding: 0;
  margin: 0;
}

.px-not-logged-in #tab_loginform0_div > .ui-state-default{
  text-align: center;
  font-size: 18px;
}

.px-not-logged-in .logo{
  display: flex;
  margin: auto;
  align-items: center;
  flex-grow: 1;
}

.px-not-logged-in .cookie-info{
  color: #B9B9B9;
  text-align: center;
}

.px-not-logged-in #contentbody_div .zis-form-buttons-container button{
  float: initial;
  width: 100%;
  justify-content: center;
  border-radius: 0;
  margin-top: 10px;
  padding: 10px;
}

#pageheadertag_left_div{
  width: auto;
}

.nt-body-div{
  height: 100%;
}

.nt-contentpanel{
  margin-left: 0;
}

#contentbody_div .zis-margin-right{
  margin-right: 0;
}

#contentbody_div .nt-form-grid-row{
  margin-left: 0;
  margin-bottom: 0;
}

#contentbody_div .zis_tytulbrowsa{
  padding-right: 0;
}

#contentbody_div .zis-tytuly{
  background-color: var(--kontentTloKolor);
  color: var(--naglowekTekstKolor);
  font-weight: bold;
  font-size: 36px;
  padding: 0;
  margin-bottom: 20px;
  text-align: left;
  position: relative;
  padding-left: 20px;
}

#contentbody_div .zis-tytuly:before{
  left:0;
  height: 100%;
  width: 10px;
  content: '';
  background: var(--detaleKolor1);
  position: absolute;
}

#tab_cookiesinfo_div .nt-form-grid-cell-value{
  flex: initial;
}

/*#tab_cookiesinfo_div #eqTekst{
  font-size: 18px;
}*/

.zis-table{
  border-width: 1px;
  border-color: var(--detaleKolor2);
}

.nt-browse-table-footer{
  border-left-color: initial !important;
  border-left: none !important;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.nt-browse-row-header{
  font-weight: 700;
}

.ui-widget{
  font-family: 'Inter', sans-serif;
}

.nt-browse-gb1, .nt-browse-gb2{
  background-color: var(--tabelkaTloWierszaKolor);
}

.nt-browse-selected{
  background-color: var(--tabelkaTloWierszaZaznKolor);
}

#zalaczniki_row, #aktszcpytania_row{
  margin-top: 2em;
}

#body_div{
  display: flex;
  flex-direction: column;
}

.new-top-header{
  text-align: center;
  padding: 1em;
  display: flex;
}

.new-top-header .logo-section{
  flex-grow:1;
}

.new-top-header .info-section{
  text-align: right;
  margin: auto;
}

.new-top-header .info-section:nth-child(1){
  text-align: left;
  display: flex;
  align-items: center;
}

.new-top-header .info-section img{
  max-height: 100px;
  margin-right: 20px;
}

#logo{
  font-weight: bold;
  font-size: 48px;
  color: var(--logoGlownyKolor);
}

#logo .small-letter{
  font-weight: 400;
  font-size: 36px;
  color: var(--logoDetalKolor);
}

.new-top-header .description{
  font-weight: 300;
  font-size: 12px;
  color: var(--logoGlownyKolor);
}

.new-header{
  display: flex;
  align-items: center;
  padding: 0.5em 2em;
  border-top: 1px solid var(--detaleKolor2);
  border-bottom: 1px solid var(--detaleKolor2);
  width: 100%;
}

.new-header .def-button{
  padding: 8px 16px;
  background: var(--przyciskTloKolor);
  border-radius: 8px;
  font-weight: bold;
  color: var(--przyciskTekstKolor);
  font-size: 18px;
  cursor: pointer;
  transition: 0.3s all;
}

.new-header .def-button:hover{
  background: var(--przyciskWylogujKolorHover);
}

.new-header .time{
  font-size: 12px;
  font-weight: bold;
  color: var(--colorDanger);
  margin: 0 2em;
}

.new-header .break, .left-menu .menu-item h3 .break{
  flex-grow: 1;
}

.new-header .header-name{
  font-weight: bold;
  font-size: 24px;
  color: var(--naglowekTekstKolor);
}

#pageheadertag_left_div{
  border-right: 1px solid var(--detaleKolor2);
}

.left-menu{
  width: 275px;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--tloMenuKolor);
  z-index: 1000;
  transition: width 0.5s, transform 0.5s;
}
.left-menu .break{
  flex-grow: 1;
}
.left-menu .company-info{
  padding: 1em;
  color: var(--logoGlownyKolor);
}

.left-menu .company-info img{
  max-height: 150px;
  border-radius: 5px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.left-menu .menu-item h3{
  cursor: pointer;
  display: flex;
  width: 100%;
  align-items: center;
  padding: 1em;
  margin: 0;
  color: var(--elementyGlowneKolor);
}

.left-menu .menu-item h3 .material-icons.icon{
  padding-right: 0.5em;
  color: var(--ikonkaKolor);
}

.left-menu .menu-item ul{
  max-height: 0;
  overflow: hidden;
  margin: 0;
  transition: 0.3s all;
  list-style: none;
  padding-left: 52px;
}

.left-menu .menu-item ul li a{
  color: var(--elementNieaktywnyKolor);
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  margin: 0.5em 0;
  display: inline-block;
}

.left-menu .menu-item ul li a:hover,
.left-menu .menu-item ul li a:focus,
.left-menu .menu-item ul li a:active,
.left-menu .menu-item ul li a.active{
  color: var(--elementAktywnyKolor);
}

.left-menu span.arr.material-icons {
  transition: 0.3s all;
}

.left-menu .menu-item.clicked span.arr.material-icons {
  transform: rotate(180deg);
}

#main_content{
  display: flex;
  width: 100%;
  flex-grow: 1;
}

#kartykonta_przeglad_lockkprze__aktsaldo_prompt_div label{
  font-weight: 400;
  color:black;
}

#kartykonta_przeglad_lockkprze__aktsaldo_prompt_div label .finanse-data{
  font-weight: 700;
}

#lockkprze__aktsaldo_row > .nt-form-grid-cell{
  flex-direction: column;
  flex: initial;
  flex-wrap: initial;
  align-items: initial;
}

#kartykonta_przeglad_lockkprze__aktsaldo_value_div{
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  text-align: left;
  width: auto;
  font-weight: 700;
  font-size: 32px;
}

#kartykonta_przeglad_lockkprze__aktsaldo_value_div.negative{
  color:var(--kwotyUjemneKolor);
}

#kartykonta_przeglad_lockkprze__aktsaldo_value_div.positive{
  color:var(--kwotyDodatnieKolor);
}

#kartykonta_przeglad_lockkprze_uwaga_value_div{
  font-style: normal;
  margin: 0;
  padding: 0;
}

#locKKPrze_Uwaga{
  font-size: 12px;
  font-weight: 300;
}

#locKKPrze_Uwaga .uwaga-lokale{
  font-weight: 700;
}

#lockkprze__aktsaldo_row .kwoty{
  display:flex;
  align-items: center;
}

#kartykonta_przeglad_lockkprze__aktsaldo_comment_div{
  font-size: 22px;
}

#lockkprze__aktsaldo_row .kwoty{
  margin: 1em 0;
}

#contentbody_div button, #WebKomunikaty_Form_saveset button, body .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button,
body .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:focus, body .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:active,
body .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:focus-visible,body > .ui-dialog .ui-dialog-content .ui-button{
  padding: 4px 12px;
  background: var(--przyciskTloKolor);
  border-radius: 5px;
  font-weight: bold;
  color: var(--przyciskTekstKolor);
  font-size: 14px;
  cursor: pointer;
  text-shadow: none;
  border: 1px solid transparent;
  transition: 0.3s all;
  box-shadow: none;
}

body .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{
  margin-right: 0;
}

/* TYMCZASOWO DODAĆ IKONKĘ LUPY POTEM DO GUZIKA */
#contentbody_div button .ui-button-icon, #contentbody_div button .ui-button-icon-space,
#WebKomunikaty_Form_saveset button .ui-button-icon, #WebKomunikaty_Form_saveset button .ui-button-icon-space,
body > .ui-dialog .ui-dialog-content .ui-button .ui-button-icon-space, body > .ui-dialog .ui-dialog-content .ui-button .ui-button-icon{
  display: none;
}

#zgloszoneawarieprzezkth_zgloszenia_przeglad_locator_b_div .nt-lookup button,
#dzienniki_eoddz_przeglad_locator_b_div .nt-lookup button,
#locdzienniki__dataod_row .nt-lookup button,
#locdzienniki__typdok_row .nt-lookup button{
  margin-left: 6px !important;
}

.nt-radio-div-buttons-hor label {
    padding: 0.5em 1em;
    border: 1px solid transparent;
    background: var(--przyciskTloKolor);
    text-shadow: none;
    font-weight: bold;
    color: var(--przyciskTekstKolor);
    margin: 0 0.5em;
    border-radius: 5px;
    transition: 0.3s all;
}

.nt-radio-div-buttons-hor label .ui-checkboxradio-icon,
.nt-radio-div-buttons-hor label .ui-checkboxradio-icon-space
{
  display: none;
}

.nt-radio-div-buttons-hor label.ui-state-active, .nt-radio-div-buttons-hor label:hover,
#contentbody_div button:hover, #WebKomunikaty_Form_saveset button:hover,
body .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover,
body > .ui-dialog .ui-dialog-content .ui-button:hover{
  border: 1px solid var(--przyciskTloKolor);
  background: var(--przyciskTekstKolor);
  color: var(--przyciskTloKolor);
}

#tab_mojedane_div .nt-form-grid-row:not(:first-child):not(:last-child),
#netglosowaniaaktywneszczegoly_div .nt-form-grid-row:nth-child(1),
#netglosowaniaaktywneszczegoly_div .nt-form-grid-row:nth-child(2){
  padding: 1em 0;
  border-bottom: 1px solid #c4c4c4;
}

#tab_netglosowaniaaktszcpytodp_div .nt-form-grid-row:nth-child(2),
#tab_netglosowaniaaktszcpytodp_div .nt-form-grid-row:nth-child(3),
#tab_netglosowaniaaktszcpytodp_div .nt-form-grid-row:nth-child(5),
#tab_netglosowaniaaktszcpytodp_div .nt-form-grid-row:nth-child(6){
  padding: 1em 0;
  border-bottom: 1px solid #c4c4c4;
}

#tab_netglosowaniaaktszcpytodp_div .nt-form-grid-row:nth-child(1),
#tab_netglosowaniaaktszcpytodp_div .nt-form-grid-row:nth-child(4),
#tab_netglosowaniaaktszcpytodp_div .nt-form-grid-row:nth-child(7){
  padding: 1em 0;
}

#tab_mojedane_div .nt-form-grid-row:last-child,
#netglosowaniaaktywneszczegoly_div .nt-form-grid-row:nth-child(3){
  padding: 1em 0;
}

#tab_mojedane_div .nt-form-grid-row label,
#netglosowaniaaktywneszczegoly_div .nt-form-grid-row label,
#tab_netglosowaniaaktszcpytodp_div .nt-form-grid-row label:not(.ui-button){
  /*font-weight: 300;*/
  /*color: var(--logoGlownyKolor);*/
  color: black;
  font-size: 16px;
}

#mojedane_loc__nazwa_value_div{
  font-weight: 700;
}

html{
  overscroll-behavior: none;
  overflow: hidden;
  height: 100%;
}

body{
  overflow: auto;
  overflow-x: hidden;
  height: 100%;
}

.new-top-header .mobile-burger{
  cursor: pointer;
  display: none;
}

#tab_karty_form1_div{
  margin-top:2em;
}

#body_div.px-not-logged-in .new-top-header .logo-section{
  flex-grow: 0;
}

#net_liczniki_net_liczniki_browsezasoby_tbl{
  background: transparent;
}

#net_liczniki_net_liczniki_browsezasoby_tbl
.nt-browse-table-body .lokal{
  margin-bottom: 1em;
  background: white;
  border: 1px solid #c4c4c4;
  border-radius: 5px 5px 0 0;
  border-top: none;
}

#net_liczniki_net_liczniki_browsezasoby_table_div{
  border: none;
}

#net_liczniki_net_liczniki_browsezasoby_tbl >
.nt-browse-table-body .lokal > .nt-browse-grid-row:nth-child(1){
  background: #1877f2;
  color: white;
  border-radius: 5px;
}

#net_liczniki_net_liczniki_browsezasoby_tbl >
.nt-browse-table-body .lokal > .nt-browse-grid-row:nth-child(1) .nt-browse-grid-cell,
#net_liczniki_net_liczniki_browsezasoby_tbl >
.nt-browse-table-body .lokal > .nt-browse-grid-row:nth-child(2) .nt-browse-grid-cell{
  border: none;
}

.px-not-logged-in .logo .company_info{
  display: none;
}

#czdokumenty_przegladform_div .material-icons{
  background: transparent;
  font-size: 16px;
}

button[value="Zamknij"]{
  display: none;
}

#lodczytyfield_row{
  margin-top: 2em;
}

#net_liczniki_formliczniki_net_liczniki_browselodczyty_nav_b button:not(:last-child){
  margin-right: 1em;
}

#net_liczniki_formliczniki_div .nt-form-grid-cell-value input{
  background: transparent;
  border: none;
  box-shadow: none;
}

#Net_Liczniki_FormLiczniki_container .nt-form-grid-row:not(.empty):not(:last-child),
#Zgloszenia_Form_container .nt-form-grid-row:nth-child(1),
#Zgloszenia_Form_container .nt-form-grid-row:nth-child(2),
#Zgloszenia_Form_container .nt-form-grid-row:nth-child(3),
#NetGlosowaniaZakonczoneSzczegoly_container .nt-form-grid-row:not(:last-child),
#Karty_Form_container .nt-form-grid-row:not(:last-child),
#eqdislokal_row, #eqdiskarta_row{
  padding: 1em 0;
  border-bottom: 1px solid #c4c4c4;
}

#Zgloszenia_Form_container .nt-form-grid-row:nth-child(4),
#NetGlosowaniaZakonczoneSzczegoly_container .nt-form-grid-row:last-child,
#Karty_Form_container .nt-form-grid-row:last-child,
#czk__konto_row, #eqdiskontorokmc_row{
  padding: 1em 0;
}

#Net_Liczniki_FormLiczniki_container .nt-form-grid-row label,
#Zgloszenia_Form_container .nt-form-grid-row label,
#NetGlosowaniaZakonczoneSzczegoly_container label,
#Karty_Form_container label,
#eqdislokal_row label, #czk__konto_row label,
#eqdiskarta_row label, #eqdiskontorokmc_row label{
  font-size: 16px;
  color: black;
}

#NetGlosowaniaAktSzcPytOdp_saveset button, #zgloszenia_form_div button{
  margin-right: 1em;
}

#alert_div{
  margin-bottom: 0;
  border-radius: 0;
  background: #ff3737;
  border: none;
  text-shadow: none;
  box-shadow: none;
  text-align: center;
  font-weight: bold;
}

body > .ui-dialog{
  border: 1px solid #c4c4c4;
  border-radius: 0;
}

body > .ui-dialog > .ui-dialog-titlebar button:hover, body > .ui-dialog > .ui-dialog-titlebar button{
  background: transparent;
  color: gray;
}

body > .ui-dialog button, body > .ui-dialog > .ui-dialog-titlebar{
  border:none;
}

body > .ui-dialog > .ui-dialog-titlebar{
  padding: 8px;
}

body .ui-dialog .ui-dialog-buttonpane{
  padding: 8px;
  border: none;
}

body .ui-widget-overlay{
  background:black;
}

#loc__disrok_row input{
  font-size: 24px;
}

/* MOBILKI */

@media only screen and (max-width: 1023px) {
  .nt-form-grid-cell {
    display: flex;
  }
  .nt-prompt{
    width: auto;
  }
  .nt-entry{
    font-size: 1em !important;
  }
  .ui-controlgroup-horizontal{
    width: 100%;
  }
  .nt-radio-div-buttons-hor label{
    margin: 0.5em;
  }
  #net_liczniki_net_liczniki_browsezasoby_tbl .lokal-liczniki{
    display: flex;
    width: 100%;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .lokal-liczniki .nt-browse-grid-cell{
    width: auto;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .lokal-liczniki > div:nth-child(1){
    flex-grow: 1;
  }

  #net_liczniki_formliczniki_net_liczniki_browselodczyty_tbl{
    background: transparent;
  }

  #net_liczniki_formliczniki_net_liczniki_browselodczyty_tbl > .nt-browse-table-body > .nt-browse-grid-row:nth-child(even){
    margin-bottom: 1em;
  }

  #net_liczniki_formliczniki_net_liczniki_browselodczyty_tbl > .nt-browse-table-body > .nt-browse-grid-row:nth-child(odd){
    border: 1px solid #c4c4c4;
  }

  .nt-browse-table-body > .nt-browse-grid-row .nt-browse-grid-cell{
    justify-content: space-between;
  }

  #net_liczniki_formliczniki_net_liczniki_browselodczyty_table_div{
    border:none;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .nt-browse-table-body .lokal{
    border-radius: 0;
    border-top: 1px solid #c4c4c4;
  }

  #tab_net_liczniki_div .zis-form-buttons-container > .nt-browse-grid-cell-prompt{
    display: none;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .nt-flexwidth-1, #net_liczniki_net_liczniki_browsezasoby_tbl .nt-flexwidth-2,#net_liczniki_net_liczniki_browsezasoby_tbl .nt-flexwidth-3{
    flex-grow: 0;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .nt-browse-data {
      padding: 5px;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl > .nt-browse-table-body .lokal > .nt-browse-grid-row:nth-child(2) .zis-table 
  .nt-browse-table-body > .nt-browse-grid-row{
    margin-bottom: 1em;
    border: 1px solid #c4c4c4;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl > .nt-browse-table-body .lokal > .nt-browse-grid-row:nth-child(2) .zis-table{
    border:none;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl >
  .nt-browse-table-body .lokal > .nt-browse-grid-row:nth-child(1){
    background: white;
    color: black;
    border-radius: 0;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 1em;
    padding-bottom: 1em;
  }

}

@media only screen and (max-width: 960px) {
  body{
    font-size: 10pt !important;
  }
  .zis-table{
    width: 100%;
  }
}

@media only screen and (max-width: 807px) {
  .nt-body {
    font-size: 12px !important;
  }
}

@media only screen and (max-width: 700px) {

  .zis-login-form{
    width: 100%;
  }
  
  #body_div .new-top-header .info-section{
    display: none;
  }

  #logo{
    font-size: 32px;
  }

  #logo .small-letter{
    font-size: 22px;
  }

  .left-menu .user-name h3{
    padding: 16px;
    margin: 0;
    font-size: 24px;
    color: white;
  }

  .new-top-header .mobile-burger{
    display: flex;
    align-items: center;
  }

  .left-menu.closed{
    width: 0;
    transform: translateX(-275px);
  }

  #main_content{
    padding-top: 80px;
  }

  .new-top-header{
    position: fixed;
    width: 100%;
    background: white;
    z-index: 1;
    border-bottom: 2px solid #C4C4C4;
  }

  html, body.nt-body{
    background:linear-gradient(90deg, var(--tloMenuKolor) 0 0px, var(--kontentTloKolor) 0px 100%);
  }

  html, body.nt-body.open-menu{
    background:linear-gradient(90deg, var(--tloMenuKolor) 0 275px, var(--kontentTloKolor) 275px 100%);
  }

  body.nt-body .left-menu{
    z-index: 1000;
  }

  body.nt-body.open-menu .left-menu{
    position: fixed;
  }

  .zis-table{
    width: 100%;
  }

  #contentbody_div .zis-tytuly{
    font-size: 28px;
  }

  #kartykonta_przeglad_karty_przeglad_tbl .nt-browse-table-body .nt-browse-grid-row{
    display: flex;
    flex-direction: column;
    width: 100%;
    background: white;
    padding: 0;
    border: 1px solid #c4c4c4;
    margin-bottom: 1em;
  }

  #kartykonta_przeglad_karty_przeglad_tbl .nt-browse-table-body .nt-browse-grid-row .row{
    display: flex;
    width: 100%;
    margin-bottom: 0;
  }

  #kartykonta_przeglad_karty_przeglad_tbl .nt-browse-table-body .nt-browse-grid-row .row > div:nth-child(1){
    flex-grow: 1;
  }

  #kartykonta_przeglad_karty_przeglad_tbl .nt-browse-table-body .nt-browse-grid-row .row > div:nth-child(2){
    width: auto;
  }

  /*#kartykonta_przeglad_karty_przeglad_tbl .nt-browse-table-body .nt-browse-grid-row .row:not(:nth-child(3)){
    margin-bottom: 0;
  }*/

  /*#kartykonta_przeglad_karty_przeglad_tbl .nt-browse-table-body .nt-browse-grid-row .row div:nth-child(1){
    flex-grow: 1;
  }*/

  #kartykonta_przeglad_karty_przeglad_tbl .nt-browse-table-body .nt-browse-grid-row .row:nth-child(1){
    font-size: 14px;
    font-weight: bold;
  }

  #kartykonta_przeglad_karty_przeglad_tbl .nt-browse-table-body .nt-browse-grid-row .row > .nt-browse-grid-cell:nth-child(2){
    justify-content: flex-end;
  }

  #kartykonta_przeglad_karty_przeglad_tbl .nt-browse-table-body .nt-browse-grid-row .row:nth-child(3){
    align-items: center;
  }

  #kartykonta_przeglad_karty_przeglad_tbl .nt-browse-table-body .nt-browse-grid-row .kwota{
    font-weight: bold;
    font-size: 18px;
  }

  #kartykonta_przeglad_karty_przeglad_tbl .nt-browse-table-body .nt-browse-grid-row .kwota div.negative,
  #kartykonta_przeglad_karty_przeglad_tbl .nt-browse-table-footer.negative{
    color:var(--kwotyUjemneKolor);
  }

  #kartykonta_przeglad_karty_przeglad_tbl .nt-browse-table-body .nt-browse-grid-row .kwota div.positive,
  #kartykonta_przeglad_karty_przeglad_tbl .nt-browse-table-footer.positive{
    color:var(--kwotyDodatnieKolor);
  }

  #kartykonta_przeglad_karty_przeglad_tbl.ui-widget-content{
    background: transparent;
  }

  #kartykonta_przeglad_karty_przeglad_tbl .nt-browse-grid-cell, #kartykonta_przeglad_karty_przeglad_table_div{
    border: none;
  }

  #kartykonta_przeglad_karty_przeglad_tbl .nt-browse-grid-cell{
    width: auto;
  }

  #kartykonta_przeglad_karty_przeglad_tbl > .nt-browse-row-footer{
    flex-direction: row;
    font-size: 18px;
    flex-wrap: nowrap;
    border-top: 1px solid #c4c4c4;
    justify-content: space-between;
    position: fixed;
    width: 100%;
    left: 0;
    bottom:0;
    background: white;
  }

  #kartykonta_przeglad_div{
    margin-bottom: 20px;
  }

  #kartykonta_przeglad_karty_przeglad_tbl > .nt-browse-row-footer > .nt-browse-table-footer-empty{
    display: none;
  }

  #body_div.px-not-logged-in .new-top-header{
    display: none;
    
  }

  #aktualnosci_div .company_info, .px-not-logged-in .logo .company_info{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2em;
    padding: 8px 16px;
    background: white;
    border: 1px solid #c4c4c4;
    font-size: 10px;
  }

  .px-not-logged-in .company_info{
    width: 100%;
  }

  .px-not-logged-in .logo{
    margin: 0;
  }

  #aktualnosci_div .company_info > div:nth-child(1), .px-not-logged-in .company_info  > div:nth-child(1){
    display: flex;
    align-items: center;
  }

  #aktualnosci_div .company_info > div:nth-child(2), .px-not-logged-in .company_info > div:nth-child(2){
    text-align: right;
  }

  #aktualnosci_div img, .px-not-logged-in img{
    max-height: 50px;
    margin-right: 16px;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl >
  .nt-browse-table-body .lokal > .nt-browse-grid-row:nth-child(1) .lokal-liczniki{
    font-weight: bold;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl
  .nt-browse-table-body .lokal{
    border-top: 1px solid #c4c4c4;
    border-radius: 0;
  }
  
  #net_liczniki_net_liczniki_browsezasoby_tbl .licznik-row{
    display: flex;
    width: 100%;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .licznik-row .nt-browse-grid-cell{
    width: auto;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .licznik-row:nth-child(1){
    font-weight: bold;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .licznik-row:nth-child(1) > div:nth-child(2){
    flex-grow: 1;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .licznik-row:nth-child(2){
    flex-direction: row-reverse;
    align-items: baseline;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .licznik-row:nth-child(2) > div:nth-child(2){
    flex-grow: 1;
    justify-content: flex-end;
    font-weight: bold;
    font-size: 24px;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .licznik-row:nth-child(2) > div:nth-child(1){
    padding-left: 0;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .licznik-row:nth-child(2) > div:nth-child(2) div{
    padding-right: 0
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .licznik-row:nth-child(2) > div:nth-child(1) div{
    padding-left: 0
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .licznik-row:nth-child(3) > div:nth-child(1){
    flex-grow: 1;
    text-align: left;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .licznik-row:nth-child(3) > div:nth-child(2) .nt-browse-grid-cell-prompt{
    display: none;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .zw{
    background: #e0f6ff;
  }

  #net_liczniki_net_liczniki_browsezasoby_tbl .cw{
    background: #ffe2e2;
  }

  #aktualnosci_div .nt-browse-grid-row{
    background: white;
  }

  #mojedane_div .dane, #kartykonta_przeglad_div .finanse,
  #konta_pokazkonto_div .stan-konta,
  #tab_cookiesinfo_div,
  #net_liczniki_formliczniki_div .dane-licznik{
    padding: 16px;
    background: white;
    border: 1px solid #c4c4c4;
  }

  #mojedane_div .dane .nt-form-grid-cell-value{
    font-size: 18px;
  }

  #mojedane_div .dane .nt-form-grid-cell-prompt label{
    font-weight: normal;
  }

  #tab_mojedane_div .nt-form-grid-row:not(:first-child):not(:last-child){
    border-bottom:none;
    padding: 0;
  }

  #tab_mojedane_div .nt-form-grid-row:last-child{
    padding: 0;
  }

  .ui-dialog .ui-dialog-title{
    font-size: 14px;
  }

  #Konta_PokazKonto_container .nt-form-grid-cell{
    flex-direction: column;
  }

  #konta_pokazkonto_czk__rok_prompt_div{
    border-top: 1px solid #c4c4c4;
    padding-left: 0;
    padding-top: 1em;
    margin-left: 0;
  }

  #konta_pokazkonto_eqdislokal_value_div,
  #konta_pokazkonto_czk__konto_value_div,
  #konta_pokazkonto_czk__rok_value_div{
    padding-left: 10px;
    font-size: 16px;
    padding-top: 6px;
  }

  #konta_pokazkonto_czk__konto_comment_div{
    padding-bottom: 1em;
  }

  #Net_Liczniki_FormLiczniki_container .nt-form-grid-row:not(.empty):not(:last-child){
    border: none;
    padding: 0;
  }

  /*#net_liczniki_formliczniki_div .dane-licznik{
    padding: 2em;
  }*/

  #net_liczniki_formliczniki_div .dane-licznik label{
    font-size: 16px;
    font-weight: normal;
  }

  #net_liczniki_formliczniki_div .dane-licznik .nt-form-grid-cell-value input{
    font-size: 18px!important;
    font-weight: bold;
  }

  #net_liczniki_formliczniki_div .dane-licznik .nt-form-grid-cell-value .nt-formcell{
    padding: 0;
  }

  #locdzienniki__dataod_row .nt-form-grid-cell{
    flex-direction: column;
    padding-left: 15px;
  }

  .zis-table{
    border: none;
  }

  .zis-table .nt-browse-table{
    background: transparent;
  }

  .nt-browse-table-body > .nt-browse-grid-row{
    margin-bottom: 1em;
    background: white;
    border: 1px solid #c4c4c4;
  }

  #karty_form_div #loc__disrok_row > .nt-form-grid-cell:nth-child(1){
    margin-bottom: 1em;
  }

  /* SPINNED LOADER */

  .lds-spinner {
    color: official;
    display: none;
    position: relative;
    width: 40px;
    height: 40px;
    margin: auto;
  }
  .lds-spinner.show{
    display: inline-block;
  }
  .lds-spinner div {
    transform-origin: 20px 20px;
    animation: lds-spinner 1.2s linear infinite;
  }
  .lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 1.5px;
    left: 18.5px;
    width: 3px;
    height: 9px;
    border-radius: 20%;
    background: black;
  }
  .lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
  }
  .lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
  }
  .lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
  }
  .lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
  }
  .lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
  }
  .lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
  }
  .lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
  }
  .lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
  }
  .lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
  }
  .lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
  }
  .lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
  }
  .lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
  }
  @keyframes lds-spinner {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }

  /* END SPINNER LOADER */
}