#canvasChart .tt_topToolbar > .tt_addIndicator > span
{
    font-size: 0;
	line-height:14px
}

.canvas-chart-block #dataInterval a {
    white-space: nowrap;
}
#canvasChart .tt_colorPickerSet table td:not(.tt_selected), #canvasChart .tt_colorPickerSet table th:not(.tt_selected), #canvasChart .tt_datePicker table td, #canvasChart .tt_datePicker table th
{
    border-top: none;
    background: none;
}
#canvasChart .tt_chartContainer {
    background-color: #dee1ef;
    border: none;
    padding: 0px !important;
}
#canvasChart .tt_topToolbar > div:not(.tt_spacer), #canvasChart .tt_leftToolbar > div:not(.tt_spacer) {
	background-color: rgba(250, 250, 250, 0.7);
}
#canvasChart .tt_topToolbar > div:hover:not(.tt_spacer), #canvasChart .tt_leftToolbar > div:hover:not(.tt_spacer) {
	background-color: rgba(0,0,0,0.5);
}
#canvasChart .tt_mobile .tt_topToolbar > div:hover:not(.tt_spacer), #canvasChart .tt_mobile .tt_leftToolbar > div:hover:not(.tt_spacer) {
	background-color: rgba(250,250,250,0.7);
}
#canvasChart .tt_topToolbar > div[data-checked="on"], #canvasChart .tt_leftToolbar > div[data-checked="on"], #canvasChart .tt_topToolbar > .tt_merge[data-checked="on"], #canvasChart .tt_leftToolbar > .tt_merge[data-checked="on"] {
	background-color: rgba(240, 240, 240, 0.5)
}
#canvasChart .tt_dataInfo tr td:nth-child(2) {
    text-align: left;    
}

#canvasChart .tt_dataInfo > tr > td.tt_dataInfoHeader span {
	max-width:100px;
	display:inline-block;
	text-overflow:ellipsis;
	overflow:hidden
}
#canvasChart input {
	vertical-align:middle
}
.tt_colorPicker {
	width:240px	
}

/* START INFO BOX POSITION FIX */
.tt_dataInfo, .tt_dataInfo_topLeft {
    bottom: 10px !important;
    top: auto !important;
    position: absolute !important;
    margin-left: 5px !important;
}
.tt_dataInfo {width:auto}
/* END INFO BOX POSITION FIX */

.tt_copyrightSign {
	display:none
}
/*---------------  START BLACK chart -----------------*/

