@import url("//tools.eurolandir.com/tools/LST2/./../Config/footer.css");
/* Not Found: /Config/LatestShareTrades-V2.css */
/* Not Found: ./../Config/Company/it-eni/it-eni.css */
@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700&display=swap");


@font-face {
    font-family: "EniTab";
	font-weight: 700;
	font-style: normal;
    src: url("//tools.eurolandir.com/tools/LST2/Config/Company/it-eni/fonts/EniTabBol.ttf") format("truetype");
}


body {
	margin: 0px;
}

/*************************************** Start of: Basic setting to overvwrite the tool ****************************************/

body,
.tabs li,
.tabs:after,
input.textbox-base,
.page-font-style,
.main-heading,
.div-buyer,
.div-seller {
	font-family: Open Sans, sans-serif !important;
	font-size: 16px !important;
	color: #333 !important;
}

.hyperlink:link, 
.disclaimer-box a:link, 
.cookies-box a:link ,
.hyperlink:visited, 
.disclaimer-box a:visited, 
.cookies-box a:visited {
	color: #0958A5 !important;
	
	font-weight: none;
	text-decoration: underline;
	font-style: none;
}

.hyperlink:hover, 
.disclaimer-box a:hover, 
.cookies-box a:hover,
.hyperlink:active, 
.disclaimer-box a:active, 
.cookies-box a:active {
	color: #212121 !important;
	
	font-weight: normal;
	text-decoration: none;
	font-style: none;
}

/*************************************** End of: Basic setting to overvwrite the tool ****************************************/

#wrapper {
	margin: 0 auto;
	
	width: auto;
	max-width: 1680px;
}

.main-heading {
	line-height: normal;
	margin: 0px;
	padding: 0px;
	
	font-family: inherit;
	font-size: 1.25em !important;
	font-weight: bold;
	
	color: #040832 !important;
	
	padding-top: 1.0em;
	padding-bottom: 1.0em;
}

.download-data-button {
	
	height: auto;
	line-height: normal;
	
	font-family: inherit;
	font-size: 1.0em;
	font-weight: normal;
	color: #085172 !important;
	text-transform: none;
	
	padding: 1.0em 1.0em 1.0em 1.0em;
	
	border: 0.08em solid #085172;	
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	
    background: #FFFFFF;
    color: #085172 !important;
	
	transition: background 0.5s, color 0.5s, border 0.5s;

	color: #040832!important;
background-color: #FFD300;
font-weight: bold;
border-radius: 59px;
border: solid 1px #FFD300;
text-transform: uppercase;
font-family: "EniTab", "Open Sans", Arial !important;
}

.download-data-button:hover {
	color: #040832!important;
background-color: #F6C900;
border-color: #F6C900;
    cursor: pointer;
}

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


/*************************************** Start of: Table Settings ****************************************/

/*** Tables ***/

.latest-share-trades,
.table-share {
	border-collapse: collapse;
}

/* NB! - The trades by broker needs to remain as border-collapse: separate for the border setting to function! */

/*** Inner Borders ***/
.td-header-last,
.td-header-volume,
.td-header-total,
.td-header-sold,
.td-header-bought,
.td-header-volume,
.td-header-buyerseller,
.table-share-header-market,
.table-share-header-currency {
	border-left: 0em solid #171719;
}

.td-last,
.td-volume,
.td-buyerseller,
.td-number,
.table-share-market-name,
.table-share-row-currency {
	border-left: 0.08em solid #171719;
}

.border-inline {
	border-bottom: 0.08em solid #171719 ;
}


/*** Outter borders ***/

.border-inline:first-child,
.td-header-color,
.td-time,
.td-first-col,
.checkbox-wrapper,
.table-share-header-check {
	border-left: 0.08em solid #171719;
}

.td-volume,
.td-header-volume,
.td-buyerseller,
.td-number:last-child,
.table-share-row-currency,
.td-header-total,
.table-share-header-currency,
.td-last-col {
	border-right: 0.08em solid #171719;
}

