/* #region The Guru's Modern CSS Reset */

/*
  The Guru's Modern CSS Reset
  Inspired by the work of Andy Bell, Josh W. Comeau, and Elad Shechter.
  Allows for code folding in IDEs like VS Code.
*/

/* 1. Use a more intuitive box-sizing model. */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. Remove default margin and padding. */
* {
  margin: 0;
  padding: 0;
}

/* 3. Allow percentage-based heights in the application */
html {
  height: 100%;
}

/*
  Typographic tweaks!
  4. Add accessible line-height
  5. Improve text rendering
*/
body {
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* 6. Improve media defaults */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/* 7. Remove built-in form typography styles */
input, button, textarea, select {
  font: inherit;
}

/* 8. Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* 9. Create a root stacking context */
#root, #__next {
  isolation: isolate;
}

/* #endregion */


/* Base Styles */
body {
    color: #333;
    line-height: 1.6;
    font-size: 16px; /* Increased base font size for readability */
    min-height: unset !important;
    font-family: Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,sans-serif;
}
.en-gb *, .zh-cn *, .zh-tw *{
    font-family: Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,sans-serif;
}

#Main {
    max-width: 100%;
    margin: 0 auto;
    padding: 10px;
}
body,
input {
    font-size: 1em; /* Use em to inherit from body */
	font-family: Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,sans-serif;
    color: #6b7280;
}
button {
    font-family: Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,sans-serif;
}
.Tabs-Tab {
    font-size: 1em;
}


a,
a:link,
a:visited{
    color: #6b7280; /* Modern, accessible blue for links */
}

.SortingContainer-NoChange-NewsColumn a,
.SortingContainer-NoChange-NewsColumn a:link,
.SortingContainer-NoChange-NewsColumn a:visited,
.PressRelease-NewsTitle,
#YearPeriodsContainer a {
    color: #6b7280; /* Modern, accessible blue for links */
	font-weight: 500; /* Medium weight for clarity */
	text-decoration: none;
	transition: color 0.3s ease;
}


.SortingContainer-NoChange-NewsColumn a:hover,
.SortingContainer-NoChange-NewsColumn a:active,
a:hover,
.PressRelease-NewsTitle:hover,
#YearPeriodsContainer a:hover {
    color: #045AF9; /* Darker blue on hover */
	text-decoration: underline;
}

#MainHeading {
    line-height: 1.2;
    margin: 0 0 1em 0; /* Adjusted margin for better spacing */
    padding: 0;
    font-size: 2em !important; /* Larger, more impactful heading */
    font-weight: 700; /* Bold */
    color: #6b7280 !important; /* Near-black for strong contrast */
}
#DateAvailableFrom {
    border: 0;
    text-align: left;
    font-size: 1em;
    font-weight: normal;
    padding: 0 0 1.5em 0; /* Increased bottom padding */
    color: #6b7280; /* Softer text color for secondary info */
}
#MainHeading, #DateAvailableFrom {
    display: none;
}
#Periods {
	display: inline-block;
    width: auto;
    vertical-align: middle;
    float: right;
    min-width: 130px;
    line-height: 40px;
}
#Periods tbody {
    float: right;
}
#CurrentPeriodContainer {
    display: none;
}
#CurrentPeriodContainer, #TotalContainer {
    font-size: 14px !important;
    color: #6b7280;
}
.EurolandTools-CommonObjects-Calendar-CalendarIcon {
    background: url(calendar.svg) center center no-repeat;
    width: 21.8px;
    height: 21.8px;
    margin: 0;
    transform: translateY(-50%);
    right: 20px;
    top: 50%;
    position: absolute;
}
.EurolandTools-CommonObjects-Calendar-Selection {
    position: relative;
    width: 100%;
}
.easySelect {
    font-size: 1em !important;
    cursor: default;
    display: block;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    color: #6b7280;
    border: 1px solid #787A80 !important;
    border-radius: 0px;
    height: 40px;
    max-width: 130px !important;
    width: 130px !important;
    line-height: 24px;
}
.EurolandTools-CommonObjects-Calendar-SelectionIndicator,
#SearchBox,
#FromCalendarInput,
#ToCalendarInput {
    height:40px;
    line-height: 24px;
    width: 100%;
    border: 1px solid #00004D4D; /* Subtle border */
    border-radius: 0px; /* Rounded corners */
    padding: 0.5em 0.75em; /* Proper padding */
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    background: #FFFFFF;
    font-size: 16px;
    margin: 0px 5px 0 0;
    vertical-align: top;
}