.black-skin #canvasChart .tt_topToolbar > div:not(.tt_spacer), 
.black-skin #canvasChart .tt_leftToolbar > div:not(.tt_spacer) {
	background-color: rgba(250, 250, 250, 0.15);
}
.black-skin #canvasChart .tt_mobile .tt_topToolbar > div:hover:not(.tt_spacer), 
.black-skin #canvasChart .tt_mobile .tt_leftToolbar > div:hover:not(.tt_spacer) {
	background-color: rgba(250,250,250,0.15);
	color:#fff;
	-moz-box-shadow: inset 0 0 4px rgba(255,255,255,0.15);
	-webkit-box-shadow: inset 0 0 4px rgba(255,255,255,0.15);
	box-shadow: inset 0 0 4px rgba(255,255,255,0.15);
	border-color:rgba(0,0,0,0.8);
	background-image:url(../Canvas/img/Toolbar_white_sprite_new.png);
}
.black-skin #canvasChart .tt_chartContainer {
	background-color: #2c2c2c;
	border:none;
}
.black-skin .tt_canvasContainer {
    -ms-touch-action: none;
}
.black-skin .tt_popupOverlay {
	background: rgba(255,0,0,0.5);
}
.black-skin .tt_dataInfo > tr > td {
	background-color: rgba(66,66,66,0.8);
	border-color: #000;
}
.black-skin .tt_dataInfo > tr > td.tt_dataInfoHeader {
	background-color: rgba(34,34,34,0.8);
}
.black-skin .tt_axisLabel {
	color: #FFFFFF;
	fill: #FFFFFF; /* fill za boju */
}
.black-skin .tt_YcrossHairLabel {
	background: rgba(120,120,120,0.8);
}
.black-skin .tt_lastLabel{
	color: #000000;
	background: rgba(200,200,200,0.8);
}
.black-skin .tt_YcrossHairLabel:before {
   border-right: 4px solid rgba(120,120,120,0.8);
}
.black-skin .tt_XcrossHairLabel {
	background: url(../Canvas/img/crosshair-labels-gray-2.png) no-repeat center top;
}
.black-skin .tt_lastLabel:before{
   border-right: 4px solid rgba(200,200,200,0.8);
}
.black-skin .tt_topToolbar > div:not(.tt_spacer), 
.black-skin .tt_leftToolbar > div:not(.tt_spacer) {
	-moz-box-shadow: inset 0 0 4px rgba(255,255,255,0.15);
	-webkit-box-shadow: inset 0 0 4px rgba(255,255,255,0.15);
	box-shadow: inset 0 0 4px rgba(255,255,255,0.15);
	border-color:rgba(0,0,0,0.8);
	background-image:url(../Canvas/img/Toolbar_white_sprite_new.png);
	color:#fff
}
.black-skin .tt_leftToolbar > div:not(.tt_spacer):first-child {
	border-top:1px solid rgba(0,0,0,0.8)
}
.black-skin .tt_topToolbar > div:not(.tt_spacer):first-child {
	border-left:1px solid rgba(0,0,0,0.8)	
}
.black-skin .tt_topToolbar > div:hover:not(.tt_spacer), 
.black-skin .tt_leftToolbar > div:hover:not(.tt_spacer), 
.black-skin .tt_topToolbar > .tt_dropDown > div > ul > li:hover, 
.black-skin .tt_topToolbar > .tt_dropDown > div > ul > li > ul > li:hover {
	background-color: rgba(250,250,250,0.15);
	-moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
	box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
	border-right-color:rgba(0,0,0,0.4);
}
.black-skin .tt_topToolbar > .tt_dropDown > div > ul > li:hover, 
.black-skin .tt_topToolbar > .tt_dropDown > div > ul > li > ul > li:hover,
.black-skin .tt_leftToolbar > .tt_dropDown > div > ul > li:hover {
	background-color: rgba(0,0,0,0.2);
}
.black-skin .tt_topToolbar > .tt_dropDown > div > ul, 
.black-skin .tt_leftToolbar > div.tt_merge > div > ul, 
.black-skin .tt_topToolbar > div.tt_addIndicator > div, 
.black-skin .tt_topToolbar > div.tt_addCompare > div, 
.black-skin .tt_topToolbar > div.tt_symbols > div, 
.black-skin .tt_topToolbar > div.tt_period > div > ul > li > ul, 
.black-skin .tt_topToolbar > div.tt_dateRange> div > ul > li > ul, 
.black-skin .tt_topToolbar > div.tt_numOfRecords > div {
	background-color: rgba(64,64,64,0.9);
	border-color: rgba(0,0,0,0.8)
}
.black-skin .tt_topToolbar > div.tt_chartType > div > ul > li, 
.black-skin .tt_topToolbar > div.tt_period > div > ul > li > ul > li,
.black-skin .tt_topToolbar > div.tt_chartType > div > ul > li, 
.black-skin .tt_topToolbar > div.tt_dateRange > div > ul > li > ul > li,
.black-skin .tt_topToolbar > div.tt_merge > div > ul > li, 
.black-skin .tt_leftToolbar > div.tt_merge > div > ul > li {
	border-color:rgba(0,0,0,0.8);
}
.black-skin .tt_topToolbar > .tt_dropDown[data-checked=on] {
	 background-color: rgba(255, 255, 255, 0.3);
}
.black-skin .tt_topToolbar > div.tt_dropDown {
 	color: #fff;
}
.black-skin .tt_topToolbar > div.tt_chartType, 
.black-skin .tt_topToolbar > div.tt_addIndicator, 
.black-skin .tt_topToolbar > div.tt_merge, 
.black-skin .tt_leftToolbar > div.tt_merge {
	background-image: url(../Canvas/img/Toolbar_white_sprite_new.png), url(../Canvas/img/Toolbar_white_sprite_new.png);
}

.black-skin .tt_topToolbar > div[data-checked=on], 
.black-skin .tt_leftToolbar > div[data-checked=on], 
.black-skin .tt_topToolbar > .tt_merge[data-checked=on], 
.black-skin .tt_leftToolbar > .tt_merge[data-checked=on],
.black-skin #canvasChart .tt_mobile .tt_topToolbar > div[data-checked=on]:hover,
.black-skin #canvasChart .tt_mobile .tt_leftToolbar > div[data-checked=on]:hover {
	background-color: rgba(255,255,255,0.1);
	-moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
	box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
	border-color:rgba(0,0,0,0.4);
}

/* panel and symbol title settings START */
.black-skin .tt_panelDiv, .black-skin .tt_historyDiv {
	border:1px solid #000 !important
}
.black-skin .tt_symbolTitle > div {
	background-color: rgba(66,66,66,0.8);
}
.black-skin .tt_symbolTitle > div:nth-child(2) {
	background: url(../Canvas/img/Icons_sprite.png) no-repeat center -90px rgba(66,66,66,0.8); 
}
.black-skin .tt_symbolTitle > div.tt_symbol_reload {
	background: url(../Canvas/img/Icons_sprite.png) no-repeat center -169px rgba(66,66,66,0.8); 
}
.black-skin .tt_symbolTitle:hover > div.tt_symbol_reload {
	background-color: rgba(86,86,86,0.8);
}
.black-skin .tt_symbolTitle:hover > div {
	background-color: rgba(86,86,86,0.8); 
}
/* Pop-up START */
.black-skin .tt_popUp {
	background-color: rgba(66,66,66,0.9);
}
.black-skin .tt_popUp > h1 {
	border-bottom: 1px solid black;
	background:url(../Canvas/img/Icons_sprite.png) no-repeat -11px -250px rgba(150,150,150,0.2);
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 182px !important;
}
.black-skin .tt_popUp .tt_chartTypes > ul > li {
	border-color: #000;
}
.black-skin .tt_popUp > .tt_parameters > input[type="radio"] {
	height: 12px;
}