.border-outline tr:last-child .border-inline {
	border-bottom: 0.08em solid #171719;
}

.table-share-header {
	border-top: 0.08em solid #171719;
}


/*** Header Top/Bottom Borders ***/

.table-share-header {
	border-top: 0.08em solid #040832;
	border-bottom: 0.24em solid #040832;
}

/*** Header Left/Right Borders ***/

.td-first-col,
.td-header-color,
.table-share-header-check {
	border-left-color: #171719;
}

.td-header-volume,
.td-header-total,
.table-share-header-currency,
.td-last-col {
	border-right-color: #171719;
}

/*** Responsive overwrides ***/

@media(max-width:479px) { 
	.td-header-volume,
	.table-share-header-market {
		border-right: 0.08em solid #171719;
	}
	
	.td-volume,
	.table-share-market-name {
		border-right: 0.08em solid #171719;
	}
}

/*** Table Backgrounds ***/

/*** Head ***/

.table-share-header {
	background: #FFFFFF;
	color: #040832;
	text-align: left;
	
	font-weight: bold;
	text-transform: none;
}

.td-header-color,
.td-header-broker,
.td-first-col,
.table-share-header-check,
.table-share-header-name {
	background: #FFFFFF;
	color: #040832;
	text-align: left;
	
	font-weight: bold;
	text-transform: none;
}

/*** Body ***/

.table-share-row-even {
	background: #FFFFFF  !important;
}

.table-share-row-odd {
	background: #F5F5F5  !important;
}

.border-inline {
	background: transparent;
	text-align: left;
	color: #666666;
}

.table-share-row-name,
.checkbox-wrapper,
.td-time,
.border-inline:first-child {
	background: transparent;
	text-align: left;
	color: #666666;
	
	font-weight: normal;
	text-transform: none;
}

/** Broker exeption (needs reverce cascading logic) **/

#tbTradeBrokerTemplate .border-inline {
	background: transparent;
	text-align: left;
	color: #666666;
	
	font-weight: normal;
	text-transform: none;
}

#tbTradeBrokerTemplate .td-number {
	background: transparent;
	text-align: left;
	color: #666666;
}

/*** Structural stuff ***/

.td-buyerseller,
.td-header-buyerseller {
	/* Removed the broker, because useless */
	/* If needed needed you need to note that on non broker instruments the column will be removed automatically */
	display: none !important;
}

.table-share-header,
.border-inline {
	padding: 0.6em;
}

.td-header-color,
.lstBroker-tbody .border-inline:first-child,
.checkbox-wrapper,
.table-share-header-check {
	padding: 0em;
}

.color-box {
	margin-left: 0.6em;
}

.table-share,
.latest-share-trades,
.latest-share-trades-broker {	
	margin-bottom: 2.0em;
}
.latest-share-trades {
	margin-bottom: 1.0em;
}


.share-selection  .table-share-row-even,
.share-selection  .table-share-row-odd {
	width: 35%;
}
.share-selection  .table-share-row-name  {
	width: 30%;
}
.share-selection  .select-box {
	width: 20px;
}

/*************************************** Start of: Change Settings ****************************************/

.arrow {
	display: none;
}

.decrease-value {
	color: #DE1135 !important;
	
	display: inline-block;
	position: relative;
	top: 0px;
	left: 0px;
}

.decrease-value:before {
	content: "";
	width: 0; 
	height: 0;

	position: absolute;
	top: 50%;
	right: -1em;
	margin-top: -0.3em;
	margin-right: 0.6em;
	
	border-left: 0.4em solid transparent; 
	border-right: 0.4em solid transparent; 
	border-top: 0.7em solid #DE1135;
}

.increase-value {
	color: #0E8345 !important;
	
	display: inline-block;
	position: relative;
	top: 0px;
	left: 0px;
}

.increase-value:before {
	content: "";
	width: 0; 
	height: 0;
	
	position: absolute;
	top: 50%;
	right: -1em;
	margin-top: -0.3em;
	margin-right: 0.6em;
	
	border-left: 0.4em solid transparent; 
	border-right: 0.4em solid transparent; 
	border-bottom: 0.7em solid #0E8345;
}

