body[data-mode="dev"] {
   background: url('../images/tlo_dev.png') repeat-x white fixed;
}

body[data-mode="prod"], body:not ([data-mode] ) {
   background: url('../images/tlo.png') repeat-x white fixed;
}

body {
   background: url('../images/tlo.png') repeat-x white fixed;
   margin-top: 15px;
   margin-bottom: 15px;
   margin-left: 5px;
   margin-right: 5px;
   overflow: hidden;
   font-size: 12px;
   font-family: tahoma;
}

input[type="checkbox"][dirty="true"]+label,
input[type="radio"][dirty="true"]+label {
   background: transparent url('../images/dirty_cell.png') no-repeat left top;
}
div[empty-prop-radio="true"] {
   background: transparent url('../images/dirty_cell.png') no-repeat left top;
}

input[dirty="true"], select[dirty="true"], textarea[dirty="true"] {
   background: #ffffff url('../images/dirty_cell.png') no-repeat left top;
}
/*
td[dirty="true"] {
   background-image: url('../images/dirty_cell.png');
   background-position: left top;
   background-repeat: no-repeat;
}
*/
a {
   color: #4e4e4e;
   text-decoration: none;
}

input:not([data-is-free="true"]) {
   
}

a:hover {
   color: black;
   text-decoration: none;
}
a[onClick] {
   cursor: pointer;
}
h3 {
   font-size: 12px;
   margin-top: 0px;
}

#KONTENER {
   position: relative;
   z-index: 10;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
}

#LOGO {
   width: 99%;
   position: fixed;
   top: 0px;
   left: 0px;
   padding: 10px 1% 0px 0px;
   /*background: url('../images/tlo.png') repeat-x white fixed;*/
   z-index: 14;
   padding-bottom: 10px;
   text-align: right;
}

form {
   margin: 0px 0px 0px 0px;
   padding: 0px;
}

.clear {
   display: block;
   clear: both;
   height: 0px;
}

.border-top-brighter {
   border-top: 1px solid #EDF5FE;
}

.pointer {
   cursor: pointer;
}

.podzialka, .podzialka_b {
   background-color: white;
   border: 0px solid white;
   padding: 0px;
   margin: 0px 0px 0px 0px;
   font-size: 10px;
}

.podzialka_b {
   font-weight: bold;
}

.podzialka:hover, .podzialka_b:hover {
   cursor: pointer;
}

#SRODEK {
   float: left;
   width: 100%;
   position: relative;
   
   /*z-index: 100;*/
}

#SRODEK #tresc,
#SRODEK > #ng-app-root {
   border: 1px solid #808080;
   height: 490px;
   background-color: white;
   /*z-index: 200;*/
}

#SRODEK #tresc {
   overflow-y: auto;
   overflow-x: auto;
   padding: 15px;
   padding-top: 10px;
   padding-bottom: 10px;
   position: relative;
}

#SRODEK > #ng-app-root {
   padding: 0px;
}

#SRODEK > #ng-app-root > #ng-view-root {
   overflow-y: auto;
   overflow-x: auto;
   height: inherit;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
}

#SRODEK_MOB {
   margin-top: 80px;
   float: left;
   position: relative;
   /*z-index: 100;*/
}

#SRODEK_MOB #tresc,
#SRODEK_MOB > #ng-app-root {
   border: 1px solid #808080;
   height: 480px;
   background-color: white;
   /*z-index: 200;*/
}

#SRODEK_MOB #tresc {
   overflow-y: auto;
   overflow-x: auto;
   padding: 15px;
   padding-top: 10px;
   padding-bottom: 10px;
   position: relative;
}

#SRODEK_MOB > #ng-app-root {
   padding: 0px;
   padding-bottom: 20px;
}

#SRODEK_MOB > #ng-app-root > #ng-view-root {
   overflow-y: auto;
   overflow-x: auto;
   height: inherit;
   padding-top: 20px;
   padding-left: 10px;
   padding-right: 10px;
}

#STOPKA {
   text-align: center;
   position: absolute;
   bottom: 20px;
   left: 0;
}

.tabela_ramka {
   border: 1px solid #8da6c0;
   display: table;
   width: 100%;
   border-spacing: 1px;
}

.podswietlenie2 {
   background-color: white;
   color: black;
   font-weight: bold;
   margin-bottom: 1px;
   display: table-row;
}

.podswietlenie20, .podswietlenie21 {
   width: 100%;
   margin-bottom: 1px;
   padding: 1px 0px 1px 0px;
}

.tabela_ramka .naglowek {
   display: table-cell;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 5px;
}

.podswietlenie0, .podswietlenie1 {
   width: 100%;
   margin-bottom: 1px;
   display: table-row;
}

.podswietlenie0, .podswietlenie20, .set_bgcolor0 {
   background-color: #f3f5f8;
}

.podswietlenie1, .podswietlenie21, .set_bgcolor1 {
   background-color: #e6ebf0;
}

.podswietlenie0:hover, .podswietlenie1:hover, .podswietlenie20:hover,
   .podswietlenie21:hover, .set_bgcolor0:hover, .set_bgcolor1:hover {
   background-color: #bed0fa;
   color: black;
}

.tabela_ramka .komorka, .tabela_ramka .komorka_lista_operacji,
   .tabela_ramka .komorka_lp {
   display: table-cell;
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 5px;
}

.tabela_ramka .komorka_lista_operacji {
   width: 100px;
}

.tabela_ramka .komorka_lp {
   width: 30px;
}

.lista_operacji {
   display: none;
   position: absolute;
   background-color: #f1f1f1;
   border: 1px solid #5c5c5c;
   min-width: 90px;
}

.element_operacji {
   padding: 1px;
   text-align: center;
   color: black;
   display: block;
   margin: 2px 2px 2px 2px;
}

.element_operacji:hover {
   background-color: #d9e1ea;
}

#komunikat {
   border-bottom: 1px solid red;
   padding: 3px;
   text-align: center;
   width: 90%;
   font-weight: bold;
   color: red;
   margin-left: auto;
   margin-right: auto;
}

.wyglad_panelu_lewa, .wyglad_panelu_prawa {
   margin-bottom: 5px;
}

.wyglad_panelu_lewa {
   width: 42%;
   font-weight: bold;
   text-align: right;
   margin-right: 2%;
   display: block;
   float: left;
   padding-top: 4px;
   padding-bottom: 4px;
   background-color: #e6ebf0;
   padding-right: 1%;
   margin-left: 5%;
}

.wyglad_panelu_prawa {
   width: 49%;
   display: block;
   float: left;
}

.paleta_barw {
   display: inline;
   padding-left: 5px;
}

.paleta_barw {
   cursor: pointer;
}

.paleta_barw img {
   vertical-align: top;
}

.paleta {
   display: none;
   position: absolute;
   top: 125px;
   border: 1px solid gray;
   width: 280px;
   margin: 5px auto 10px auto;
   background-color: white;
}

#zmiana_hasla {
   margin-top: 15px;
   margin-left: auto;
   margin-right: auto;
   width: 300px;
   border: 1px solid #7f9db9;
}

#zmiana_hasla_ramka {
   margin: 4px 4px 4px 4px;
   padding: 6px;
   background-color: #f3f5f8;
}

#lista, #lista_kanaly {
   font-family: verdana;
   font-size: 10px;
   width: 676px;
   background: url('../images/lista_linia.jpg') repeat-x bottom left;
   border: 1px solid white;
   margin: 0px auto 10px auto;
}

#lista_kanaly {
   margin-left: 0px;
   width: 100%;
}

#lista #lista_lewa, #lista_kanaly #lista_lewa {
   width: 38px;
   height: 24px;
   float: left;
   background: url('../images/lista_lewo.jpg') no-repeat bottom right;
}

#lista #lista_prawa {
   width: 38px;
   height: 24px;
   float: left;
   background: url('../images/lista_prawo.jpg') no-repeat bottom left;
}

#lista_kanaly #lista_koniec {
   width: 100%;
   height: 24px;
   background: url('../images/lista_prawo.jpg') no-repeat bottom right;
}

.element2 {
   width: 120px;
   margin-bottom: 3px;
   float: left;
}

.element3 {
   width: 230px;
   margin-bottom: 3px;
   float: left;
}

#lista_kanaly .element2 {
   width: 120px;
}

#lista .active, #lista_kanaly .active {
   background-color: white;
   border: 1px solid #0080ff;
   text-align: center;
   padding: 2px 0px 0px 0px;
   color: #0080ff;
   font-weight: bold;
   margin-right: 3px;
   height: 16px;
}

