div.autorize{
	width: 80%;
	max-width: 500px;
	padding: 20px 3% 20px 3%; 
	min-width: 200px; 
	text-align: center; 
	margin: 0 auto;
	color: #d0d0d6;
	font-size: 10px;
	margin-top: 10vh;
	box-sizing: border-box;
}

	div.autorize div.logo {
		padding: 5px 10px 0px 0px;
		font-size: 16px;
	}
		div.autorize div.logo img {
			height: 28px;
		}
		div.autorize div.logo span {
			color: #034b92;
		}
		div.autorize div.logo td {
			font-weight: 800;
			color: #000000;
			padding: 5px; 
		}
		
div.autorize form {	
	background: #00478d;
	padding: 12px 5px 12px 5px;
}
	
	div.autorize p {
		margin: 20px 0px 20px 0px;
	}
	div.autorize input {
		width: 90%;
		font-size: 20px;
		padding: 6px 10px 6px 10px;
		box-sizing: border-box;
		text-align: center;
	}
	div.autorize button {
		font-size: 20px;
		text-transform: uppercase;
		font-weight: 600;
	}
	

#addform{
	background-color: #eeeeee;
	border-radius: 5px;
	padding: 5px 20px 20px 20px;
	margin: 10px;
}



div.new_w {
	top: 17%;
	right: 100px;
	height: 50%;
	width: 40%;
	padding: 20px;
	position: fixed;
	box-shadow: 0px 5px 15px #303030;
	background: #ffffff;
	min-width: 300px;
	min-height: 240px;
	display: none;
	z-index: 44;
	text-align: center;
}

#new_rqst {
	position: absolute;
	height: auto;
}

div.new_w select {
	font-size: 18px;
	text-align: center;
	min-width: 200px;
	max-width: 400px;
}
	
	div.new_w span.but {
		font-weight: 700;
		color: #606060;
		font-size: 11px;
		cursor: pointer;
		border-bottom: dotted 1px #808080;
	}
	div.new_w span.but:hover {
		color: #aa0000;
		border-bottom: dotted 1px #cc0000;
	}

	div.ext{
		position: absolute;
		margin-top: -5px;
		border-radius: 30px;
		background: #cc0000;
		color: #ffffff;
		z-index: 5;
		text-align: center;
		padding: 10px 16px 10px 16px;
		font-size: 20px;
		font-weight: bold;
		box-shadow: 0px 2px 5px #606060;
		cursor: pointer;
	}
	div.ext:hover{
		background: #ee0000;
	}
	
	div.new_w div.att {
		color: #ff0000;
		font-size: 14px;
		font-weight: 700;
		margin-bottom: 10px;
	}
	div.new_w div.att span.good {
		color: #00cc00;
	}
	
div.new_w input {
	font-size: 18px;
	text-align: center;
	min-width: 220px;
	width: 90%;
	max-width: 400px;
}
	
div.new_w textarea {
	font-size: 14px;
	text-align: center;
	min-width: 220px;
	width: 90%;
	max-width: 400px;
}
	div.new_w input.searchinput {
		font-size: 12px;
		text-align: center;
		min-width: 80px;
		width: 100%;
		max-width: 160px;
		padding: 6px 5px 6px 5px;
		background: #f0f0f0;
		margin: 0px 5px 0px 5px;
	}
	
	
div.m_files{
	display: none;
	z-index: 10;
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
	margin: 20px 10px 0px -200px;
	position: absolute;
	min-width: 280px;
	width: 90%;
	max-width: 1100px;
	right: 5%;
	padding: 25px 5px 5px 5px;
	box-sizing: border-box;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.4);
}
	
	div.m_files div.block {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		box-sizing: border-box;
		width: 100%;
	}
	
		
	
	div.m_files div.line {
		padding: 10px;
		border-bottom: 1px solid #e0e0e0;
		width: 25%;
		box-sizing: border-box;
		overflow-x: hidden;
		
	}
		div.m_files div.line p.ico img {
			height: 120px;
		}
		
		
	div.m_files a {
		display: inline-block;
		font-size: 18px;
		font-weight: 900;
		margin: 1px 0px 1px 10px;
	}
	
	div.m_files div.cls {
		position: absolute;
		background: #ff0000;
		color: #ffffff;
		margin: -25px 0px 0px -5px;
		padding: 1px 5px 1px 5px;
		font-size: 12px;
		font-weight: 700;
		cursor: pointer;
	}
	div.m_files div.cls:hover {
		background: #cc0000;
	}


