form {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-flow: column;
  gap: 8px;
  max-width: -moz-available;
  max-width: 600px;
  border: 3px solid #e5e7eb;
  border-radius: 6px;
  background-color: #f3f4f6;
  padding: 16px;
  margin-bottom: 16px;
}
form div {
  display: flex;
  flex-wrap: wrap;
}

label {
  min-width: 30%;
}

input:focus, textarea:focus {
  outline: #6b7280;
  background-color: #f0fdf4;
  box-shadow: inset #9ca3af 3px -1px;
}

input, textarea {
  outline: none;
  transition: 0.5s;
  border: 1px solid #ccc;
  border-radius: 4px;
}

input[type=text], input[type=password], select {
  min-width: 65%;
  padding: 10px;
}

textarea {
  min-width: 45%;
  height: 150px;
  padding: 10px;
}

input[type=submit] {
  width: 100%;
  background-color: #04AA6D;
  color: white;
  padding: 14px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

@media screen and (max-width: 600px) {
  label,
  input[type=text],
  input[type=submit],
  select, textarea {
    flex: 100%;
    min-width: fit-content();
  }
}
.btn {
  padding: 8px;
  border: none;
  background: #d1d5db;
}
.btn:hover {
  background-color: #f3f4f6;
}

.btn-primary {
  background: #a3e635;
}

.form-hidden {
  display: none;
}

/* Inline | https://crm.dev:9443/client/3/edit */
fieldset {
  display: grid;
  gap: 16px;
  max-width: -moz-available;
  width: -webkit-fill-available;
  width: -moz-available;
}

#actions {
  display: flex;
  justify-content: flex-end;
}

.add-event {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 16px;
  flex-direction: row;
}
.add-event input {
  width: 100%;
}
.add-event .event-base {
  flex-grow: 3;
  flex-basis: 16px;
}
.add-event .event-base input {
  width: 100%;
}
.add-event .event-base div {
  width: -moz-available;
  width: -webkit-fill-available;
}
.add-event .event-note {
  flex: 1;
  display: flex;
  flex-direction: column;
  order: 2;
}

