#ecFilterDiv {
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom:500px;
	margin-bottom: -500px;
}

#ecFilterDiv::-webkit-scrollbar,
#ecFilterDiv::-webkit-scrollbar-corner{
	display:none;
}

#ecFilterDiv::-webkit-scrollbar-thumb,
#ecFilterDiv::-webkit-scrollbar-track {
	display:none;
}

.economic-calendar-btn{
	counter-reset: css-counter 0;
}

.economic-calendar-btn:hover{
	background-color:#f0f3fa;
}

.economic-calendar-hover{
	border-radius:0.25rem;
}

.economic-calendar-hover:hover{
	background-color:#f0f3fa;
}

.economic-calendar-btn *:nth-child(n+2){
	margin-left:-4px;
}

.economic-calendar-btn *:nth-child(n+4) {
	margin-left:-4px;
}

#date-range-div {
	background-color:#f0f3fa;
}

.economic-calendar-separator{
	background-color: #f0f3fa;
    flex-shrink: 0;
    height: 28px;
    margin: 0 16px;
    width: 1px;
}

.economic-calendar-grid,
.economic-calendar-grid-header{
	display:grid;
	grid-template:
       "time title" 32px
       "currency values" 30px/auto 1fr;
}

.economic-calendar-time-grid{
	grid-area: time;
	padding:5px;
	font-size:1.25em;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 82px;
}

.economic-calendar-currency-grid{
	grid-area: currency;
	padding:5px;
	font-size:1.25em;
	display: flex;
	align-items: center;
	justify-content:center;
}

.economic-calendar-title-grid{
	grid-area: title;
	padding:5px;
	font-size:1.25em;
	display: flex;
	align-items: center;
}

.economic-calendar-values-grid{
	grid-area: values;
	padding:5px;
	font-size:1.25em;
	display: grid;
   	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.economic-calendar-values-grid-item{
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
   	justify-content: start;
   	overflow:hidden;
}

.economic-calendar-heading-font{
	font-size: 0.75em;
	font-weight:500;
	color:#ababab;
}

.economic-calendar-font{
	font-size:0.9em;
	font-weight:600;
	vertical-align:middle;
}

.color-high{
	color:#ff9d20;
}

.color-med{
	color:#4279ef;
}

.color-low{
	color:#8f8f8f;
}

.ecIc-Flags {
	height:30px;
	width:30px;
	border:1px solid #808080;
	border-radius:50%;
	object-fit: cover;
}

.ecIc-EventFlags{
	height:19px;
	width:25px;
	border-radius:3px;
	border:0.5px solid #808080
}

.ecIc-SpanFlags{
	height:20px;
	width:20px;
	border-radius:5px;
	object-fit:cover;
	border:1px solid #808080;
}

.ec-date-div{
	font-size:1.75em;
	font-weight:600;
}

#ec-TableSpinner{
	padding-top:3rem;
	padding-bottom:3rem;
	text-align:center;
}

#ec-TableSpinner .img.spinner{
	margin:auto;
	text-align:center;
	padding-top:3rem;
	padding-bottom:3rem;
}

#ec-TableEmpty {
	text-align:center;
	padding-top: 5rem;
	padding-bottom: 5rem;
	text-transform: uppercase
}

.ec-Title{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.header-row{
	display:none;
}

.economic-calendar-row{
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	border-bottom: 1px solid #f0f0f0;
}

.ec-span-label{
	display:block;
}

.span-ec-val:empty ~ .ec-span-label {
	display:none;
}

.tentative-title{
	color:#a1a1a1;
}

.country-selection-img{
	margin-top:0.5rem;
	margin-bottom:0.5rem;
	margin-right:5px;
	margin-left:5px;
}

.country-select-div {
	margin-top:0.25rem;
	margin-bottom:0.25rem;
	border-radius:5px;
	cursor:pointer;
}

.country-select-div:hover{
	background-color:#f0f3fa;
}

.country-select-div.active{
	background-color:#3772ee;
	color:white;
}

.selected-country-span{
	background-color:#f0f3fa;
	border-radius:5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.selected-country-span-btn:hover{
	background-color: #bbd9fb;
}

.country-list{
	max-height:100%;
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	overflow:auto;
}

.country-select-modal{
	height:670px;
	overflow:hidden;
}

#selected-span-list{
	max-height: 160px;
   	overflow-y: auto;
   	flex-shrink: 0;
}

.btn-country-span,
.btn-country-img {
	width:25px;
	height:25px;
	border-radius:50%;
	object-fit: cover;
}

.btn-country-num{
	height: 25px;
	border-radius: 12px;
	background-color: #2962ff;
	color: #fff;
	padding-left: 4px;
	padding-right: 6px;
	font-size: 13px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#timezone-select {
	display:none;
}

.timezone-div.active #timezone-select {
	display:block;
}