.black-skin .tt_popUp input, .black-skin .tt_popUp textarea {
	background-color:#222	
}

.black-skin .tt_popUp .tt_tabs > li {
	border-color: #000;
	background-image:none
}
.black-skin .tt_popUp .tt_chartTypes > div {
	border-color: #000;
}
.black-skin .tt_popUp .tt_close, .black-skin .tt_popUp .tt_ok, .black-skin .tt_popUp .tt_remove {
	background-color: rgba(150,150,150,0.2);
	border-color:  #000;
}
.black-skin .tt_popUp .tt_remove {
	background-color: rgba(150,150,150,0.2);
}
.black-skin .tt_popUp .tt_close:hover, .black-skin .tt_popUp .tt_ok:hover, .black-skin .tt_popUp .tt_remove:hover {
	background-color: rgba(100,100,100,0.1);
}
.black-skin .tt_popUp span.tt_down, .black-skin .tt_popUp span.tt_up {
	border-color: #000;
}
.black-skin .tt_textInput {
	background:#222222;
	color:#FFFFFF;
	border:none
}
.black-skin .tt_colorPicker {
	background-color: rgba(86,86,86,0.8);
}
/* END of Pop-up */
.black-skin .tt_historyDateLabel, .black-skin .tt_historyTimeLabel, .black-skin .tt_historyClose, .black-skin .tt_history_selectAll {
	background-color: rgba(66,66,66,0.8);
}
.black-skin .tt_historyDateLabel:hover, .black-skin .tt_historyTimeLabel:hover, .black-skin .tt_historyClose:hover, .black-skin .tt_history_selectAll:hover, .black-skin .tt_historyDiv > .tt_selected {
	background-color: rgba(86,86,86,0.8);
}
.black-skin .tt_historySubRegionLabel {
	color: #fff;
}
/* datePicker START */
.black-skin .tt_datePicker {
	background-color: rgba(56, 56, 56, 0.9);
}
.black-skin .tt_datePicker-prev {
	border-right: 1px solid #000;
}
.black-skin .tt_datePicker-next {
	border-color: #000;
}
.black-skin .tt_datePicker-title > span:hover, .black-skin .tt_datePicker > div > a:hover {
	color: #999;
	text-decoration:none
}
.black-skin .tt_datePicker > div {
	border-color: #000;
	background: rgba(200,200,200,0.1)
}
.black-skin .tt_datePicker .tt_selected {
	color: #00f050;
}
/* datePicker END */
.black-skin .tt_loading {
	background: url(img/loading.gif) no-repeat 0 0;
}
.black-skin input.tt_toolbar_search {
	color:#333	
}
.black-skin .tt_mobile .tt_topToolbar > div.tt_chartType:hover, .black-skin .tt_mobile .tt_topToolbar > div.tt_addIndicator:hover, .black-skin .tt_mobile .tt_topToolbar > div.tt_merge:hover, .black-skin .tt_mobile .tt_leftToolbar > div.tt_merge:hover  {
	background-image: url(../canvas/img/Toolbar_white_sprite_new.png), url(../Canvas/img/Toolbar_white_sprite_new.png)!important;
}
.black-skin .tt_zeroPointTool {
    stroke: white;    
}
.black-skin .tt_topToolbar > div.tt_zeroPointTool, .black-skin .tt_topToolbar > .tt_dropDown > div > ul > li[data-value="zeroPointTool"] {
    background-position: center -1614px;
}
.black-skin .tt_cursorXAxisZoomIn {
  cursor: url(../canvas/img/zoom-white.png), auto;
}
.black-skin .tt_popUp .tt_parameters > input{
	float:none
}
.black-skin .tt_saveDialog input[type="button"] {
	text-transform:none;
	float:none;
	font-weight:normal;
	font-size:inherit;
	border:none
}
.black-skin .tt_popUp .tt_plotTypes > span, .black-skin .tt_popUp .tt_barColoringBase > span {
	border-color: #000;
}
.black-skin .tt_symbolTitle > div:nth-child(2), .black-skin .tt_symbolTitle > div:nth-of-type(2n) {
	border-color:#000	
}
/*-------------------- END BLACK chart -------------------*/