#lista_kanaly .active {
   height: 20px;
   border-bottom: 0px solid white;
   padding-top: 3px;
}

#lista .unactive, #lista_kanaly .unactive {
   margin: 0px 3px 1px 0px;
   background-color: #7aabfc;
   color: white;
   text-align: center;
   height: 14px;
   padding: 3px 0px 3px 0px;
}

#lista .unactive:hover, #lista_kanaly .unactive:hover {
   background-color: #2d96ce;
   cursor: pointer;
}

#skroty_uwaga {
   text-align: center;
   font-weight: bold;
   color: green;
   margin-bottom: 15px;
}

.skroty_klawiszowe_lewa, .skroty_klawiszowe_prawa {
   margin-bottom: 5px;
}

.skroty_klawiszowe_odstep {
   width: 27%;
   font-weight: bold;
   text-align: right;
   display: block;
   float: left;
   padding-top: 10px;
   padding-bottom: 4px;
   padding-right: 1%;
   margin-left: 5%;
   text-align: right;
}

.skroty_klawiszowe_lewa {
   width: 27%;
   font-weight: bold;
   text-align: right;
   display: block;
   float: left;
   padding-top: 4px;
   padding-bottom: 4px;
   background-color: #f4e1f4;
   padding-right: 1%;
   margin-left: 5%;
   text-align: right;
}

.skroty_klawiszowe_srodek {
   width: 27%;
   font-weight: bold;
   text-align: right;
   margin-right: 2%;
   display: block;
   float: left;
   padding-top: 4px;
   padding-bottom: 4px;
   background-color: #e6ebf0;
   padding-right: 1%;
   margin-left: 1%;
}

.skroty_klawiszowe_prawa {
   width: 36%;
   display: block;
   float: left;
}

.skroty_klawiszowe_prawa input {
   text-align: center;
}

#zachowanie_panelu {
   margin: auto;
   width: 772px;
}

#zachowanie_panelu .naglowek {
   font-weight: bold;
   padding: 0px 0px 4px 15px;
}

#zachowanie_panelu .dzial {
   margin: 7px 0px 7px 0px;
}

#zachowanie_panelu .dodaj {
   float: left;
   width: 40%;
   text-align: right;
   background-color: #F9EBF9;
   padding: 4px 1% 2px 0px;
   margin: 0px 1% 0px 8%;
   height: 15px;
   font-weight: bold;
}

#zachowanie_panelu .ustal {
   float: left;
   width: 40%;
   background-color: #EAF0F4;
   padding: 2px 0px 2px 1%;
   margin: 0px 8% 0px 1%;
}

.hr_zachowanie_panelu, .hr_classic {
   color: white;
   border: 1px solid white;
   background-color: white;
}

#usun_okno {
   position: absolute;
   width: 340px;
   display: none;
   left: 50%;
   border: 1px solid black;
   padding: 10px 5px 10px 5px;
   text-align: center;
   background: url('../images/usun_okno.png') 0px 0px white;
   z-index: 17;
}

#usun_opis, #div1, #div2, #nowa_sekcja {
   display: none;
}

#usun_okno input, #usun_okno button {
   font-size: 11px;
}

#tlo_usun {
   position: absolute;
   background-color: black;
   left: 0px;
   top: 0px;
   opacity: 0.45;
   filter: alpha(opacity = 45);
   z-index: 15;
   display: none;
}

.budynki_lewa, .lista_zmiennych_lewa {
   float: left;
   width: 45%;
   display: block;
   padding-right: 2%;
   text-align: right;
   padding-top: 3px;
}

.budynki_prawa, .lista_zmiennych_prawa {
   float: left;
   width: 33%;
   display: block;
   padding-top: 3px;
}

.budynki_prawa_select, .lista_zmiennych_prawa_select {
   float: left;
   width: 33%;
   display: block;
}

.budynki_opcje, .lista_zmiennych_opcje {
   float: left;
   width: 18%;
   display: block;
   text-align: right;
}

.budynki_prawa_select select, .lista_zmiennych_select select {
   background-color: #edeeee;
   border: 1px solid #b0b0b0;
   width: 202px;
   padding: 1px;
}

#budynki_nowa {
   margin-left: 35px;
   margin-right: 37px;
   padding: 5px;
   background-color: #d9e1ea;
   padding-left: 20px;
}

#budynki_operacje {
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
   width: 50%;
}

#budynki_operacje fieldset {
   background-color: #d9e1ea;
   border: 1px solid #d9e1ea;
   padding: 10px;
}

#budynki_operacje legend {
   background-color: #d9e1ea;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 4px;
}

#budynki_operacje input {
   margin-top: 4px;
}

#top10, #budynki, #lista_zmiennych {
   margin-left: auto;
   margin-right: auto;
   width: 100%;
   border: 1px solid #8da6c0;
   padding: 2px;
}

#top10 #naglowek_nazwa_uzytkownika, #top10 #naglowek_czas, #top10 #naglowek_akcja
   {
   padding-left: 10px;
   padding-top: 0px;
   padding-bottom: 3px;
   float: left;
   font-weight: bold;
   font-size: smaller;
}

#top10 #naglowek_nazwa_uzytkownika {
   width: 27%;
}

#top10 #naglowek_czas {
   width: 22%;
}

#top10 #naglowek_akcja {
   width: 42%;
}

#top10 .nazwa_uzytkownika, #top10 .czas, #top10 .akcja {
   padding-left: 10px;
   padding-top: 3px;
   padding-bottom: 3px;
   float: left;
   display: block;
}

#top10 .nazwa_uzytkownika {
   width: 27%;
}

#top10 .czas {
   width: 22%;
}

#top10 .akcja {
   width: 42%;
}

#top10 .kolor0 {
   background-color: #f3f5f8;
   margin-bottom: 1px;
}

#top10 .kolor1 {
   background-color: #e6ebf0;
   margin-bottom: 1px;
}

#top10 .kolor0:hover, #top10 .kolor1:hover {
   background-color: #93aef7;
}

#zaladuj_okno {
   position: absolute;
   width: 1000px;
   display: none;
   left: 50%;
   top: 0px;
   border: 1px solid black;
   padding: 10px 5px 10px 5px;
   text-align: center;
   background-color: white;
   z-index: 16;
   overflow-y: auto;
   overflow-x: hidden;
}

#historia_insert_lewa {
   margin-top: 22px;
   margin-left: 2%;
   width: 8%;
   float: left;
}

#historia_insert_prawa {
   width: 90%;
   float: left;
}

.historia_szczegoly_lewa {
   width: 45%;
   float: left;
   display: block;
   text-align: right;
   padding-right: 2%;
}

.historia_szczegoly_prawa {
   width: 45%;
   font-weight: bold;
   float: left;
   display: block;
}

.historia_odstep {
   margin-left: 10px;
}

.szczegoly_kolor-3 > :nth-child(1),
.szczegoly_kolor-3 > :nth-child(2),
.szczegoly_kolor-3 > :nth-child(3) {
   font-style: normal;
   color: #999999;
   font-weight: normal;
}
div.szczegoly_kolor-3.szczegoly_kolor-3_ostatni > .historia_szczegoly_prawa,
div.szczegoly_kolor-3.szczegoly_kolor-3_ostatni > .szczegoly_prawa {
   border-bottom: 1px solid #999999;
}

div.szczegoly_kolor-3 > .historia_szczegoly_prawa {
   text-align: center;
}

.szczegoly_kolor-2 {
   cursor: pointer;
   padding-top: 1ex;
}
.szczegoly_kolor-2 > :first-child {
   font-size: 110%;
   text-align: left;
}

.szczegoly_kolor-2 > :nth-child(2),
.szczegoly_kolor-2 > :nth-child(3) {
   font-weight: normal;
   font-style: italic;
   font-size: 90%;
   color: #bbbbbb;
}

.szczegoly_kolor2 {
   background-color: #e1e1e1;
   padding-bottom: 2px;
   padding-top: 2px;
   font-style: italic;
}

.szczegoly_kolor0 {
   background-color: #e6ebf0;
   padding-top: 2px;
   padding-bottom: 2px;
}

.szczegoly_kolor1 {
   background-color: #f3f5f8;
   padding-top: 2px;
   padding-bottom: 2px;
}

div[class*="szczegoly_kolor"][data-op="insert"] > :nth-child(2) {
   display: none;
}

div[class*="szczegoly_kolor"][data-op="delete"] > :nth-child(3) {
   display: none;
}

div[class*="szczegoly_kolor"][data-op="update"] > :nth-child(3) {
   color: transparent;
}