div.adds {
	width: 60px;
	text-align: center;
	padding: 2px;
	font-size: 14px;
	font-weight: 900;
	background: #f6f6f6;
	cursor: pointer;
	border-radius: 4px;
	text-shadow: 0px 1px 0px #ffffff;
	margin-bottom: 5px;

}
div.adds:hover{
	background: #e0e0e0;
}


div.addr {
	background: #f0f0f0;
	border-radius: 3px;
	text-align: center;
	padding: 5px;
	font-size: 22px;
	cursor: pointer;
	margin: 10px;
	width: 100px;

}
div.addr:hover{
	background: #ee0000;
	color: #ffffff;
	text-shadow: 0px 1px 0px #aa0000;
}


div.fastinfo {
	display: none;
	z-index: 11;
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #c0c0c0;
	margin: -25px 10px 0px 20px;
	position: absolute;
	min-width: 150px;
	min-height: 80px;
	max-width: 800px;
}
div.fastinfo a{
	font-size: 14px;
}
div.fastinfo span {
	color: #a6a6a6;
}
	div.fastinfo span.goodline {
		color: #cc0000;
	}
	
	div.fastinfo div.cls {
		position: absolute;
		background: #ff0000;
		color: #ffffff;
		margin: -25px 0px 0px -5px;
		padding: 1px 5px 1px 5px;
		font-size: 12px;
		font-weight: 700;
		cursor: pointer;
	}
	div.fastinfo div.cls:hover {
		background: #cc0000;
	}

div.fastinfo span.testrate {
	background: rgba(0,0,0, 0.6);
	color: #ffffff; 
	display: block; 
	text-align: center;
	font-size: 14px; 
	font-weight: 900;
	margin: -27px 0px 0px 4px; 
	position: absolute;
	padding: 0px 4px 0px 4px;
}

		div.fastinfo div.line {
			border-bottom: 1px solid #f0f0f0;
			padding: 5px 0px 5px 0px;
			font-size: 12px;
		}

table.analysetbl td {
	padding: 5px;
	border-right: 1px dotted #f0f0f0;
	border-bottom: 1px dotted #f0f0f0;
}

	

div.calendar {
	padding: 10px;
	background: #f0f0ff;
}
	div.calendar div.fltr {
		display: table-cell;
		padding: 10px;
	}
	
	div.calendar input, div.calendar select {
		font-size: 24px;
	}

	
		
	div.log {
		font-size: 12px;
		padding: 0px 10px 0px 10px;
	}
		div.log div.lline {
			border-bottom: 1px dotted #e0e0e0;
			padding: 5px;
		}
			div.log div.lline p.name {
				font-size: 16px;
			}
			div.log div.lline p.info {
				color: #909090;
				font-size: 10px;
				padding: 4px 0px 0px 0px;
			}
				
			div.log span.noin, div.log span.yesin {
				padding: 0px 3px 0px 3px;
				background: #009900;
				color: #ffffff;
				text-transform: uppercase;
				font-size: 10px;
			}
				div.log span.noin {
					background: #cc0000;
				}
				
				
				
	
				
				
				
				
				
				
				
@media screen and (max-width: 950px) {
	div.m_files div.line {
		width: 33%;
	}	
}	
				
@media screen and (max-width: 850px) {
	
	
	div.calendar {
		padding: 0px;
	}
	div.calendar input, div.calendar select {
		font-size: 18px;
	}
	
		
	div.addr {
		padding: 3px;
		width: 40px;
	}
	
	
	div.new_w {
		top: 10%;
		max-height: 88%;
		right: 4%;
		width: 92%;
		overflow-y: auto;
		padding: 20px;
		min-width: 200px;
		box-sizing: border-box;
	}

		
	div.fastinfo {
		left: 5px;
		margin: 20px 0px 0px 0px;
		max-width: 280px;
	}
	
}

				
@media screen and (max-width: 650px) {
	div.m_files div.line {
		width: 50%;
	}	
}	
	
