html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 0;
}

.field-truncate {
  max-width: 150px;
  display: inline-block;
}

span.input-group-text {
  min-width: 32px;
}

.content-fa {
  direction: rtl;
}

.content-en {
  direction: ltr;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.content-multiline {
  white-space: pre-line;
}

.text-justify {
  text-align: justify;
}

.btn-upload {}

.file-validation {}

.content-num-fa {}

.btn-upload {
}

.hidden-file-input-upload {}

.hidden-file-btn-upload {}

.img-upload {
}

.img-upload:hover + .btn-img-upload {
  display: block;
}

.btn-img-upload {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  display: none;
}

.btn-img-upload:hover {
  display: block;
}

.btn-img-upload:after {
  content: "\f083";
  font-family: 'Font Awesome 6 Pro', serif;
  color: #757575;
  text-align: center;
  font-size: xx-large;
}

.btn-delete {
}

#language-form {
  .btn-link {
      color: var(--bs-gray-400);
  }

  .btn-link:hover, .btn-link.active {
      color: var(--bs-primary) !important;
      background-color: transparent !important;
      font-weight: bold;
  }
}

/* ARK styles
-------------------------------------------------- */

.ark {
  max-height: 25px;
}