#SearchBox{
    width: 379px;
}
/* #SearchBox {
    transform: translateY(1px);
} */
#SearchBox:focus,
#FromCalendarInput:focus,
#ToCalendarInput:focus {
    border-color: #787A80;
    outline: 0;
    box-shadow: 0;
}

#FromCalendarContrainer, 
#ToCalendarContrainer {
	vertical-align: bottom; /* Better alignment */
    width: 200px;
    margin-right: 5px;
    display: none;
}
.euButton {
    height: 40px; /* Match input height */
    width: 150px;
	line-height: 1;
	font-family: Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,sans-serif;
	font-size: 1em;
	font-weight: 500; /* Medium weight */
	color: #ffffff !important;
	text-transform: none;
	padding: 0.75em 1.5em; /* Balanced padding */
	border: 1px solid transparent;
	border-radius: 30px; /* Rounded corners */
    background: #045af9; /* Primary action color */
	transition: background-color 0.3s ease, transform 0.2s ease;
}
.euButton:hover {
    background: #045af9; /* Darker on hover */
    border-color: #045af9;
	cursor: pointer;
}

#SearchButton{
    color: transparent !important;
    width: fit-content;
}
#SearchButton{
    content: "";
    background: url("search.svg") no-repeat center;
    height: 40px;
    width: 20px;
    padding: 0;
    transition: background 0.3s ease-in-out;
    user-select: none;
}

#SearchButton:hover {
	cursor: pointer;
    border-color: transparent;
    background: url("search-hover.svg") no-repeat center;
}
#SearchContainer {
    padding: 0;
    clear: both;
    display: inline-block;
    width: auto;
}
#YearPeriodsContainer {
  font-size: 0;
}
#YearPeriodsContainer a {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
}
#SortingContainer {
    margin-top: 1.5em;
    padding: 0.5em 0;
    font-size: 1em;
    font-weight: 400;
    display: none !important;
}
.Tabs {
    text-align: center; /* Align tabs to the left */
    border-bottom: 0; /* Clean bottom line for the whole bar */
    font-size: 1rem !important;
}
#Tabs {
	position: relative;
	z-index: 1; /* Ensure tabs are on top */
	padding: 0;
	margin: 10px 0 30px 0;
    display: inline-block;
    width: 100%;
}
#Tabs:after {
	content: none; /* Removed pseudo-element for a cleaner look */
}

.Tabs-Tab-Container:link,
.Tabs-Tab-Container.selected:link,
.Tabs-Tab-Container:visited,
.Tabs-Tab-Container.selected:visited,
.Tabs-Tab-Container,
.Tabs-Tab-Container.selected {
    height: 40px;
    width: 140px;
    line-height: 22px;
    padding: 0.5em 1.5em !important;
    margin: 0 0.75em 0 0;
    border-radius: 30px;
    font-family: Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    border: 1px solid #00004D4D;
    background: transparent;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    position: relative;
    top: 1px;
    left: 0;
}
 
.Tabs-Tab-Container.selected:link,
.Tabs-Tab-Container.selected:visited,
.Tabs-Tab-Container.selected {
    background: #045AF9;
    color: #FFFFFF;
    border: 1px solid transparent;
}

.Tabs-Tab-Container:hover,
.Tabs-Tab-Container:active {
    background: #045AF9;
    color: #FFFFFF;
    border: 1px solid transparent;
}

.Tabs-Tab {
    display: inline-block;
    margin: 0;
}

#Types {
    padding: 1em 0;
    display:none;
}

.Type {
	background-color: transparent;
	border-radius: 9999px; /* Pill shape */
	border: 1px solid #0000004d;
	padding: 0.5em 1.25em;
	color: #000000;
	font-weight: 500;
	text-transform: none;
	font-family: Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,sans-serif;
	font-size: 12px;	
	margin: 0.25em;
    display: inline-block; /* Allow tags to flow */
	transition: background-color 0.3s, color 0.3s, border-color 0.3s;
    min-height: 32px;
    line-height: normal;
    padding: 4px 15px !important;
}
.TypeSelected,
.Type:hover {
	cursor: pointer;
	background-color: #f3f4f6;
}