@media screen and (max-width: 500px) {
	div.m_files div.line {
		width: 100%;
	}	
	div.m_files div.block {
		display: block;
		max-height: 500px;
		overflow-y: auto;
	}
}	
	
	
	
	
	
div.searcher_but {
	display: block;
	cursor: pointer;
	opacity: 0.6;
	width: 64px;
	height: 64px;
	background: url(../images/search.png) no-repeat;
	background-size: cover;
	bottom: 10px;
	right: 10px;
	position: fixed;
}
div.searcher_but:hover {
	opacity: 1;
}


#searcher {
	width: 300px;
	min-height: 300px;
	background: #f0f0f0;
	box-shadow: 0px 2px 20px #303030;
	position: fixed;
	bottom: 10px;
	right: 5%;
	display: none;
	padding: 10px;
	z-index: 1221;
}
#searcher div.cls {
	position: absolute;
	font-size: 18px;
	font-weight: 900;
	margin: -30px 0px 0px -30px;
	background: #ff0000;
	color: #ffffff;
	padding: 5px 12px 5px 12px;
	cursor: pointer; 
}
#searcher div.cls:hover {
	background: #cc0000;
}



#gsinp{
	width: 100%;
	box-sizing: border-box;
	font-size: 20px;
	padding: 5px;
}



#searcher p {
	font-size: 14px;
	font-weight: 100;
	padding: 5px;
}

#searcher p button {
	font-size: 24px;	
}


#searcher_notices {
	position: absolute;
	color: #ff0000;
	padding: 10px;
}


#gsearchres {
	overflow-y: auto; 
	max-height: 300px;
	padding: 10px 0px 10px 0px;
}



#searcher_res div.capt {
	padding: 5px;
	background: #ffffff;
	border-top: solid #e0e0e0 1px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
}
	
#gsearchres div {
	border-bottom: 1px solid #ffffff;
	padding: 5px 2px 5px 2px;
}
	#gsearchres p {
		margin: 0px;
		padding: 1px 0px 1px 0px;
		font-size: 10px;
	}
	#gsearchres a {
		font-size: 12px;
	}
	
	
	

.editform {
	display: table;
	width: 100%;
}
	.editform .form {
		display: table-cell;
		width: 60%;
		vertical-align: top;
	}
		.editform form {
			background: #f3f3f3;
			display: inline-block;
			padding: 10px;
			margin: 5px;
		}
		.editform .form p {
			margin: 5px 0px 5px 0px;
		}
		.editform .form span {
			color: #606060;
			font-size: 12px;
			font-weight: 700;
		}
		
	.editform .log {
		display: table-cell;
		vertical-align: top;
	}
	
	

