@charset "UTF-8";
/*
  W tym pliku mogą znajdować się instrukcje do dopisania do głównego pliku app.css aplikacji.

  Aby mieć dostęp do zmiennych i podstawowych funkcji bootstrap należy includować plik StromaAdminLTE/Resources/Scss/bootstrap

 */
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
.cz24-square-logo {
  background-image: url(/images/kwadrat_kolor.png?85d9455fe6e618d9aaf96168465c12b3);
}

.cz24-horizontal-logo {
  background-image: url(/images/poprzeczne_kolor.png?72f688ff6870da2082b5d8970d18d18b);
}

body.login-page .login-logo {
  background-image: url(/images/poprzeczne_kolor.png?72f688ff6870da2082b5d8970d18d18b);
  background-size: contain;
  background-position: center;
  margin: 15px auto;
  background-repeat: no-repeat;
  width: 300px;
  height: 72px;
}
body.login-page .login-logo * {
  display: none;
}

/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
@charset "UTF-8";
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
.cz24-square-logo {
  background-image: url(/images/kwadrat_kolor.png?85d9455fe6e618d9aaf96168465c12b3);
}

.cz24-horizontal-logo {
  background-image: url(/images/poprzeczne_kolor.png?72f688ff6870da2082b5d8970d18d18b);
}

body.login-page .login-logo {
  background-image: url(/images/poprzeczne_kolor.png?72f688ff6870da2082b5d8970d18d18b);
  background-size: contain;
  background-position: center;
  margin: 15px auto;
  background-repeat: no-repeat;
  width: 300px;
  height: 72px;
}
body.login-page .login-logo * {
  display: none;
}

/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
.dtc-checkbox {
  text-indent: 1px;
}

.form-group.form-group-required label:after {
  content: " *";
  color: #dc3545;
}

