/* frontend style */

.bluet_tooltip img {
	max-width: 20px;
}
/*for alt images tooltips*/
.bluet_tooltip_alt{
	max-width: 250px;
	padding: 1px 5px;
	text-align: center;
	position: absolute;
	border-radius: 4px;
	z-index:9999999999;
}

.bluet_block_to_show{
	display:none;
	opacity:0;		
	z-index:9999;
	padding:10px;
	
	position: absolute;
	height: auto;
}
.bluet_block_container{		  
	border-radius: 2px;
	font-weight: normal;
	display:inline-block;
	width:inherit;
}

.bluet_img_in_tooltip{	
	border-radius: inherit;
}

.bluet_img_in_tooltip img
{
	float:left;
	margin-bottom:8px;
	border: none !important;
	border-radius: inherit;
	width:100%;
	height: auto;
	margin-bottom: 0px;
}

img.bluet_tooltip {
  /*border: none;*/
}

.bluet_text_content p:last-child {
  margin-bottom: 0px;
}

.bluet_text_content{
	padding: 10px 15px 7px 15px;		
}
.bluet_block_to_show:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.kttg_arrow_show_bottom:after{
	top:3px;
	border-bottom: 7px solid;
}

.kttg_arrow_show_top:after{
	bottom: 3px;
	border-top: 7px solid;
}

.kttg_arrow_show_right:after{
	bottom: 3px;
	border-top: 7px solid;
}

.kttg_arrow_show_left:after{
	bottom: 3px;
	border-top: 7px solid;
}

.bluet-hide-excluded{
	display:none;
}

.bluet_title_on_block{
	text-transform: capitalize;
	font-weight: bold;
}

/* Glossary style */
span.bluet_glossary_letter a {
	text-decoration: none !important;
	padding: 3px;
	background-color: beige;
	border-radius: 3px;
}
span.bluet_glossary_letter a:hover {
	background-color: rgb(108, 108, 108) !important;
	color: white;
}
span.bluet_glossary_letter a:hover .bluet_glossary_letter_count{
	color: white;
}
.bluet_glossary_all a {
	text-decoration: none !important;
	padding: 3px;
	background-color: bisque;
	font-weight: bold;
	border-radius: 3px;
}
.bluet_glossary_letter_count {
	vertical-align: super;
	font-size: 70%;
	color: crimson;
	padding-left: 2px;
}
.bluet_glossary_found_letter{
	font-weight: bold;
}
span.kttg_glossary_nav {
	background-color: bisque;
	padding: 5px;
}

.bluet_glossary_current_letter a {
	background-color: rgb(108, 108, 108) !important;
	color: white;
	border-color: rgb(69, 69, 69);
	border-style: solid;
	border-width: 2px;
}
.bluet_glossary_current_letter .bluet_glossary_letter_count {
  color: white;
}

.kttg_glossary_content {
  padding: 15px 0px;
}
.kttg_glossary_content ul {
  margin-bottom: 0px;
  margin-left: 0px;
}	
.kttg_glossary_element_content {
  margin-left: 15px;
  padding-left: 10px;
  margin-bottom: 20px;
  border-left: 2px grey solid;
}

/* hide button */
.bluet_hide_tooltip_button{
	display : none;
}
.kttg_fast{
	-webkit-animation-duration: 0.5s !important;
	-moz-animation-duration: 0.5s !important;
	-ms-animation-duration: 0.5s !important;
	-o-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

.kttg_slow{
	-webkit-animation-duration: 2s !important;
	-moz-animation-duration: 2s !important;
	-ms-animation-duration: 2s !important;
	-o-animation-duration: 2s !important;
	animation-duration: 2s !important;
}

@media screen and (max-width:400px){
	.bluet_block_to_show{
		position: fixed;
		bottom: 0px;
		left: 0px;
		right: 0px;
		max-width: 100% !important;
		max-height: 95% !important;
		padding: 0px !important;
		overflow: auto;
	}

	.bluet_block_container{			
		width: 100%;

	}
	.bluet_hide_tooltip_button{
		    opacity: 0.7;
	        position: absolute;
		    font-family: 'Open sans';
		    right: 2px;
		    top: 2px;
		    display: block;
		    height: 26px;
		    font-size: 31px;
		    border-radius: 50%;
		    font-weight: bold;
		    line-height: 0px;
		    padding: 11px 5px;
		    cursor: pointer;
	}
}

.kttg_glossary_element_title sub {
	font-size: 50%;
}
#kttg_exclude_headings_zone label {
	display: inline-block;
}
#kttg_exclude_headings_zone h1,
#kttg_exclude_headings_zone h2,
#kttg_exclude_headings_zone h3,
#kttg_exclude_headings_zone h4,
#kttg_exclude_headings_zone h5,
#kttg_exclude_headings_zone h6 {
	margin: 0px !important;
	padding: 0px !important;
}

.bluet_block_footer {
	padding: 0 10px;
}