.szczegoly_lewa {
   width: 45%;
   float: left;
   display: block;
   text-align: right;
   padding-right: 2%;
}

.szczegoly_prawa {
   width: 45%;
   font-weight: bold;
   float: left;
   display: block;
}

.nowy_lewa2 {
   float: left;
   margin-right: 30px;
   font-weight: bold;
   padding-top: 4px;
}

.nowy_prawa2 {
   float: left;
}

#lista_zmiennych_opis {
   display: inline;
}

#wyszukiwarka #gora {
   background: url('../images/wyszukiwarka1.png') no-repeat left top;
   height: 6px;
}

#wyszukiwarka #srodek {
   background: url('../images/wyszukiwarka2.png') repeat-y white;
   padding-left: 20px;
}

#wyszukiwarka #dol {
   background: url('../images/wyszukiwarka3.png') no-repeat white;
   height: 6px;
}

#mapy_iframe {
   border: 0px solid white;
   width: 100%;
   height: 580px;
   overflow: hidden;
   margin: 0px;
   padding: 0px;
   background: url('../images/ajax_loading_maps.gif') no-repeat 50% 40%
      white;
}

.paleta_barw {
   display: inline;
   padding-left: 5px;
}

.paleta_barw {
   cursor: pointer;
}

.paleta_barw img {
   vertical-align: top;
}

.paleta {
   display: none;
   position: absolute;
   top: 125px;
   border: 1px solid gray;
   width: 280px;
   margin: 5px auto 10px auto;
   background-color: white;
}

.wyszukiwarka_pola_auto {
   display: block;
   position: relative;
   left: 0px;
   top: 0px;
   float: left;
   text-align: right;
   width: 238px;
}

.wyszukiwarka_pola input, .wyszukiwarka_pola select,
   .wyszukiwarka_pola_auto input, .wyszukiwarka_pola2 input,
   .wyszukiwarka_pola button, .wyszukiwarka_pola2 button {
   background-color: white;
   margin: 2px;
   border: 1px solid #4d6185;
}

.wyszukiwarka_pola_rozmiar {
   width: 150px;
}

.wyszukiwarka_pola select {
   width: 119px;
}

.autosuggest {
   display: none;
   position: absolute;
   right: 0px;
   top: 20px;
   background-color: white;
}

.autosuggest2 {
   display: none;
   position: absolute;
   left: 0px;
   top: 20px;
   background-color: white;
}

.autosuggest_wyniki {
   display: block;
   font-size: 10px;
   font-family: tahoma;
   padding: 2px;
   border: 1px solid black;
   text-align: left;
   width: 116px;
}

.autosuggest_aktywny {
   background-color: #add8e6;
}

.autosuggest_pole:hover {
   background-color: #b8cded;
}

#m_gora, #m_dol {
   display: table;
   width: 100%;
}

.m_gora_wiersz {
   display: table-row;
   width: 100%;
}

#m_odstep {
   display: table-cell;
   width: 80px;
   padding-bottom: 0px;
   height: 15px;
}

.m_odstep_linia1 {
   border-bottom: 1px solid #0080ff;
}

.m_odstep_linia2 {
   border-bottom: 1px solid white;
}

#m_dane {
   display: table-cell;
   height: 15px;
   background: url('../images/zakladki_tlo_poziom.png') repeat-x left
      bottom;
   font-weight: bold;
   text-align: center;
   padding-bottom: 5px;
}

#m_zakoncz {
   display: table-cell;
   width: 26px;
   height: 15px;
   background: url('../images/zakladki_zakoncz.png') no-repeat left bottom;
   padding-bottom: 5px;
}

#m_menu {
   display: table-cell;
   width: 80px;
   height: 315px;
   background: url('../images/zakladki_tlo_pion.png') repeat-y right top;
   vertical-align: top;
   padding-top: 0px;
}

#m_tresc {
   display: table-cell;
   background-color: white;
   padding: 20px 0px 0px 20px;
}

#m_stopka {
   background: url('../images/zakladki_zakoncz2.png') no-repeat right top;
   width: 80px;
   height: 21px;
   margin-bottom: 10px;
}

#zakladki_dodaj {
   text-align: center;
   background-color: white;
   padding: 2px 2px 0px 2px;
   border: 1px solid #a8d154;
   width: 110px;
   float: left;
   z-index: 998;
}

#zakladki_dodaj_pokaz {
   position: absolute;
   display: none;
   left: 81px;
   top: -3px;
   width: 86px;
   z-index: 998;
}

#zakladki_cien_bok2 {
   background: url('../images/zakladki_cien_gora.png') repeat-y 83px 0px;
}

#zakladki_dodaj .zakladki_element {
   background-color: #a8d154;
   padding: 4px 0px 4px 0px;
   width: 110px;
   margin-bottom: 1px;
}

#zakladki_dodaj .zakladki_element:hover {
   background-color: #8bb731;
   cursor: pointer;
}

#zakladki_dodaj #zakladki_koniec {
   margin-bottom: 2px;
}

#zakladki_cien_dol {
   #background: url('../images/zakladki_cien_dol.png') no-repeat 1px 0px;
   width: 86px;
   height: 4px;
}

#zakladki_cien_bok {
   background: url('../images/zakladki_cien_gora1.png') no-repeat 0px 2px
      white;
   width: 3px;
   height: 25px;
   float: left;
}

#zakladki_okno, #partners_multiselect_frame,
   .client_agreements_person_edit {
   box-shadow: 2px 2px 2px #d1d1d1;
}

#zakladki_okno {
   display: none;
   position: absolute;
   width: 877px;
   border: 1px solid #b4c4d6;
   background-color: white;
   color: black;
   padding: 2px 0px 2px 0px;
   z-index: 998;
   -moz-user-select: none;
   overflow-x: auto;
}

#zakladki_dodaj_okno_naglowek_tlo {
   background: url('../images/zakladki_dodaj_naglowek_tlo.png') repeat-x
      0px 0px;
   margin: 1px 3px 0px 3px;
   padding: 3px 0px 3px 0px;
}

#zakladki_dodaj_okno_naglowek {
   text-align: center;
   font-weight: bold;
   font-size: 13px;
   float: left;
   width: 835px;
}

#zakladki_wyslij {
   font-size: 11px;
}

#zakladki_dodaj_okno_naglowek:hover {
   cursor: move;
}

#zamknij_okno {
   float: right;
   display: block;
   margin-right: 3px;
   cursor: pointer;
}

#zakladki_lista {
   font-family: verdana;
   font-size: 10px;
   margin-bottom: 12px;
   width: 80px;
   margin: right;
}

#zakladki_lista .zakladki_element {
   width: 80px;
   margin-bottom: 3px;
}

#zakladki_lista .active {
   background-color: white;
   border-top: 1px solid #0080ff;
   border-left: 1px solid #0080ff;
   border-bottom: 1px solid #0080ff;
   height: 16px;
   text-align: center;
   padding: 2px 0px 0px 0px;
   color: #0080ff;
   font-weight: bold;
}

#zakladki_lista .unactive {
   margin: 0px 3px 1px 0px;
   background-color: #7aabfc;
   color: white;
   text-align: center;
   height: 14px;
   padding: 3px 0px 3px 0px;
   cursor: pointer;
}

.zakladki_add {
   margin: 0px 3px 1px 0px;
   background-color: #a8d154;
   color: white;
   text-align: center;
   height: 14px;
   padding: 3px 0px 3px 0px;
   position: relative;
   width: 77px;
   border-right: 3px solid white;
}

.zakladki_add:hover {
   width: 77px;
   padding-right: 4px;
   background: url('../images/zakladki_znaczek.png') no-repeat 76px 6px
      #a8d154;
   margin-right: -2px;
}

#zakladki_klienci_szczegoly_lewa {
   float: left;
   width: 64%;
   margin-right: 5px;
   padding-right: 5px;
   border-right: 1px solid #d4d4d4;
}

#zakladki_klienci_szczegoly_prawa {
   float: left;
   width: 34%;
}

.hr_tlo, .hr_tlo2 {
   padding: 1px 1% 10px 1%;
   border-top: 2px solid #d7e2ff;
   border-left: 2px solid #d7e2ff;
   border-bottom: 2px solid #bfbfbf;
   border-right: 2px solid #bfbfbf;
   margin-bottom: 15px;
}

.hr_tlo {
   width: 47%;
   float: left;
   padding: 1px 1% 15px 1%;
   min-height: 155px;
}

.hr_tlo2 {
   margin-bottom: 8px;
}

.zakladki_lista_klientow_szczegoly_kolor0 {
   background-color: #e6ebf0;
   padding-top: 2px;
   padding-bottom: 2px;
   margin-bottom: 1px;
}

