:root {
  --bs-primary: rgb(0, 32, 164);
  --bs-primary-rgb: 0, 32, 164;
}

* {
  box-sizing: border-box;
}

#loading {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgb(255, 255, 255);
  z-index: 99;
}

#loading-image {
  z-index: 100;
}

.row {
  --bs-gutter-x: 0.5rem !important;
  --bs-gutter-y: 0 !important;
}

.fs-7 {
  font-size: 0.8rem;
}

.fs-8 {
  font-size: 1rem;
}

#print_date {
  font-size: 1rem;
}

.kiiForm .my-border {
  border: 1px solid black;
  min-height: 40px;
}

.kiiForm .my-border-top {
  border-top: 1px solid black;
  min-height: 40px;
}

.kiiForm .my-border-bottom {
  border-bottom: 1px solid black;
  min-height: 40px;
}

.kiiForm .form-control {
  padding: 2px 10px !important;
  line-height: 1.2rem;
  font-size: 1.1rem;
}

.kiiForm .space {
  height: 30px;
}

.kiiForm .bg-brown {
  background-color: #f4b083;
}

.kiiForm input {
  color: var(--bs-primary) !important;
  font-weight: bold;
  text-align: center;
  font-size: 1.1rem;
}

.switch-row {
  min-height: 55px;
}

.kiiForm .input-group {
  align-items: center;
}

.kiiForm .input-group-addon {
  margin-right: 10px;
}

.kiiForm {
  position: relative;
}

.kiiForm .legend div {
  height: 100%;
  align-items: center;
  justify-content: center;
}

.kiiForm .legend div b {
  font-size: 12px;
}

.kiiForm .row div.header {
  background-color: #ddd;
  min-height: 30px !important;
}

.kiiForm .font-size-14 {
  font-size: 14 !important;
}

.kiiForm .btn_small {
  padding: 2px 5px !important;
  font-size: 12px !important;
  border-radius: 5px !important;
}

.kiiForm .dashboardcode-bsmultiselect .dropdown-menu {
  max-height: 300px;
  overflow: auto;
  border: solid 1px black;
}

.kiiForm .order_type {
  cursor: pointer;
  font-weight: bold;
}

.kiiForm .cross_out {
  text-decoration: line-through;
}

.kiiForm .row div {
  display: flex;
  align-items: center;
}

.kiiForm div .dashboardcode-bsmultiselect {
  width: 99%;
}

.kiiForm div .dashboardcode-bsmultiselect ul.form-control {
  align-items: center;
  font-size: 24px;
  border: none;
  background-color: transparent;
}

.kiiForm .row div span,
.kiiForm .row div b,
.kiiForm .row div label {
  margin: 0 3px;
}

.kiiForm textarea {
  color: var(--bs-primary) !important;
  font-size: 0.8rem;
  border: solid 1px rgb(108, 108, 108);
  margin: 1px 0;
}

.kiiForm .sign-area {
  min-height: 40px;
}

.kiiForm .guarantee {
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

.kiiForm #inwestor textarea,
.kiiForm #klient textarea {
  font-weight: bold;
  font-style: italic;
}

.kiiForm input {
  border: none !important;
}

.kiiForm input[type='checkbox'] {
  border: solid 1px black !important;
}

.kiiForm input:invalid {
  /*background-color: #fb8787;*/
  border: 2px dashed red !important;
}

.kiiForm input:not([type='checkbox']):valid {
  background-color: #d6ffd8;
}

select[name='typ_zlecenia'] {
  max-width: 120px;
}

.form-switch .form-check-input {
  width: 2.5rem;
  height: 1.5rem;
}

.monitoring_row .form-switch {
  padding: 0;
  margin: 0;
}

.monitoring_row .form-switch .form-check-input {
  width: 1.5rem;
  height: 1rem;
  margin: 0;
}

.file-version {
  margin: 0;
  padding: 0;
  font-size: small;
  transform: translate(0px, 12px);
  cursor: pointer;
}

.white-space {
  white-space: nowrap;
}

.invalid-message,
.valid-message {
  width: 100%;
  min-height: 100vh;
  position: relative;
  background-color: rgb(143, 99, 187);
  display: flex;
  justify-content: center;
  align-items: center;
}