.lstBroker-tbody .table-share-row-even.decrease-value,
.lstBroker-tbody .table-share-row-odd.decrease-value,
.lstBroker-tbody .table-share-row-even.increase-value,
.lstBroker-tbody .table-share-row-odd.increase-value {
	display: table-cell;
	padding-right: 1.6em;
}
.td-last {
	padding-right: 1.6em;
}

.td-last .decrease-value:before,
.td-last .increase-value:before {
	margin-right: 0em;
}

.lstBroker-tbody .decrease-value:before,
.lstBroker-tbody .decrease-value:before,
.lstBroker-tbody .increase-value:before,
.lstBroker-tbody .increase-value:before  {
	right: 0em;
}

.arrow-down {
}
.arrow-up {
}

/*************************************** Start of: Tab Settings ****************************************/

.tabs {
	text-align: center;	
	border-bottom: 0px;
	font-size: 0px !important; 	
	float: none;
	
	position: relative;
	z-index: 0;
}

.tabs:after {
	content: '';
	display: block;	
	position: absolute;
	bottom: 0em;
	left: 0em;
	width: 100%;
	height: 0em;
	z-index: -1;
	
	border-bottom: 0em solid #FFFFFF;
}

#LatestTradesContainer,
#TradesBrokerContainer {
	margin-top: 2em;
}

.tabs li {
	float: none;
	display: inline-block;	
	margin: 0px;
}

.tabItem {
	height: auto;
	line-height: normal;
	
	margin: 0.0em 0.08em 0.0em 0.08em;
	
	padding-top: 1.0em !important;
    padding-right: 2.0em;    
	padding-bottom: 1.0em !important;
    padding-left: 2.0em;
    
	font-family: inherit;
	font-weight: normal;
	font-size: 1.0em;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	
	border-radius: 0.0em 0.0em 0.0em 0.0em;
	
	border-top: 0em solid #FFFFFF;
	border-right: 0em solid #FFFFFF;
	border-bottom: 0.16em solid #D8DCDE;
	border-left: 0em solid #FFFFFF;
	
    background: #FFFFFF;
    color: #666666 !important;
	
	transition: background 0.5s, color 0.5s, border 0.5s;
}

.tab-active,
.tab-active:hover,
.tabItem:hover {
	background: #FFFFFF;
	color: #0958A5 !important;	
	border-top: 0em solid #FFFFFF;
	border-right: 0em solid #FFFFFF;
	border-bottom: 0.16em solid #D8DCDE;
	border-left: 0em solid #FFFFFF;
}
.tab-active {
	position: relative;
	top: 0px;
	left: 0px;
}
.tab-active:before {
	
	content: "";
	width: 0; 
	height: 0;

	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -0em;
	
	border-left: 0em solid transparent; 
	border-right: 0em solid transparent; 
	border-top: 0em solid #D8DCDE;
}

/*************************************** Start of: Chart Settings ****************************************/

.chart-navigator-result {
	font-size: 0px;
	text-align: center;
}
.div-buyer,
.div-seller {
	float: none;
	display: inline-block;
	width: 50%;
}

.period-time {
	margin: 0px;
	padding: 0px;
	text-align: center;
}


.footer {
	margin-top: 1em;	
}

@media (min-width: 0px) and (max-width: 449px) { 
	.div-buyer,
	.div-seller {
		width: 100%;
	}
}
@media (min-width: 0px) and (max-width: 480px) { 
	/* .share-selection  .table-share-row-even,
	.share-selection  .table-share-row-odd {
		width: 55%;
	} */
	/* .share-selection  .table-share-row-name  {
		width: 45%;
	} */
	/* .share-selection  .checkbox-wrapper {
		width: 20px;
	} */
	.share-selection .table-share-row-name {
		width: 50% !important;
	}
	td.table-share-market-name.table-share-row-even.border-inline {
		width: 50% !important;
	}
}


/* **********   CUSTOM CSS   ****************/

.main-heading{
	display: none;
}

