toolbar.css

#body .tb-nav {
	z-index: 1040;
	white-space: nowrap;
	padding: 2px 2px;
	margin: 0;
	box-sizing: content-box;
	position: fixed;
	min-height: 0;
}

.tb-nav ul {
	padding: 0;
	margin: 0 auto;
	list-style: none;
}

.tb-li {
	text-align: center;
	cursor: pointer;
	user-select: none;
}

html .tb-icon {
	width: 25px;
	height: 25px;
	font-size: 18px;
	line-height: 25px;
	padding: 0;
	margin: 0;
}

.tb-v {
	width: 25px;
	height: auto;
}

.tb-v .tb-item {
	display: block;
}

.mobile .tb-top {
	top: 5px;
}

#book_container {
	height: calc(100vh - 30px);
}

html .tb-item,
html .tb-item.form-control {
	padding: 0;
	height: 25px;
	min-width: 25px;
	line-height: 25px;
	text-align: center;
}

#body .tb-padding .tb-item {
	padding: 0 5px;
}

#zoom_container {
	z-index: 100;
}

.tb-item {
	width: auto;
	font-size: 13px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	padding: 0px 5px;
}

.tb-item.btn {
	padding: 5px 5px;
	line-height: normal;
}

.tb-h .tb-li {
	float: left;
}

.rtl .tb-h .tb-li {
	float: right;
}

.tb-v .tb-li:not(:last-child) {
	margin-bottom: 2px;
}

.tb-h .tb-li:not(:last-child) {
	margin-right: 2px;
}

.rtl .tb-h .tb-li:not(:last-child) {
	margin-right: 0;
	margin-left: 2px;
}

#id-q {
	height: 25px;
	min-width: 50px;
	max-width: 300px;
	width: 10vw;
	padding: 0 2px;
}

#q-wrap {
	position: relative;
}

#q-clear:after {
	content: "✕";
	color: #444;
}
#q-clear {
	position: absolute;
	cursor: pointer;
	visibility: hidden;
}
#q-wrap:hover #q-clear,
#q-clear:hover {
	visibility: visible;
}
.ltr #q-clear { right: 3px;}
.rtl #q-clear { left: 3px;}

.pagenum-dialog {
	top:auto;
	bottom:5px;
}


/* collapse menu, from: https://css-tricks.com/responsive-menu-concepts/ */

@media only screen and (max-width: 720px) {
	#id-q,
	#tb-item-nav-found {
		width: 50px;
	}
}

#tb-left {
	margin: auto 0;
	left: 0;
}

#tb-right {
	margin: auto 0;
	right: 0;
}

#tb-top {
	margin: 0 auto;
	top: 0;
}

#tb-bottom {
	margin: 0 auto;
	bottom: 0;
}

.tb_diagonal_strikethrough {
	position: relative;
}

.tb_diagonal_strikethrough:after {
	content: "\2572";
	position: absolute;
	top: -1px;
	left: 4px;
	cancel-margin-right: -75%;
}

.share_doc_select_container {
	text-align: center;
}

.share_doc_select_item {
	display: inline-block;
	cursor: pointer;
	width: calc(50% - 10px);
	margin: 0;
	padding: 0;
	text-align: center;
}

.addthis_wrapper {
	text-align: center;
	margin-top: 10px;
}

.modal-header button.close {
	font-size:28px;
    float: none;
    position: absolute;
    top: 0;
}
.rtl .modal-header button.close {
    right: 5px;
}
.ltr .modal-header button.close {
    left: 5px;
}