/* poprawki do normalize.css i main.css */
html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  font-size: 11px;
}

/* layout and global styles */
#mainDiv {
  border: none;
  width: 100%;
  height: 100%;
}

/*#mainContent { width: 100%; height: 100%;}*/
/*#mainFooter { margin: 0; padding: 0; border: none; text-align: center; }*/

h2 {
  margin: 0.2em 0;
}

h3 {
  margin: 0.2em 0;
}

a,
a:visited,
a:active,
a:hover,
a:link {
  border: none;
  outline: none;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.hidden {
  display: hidden;
}

label {
  margin-right: 5px;
}

.clickable {
  cursor: pointer;
}

.disabled {
  background-color: lightgray !important;
}

div.right_sep {
  border-right: solid 1px #B5BCC7;
  display: inline-block;
  padding-right: 5px;
  margin-bottom: 9px;
}

div.right_sep_noborder {
  display: inline-block;
  padding-right: 5px;
  margin-bottom: 9px;
}

/* dgrid global styles */

.dgrid {
  height: 100%;
}

.dgrid-header,
.dgrid-cell {
  font-size: 11px;
}

.dgrid-sort-arrow {
  float: right;
}

.dgrid-cell {
  text-overflow: ellipsis;
  white-space: nowrap;
  /* HACK: zmuszam, zeby w Chrome byly obramowania komorek w tabeli, co moze rozwiaze problem skrolowania po edycji */
  /* linia 62 z dgrid.css z dodanym !important */
  /* po zmianie wersji dojo albo po zmianie skorki z claro moze przestac dzialac */
  /*border: 1px solid #ddd !important; */
}

.dgrid-no-data,
.dgrid-loading {
  color: #aaa;
  font-size: 24px;
  padding: 10px 20px;
  text-align: center;
}

/* main top menu */

#mainTopMenu {
  height: 30px;
  margin: 0px;
  padding: 0px;
  color: white;
  background-color: #4C9ED9;
  vertical-align: middle;
}

#mainTopMenu h2 {
  display: inline-block;
}

#mainTopMenu h2#top_title {
  width: 180px;
  margin-left: 10px;
}

#mainTopMenu h2#top_counter {
  float: right;
  /*width: 150px;*/
  margin-right: 10px;
  text-align: right;
}

#mainTopMenu a {
  color: white;
  margin-right: 15px;
}

/* login view */

#login_logo {
  width: 300px;
  margin-left: 20px;
  margin-top: 100px;
  margin-bottom: 0px;

}

#loginDiv {
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
}

#loginform {
  width: 400px;
  margin: 30px auto;
  padding: 20px;
  background-color: #DAE9F4;
  border: solid 1px gray;
}

#loginform input {
  width: 200px;
}

#loginform label {
  display: inline-block;
  width: 100px;
  text-align: right;
  margin: 10px;
}

#loginform button {
  width: 10em !important;
  margin: 10px 20px !important;
}

#loginform #loginform_buttons {
  margin: 10px auto;
  text-align: center;
}

#loginform_msg {
  margin: 10px;
  text-align: center;
  color: red;
  font-weight: bold;
}

/* change password view */

#passwordDiv {
  text-align: center;
  margin-top: 20px;
  font-size: 12px;
}


/* osoby top filter bar */

#osoby_top_buttons {
  float: right;
  width: 200px;
  text-align: right;
}

#osoby_top_filters {
  margin-right: 200px;
}

/* osoby grid, widths set in cookie */
.group_even {
  background-color: #CCFFFF !important;
}

.group_odd {
  background-color: #E6FFC1 !important;
}

#osoby_gridctrl .dgrid-column-set-0 {
  width: 450px;
}

#osoby_gridctrl .field-sofi,
#osoby_gridctrl .field-prawoj,
#osoby_gridctrl .field-wozek,
#osoby_gridctrl .field-in_group,
#osoby_gridctrl .field-plec {
  text-align: center;
}

