@charset "UTF-8";
:root {
  --active: #50B3EA;
  --red: #EF2400;
  --green: #11A960;
  --blue: #31A4F5;
  --darkblue: #046D8B;
  --gray: #8D8D8F;
  --lightlightgray: rgb(0, 0, 0, 0.02);
  --lightgray: #c5c5c5;
  --bg: #fff;
  --text: #000;
  --row-hover: rgb(0, 0, 0, 0.02);
  --table-border: rgb(217, 217, 217);
  --table-head-border: rgb(128, 128, 128);
  --shadow: 0 1px 6px 0 #20212447;
  --tap-highlight: rgb(0, 0, 0, 0.05);
  --selection-bg: #ACE4F0;
}

.modal {
  background-color: var(--bg);
}

body {
  font-family: 'Archivo';
  font-size: 14px;
}

body input, body label, body textarea {
  font-family: 'Archivo';
  font-size: 16px;
}

#client-modal .client-persons > div.header {
  padding: 15px;
  font-size: 16px;
  font-weight: 500;
  border-bottom: solid 1px var(--lightgray);
  display: flex;
  align-items: center;
}

#client-modal .client-persons > div.header > .icon {
  margin-right: 15px;
}

#client-modal .client-persons > div.header.active {
  font-size: 18px;
}

#client-modal .client-persons > div.header.active > .icon {
  display: none;
}

#client-modal .client-persons > div.content {
  border: 0;
}

#client-modal .client-persons > div.content.active {
  border-bottom: solid 1px var(--lightgray);
}

#client-modal .client-persons > div.content > div {
  overflow: hidden;
}

#client-modal .client-persons > div.content div > div {
  display: flex;
  flex-direction: row;
}

#client-modal .client-persons > div.content div > div > a {
  flex: 1 1 0px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: inherit;
}

#client-modal .client-persons > div.content div > div > a::before {
  content: '';
  font-family: 'Material Icons Outlined';
  font-size: 22px;
  position: relative;
  padding: 10px;
  border-radius: 100vw;
}

#client-modal .client-persons > div.content div.buttons {
  padding: 15px 0;
}

#client-modal .client-persons > div.content div.buttons a {
  flex-direction: column;
  padding-top: 6px;
  font-size: 12px;
}

#client-modal .client-persons > div.content div.buttons a::before {
  color: #fff;
  margin-bottom: 15px;
}

#client-modal .client-persons > div.content div.options {
  border-top: solid 1px var(--lightgray);
}

#client-modal .client-persons > div.content div.options a {
  flex-direction: row;
}

#client-modal .client-persons > div.content div.options a:not(:last-child) {
  border-right: solid 1px var(--lightgray);
}

#client-modal .client-persons > div.content div.options a::before {
  color: var(--text);
}

#client-modal .client-persons > div.content a.tel::before {
  content: 'call';
  background-color: var(--green);
}

#client-modal .client-persons > div.content a.mail::before {
  content: 'mail';
  background-color: var(--blue);
}

#client-modal .client-persons > div.content a.notes::before {
  content: 'list';
  background-color: var(--gray);
}

#client-modal .client-persons > div.content a.edit-contact::before {
  content: 'edit';
}

#client-modal .client-persons > div.content a.new-note::before {
  content: 'new_label';
}

#client-modal .client-leads > div.header {
  padding: 15px;
  font-size: 16px;
  font-weight: 500;
  border-bottom: solid 1px var(--lightgray);
  display: flex;
  align-items: center;
}

#client-modal .client-leads > div.header > .icon {
  margin-right: 15px;
}

#client-modal .client-leads > div.header.active {
  font-size: 18px;
}

#client-modal .client-leads > div.header.active > .icon {
  display: none;
}

#client-modal .client-leads > div.content {
  border: 0;
}

#client-modal .client-leads > div.content.active {
  border-bottom: solid 1px var(--lightgray);
  padding: 15px;
}

@media (min-width: 761px) {
  .modal {
    max-width: 600px;
    right: 20px !important;
    left: auto !important;
    top: 10px !important;
    height: calc(100vh - 20px) !important;
  }
  .modal .button.floating {
    bottom: 15px !important;
  }
  .input-text.multiselect .badges span:hover {
    background-color: var(--red);
    border-color: var(--red);
    color: #fff;
  }
  .input-text.multiselect .badges span:hover:after {
    color: #fff;
  }
  .button.floating {
    transition: 400ms;
  }
}

@media (max-width: 760px) {
  #clients-table > table td[data-label='#']
, #clients-table > table td[data-label='NIP']
, #clients-table > table td[data-label='Rating'] {
    display: none;
  }
  #clients-table > table tr.active {
    display: block;
    padding: 15px;
  }
  #clients-table > table tr.active td[data-label='Nazwa']
, #clients-table > table tr.active td[data-label='Pełna nazwa'] {
    display: block;
  }
  #clients-table > table tr.active td[data-label='Adres'] {
    display: inline-block;
  }
  #clients-table > table tr.active td[data-label='Kod pocztowy']
, #clients-table > table tr.active td[data-label='Miejscowość'] {
    display: inline-block;
  }
  #clients-table > table tr.active td[data-label='Kod pocztowy']::before
, #clients-table > table tr.active td[data-label='Miejscowość']::before {
    content: ",\00a0";
  }
  #leads-table > table td[data-label='#'] {
    display: none;
  }
  table.table-type-1 {
    /* Hide table headers */
  }
  table.table-type-1 td, table.table-type-1 tr {
    display: block;
  }
  table.table-type-1 td {
    padding: 0 !important;
  }
  table.table-type-1 thead tr {
    height: 1px !important;
    overflow: hidden;
  }
  table.table-type-1 tbody > tr:hover {
    box-shadow: inset 0px 0px 0px 1000px var(--row-hover);
  }
}

body ::selection {
  background: var(--selection-bg);
}

body ::-moz-selection {
  background: var(--selection-bg);
}

body * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: var(--tap-highlight);
}

body h1, body h2, body h3 {
  margin: 0;
}

body h2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  background-color: var(--bg);
  display: flex;
  align-items: center;
  justify-content: center;
}
/*# sourceMappingURL=index.css.map */