/******************************************************************************** Paging Buttons */

.PagesContainer {
	text-align: center;
    margin-top: 2em;
}
.Pages-ArrowContainer {
	width: auto;	
}
.Pages-Arrow {
	display: inline-block !important;
	opacity: 1!important;
}
.Pages {
	border-collapse: separate; /* Allow for spacing */
    border-spacing: 0.25em 0;
	width: auto;
    margin: 0 0 0 auto;
	float: none;
}
.Pages td {
	width: auto;
    padding: 0;
    line-height: normal;
    height: 22px;
    box-sizing: border-box;
    max-height: 22px;
}
.Pages-PageMarker-Text {
	margin: 0px;
}

.Pages-Arrow,
.Pages-PageMarker {
    max-width: 22px;
    border-radius: 6px;
}
.Pages-PageMarker {
    margin: 0px calc(0.1vw + 5px);
    padding: 2px;
    width: 22px;
    height: 22px;
    box-sizing: border-box;
}

/* Specific rounding for first/last is not needed with border-spacing */
.Pages-ArrowContainer:first-child .Pages-Arrow,
.Pages-ArrowContainer:last-child .Pages-Arrow 
{
    transform: translateY(-0.7px);
}
.Pages-Arrow,
.Pages-Arrow:link,
.Pages-PageMarker,
.Pages-PageMarker:link,
.Pages-PageMarker:visited {
	display: inline-block;
    /* background-color: #ffffff; */
    color: #6b7280;
    /* border: 1px solid #dee2e6;
	padding: 0.5em 1em; /* Adjusted padding */
	font-family: Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,sans-serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: 500;
    text-align: center;
	transition: background-color 0.3s, color 0.3s, border-color 0.3s;	
	border: 1px solid transparent;
}
.Pages-PageMarker:hover,
.Pages-PageMarker:active {
	border: 1px solid #4096ff;
}
.Pages-Arrow:hover,
.Pages-Arrow:active,
.Pages-PageMarker:hover,
.Pages-PageMarker:active {
	background-color: transparent;
	color: #4096ff;
	text-decoration: none;
}
.Pages-SelectedPageMarker,
.Pages-SelectedPageMarker:hover,
.Pages-SelectedPageMarker:active {
	border: 1px solid #4096ff;
	background-color: transparent;
	color: #4096ff;
}


/* .Pages-SelectedPageMarker + a + a::after {
    content: ". . .";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #6b7280 !important;
    font-size: 14px;
    font-weight: bold;
    cursor: default;
}
.Pages-SelectedPageMarker + a + a:hover::after {
    color: #000000 !important;
}
.Pages-SelectedPageMarker + a + a {
    color: transparent !important;
    display: inline-block !important;
    position: relative;
}

.Pages-PageMarker {
  display: none !important;
}

.Pages-SelectedPageMarker,
.Pages-SelectedPageMarker + a,
.Pages-SelectedPageMarker + a + a {
  display: inline-block !important;
}

.Pages-PageMarker:has(+ .Pages-SelectedPageMarker),
.Pages-PageMarker:has(+ a + .Pages-SelectedPageMarker) {
  display: inline-block !important;
} */
/* 
table[aria-label="Pagination"] tbody tr td:has(span.Pages-SelectedPageMarker) a:first-child,
table[aria-label="Pagination"] tbody tr td:has(span.Pages-SelectedPageMarker) a:last-child{
    color: transparent !important;
    display: inline-block !important;
    position: relative;
}

table[aria-label="Pagination"] tbody tr td:has(span.Pages-SelectedPageMarker) a:first-child::after,
table[aria-label="Pagination"] tbody tr td:has(span.Pages-SelectedPageMarker) a:last-child::after {
    content: ". . .";
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: #6b7280 !important;
    font-size: 14px;
    font-weight: bold;
    cursor: default;
    width: 2em;
}

table[aria-label="Pagination"] tbody tr td:has(span.Pages-SelectedPageMarker) a:first-child:hover::after,
table[aria-label="Pagination"] tbody tr td:has(span.Pages-SelectedPageMarker) a:last-child:hover::after {
    color: #000000 !important;
    cursor: pointer;
} */

/*''''''''''''''''''''''''''''''''''''''''''''' PRESS RELEASE CONTENT''''''''''''''''''''''''''''''''''''''''''''*/