.invalid-message > div button,
.valid-message > div button {
  position: relative;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%);
  padding: 3px 25px;
}

.invalid-message .title,
.valid-message .title {
  color: #fffc17;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 10px;
  border-radius: 5px;
}

.invalid-message > div ul {
  list-style: none;
  font-size: 1.2rem;
}

.invalid-message > div {
  border: solid 2px white;
  background-color: rgb(0, 60, 139);
  color: white;
  border-radius: 10px;
  box-shadow: 0 0 40px rgb(6, 56, 92);
  padding: 3em;
}

.valid-message > div {
  border: solid 2px white;
  background-color: rgb(24, 201, 86);
  color: white;
  border-radius: 10px;
  box-shadow: 0 0 40px rgb(76, 203, 97);
  padding: 3em;
}

#form_buttons {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

#form_buttons button {
  width: 60px;
  height: 60px;
  font-size: 1.5rem;
  border-radius: 50%;
  margin: 5px 10px;
  transition: 0.5s;
}

#validate_form_btn:hover {
  box-shadow: 0 0 25px rgb(0, 30, 86);
}

#validate_form_btn {
  border: solid 1px rgb(30, 34, 254);
  box-shadow: 0 0 2px rgb(27, 86, 197);
}

#print_form_btn:hover {
  box-shadow: 0 0 25px rgb(24, 108, 1);
}

#print_form_btn {
  border: solid 1px rgb(0, 147, 49);
  box-shadow: 0 0 2px rgb(63, 223, 19);
}

#dodaj_oferte,
#dodaj_fakture,
#dodaj_osobe_do_kontaktu {
  position: absolute;
  left: -27px;
  top: 1px;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 1px;
  border: 1px solid rgb(144, 144, 144);
  background-color: #c4ffc2;
}

#dodaj_koszty_z_koz,
#dodaj_koz,
#dodaj_umowe {
  position: absolute;
  right: -27px;
  top: 1px;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 1px;
  border: 1px solid rgb(144, 144, 144);
  background-color: #c4ffc2;
}

#dodaj_oferte:hover,
#dodaj_fakture:hover,
#dodaj_osobe_do_kontaktu:hover,
#dodaj_koszty_z_koz:hover,
#dodaj_koz:hover,
#dodaj_umowe:hover {
  background-color: #57f051;
}

.invoice {
  width: 100%;
  padding: 1px;
  justify-content: space-between;
}

.offer-btn,
.invoice-btn,
.order-btn {
  font-size: 11px;
  margin: 1px 0 1px 2px;
  padding: 1px;
  border: solid 1px;
}

.invoice-btn {
  position: absolute;
  right: 20px;
}

.offer {
  position: relative;
  left: 10px;
}

.dashboardcode-bsmultiselect li.badge {
  color: var(--bs-primary) !important;
}

.print {
  visibility: hidden;
}

input[type='date'] {
  max-width: 150px;
}

#umowy > div:first-of-type {
  margin-left: -21px;
}

@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }

  .print {
    visibility: visible;
  }

  .offer {
    position: relative;
    left: 0px;
  }

  button.btn-close {
    display: none !important;
  }

  li.badge {
    padding: 0 !important;
  }

  .row[data-optional-print] textarea {
    resize: none !important;
  }

  .row div:not(.my-border) {
    padding: 0 !important;
  }

  input:not(.form-check-input) {
    background-color: white !important;
    font-size: 1.1rem !important;
  }

  .switch-row input.form-check-input {
    transform: rotate(-90deg);
  }

  .kiiForm .form-switch .form-check-input {
    margin: 0 !important;
  }

  .kiiForm div .dashboardcode-bsmultiselect li.badge {
    border: none !important;
  }

  div.container {
    margin: auto;
  }

  div.form-switch > input[type='checkbox']:not(:checked) {
    display: none !important;
  }

  input[type='text'] {
    border: none !important;
    background-color: transparent !important;
  }

  ::placeholder {
    color: transparent !important;
  }

  input[type='date']::-webkit-inner-spin-button,
  input[type='date']::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
  }

  #umowy > div:first-of-type {
    margin-left: 0px !important;
  }

  textarea {
    border: none !important;
  }
}