body.indexterms #lp_language_navigation_container{
	display: none;
}
/* #################### */
/* 		Navigation 		*/
/* #################### */
/* body.index > div.container{
	height: calc(100vh - 200px);
	padding-bottom: 0px;
} */
body.landing-page #overrideNavbar{
	position: fixed;
	width: 100%;
	z-index: 2;
}
body.landing-page > .container{
	padding-top: 70px;
	left: 0px;
	right: 0px;
	position: fixed;
	height: calc(100% - 56px);
}
body.landing-page #lp_content_navigation{
	height: calc(100% - 50px);
	border: 1pt solid #3dcd58;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 30px;
	overflow: auto;
}
.navbar-right{
	float:right;
	height: 87px;
	width: 304px;
	margin: 0px !important;
	position: absolute;
	right: 10px;
	top: 1px;

}
.navbar-default{
	
	background-color: #3dcd58;
	height: 56px;
	border-bottom: 4pt solid #009530;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border-color: transparent !IMPORTANT;
}
#overrideNavbar{
	vertical-align: middle;
	padding-left: 10%;
	padding-right: 10%;
	z-index: 2;
}
#navbar-item{
	color:white;
	height: 55px;
	background-color: transparent;
	padding: 15px 0px;
}
#lp_language_navigation_container{
	position: inherit;
	right: 15px;
	width: auto;
	z-index: 999;
}
#lp_language_navigation_container >.lng{
	display: inline-block;
	width: 27px;
	padding: 0px !important;
	margin: 0px;
	height: 27px;
	border: 2px solid white;
	margin-top: 14px;
}
#lp_language_navigation_container >.lng > .glyphicon.glyphicon-globe{
	display: block;
	width: 100%;
	height: 100%;
	top: 0px;
}
#lp_language_navigation_container >.lng .languageitem{
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	line-height: 22px;
	font-size: 15px;
	display: block;
	font-weight: bold;
	text-indent: -8px;
}
.brandlogo{
	margin-top: 9px;
	height: 32px;
}
.navbardropdown{
	width: 70%;
	padding: 0px;
}
.navbardropdown.pull-right{
	width: 100%;
	position: absolute;
}
.dropdown{
	width: 30%; 
	float: right;
}
.dropdown > a {
	padding-left: 2px !important;
}
.navbardropdown > .navbar-item{
	width: 100%;
}
.searchbox{
	color: black;
	width: 70%;
	border: 1pt solid transparent;
	width: 137px;
}
.searchButton{
    width: 22px;
    height: 22px;
    background-color: transparent;
    background-image: url('../../img/search_desktop.png');
    background-size: 19px 19px;
    background-repeat: no-repeat;
    border:#3dcd58 solid 1pt;
    position: absolute;
    top: 14px;
    font-weight: bold;
	margin-right: -30px
}
.glyphicon-search::before{
    content: none;
}
.searchButton:hover{
}
.glyphicon-globe::before{
    content: none;
}
.lng{
	margin-top: 5px;
}
.lng:after{
	content: '';
}
.languageitem{
	font-family: Arial, Helvetica, sans-serif
}
.navbar-form{
	padding-top: 0px !IMPORTANT;
	padding-left: 15px !IMPORTANT;
	padding-right: 0px !IMPORTANT;
	/* padding: 0px 0px !IMPORTANT; */
	margin-top:0px !IMPORTANT;	
}
.inner-addon{ 
	width: 100%;
    position: relative;
}
.inner-addon .glyphicon{
  position: absolute;
  padding: 10px;
  color: white;
  pointer-events: none;
 
}
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px; top: -3px;}

.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }
@media (max-width: 767px){

.dropdown-menu{
	margin-top: -5px !important;
  border: 1px solid #ccc !important;
  box-shadow: -1px 7px 20px -4px rgba(89,89,89,1) !important;
  min-width: 0 !important;
}

.navbar-nav .open .dropdown-menu{
	position: absolute;
}

.dropdown >.dropdown-menu > li{	
 height: 10 px !important;
 background-color: white !important;
		z-index: 1;
		position: relative;
}

.dropdown-menu > li > a{
	color: #333 !important;
}
	#overrideNavbar:not(body.wh_search_page #overrideNavbar):not(body.indexterms #overrideNavbar){
	vertical-align: middle;
	padding-left: 2%;
	padding-right: 2%;
	}
.navbardropdown{
		float: right;
		width: 60%;
		padding: 0px;
}
.dropdown{
	width: 40%;
}
.dropdown > a {
	padding-left: 2px !important;
}
	/* enable absolute positioning */
	.inner-addon { 
		width: 100%;
		position: relative; 
	}
	.searchbox{
		color: black;
		min-width: 80px;
	}
	/* style icon */
	.inner-addon .glyphicon {
	  position: absolute;
	  color: white;
	  pointer-events: none;
	 
	}
	/* align icon */
	.left-addon .glyphicon  { left:  0px;}
	.right-addon .glyphicon { right: 0px; top: -3px;}

	/* add padding  */
	.left-addon input  { padding-left:  30px; }
	.right-addon input { padding-right: 30px; }

}

