@import url("//fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,500;1,500&display=swap");

/* Noto Sans Thin */
@font-face {
	font-family:"Noto Sans Light";
	src: url("//asia.tools.euroland.com/tools/splookup/Config/Company/kr-ktcd/fonts/NotoSans-Thin.woff") format("woff");
	font-style: normal; 
	font-weight: 100; 
}

@font-face {
	font-family:"Noto Sans Light";
	src: url("//asia.tools.euroland.com/tools/splookup/Config/Company/kr-ktcd/fonts/NotoSans-Thin.woff2") format("woff");
	font-style: normal; 
	font-weight: 200; 
}

@font-face { 
	font-family: "Noto Sans Light"; 
    src: url("//asia.tools.euroland.com/tools/splookup/Config/Company/kr-ktcd/fonts/NotoSans-Regular.woff2") format("woff");
        font-style: normal; 
        font-weight: 400; 
} 
@font-face { 
	font-family: "Noto Sans Light"; 
    src: url("//asia.tools.euroland.com/tools/splookup/Config/Company/kr-ktcd/fonts/NotoSans-Medium.woff2") format("woff");
        font-style: normal; 
        font-weight: 500; 
} 
@font-face { 
	font-family: "Noto Sans Light"; 
    src: url("//asia.tools.euroland.com/tools/splookup/Config/Company/kr-ktcd/fonts/NotoSans-Bold.woff2") format("woff");
        font-style: normal; 
        font-weight: 600; 
} 
@font-face { 
	font-family: "Noto Sans Light"; 
    src: url("//asia.tools.euroland.com/tools/splookup/Config/Company/kr-ktcd/fonts/NotoSans-Black.woff2") format("woff");
        font-style: normal; 
        font-weight: 700; 
} 

body.en-gb{
	font-family: "Noto Sans Light", "Malgun Gothic", "맑은 고딕", "MG", "Apple SD", "dotum", "돋움", sans-serif !important;
    font-size: 16px;
	color: #666666;
}
body.ko-kr{
	font-family: "맑은 고딕","Noto Sans Light", "Malgun Gothic","MG", "Apple SD", "dotum", "돋움", sans-serif !important;
    font-size: 16px;
	color: #666666;
}
th.table-share-header.table-share-header-check {
    width: 1%;
}
.table-share th {
    width: 19.5%;
}
/***************************PAGE-FONT-STYLE START********************************/
.en-gb .page-font-style
{
}
.ko-kr .page-font-style
{
	
}
/***************************PAGE-FONT-STYLE END********************************//***************************MAIN-HEADING START********************************/
.main-heading
{
    font-size: 18px;
    
}

.div-share-name-and-date {
	font-weight: 100;
}
.main-heading
{	
	display: none;
}
.wrapper {
	padding: 0;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
} /***************************MAIN-HEADING END********************************/  /***************************TABLE START********************************/
.table-share-header {
	border: solid 0px #CCC;
	border-left: none;
	border-right: none;
	/* height: 40px !important; */
	border-bottom: 1px solid #555;
	border-top: 3px solid #555;
	font-weight: 100;
	line-height: 36.36px;
	padding: 1em;
}

.table-share td {
    line-height: 40px;
	font-weight: 100;
	height: 50px;
}
.table-share-row-odd {
    border-bottom: 1px solid #ccc !important;
}
.table-share-header-check {
	text-align: left;
	border-left: solid 0px #CCC;
	padding-left: 10px;
}

.body-rtl .table-share-header-check 
{
    text-align: right;
	border-right: solid 0px #CCC;
	border-left:none;
	padding-right: 10px;
}

.table-share-header-date {
	border-left: solid 0px #e5e5e5;
}