#SortReleaseArrow {
	/* This is the old <img> tag for the arrow. We hide it in favor of a modern CSS version. */
	display: none; 
}

.ArrowContainer {	
	/* This is the <span> that contains our CSS arrow. We must make it visible. */
	display: inline-block;
    position: relative; /* This is crucial for positioning the ::after pseudo-element */
    width: 1em; /* Give it a little space */
    height: 1em;
    vertical-align: middle;
    top: -1px;
}
.ArrowContainer:after {
	content: "";
    width: 0;
    height: 0;
    position: absolute; /* Position it relative to the .ArrowContainer span */
    top: 50%;
    left: 0.5em; /* Center it horizontally within the span */
    
    /* These borders create the triangle shape */
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;    

	/* Remove default border styles that we'll add specifically for each state */
	border-top: 0;
	border-bottom: 0;

	transition: border-color 0.3s ease;
    transform: translateY(-50%);
}

/* STATE 1: DESCENDING ARROW (Points down) */
.ArrowContainer_DSEC:after {
	border-top: 0.5em solid #333; /* The top border creates the downward arrow */
}

/* STATE 2: ASCENDING ARROW (Points up) */
.ArrowContainer_ASC:after {
	border-bottom: 0.5em solid #333; /* The bottom border creates the upward arrow */
}


/* --- HOVER STATES --- */

/* Change the arrow color when hovering over the parent <a> link */
.SortingContainer-NoChange-NewsColumn a:hover .ArrowContainer_DSEC:after,
.SortingContainer-NoChange-NewsColumn a:active .ArrowContainer_DSEC:after {
	border-top-color: #000000; /* The active link color */
}

.SortingContainer-NoChange-NewsColumn a:hover .ArrowContainer_ASC:after,
.SortingContainer-NoChange-NewsColumn a:active .ArrowContainer_ASC:after {
	border-bottom-color: #000000; /* The active link color */
}

.PressRelease-SingleLine-DateContainer {
    width: fit-content;
    padding-right: 10px;
}
.PressRelease-SingleLine-DataColumn.PressRelease-SingleLine-DateContainer::after {
    content: "|";
    font-size: 12px;
}
.PressRelease-SingleLine-TypeContainer {
    width: fit-content;
}
.PressRelease-SingleLine-DateContainer,
.PressRelease-SingleLine-TypeContainer {
    padding-top: 5px;
}
.PressRelease-SingleLine-TitleContainer {
    width: 100%;
    padding: 5px calc(2.5em + 4vw) 5px 0;
}
.PressRelease-SingleLine-AttachmentsContainer {
    position: absolute;
    right: 0;
    transform: translate(-20px, -50%);
    top: 50%;
}

.PressRelease-SingleLine-DataRow {
	padding-top: 0;
    position: relative;
    min-height: 70px;
    padding: 10px 15px;
    background: #FFFFFF;
    /* max-height: 110px; */
    box-sizing: border-box;
    border-bottom: 1px solid #e5e7eb;
}
#YearPeriodsContainer a:hover{
    text-decoration: none !important;
}
/* .PressRelease-SingleLine-AttachmentsContainer {
    position: unset;
    right: unset;
    top: unset;
    transform: unset;
    width: 5%;
    float: right;
} */

.PressReleaseOdd,
.PressReleaseEven {
	background-color: transparent; /* Remove zebra striping */
}
.PressRelease {
	border: 0;
    /* margin-bottom: 20px; */
}
#PressRelease_0 .PressRelease-SingleLine-DataRow {
    border-top: 1px solid #e5e7eb;
}
.NewsColumn-Container:hover div > .Pressrelease news title {
    color: #000000;
}
.NewsColumn-Container:hover{
    background: linear-gradient(to right, rgba(0, 0, 0, 0.05), rgba(19, 19, 19, 0.05), rgba(237, 238, 239, 0.05));
}
.PressRelease-SingleLine-DataRow:hover .PressRelease-SingleLine-AttachmentsContainer div div a img {
    content: url("Arrow-left.svg");
}
.PressRelease-SingleLine-DataRow:hover .PressRelease-SingleLine-AttachmentsContainer div div a img[src*="pdf"] {
    content: url("Arrow-left.svg");
}
/* .NewsColumn-Container .PressRelease-Attachment {
    scale: 1.2;
} */