@media (max-width: 420px){
	.inner-addon >.glyphicon{
		color: #bbbcbe;
	}
	.col-xs-4{
		width: 100px;
		margin-right: -20px;
	}
}

/* #################### */
/* 		Content 		*/
/* #################### */
body > .container{
	padding-bottom: 40px;	
}
.container{
	padding-bottom: 10px;
	z-index: 1;
}
.content.boxes{
	min-height: 112px;
	color: black;
}
.content{
	border: 1px solid #3dcd58;
	border-radius: 5px;
	padding: 5px;
}
.col-sm-12{
	margin-bottom: 10px;
}
.content > button{
	background-color: #42b4e6;
	color: white;
	position: absolute;
	bottom: 10px;
	left: 20px;
}
.breadcrumb > li + li::before
{
	padding: 0 0px;
	content: "";
}
.breadcrumb > li.breadcrumb-item + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "\00a0>\00a0";
}
.box-thumbnail{
	width: 100px;
	float: left;
}
.img-thumbnail{
	display: block;
    margin-left: auto;
    margin-right: auto;
	width: 100px;
	padding: 0px;
	
}
.content.boxes > .img-thumbnail
{
	min-height:230px;
	max-height:230px;
}
.box-text{
	margin-left: 100px;
	padding-left: 15px;
	padding-right: 15px;
}
.box-text > h3{
	word-wrap:break-word;
}
.box-text > p{
	color: black;
}
.title-box{
	border: transparent;
	padding: 5px;
}
.title-box .box-thumbnail{
	display: none;
}
.title-box .box-text{
	margin-left: 0px;
	padding-left: 0px;
}
.title-box .box-text > h3{
	font-size: 3em;
}
h3, h1, h2{
	margin-top: 0px;
	color: #009530;
}
h3{
	font-size: 30px;
}
#buttonLink{
	color: white;
}
a:focus,
a:hover{
	text-decoration: none !IMPORTANT;
}
/* #################### */
/* 		Footer 			*/
/* #################### */
footer{
	background-color: #3dcd58;
	position: absolute;
	width: 100%;
}
body.wh_search_page footer.navbar-fixed-bottom{
	position: relative;
	top: 70px;
}

.copyright{
	color: white;
	padding-top: 16px;
	text-align: center;
	vertical-align: center;
}
/* #################### */
/*    Search Extension  */
/* #################### */
div.dropdown_SearchOptions{
  background-color: #e6e6e6;
  display: none;
  position: fixed;
  font-size: 10px;
  right: auto;
  top: 41px;
  color: black;
}
/* #################### */
/*    Index Terms       */
/* #################### */
div#lp_indexterms_content{
	height: calc(100% - 50px);
	border: 1pt solid #3dcd58;
	border-radius: 4px; 
	padding: 10px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
}
span.index_group_char, div.index-group-title{
	font-size: 30px;
	color: black;
}
span.index_group_char:after{
	content: "|";
	padding-right: 2px;
	padding-left: 2px;
	color: lightgrey;
}
span.index_group_char a{
	color: black;
	cursor: pointer;
}
span.index_group_char:last-child:after{
	content: "";
}
div#lp_indexterms_entries{
	margin-top: 10px;
}
div.index-group:not(.cjk-group){
	
	height: 2000px;
}
div.index-group.loaded{
	height: auto;
}
div.index-group.not-loaded{
	height: 2000px;
}
span.index-entry-help-title, span.index-entry-help-version, span.index-entry-title{
	color: #3dcd58 !IMPORTANT;
}
span.index-entry-help-delimiter{
	padding-left:10px;
	padding-right:10px;
}
div.index-entry-level > div.index-entry-level{
	margin-left: 20px;
}
.index-entry-help-link a{
	color: #3dcd58;
}
div.index-entry-help-link{
	margin-left: 10px;
}
div.indexterms_btn{
	background-image: url("../../img/indextermIcon.png");
	width: 40px;
	height: 29px;
	background-size: cover;
	background-repeat: no-repeat;
}

a.index-group-endpoint{
	display:block;
	height:1pt;
	line-height:1pt;
}