#timezone-dropdown-menu{
	height:400px;
}

.ec-FilterDropdown .dropdown-item.isActive,
.ec-FilterDropdown .dropdown-item:hover{
	background-color:var(--system-color);
	color:#fff;
}

.ec-FilterDropdown .dropdown-item{
	font-size:0.8em;
	padding:10px 15px;
}

html[data-theme="dark"] .ec-FilterDropdown .dropdown-item {
	color: #d6d6d6;
}

.icon-wrapped {
	transition: transform 0.2s;
}

.economic-calendar-row.active .icon-wrapped {
	transform: rotate(180deg);
}

.economic-calendar-row[data-ec-type="holiday"] .icon-wrapped {
	display:none;
}

.revisedFromIcon {
	background-color: #edb23b;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 7px;
	height: 7px;
	display: inline-block;
	margin-left:0.25rem;
}

.chart-table-header{
	position:sticky;
	left:0;
	background-color:white;
}

.chart-table tr, .chart-table td{
	padding-top:0.35rem;
	padding-bottom:0.35rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
	vertical-align: middle;
}

.security-detail-div{
	margin-bottom:1rem;
}

.btn-event-overview {
	border: 1px solid #c8c8c8;
   	border-radius: 8px;
   	font-size:1.1em;
}

.btn-event-overview:hover {
    background-color: #f0f3fa;
}

.security-event-title{
	font-size:2em;
}

.security-event-table td{
	font-weight:400;
}

.event-history-table th{
	border-bottom:1px solid #808080;
}

.event-history-table td {
	border-top:1px solid #c8c8c8;
	padding-top:5px;
	padding-bottom: 5px;
}

html[data-theme="dark"] .event-history-table th{
	border-bottom:1px solid #414142;
}

html[data-theme="dark"] .event-history-table td{
	border-top:1px solid #414142;
}

.event-history-table table tr:nth-of-type(1n+8) {
	display:none;
}

.event-history-table.show-all table tr:nth-of-type(1n+8) {
    display: table-row;
}

#impactDropdownBtn.dropdown-toggle::after,
#timezoneDropdownBtn.dropdown-toggle::after,
#calendarDayDropdownBtn.dropdown-toggle::after {
	display: inline-block;
}

.date-range-flatpickr-input{
	background-color: #f0f3fa;
	border: none;
	font-weight: 600;
	padding-left: 0.5rem;
	font-size: 1.1em;
	max-width: 120px;
	border-radius:5px;
}

#calendar-range-type-div {
	position:relative;
}

#calendar-range-type-dropdown-2 {
	position: absolute;
    top: 0;
    visibility: hidden;
    width: 100%;
}

#calendar-range-dropdown-menu-2{
	visibility:visible;
	padding-left:5px;
	padding-right:5px;
}

#calendar-range-dropdown-menu-2 .date-range-flatpickr-input {
	max-width:100%;
	width:100%;
}

#calendar-range-dropdown-menu.hide{
	visibility:hidden;
}

html[data-theme="dark"] .economic-calendar-row{
	border-bottom: 1px solid #414142;
}

html[data-theme="dark"] .chart-div select {
	background-color: #050505;
}

html[data-theme="dark"] .event-chart-div .highcharts-yaxis-grid path{
	stroke: #414142;
}

html[data-theme="dark"] .event-chart-div .highcharts-yaxis path {
	stroke: #414142;
}

html[data-theme="dark"] .highcharts-button-box {
	fill: #050505;
}

html[data-theme="dark"] .highcharts-label-box {
	fill: #050505;
}

html[data-theme="dark"] .btn-event-overview {
	color: #d6d6d6;
}

html[data-theme="dark"] .chart-table {
	background-color:#050505;
	color:#d6d6d6;
}

html[data-theme="dark"] .chart-table tr,
html[data-theme="dark"] .chart-table td,
html[data-theme="dark"] .chart-table th {
	color:#d6d6d6;
	border-top: 1px solid #414142;
}

