/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
:root {
  --x13-priority-bg-low: rgba(107, 115, 136, .10);
  --x13-priority-text-low: #6b7388;
  --x13-priority-bg-normal: rgba(41, 178, 255, .14);
  --x13-priority-text-normal: #0989d4;
  --x13-priority-bg-high: rgba(255, 76, 76, .14);
  --x13-priority-text-high: #b91c1c;
  --x13-priority-bg-urgent: rgba(255, 154, 82, .15);
  --x13-priority-text-urgent: #b84400;

  --x13-status-bg-new: rgba(34, 197, 94, .12);
  --x13-status-text-new: #15803d;
  --x13status-bg-closed: rgba(107, 115, 136, .14);
  --x13status-text-closed: #3d4257;
  --x13status-bg-pending: rgba(245, 158, 11, .15);
  --x13status-text-pending: #b45309;
  --x13status-bg-open: rgba(255, 154, 82, .15);
  --x13status-text-open: #b84400;
  --x13status-bg-solved: rgba(41, 178, 255, .14);
  --x13status-text-solved: #0989d4;

  /* Module */
--x13module-border-expired: rgb(239, 68, 68);
--x13module-text-expired: rgb(185, 28, 28);
--x13module-bg-expired: rgb(253, 233, 233);

--x13module-border-warning: rgb(234, 179, 8);
--x13module-text-warning: rgb(133, 77, 14);
--x13module-bg-warning: rgb(252, 246, 225);

--x13module-border-valid: rgb(34, 197, 94);
--x13module-bg-valid: rgb(228, 248, 236);

--x13module-border-lifetime: rgb(69, 89, 255);
--x13module-bg-lifetime: rgb(233, 235, 255);

--x13module-border-demo: rgb(139, 92, 246);
--x13module-bg-demo: rgb(241, 235, 254);
--x13module-text-demo: rgb(109, 40, 217);
}

.x13-module--expired {
  --x13module-border: var(--x13module-border-expired);
  --x13module-bg: var(--x13module-bg-expired);
  --x13module-text: var(--x13module-text-expired);
}

.x13-module--warning {
  --x13module-border: var(--x13module-border-warning);
  --x13module-bg: var(--x13module-bg-warning);
  --x13module-text: var(--x13module-text-warning);
}

.x13-module--valid {
  --x13module-border: var(--x13module-border-valid);
  --x13module-bg: var(--x13module-bg-valid);
}

.x13-module--lifetime {
  --x13module-border: var(--x13module-border-lifetime);
  --x13module-bg: var(--x13module-bg-lifetime);
}

.x13-module--demo {
  --x13module-border: var(--x13module-border-demo);
  --x13module-bg: var(--x13module-bg-demo);
  --x13module-text: var(--x13module-text-demo);
}

.x13-label-pack {
  margin-top: 20px;
  background-color: rgba(109,40,217, 0.12);
  color: #6D28D9;
}

.x13-support-priority,
.x13-support-status {
  background-color: #999999;
}

.x13-support-priority-low {
  background: var(--x13-priority-bg-low);
  color: var(--x13-priority-text-low) !important;
}

.x13-support-priority-normal {
  background: var(--x13-priority-bg-normal);
  color: var(--x13-priority-text-normal) !important;
}

.x13-support-priority-urgent {
  background: var(--x13-priority-bg-urgent);
  color: var(--x13-priority-text-urgent) !important;
}

.x13-support-priority-high {
  background: var(--x13-priority-bg-high);
  color: var(--x13-priority-text-high) !important;
}

.x13-support-card-status-new {
  --status-color: #22c55e;
}

.x13-support-status-new {
  background: var(--x13-status-bg-new);
  color: var(--x13-status-text-new) !important;
}

.x13-support-card-status-pending {
  --status-color: #f59e0b;
}

.x13-support-status-pending {
  background: var(--x13status-bg-pending);
  color: var(--x13status-text-pending) !important;
}

.x13-support-card-status-open {
  --status-color: #ff9a52;
}

.x13-support-status-open {
  background: var(--x13status-bg-open);
  color: var(--x13status-text-open) !important;
}

.x13-support-card-status-closed {
  --status-color: #6b7388;
}

.x13-support-status-closed {
  background: var(--x13status-bg-closed);
  color: var(--x13status-text-closed) !important;
}

.x13-support-card-status-solved {
  --status-color: #29b2ff;
}

.x13-support-status-solved,
.x13-support-domain {
  background: var(--x13status-bg-solved);
  color: var(--x13status-text-solved) !important;
}

.x13-support-domain::before {
  font-size: 16px;
  content: "\e894";
}

.prestashop-php-version thead th,
.prestashop-php-version thead td {
  color: #fff;
  backdrop-filter: none;
  background: #000f42;
}

.prestashop-php-version th,
.prestashop-php-version td {
  border: 0;
  font-weight: 600;
  border-bottom: 1px solid #fff !important;
}

.prestashop-php-version tbody td {
  background: #f7f8fd;
}

.prestashop-php-version tbody tr:last-child td {
  border-bottom: 0 !important;
}

.legend-php-support.php-support-yes,
.prestashop-php-version .php-support-yes {
  background-color: #8ce48c;
}

.legend-php-support .material-icons,
.prestashop-php-version .php-support-yes .material-icons {
  font-size: 20px;
  font-weight: 600;
}

.legend-php-support.php-support-no,
.prestashop-php-version .php-support-no {
  background-color: #e89b9b;
}

.prestashop-php-version .php-support-yes span,
.prestashop-php-version .php-support-no span {
  display: none;
}

.prestashop-php-version tr th:first-child,
.prestashop-php-version tr td:first-child {
  width: 1%;
}

.prestashop-php-version tr th:nth-child(n + 2),
.prestashop-php-version tr td:nth-child(n + 2) {
  text-align: center;
}

.legend-php-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 15px;
}

.legend-php-list strong {
  flex: 0 0 100%;
  max-width: 100%;
}

.legend-php-list br {
  display: none;
}

.legend-php-support {
  margin-right: -10px;
  display: inline-grid;
  place-items: center;
  width: 20px;
  height: 20px;
}

.x13-address-text {
  margin-top: 1rem;
  font-size: .9375rem;
  border-radius: 15px;
  padding: .75rem 1.25rem;
  background-color: #d1ecf1;
  border: 1px solid #bee5eb;
  color: #0c5460;
}