.body-rtl .table-share-header-date 
{
    border-left: solid 0px #CCC;
    border-right:none;
    text-align:left;
}
.padding-right-10 {
    padding-right: 5px;
}
.table-share-header-name {
	/*font-size: 12px;*/
	/*font-weight: bold;*/
	text-align: left;
	padding-left: 10px;
	color: #666666 !important;
    background-color: #e8e9f0 !important;

}
.table-share-header-market {
	/*font-size: 12px;*/
	/*font-weight: bold;*/
	text-align: center;
	border-left: solid 0px #e5e5e5;
}
.table-share-market-name {
    text-align: center;
	border-left: solid 0px #e5e5e5;
}
.table-share-header-currency {
	/*font-size: 12px;*/
	/*font-weight: bold;*/
	/*text-align: center;*//*Aligned to the center in the code - JK*/
}
.table-share-header-date {
	/*font-size: 12px;*/
	/*font-weight: bold;*/
	text-align: center;
	border-left: solid 0px #e5e5e5;
}

.table-share-row-name {
	/*text-align: left;*//*Aligned to the left in the code*/
	padding-left: 10px;
}
.table-share-header-currency {
	text-align: center;
	border-left: solid 0px #e5e5e5;
}
.table-share-row-currency {
	text-align: center;
	border-left: solid 0px #e5e5e5;
}
.table-share-row-date {
	text-align: center;
	border-left: solid 0px #e5e5e5;
	width: 130px;
	padding-right: 0;
}

.body-rtl .table-share-row-date 
{
    text-align: left;
	width: 130px;
	padding-left: 12px;
}

.table-grid-line {
	/*border-color: #FFFFFF;
	border-width: 1px;*/
}
.table-share-row-even {
	/*background-color: #EEE;*/
}
.table-share-row-odd {
	/*background-color: #FFFFFF;*/
}  /***************************TABLE END********************************/   /***************************HYPERLINK START********************************/
.footer-box {
	text-align: right;
	font-size: 14px !important;
	font-weight: 100 !important;
}
.footer-box .hyperlink {
	/*color: #d52b1e;*/
	/*text-decoration: underline;*/
	font-size: 14px !important;
	text-decoration: none;
	font-weight: 100 !important;
}
.footer-box .hyperlink:hover {
	/*color: Blue;*/
	font-weight: 100;
	font-size: 14px !important;
	text-decoration: underline;
	font-weight: 100 !important;
}
.disclaimer-box a, .cookies-box a {
	font-size: 14px !important;
	text-decoration: none;
} 
.disclaimer-box a:hover, .cookies-box a:hover {
	font-weight: 100;
	font-size: 14px !important;
	text-decoration: underline;
	
}  /***************************HYPERLINK END********************************/   /***************************TAB START********************************/
.tabs {
	/* line-height: 40px;
	height: 40px; */
	border-bottom: 0px;
	padding-top: 15px;
	float: none;
	text-align: center;
}

.tabs li {
    float: none;
    margin: 0;
	display: inline-block;
	width: auto;
    min-width: 400px;
	height: auto;
	margin: 0 -5px;
}


.tabItem {
	/* color: #222222 !important;
	text-decoration: none;
	border: solid 1px #999999;
	border-bottom: solid 0px #dedede;
	font-weight: 100;
	text-transform: none !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	font-size: 16px !important;
	line-height: 60px;
	height: 60px;
	margin-top: 5px;
	background: #fcf9f8 !important;
	text-align: center; */
	background: #fcf9f8;
    display: inline-block !important;
    height: 60px;
    line-height: 60px;
    padding: 0px 18px;
    text-decoration: none;
    float: none;
    font-size: 17px !important;
    color: #222;
    border-left: 0px solid #afafaf;
    background-color: #e8e9f0;
    font-weight: 100;
    margin-top: 4px;
    text-transform: capitalize;
    font-family: "Noto Sans Light", "Malgun Gothic", "Noto Sans Light", "MG", "Apple SD", "dotum", "돋움", sans-serif !important;
    box-sizing: border-box;
    margin-left: -5px;
    /* min-width: 160px; */
    position: relative;
	width: 100%;
}
.ko-kr .tabItem,.ko-kr .tabItem-active{
	
}

