@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");
:root {
--epw-primary: #004e97;
--epw-bg: #ffffff;
--epw-border: #c8ddf0;
}
.epw-rates,
.epw-rates button,
.epw-rates input,
.epw-rates select,
.epw-rates table {
font-family: "Poppins", sans-serif;
}
.epw-kmk-latest-title {
font-family: "Poppins", sans-serif;
color: #042a4e;
font-size: 24px;
line-height: 28px;
font-weight: 500;
margin: 0 0 12px;
}
.epw-rates {
border: 1px solid var(--epw-border);
padding: 16px;
margin: 16px 0;
background: #ffffff;
border-radius: 6px;
}
.epw-rates-header {
font-weight: 700;
margin: -16px -16px 12px;
padding: 10px 16px;
background: var(--epw-primary) !important;
color: #ffffff !important;
border-radius: 6px 6px 0 0;
}
.epw-rates-controls {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
margin-bottom: 10px;
}
.epw-rates-controls label {
font-weight: 600;
color: var(--epw-primary);
}
.epw-rates-controls input,
.epw-rates-controls select {
padding: 6px 8px;
border: 1px solid var(--epw-border);
border-radius: 4px;
background: #ffffff;
}
.epw-rates-controls button,
.epw-button {
padding: 7px 12px;
cursor: pointer;
background: var(--epw-primary) !important;
color: #ffffff !important;
border: none;
border-radius: 4px;
display: inline-block;
text-decoration: none;
transition: background 0.2s ease, opacity 0.2s ease;
}
.epw-rates-controls button:hover,
.epw-button:hover {
background: #003b72 !important;
}
.epw-rates-controls .epw-download {
margin-left: auto;
}
.epw-rates-meta,
.epw-last-update-text {
margin-bottom: 8px;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
color: #49535d;
}
.epw-table {
width: 100%;
border-collapse: collapse;
background: #ffffff !important;
}
.epw-rates-table,
.epw-kurs-table {
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.epw-rates-table .epw-table,
.epw-kurs-table .epw-table {
min-width: 640px;
}
.epw-table th,
.epw-table td {
border: 1px solid var(--epw-border) !important;
padding: 8px;
text-align: center;
background: #ffffff !important;
}
.epw-table th {
background: var(--epw-primary) !important;
color: #ffffff !important;
}
.epw-rates-error {
color: #b32d2e;
margin-top: 8px;
font-weight: 600;
}
.epw-kmk-filters {
display: grid;
grid-template-columns: minmax(220px, 28%) minmax(180px, 28%) minmax(160px, 28%) minmax(120px, 1fr);
gap: 12px;
margin-bottom: 12px;
width: 100%;
}
.epw-kmk-field label {
display: block;
margin-bottom: 4px;
font-weight: 600;
color: var(--epw-primary);
}
.epw-kmk-field input,
.epw-kmk-field select {
width: 100%;
}
.epw-kmk-actions {
display: flex;
align-items: flex-end;
}
.epw-kmk-actions .epw-button {
width: 100%;
}
.ui-datepicker {
background: #ffffff;
border: 1px solid var(--epw-border);
border-radius: 4px;
padding: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
font-size: 14px;
}
.ui-datepicker-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 6px;
font-weight: 600;
color: var(--epw-primary);
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
text-align: center;
padding: 2px;
}
.ui-datepicker-calendar a {
display: inline-block;
min-width: 24px;
padding: 4px;
border-radius: 3px;
text-decoration: none;
color: #111111;
}
.ui-datepicker-today a {
background: var(--epw-primary);
color: #ffffff;
}
@media (max-width: 600px) {
.epw-rates-controls {
flex-direction: column;
align-items: flex-start;
}
.epw-rates-controls .epw-download {
margin-left: 0;
}
.epw-kmk-filters {
grid-template-columns: 1fr;
}
.epw-rates-meta,
.epw-last-update-text {
font-size: 12px;
}
.epw-kmk-latest-title {
font-size: 18px;
line-height: 22px;
text-align: center;
}
.epw-rates-table .epw-table,
.epw-kurs-table .epw-table {
min-width: 560px;
}
}
@media (min-width: 601px) and (max-width: 1024px) {
.epw-kmk-latest-title {
font-size: 20px;
line-height: 24px;
}
}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");
:root {
--epw-kp-primary: #004e97;
--epw-kp-border: #c8ddf0;
--epw-kp-bg: #ffffff;
--epw-kp-text: #28313a;
--epw-kp-muted: #5b6577;
--epw-kp-up: #157347;
--epw-kp-down: #b42318;
}
.epw-kp,
.epw-kp button,
.epw-kp input,
.epw-kp table {
font-family: "Poppins", sans-serif;
}
.epw-kmk-latest-title {
font-family: "Poppins", sans-serif;
color: #042a4e;
font-size: 24px;
line-height: 28px;
font-weight: 500;
margin: 0 0 12px;
}
.epw-kp {
border: 1px solid var(--epw-kp-border);
padding: 16px;
margin: 16px 0;
background: var(--epw-kp-bg);
border-radius: 6px;
}
.epw-kp-header {
font-weight: 700;
margin: -16px -16px 12px;
padding: 10px 16px;
background: var(--epw-kp-primary);
color: #ffffff;
border-radius: 6px 6px 0 0;
}
.epw-kp-controls {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
margin-bottom: 10px;
}
.epw-kp-controls label {
font-weight: 600;
color: var(--epw-kp-primary);
}
.epw-kp-controls input {
padding: 6px 8px;
border: 1px solid var(--epw-kp-border);
border-radius: 4px;
background: #ffffff;
min-width: 160px;
}
.epw-kp-button,
.epw-kp-controls button {
padding: 7px 12px;
cursor: pointer;
background: var(--epw-kp-primary);
color: #ffffff;
border: none;
border-radius: 4px;
display: inline-block;
text-decoration: none;
transition: background 0.2s ease;
}
.epw-kp-button:hover,
.epw-kp-controls button:hover {
background: #003b72;
color: #ffffff;
}
.epw-kp-download {
margin-left: auto;
}
.epw-kp-meta {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px 12px;
margin-bottom: 10px;
color: var(--epw-kp-muted);
font-size: 14px;
}
.epw-kp-note,
.epw-kp-last-update-text {
color: var(--epw-kp-muted);
font-size: 14px;
line-height: 1.5;
}
.epw-kp-note {
margin-bottom: 10px;
}
.epw-kp-note-wrap {
margin-top: 10px;
color: var(--epw-kp-muted);
font-size: 14px;
line-height: 1.5;
}
.epw-kp-data-table {
width: 100%;
border-collapse: collapse;
background: #ffffff;
min-width: 680px;
}
.epw-kp-table {
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.epw-kp-data-table th,
.epw-kp-data-table td {
border: 1px solid var(--epw-kp-border);
padding: 8px;
text-align: center;
color: var(--epw-kp-text);
background: #ffffff;
}
.epw-kp-data-table th {
background: var(--epw-kp-primary);
color: #ffffff;
}
.epw-kp-data-table td:nth-child(2) {
text-align: left;
}
.epw-kp-data-table .is-up {
color: var(--epw-kp-up);
font-weight: 600;
}
.epw-kp-data-table .is-down {
color: var(--epw-kp-down);
font-weight: 600;
}
.epw-kp-change-cell {
white-space: nowrap;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
width: 100%;
}
.epw-kp-change-icon {
display: inline-block;
font-size: 11px;
line-height: 1;
vertical-align: middle;
}
.epw-kp-change-text {
vertical-align: middle;
}
.epw-kp-error {
color: #b42318;
margin-bottom: 10px;
font-weight: 600;
}
@media (max-width: 800px) {
.epw-kp-controls {
flex-direction: column;
align-items: flex-start;
}
.epw-kp-download {
margin-left: 0;
}
.epw-kp-meta {
grid-template-columns: 1fr;
}
.epw-kp-data-table {
min-width: 600px;
}
}
@media (max-width: 600px) {
.epw-kmk-latest-title {
font-size: 18px;
line-height: 22px;
text-align: center;
}
}
@media (min-width: 601px) and (max-width: 1024px) {
.epw-kmk-latest-title {
font-size: 20px;
line-height: 24px;
}
}