/* EC Colors */
:root {
		--ec-blue: #004494;
		--ec-yellow: #ffd617;
		--ec-grey: #404040;
		--ec-blue-110: #003776;
		--ec-blue-25: #e3e9f3;
		--ec-blue-5: #f5f7fa;
}

/* EC Typography System */
:root {
		--font-ec: 'Arial', system-ui, -apple-system, sans-serif;
}

html {
		font-family: var(--font-ec);
		font-size: 16px;
		line-height: 1.5;
		color: var(--ec-grey);
}

/* Typography classes remain the same */
.ec-heading-1 {
		font-size: 2.2rem;
		max-width: 800px;
		margin-left: 10px;
}


.ec-heading-2 {
		font-size: 1.5rem;
		line-height: 1.25;
		font-weight: 600;
		color: var(--ec-blue);
		font-family: 'Arial', system-ui, -apple-system, sans-serif ! important;
}

.ec-heading-3 {
		font-size: 1.5rem;
		line-height: 1.3;
		font-weight: 600;
}

.ec-heading-4 {
		font-size: 1rem;
		line-height: 1.4;
		font-weight: 600;
}

.ec-paragraph-l {
		font-size: 1.125rem;
		line-height: 1.5;
}

.ec-paragraph-m {
		font-size: 1rem;
		line-height: 1.5;
}

.ec-paragraph-s {
		font-size: 0.875rem;
		line-height: 1.5;
}

/* EC Button Styles */
.ec-button {
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		padding: 0.5rem 1rem;
		font-size: 1rem;
		font-weight: 600;
		border-radius: 0.25rem;
		transition: all 0.2s;
		text-decoration: none;
}

.ec-button-secondary {
		background-color: #fff;
		color: var(--ec-blue);
		border: 2px solid var(--ec-blue);
		font-family: 'Arial', system-ui, -apple-system, sans-serif ! important;
}

.ec-button-secondary:hover {
		background-color: var(--ec-blue-5);
		border-color: var(--ec-blue-110);
		color: var(--ec-blue-110);
}

/* Card and accordion styles */
.info-card {
		background-color: #fff;
		border: 1px solid var(--ec-blue-25);
		border-radius: 0.5rem;
		padding: 1.5rem;
		transition: border-color 0.2s;
}

.info-card:hover {
		border-color: var(--ec-blue);
}

.accordion-content {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease-out;
}

.accordion-content.open {
		max-height: 1000px;
		transition: max-height 0.5s ease-in;
}

.accordion-icon {
		transition: transform 0.3s ease;
		color: var(--ec-blue);
}

.accordion-icon.open {
		transform: rotate(180deg);
}
#printIcon {
      cursor: pointer;
    }
.print-icon {
  width: 24px;
  height: 24px;
  color: #333;
  transition: opacity 0.2s;
}

.print-icon:hover {
  cursor: pointer; 
  opacity: 0.7;    
}

@media print {
  .print-icon {
	display: none;
  }
}
#custom-overlayDetails, .modal__overlay, .lui-dialog-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9090;
  background-color: white;
  //color:white;*/
}

.modal__overlayDetails {
  display: none;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  top: 10%;
  z-index: 909090;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #004494;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #004494 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}