.tabItem-active {
	color: #d71826 !important;
    background: #ffffff;
    border: 3px solid #d71826;
    font-size: 19px !important;
    font-weight: 400;
    height: 74px;
    line-height: 65px;
    z-index: 10;
	position: relative;
	text-decoration: none;
	box-sizing: border-box;
}

.tabItem-active:hover{
	color: #d71826;
    background: #ffffff;
    border: 3px solid #d71826;
    font-size: 19px !important;
    font-weight: 400;
    height: 74px;
    line-height: 65px;
    z-index: 10;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.tabItem:hover {
	background: #e8e9f0 !important;
	color: #222 !important;
	/* font-weight: 100; */
}
/***************************TAB END********************************/  /***************************BUTTON START********************************/
.en-gb .show-data-button {
	color: #FFFFFF;
	font-size: 16px;
	background: #333;
	border: 1px solid #333;
	border-radius: 5px;
	/* background-image: -moz-linear-gradient(center top, #d71826, #d71826); */
	/* margin-right: 12px; */
	font-weight: 100;
	padding: 10px 25px !important;
	font-family: "Noto Sans Light", "Malgun Gothic", "맑은 고딕", "MG", "Apple SD", "dotum", "돋움", sans-serif !important;
	height: auto;
	width: 100%;
	box-sizing: border-box;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.ko-kr .show-data-button {
	color: #FFFFFF;
	font-size: 16px;
	background: #333;
	border: 1px solid #333;
	border-radius: 5px;
	/* background-image: -moz-linear-gradient(center top, #d71826, #d71826); */
	/* margin-right: 12px; */
	font-weight: 100;
	padding: 10px 25px !important;
	font-family: "맑은 고딕","Noto Sans Light", "Malgun Gothic","MG", "Apple SD", "dotum", "돋움", sans-serif !important;
	height: auto;
	width: 100%;
	box-sizing: border-box;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}

.show-data-button:hover {
	background: #000;

}
.en-gb .download-data-button {
	color: #FFFFFF;
	font-size: 16px;
	background: #333;
	border: 1px solid #333;
	border-radius: 5px;
	/* background-image: -moz-linear-gradient(center top, #d71826, #d71826); */
	/* margin-right: 12px; */
	font-weight: 100;
	padding: 10px 25px !important;
	font-family: "Noto Sans Light", "Malgun Gothic", "맑은 고딕", "MG", "Apple SD", "dotum", "돋움", sans-serif !important;
	height: auto;
	/* width: 100%; */
	box-sizing: border-box;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.ko-kr .download-data-button {
	color: #FFFFFF;
	font-size: 16px;
	background: #333;
	border: 1px solid #333;
	border-radius: 5px;
	/* background-image: -moz-linear-gradient(center top, #d71826, #d71826); */
	/* margin-right: 12px; */
	font-weight: 100;
	padding: 10px 25px !important;
	font-family: "Noto Sans Light", "Malgun Gothic", "맑은 고딕", "MG", "Apple SD", "dotum", "돋움", sans-serif !important;
	height: auto;
	/* width: 100%; */
	box-sizing: border-box;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.download-data-button:hover {
	background: #000;
}  /***************************BUTTON END********************************/   /***************************SEARCH RESULT START********************************/
.en-gb #txtStartDate,.en-gb #txtEndDate,.en-gb #txtHeaderCurrency 
{
	min-width: 11em !important;
	font-size: 16px !important;
	font-family: "Noto Sans Light", "Malgun Gothic", "맑은 고딕", "MG", "Apple SD", "dotum", "돋움", sans-serif !important;
	color: inherit;
	font-weight: 100;
}
.ko-kr #txtStartDate,.ko-kr #txtEndDate,.ko-kr #txtHeaderCurrency 
{
	min-width: 11em !important;
	font-size: 16px !important;
	font-family: "맑은 고딕","Noto Sans Light", "Malgun Gothic","MG", "Apple SD", "dotum", "돋움", sans-serif !important;
	color: inherit;
	font-weight: 100;
}

.break {
	/*height: 10px;*/
}
.div-result h1 {
	/*font-size: 12px;*/
	/*font-weight: bold;*/
}
.result-box-border {
	/*border-color: #CACACA;*/
}
.multiple-result-box-border {
	/*border-color: #CACACA;*/
}
.result-close-icon {
	border: 1px solid #c6c6c6;
	position: absolute;
	height: 23px;
	width: 23px;
	background-color: #FEFEFE;
	border-radius: 2px 2px 2px 2px;
	z-index: 999999;
	text-align: center;
	vertical-align: bottom;
	line-height: 23px;
}
.result-close-icon:hover {
	cursor: pointer;
}
.single-share {
	width: 49%;
}
.single-share table {
	margin: 0 auto;
}
.single-result-values {
	padding-left: 25px;
	line-height: 20px;
	text-align: left;
}
.en-gb .single-result-date-text {
	font-size: 16px;
    font-weight: 100;
    text-align: center;
    color: #222222;
    background: #F1F2FA;
    padding: 15px;
    border-top: 3px solid #555;
    border-bottom: 1px solid;
}
.ko-kr .single-result-date-text {
	font-size: 16px;
    font-weight: 100;
    text-align: center;
    color: #222222;
    background: #F1F2FA;
    padding: 15px;
    border-top: 3px solid #555;
    border-bottom: 1px solid;
}
.en-gb .single-result-close-price-value {
	font-size: 39px;
	font-weight: 100;
}
.ko-kr .single-result-close-price-value {
	font-size: 28px;
	font-weight: 100;
}
.en-gb .single-result-close-price-text {
	font-size: 20px;
	font-weight: 100;
	text-align: center;
	color: #222222;
}
.ko-kr .single-result-close-price-text {
	font-size: 20px;
	font-weight: 100;
	text-align: center;
	color: #222222;
}

.single-result-close-price-text {
	padding-top: 3em;
}
.en-gb .single-result-close-price-currency {
	font-size: 20px;
	font-weight: 100;
}
.ko-kr .single-result-close-price-currency {
	font-size: 20px;
	font-weight: 100;
}
.single-share-sperator {
	border-left: 1px solid #c6c6c6;
}

.single-result-close-price {
	color:#D71826;
}
.multi-share {
	padding-left: 12px;
}
.en-gb .mutil-result-share-name {
	font-size: 12px;
	font-weight: 700;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
}
.ko-kr .mutil-result-share-name {
	font-size: 12px;
	font-weight: 700;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
}
.en-gb .mutil-result-close-price-value {
	font-size: 12px;
	font-weight: 700;
}
.ko-kr .mutil-result-close-price-value {
	font-size: 12px;
	font-weight: 700;
}
.en-gb .mutil-result-close-price-currency {
	font-size: 12px;
	font-weight: 700;
}
.ko-kr .mutil-result-close-price-currency {
	font-size: 12px;
	font-weight: 700;
}
.mutil-result-market-name {
	font-size: 12px;
}
.mutil-result-share-box-item {
	margin: 5px;
	border: 1px solid #c6c6c6;
	background-color: #EEE;
	display: inline-block;
	text-align: center;
	line-height: 22px;
	border-radius: 5px 5px 5px 5px;
}
.download-single-result table td {
    border-bottom: 1px solid #e5e5e5;
    height: 50px;
}
.download-single-result table tr:first-child td{
    border-top: 1px solid #e5e5e5;
}
.en-gb .single-data-label {
    background-color: #ffffff;
	font-weight: 100;
	text-align: center;
	color: #222222;
	width: 33.33%;
}
.ko-kr .single-data-label {
    background-color: #ffffff;
	font-weight: 100;
	text-align: center;
	color: #222222;
	width: 33.33%;
}
.single-data-item {
    overflow: hidden;
	border-left: solid 0px #e5e5e5;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 33.33%;
}
.en-gb .second-heading {
	font-size: 16px;
	color: #222222;
	text-transform: none;
	font-weight: 100;
} 
.ko-kr .second-heading {
	font-size: 16px;
	color: #222222;
	font-weight: 100;
} /***************************SEARCH RESULT END********************************/

.divGraph{
	display: block;
}
.div-result {
    float: left;
    margin-top: 15px;
    position: relative;
    width: 100%;
}
/*Fix for Ie7 Browser with culture: FI-FI*/
.fi-fi .td-left
{
	*width:220px !important;
	width:220px\0/ !important;
}
.local-currency{ width: auto !important;}
.btn-outer {
    float: left;
    height: 100%;
    overflow: visible;
	padding-bottom: 10px;
	font-weight: 100;
}
.btn-inner {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 175px !important;
}
.en-gb .download .btn-inner {
    margin-bottom: 20px;
    margin-top: 20px;
}
.ko-kr .download .btn-inner {
    margin-bottom: 20px;
    margin-top: 20px;
    /* width: 191px !important; */
}
.td-fromto, .td-right, .td-iconcalendar {
    width: 40px;
}
.EUCalendar-title div {
    text-shadow: none;
}
.EUCalendar-dayNames div {
    text-shadow: none;
}
/* @media (max-width : 440px) {
	.tabItem-active {
		border: solid 1px #d71826;
		border-bottom: solid 1px #d71826;
		height: 30px;
		line-height: 30px;
		background: #d71826 !important;
		color: #ffffff !important;
		width: 180px;
		text-align: left;
		font-size: 12px !important;
	}
	.ko-kr .tabItem-active {
		width: 133px;
	}
	.tabItem {
		border: solid 1px #999999;
		background: #fcf9f8 !important;
		color: #555555 !important;
		height: 30px;
		line-height: 30px;
		width: 180px;
		text-align: left;
		font-size: 12px !important;
	}
	.ko-kr .tabItem {
		width: 133px;
	}
	.tabItem:hover { 
		background: #E8E9F0 !important;
		color: #ffffff !important;
		border: solid 1px #E8E9F0;
	}
	.tabItem-active:hover {
		background: #E8E9F0 !important;
		color: #ffffff !important;
		border: solid 1px #E8E9F0;
	}
	.tabs {
		border-bottom: solid 0px #dedede;
		height: 30px;
		line-height: 30px;
	}
	.single-data-label { 
		white-space: 100;
	}
	.selection {
		clear: both;
		padding: 35px 0;
	}
} */

.share-price-value-increase-color {
    color: #f33 !important;
}
.share-price-value-decrease-color {
    color: #06c !important;
}

/*custom*/
.selection > .clear-both {
    clear: none !important;
}
.btn-section .selection-left {
    display: none;
}
.btn-inner {
    margin-top: 10px !important;
    width: 150px !important;
}
.eu-checkbox-inner {
    padding-right:100px;
}

@media (max-width : 600px){
	.selection > .clear-both {
		clear: both !important;
	}
	.btn-section .selection-left {
		display: block;
	}
	.btn-inner {
		margin-top: 20px !important;
		width: 150px !important;
	}
	/* .selection.download .btn-outer {
		padding-left: 40px;
	} */
}

/* ****************Added Codes****************** */

.en-gb .table-share-header {
	color: #666666 !important;
    background-color: #F1F2FA !important;
}

.ko-kr .table-share-header {
	color: #666666 !important;
    background-color: #F1F2FA !important;
}

.div-share-selection {
    width: 100%;
    float: left;
    margin: 31px 0;
}

.selection-left,
.single-share,
tspan,
span,
span.highcharts-title,
.annual_close_prices_note {
	font-weight: 100 !important;
}

.local-currency {
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 3px;
    width: 95px;
    font-weight: 100;
}
/* 
.selection input {
	height: 2.5em;
}

.local-currency */


/*************************************** Start of: Currency Selection ****************************************/

.dropdown-item-table tbody tr:first-child td:first-child {
	width: auto !important;
}
.ac_input {
	border: 0.08em solid #CCCCCC;	
	height: 2.5em;
	width: 100%;
	min-width: 11em;
}

.dropdown-item {
	width: auto !important;
	box-sizing: border-box;
}
.dropdown-item-text td:first-child {
	width: 100%!important;
}

.dropdown-name {
	width: 100px !important;
}

.dropdown-item-text .flags {
	padding-right: 5px;
}

.ac-arrow,
.arrow-wrapper,
.ac-arrow button,
.dropdown-item-table {
	line-height: 2.5em!important;
	height: 2.5em!important;
	box-sizing: border-box;
}
.dropdown-item-table td:last-child {
	width: 1.5em!important;
}
.arrow-wrapper {
	text-align: center;
}
.ac_input_active .arrow-wrapper,
.arrow-wrapper:hover {
	border-left: 0.08em solid #CCCCCC;
	background: #D2DBDB;
	background: linear-gradient(#D2DBDB, #E6E6E6);
}
.ac-arrow {
	display: inline-block;
	background: transparent;
	
	position: relative;
	top: 0px;
	left: 0px;
	
	width: 1em;
}

.ac-arrow:before {
	content: "";
	width: 0; 
	height: 0;

	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -0.35em;
	margin-top: -0.35em;
	
	border-left: 0.3em solid transparent; 
	border-right: 0.3em solid transparent; 
	border-top: 0.7em solid #222222;
}

.ac_odd,
.ac_even {
	transition: background 0.3s, border 0.3s;
}
.ac_over {
	background: #D2DBDB;
	color: #222222;	
	border-color: #CCCCCC;
	border-width: 0.08em;
}

.ac_results {
	border: 0.08em solid #CCCCCC;
	border-top: 0;
	box-shadow: 1px 1px 3px #D2DBDB;	
}

.local-currency {
	width: 100%!important;
	line-height: 1em;
	height: auto;
	padding-left: 0.16em;
}

.ac_results li {
	margin-bottom: 0em;
	line-height: normal;
	height: auto;
}
.ac_results li table,
.ac_results li table tr td:first-child {
	width: 100%;
}
.flags {
	padding-right: 10px;
}
/*************************************** Start of: Share price results ****************************************/

/*************************************** Start of: Selection ****************************************/

.selection  {
	margin-top: 2em;
	padding: 0px;
	padding-top: 1em;
	border-top: 0em solid #A7A9A3;
}

.date-time-selection {
	
}
.selection-left,
.selection-right {
	float: none;
	display: inline-block;
	height: auto;
	line-height: 1em;
	padding: 0px;
	
	vertical-align: top;
}

.td-fromto, .td-right, .td-iconcalendar {
	line-height: 2.5em;
	padding: 0px;	
	height: auto;
	margin-bottom: 10px;
}

.td-fromto {
	width: 3em;
}

.selection-left {
	line-height: 2.5em;
	width: auto!important;
	min-width: 11.5em!important;
}
.historical .selection-left {
	width: auto!important;
	min-width: 18em!important;
}

.td-right {
	padding: 5px 0;	
}
.td-iconcalendar {
	padding-left: 10px;
}

.currency-selection,
.date-time-selection {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}



.selection-right table.page-font-style {
	
}

#txtStartDate, 
#txtEndDate, 
#txtHeaderCurrency,
.selection input {
	height: auto;
	line-height: normal;
	
	height: 2.5em;
	
	border: 0.08em solid #CCCCCC !important;
	padding: 0 0.16em;
	box-sizing: border-box;
}

.btn-inner {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 178px !important;
}


.btn-outer {
	float: none;
}

.historical .btn-outer  {
	max-width: 469px;
}

.download .btn-outer  {
	max-width: 413px;
}


.btn-inner {
    float: right;
}

#txtStartDate, #txtEndDate, #txtHeaderCurrency {
    width: 178px !important;
}

.border-inline {
	border-color: #CCC !important;
}

.divGraph .second-heading {
    font-weight: bold;
	font-size: 17px;
}

span.highcharts-title {
    color: #222 !important;
}


.result-box.border-outline.padding-10-10 {
    border-color: #555 !important;
}

.result-close-icon {
	border-color: #555 !important;
}

.single-share table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}


.single-share-sperator {
    border-left: 0px solid #c6c6c6;
}

.single-result-item {
    padding: 10px 5px;
    border-bottom: 1px solid #ccc;
	text-align: center;
}

.download-data-button img {
	display: none;
}



/*********************************************** Calendar  ************************************/

.EUCalendar-dayNames div, .EUCalendar-day, .EUCalendar-weekNumber {
    padding: 6px 6px;
    margin: 1px !important;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 35px;
    color: #222222;
    text-align: center;
	font-size: 14px !important;
	font-family: inherit;
}
.EUCalendar-day-selected {
    background-color: #222222;
    color: #ffffff !important;
    font-weight: 400;
    border: 0px solid;
}
.EUCalendar-day:hover {
    background: #eeeeff;
    color: #222222 !important;
}
.EUCalendar-day-disabled, .EUCalendar-menu-month-disabled {
    opacity: 0.5;
    text-shadow: none !important;
}
.EUCalendar-title div {
    padding: 5px 17px !important;
    text-shadow: none;
    color: #222222;
    border: 1px solid transparent;
	font-family: inherit;
	font-size: 14px !important;
}
.EUCalendar-day-today.EUCalendar-day-selected:hover{
	font-weight: 400;
	color: #222222;
	
}
.EUCalendar-day-today.EUCalendar-day-selected {
	background-color: #222222 !important;
}
.EUCalendar-weekend {
    color: #c22 !important;
}
.EUCalendar-title div:hover {
    border: 1px solid #2F3C44;
}
.EUCalendar-bottomBar-today, .button_bg{
	display: block;
    font-family: inherit;
    font-weight: 600;
    color: #ffffff;
    text-transform: capitalize;
    margin: 0 auto;
    padding: 7px;
	font-size: 14px;
    border: 0px solid #2383D4;
	font-family: inherit;
    border-radius: 5px;
    background: #222222;
    transition: background 0.5s, color 0.5s, border 0.5s;
    text-decoration: none;
	min-width: 10em;

}

.EUCalendar-bottomBar-today {
	min-width: 8em;
	margin: 0 auto !important;
	border-radius: 5px !important;
}

.EUCalendar-dayNames {
	text-shadow: none !important;
}

.EUCalendar-bottomBar {
	border-top: 0px solid #e1e1e1 !important;
	padding: 6px;
}
.EUCalendar-bottomBar-today:hover{
	display: block;
    font-family: inherit;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: capitalize;	
    background: #000000;
	border-color: #000000;
    transition: background 0.5s, color 0.5s, border 0.5s;
    text-decoration: none;
	transition: all 0.2s ease-out;
}
.button_bg {
    line-height: 0em !important;
    width: 100px;
	margin: 0 auto;
	margin-top: 3px;
}

.button_bg:hover {
	display: block;
    font-family: inherit;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: capitalize;
    padding: 7px;
    border: 0px solid #52a7ef;
	border-radius: 5px;
    background: #222222;
    transition: background 0.5s, color 0.5s, border 0.5s;
    text-decoration: none;
}

/*********************************************** END OF CALENDAR  ************************************/


@media screen and (max-width:783px) {
	.tabs li {
		min-width: 300px;
	}
}

@media screen and (max-width:603px) {
	.tabs li, .tabItem {
		margin: 0;
	}
}


@media screen and (max-width:519px) {
	.historical .btn-outer {
		max-width: 178px;
	}
}

@media screen and (max-width:463px) {
	.download .btn-outer {
		max-width: 227px;
	}
}