.zakladki_lista_klientow_szczegoly_kolor1 {
   background-color: #f3f5f8;
   padding-top: 2px;
   padding-bottom: 2px;
   margin-bottom: 1px;
}

.zakladki_lista_klientow_szczegoly_lewa {
   width: 45%;
   float: left;
   display: block;
   text-align: right;
   padding-right: 2%;
}

.zakladki_lista_klientow_szczegoly_prawa {
   width: 45%;
   font-weight: bold;
   float: left;
   display: block;
}

h3.zakladki {
   margin-top: 10px;
}

.edit_zakladka_1 {
   text-align: right;
   margin: 5px 5px 0px 0px;
}

#klienci_dane_osobowe {
   float: left;
   width: 30%;
}

#klienci_dane_osobowe .field_left {
   text-align: right;
   float: left;
   width: 37%;
   margin-right: 1%;
   padding-top: 3px;
}

#klienci_dane_osobowe .field_right, #klienci_dane_osobowe .field_right2
   {
   text-align: left;
   float: left;
   width: 62%;
   margin-bottom: 4px;
   position: relative;
}

#klienci_dane_osobowe .field_right2 {
   padding-top: 6px;
}

#klienci_dane_osobowe .field_right2:hover {
   text-decoration: underline;
   cursor: pointer;
}

#klienci_lista_umow {
   float: left;
   width: 70%;
}

.pokaz_liste_operacji, .pokaz_liste_operacji_1 {
   display: none;
   position: absolute;
   width: 130px;
   left: -50px;
   top: 30px;
   background-color: #ebf0f7;
}

.pokaz_liste_operacji_1 {
   left: 20px;
}

.pokaz_liste_operacji .li_linia, .pokaz_liste_operacji_1 .li_linia {
   height: 1px;
   background-color: white;
   width: 126px;
   margin: auto;
}

.pokaz_liste_operacji .li_operacja, .pokaz_liste_operacji_1 .li_operacja
   {
   text-align: center;
   margin: 1px;
   padding: 2px 0px 2px 0px;
}

.pokaz_liste_operacji .li_operacja:hover, .pokaz_liste_operacji_1 .li_operacja:hover
   {
   background-color: #dce9f5;
   cursor: pointer;
}

#belka_umowa {
   background-color: #d9e1ea;
   margin: 5px 0px 0px 7px;
}

.umowa_wyglad {
   padding-bottom: 7px;
}

#belka_nr1, #utworz_nowy {
   float: left;
}

.nowa_belka, .nowa_belka_hover {
   float: left;
   width: 150px;
   height: 22px;
   margin-left: 6px;
   border: 1px solid #c7d8eb;
   text-align: center;
   padding-top: 8px;
   background: url('../images/button_belka_tlo.png') no-repeat top right
      white;
   cursor: pointer;
   position: relative;
}

.nowa_belka_hover {
   font-weight: bold;
}

#belka_umowy_dodaj {
   display: none;
   width: 33px;
   float: left;
}

.hidden {
   display: none;
}

.internet_menu_boczne {
   float: left;
   width: 82px;
   margin: 10px 0px 0px 2%;
}

.internet_menu_boczne .podkategoria, .internet_menu_boczne .podkategoria_hover
   {
   border: 1px solid white;
   width: 100%;
   padding: 1px 0px 1px 3px;
   margin-bottom: 3px;
   background-color: #7aabfc;
   color: #eff4f9;
}

.internet_menu_boczne .podkategoria input, .internet_menu_boczne .podkategoria_hover input
   {
   vertical-align: middle;
}

.internet_menu_boczne .podkategoria:hover {
   background-color: #2d96ce;
   cursor: pointer;
   color: white;
}

.internet_menu_boczne .podkategoria_hover {
   background-color: #23739e;
}

.internet_menu_boczne .podkategorie_umowa {
   padding: 2px 0px 4px 23px;
   display: block;
}

.underline:hover {
   text-decoration: underline;
}

.nowa_belka_x {
   position: absolute;
   right: 5px;
   top: 5px;
   width: 9px;
   height: 9px;
   background: url('../images/umowa_zamknij.png') no-repeat top right;
}

.nowa_belka_x:hover {
   background: url('../images/umowa_zamknij_hover.png') no-repeat top right;
}

#NOWY_KLIENT fieldset, #nowy fieldset {
   width: 85%;
   margin-left: auto;
   margin-right: auto;
   background-color: #d9e1ea;
   border: 0px solid #d9e1ea;
   margin-bottom: 22px;
}

#NOWY_KLIENT legend, #nowy legend {
   background-color: #d2dcdc;
   padding-top: 3px;
   padding-left: 10px;
   padding-right: 10px;
   font-weight: bold;
   padding-bottom: 3px;
}

.relative {
   position: relative;
}

.nowy_klient_lewa, .nowy_lewa {
   display: block;
   float: left;
   width: 24%;
   text-align: right;
   margin-bottom: 3px;
   padding-top: 3px;
   margin-right: 1%;
}

.nowy_klient_prawa, .nowy_prawa, .nowy_prawa_text {
   display: block;
   position: relative;
   float: left;
   width: 25%;
   margin-bottom: 3px;
}

.nowy_klient_prawa_auto {
   position: relative;
   left: 0px;
   top: 0px;
   display: block;
   float: left;
   width: 25%;
   margin-bottom: 3px;
}

.zakladki_umowy_szczegoly_lewa {
   float: left;
   width: 78%;
   padding-left: 2%;
}

.zakladki_umowy_szczegoly_prawa {
   float: right;
   width: 18%;
   padding-right: 2%;
   text-align: right;
}

.zakladki_umowy_szczegoly_center {
   background-color: #e6ebf0;
   text-align: center;
   width: 100%;
   padding: 2px 0px 2px 0px;
}

.zdarzenia_umowy_lewa {
   float: left;
   margin: 2px 0px 5px 0px;
}

.zdarzenia_umowy_prawa {
   float: right;
   margin: 2px 0px 5px 0px;
}

.x {
   position: absolute;
   z-index: 999;
   width: 13px;
   height: 15px;
   background: url('../images/zamknij_okno.png') 0px 0px no-repeat;
}

.umowa_tekst {
   padding-top: 5px;
}

#internet_predkosci {
   display: none;
}

#main_menu {
   position: absolute;
   left: -50px;
   top: 0px;
   z-index: 99;
}

#show_menu {
   position: fixed;
   left: 0px;
   top: 100px;
   z-index: 99;
   width: 17px;
   height: 200px;
}

#dodane_wplaty {
   margin-top: 20px;
}

#NOWY_KLIENT #umowa_ramka {
   width: 86%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 22px;
}

#NOWY_KLIENT .umowa_rodzaj {
   width: 24.2%;
   background-color: #d1d1d1;
   float: left;
   font-weight: bold;
   padding-top: 1px;
   letter-spacing: 1px;
   border-bottom: 1px solid white;
   padding-bottom: 2px;
}

#NOWY_KLIENT .umowa_przerwa {
   width: 1%;
   float: left;
   background-color: white;
}

.umowa_nazwa {
   display: inline;
   cursor: pointer;
}

.dlugosc_umowy_szczegoly {
   display: none;
}

#zakladki_nowy legend {
   display: none;
}

#zakladki_nowy {
   overflow-y: auto;
   overflow-x: hidden;
}

#zakladki_nowy fieldset {
   margin: 1px 3px 0px 3px;
   background-color: #d9e1ea;
   border: 0px solid #a8d154;
   padding: 12px 0px 10px 0px;
   color: black;
   width: 871px;
}

#zakladki_nowy .nowy_lewa, #nowy .nowy_lewa_clear, .nowy_lewa_rozciagnij,
   .nowy_klient_lewa_rozciagnij {
   float: left;
   width: 24%;
   text-align: right;
   margin-right: 1%;
   padding-top: 3px;
}

.nowy_lewa_rozciagnij, .nowy_klient_lewa_rozciagnij {
   padding-top: 5px;
}

#zakladki_nowy .nowy_lewa_clear {
   padding-top: 0px;
}

#zakladki_nowy .nowy_prawa, #zakladki_nowy .nowy_prawa_auto,
   #zakladki_nowy .nowy_klient_prawa {
   float: left;
   width: 25%;
   margin-bottom: 2px;
}

#zakladki_nowy p {
   padding: 0px;
   margin: 4px 0px 2px 0px;
}

#zakladki_nowy #zakladki_wyslij:hover {
   cursor: pointer;
}

