/****************** Стили реквизитов ****************************/		

.flex-row{
	display:block; 
	margin:10px;
}
.flex-parm{
	font-weight:bold;
}
.flex-value{
}
th.grey{background-color:rgba(211,211,211,0.5);padding:6px}
td.hi_ti{max-width:150px;}

.hi_link{
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-size: 24px;
	background-position: 50% 50%;
	background-image:url(img/links.svg);
}
td .hi_co{
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-size: 24px;
	background-position: 0px 6px;
	background-image:url(img/open-doc_g.svg);
}
td .hi_co:hover{
	cursor:pointer;
}

/****************** Стили меню  ****************************/		

#go-home{background-image:url(img/home.svg)}
#go-info{background-image:url(img/info.svg)}
#go-zmist{background-image:url(img/zmist.svg)}
#go-search{background-image:url(img/search.svg)}
#go-analog{background-image:url(img/analog.svg)}
#go-editions{background-image:url(img/editions.svg)}
#go-zvit{background-image:url(img/zvit.svg)}
#go-refs{background-image:url(img/links.svg)}
#go-bkmarks{background-image:url(img/bkmarks.svg)}
#go-fav{background-image:url(img/fav.svg)}
#go-fav.out{background-image:url(img/fav-out.svg)}
#go-control{background-image:url(img/control.svg)}
#go-control.out{background-image:url(img/control-out.svg)}
#go-comments{background-image:url(img/comments_disabled.svg)}
#go-comments.off{background-image:url(img/comment.svg)}
#go-print{background-image:url(img/print.svg)}
#go-save{background-image:url(img/save.svg)}
#go-url{background-image:url(img/share.svg)}

/****************** Стили вспомогательніх панелей  ****************************/		

#big-text{
	padding:10px;
	height:25px;
	background-color:rgb(250, 250, 230);
	-webkit-transition: none;	
	transition: none;
}




#not-current-edition{
	background-color:rgb(255, 255, 200);
	//border-bottom:1px solid grey;
	color:rgb(199,52,117);
	font-weight:500;
	padding-right:50px;
	text-align:center;
	-webkit-transition: none;	
	transition: none;
}
#close-not-current{
	left:10px;
}
#die_z{
	display:inline-block;
	font-style:italic;
	margin:10px;
}
#empty{
	height:50px;
}
#empty.hide{
	height:0px;
}
#empty-bk.hide{
	display:none;
}
#open-link{background-image:url(img/open-doc.svg); margin:10px;}
#find-link{background-image:url(img/search.svg); margin:10px;}
#open-link-sud{background-image:url(img/open-doc.svg); margin:10px;}
#show-link-sud{background-image:url(img/bound.svg); margin:10px;}

#go-clip{
	//max-height:500px;
}
#go-clip .item{
	margin:0;
	display:block;
	height:24px;
	background-image:url(img/links.svg);
}
#go-clip .item:hover{
	font-weight:500;
}
#go-clip .item.hide{
	display:none;
}
#add-fav .button{
	display:inline-block;
}
#add-fav select{
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	width:100%;
	height:30px;
}
#new-folder{
	margin:10px;
}
#add-fav-go{
	width:auto;
}
#empty-bk {
  	position: fixed; top: 100px; right: 10px; 
	width:48px; height:48px;
  	z-index: 100;
	cursor:pointer;	cursor:hand;
	background-repeat:no-repeat;
	background-size: 48px;
	background-image:url(img/empty-bk.svg);
}
#title-edit-bk{
	font-weight:bold;
	text-align:center;
}
#edit-bk .button{
	display:inline-block;
}#edit-bk .button.hide{
	display:none;
}
#edit-bk .button.text{
	width:auto;
}
#edit-bk .bmark{
	margin:10px;
}
#bk-input{
	width:90%;
	height:24px;
	line-height:20px;	
	font-size:14px;
	color:rgb(0,149,171);
}
.button.offline{
	background-image:url(img/offline.svg);
}
#progress{
	position:absolute;
	left:0;
	width:0;
	bottom:0;	
	height:2px;
	background-color:rgb(0,149, 171);
}
#url-content{
	margin-top:10px;
	margin-bottom:10px;
	width:90%;
	height:80px;
}
#small-logo{display:none}
.d_com.hide{
	display:none;
}

#preview_head{
	display:none;
	position:absolute;
	left:0px;
	top:10%;
	height:5%;
	width:90%;
	text-align:right;
}
a{
    	color: rgba(0, 149, 171, 1);
    	cursor: pointer;
}

a:hover{
	text-decoration:underline;
}

#preview{
	display:none;
	position:absolute;
	left:0px;
	top:15%;
	width:100%;
	height:85%;
	overflow:auto !important;
	-webkit-overflow-scrolling: touch;
	//border-top: 1px solid grey;
	//background:grey;
	border:none;
	z-index:1000;
}


<!-- Стили offline-->		

.offline .d_a{color:#000;}
.offline .clip{display:none;}


/****************** Стили страниц mob **************************/		


@media screen and (max-width:720px){


    	#preview_head{
		top:20%;
	}
	#preview{
		top:25%;
		height:75%;
	}

}