HTML, BODY {
    top:0;
    left:0;
    margin:0;
    padding:0;
    text-align:left;
	overflow: hidden;
}
#page {
    width:100%;
    display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font:14px -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;
}
/*____________________________________________________________________________*/
#chart {
    float:left;
    width:100%;

}
/*____________________________________________________________________________*/
.show{
	visibility:visible;
	opacity:1;
}
.hide{
	visibility:hidden;
	opacity:0;
}
/*____________________________________________________________________________*/
BUTTON {
	color: #fff;
	cursor: pointer;
	border-width: 1px;
	text-align: center;
	backface-visibility: hidden;
	box-sizing: border-box;
	background-color: #0000ff;
}
	BUTTON.apply{	
		font-size:16pt;
		width:93.5%;
		height: 50px;
		margin:0px 10px 0px 10px;
		display: flex; 
		flex-direction:column;
		align-items: center;
		justify-content: center;
	}
	BUTTON.add{
		float:right;
		margin:5px;
		padding:4px;
		background-color: #00a324;
	}
BUTTON:disabled {
	cursor: default;
}
BUTTON:focus {
	box-shadow: rgba(50, 50, 93, .1) 0 0 0 1px inset, rgba(50, 50, 93, .2) 0 6px 15px 0, rgba(0, 0, 0, .1) 0 2px 2px 0, rgba(50, 151, 211, .3) 0 0 0 4px;
}
/*____________________________________________________________________________*/
DIV#top-menu {
    position: absolute;
    top: 1px;
    right: 40px;
    width: auto;
    height:38px;
	display: flex; 
	flex-direction: row;
	justify-content: center;
	align-items: center;
    background: #EFF1F4;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
	DIV#listings {
		cursor:default;
		margin:0 0 1 5px;
		padding:10px 10px 7px 10px;
		background-color: #fff;
		border:solid 1px #fff;
		border-left:none;
		
	}
	DIV#listings:active{
		background-color: #EFF1F4;
	}
	DIV#listings:hover{
		background-color: #EFF1F4;
	}
	
	DIV#settings {
		cursor:default;
		margin:0 0 1px 1px;
		padding:10px 10px 7px 10px;
		background-color: #fff;
		border:solid 1px #fff;
		border-left:none;
	}
	DIV#settings:active{
		background-color: #EFF1F4;
	}
	DIV#settings:hover{
		background-color: #EFF1F4;
	}
	/*
	DIV#settings-export {
		cursor:default;
		width:50px;
		background: url(../images/save.png) no-repeat left #fff;
		background-origin: content-box;
		text-align:right;
		margin:0 0 0 1px;
		padding:12px 10px 8px 10px;
		border:solid 1px #fff;
		border-left:none;
	}
	DIV#settings-export:active{
		background-color: #EFF1F4;
	}
	DIV#settings-export:hover{
		background-color: #EFF1F4;
	}
	DIV#settings-import {
		cursor:default;
		width:50px;
		background: url(../images/load.png) no-repeat left #fff;
		background-origin: content-box;
		text-align:right;
		margin:0 0 0 1px;
		padding:12px 10px 8px 10px;
		border:solid 1px #fff;
		border-left:none;
	}
	DIV#settings-import:active{
		background-color: #EFF1F4;
	}
	DIV#settings-import:hover{
		background-color: #EFF1F4;
	}
	*/
	DIV#watchlists{
		cursor:default;
		margin:0 0 0 1px;
		padding:11px 10px 8px 10px;
		background-color: #fff;
		border:solid 1px #fff;
		border-left:none;
	}
	DIV#watchlists:active{
		background-color: #EFF1F4;
	}
	DIV#watchlists:hover{
		background-color: #EFF1F4;
	}

