.ezra {
	font-family: 'Ezra SIL SR';
}

.blackWhite {
	-webkit-filter: grayscale(100%); filter: grayscale(100%);
}

.tools {
	opacity: 0.3;
	cursor: pointer;
	margin: 0 20px 0 0;
}

.tool {
	margin: 6px 6px 6px 0;
	width:80px;
}

.closeTool {
	margin: 6px 6px 6px 0;
	width:80px;
}

.pagination {
	*zoom: 1;
	margin: 0 0 15px 0;
	border-color:#77a915;
}

.pagination:before, .pagination:after {
	content: " ";
	display: table;
}

.pagination:after {
	clear: both;
}

.pagination li {
	float: left;
	margin: 0;
	list-style-type: none;
}

.pagination li a, .pagination .disabled, .pagination .active {
	display: inline-block;
	padding: 7px 15px;
	font-size: 14px;
	border: 0.1px solid;
	border-color:#19bca8;
}

.pagination .disabled {
	border: 0.1px dotted;
	border-color:#808080;
}

.pagination a:hover {
	background: #107c6f;
	color: white;
    border: 0.1px solid;
	border-color:#107c6f;
}

.pagination .active {
	background: #19bca8;
	color: white;
	border: 0.1px solid;
	border-color:#19bca8;
}

.commentaryResult{
	border: 3px solid;
	outline: none;
	font-family:arial;
	font-size:12px;
	border-radius: 8px;
	border-color: #f9b1aa;
	display:none;
	padding: 8px;
}

.closeCommentary{
	display: flex;
	float:right;
	background-color:#f9b1aa;
	color:#ffffff;
	cursor:pointer;
	border-radius:8px;
	width: 38px;
	height: 32px;
	font-weight:bold;
	justify-content: center;
	align-items: center;
}

.closeCommentary:hover{
	background-color:#f0523f;
}
   
.audio-play{
	width:20px;
	height:16px;
	background:url(../../img/jplayer.blue.monday.png) -1px -4px no-repeat;
	background-size:26px 51px;
	float:right;
}

.audio-play.audio-playing{
	width:20px;
	height:16px;
	background:url(../../img/jplayer.blue.monday.png) -1px -30px no-repeat;
	background-size:26px 51px;
	float:right;
}

.audio-block{
	flex-grow:1;
	cursor:pointer;
}

.search-ipt{position:relative;float:left;margin-left:10px;width:calc(100% - 230px)}
.search-ipt label{position:absolute;left:0;font-size:14px;color:#828282;top:0}

.ipt-help{background:url(../../img/icon-others.png) -68px 0px #747474;border:0;margin:-4px -4px -4px 0;float:right;width:37px;height:32px}

#goToTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 5px;
  z-index: 99;
  font-size: 14px;
  border: none;
  outline: none;
  background-color: #939393;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
}

#goToTop:hover {
  background-color: #555555;
}