.NewsColumn-Container .PressRelease-SingleLine-AttachmentsContainer * {
    margin: 0 !important;
	padding: 0 !important;
	width: 29.41px !important;
    height: 25px !important;
    box-sizing: border-box;
    overflow: hidden;
    opacity: 1 !important;
}

.PressRelease-NewsTitle, 
.PressRelease-NewsTitle:link, 
.PressRelease-NewsTitle:visited {
	font-family: Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	color: #000000; /* Stronger title color */
    /* text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical; */
}
.PressRelease-NewsType {
	font-weight: normal;
	text-transform: none;
	font-style: normal;
	font-family: Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,sans-serif;
	font-size: 12px;
	color: #6b7280; /* Softer color for metadata */
}
.PressRelease-NewsDate {
	margin-right: 8px; /* Increased spacing */
	font-family: Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,sans-serif;
	font-size: 12px;
	color: #6b7280; /* Softer color for metadata */
	font-weight: normal;
	text-transform: none;
	font-style: normal;	
}

#PagesContainer {
    text-align: center;
    padding: 0;
    margin-top: calc(0.525vw + 20px);
    margin-bottom: calc(0.525vw);
}
#SuppliedBy, .Disclaimer span {
    text-align: right;
    font-size: 14px;
    color: #6b7280;
}
/* a[href="//www.euroland.com"] img {
    visibility: hidden;
} */
html[lang="en-GB"] .SeparateNews-Footer-Container a[href="//www.euroland.com"] {
    padding-right: 4px;
}

#SeparatePressRelease a[href="//www.euroland.com"] img {
    visibility: visible;
    float: right;
    position: relative;
    top: 50%;
    transform: translateY(7px);
}

#SuppliedBy > a:before{
    background-color: transparent;
}

.styledSelect {
    background-color: transparent;
    color: #000000 !important;
    font-size: 16px;
}
a.PressRelease-NewsTitle {
    color: #000000;
}



/* CALENDAR */
.EurolandTools-CommonObjects-Calendar-ExtraNavigation {
    background: #ffffffe8 !important;
}
.EurolandTools-CommonObjects-Calendar-Calendar-CloseButton {
    display: inline-block;
    width: 100%;
    padding: 0.75em 1.5em;
    border: none;
    background: #000000;
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    font-weight: bold;
    color: #fff;
    text-shadow: unset !important;
    border-radius: 0px;
}
.EurolandTools-CommonObjects-Calendar-ExtraNavigation-CloseButtonContainer {
    padding: 10px;
}
.EurolandTools-CommonObjects-Calendar-ExtraNavigation-Navigation {
    padding: 0;
}
.EurolandTools-CommonObjects-Calendar-ExtraNavigation-CloseButton {
	background: #000000 !important;
    color: #FFFFFF;
    border-radius: 0px;
}
.EurolandTools-CommonObjects-Calendar-ExtraNavigation-CloseButton:hover {
	background: #000000 !important;
    border: unset;
    cursor: pointer;
}
.EurolandTools-CommonObjects-Calendar-Month-Today .EurolandTools-CommonObjects-Calendar-Button-VisualButton {
    border-color: #000000;
	background: #000000;	
    color: #FFFFFF;
}
.EurolandTools-CommonObjects-Calendar-Month-DayButton:hover,
.EurolandTools-CommonObjects-Calendar-ExtraNavigation-Button:hover {
	background: #000000;	
    color: #FFFFFF !important;
	cursor: pointer;
    border: unset;
}
.EurolandTools-CommonObjects-Calendar-Calendar-CloseButton:hover {
	background: #000000;
    cursor: pointer;
}
.EurolandTools-CommonObjects-Calendar-ExtraNavigation-Button {
    border: unset;
    text-shadow: unset;
    height: 40px;
    box-sizing: border-box;
}
.EurolandTools-CommonObjects-Calendar-ExtraNavigation-CurrentButton:hover,
.EurolandTools-CommonObjects-Calendar-ExtraNavigation-PeriodButton:hover {
    color: #000000;
    border: unset;
    cursor: pointer;
}
.EurolandTools-CommonObjects-Calendar-Navigator-Button:hover {
	background: #000000;	
    color: #FFFFFF !important;
	border: unset;	
    cursor: pointer;
}