#osoby_center {
  overflow: hidden;
}

a#filter_status_all,
a#filter_status_none,
a#filter_tag_all,
a#filter_tag_none {
  text-decoration: none;
  background-color: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/* osoby bottom edit box */

#form_edit_box_buttons {
  float: right;
  width: 200px;
}

.form_edit_box_content {
  display: block;
  margin-right: 220px;
}

.form_edit_box_content div.textarea_container {
  display: inline-block;
  width: 48%;
  margin-top: 5px;
}

.form_edit_box_content div.textarea_container textarea {
  height: 7em !important;
}

#edit_status_kom {
  display: inline;
}

div.status_kom {
  display: inline;
  text-align: center;
  /* width: 100%;  nie działa z display: inline*/
  /* height: 100%; nie działa z display: inline */
  margin: 4px;
  padding: 2px;
  font-size: xx-small;
  font-weight: bold;
}

div.status_kom a {
  text-decoration: none;
  background-color: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  /* vertical align trick below */
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

a.status_kom_txt {
  cursor: default;
}

a.status_kom_del {
  margin-left: 4px;
}

/* oferty top buttons bar */
#oferty_top_buttons {
  float: left;
  margin-right: 20px;
}

/* oferty top filters */
#oferty_top_filters {
  margin-left: 460px;
}


/* oferty grid */
#oferty_gridctrl {
  height: 100%;
}

#oferty_gridctrl .dgrid-row-even {
  background-color: #FFFFF0;
}

#oferty_gridctrl .dgrid-row-odd {
  background-color: azure;
}

#oferty_gridctrl .field-num_porz {
  width: 30px;
  text-align: center;
  font-weight: bold;
}

#oferty_gridctrl .field-data_rozp {
  width: 40px;
  text-align: center;
  font-weight: bold;
}

#oferty_gridctrl .field-firma {
  width: 100px;
  font-weight: bold;
}

#oferty_gridctrl .field-miejscowosc {
  width: 120px;
  font-weight: bold;
}

#oferty_gridctrl .field-kraj {
  width: 40px;
  font-weight: bold;
}

#oferty_gridctrl .field-il_miejsc {
  width: 40px;
  font-weight: bold;
}

#oferty_gridctrl .field-kategoria {
  width: 100px;
  font-weight: bold;
}

#oferty_gridctrl .field-stawka {
  width: 40px;
  text-align: right;
  font-weight: bold;
}

#oferty_gridctrl .field-opis {
  width: 200px;
  font-weight: bold;
}

#oferty_gridctrl .field-akcje {
  width: 70px;
}

#oferty_gridctrl .field-archiwum {
  text-align: center;
  width: 35px;
}

#oferty_gridctrl .field-akcje {
  text-align: center;
}

#oferty_gridctrl .field-akcje a div {
  display: inline-block;
  margin-right: 5px;
}

/* gridoferta osoba */

table.oferta_osoba {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

table.oferta_osoba th,
table.oferta_osoba td {
  border: 1px solid #edc;
  border-collapse: collapse;
}

table.oferta_osoba th {
  background-color: #CCFFFF;
}

table.oferta_osoba th.lp {
  width: 3em;
}

table.oferta_osoba th.nazwisko {
  width: 10em;
}

table.oferta_osoba th.imie {
  width: 7em;
}

table.oferta_osoba th.wiek {
  width: 3em;
}

table.oferta_osoba th.adr_odb {
  width: 18em;
}

table.oferta_osoba th.kasa {
  width: 7em;
}

table.oferta_osoba th.adr_doc {
  width: 18em;
}

table.oferta_osoba th.uwagi {
  width: 20em;
}

table.oferta_osoba th.status {
  width: 10em;
}

table.oferta_osoba th.akcje {
  width: 50px;
}

table.oferta_osoba .oferta_osoba_text {
  width: 100%;
}

table.oferta_osoba .oferta_osoba_select {
  width: 100%;
}

table.oferta_osoba th.uzytkownik {
  width: 3em;
}

/* dlg_oferta_osoba_add */

#grid_oferta_osoba_add {
  height: 200px;
}

