body, td, button {
  font-family:arial,sans-serif;
}

/*.Wt-cal select {color: black;}

.Wt-btn {
  margin-left: 3px;
  margin-right: 3px;
  padding-left: 3px;
  padding-right:3px;
  font-size: 16px;
}

.Wt-btn-large {
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 5px;
  padding-right :5px;
  height:40px;
  width:200px;
  font-size: 25px;
  font-weight: bold;
}*/

.label {
  font-weight: bold;
  font-size: smaller;
  margin-left: 5px;
  margin-right: 5px;
}

.option {
  cursor: pointer; cursor: hand;
  color: blue;
  font-size: smaller;
  text-decoration: underline;
}

.sep {
  padding: 5px;
}

button.default {
  font-weight: bold
}

.lighter {
  background-color: #e0ecff;
}

.lighterblock {
  background-color: #e0ecff;
  display:block;
}
.infobox {
  background-color: #ffffff;
}

.hilightColor, .form-control.hilightColor {
  background-color: #D2E4FF;
  color: #212529;
}

.normalColor {
  background-color: white;
}

.cyan {
  cursor: pointer; cursor: pointer;
  background-color: #D2E4FF
}

.redwarning {
  background-color: #d54239;
  color: white;
}

.yellowwarning {
  background-color: #DAAE0C;
  color: white;
}

.greenwarning {
  background-color: #3C7152;
  color: white;
}

.yellow {
  background-color: #FFF1BB
}

.blue {
  background-color: blue;
}

.white {
  background-color: white;
}

.gray {
  background-color: #eaeaec;
}

.bg-gray {
  background-color: #eaeaec;
}

.detksg {
  background-color: #eaeaec;
}

.detisi, .form-control.detisi {
  background-color: #f2bfbf;
}


.detisihilight {
  background-color: #55c1ff;
}

.box1 {
  background-color: #f2bfbf;
}

.box2 {
  background-color: #fae4cd;
}

.box3 {
  background-color: #ffdda5;
}

.form-control.box4 { /* hilight detisi */
  /*background-color: #abdda5;*/
  background-color: #55c1ff;
}

.box5 {
  background-color: #abdda5;
}

.box6 {
  background-color: #1ded37;
}

.box7 {
  background-color: #cd8fa5;
}

.message {
  background-color: #41cccd;
  font-size: 20px;
}

.darker {
  background-color: #F9F9F9;/*#C3D9FF;*/
}

.status {
  font-size: smaller;
}

.error {
  color: red;
  font-size: bigger;
}

.remove {
  cursor: pointer; cursor: hand;
  color: blue;
  font-size: x-small;
  text-decoration: underline;
}

.feedback div {
  margin: 10px;
}

::placeholder { text-transform: none; font-size: var(--bs-body-font-size) }
.allcaps { text-transform: uppercase; }
.allwordcaps { text-transform: capitalize; }

.right {
  text-align:right;
}

.big,
.form-control.big {
  font-size:xx-large;
}

.topmsg {
  font-size: 22px;
}

.medium,
.form-control.medium {
  font-size: 22px;
}

.smallmedium {
  font-size: 17px;
}

.small {
  font-size: 12px;
}

.Topbox {
  height: 50px;
}

.pad {
  padding-top: 10px;
  padding-bottom: 10px;
}
img {
  max-width: 100% !important;
}

.chat-input {
  position:absolute;
  bottom:0;
  margin: .5em auto;
  width: inherit;
  padding: 0 .5em;
  display: flex;
}

.chat-input > textarea {
  flex: 2 0 auto;
  height: 8rem;
  resize: none;
}

.chat-input > button {
  flex: 0 0 5rem;
}

.form-control.Wt-suggest-dropdown.search:focus, input.Wt-suggest-dropdown.search:focus {
    background-color: #fae4cd;
}

.view-more { margin-top: 1em; }
.view-more >a, .view-more >span { margin-right: .3em; -font-size: 2em;}
.sedikit {
  display: -webkit-box;
#  -webkit-line-clamp: 8;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
  max-height: 10em;
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
}

.horizontal-container {
	display: flex;
	gap:10px; /* space between buttons */
}

.horizontal-container > * {
    flex: 0 0 auto /* Prevent buttons from stretching */
}