.focusable {
  transition: filter ease 0.5s, outline ease 0.1s;
}
.focusable.focus-out {
  pointer-events: none;
  position: relative;
  filter: blur(4px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.focusable.focus-out:before {
  z-index: 10000;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.focusable.focus-in {
  background-color: rgba(255, 193, 7, 0.18);
}
.anchor-copy-link {
  position: relative;
}
.anchor-copy-link:after {
  transition: all ease-in 0.15s;
  display: inline-block;
  right: -18px;
  padding-left: 5px;
  padding-right: 1em;
  content: "\f0c1";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  opacity: 0.01;
  padding-top: 0.3em;
  font-size: 0.7em;
}
.anchor-copy-link:hover:after {
  padding-right: 0;
  right: -1.1em;
  opacity: 0.7;
}

select.select2.is-invalid + .select2-container--default.select2-theme-div--primary .select2-selection.select2-selection--single {
  border-color: #dc3545;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem + 1rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.select2-container--default.select2-theme-div--primary.select2-container--open.select2 {
  z-index: 1100;
}
.select2-container--default.select2-theme-div--primary.select2-container--open.select2-container--below .select2-selection.select2-selection--single {
  background: linear-gradient(to bottom, #f7f7f7 0%, white 100%);
}
.select2-container--default.select2-theme-div--primary.select2-container--open.select2-container--above .select2-selection.select2-selection--single {
  background: linear-gradient(to top, #f7f7f7 0%, white 100%);
}
.select2-container--default.select2-theme-div--primary.select2-container--open.select2-container--below .select2-selection.select2-selection--single {
  border-bottom-width: 0;
}
.select2-container--default.select2-theme-div--primary.select2-container--open.select2-container--above .select2-selection.select2-selection--single {
  border-top-width: 0;
}
.select2-container--default.select2-theme-div--primary .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__clear {
  font-size: 18px;
  font-weight: bold;
  padding-right: 5px;
  padding-left: 5px;
  color: #ff090a;
}
.select2-container--default.select2-theme-div--primary .select2-selection.select2-selection--single .select2-selection__rendered .select2-selection__clear:hover {
  color: #ff6f70;
}
.select2-container--default.select2-theme-div--primary .select2-dropdown {
  border-color: #6291c6;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06);
}

body.hide-select2-dropdowns .select2-dropdown {
  display: none !important;
}
body.hide-select2-dropdowns .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, body.hide-select2-dropdowns .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.div-datatable-letter {
  line-height: 1;
  font-size: 1.1rem;
  font-weight: bold;
  font-family: Arial, serif;
}
.div-datatable-letter::before {
  content: attr(data-letter);
}
.div-datatable-letter + .div-datatable-letter {
  margin-left: 2px;
}

.text-black-20 {
  color: rgba(0, 0, 0, 0.2) !important;
}

input.hide-number-spin::-webkit-outer-spin-button,
input.hide-number-spin::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.hide-number-spin[type=number] {
  -moz-appearance: textfield;
}

select.select2.readonly + span.select2-container {
  pointer-events: none;
  opacity: 0.8;
}

.bootstrap-dialog .modal-dialog.modal-lg .modal-footer .bootstrap4-dialog-button:first-child {
  margin: 0.25rem;
}

body .form-control-plaintext {
  padding: 0.375rem 0.75rem;
}
body .form-control-plaintext:focus-visible {
  outline: none;
}

.sidebar-light-submenu-alt[class*=sidebar-light-] .nav-legacy .nav-treeview > .nav-item > .nav-link {
  color: #000;
}
.sidebar-light-submenu-alt[class*=sidebar-light-] .nav-legacy .nav-treeview > .nav-item > .nav-link:hover {
  color: #777;
}
.sidebar-light-submenu-alt[class*=sidebar-light-] .nav-legacy .nav-treeview > .nav-item > .nav-link.active {
  color: #2D527C;
}

.squarebox {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  border: 1px solid;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
}
.squarebox.squarebox-primary {
  background-color: #2D527C;
  border-color: #2d527c;
}
.squarebox.squarebox-secondary {
  background-color: #6c757d;
  border-color: #6c757d;
}
.squarebox.squarebox-success {
  background-color: #28a745;
  border-color: #28a745;
}
.squarebox.squarebox-info {
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.squarebox.squarebox-warning {
  background-color: #ffc107;
  border-color: #ffc106;
}
.squarebox.squarebox-danger {
  background-color: #dc3545;
  border-color: #dc3545;
}
.squarebox.squarebox-light {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.squarebox.squarebox-dark {
  background-color: #343a40;
  border-color: #343a40;
}

.squarebox-lg {
  width: 4rem;
  height: 4rem;
  display: inline-block;
  border: 1px solid;
  border-radius: 0.5rem;
}
.squarebox-lg.squarebox-primary {
  background: #2D527C linear-gradient(180deg, #627d9d, #2D527C) repeat-x;
  border-color: #2d527c;
}
.squarebox-lg.squarebox-secondary {
  background: #6c757d linear-gradient(180deg, #91989e, #6c757d) repeat-x;
  border-color: #6c757d;
}
.squarebox-lg.squarebox-success {
  background: #28a745 linear-gradient(180deg, #5ebd74, #28a745) repeat-x;
  border-color: #28a745;
}
.squarebox-lg.squarebox-info {
  background: #17a2b8 linear-gradient(180deg, #51b9ca, #17a2b8) repeat-x;
  border-color: #17a2b8;
}
.squarebox-lg.squarebox-warning {
  background: #ffc107 linear-gradient(180deg, #ffd145, #ffc107) repeat-x;
  border-color: #ffc106;
}
.squarebox-lg.squarebox-danger {
  background: #dc3545 linear-gradient(180deg, #e56874, #dc3545) repeat-x;
  border-color: #dc3545;
}
.squarebox-lg.squarebox-light {
  background: #f8f9fa linear-gradient(180deg, #fafbfb, #f8f9fa) repeat-x;
  border-color: #f8f9fa;
}
.squarebox-lg.squarebox-dark {
  background: #343a40 linear-gradient(180deg, #676b70, #343a40) repeat-x;
  border-color: #343a40;
}

div.dataTables_wrapper div.dataTables_processing {
  z-index: 100;
}

.dt-filters .dt-filter.dt-filter-selected {
  background-color: rgba(255, 193, 7, 0.2);
}
.dt-filters .dt-filter.dt-filter-selected + .select2 .selection .select2-selection {
  background-color: rgba(255, 193, 7, 0.2);
}

.card.card-has-datatables-card:not(.maximized-card) {
  margin: -1.25rem;
}
.card .card-header .card-title {
  margin-bottom: 0 !important;
  line-height: unset !important;
}
.card .card-header .card-tools-alt {
  float: right;
  margin-right: -0.625rem;
}
.card .card-body table.dataTable {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.card .card-body table.dataTable.table-condensed thead tr th {
  padding: 0.4rem;
  min-width: 40px;
}
.card .card-body table.dataTable.table-condensed tbody tr td {
  padding: 0.2rem;
}
.card .card-body table.dataTable.table-condensed th:first-of-type, .card .card-body table.dataTable.table-condensed td:first-of-type {
  padding-left: 1.5rem;
}
.card .card-body table.dataTable.table-condensed th:last-of-type, .card .card-body table.dataTable.table-condensed td:last-of-type {
  padding-right: 1.5rem;
}
.card .card-body table.dataTable .btn-dtables, .card .card-body table.dataTable .btn-group-dtables > .btn {
  padding: 0.15rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.4;
  border-radius: 0.2rem;
}
.card .card-body table.dataTable .btn-dtables + .btn-dtables {
  margin-left: 0.25rem;
}
.card .card-body .card-footer.card-footer-in-body {
  margin-top: 2.5rem;
  margin-bottom: -1.25rem;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}
.card .card-footer .stroma-pagination ul {
  justify-content: flex-end;
  margin-bottom: 0;
}
.card .stroma-page-length {
  width: 120px;
  float: left;
}
.card .card-loading {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.3);
}
@charset "UTF-8";
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
.cz24-square-logo {
  background-image: url(/images/kwadrat_kolor.png?85d9455fe6e618d9aaf96168465c12b3);
}

.cz24-horizontal-logo {
  background-image: url(/images/poprzeczne_kolor.png?72f688ff6870da2082b5d8970d18d18b);
}

body.login-page .login-logo {
  background-image: url(/images/poprzeczne_kolor.png?72f688ff6870da2082b5d8970d18d18b);
  background-size: contain;
  background-position: center;
  margin: 15px auto;
  background-repeat: no-repeat;
  width: 300px;
  height: 72px;
}
body.login-page .login-logo * {
  display: none;
}

/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
body.login-page.bg-page-turner {
  background-color: white;
  /* background by SVGBackgrounds.com */
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg"  width="700" height="700" viewBox="0 0 200 200"%3e%3crect fill="%23ffffff" width="200" height="200"/%3e%3cdefs%3e%3clinearGradient id="a" gradientUnits="userSpaceOnUse" x1="88" y1="88" x2="0" y2="0"%3e%3cstop  offset="0" stop-color="%232D527C"/%3e%3cstop  offset="1" stop-color="%233b6ba1"/%3e%3c/linearGradient%3e%3clinearGradient id="b" gradientUnits="userSpaceOnUse" x1="75" y1="76" x2="168" y2="160"%3e%3cstop  offset="0" stop-color="%23868686"/%3e%3cstop  offset="0.09" stop-color="%23ababab"/%3e%3cstop  offset="0.18" stop-color="%23c4c4c4"/%3e%3cstop  offset="0.31" stop-color="%23d7d7d7"/%3e%3cstop  offset="0.44" stop-color="%23e5e5e5"/%3e%3cstop  offset="0.59" stop-color="%23f1f1f1"/%3e%3cstop  offset="0.75" stop-color="%23f9f9f9"/%3e%3cstop  offset="1" stop-color="%23FFFFFF"/%3e%3c/linearGradient%3e%3cfilter id="c" x="0" y="0" width="200%" height="200%"%3e%3cfeGaussianBlur in="SourceGraphic" stdDeviation="12" /%3e%3c/filter%3e%3c/defs%3e%3cpolygon fill="url%28%23a%29" points="0 174 0 0 174 0"/%3e%3cpath fill="%23000" fill-opacity=".5" filter="url%28%23c%29" d="M121.8 174C59.2 153.1 0 174 0 174s63.5-73.8 87-94c24.4-20.9 87-80 87-80S107.9 104.4 121.8 174z"/%3e%3cpath fill="url%28%23b%29" d="M142.7 142.7C59.2 142.7 0 174 0 174s42-66.3 74.9-99.3S174 0 174 0S142.7 62.6 142.7 142.7z"/%3e%3c/svg%3e');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top left;
}

body.login-page.bg-pattern-randomized {
  background-color: white;
  /* background by SVGBackgrounds.com */
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 1500"%3e%3crect fill="%23ffffff" width="2000" height="1500"/%3e%3cdefs%3e%3crect  stroke="%23ffffff" stroke-width=".5" width="1" height="1" id="s"/%3e%3cpattern id="a" width="3" height="3" patternUnits="userSpaceOnUse" patternTransform="scale%2850%29 translate%28-980 -735%29"%3e%3cuse  fill="%23fcfcfc" href="%23s" y="2"/%3e%3cuse  fill="%23fcfcfc" href="%23s" x="1" y="2"/%3e%3cuse  fill="%23fafafa" href="%23s" x="2" y="2"/%3e%3cuse  fill="%23fafafa" href="%23s"/%3e%3cuse  fill="%23f7f7f7" href="%23s" x="2"/%3e%3cuse  fill="%23f7f7f7" href="%23s" x="1" y="1"/%3e%3c/pattern%3e%3cpattern id="b" width="7" height="11" patternUnits="userSpaceOnUse" patternTransform="scale%2850%29 translate%28-980 -735%29"%3e%3cg  fill="%23f5f5f5"%3e%3cuse href="%23s"/%3e%3cuse href="%23s" y="5" /%3e%3cuse href="%23s" x="1" y="10"/%3e%3cuse href="%23s" x="2" y="1"/%3e%3cuse href="%23s" x="2" y="4"/%3e%3cuse href="%23s" x="3" y="8"/%3e%3cuse href="%23s" x="4" y="3"/%3e%3cuse href="%23s" x="4" y="7"/%3e%3cuse href="%23s" x="5" y="2"/%3e%3cuse href="%23s" x="5" y="6"/%3e%3cuse href="%23s" x="6" y="9"/%3e%3c/g%3e%3c/pattern%3e%3cpattern id="h" width="5" height="13" patternUnits="userSpaceOnUse" patternTransform="scale%2850%29 translate%28-980 -735%29"%3e%3cg  fill="%23f5f5f5"%3e%3cuse href="%23s" y="5"/%3e%3cuse href="%23s" y="8"/%3e%3cuse href="%23s" x="1" y="1"/%3e%3cuse href="%23s" x="1" y="9"/%3e%3cuse href="%23s" x="1" y="12"/%3e%3cuse href="%23s" x="2"/%3e%3cuse href="%23s" x="2" y="4"/%3e%3cuse href="%23s" x="3" y="2"/%3e%3cuse href="%23s" x="3" y="6"/%3e%3cuse href="%23s" x="3" y="11"/%3e%3cuse href="%23s" x="4" y="3"/%3e%3cuse href="%23s" x="4" y="7"/%3e%3cuse href="%23s" x="4" y="10"/%3e%3c/g%3e%3c/pattern%3e%3cpattern id="c" width="17" height="13" patternUnits="userSpaceOnUse" patternTransform="scale%2850%29 translate%28-980 -735%29"%3e%3cg  fill="%23f2f2f2"%3e%3cuse href="%23s" y="11"/%3e%3cuse href="%23s" x="2" y="9"/%3e%3cuse href="%23s" x="5" y="12"/%3e%3cuse href="%23s" x="9" y="4"/%3e%3cuse href="%23s" x="12" y="1"/%3e%3cuse href="%23s" x="16" y="6"/%3e%3c/g%3e%3c/pattern%3e%3cpattern id="d" width="19" height="17" patternUnits="userSpaceOnUse" patternTransform="scale%2850%29 translate%28-980 -735%29"%3e%3cg  fill="%23ffffff"%3e%3cuse href="%23s" y="9"/%3e%3cuse href="%23s" x="16" y="5"/%3e%3cuse href="%23s" x="14" y="2"/%3e%3cuse href="%23s" x="11" y="11"/%3e%3cuse href="%23s" x="6" y="14"/%3e%3c/g%3e%3cg  fill="%23efefef"%3e%3cuse href="%23s" x="3" y="13"/%3e%3cuse href="%23s" x="9" y="7"/%3e%3cuse href="%23s" x="13" y="10"/%3e%3cuse href="%23s" x="15" y="4"/%3e%3cuse href="%23s" x="18" y="1"/%3e%3c/g%3e%3c/pattern%3e%3cpattern id="e" width="47" height="53" patternUnits="userSpaceOnUse" patternTransform="scale%2850%29 translate%28-980 -735%29"%3e%3cg  fill="%232D527C"%3e%3cuse href="%23s" x="2" y="5"/%3e%3cuse href="%23s" x="16" y="38"/%3e%3cuse href="%23s" x="46" y="42"/%3e%3cuse href="%23s" x="29" y="20"/%3e%3c/g%3e%3c/pattern%3e%3cpattern id="f" width="59" height="71" patternUnits="userSpaceOnUse" patternTransform="scale%2850%29 translate%28-980 -735%29"%3e%3cg  fill="%232D527C"%3e%3cuse href="%23s" x="33" y="13"/%3e%3cuse href="%23s" x="27" y="54"/%3e%3cuse href="%23s" x="55" y="55"/%3e%3c/g%3e%3c/pattern%3e%3cpattern id="g" width="139" height="97" patternUnits="userSpaceOnUse" patternTransform="scale%2850%29 translate%28-980 -735%29"%3e%3cg  fill="%232D527C"%3e%3cuse href="%23s" x="11" y="8"/%3e%3cuse href="%23s" x="51" y="13"/%3e%3cuse href="%23s" x="17" y="73"/%3e%3cuse href="%23s" x="99" y="57"/%3e%3c/g%3e%3c/pattern%3e%3c/defs%3e%3crect fill="url%28%23a%29" width="100%" height="100%"/%3e%3crect fill="url%28%23b%29" width="100%" height="100%"/%3e%3crect fill="url%28%23h%29" width="100%" height="100%"/%3e%3crect fill="url%28%23c%29" width="100%" height="100%"/%3e%3crect fill="url%28%23d%29" width="100%" height="100%"/%3e%3crect fill="url%28%23e%29" width="100%" height="100%"/%3e%3crect fill="url%28%23f%29" width="100%" height="100%"/%3e%3crect fill="url%28%23g%29" width="100%" height="100%"/%3e%3c/svg%3e');
  background-attachment: fixed;
  background-size: cover;
}

body.login-page.bg-sun-tornado {
  background-color: white;
  /* background by SVGBackgrounds.com */
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 1500"%3e%3crect fill="%234177b4" width="2000" height="1500"/%3e%3cdefs%3e%3cradialGradient id="a" gradientUnits="objectBoundingBox"%3e%3cstop  offset="0" stop-color="%23b44177"/%3e%3cstop  offset="1" stop-color="%234177b4"/%3e%3c/radialGradient%3e%3clinearGradient id="b" gradientUnits="userSpaceOnUse" x1="0" y1="750" x2="1550" y2="750"%3e%3cstop  offset="0" stop-color="%237e4879"/%3e%3cstop  offset="1" stop-color="%232D527C"/%3e%3c/linearGradient%3e%3cpath id="s" fill="url%28%23b%29" d="M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z"/%3e%3cg id="g"%3e%3cuse href="%23s" transform="scale%280.12%29 rotate%2860%29"/%3e%3cuse href="%23s" transform="scale%280.2%29 rotate%2810%29"/%3e%3cuse href="%23s" transform="scale%280.25%29 rotate%2840%29"/%3e%3cuse href="%23s" transform="scale%280.3%29 rotate%28-20%29"/%3e%3cuse href="%23s" transform="scale%280.4%29 rotate%28-30%29"/%3e%3cuse href="%23s" transform="scale%280.5%29 rotate%2820%29"/%3e%3cuse href="%23s" transform="scale%280.6%29 rotate%2860%29"/%3e%3cuse href="%23s" transform="scale%280.7%29 rotate%2810%29"/%3e%3cuse href="%23s" transform="scale%280.835%29 rotate%28-40%29"/%3e%3cuse href="%23s" transform="scale%280.9%29 rotate%2840%29"/%3e%3cuse href="%23s" transform="scale%281.05%29 rotate%2825%29"/%3e%3cuse href="%23s" transform="scale%281.2%29 rotate%288%29"/%3e%3cuse href="%23s" transform="scale%281.333%29 rotate%28-60%29"/%3e%3cuse href="%23s" transform="scale%281.45%29 rotate%28-30%29"/%3e%3cuse href="%23s" transform="scale%281.6%29 rotate%2810%29"/%3e%3c/g%3e%3c/defs%3e%3cg  transform=""%3e%3cg  transform=""%3e%3ccircle fill="url%28%23a%29" r="3000"/%3e%3cg opacity="0.5"%3e%3ccircle fill="url%28%23a%29" r="2000"/%3e%3ccircle fill="url%28%23a%29" r="1800"/%3e%3ccircle fill="url%28%23a%29" r="1700"/%3e%3ccircle fill="url%28%23a%29" r="1651"/%3e%3ccircle fill="url%28%23a%29" r="1450"/%3e%3ccircle fill="url%28%23a%29" r="1250"/%3e%3ccircle fill="url%28%23a%29" r="1175"/%3e%3ccircle fill="url%28%23a%29" r="900"/%3e%3ccircle fill="url%28%23a%29" r="750"/%3e%3ccircle fill="url%28%23a%29" r="500"/%3e%3ccircle fill="url%28%23a%29" r="380"/%3e%3ccircle fill="url%28%23a%29" r="250"/%3e%3c/g%3e%3cg  transform=""%3e%3cuse href="%23g" transform="rotate%2810%29"/%3e%3cuse href="%23g" transform="rotate%28120%29"/%3e%3cuse href="%23g" transform="rotate%28240%29"/%3e%3c/g%3e%3ccircle fill-opacity="0.1" fill="url%28%23a%29" r="3000"/%3e%3c/g%3e%3c/g%3e%3c/svg%3e');
  background-attachment: fixed;
  background-size: cover;
}

body.login-page.bg-polka-dots {
  background-color: white;
  /* background by SVGBackgrounds.com */
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg"  width="90" height="90" viewBox="0 0 90 90"%3e%3crect fill="white" width="90" height="90"/%3e%3ccircle fill-opacity="1" fill="%232D527C"  cx="45" cy="45" r="10"/%3e%3cg fill="%23b44177"  fill-opacity="1"%3e%3ccircle  cx="0" cy="90" r="10"/%3e%3ccircle  cx="90" cy="90" r="10"/%3e%3ccircle  cx="90" cy="0" r="10"/%3e%3ccircle  cx="0" cy="0" r="10"/%3e%3c/g%3e%3c/svg%3e');
}

body.login-page.bg-strips {
  background-color: white;
  background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" id="svg5" version="1.1" viewBox="0 0 1920 1080"%3e%3cdefs/%3e %3cdefs id="defs2"%3e%3cfilter id="filter3492" width="1" height="1" x="0" y="0" style="color-interpolation-filters:sRGB"%3e%3cfeFlood id="feFlood3482" flood-color="rgb%280,0,0%29" flood-opacity=".2" result="flood"/%3e%3cfeComposite id="feComposite3484" in="flood" in2="SourceGraphic" operator="in" result="composite1"/%3e%3cfeGaussianBlur id="feGaussianBlur3486" in="composite1" result="blur" stdDeviation="6"/%3e%3cfeOffset id="feOffset3488" dx="6" dy="6" result="offset"/%3e %3cfeComposite id="feComposite3490" in="SourceGraphic" in2="offset" operator="over" result="composite2"/%3e %3c/filter%3e %3c/defs%3e %3cg id="layer1" transform="matrix%281 0 0 .98427 556 443%29"%3e%3cpath id="path2666" d="M-557-115l1671 762H-557z" style="fill:%232D527C;fill-opacity:1;stroke:none;stroke-width:0.308265px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"/%3e %3cpath id="path2565" d="M-557 312L674-450H-557z" style="fill:%233b6ba1;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url%28%23filter3492%29"/%3e %3c/g%3e%3c/svg%3e');
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
}

@media (max-width: 991.98px) {
  .login-page footer {
    color: white !important;
  }
  .login-page footer a {
    color: white !important;
  }
}
.dialog-loader {
  width: 60px;
  height: 60px;
  border: 8px solid var(--light, #dadada);
  border-bottom-color: var(--primary, #007bff);
  border-top-color: var(--primary, #007bff);
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1.9s cubic-bezier(0.68, -0.55, 0.27, 1.55) infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(540deg);
  }
}
@charset "UTF-8";
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
.cz24-square-logo {
  background-image: url(/images/kwadrat_kolor.png?85d9455fe6e618d9aaf96168465c12b3);
}

.cz24-horizontal-logo {
  background-image: url(/images/poprzeczne_kolor.png?72f688ff6870da2082b5d8970d18d18b);
}

body.login-page .login-logo {
  background-image: url(/images/poprzeczne_kolor.png?72f688ff6870da2082b5d8970d18d18b);
  background-size: contain;
  background-position: center;
  margin: 15px auto;
  background-repeat: no-repeat;
  width: 300px;
  height: 72px;
}
body.login-page .login-logo * {
  display: none;
}

/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
/*
  Ten plik jest includowany przez _environment.scss w StromaAdminLTE/Resources/Scss/_environment.scss

  Do dyspozycji użytkownika jest tu zmienna $env, która przybiera wartość z Settings.env.php "Deploy/cssEnv"
  W tym pliku można nadpisywać zmienne AdminLTE/Bootstrap - na przykład kolory ($primary dostosowany pod brand)
  lub inne - np. szerokość marginesów, liczbę grid-breakpointów.

  -- przykład, plik _test.scss w folderze environment :
  ```
  @if $env == 'test' {
    $primary: #c905ff;
  }
  ```
  Jeśli środowisko będzie ustawione na "test", to wtedy kolor primary będzie fioletowy.

  Jeśli zmienna środowiskowa "Deploy/cssEnv" w Settings.env.php nie będzie ustawiona, $env przybierze wartość domyślną,
  czyli "default"

  Oczywiście nie trzeba robić oddzielnych plików do takich małych bloków IF, ale wygląda to bardziej estetycznie.

  Jeśli np. chcemy nadpisać jakąś zmienną globalnie (niezależnie od środowiska), powinniśmy zrobić plik _all.scss
  i w nim umieścić to co chcemy nadpisać (np. zrobić tylko 2 grid-breakpointy)

*/
.dt-bootstrap4 div.dataTables_processing > div:last-child > div {
  background-color: rgba(45, 82, 124, 0.9);
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}