#tabela_platnosci {
   width: 90%;
   margin: auto;
   font-size: 11px;
   margin-top: 15px;
   border: 2px dotted #eeeeee;
   padding: 7px;
}

#tabela_platnosci td {
   padding: 4px;
}

#tabela_platnosci th {
   font-size: 13px;
   padding-bottom: 3px;
}

#platnosci_okres {
   width: 90%;
   margin: 5px auto 0px auto;
   text-align: right;
   font-weight: bold;
   color: gray;
}

#platnosci_okres a:hover {
   cursor: pointer;
   text-decoration: underline;
   color: black;
}

.img_middle {
   vertical-align: middle;
}

.lista_zmiennych_tr:hover, .lista_wybieranych_ulic_tr:hover,
   .notatki_lista_umow_tr:hover {
   background-color: #bed0fa;
}

.lista_zmiennych_tr td {
   padding-left: 5px;
}

.wtyczki_lewa {
   float: left;
   padding-top: 1px;
}

.wtyczki_prawa {
   float: left;
   padding-left: 5px;
}

.lista_wybieranych_ulic_tr td {
   padding-left: 5px;
   cursor: pointer;
}

.show_teryt_field {
   float: right;
   display: block;
   margin-left: 5px;
}

.autosuggest_teryt {
   display: none;
   position: absolute;
   left: 0px;
   top: 18px;
   background-color: white;
}

#archives_table input {
   background-color: transparent;
   border: 0px solid #8ea5bb;
   border-bottom: 1px dotted black;
   padding: 1px 0px 1px 3px;
}

.teryt_pokaz {
   background: url('../images/plus_off.png') no-repeat 0px 3px;
   padding-left: 15px;
   float: left;
   margin-right: 20px;
}

.teryt_pokaz:hover {
   background: url('../images/plus_on.png') no-repeat 0px 3px;
   cursor: pointer;
}

.teryt_ukryj {
   background: url('../images/minus_off.png') no-repeat 0px 3px;
   padding-left: 15px;
   float: left;
   margin-right: 20px;
}

.teryt_ukryj:hover {
   background: url('../images/minus_on.png') no-repeat 0px 3px;
   cursor: pointer;
}

.teryt_rozwin {
   margin-left: 15px;
}

.teryt_pozycje {
   padding: 2px 10px 2px 10px;
   margin-bottom: 1px;
}

.teryt_pozycje_tlo0 {
   background-color: #f3f5f8;
}

.teryt_pozycje_tlo1 {
   background-color: #e6ebf0;
}

.teryt_pozycje:hover {
   background-color: #bed0fa;
}

.teryt_operacje {
   float: right;
}

.typ_klienta:hover {
   text-decoration: underline;
   cursor: pointer;
}

#budynki_teryt_wybor {
   float: left;
   margin-bottom: 3px;
}

.operacje_dokumenty, .faktury_menu {
   display: none;
   width: 100px;
   position: absolute;
   z-index: 98;
   left: 88px;
   border: 1px solid #5c5c5c;
   background-color: #f1f1f1;
   text-align: center;
}

#UMOWA {
   width: 700px;
   margin: auto;
   background-color: #d9e1ea;
   padding: 10px;
}

#UMOWA .input1 {
   border: 0px;
   border-bottom: 1px dotted gray;
   text-align: center;
}

#UMOWA .input2 {
   border: 1px solid gray;
   padding: 2px;
}

#UMOWA .ramka {
   padding: 5px;
   border: 2px solid gray;
   display: block;
   margin-bottom: 3px;
}

#UMOWA .pole1 {
   display: block;
   float: left;
   padding-top: 3px;
   padding-left: 3px;
   width: 20%;
}

#UMOWA .pole2 {
   display: block;
   float: left;
   width: 78%;
   margin-bottom: 2px;
}

#UMOWA .operator {
   border: 1px solid gray;
   float: left;
   display: block;
   width: 45%;
   background-color: white;
}

#UMOWA .abonent {
   width: 43%;
   float: right;
   border: 1px solid gray;
   display: block;
}

#UMOWA .tabelki {
   border: 0px;
   width: 96%;
   margin: 2%
}

#UMOWA input, #UMOWA select, #UMOWA textarea {
   background-color: #f5f5f5;
   border: 1px solid gray;
   padding: 2px 4px 2px 4px;
}

#UMOWA select {
   padding: 0px;
}

.ksiazeczka_oplat_input {
   line-height: 21px;
}

.lista_znaczek {
   background: url('../images/lista_znaczek.png') no-repeat center right;
}

.lista_znaczek2 {
   background: url('../images/lista_znaczek2.png') no-repeat center left;
}

.liczba_znalezionych_rekordow {
   float: right;
   padding: 2px 2px 0px 0px;
   font-weight: bold;
}

.h3_szukaj {
   float: left;
}

.teryt_dodaj {
   padding: 2px 0px 4px 0px;
}

#UPRAWNIENIA_PRZEGLADAJ .lista_grup, #UPRAWNIENIA_PRZEGLADAJ .lista_grup2
   {
   float: left;
   padding: 20px 10px 10px 20px;
   border: 1px dashed lightblue;
   width: 26%;
   margin: 1%;
   display: block;
}

#UPRAWNIENIA_PRZEGLADAJ .lista_grup:hover {
   border: 1px solid lightblue;
   background-color: #eff7fa;
   color: black;
}

.grupy_usun {
   width: 99%;
   text-align: right;
   margin-right: 1%;
}

#uprawnienia_nowa_grupa .dzial {
   display: block;
   margin-left: 30px;
   margin-top: 10px;
   background-color: #d9e1ea;
   border: 1px solid #d2dcdc;
   padding: 10px;
}

#uprawnienia_nowa_grupa .grupa {
   display: block;
   margin-left: 30px;
   margin-top: 10px;
   background-color: #d9e1ea;
   border: 1px solid #d2dcdc;
   padding: 10px;
}

#uprawnienia_nowa_grupa .dzial_lewa {
   display: block;
   width: 100px;
   margin-left: 20px;
   padding-top: 3px;
   float: left;
   text-align: right;
}

#uprawnienia_nowa_grupa .dzial_prawa {
   padding-left: 20px;
   display: block;
   float: left;
   width: 500px;
}

.dodatkowy_adres_table {
   margin-bottom: 3px;
   float: left;
   margin-right: 1%;
}

#dodatkowy_adres_1 {
   margin-top: 6px;
}

#adres_budynek_autosuggest {
   position: absolute;
   left: 0px;
   top: 0px;
}

.inne_dane_ramka, .klient_dane_ramka {
   width: 96%;
   margin: auto;
   text-align: center;
   font-weight: bold;
   margin-top: 10px;
}

#pokaz_kalendarz, #new_pokaz_kalendarz, .pokaz_kalendarz {
   display: none;
   position: absolute;
   margin-top: 3px;
   width: 200px;
   background-color: white;
   z-index: 998;
}

.pokaz_kalendarz {
   margin-left: -25px;
}

#kalendarz {
   width: 100%;
   border: 1px solid black;
   background-color: #f9f9f9;
}

#kalendarz .akt {
   color: #990000;
   font-weight: bold;
   cursor: pointer;
}

#kalendarz .puste_pole {
   border: 1px solid white;
   background-color: white;
}

#kalendarz .nawigacja {
   text-align: center;
   margin-top: 10px;
}

#kalendarz table {
   font-size: 12px;
   font-family: tahoma;
   margin-top: 15px;
   margin-bottom: 0px;
   border: 1px solid gray;
   text-align: center;
   background-color: white;
}

#kalendarz td {
   width: 20px;
   border: 1px solid silver;
}

#kalendarz td:hover {
   border: 1px solid darkred;
}

#kalendarz th {
   color: lightblue;
   background-color: #4b4da4;
}

#kalendarz_ramka {
   width: 747px;
   background-color: #eeeeee;
   margin: auto;
   padding: 5px 0px 2px 0px;
   border-bottom: 1px solid #dbdbdf;
   margin-bottom: 10px;
   font-size: 12px;
}

#kalendarz_ramka .komorka {
   display: block;
   float: left;
   margin-left: 15px;
}

#kalendarz_wysrodkuj {
   width: 615px;
   margin: auto;
}

#kalendarz #zamknij {
   text-align: center;
   padding: 3px 0px 3px 0px;
   font-size: 10px;
}

.lista_zakladki {
   top: 10px;
   z-index: 1;
   left: -35px;
}

#pokaz_dodanie_klienta input {
   max-width: 150px;
   width: 150px;
}

.inline {
   display: inline;
}

.asd_1 {
   position: relative;
}

.asd_2 {
   position: absolute;
   width: 100px;
}

