/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

@font-face {
  font-family: 'NotoSansLao';
  src: url("/fonts/NotoSansLao-Regular.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSansLao';
  src: url("/fonts/NotoSansLao-Bold.ttf") format('truetype');
  font-weight: bold;
  font-style: bold;
}

body {
  font-family: "NotoSansLao", "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial !important;
}

.float-right {
  float: right;
}

.fixed-content-header {
  box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 0px inset;
  width: 100%;
  position: fixed;
  right: 0px;
  top: 55px;
  padding: 15px;
  background-color: white;
}

label.required-field::after {
  content: " *";
  color: red;
  font-size: 0.85rem;
  font-weight: bold;
}

label {
  color: grey;
  font-size: 14px;
}

.btn-status-unread,
.btn-status-draft {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-status-viewed,
.btn-status-processing {
  --bs-btn-color: #856404;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}

.btn-gender-male,
.btn-status-enabled,
.btn-status-completed,
.btn-status-replied,
.btn-status-published,
.btn-movement_type-movement_in
{
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25, 135, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}

.btn-gender-female,
.btn-status-disabled,
.btn-status-cancelled,
.btn-status-closed,
.btn-status-unpublished,
.btn-movement_type-movement_out
{
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}

.bg-construction_period_unit-months,
.bg-period-months,
.bg-contract_amount_currency-usd,
.bg-currency-usd {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-construction_period_unit-days,
.bg-period-days,
.bg-contract_amount_currency-thb,
.bg-currency-thb,
.bg-status-unread,
.bg-status-draft {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-construction_period_unit-weeks,
.bg-period-weeks,
.bg-contract_amount_currency-lak,
.bg-currency-lak,
.bg-status-viewed,
.bg-status-processing {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-construction_period_unit-years,
.bg-period-years {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-status-enabled,
.bg-gender-male,
.bg-status-completed,
.bg-status-replied,
.bg-status-published,
.bg-movement_type-movement_in,
.bg-toggle-true
{
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-status-disabled,
.bg-status-closed,
.bg-gender-female,
.bg-status-cancelled,
.bg-status-unpublished,
.bg-movement_type-movement_out,
.bg-toggle-false
{
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.responsive-image-height {
  height: 150px;

  @media (min-width: 768px) {
    height: 200px;
  }

  @media (min-width: 992px) {
    height: 300px;
  }
}