/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 


ul.letters-list { text-align: center; } 

ul.letters-list li {
	display: inline-block;
	background-color: #F1F1F2;
	font-weight: bold;
	font-size: 18px;
	margin-left: 0.61px;
}
ul.letters-list li:hover, ul.letters-list li.active {
	background-color: #3bbdc8;
}

ul.letters-list li a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 3px 10px;
}
ul.letters-list li:hover a, ul.letters-list li.active a {
	color: #fff;
}


ul.letters-list.english-list { direction: ltr; }



.pagination > li {
	display: inline;
}

.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.4285;
	text-decoration: none;
	color: #428bca;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px;
}
.pagination > li > a, .pagination > li > span {
	float: right;
	margin-right: -1px;
	margin-left: 0px;
}
.pagination > li > a, .pagination > li > span {
	color: #47c3d3;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	margin-right: -1px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	background-color: #428bca !important;
	border-color: #428bca !important;
	cursor: default;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #47C3D3 !important;
	border-color: #47C3D3 !important;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #2a6496;
	background-color: #eee;
	border-color: #ddd;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 0px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}




.tippy-popper[data-html] .tippy-tooltip {
  padding: 2rem;
  box-shadow: 0 4px 80px -8px rgba(0, 20, 60, 0.25);
  max-width: 400px;
  font-size: 1.2rem;
  border-radius: 10px;
}



/* Index page term lists */
.index-term .term-posts-list ul.expandible li.expand {
	font-weight: bold;
	color: firebrick;
	cursor: pointer;
}


.search-title {
	font-size: 27px;
    font-weight: bold;
	margin: 30px 0 40px;
}


#term-search {
	float: right;
	margin: 22px 53px 20px 15px;
	width: 76%;
}


.search-term-submit {
	float: right;
	margin-top: 22px;
	padding: 6px 26px !important;
}


.clearfix {
    clear: both;
}


#htmline-term-search-box {
    margin-bottom: 30px;
}


#index-main-container.disabled {
    position: relative;
}


#index-search-terms-container {
    position: relative;
    display: none;
    min-height: 300px;
}

#index-search-terms-container.disabled:after,
#index-main-container.disabled:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.8) url("../../index-page/assets/images/loader.gif") no-repeat;
    background-position: center;
}




/* Responsive */
@media (max-width: 767px) {

	#term-search {
		margin: 10px 0 35px 10px;
	}

	.search-term-submit {
    margin-top: 11px;	
	}
    
} /*767*/



/* Responsive */
@media (max-width: 767px) {

	#term-search {
		margin: 23px 0 6px 0;
    width: 100%;
    float: none;
	}

	.search-term-submit {
    margin-bottom: 15px !important;	
	}
    
} /*500*/