body {
  font-family: var(--smcw-font-text);
  background-color: var(--smcw-color-body);
  margin: 0px;
  width: 100vw;
  height: 100vh;

  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

svg {
  cursor: pointer;
}

button:focus {
  text-decoration: none;
  border: none;
  box-shadow: none;
  outline: none;
}

table,
table thead {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.9rem;
}

td,
th {
  cursor: pointer;
  font-size: 14px;
}

tr {
  background-color: transparent !important;
  font-size: 0.8rem;
}

input {
  background-color: transparent;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

input[type='search'] {
  border-width: 0px;
  border-style: none;
  border-image: none;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
  background-color: var(--smcw-color-scrollbar-track);
}

::-webkit-scrollbar-thumb {
  background-color: var(--smcw-color-scrollbar-thumb);
}

.modal ::-webkit-scrollbar-thumb,
.popover ::-webkit-scrollbar-thumb {
  background-color: var(--smcw-color-scrollbar-thumb);
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

select {
  color: var(--smcw-color-select-text-color);
  background: var(--smcw-color-select-color);
  border: none;
}

option {
  color: var(--smcw-color-select-text-color);
  background: var(--smcw-color-popup-background);
  border: none;
}

#date-select > option {
  background: var(--smcw-color-body) !important;
}

input,
select,
option {
  padding-left: 5px;
}