.EurolandTools-CommonObjects-Calendar-Navigator-Button {
    padding: 5px;
    margin: 3px;
	border: unset;	
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #000000;
    text-shadow: unset;
    transition: unset;
    box-sizing: border-box;
}

.EurolandTools-CommonObjects-Calendar-Calendar {
    background: #f5f5f7;
    border: unset;
}
.EurolandTools-CommonObjects-Calendar-Month-DayButton {
    border: unset;
    font-size: 14px;
}
.EurolandTools-CommonObjects-Calendar-Month-DayName {
    text-shadow: unset;
    font-size: 14px;
}
.EurolandTools-CommonObjects-Calendar-SelectionFocusIndicator,
.EurolandTools-CommonObjects-Calendar-Button-VisualButton-Focus{
    border: unset;
    box-shadow: unset;
}

span.EurolandTools-CommonObjects-Calendar-Button-VisualButton.EurolandTools-CommonObjects-Calendar-ExtraNavigation-Button.EurolandTools-CommonObjects-Calendar-ExtraNavigation-CurrentButton {
    font-size: 16px;
}

/* End of Calendar */

div#TotalContainer {
    margin-top: 20px;
    display: none !important;
}

.container-item .checkmark:after {
    border: 2px solid #003D79;
    border-width: 0 2px 2px 0;
}

.optionRow {
    font-size: 16px !important;
}

.checkmark {
    left:unset;
    right: 5px;
}

.container-item {
    font-size: 16px;
    padding: 0.25rem 0px 0.25rem 22px !important;
}

.options li:hover {
    background-color: #000000;
    color: white;
}
.options li:hover .container-item .checkmark:after {
    border: 2px solid white;
    border-width: 0 2px 2px 0;
}

.HeadingColomnContainer, .PressRelease-SingleLine-DataRow .PressRelease-SingleLine-DataColumn {
    vertical-align: top;
}
.Pages-Arrow{
    user-select: none;
}
td.Pages-ArrowContainer {
    max-width: 22px;
    min-width: 22px;
}
td.Pages-ArrowContainer:hover {
    cursor: pointer;
}
a[aria-label="Previous page"]{
	background: url("Page-Left.svg") no-repeat center/contain;
    color: transparent !important;
    font-size: 10px;
    border: 1px solid transparent;
}
a[aria-label="Next page"]{
	background: url("Page-Right.svg") no-repeat center/contain;
    color: transparent !important;
    font-size: 10px;
    border: 1px solid transparent;
}
a[aria-label="Previous page"]:hover{
    border: 1px solid transparent;

}
a[aria-label="Next page"]:hover{
    border: 1px solid transparent;

}
#ButtonsContainer {
    margin-top: 20px;
    float: left;
    position: relative;
}
#Tabs:has(#liByType[style="display: none;"]){
    display: block !important;
}
ul.Tabs:has(#liByType[style="display: none;"]) li a{
    width: fit-content !important;
    margin: 0;
}

#SearchFilter {
    position: absolute !important;
    transform: translate(420px, -21px);
}

#YearPeriodsContainer {
    display: flex;
    gap: calc(1vw - 0.25em);
}

a.Periods-YearPeriod.Periods-YearPeriodSelected {
    color: #045AF9 !important;
}
.Disclaimer {
    display: inline;
}
#SuppliedBy > a:before{
    content: none;
}
/* a[href="//www.euroland.com"] img {
    visibility: hidden;
} */
html[lang="en-GB"] .SeparateNews-Footer-Container a[href="//www.euroland.com"] {
    padding-right: 4px;
}

#SeparatePressRelease a[href="//www.euroland.com"] img {
    visibility: visible;
    float: right;
    position: relative;
    top: 50%;
    transform: translateY(0px);
}
#SeparatePressRelease a[href="//www.euroland.com"] {
    width: 100px;
    display: inline-block;
    height: 19px;
}
.TermsLinkContainer:before {
    content: ' | ';
}

div#PageFlickContainer {
    margin-top: calc(1em + 2vw);
}

.euButton[onclick="PR.Search.remove();"] {
    color: #045af9 !important;
    background: #ffffff;
    border: 1px solid #045AF9;
    text-transform: capitalize;
}
.euButton[onclick="PR.Search.remove();"]:hover {
    background: #045af9;
    color: #ffffff !important;
    border: 1px solid #045AF9;
    cursor: pointer;
}

