.dataviewer-th {
  cursor: pointer;
}

.vs__selected-options input {
  min-height: 28px;
}

.v-select .vs__dropdown-toggle .vs__open-indicator {
  margin-top: 2px;
}

a.editable-link {
  border-bottom-style: dotted;
  text-decoration: none;
}

a.link-expand {
  cursor: pointer;
}

.widget-all-checkbox {
  margin-left: 2px;
}

.all-checkbox {
  margin-top: 10px;
}

.table td.data-group {
  vertical-align: middle;
}

.table-responsive .table > :not(:first-child) {
  border-top: 1px;
}

.table-responsive td p strong {
  font-weight: bold;
}

tr.expense-header th {
  text-align: center;
}

.label-center {
  margin-top: 8px;
}

.bottom-div {
  padding-top: 10px;
}

@media (max-width: 1024px) {
  .logo {
    display: none;
  }
}
.login-register {
  background-color: white;
}

.login-logo {
  height: 80%;
  width: 80%;
  margin: 0 10%;
}

@supports (-ms-ime-align: auto) {
  .login-logo {
    height: 25%;
  }
}
@-moz-document url-prefix() {
  .login-logo {
    height: 25%;
  }
}
.login-box .form-horizontal {
  width: 100%;
}

.bottom-logo {
  width: 80%;
  height: 60%;
}

.btn-group a.link-toggle {
  cursor: pointer;
  color: f95c2e;
}

#root .btn-primary {
  --bs-btn-active-bg: #d00679;
}

#root .btn-info {
  --bs-btn-active-color: white;
  --bs-btn-active-bg: #35baf5;
}

#root .btn-warning {
  --bs-btn-active-color: white;
  --bs-btn-active-bg: #fecd39;
}

.list-group-item .action-icons {
  margin-left: 30px;
}

h4.text-themecolor {
  font-weight: bold;
}

.login-action {
  padding: 10px 20px;
}

.text-hypen {
  margin-top: 8px;
  font-size: 14pt;
}

.line-row {
  padding-bottom: 30px;
}

.multiselect__element .multiselect__option--highlight,
.multiselect__element .multiselect__option--highlight:after {
  background: #007bff;
}

.multiselect, .multiselect__input, .multiselect__single {
  font-size: 14px !important;
}

.multiselect__tags-wrap .multiselect__tag {
  background: #007bff;
}

.multiselect__tag .multiselect__tag-icon:hover {
  background-color: #e46a76;
}

.has-danger .multiselect__tags,
.has-danger .tox-tinymce {
  border-color: #e46a76;
}

.report-div {
  min-height: 550px;
}

@media (max-width: 767px) {
  .report-div {
    min-height: 700px;
  }
}
.description-item strong {
  font-weight: bold;
}

.tooltip {
  display: block !important;
  z-index: 10000;
}

.tooltip .tooltip-inner {
  background: black;
  color: white;
  border-radius: 16px;
  padding: 5px 10px 4px;
}

.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: black;
  z-index: 1;
}

.tooltip[x-placement^=top] {
  margin-bottom: 5px;
}

.tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^=bottom] {
  margin-top: 5px;
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^=right] {
  margin-left: 5px;
}

.tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip[x-placement^=left] {
  margin-right: 5px;
}

.tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip.popover .popover-inner {
  background: #f9f9f9;
  color: black;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}

.tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}

.tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}

.tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}

.above-tab-buttons-group {
  margin-bottom: 5px;
}

td .xmx-datepicker {
  width: 100%;
}

.xmx-input-wrapper .xmx-input {
  font-size: 0.875rem;
  min-height: 38px;
}

.has-danger .xmx-input,
.has-danger .xmx-input:hover,
.has-danger .xmx-input:focus {
  border-color: #e46a76;
}

.message-box .message-widget a .mail-content .notify-text {
  font-size: 14px;
  margin: 1px 0;
  color: #212529;
}