#grid_oferta_osoba_add .field-nazwisko {
  width: 80px;
}

#grid_oferta_osoba_add .field-imie {
  width: 60px;
}

#grid_oferta_osoba_add .field-data_ur {
  width: 60px;
}

#grid_oferta_osoba_add .field-miejscowosc {
  width: 100px;
}

/* dlg_osoba_add */

#dlg_osoba_add table {
  border-collapse: collapse;
  border-spacing: 0px;
}

#dlg_osoba_add tr.rowgroup {
  background-color: #EBF4F4;
}

#dlg_osoba_add td {
  padding: 5px 10px 5px 5px;
  vertical-align: middle;
}

#dlg_osoba_add textarea {
  width: 100%;
}

/* dlg_edit_tag */

#dlg_edit_tag {
  width: 200px;
}

#edit_tag_list {
  height: 150px;
}

div.tag_list_obj {
  padding: 2px;
  width: 90%;
}

a.tag_list_del div.dijitIconDelete {
  display: inline-block;
  margin: auto 10px;
}

/* dlg_edit_kategoria */

#dlg_edit_kategoria {
  width: 200px;
}

#edit_kategoria_list {
  height: 150px;
}

div.kategoria_list_obj {
  padding: 2px;
  width: 90%;
}

a.kategoria_list_del div.dijitIconDelete {
  display: inline-block;
  margin: auto 10px;
}

/* dlg_edit_group */

#dlg_edit_group {
  width: 300px;
}

#edit_group_list {
  height: 150px;
}

div.group_list_obj {
  padding: 2px;
  width: 90%;
}

a.group_list_del div.dijitIconDelete {
  display: inline-block;
  margin: auto 10px;
}

/* dlg_add_group */

#dlg_add_group {
  width: 300px;
}

#add_group_list {
  height: 150px;
}

div.group_list_obj {
  padding: 2px;
  width: 90%;
}

a.group_list_del div.dijitIconDelete {
  display: inline-block;
  margin: auto 10px;
}

/* dlg_add_status_kom */

#grid_add_status_kom {
  width: 300px;
  height: 200px;
}

#grid_add_status_kom .field-skrot {
  width: 50px;
}

#grid_add_status_kom .field-info {
  width: 150px;
}

/* dlg_oferta_add */

#dlg_oferta_add td {
  /* padding: 5px 10px 5px 5px; */
  vertical-align: middle;
}

#dlg_oferta_add label {
  padding-bottom: 10px;
  display: block;
}

/* dlg_histhol_add */

#dlg_histhol_add td {
  padding: 5px 10px 5px 5px;
  vertical-align: middle;
}



/* oferta wydruk

  div#oferty_wydruk
    table.oferta
      tr
        td.details
          table.tab_details
            tr
              td.col_label
              td
            ..
        td.persons
          table.tab_persons
            tr
              td
              td
            ..
      ..
*/

table.tab_details {
  width: 100%;
}

table.tab_details td.col_label {
  width: 10em;
}

#oferty_wydruk {
  width: 90%;
}

#oferty_wydruk table.oferta {
  width: 100%;
}

#oferty_wydruk table.oferta td.details {
  width: 25%;
}

#oferty_wydruk table.oferta td.persons {
  vertical-align: top;
}

table.tab_persons {
  border-collapse: collapse;
}

table.tab_persons td {
  border: 1px solid black;
}

table.tab_persons th {
  font-weight: bold;
  border: 1px solid black;
  background-color: aqua;
}

table.tab_persons .lp {
  width: 2em;
  text-align: center;
}

table.tab_persons .nazwisko {
  width: 10em;
}

table.tab_persons .imie {
  width: 9em;
}

table.tab_persons .wiek {
  width: 3em;
  text-align: center;
}

table.tab_persons .adr_odb {
  width: 14em;
}