#synclog {
	max-height: 500px;
	overflow: auto;
	margin: 10px 0px 0px 0px;
}


	#synclog div.cont {
		cursor: default;
	}
		#synclog div.cont div.line {
			border-bottom: 1px #c0c0c0 solid;
		}
		#synclog div.cont div.line table td {
			padding: 5px;
			font-size: 12px;
		}
		
			#synclog div.cont div.line table td button {
				font-size: 12px;
				padding: 2px 5px 2px 5px;
				border-radius: 3px;
				opacity: 0.8;
			}
			#synclog div.cont div.line table td button:hover {
				opacity: 1;	
			}
			#synclog div.cont div.line table td button.err {
				background: #cc0000;
				color: #ffffff;
				text-shadow: 0px 1px 0px #003300;
			}
		#synclog div.cont div.nfnsh {
			background: #fff0f0; 
		}				
		#synclog div.cont div.line div.list {
			margin: 5px 5px 5px 5px;
			padding: 5px;
			color: #303030;
			display: none;
			border-bottom: 1px dotted #f3f3f3;
			font-size: 10px;
		}		
		#synclog div.cont div.line div.errlist {				
			color: #cc0000;
		}
			
	
		
		
	div.sellbook {
		right: 10px;
		max-height: 400px;
		overflow-y: auto;
		min-width: 270px;
		max-width: 500px;
	}		
		div.sellbook p.err {
			color: #990000;
			background: #fff0f0;
			padding: 5px;
		}
		div.sellbook p.good {
			color: #008800;
			background-color: rgba(221, 255, 238);
			padding: 5px;
			margin: 0px 0px 5px 0px;
		}
		
		div.sellbook p.add {
			text-align: right;
		}
			div.sellbook p.add span {
				display: inline-block;
				color: #ffffff;
				font-weight: 900;
				font-size: 20px;
				box-sizing: border-box;
				padding: 5px;
				text-align: center;
				width: 24px;
				height: 24px;
				cursor: pointer;
				background: #303030;
				border-radius: 20px;
				
			}
		
		div.sellbook .newcomment {
			background: #f6f6f6;
			padding: 10px;
			border-radius: 5px;
			display: none;
		}
			div.sellbook div.cls {
				display: inline-block;
				position: relative;
				margin: 0px 0px 10px 0px;
			}
			
			div.sellbook .newcomment button {
				margin: 1px 5px 3px 5px;
				padding: 5px 12px 5px 12px;
			}
			
			div.sellbook .newcomment button.stbut {
				font-size: 14px;
				font-weight: 700;
				margin: 5px 5px 5px 0px;
				padding: 3px 6px 3px 6px;
			}
			div.sellbook .newcomment button.stbut_act {
				background: #303030;
				color: #ffffff;
				text-shadow: 0px 1px 0px #000000;
			}
			
		div.sellbook div.lbooks {
			border-top: 1px solid #808080;
			padding: 5px;
			margin: 10px 0px 0px 0px;
		}		
			div.sellbook div.lbooks div.ln {
				padding: 10px 5px 10px 5px;
			}
				div.sellbook div.lbooks div.act {
					background-color: rgb(221, 255, 238);
				}
				
			div.sellbook div.lbooks div.ln+div.ln {
				border-top: 1px dotted #909090;
			}
				div.sellbook div.lbooks div.ln p.dates { 
					font-size: 14px;
				}
					div.sellbook div.lbooks div.ln p.dates b.bt { 
						background: #303030;
						color: #ffffff;
						padding: 0px 4px 0px 4px;
					}
					
				div.sellbook div.lbooks div.ln p.comment { 
					padding: 4px 0px 2px 0px;
				}
				div.sellbook div.lbooks div.ln p.req {
					font-size: 10px;
					color: #909090;
					padding: 2px 0px 2px 0px;
				}
				
		div.sellbook div.oldbooks {
			display: none;
			color: #909090;
		}			
		
		div.sellbook button.showold {
			font-size: 10px;
			width: 100%;
			text-align: center;
			padding: 3px;
			margin: 10px 0px 0px 0px;
			opacity: 0.7;
		}
		div.sellbook button.showold:hover {
			opacity: 1;
		}
		