.doc_01_zmien, .doc_01_zmien2 {
   position: absolute;
   left: 2px;
   top: 17px;
   border: 1px solid black;
   padding: 1px;
   width: 480px;
   background-color: white;
}

.doc_01_zmien2 {
   left: -220px;
}

.doc_01_field {
   padding: 1px 3px 1px 3px;
   width: 474px;
}

.building_button {
   font-size: 11px;
   margin: 2px 0px 2px 0px;
}

.dokumenty_line_height input, .dokumenty_line_height select {
   margin-bottom: 3px;
}

.doc_data {
   max-width: 120px;
}

.doc_data_field {
   padding: 1px 3px 1px 3px;
   width: 114px;
}

#pokaz_zgody {
   margin-top: 5px;
}

#textarea_add {
   width: 500px;
   height: 50px;
}

#textarea_add2 {
   width: 500px;
   height: 50px;
}

.textarea_add3 {
   width: 536px;
   height: 15px;
}

.new_prefix_left {
   float: left;
   width: 780px;
   display: block;
}

.new_prefix_right {
   float: left;
   width: 50px;
   display: block;
   padding-top: 30px;
}

.new_prefix_right img {
   vertical-align: middle;
}

.hr_prefix {
   color: white;
   border: 1px solid white;
}

.input_6 {
   width: 47px;
}

.input_8 {
   width: 57px;
}

#lista_ramek, #nowa_ramka {
   float: left;
   margin-bottom: 10px;
}

.nowa_ramka_belka, .nowa_ramka_belka_active {
   float: left;
   background: url('../images/button_belka_tlo.png') no-repeat 0px 0px;
   width: 158px;
   height: 27px;
   text-align: center;
   padding-top: 3px;
   margin-right: 3px;
   border: 1px solid #c7d8eb;
   cursor: pointer;
   position: relative;
}

.nowa_ramka_belka_active {
   font-weight: bold;
}

.ramka_nowa_cena {
   margin-top: 5px;
}

.ramka_cena_lewa {
   width: 140px;
   float: left;
   text-align: right;
   margin-right: 4px;
   padding-top: 3px;
   line-height: 20px;
}

.ramka_cena_prawa {
   width: 300px;
   float: left;
}

.dodaj_nowa_cene {
   width: 615px;
   background-color: #ebf1f7;
   padding: 5px;
   border: 1px solid #7f9db9;
   display: none;
}

.dni_specjalne_tlo_active {
   background-color: #ebf1f7;
   padding: 5px;
}

.nowa_ramka_belka_zamknij {
   background: url('../images/ramki_czasowe_zamknij.png') no-repeat 0px 0px;
   position: absolute;
   right: 3px;
   top: 3px;
   width: 10px;
   height: 10px;
   cursor: pointer;
}

.nowa_ramka_belka_zamknij:hover {
   background: url('../images/ramki_czasowe_zamknij_hover.png') no-repeat
      0px 0px;
}

#ramka_terminarz_kalendarz {
   margin-top: 5px;
   width: 300px;
   border: 1px solid gray;
   padding: 10px;
   background-color: #e6ebf0;
   margin-right: 30px;
}

#kalendarz_terminarz .akt {
   color: #990000;
   font-weight: bold;
   cursor: pointer;
}

#kalendarz_terminarz .puste_pole {
   border: 1px solid #e6ebf0;
   background-color: #e6ebf0;
}

#kalendarz_terminarz .nawigacja {
   text-align: center;
   margin-top: 10px;
}

#kalendarz_terminarz {
   width: 100%;
   font-size: 12px;
   font-family: tahoma;
   margin-top: 15px;
   margin-bottom: 0px;
   text-align: center;
}

#kalendarz_terminarz td {
   width: 20px;
   height: 34px;
   border: 1px solid silver;
   background-color: #f3f5f8;
}

#kalendarz_terminarz td:hover {
   border: 1px solid darkred;
}

#kalendarz_terminarz th {
   color: lightblue;
   background-color: #4b4da4;
}

#kalendarz_terminarz_okres {
   width: 50%;
   text-align: center;
   font-size: 16px;
   font-weight: bold;
}

.kalendarz_operacje {
   display: none;
   position: absolute;
   z-index: 2;
   width: 125px;
   left: -20px;
   padding-left: 14px;
   background-color: #ffffe0;
}

.kalendarz_relative {
   position: relative;
}

.kalendarz_operacje div {
   margin-bottom: 3px;
}

#kalendarz_lista_zdarzen {
   border: 1px solid #ffd700;
   background-color: #ffffe0;
   padding: 10px;
}

.kalendarz_chmurka {
   background: url('../images/kalendarz_operacje.png') no-repeat 0px 0px;
   height: 30px;
   padding: 9px 0px 0px 5px;
}

.nowy_prawa_autosuggest {
   position: relative;
   left: 0px;
   top: 0px;
   display: block;
   float: left;
   width: 25%;
   margin-bottom: 3px;
}

.nowy_prawa_text {
   padding-top: 3px;
   min-height: 20px;
}

.ramka_cdr {
   background-color: #e7ecf0;
   border: 1px solid #8ea8c1;
   padding: 5px;
   line-height: 20px;
   text-align: center;
   margin-bottom: 10px;
}

.input_default_value {
   color: gray;
}

.timeframe_details {
   width: 400px;
   left: -350px;
   top: 25px;
   position: absolute;
   display: none;
   border: 1px solid #9ab6f8;
   background-color: white;
   padding: 5px;
   z-index: 999;
}

.relative_inline {
   position: relative;
   display: inline;
}

.timeframe_details h3 {
   border-bottom: 1px solid #9ab6f8;
   padding-bottom: 2px;
   font-size: 10px;
}

.wyszukiwarka_pola_auto2 {
   display: block;
   position: relative;
   width: 238px;
}

.belka_bledy {
   display: none;
   border: 1px solid #f5b228;
   padding: 8px 0px 8px 35px;
   margin-bottom: 10px;
   background: url('../images/warning.png') no-repeat 7px 5px #fdfcc8;
   vertical-align: middle;
   min-height: 17px;
}

#przelicz_po_kursie, #numery_bez_clip {
   margin: 5px 0px 0px 23px;
   display: none;
   line-height: 22px;
}

.klienci_umowy_uwagi {
   width: 200px;
   height: 50px;
}

.klienci_umowy_uwagi2 {
   width: 486px;
   margin-left: 2px;
}

.load_prefixes_from_file_delete_list {
   padding: 2px 0px 2px 10px;
}

.show_timeframes_details:hover {
   cursor: pointer;
   background-color: lightblue;
}

.load_prefixes_from_file_errors_space_height {
   height: 18px;
}

#load_prefixes_from_file_content_left {
   width: 340px;
   float: left;
}

#load_prefixes_from_file_content_right {
   width: 640px;
   float: left;
}

#load_prefixes_from_file_content_right fieldset {
   width: 630px;
}

.load_prefixes_from_file_timeframes_space {
   margin-top: 5px;
}

#komunikat, .komunikat {
   border-bottom: 1px solid red;
   padding: 3px;
   text-align: center;
   width: 90%;
   font-weight: bold;
   color: red;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
}

#prints_invoices_button {
   margin: 5px auto 0px auto;
   position: relative;
   width: 150px;
   text-align: center;
}

#prints_invoices_options {
   position: absolute;
   width: 150px;
   background-color: #fdfdfd;
   padding: 12px;
   text-align: left;
   left: 42px;
   top: 18px;
   border: 1px solid #dfe7ee;
}

#prints_invoices_all_options_1, #prints_invoices_all_options_2 {
   position: absolute;
   width: 200px;
   background-color: #fdfdfd;
   padding: 12px;
   text-align: left;
   border: 1px solid #dfe7ee;
}

#prints_invoices_all_options_1 {
   right: 0px;
   top: 0px;
   line-height: 22px;
}

#prints_invoices_all_options_2 {
   right: 0px;
   top: -282px;
}

#prints_invoices_options .prints_invoices_options_margin {
   margin-left: 5px;
}

#prints_invoices_category {
   margin-top: 6px;
   margin-bottom: 6px;
}

#prints_invoices_choose_category {
   margin-bottom: 6px;
}

#nr_konta_bankowego {
   margin: 5px 3px 0px 3px;
}

.nr_konta_bankowego_pozycja {
   margin-bottom: 5px;
   position: relative;
}

#nr_konta_bankowego_pozycje .domyslne {
   float: left;
   width: 70px;
   text-align: center;
}

#nr_konta_bankowego_pozycje .numer {
   float: left;
   margin-left: 20px;
   width: 350px;
}

