.asc:after {
  content: " \2193";
}
.desc:after {
  content: " \2191";
}

.preload-menu {
  display: none;
  width: 20px;
}

.required > label {
    font-weight: bold;
}
.required > label:after {
  content: ' *';
  color: #C3232D;
}

.paidCell {
  border-left: 5px solid green;
}

.overdueCell {
  border-left: 5px solid red;
}

.unpaidCell {
  border-left: 5px solid yellow;
}

.form-row {
  padding-top: 10px;
}

.exportChecks {
  display: none;
  text-align: center;
}

.exportButtons {
  display: none;
}

.md-24 {
  font-size: 36px;
}

.md-48 {
  font-size: 48px;
}

table.dataTable thead th, table.dataTable thead td {
  padding: 10px 10px;
}

@media (min-width: 768px) {
  .table-min-column {
    min-width: 150px;
  }
  .modal-xl {
    width: 90%;
    max-width:1200px;
  }
}

.plain {
  white-space: nowrap;
}

div.error-message {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  color: #dc3545;
}

.form-error {
  border-color: red;
}

.invoice-line-total {
  position: relative;
  top: 15px;
  font-weight: bold;
}

.invoice-sum-total {
  font-size: large;
  font-weight: bolder;
  float: right;
}

.titleAddButton {
  margin-bottom: 5px;
}

.tag {
  font-size: small;
  padding: 5px;
  border-radius: 15px;
  margin: 3px;
}

.cf-tooltip {
  cursor: pointer;
  color: #17a2b8;
}

.toggle-group .btn {
  line-height: 12.5px;
}

.input.checkbox label {
  padding-left: 20px;
}

.notificationTitle {
  padding-left: 25px;
}

.notificationIcon {
  top: 0px !important;
}

.ui-pnotify-text {
  margin-left: 50px !important; 
}
.spinner {
  animation: spin-animation 0.5s infinite;
  display: inline-block;
}

@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

.accordion .card-header .collapse-icon:before {
  content: '\F13F';
  font: normal normal normal 18px/1 "Material Design Icons";
}

.accordion .card-header .collapsed .collapse-icon:before {
  content: '\F13C';
  font: normal normal normal 18px/1 "Material Design Icons";
}

.stat-graph {
  max-width: 33% !important;
}

.pnotify-text-with-max-height {
  padding-left: 14px !important;
}

.airbankIcon {
  background-image: url("../img/banks/air_small.png");
  width: 100px;
  height: 68px;
}

a:not(.btn) {
  text-decoration: none !important;
}
a:not(.btn):hover {
  text-decoration: underline !important;
}

.inputIcon {
  margin-bottom: 14px !important;
  align-content: center;
  display: grid;
  align-items: center;
  justify-content: center;
  justify-items: center;
}

.custom-tooltip {
  --bs-tooltip-bg: var(--bs-primary);
}

.bootstrap-tagsinput {
  height: 60px;
}

.bootstrap-tagsinput input {
  position: relative;
  top: 20px;
}

.tags-input-tag {
  position: relative;
  top: 20px;
}

.alert-icon {
  display: grid;
  position: relative;
  float: left;
  height: 100%;
  text-align: justify;
  vertical-align: middle;
  align-content: center;
  padding-right: 10px;
}

.dropdown-menu.show:not(.relative) {
  position: fixed !important;
}

.form-floating .select2-container .select2-selection {
  height: calc(3.5rem + 30px);
  padding: 1.5rem 0rem;
}

.form-floating .select2-container .select2-selection>.select2-selection__rendered {
  margin-top: 0.6rem;
  margin-left: 0.25rem;
}

#toast-container > div {
  opacity: unset;
}

.toast-title {
  font-size: large;
}

.toast-message {
  font-size: initial;
  padding-top: 15px;
}

#toast-container > div {
  padding: 10px 20px 15px 65px;
  width: 450px;
}

.toast-top-right {
  width: 450px;
}

.toast-info {
  background-color: #9ec5fe;
}

.toast-success {
  background-color: #a3cfbb;
}

.toast-error {
  background-color: #f1aeb5;
}