.client-details .icon-address:after {
  content: url('data: image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 10L3 8M3 8L10 1L17 8M3 8V18C3 18.5523 3.44772 19 4 19H7M17 8L19 10M17 8V18C17 18.5523 16.5523 19 16 19H13M7 19C7.55228 19 8 18.5523 8 18V14C8 13.4477 8.44772 13 9 13H11C11.5523 13 12 13.4477 12 14V18C12 18.5523 12.4477 19 13 19M7 19H13" stroke="%23111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  display: inline-block;
}
.client-details .icon-email:after {
  content: url('data: image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 10L3 8M3 8L10 1L17 8M3 8V18C3 18.5523 3.44772 19 4 19H7M17 8L19 10M17 8V18C17 18.5523 16.5523 19 16 19H13M7 19C7.55228 19 8 18.5523 8 18V14C8 13.4477 8.44772 13 9 13H11C11.5523 13 12 13.4477 12 14V18C12 18.5523 12.4477 19 13 19M7 19H13" stroke="%23111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  display: inline-block;
}
.client-details .icon-phone:after {
  content: url('data: image/svg+xml, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 5C3 3.89543 3.89543 3 5 3H8.27924C8.70967 3 9.09181 3.27543 9.22792 3.68377L10.7257 8.17721C10.8831 8.64932 10.6694 9.16531 10.2243 9.38787L7.96701 10.5165C9.06925 12.9612 11.0388 14.9308 13.4835 16.033L14.6121 13.7757C14.8347 13.3306 15.3507 13.1169 15.8228 13.2743L20.3162 14.7721C20.7246 14.9082 21 15.2903 21 15.7208V19C21 20.1046 20.1046 21 19 21H18C9.71573 21 3 14.2843 3 6V5Z" stroke="%23111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  display: inline-block;
}
.client-details .icon-mobile:after {
  content: url('data:image/svg+xml, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 18H12.01M8 21H16C17.1046 21 18 20.1046 18 19V5C18 3.89543 17.1046 3 16 3H8C6.89543 3 6 3.89543 6 5V19C6 20.1046 6.89543 21 8 21Z" stroke="%23111827" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  display: inline-block;
}
.client-details:after {
  content: url('data:image/svg+xml, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.2677 3.73223L20.9748 3.02513V3.02513L20.2677 3.73223ZM6.5 21.0355V22.0355C6.76522 22.0355 7.01957 21.9301 7.20711 21.7426L6.5 21.0355ZM3 21.0355H2C2 21.5878 2.44772 22.0355 3 22.0355V21.0355ZM3 17.4644L2.29289 16.7573C2.10536 16.9448 2 17.1992 2 17.4644H3ZM17.4393 4.43934C18.0251 3.85355 18.9748 3.85355 19.5606 4.43934L20.9748 3.02513C19.608 1.65829 17.3919 1.65829 16.0251 3.02513L17.4393 4.43934ZM19.5606 4.43934C20.1464 5.02513 20.1464 5.97487 19.5606 6.56066L20.9748 7.97487C22.3417 6.60804 22.3417 4.39196 20.9748 3.02513L19.5606 4.43934ZM19.5606 6.56066L5.79289 20.3284L7.20711 21.7426L20.9748 7.97487L19.5606 6.56066ZM6.5 20.0355H3V22.0355H6.5V20.0355ZM16.0251 3.02513L2.29289 16.7573L3.70711 18.1715L17.4393 4.43934L16.0251 3.02513ZM2 17.4644V21.0355H4V17.4644H2ZM14.5251 5.93934L18.0606 9.47487L19.4748 8.06066L15.9393 4.52513L14.5251 5.93934Z" fill="#111827"/></svg>');
  display: inline-block;
}

.client-details th {
  position: relative;
  padding-right: 8px;
  padding-left: 8px;
}

#calender_root {
  margin-left: 16px;
  background: #f1f5f9;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

div.calendar div.row-cells {
  border-bottom: var(--calendar-js-spacing-border-size) solid #d6d3d1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-weight: 300;
  background-color: #fff;
  color: #12100e;
  width: 100%;
}
div.calendar div.row-cells.cell:hover {
  background-color: #fefce8;
}
div.calendar div.weekend-day {
  background-color: #fefce8;
}
div.calendar .ib-hamburger:nth-child(1), div.calendar div.ib-pin, div.calendar div.ib-arrow-right-full-line {
  display: none;
}
div.calendar div.full-month-view div.title-bar {
  font-weight: var(--calendar-js-title-bar-font-weight);
  background-color: #c30b29;
  color: #f8fafc;
  text-align: center;
  padding-top: var(--calendar-js-spacing);
  padding-bottom: var(--calendar-js-spacing);
  padding-left: calc(var(--calendar-js-spacing)/ 2);
  padding-right: calc(var(--calendar-js-spacing)/ 2);
  position: relative;
}
div.calendar div.full-month-view div.title-bar div.title-container span.year-dropdown-button {
  white-space: nowrap;
  overflow: hidden;
  padding: 3px 6px;
  border-radius: var(--calendar-js-border-radius);
  color: #0f172a;
  background-color: #f8fafc;
  border: var(--calendar-js-spacing-border-size) solid var(--calendar-js-dark-lighter-color);
  font-weight: 500;
  transition: var(--calendar-js-transition);
  transition-property: opacity;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  box-sizing: border-box;
}

html, body {
  background-color: #f3f4f6;
  margin: 0px;
}

a {
  color: #12100e;
}

h1 {
  margin: 16px 0px 8px 0px;
}

h2, h3 {
  margin: 16px 0px 8px 0px;
}

header {
  background-color: #fff;
  border-bottom: 1px solid #d1d5db;
  padding-bottom: 8px;
  display: table;
  width: -webkit-fill-available;
  width: -moz-available;
}
header .logo {
  text-decoration: none;
  display: table-cell;
  vertical-align: middle;
}
header nav ul li {
  display: table-cell;
  vertical-align: middle;
  margin-left: 2rem;
}
header nav ul li a {
  padding: 8px;
}
header nav ul li a:hover {
  background-color: #f3f4f6;
}

main {
  width: auto;
  max-width: 960px;
  margin: 0 auto;
}
main > article {
  margin-top: 16px;
  background-color: #fff;
  padding: 4px 16px;
  margin-bottom: 64px;
}

.alert {
  width: 100%;
  text-align: center;
}
.alert .alert-danger {
  border: 2px solid red;
  padding: 8px;
  background-color: #ffdfdf;
}

table {
  border: none;
  border-collapse: collapse;
  padding: 4px;
  width: unset;
  box-shadow: 4px 4px 17px -10px #a8a29e;
}
@media (max-width: 540px) {
  table {
    width: 100%;
  }
  table thead {
    display: none;
  }
  table tr, table td {
    display: block;
    width: 100%;
  }
  table tr {
    margin-bottom: 1rem;
  }
}
table tr.disabled {
  background: grey;
  display: none;
}
table tr.odd:hover {
  background-color: #e5e7eb;
}
table tr.even:hover {
  background-color: #d1d5db;
}
table .even {
  background-color: #f3f4f6;
}
table thead tr th {
  background-color: #e5e7eb;
  border-bottom: 1px solid #111827;
  padding: 8px;
}
table td {
  padding: 8px;
}
table .time {
  white-space: nowrap;
}

/*# sourceMappingURL=app.css-wRXCNKk.map */