html { height: 100%; width: 100%; }
body { height: 100%; width: 100%; margin: 0px; font-size: 16px; direction: rtl; }
table { background-color: rgb(0, 0, 0); border-collapse: separate; border-spacing: 1px; }
tr { }
td { background-color: rgb(255, 255, 255); font-size: 12px; font-family: Arial; vertical-align: top; }
td + td { }
td + td + td { width: 450px; word-break: break-word; font-size: 16px; }
span { height: 20px; width: 100px; display: block; overflow-x: hidden; text-overflow: clip; word-break: keep-all; white-space: nowrap; }
span.s2 { width: 100px; }
.overFolw { overflow-x: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: normal; }
.דיירים { background-color: rgb(189, 255, 190); }
.בעלים { background-color: rgb(173, 235, 255); }
.קבלן { background-color: rgb(255, 168, 168); }
.מפקח_מטעם_בעלים { background-color: rgb(249, 204, 255); }
.mark { background-color: rgb(255, 255, 0); }
.chk { background-color: rgb(255, 255, 0); }
div { position: fixed; top: 1px; right: 660px; border: 2px double rgb(0, 0, 0); background-color: rgb(255, 255, 255); }
textarea { height: 180px; width: 140px; }
br + button { margin-inline: auto; display: block; }
hr + button { float: right; }
button + button { float: left; }
[onclick] { cursor: pointer; }
:disabled { cursor: not-allowed; }
i-mark { background-color: rgb(255, 0, 0); display: inline; color: rgb(255, 255, 255); }
@media screen and (max-width: 840px) {
  body { scrollbar-width: none; }
  td { font-size: 10px; }
  td + td + td { font-size: 14px; width: 288px; }
  div { right: 497px; }
}
@media screen and (max-width: 660px) {
  td + td + td { width: 200px; }
  span { width: 27px; }
  span.s2 { width: 80px; }
  div { right: 316px; }
}
@media screen and (max-width: 480px) {
  div { right: 1px; }
  textarea { height: 133px; width: 100px; font-size: 12px; }
}