#nr_konta_bankowego_pozycje .numer input {
   max-width: 300px;
   width: 300px;
}

#nr_konta_bankowego #dodaj_nowa_pozycje {
   margin-left: 90px;
}

.nr_kont_autosuggest_chmurka {
   position: absolute;
   right: 0px;
   top: 25px;
   width: 255px;
   border: 1px solid #effbbf;
   display: none;
   padding: 3px;
   background-color: #effeda;
   z-index: 999;
}

.nr_kont_autosuggest_chmurka_lewa {
   position: absolute;
   left: 0px;
   top: 25px;
   width: 430px;
   border: 1px solid #effbbf;
   display: none;
   padding: 3px;
   background-color: #effeda;
   z-index: 999;
}

.nr_kont_autosuggest_table tr:hover {
   cursor: pointer;
   font-weight: bold;
}

.drukuj_opcje {
   float: right;
}

#faktury_status, #obciazenia_status {
   margin-top: 5px;
   font-size: 20px;
   font-weight: bold;
   color: green;
}

#obciazenia_status_opis {
   margin-bottom: 5px;
}

.button_small {
   font-size: 10px;
}

#notes_clients_agreements_list {
   margin: 7px 0px 7px 0px;
}

#notes_clients_agreements_list td {
   padding-left: 5px;
}

#start_lewa {
   float: left;
   width: 67%;
   margin-right: 1%;
}

#start_prawa {
   float: right;
   width: 32%;
}

#wiadomosci {
   width: 100%;
}

#wiadomosci .gora_tlo {
   height: 29px;
}

#wiadomosci .gora_lewa {
   background: url('../images/wiad_g_l.png') top left no-repeat #9fbed7;
   width: 5%;
   height: 29px;
   float: left;
}

#wiadomosci .gora_prawa {
   background: url('../images/wiad_g_r.png') top right no-repeat #9fbed7;
   width: 5%;
   height: 29px;
   float: left;
}

#wiadomosci .gora_srodek {
   background: url('../images/wiad_g_s.png') top left repeat-x;
   width: 90%;
   height: 23px;
   float: left;
   color: #eeeeee;
   font-family: verdana;
   font-size: 12px;
   text-align: center;
   padding-top: 6px;
}

#wiadomosci .srodek_tlo {
   background: url('../images/wiad_s_t.png') top left repeat-x #bbd3eb;
   width: 90%;
   height: 365px;
   padding: 5px 5% 2px 5%;
   color: #515151;
   font-size: 10px;
   font-family: verdana;
   overflow: auto;
}

#wiadomosci .dol_tlo {
   width: 100%;
}

#wiadomosci .dol_lewa {
   background: url('../images/wiad_d_l.png') bottom left no-repeat #bbd3eb;
   width: 5%;
   height: 7px;
   float: left;
}

#wiadomosci .dol_prawa {
   background: url('../images/wiad_d_r.png') bottom right no-repeat #bbd3eb;
   width: 5%;
   height: 7px;
   float: left;
}

#wiadomosci .dol_srodek {
   width: 90%;
   height: 7px;
   float: left;
   background-color: #bbd3eb;
}

#wiadomosci .temat {
   font-weight: bold;
}

#wiadomosci .stopka {
   font-style: italic;
   text-align: right;
   color: #278b86;
}

#wiadomosci .wiad_tresc {
   padding: 2px 5px 2px 5px;
}

img.next {
   margin-left: auto;
   margin-right: auto;
   display: block;
   margin-top: 10px;
   margin-bottom: 10px;
}

#wiadomosci .re {
   color: #970000;
   font-weight: bold;
}

#wiadomosci .operacje {
   text-align: center;
   color: black;
}

#wiadomosci .operacje_re:hover {
   text-decoration: underline;
   cursor: pointer;
}

#wiad_znaczek {
   cursor: pointer;
}

#wiadomosci .nowy_temat_post {
   color: #970000;
   text-align: center;
   font-weight: bold;
   text-decoration: underline;
   padding-bottom: 5px;
}

#wiadomosci .zmodyfikowano {
   font-style: italic;
   text-align: right;
   color: gray;
}

#wiadomosci .wiad_wybor {
   color: #eeeeee;
   text-decoration: none;
}

#wiadomosci .wiad_wybor:hover {
   color: #ffffff;
   text-decoration: underline;
   cursor: pointer;
}

#wiadomosci .tabela_rekord {
   font-style: italic;
   text-align: right;
   color: #b70000;
}

.raport_naglowek, .tabela_raporty {
   width: 90%;
   margin: auto;
}

.raport_naglowek {
   padding: 0px 10px 3px 10px;
   border-bottom: 1px solid #8da6c0;
   color: #649bf7;
   font-size: 15px;
   font-weight: bold;
   margin-bottom: 5px;
}

#wyszukiwarka_zaawansowana_napis_div {
   margin: 4px 0px 4px 0px;
   color: darkblue;
}

#wyszukiwarka_zaawansowana_napis:hover {
   text-decoration: underline;
   color: blue;
   cursor: pointer;
}

#search_advance_table {
   margin: auto;
}

.search_advance_td_left {
   width: 200px;
   background-color: #f9ebf9;
   text-align: right;
   padding: 0px 10px 0px 0px;
   margin: 0px;
   font-weight: bold;
}

.search_advance_td_center {
   width: 2px;
}

.search_advance_td_right {
   width: 470px;
   background-color: #eaf0f4;
   text-align: left;
   padding: 0px 0px 0px 10px;
}

.search_advance_td_padding {
   padding: 4px 0px 4px 7px;
}

.autosuggest_adv_short {
   left: 1px;
   top: 23px;
   width: 121px;
}

.autosuggest_adv_long {
   left: 1px;
   top: 23px;
   width: 225px;
}

.adv_search_input_short {
   max-width: 120px;
   width: 120px;
}

.adv_search_input_long {
   max-width: 235px;
   width: 235px;
}

#typ_umowy_opcje, #status_umowy_opcje {
   position: absolute;
   width: 83px;
   background-color: white;
   padding: 4px;
   right: -5px;
   top: 15px;
   text-align: left;
   z-index: 9999;
   border: 1px solid gray;
}

.cli_agr_filter_title {
   width: 150px;
   display: inline-block;
}
.cli_agr_filter_options {
   position:         absolute;
   width:            100px;
   background-color: white;
   padding:          4px;
   right:            50px;
   top:              15px;
   text-align:       left;
   z-index:          9999;
   border:           1px solid gray;
}

.umowa_historia_ramka {
   margin-left: 11px;
   border-left: 2px solid #eeeeee;
}

#partners_multiselect {
   margin: 3px 0px 0px 3px;
}

#partners_multiselect_frame {
   display: none;
   position: absolute;
   width: 680px;
   border: 1px solid #ffffff;
   left: -162px;
   top: 20px;
   padding: 2px 5px 5px 5px;
   background-color: #f3f5f8;
   font-size: 11px;
   z-index: 100;
}

.client_agreements_person_edit {
   display: none;
   position: absolute;
   width: 680px;
   border: 1px solid #ffffff;
   left: -132px;
   top: 23px;
   padding: 2px 5px 5px 5px;
   background-color: #f3f5f8;
}

.client_agreements_person_edit .nowy_lewa {
   padding-top: 5px;
}

#kalendarz_data_rozpoczecia_naliczania {
   left: 75px;
   top: -184px;
}

#kalendarz_data_rozpoczecia_naliczania2 {
   left: 50%;
   margin-left: -100px;
   top: -175px;
}

#pokaz_dodatkowy_adres_ip_umowy {
   display: none;
}

#refresh_page_message {
   position: absolute;
   width: 100%;
   top: 0px;
   left: 0px;
   z-index: 9999;
   background-color: #d43232;
   color: white;
   text-align: center;
   font-weight: bold;
   padding: 2px 0px 2px 0px;
}

.nobr {
   white-space: nowrap;
}

.umowy_wlasciwosci_lewa {
   display: block;
   float: left;
   margin-bottom: 3px;
   padding-top: 3px;
   margin-right: 1%;
   width: 63%;
   font-weight: normal;
   text-align: left;
   padding-left: 5%
}

.umowy_wlasciwosci_srodek {
   padding-left: 3%;
   width: 18%;
   text-align: left;
   height: 18px;
}

.umowy_wlasciwosci_prawa {
   float: left;
   width: 5%;
   padding-top: 3px;
}

#umowy_klienta_menu {
   float: left;
   width: 123px;
   margin: 0px 0px 0px 10px;
}