.latest-share-trades td, .latest-share-trades-broker td {
	padding: 16px;
}

.tabItem{
	border-bottom: 1px solid #D8DCDE;
	font-size: 24px;
	font-family: EniTab, Open Sans, Arial, Helvetica, san-serif;
	margin: 0;
}
.tabItem:hover{
	border-bottom: 1px solid #D8DCDE;
	color:#0958A5;
}


.tab-active{
	box-shadow: inset 0px -2px 0px 0px rgb(9, 88,165) !important;
    border-bottom: 1px solid #0958a5 !important;
	color: #0958a5 !important;
}

.latest-share-trades tr th{
	border-top: 0!important;
	border-left: 0!important;
	border-right: 0!important;
	padding: 16px;
}

.border-inline:first-child{
	border-left: 0;
}

.td-volume{
	border-right: 0;
}

.border-inline, .border-outline tr:last-child .border-inline{
	border-bottom: 0;
}

.footer{
	font-size: 14px;
}

.tabs{
	display: none;
}

.download-data-button{
	padding: 19px 16px 19px 24px;
}

.disclaimer-box a:link{
	color: #0958A5!important;
	text-decoration: none!important;
}

.disclaimer-box a:hover{
	color: #06417A!important;
	text-decoration: underline!important;
}

#LatestTradesContainer, #TradesBrokerContainer{
	margin-top: 0;
}

.table-share th {
	border-left: 0;
    border-right: 0;
    border-top: 0;
}

.border-inline, .border-outline tr:last-child .border-inline {
	border-right: 0;
}

td.table-share-row-name.table-share-row-even.border-inline {
	width: 33.99%;
}
td.table-share-market-name.table-share-row-even.border-inline {
    width: 29.2%;
}
.share-selection .table-share-row-name{
	width:34%;
}
td.table-share-market-name.table-share-row-odd.border-inline {
	width: 29.3% !important;
}

/* .share-selection .table-share-row-even{
	width: unset !important;
} */


/* CUSTOM RADIO BUTTON */

span.radio {
	position: relative;
}

span.radio:before {
    content: '';
    border: 1px solid #D8DCDE;
    width: 18px;
    height: 18px;
    border-radius: 20px;
    position: absolute;
    background: #FFF;
}
span.radio.radio-checked:after {
    content: '';
    position: absolute;
    background: #FFF !important;
    width: 6px;
    height: 6px;
    border-radius: 20px;
    display: inline-block;
    left: 7px;
    z-index: 10;
    color: #FFF;
    bottom: 7px;
}
span.radio.radio-checked:before {
    content: '';
    position: absolute;
    background: #0958A5 !important;
    width: 18px;
    height: 18px;
    border-radius: 20px;
	border: 1px solid #0958A5;
}

.radio {
	background: unset !important;
}

body.en-gb.page-font-style._18073 table.border-outline.latest-share-trades tbody tr td:first-child {
    width: 36%;
}

body.it-it.page-font-style._18073 table.border-outline.latest-share-trades tbody tr td:first-child {
	width: 29%;
}

body.it-it.page-font-style._18073 table.border-outline.latest-share-trades tbody tr td:nth-child(2) {
    width: 34.2%;
}

body.it-it td.table-share-market-name.table-share-row-even.border-inline {
    width: 34.99% !important;
}

body.it-it .share-selection .table-share-row-even, body.it-it .share-selection .table-share-row-odd {
    width: 38%;
}

body.it-it td.table-share-row-name.table-share-row-even.border-inline {
    width: 27.4% !important;
}

body.it-it .share-selection .select-box {
    width: 0 !important;
}

body.it-it td.table-share-market-name.table-share-row-odd.border-inline {
    width: 20.3% !important;
}
body.it-it .share-selection .table-share-row-name {
	width: 26%;
}

table.border-outline.latest-share-trades tbody tr td:first-child {
    width: 36.4%;
}

body.it-it.page-font-style._12182 table.border-outline.latest-share-trades tbody tr td:first-child  {
	width: 29% !important;
}