html[data-theme="dark"] .chart-table-header {
	background-color:#050505;
	color: #d6d6d6;
}

html[data-theme="dark"] .highcharts-background {
    fill: #050505;
}

html[data-theme="dark"] .highcharts-container text {
    fill: #d6d6d6 !important;
}

html[data-theme="dark"] .highcharts-tooltip-box {
    fill: #050505;
}

html[data-theme="dark"] .ec-FilterDropdown .dropdown-item.isActive,
html[data-theme="dark"] .ec-FilterDropdown .dropdown-item:hover{
	color:#d6d6d6;
}

html[data-theme="dark"] #btnShowCountrySelectModal, 
html[data-theme="dark"] #timezoneDropdownBtn, 
html[data-theme="dark"] #date-range-select, 
html[data-theme="dark"] #impact-order-select, 
html[data-theme="dark"] .selected-country-span-btn,
html[data-theme="dark"] #calendarDayDropdownBtn,
html[data-theme="dark"] #calendarDayDropdownBtn,
html[data-theme="dark"] #impactDropdownBtn,
html[data-theme="dark"] .date-range-flatpickr-input
{
	color:#d6d6d6;
}

html[data-theme="dark"] .economic-calendar-btn:hover,
html[data-theme="dark"] .economic-calendar-hover:hover,
html[data-theme="dark"] .country-select-div:hover,
html[data-theme="dark"] .btn-event-overview:hover,
html[data-theme="dark"] .selected-country-span,
html[data-theme="dark"] .date-range-flatpickr-input {
	background-color: #383838;
}

html[data-theme="dark"] .selected-country-span-btn:hover{
	color: #212529;
}

html[data-theme="dark"] .country-select-div.active{
	background-color:#3772ee;
}

html[data-theme="dark"] .event-title-link {
	color:#d6d6d6;
}

html[data-theme="dark"] .event-title-link:hover{
	color: #a0a0a0;
}

html[data-theme="dark"] .flatpickr-calendar {
	background:#3f4458;
}

html[data-theme="dark"] .flatpickr-months .flatpickr-prev-month,
html[data-theme="dark"] .flatpickr-months .flatpickr-next-month {
	color: #fff;
	fill: #fff;
}

html[data-theme="dark"] .flatpickr-months .flatpickr-month {
	color: #fff;
	fill: #fff;
}

html[data-theme="dark"] .flatpickr-day.flatpickr-disabled,
html[data-theme="dark"] .flatpickr-day.flatpickr-disabled:hover,
html[data-theme="dark"] .flatpickr-day.prevMonthDay,
html[data-theme="dark"] .flatpickr-day.nextMonthDay,
html[data-theme="dark"] .flatpickr-day.notAllowed,
html[data-theme="dark"] .flatpickr-day.notAllowed.prevMonthDay,
html[data-theme="dark"] .flatpickr-day.notAllowed.nextMonthDay {
	color: rgba(255,255,255,0.3);
}

html[data-theme="dark"] span.flatpickr-weekday {
	color: #fff;
}

html[data-theme="dark"] .flatpickr-day {
	color: rgba(255,255,255,0.95);
}

html[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
   	background-color: #3f4458;
   	outline: none;
   	padding: 0;
}

html[data-theme="dark"] .numInputWrapper:hover {
   	background: rgba(192,187,167,0.05);
}
html[data-theme="dark"] .flatpickr-current-month .numInputWrapper span.arrowUp:after{
	border-bottom-color: #fff;
}
html[data-theme="dark"] .flatpickr-current-month .numInputWrapper span.arrowDown:after{
	border-top-color: #fff;
}

html[data-theme="dark"] .flatpickr-day.inRange,
html[data-theme="dark"] .flatpickr-day.prevMonthDay.inRange,
html[data-theme="dark"] .flatpickr-day.nextMonthDay.inRange,
html[data-theme="dark"] .flatpickr-day.today.inRange,
html[data-theme="dark"] .flatpickr-day.prevMonthDay.today.inRange,
html[data-theme="dark"] .flatpickr-day.nextMonthDay.today.inRange,
html[data-theme="dark"] .flatpickr-day:hover,
html[data-theme="dark"] .flatpickr-day.prevMonthDay:hover,
html[data-theme="dark"] .flatpickr-day.nextMonthDay:hover,
html[data-theme="dark"] .flatpickr-day:focus,
html[data-theme="dark"] .flatpickr-day.prevMonthDay:focus,
html[data-theme="dark"] .flatpickr-day.nextMonthDay:focus {
	background: #646c8c;
   	border-color: #646c8c;
}