table.tab_persons .kasa {
  width: 10em;
}

table.tab_persons .adr_doc {
  width: 15em;
}

table.tab_persons .uwagi {
  width: 14em;
}

table.tab_persons .uzytkownik {
  width: 3em;
  text-align: center;
}

/* ustawienia */

#settings_left {
  min-height: 2000px;
  height: 100%;
  width: 200px;
  background-color: aqua;
  padding: 20px 0px 20px 20px;
}

#settings_left a {
  font-size: 14px;
  text-decoration: none;
  margin: 5px 0px 5px 30px;
  padding: 10px 0px 10px 10px;
  display: block;
}

#settings_left a:first-of-type {
  margin-top: 30px;
}

#settings_left a.selected {
  background-color: white;
}


#settings_center {
  padding: 20px;
  margin-left: 10px;
}

/* agencja */

#agencja_left {
  width: 300px;
  display: flex;
  flex-flow: column nowrap;
}

#ag_osobygrid {
  flex: 1 0 0;
  cursor: pointer;
}

#ag_osobygrid .field-nazwisko {
  width: 120px;
}

#ag_osobygrid .field-imie {
  width: 80px;
}

#ag_osobygrid .field-dataur {
  width: 70px;
}

#agencja_center {
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0;
}

#form_agencja {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  flex: 1 0 0;
}

/* przy display: flex domyslna wartosc min-width jest ustawiana na auto, zamiast na 0 */
/* co powoduje duzo problemow, info: https://makandracards.com/makandra/66994-css-flex-and-min-width */
#form_agencja * {
  min-width: 0 !important;
}


#form_agencja fieldset {
  border: none;
  padding: 5px;
  margin: 3px 5px;
  display: block;
  background-color: whitesmoke;
  display: flex;
  flex-direction: column;
}

#form_agencja fieldset legend {
  font-weight: bold;
  margin-bottom: 5px;
}

#form_agencja fieldset label {
  width: 120px;
}

#form_agencja fieldset>div {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

#form_agencja fieldset.fieldset_last {
  flex: 1 0 0;
}

#agencja_center_cols {
  display: flex;
  flex-direction: row;
  flex: 1 0 0;
}

#agencja_center_col_left {
  flex: 1;
  display: flex;
  flex-direction: column;
}

#agencja_center_col_right {
  flex: 1;
  display: flex;
  flex-direction: column;
}

#ag_histhol {
  flex: 1 0 100px;
  height: 90%;
}

#ag_wiek {
  margin-left: 30px;
}

/* ----- */

.passwd_msg {
  color: red;
}

/* ustawienia - kategorie osoby */

#grid_tags {
  height: 80%;
  width: 330px;
}

#grid_tags .field-nazwa {
  width: 200px;
}

#div_add_new_tag {
  margin-top: 10px;
}

/* ustawienia - zrodla */

#grid_zrodlo {
  height: 80%;
  width: 330px;
}

#grid_zrodlo .field-nazwa {
  width: 200px;
}

#div_add_new_zrodlo {
  margin-top: 10px;
}

/* ustawienia - kategorie oferty */

#grid_kategoria {
  height: 80%;
  width: 330px;
}

#grid_kategoria .field-nazwa {
  width: 200px;
}

#div_add_new_kat {
  margin-top: 10px;
}

/* ustawienia - klienci (koordynatorzy) */

#grid_koord {
  height: 80%;
  width: 400px;
}

#grid_koord .field-nazwa {
  width: 200px;
}

#div_add_new_koord {
  margin-top: 10px;
}

/* ustawienia - uzytkownicy */

#gridusers {
  height: 80%;
  width: 70%;
}

#gridusers .field-aktywny {
  width: 20px;
  text-align: center;
}

#gridusers .field-nazwa {
  width: 30px;
}

#gridusers .field-nazwisko {
  width: 50px;
}

#gridusers .field-imie {
  width: 50px;
}