/*	#EFF1F4		F0F3FA	*/
/*____________________________________________________________________________*/
DIV.dialog{
	z-index:100;
	cursor:grab;
	max-height:600px;
	position: absolute;
	display: flex; 
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background:#fff;
	box-shadow: 0 2px 4px #0003;
	  -moz-border-radius:  6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;  /* safari 3 */
    -khtml-border-radius:  6px 6px 6px 6px;   /* Konqueror */
}
	.dialog-title{
		float:left;
		width:100%;
		font-size:20px;
		font-weight:600;
		text-align: center;
		border-bottom:1px solid #eee;
	}
		.title-text{
			float:left;
			padding:17px;
		}
		.dialog-close{
			float:right;
			margin:10px;
			padding:10px 13px 10px 13px;
			cursor:default;
			font-size:14px;
		}
		.dialog-close:hover{
			background: #EFF1F4;
		}
	.dialog-search{
		width:100%;
		display: flex;
		cursor:default;
		flex-direction: row;
		justify-content: left;
		align-items: left;
		border-bottom:1px solid #eee;
	}
		.dialog-search SPAN {
			width:18px;
			height:18px;
			margin:8px 5px 10px 17px;
		}
		.dialog-search INPUT {
			width:auto;
			max-width:90%;
			margin:10px 10px 10px 0px;
			border:none;
		}
		.dialog-search INPUT:focus {
			outline: none;
		}
	.dialog-content{
		cursor:default;
		overflow-y:scroll;
		padding-bottom:15px;
	}
		.setting {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
		}
			.setting FIELDSET{
				display: flex;
				flex-direction: row;
				width:50%;
				margin:10px;
				background:#eee;
				border: outset 1px #eee;
			}
			.setting LEGEND{
				
			}
			.settings-indicators{
				display: flex;
				flex-direction: row;
				border: outset 1px #eee;
				margin:0px 10px 0px 10px;
				background:#eee;
			}
				#div-indicators{
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					
				}
					#div-indicators SELECT{
						margin:5px;
					}
					#div-indicators DIV DIV INPUT{
						
					}
					.settings-indicator{
						background:#fff;
						margin-bottom:5px;
						border:1px outset #eee;
					}
						.indicator-close{
							float:right;
							padding:5px;
							cursor:default;
							font-size:10px;
						}
						.indicator-close:hover{
							background: #EFF1F4;
						}
						.inputs{
							display:table;
							padding:10px;
						}
						.inputs:empty{
							display:table;
							padding:0;
						}
						.inputs DIV{
							display:table-row;
						}
						.inputs DIV *{
							display:table-cell;
						}
						.inputs DIV label{
							text-align:right;
							padding-right:5px;
						}
						.input-text{
							font-size:8pt;
							width:120px;
							text-transform:uppercase;
						}
						.input-num{
							width:40px;
						}
				
/*____________________________________________________________________________*/
DIV#pairs{
	padding:17px;
	width:auto;
	border-right:1px solid #eee;
}
UL#pairs-list {
    list-style:none;
	margin:0;
    padding:0;
	display: flex; 
	flex-direction: column;
	justify-content: left;
	align-items: left;
}
	UL#pairs-list LI {
		font:13pt -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;
	}
	UL#pairs-list LI DIV{
		margin-top:10px;
	}
UL#pairs-list LI UL {
	list-style:none;
	margin:0;
    padding:0;
	
}
	UL#pairs-list LI UL  LI {
		float:left;
		margin:0 4% 0 0;
		font-size:9pt;
	}

/*____________________________________________________________________________*/
UL#ul-indicators{
	list-style:none;
	justify-content: left;
	align-items: left;
}

	
/*____________________________________________________________________________*/
DIV#new-pairs{
	padding:5px;
	width:auto;
	border-right:1px solid #eee;
}
UL#new-pairs-list {
    list-style:none;
	margin:0;
    padding:0;
	display: flex; 
	flex-direction: column;
	justify-content: left;
	align-items: left;
}
	UL#new-pairs-list LI {
		font:13pt -apple-system,BlinkMacSystemFont,Trebuchet MS,Roboto,Ubuntu,sans-serif;
	}
	UL#new-pairs-list LI DIV{
		margin-top:10px;
	}
UL#new-pairs-list LI UL {
	list-style:none;
	margin:0;
    padding:0;
	
}
	UL#new-pairs-list LI UL  LI {
		font-size:9pt;
	}

LI.listing {
	padding-bottom:2px;
	max-width:400px;
}
LI.listing:nth-child(odd) {
	background:#eee;
}
LI.listing:nth-child(even) {
	background:#fff;
}
LI.listing SPAN {
	padding-right:5px;
	overflow-wrap: break-word;
}

LI.ad-tickerbell {
	padding:10px;
	max-width:380px;
	text-align:center;
	animation: blinker 2s infinite;
}
@keyframes blinker {
	0% {
		background: gold;
	}
	50% {
		background: crimson;
	}
	100% {
		background: gold;
	}
}
/*____________________________________________________________________________*/
#ad{
	position:absolute;
	left:70px;
	bottom:70px;
	background:white;
	display: flex;
	justify-content: center;
	align-items: center;
}
	.close-ad{
		position:absolute;
		top:3px;
		right:3px;
		padding:1px 3px 1px 3px;
		color:#555;
		border:#eee 1px solid;
		font-size:5pt;
		cursor:default;
	}
.show{
	opacity:1;
	display:block;
	transition:all 1000ms;
}
.hide{
	top:150%;
	opacity:0;
	display:none;
	transition:all 1000ms;
}
/*____________________________________________________________________________*/