#umowy_klienta_menu .podkategoria, #umowy_klienta_menu .podkategoria_wybrana
   {
   border: 1px solid white;
   color: white;
   height: 20px;
   margin-bottom: 2px;
   cursor: pointer;
}

#umowy_klienta_menu label {
   text-align: center;
   padding-top: 0px;
}

#umowy_klienta_menu #umowa_menu_1, #umowy_klienta_menu #umowa_menu_4 {
   padding: 3px 0px 1px 23px;
   height: 17px;
}

#umowy_klienta_menu .podkategoria {
   background-color: #7aabfc;
}

#umowy_klienta_menu .podkategoria:hover {
   background-color: #2d96ce;
}

#umowy_klienta_menu .podkategoria_wybrana {
   background-color: #23739e;
}

#umowy_klienta_menu .podkategoria_lewa {
   float: left;
}

#umowy_klienta_menu .podkategoria_prawa {
   float: left;
   padding: 3px 0px 0px 3px
}

#umowy_klient_zawartosc {
   float: left;
   width: 712px;
   margin: 0px 0px 0px 0px;
}

.fieldset_background_transfer {
   background: url('../images/transfer.png') no-repeat 485px 80px;
}

.bg_white {
   background-color: white;
}

.overline {
   text-decoration: overline;
}

.overline_border {
   border-top: 1px solid black;
}

.search_opacity {
   opacity: 0.7
}

.search_kind_bar_active, .search_kind_bar_unactive {
   font-weight: bold;
   float: left;
   margin: 0px 2px 2px 2px;
   padding: 3px 6px 3px 6px;
   cursor: pointer
}

.search_kind_bar_active {
   background-color: white;
   color: #2d96ce;
}

.search_kind_bar_unactive {
   background-color: #7aabfc;
   color: white;
}

.search_kind_bar_unactive:hover {
   background-color: #2d96ce;
}

.generate_invoice_agreements {
   width: 250px;
}

.przypisz_cene {
   margin-right: 20px;
   display: block;
   float: left;
}

.prefixes_special_days, .prefixes_special_days2 {
   color: #218bda;
}

#search_client_setting {
   display: none;
   border: 1px solid black;
   position: absolute;
   right: 0px;
   top: 18px;
   padding: 3px;
   background-color: white;
   text-align: left;
   width: 150px;
}

#search_client_setting_header {
   text-align: center;
   color: gray;
   margin-bottom: 2px;
}

#zaladuj_wlasciwosci {
   margin-top: 10px;
}

#bookmark_e_mail {
   width: 800px;
   margin: auto;
}

#bookmark_e_mail .e_mail_category {
   float: left;
   width: 70px;
   text-align: right;
}

#bookmark_e_mail #e_mail_config input {
   border: 0px solid white;
}

#bookmark_e_mail .e_mail_value {
   border-bottom: 1px solid black;
   width: 600px;
   float: left;
}

#bookmark_e_mail #e_mail_message {
   margin-top: 20px;
}

#bookmark_e_mail #e_mail_message textarea {
   width: 770px;
   height: 250px;
   padding: 5px;
}

#bookmark_e_mail .e_mail_autosuggest {
   float: left;
   position: relative;
}

#bookmark_e_mail .e_mail_addresses_to_send {
   float: left;
   padding-left: 10px;
   width: 400px;
}

#bookmark_e_mail .e_mail_value input {
   max-width: 150px;
   width: 150px;
}

#bookmark_e_mail #e_mail_subject {
   max-width: 550px;
   width: 550px;
}

#bookmark_e_mail #e_mail_operations {
   width: 47%;
   text-align: right;
   padding: 4px 3% 0px 0px;
   float: left;
}

.e_mail_addresses_to_send div {
   float: left;
   padding-left: 10px;
}

#bookmark_e_mail #e_mail_options {
   font-weight: bold;
   width: 70px;
   text-align: right;
   margin: 0px 30px 7px 0px;
   position: relative;
}

#bookmark_e_mail #e_mail_options_select {
   position: absolute;
   width: 100px;
   left: 80px;
   top: 0px;
   background-color: #F1F1F1;
   border: 1px solid #5C5C5C;
   z-index: 998;
}

#bookmark_e_mail .e_mail_option {
   padding: 3px 0px 3px 10px;
   text-align: left;
   font-weight: normal;
}

#bookmark_e_mail .e_mail_option:hover, #templates_list .template:hover {
   background-color: #D9E1EA;
}

#bookmark_e_mail .e_mail_checkbox {
   float: left;
   width: 50px;
   text-align: center;
}

.float_left {
   float: left;
}

#templates_list {
   position: absolute;
   width: 200px;
   background-color: #F1F1F1;
   border: 1px solid #5C5C5C;
   left: 100px;
   top: 0px;
}

#templates_list .template {
   padding: 3px;
   text-align: center;
   z-index: 999;
}

.fileUploadAsText {
   position: relative;
   overflow: hidden;
   margin: 0px;
}

.fileUploadAsText input.fileUploadAsTextInput {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 0;
   font-size: 14px;
   opacity: 0;
   filter: alpha(opacity = 0);
}

#left {
   width: 50%;
   float: left;
}

#right {
   width: 50%;
   float: right;
}

.divider {
   position: absolute;
   left: 50%;
   top: 10%;
   bottom: 10%;
}

#e_mail_attachments {
   width: 50%;
   float: left;
}

#e_mail_attachments #attachment_title {
   margin: 10px 0px 0px 10px;
   float: left;
}

#e_mail_attachments #attachment_data {
   float: left;
   width: 200px;
   margin: 5px;
}

.error-text {
   color: red;
   font-weight: bold;
   text-align: center;
}

.special-text {
   color: red;
}

body[data-mode="dev"] ul > li[data-mode="dev"] {
   /*border: 1px solid red;*/
   
   background: transparent !important;
}

body[data-mode="dev"] ul > li[data-mode="dev"] > div {
   display: inline-block;
   color: #DDDDDD;
   background: url('../images/zdarzenie_0.png') no-repeat center center;
}

body[data-mode="dev"] ul > li[data-mode="dev"] > div:hover {
   color: #888888;
   font-weight: bold;
   cursor: pointer;
}

tr[data-hidden="true"] {
   display: none;
}

.inner-search {
   background: #E6EBF0;
   border: 1px solid #8DA6C0;
   border-radius: 7px;
}

.agreement-instructions-container > div[data-section] > div:first-child {
   cursor: pointer;
}
.agreement-instructions-container div[data-state] {
   padding-left: 12px;
   background-repeat: no-repeat;
   background-position: left center;   
}
.agreement-instructions-container div[data-state="open"] {
   background-image: url('../images/op2_minus.png');
}
.agreement-instructions-container div[data-state="closed"] {
   background-image: url('../images/op2_plus.png');
}

.agreement-instructions-container-tbl-cell {
   display: table-cell;
   white-space: nowrap;
}

.sza-menu-flat {
   display: none;
   position: absolute;
   background-color: #f1f1f1;
   box-shadow: 3px 3px 6px #888888;
   left: -75px;
   min-width: 90px;
}

.variable-tag{
    cursor: default;
    background-color: #65b9dd;
    color: #FFF;
    padding: 2px 8px;
    border-radius: 3px;
    font-weight: bold;
    font-style: normal;
    font-size: 10px;
    display: inline-block;
    line-height: 12px;
}
   
   table[data-level="MAIN"] > thead > tr > th:nth-child(9),
   table[data-level="MAIN"] > tbody > tr > td:nth-child(9),
   
   table[data-level="SUB"] > thead > tr > th:nth-child(3),
   table[data-level="SUB"] > tbody > tr > td:nth-child(3),
   
   table[data-level="SUB"] > thead > tr > th:nth-child(4),
   table[data-level="SUB"] > tbody > tr > td:nth-child(4),
   
   table[data-level="SUB"] > thead > tr > th:nth-child(6),
   table[data-level="SUB"] > tbody > tr > td:nth-child(6),
   
   table[data-level="DETAILS"] > thead > tr > th:nth-child(3),
   table[data-level="DETAILS"] > tbody > tr > td:nth-child(3),
   
   table[data-level="DETAILS"] > thead > tr > th:nth-child(4),
   table[data-level="DETAILS"] > tbody > tr > td:nth-child(4),
   
   table[data-level="DETAILS"] > thead > tr > th:nth-child(6),
   table[data-level="DETAILS"] > tbody > tr > td:nth-child(6) {
      display: none;
   }
   
   table[data-level] > tbody > tr[data-can-expand="false"] > td:first-child > img,
   table[data-level="DETAILS"] > tbody > tr > td:first-child > img {
      display: none;
   }