@media print{
    #YearPeriodsContainer {
        display: block;
    }
    #YearPeriodsContainer a.Periods-YearPeriod:not(:last-child) {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1024px) {
    /* #Periods {
        display: inline-block;
        width: 50%;
        vertical-align: middle;
        float: right;
        line-height: 40px;
    } */
    /* div#TotalContainer {
        margin-top: 0;
        line-height: 40px;    
        display: inline-block;
        opacity: 1;
        height: auto !important;
        width: auto !important;
        float: left;
    } */
    /* #Periods tbody{
        float: right;
    } */
}
/* @media screen and (min-width: 862px) and (max-width: 1024px) {
    #SearchFilter {
        position: absolute !important;
        transform: translate(600px, -21px);
    }
} */

@media screen and (max-width: 768px) {
    #SearchBox {
        width: calc( calc(28vw / 379px) * 379px);
    }
    /* #FromCalendarContrainer, #ToCalendarContrainer {
        width: calc( calc(22.8vw / 200px) * 200px);
    } */
    #SearchButton {
        width: 20px;
        white-space: nowrap;
        overflow: hidden;
    }
    /* #ButtonsContainer {
        float: unset;
    } */
    #SearchFilter {
        position: absolute !important;
        transform: translate(calc(28vw + 40px), -21px);
        left: 0 !important;
    }
}

@media (max-width: 650px){
    .PressRelease-SingleLine-DataColumn.PressRelease-SingleLine-DateContainer::after {
        content: none;
        font-size: 12px;
    }
    .PressRelease-SingleLine-TypeContainer {
        width: 100%;
        padding: 5px calc(2.5em + 4vw) 5px 0 ;
    }
}

@media (max-width: 450px){
    .EurolandTools-CommonObjects-Calendar-Selection {
        width: 100% !important;
    }
    /* #FromCalendarContrainer, #ToCalendarContrainer {
        width: calc(50vw - 13px);
        display: inline-block;
        margin-right: 0px;
    } */
    #SearchBox {
        width: calc(100% - 30px);
    }
    #SearchContainer {
        width: 100%;
    }
    
    .EurolandTools-CommonObjects-Calendar-Selection {
        margin-top: 10px;
    }
    /* #SearchButton {
        all: unset !important;
        margin-top: 10px !important;
        color: #6b7280 !important;
        padding: 5px 45px 5px 25px !important;
        border-radius: 30px !important;
        border: 1px solid #6b7280 !important;
        float: right !important;
        position: relative !important;
        height: 40px !important;
        box-sizing: border-box !important;
    }
    #SearchButton:hover {
        color: #045AF9 !important;
        border: 1px solid #045AF9 !important;
    } */
    /* #SearchButton::after {
        content: "";
        display: inline-block;
        padding-left: 10px;
        height: 40px;
        width: 20px;
        background: url("search.svg") no-repeat center;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(-15px, -50%);
    }
    #SearchButton:hover::after {
        background: url("search-hover.svg") no-repeat center;
    } */

    #SearchFilter {
        transform: translate(0, -10px);
    }
    .euButton[onclick="PR.Search.remove();"]{
        font-size: 1em;
        padding: 5px 10px 5px 10px !important;
        width: 125px;
    }
    #Periods {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        float: none;
        min-width: 130px;
        line-height: 40px;
        margin-left: calc(100% - 130px);
        margin-top: calc(0em + 2vw);
    }
    #Periods tbody {
        float: right;
    }
    #SuppliedBy, .Disclaimer span {
        font-size: calc(14px - 0.5vw);
    }
}


@media screen and (max-width: 375px) {
    .Tabs-Tab-Container:link, .Tabs-Tab-Container.selected:link, .Tabs-Tab-Container:visited, .Tabs-Tab-Container.selected:visited, .Tabs-Tab-Container, .Tabs-Tab-Container.selected {
        width: 135px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 354px) {
    #SuppliedBy, .Disclaimer span {
        font-size: calc(12px - 0.5vw);
    }
}
div#SeparateNews-Footer, .SeparateNews-Footer-Container {
    font-size: 14px !important;
}
footer .supply-by > a, #SuppliedBy > a, .footer .supply-by > a, .supplied-box span > a, .footer-info .supply-by span > a, .footer div .hyperlink, .footer-box .supplyby-box .hyperlink, .footer-box .supplied .hyperlink{
height: 12px !important;
}