#gridusers .field-inicolor {
  width: 20px;
  text-align: center;
}

#gridusers .field-administrator {
  width: 20px;
  text-align: center;
}

#gridusers .field-uwagi {
  width: 100px;
}

#gridusers .field-akcje {
  width: 30px;
  text-align: center;
}

#gridusers .field-akcje a div {
  display: inline-block;
  margin-right: 5px;
}

#div_add_new_user {
  width: 70%;
  vertical-align: middle;
}

#but_user_add {
  margin: 1px 10px 0 5px;
}

#userstats {
  margin-bottom: 20px;
}

#griduserlog {
  margin-bottom: 20px;
}

#userstats table {
  margin-top: 10px;
  border: 1px solid lightgray;
  border-spacing: 1px;
  border-collapse: collapse;
}

#userstats th {
  padding: 2px 20px;
  background-color: #ebf0f5;
}

#userstats td {
  padding: 5px 2px;
  text-align: center;
  border: 1px solid lightgray;
}


/* ustawienia - dokumenty */

#grid_doklist {
  height: 200px;
}

#grid_dokparam {
  height: 300px;
}

/* pomoc */

#pomoc_left {
  min-height: 2000px;
  height: 100%;
  width: 200px;
  background-color: aqua;
  padding: 20px;
}

#pomoc_left a {
  font-size: 14px;
  text-decoration: none;
  margin: 10px 20px 10px 30px;
  display: block;
}

#pomoc_center {
  padding: 20px;
  margin-left: 10px;
}

#pomoc_contents {
  margin: 10px;
}

#logo_pomoc {
  float: left;
  width: 200px;
  margin: 40px 10px 20px 10px;
}

#pomoc_app_info {
  margin-left: 200px;
  margin-top: 50px;
}

#pomoc_info {
  font-size: 12px;
}

#pomoc_info h2 {
  margin-bottom: 20px;
}

#pomoc_info h3 {
  margin: 10px 0;
}

#pomoc_info a {
  color: inherit;
}

div.pomoc_topic {
  margin: 20px 0;
  border-bottom: solid 1px lightgray;
}

div.pomoc_topic a {
  margin-top: 10px;
  font-size: 10px;
  text-decoration: none;
}


#pomoc_info code {
  padding: 1px 2px;
  background-color: lightgray;
  font-family: Consolas, Courier New, monospace;
  font-size: inherit;
}

#form_send_mail table {
  border: 1px solid aqua;
  width: 500px;
  margin-left: 40px;
}

#form_send_mail table td.label {
  width: 110px;
  text-align: right;
  vertical-align: top;
  padding: 10px;
}

#form_send_mail .dijitTextArea,
#form_send_mail .dijitTextBox {
  width: 95%;
}

#form_send_mail .dijitButton {
  margin: 20px 10px 10px 10px;
}

/* user log */

#userlog_filters {
  margin: 15px 200px 15px 5px;
}

#userlog_filters label {
  margin-left: 0px;
}

#userlog_filters label:first-of-type {
  margin-left: 0px;
}

#userlog_buttons {
  float: right;
  width: 200px;
  text-align: right;
}

#griduserlog {
  height: 80%;
}

#griduserlog .field-ts_when {
  width: 120px;
}

#griduserlog .field-who {
  width: 120px;
}

#griduserlog .field-tablename {
  width: 100px;
}

#griduserlog .field-tableaction {
  width: 50px;
  text-align: center;
}

/* status osob */

#grid_status_osoba {
  height: 50%;
  width: 530px;
}

#grid_status_osoba .field-nazwa {
  width: 100px;
}

#grid_status_osoba .field-bkcolor {
  width: 50px;
}

#grid_status_osoba .field-akcje {
  width: 100px;
}

a.statusosoba_bkcolor {
  text-decoration: none;
}

#div_internet_status {
  margin-bottom: 10px;
}

select#combo_internet_status {
  width: 170px;
}