#btnShowCountrySelectModal::after{
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    align-self: center;
}

.security-detail-div {
	display:none;
}

.economic-calendar-row.active .security-detail-div {
	display:block;
}

@media screen and (max-width:575px) {

	.economic-calendar-font {
		font-size:0.8em;
	}
	
	.ec-Title {
		-webkit-line-clamp: 1;
	}
	
	.economic-calendar-values-grid .economic-calendar-font{
		font-size:0.7em;
	}
	
	.economic-calendar-values-grid {
		grid-template-columns: 0.66fr 1.33fr 1.33fr 1.33fr;
	}
	
	.economic-calendar-grid, .economic-calendar-grid-header {
		grid-template: "time title" 32px "currency values" 30px/65px 1fr;
	}
	
	.impact-label {
		display:none;
	}
	
	.economic-calendar-values-grid-item:nth-child(3),
	.economic-calendar-values-grid-item:nth-child(4){
		padding-left:5px;
		padding-right:5px;
	}
	
	#timezone-dropdown-menu{
		height:360px;
	}
	
	.ecIc-Flags {
		height:25px;
		width: 25px;
	}
	
	#impactDropdownBtn, #calendarDayDropdownBtn, #timezoneDropdownBtn {
		font-size:0.9rem;
	}
}

@media screen and (min-width:1300px) {
	
	.ec-span-label{
		display:none;
	}

	.economic-calendar-row{
		padding-top:0;
		padding-bottom:0;
		border-bottom:unset;
	}
	
	html[data-theme="dark"] .economic-calendar-row{
		border-bottom:unset;
	}
	
	.header-row{
		display:block;
	}
	
	.economic-calendar-row .economic-calendar-time-grid,
	.economic-calendar-row .economic-calendar-currency-grid,
	.economic-calendar-row .economic-calendar-title-grid,
	.economic-calendar-row .economic-calendar-values-grid{
		border-top:1px solid #f0f0f0;
	}
	
	.economic-calendar-grid{
		grid-template:
		"time currency title values" 60px/72px 92px auto 50%;
	}
	
	.hidden-class {
		visibility:hidden;
	}
	
	.header-row+.economic-calendar-row .economic-calendar-time-grid,
	.header-row+.economic-calendar-row .economic-calendar-currency-grid,
	.header-row+.economic-calendar-row .economic-calendar-title-grid,
	.header-row+.economic-calendar-row .economic-calendar-values-grid{
		border-top: 1px solid transparent;
	}
	
	.economic-calendar-grid-header{
		grid-template:"time currency title values" 30px/72px 92px auto 50%;
	}
	
	.economic-calendar-values-grid-item{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.economic-calendar-grid:hover .economic-calendar-title-grid,
	.economic-calendar-grid:hover .economic-calendar-values-grid,
	.economic-calendar-grid.active .economic-calendar-title-grid,
	.economic-calendar-grid.active .economic-calendar-values-grid
	{
		background-color: #f0f3fa;
	}
	
	html[data-theme="dark"] .economic-calendar-row .economic-calendar-time-grid,
	html[data-theme="dark"] .economic-calendar-row .economic-calendar-currency-grid,
	html[data-theme="dark"] .economic-calendar-row .economic-calendar-title-grid,
	html[data-theme="dark"] .economic-calendar-row .economic-calendar-values-grid{
		border-top:1px solid #414242;
	}
	
	html[data-theme="dark"] .header-row+.economic-calendar-row .economic-calendar-time-grid,
	html[data-theme="dark"] .header-row+.economic-calendar-row .economic-calendar-currency-grid,
	html[data-theme="dark"] .header-row+.economic-calendar-row .economic-calendar-title-grid,
	html[data-theme="dark"] .header-row+.economic-calendar-row .economic-calendar-values-grid{
		border-top: 1px solid transparent;
	}
	
	html[data-theme="dark"] .economic-calendar-grid:hover .economic-calendar-title-grid,
	html[data-theme="dark"] .economic-calendar-grid:hover .economic-calendar-values-grid,
	html[data-theme="dark"] .economic-calendar-grid.active .economic-calendar-title-grid,
	html[data-theme="dark"] .economic-calendar-grid.active .economic-calendar-values-grid {
		background-color: #383838;
	}
}