a.indexterms_link{
    position: absolute;
    right: 70px;
    top: 14px;
}
#goHomeButton{
	display: block;
	position: absolute;
	left: 55px;
	top: 8px;
	width: 30px;
	height: 30px;
	background: url(../../img/goHomeIcon.png);
	background-repeat: no-repeat;
	background-size: cover;
}
@media (max-width: 767px){
	body.indexterms #goHomeButton{
		position: fixed;
		left: 15px;
		z-index: 999;
	}
	body.indexterms .logo-container{
		position: fixed; 
		left: 100px;
		z-index: 1000;
	}
	body.wh_search_page .navbardropdown.pull-right, body.wh_search_page .navbar-right{
		width: 180px
	}
}

/* ################# */
/*    Index Terms    */
/* ################# */
body.indexterms #overrideNavbar{
	position: fixed;
	width: 100%;
	z-index: 2;
}
body.indexterms > .container{
	padding-top: 70px;
	left: 0;
	right: 0;
	position: fixed;
	height: calc(100% - 56px);
}
#lp_indexterms_groups{
	word-break: break-all;
	padding-bottom: 10px;
}
#lp_indexterms_entries{
	overflow-y: auto;
	overflow-x: hidden;
}
#lp_indexterms_filterInput_container > form{
	height: 26px;
}
#lp_indexterms_filterValue{
	display: none;
}
#lp_indexterms_filterValue::-ms-clear{
	display: none;
}

/* ############################# */
/*    Index Terms with Filter    */
/* ############################# */
.filter-false{
	display: none !important;
}
body.indexterms .wh_search_input{
	display: none;
}

/* ############################# */
/*          searchpage           */
/* ############################# */

.wh_search_page{
	position: absolute;
	width: 100%;
	height: 100%;
}
body.wh_search_page #overrideNavbar{
	position: fixed;
	width: 100%;
	z-index: 3;
}
@media all and (max-width: 767px){
	body.wh_search_page #overrideNavbar{
		padding: 0px;
	}
	body.wh_search_page #overrideNavbar .container-fluid{
		padding: 0px;
		margin: 0px;
	}
	#goHomeButton{
		left: 5px;
	}
	body.wh_search_page #overrideNavbar .container-fluid > a:not(#goHomeButton){
		left: 55px;
		position: absolute;
	}
}@media all and (max-width: 348px){
	body.wh_search_page #overrideNavbar .container-fluid > a:not(#goHomeButton){
		display: none;
	}
}
body.wh_search_page > .container:not(.wh_content_area){
	z-index: 2;
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	top: 70px;
	left: 0;
	right: 0;
	height: auto;
}

body.wh_search_page > .container.wh_content_area{
	top: 70px;
	left: 0;
	right: 0;
	position: relative;
	height: calc(100% - 182px);
	min-height: unset;
}
body.wh_search_page > .container.wh_content_area .row{
	height: 100%;
}
body.wh_search_page #searchResults{
	height: 100%;
	position: absolute;
}
body.wh_search_page .searchresult{
	overflow-x: hidden;
	overflow-y: scroll;
	height: calc(100% - 40px);
}
body.wh_search_page .searchresult #rightDiv{
	display: inline-block;
	float: right;
}
body.wh_search_page .searchresult li .foundResult{
	max-width: calc(100% - 90px);
	display: inline-block;
}
body.wh_search_page .searchresult li{
	margin-bottom: 10px;
}


body.wh_search_page #lp_language_navigation_container{
	display: none;
}

/* ################################# */
/*  scope for search and indexterms  */
/* ################################# */
.se_scope_breadcrumbs{
	display: inline-block;
}
.wh_search_page #lp_breadcrumbs, .indexterms #lp_breadcrumbs{
	display: inline-block;
}
/* ################## */
/*      pdf tile      */
/* ################## */
div.pdf-reference .box-text h3:after{
	content: "";
	margin-left: 10px;
	background-image: url("../../img/pdf-icon.png");
	display: inline-block;
	height: 30px;
	width: 35px;
	background-size: 32px;
	background-repeat: no-repeat;
	line-height: 1.1;
}

/*
loading "circle" for hierarchy print
*/
#circleBody{
	position: fixed;
	z-index: 9999999;
	height: 100%;
	width: 100%;
	top: 0px;
	padding-top: 400px;
	text-align: center;
}
@keyframes fades {
    0%, 100% {
       opacity: 1;
    }
    50% {
       opacity: 0;
    }
}

#circleBody span  {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0px 20px;
  background: #3DCD58;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-name: fades;
  animation-name: fades;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

#circleBody span:nth-child(2) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

#circleBody span:nth-child(3) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

#result-pagination > button{
	border: none;
	background-color: transparent;
	background-size: contain;
	background-repeat: no-repeat;
	color: transparent;
}
#result-pagination > button.next{
	background-image: url("../../img/next.png")
}
#result-pagination > button.prev{
	background-image: url("../../img/prev.png")
}
#search-info{
	display: flex;
	justify-content: space-between;
}
#textToPage{
	display: inline-block;
	margin: 0px 10px;
}