@media screen and (max-width: 500px) {
	div.searcher_but {
		width: 32px;
		height: 32px;
		bottom: 5px;
		right: 5px;
	}
	div.syncer_but {
		width: 32px;
		height: 32px;
		bottom: 5px;
		right: 50px;
	}
}




	
#rvin, #sbvin, .vinfont, textarea.vinfont {	
	font-family: 'Datatype', sans-serif;	
	text-transform: uppercase; 
}
#rvin, #sbvin {
	font-size: 18px;
}



	
div.selects {
	margin: 10px 0px 10px 0px;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
	
	
	div.selects div.block {
		width: 280px; 
		margin: 0px 10px 0px 5px;
		text-align: left;
	}
	
		div.selects span.cnts {
			display: none;
			background: #2776b5;
			color: #ffffff;
			font-weight: 900;
			position: absolute;
			width: 25px;
			height: 25px;
			border-radius: 25px;
			margin: 7px 0px 0px -30px;
			box-sizing: border-box;
			text-align: center;
			padding: 3px;
			font-size: 16px;
		}
		
		div.selects div.list {
			display: none;
			position: absolute;
			border: 1px solid #a0a0a0;
			z-index: 2;
			background: #ffffff;
			width: 300px;
			margin: 0px 0px 0px 0px;
			max-height: 400px;
			overflow-y: auto;
			padding: 5px;
			text-align: left;
		}
			div.selects div.list label {
				display: block;
				cursor: pointer;
				padding: 7px 5px 7px 25px;
			}
				div.selects div.list label.act {
					font-weight: 700;
				}
				
			div.selects div.list label:hover {
				background: #f6f6f6;
			}
				div.selects div.list label+label {
					border-top: 1px solid #f0f0f0;
				}
			
				div.selects div.list label input {
					position: absolute;
					margin: 2px 0px 0px -20px;
					
				}


div.pins {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 20px 0px 10px 0px;
}

	div.pins div.block {
		margin: 0px 30px 0px 15px;
		width: 250px;
		text-align: left;
	}
		div.pins div.block p.caption {
			margin: 0px 0px 10px 0px;
			font-size: 14px;
			font-weight: 600;
		}
		
		div.pins div.block div.values {
			display: table;
			width: 100%;
		}
			div.pins div.block div.values div.fleft, div.pins div.block div.values div.fright {
				display: table-cell;
				width: 50%;
				padding: 10px;
				font-size: 12px;
				
				color: #606060;
			}
			div.pins div.block div.values div.fright {
				text-align: right;
			}
	
div.searchbut {
	margin: 0px 15px 0px 15px;
}	
				
				
				
				
				
.noUi-target,
.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box;}
.noUi-target{position:relative;direction:ltr;}
.noUi-base{width:100%;height:100%;position:relative;z-index:1;}
.noUi-connect{position:absolute;right:0;top:0;left:0;bottom:0;}
.noUi-origin{position:absolute;height:0;width:0;}
.noUi-handle{position:relative;z-index:1;}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin{-webkit-transition:top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;transition:top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;}
.noUi-state-drag *{cursor:inherit !important;}
.noUi-base,
.noUi-handle{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.noUi-horizontal{height:18px;}
.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px;}
.noUi-vertical{width:18px;}
.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px;}
.noUi-target{background:#FAFAFA;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;}
.noUi-connect{background:#2776b5;box-shadow:inset 0 0 3px rgba(51, 51, 51, 0.45);-webkit-transition:background 450ms;transition:background 450ms;}
.noUi-draggable{cursor:ew-resize;}
.noUi-vertical .noUi-draggable{cursor:ns-resize;}
.noUi-handle{border:1px solid #d0d0d0;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #777;}
.noUi-active{box-shadow:inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;}
.noUi-handle:before,
.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px;}
.noUi-handle:after{left:17px;}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px;}
.noUi-vertical .noUi-handle:after{top:17px;}
[disabled] .noUi-connect{background:#B8B8B8;}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle{cursor:not-allowed;}
.noUi-pips,
.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box;}
.noUi-pips{position:absolute;color:#999;}
.noUi-value{position:absolute;white-space:nowrap;text-align:center;}
.noUi-value-sub{color:#ccc;font-size:10px;}
.noUi-marker{position:absolute;background:#CCC;}
.noUi-marker-sub{background:#AAA;}
.noUi-marker-large{background:#AAA;}
.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%;}
.noUi-value-horizontal{-webkit-transform:translate3d(-50%, 50%, 0);transform:translate3d(-50%, 50%, 0);}
.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px;}
.noUi-marker-horizontal.noUi-marker-sub{height:10px;}
.noUi-marker-horizontal.noUi-marker-large{height:15px;}
.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%;}
.noUi-value-vertical{-webkit-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0);padding-left:25px;}
.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px;}
.noUi-marker-vertical.noUi-marker-sub{width:10px;}
.noUi-marker-vertical.noUi-marker-large{width:15px;}
.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap;}
.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);left:50%;bottom:120%;}
.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);top:50%;right:120%;}