#div_working_status {
  margin-bottom: 10px;
}

select#combo_working_status {
  width: 170px;
}

#div_active_status {
  margin-bottom: 10px;
}

select#combo_active_status {
  width: 170px;
}

/* status ofert */

#grid_status_oferta {
  height: 50%;
  width: 530px;
}

#grid_status_oferta .field-nazwa {
  width: 100px;
}

#grid_status_oferta .field-bkcolor {
  width: 50px;
}

#grid_status_oferta .field-akcje {
  width: 100px;
}

a.statusoferta_bkcolor {
  text-decoration: none;
}

/* status komentarz */

#grid_status_komentarz {
  height: 50%;
  width: 500px;
}

#grid_status_komentarz .field-skrot {
  width: 50px;
}

#grid_status_komentarz .field-info {
  width: 200px;
}

#grid_status_komentarz .field-akcje {
  width: 100px;
}


#grid_status_komentarz_2 {
  height: 200px;
  width: 430px;
  margin-left: auto;
  margin-top: 10px;
  margin-right: 0px;
}

#grid_status_komentarz_2 .field-skrot {
  width: 50px;
}

#grid_status_komentarz_2 .field-info {
  width: 150px;
}

#grid_status_komentarz_2 .field-cleanup_enabled {
  width: 100px;
  text-align: center
}

#grid_status_komentarz_2 .field-cleanup_dayscount {
  width: 100px;
  text-align: center
}



/* status osoba, oferta, komentarz - wspolne */

#div_add_new_status {
  margin-top: 10px;
  margin-bottom: 10px;
}

#div_default_status {
  margin-bottom: 10px;
}

select#combo_default_status {
  width: 170px;
}

/* dane osobowe */

#form_daneos {
  width: 90%;
}

#form_daneos input[readonly] {
  background-color: lightgray;
}

#form_daneos table {
  width: 100%;
}

#form_daneos table td {
  vertical-align: top;
}

/* #form_daneos #form_daneos_table td:first-of-type {
  width: 50% !important;
} */

/* #form_daneos table.form_daneos_table {
  width: 100%;
} */


#form_daneos legend {
  font-size: 11px;
  font-weight: bold;
  margin: 10px;
}

#form_daneos fieldset {
  border: 1px solid aqua;
  padding: 5px 5px 15px 5px;
  width: 50%;
}

/* #grid_daneos {
  width: 100%;
  height: 150px;
  display: block;
  margin-bottom: 20px;
}

#grid_daneos .field-data_ud { width: 80px; }
#grid_daneos .field-odbiorca { width: 100px; }
#grid_daneos .field-zakres_ud { width: 100px; }
#grid_daneos .field-uwagi { width: 100px; }
#grid_daneos .field-akcje { width: 40px; } */

/* daneos raport */

#daneos_raport_wydruk h3 {
  margin: 1em 0em;
}

table.daneosraport {
  border: 1px solid black;
  border-collapse: collapse;
  width: 50%;
}

table.daneosraport th {
  background-color: lightgray;
  font-weight: bold;
  border: 1px solid black;
}

table.daneosraport td:first-of-type {
  width: 20em !important;
}

table.daneosraport td {
  border: 1px solid black;
  vertical-align: top;
  padding: 0.2em;
}

table.daneosraport td.lp {
  width: 2em !important;
}

table.daneosraport td.dataud {
  width: 10em !important;
}


form#form_db_maintenance {
  padding-top: 30px;
}

.my_disabled {
  color: lightgray !important;
}


/* printing */


@media print {

  @page {
    margin: 0.5cm;
  }

  #mainTop {
    display: none;
  }

  h1 {
    font-size: 30pt;
    margin-bottom: 20px;
  }

  h2 {
    font-size: 24pt;
    margin-bottom: 16px;
  }

  #oferty_wydruk *,
  #daneos_raport_wydruk * {
    font-family: Calibri, Arial, helvetica;
    font-size: 10pt;
  }
}






/* end of file */