/**************Knowledge base css start***********/

/* Filters */
form#views-exposed-form-knowledge-base-page-page-1 .form-inline, form#views-exposed-form-knowledge-base-page-page-2 .form-inline{
	margin:auto;
	width:fit-content;
}

form#views-exposed-form-knowledge-base-page-page-1 .form-inline > .form-item, form#views-exposed-form-knowledge-base-page-page-2 .form-inline > .form-item{
	margin:1px;
}

form#views-exposed-form-knowledge-base-page-page-1 .form-inline > .form-item input#edit-created-min, 
form#views-exposed-form-knowledge-base-page-page-1 .form-inline > .form-item input#edit-created-max, form#views-exposed-form-knowledge-base-page-page-2 .form-inline > .form-item input#edit-created-min,
form#views-exposed-form-knowledge-base-page-page-2 .form-inline > .form-item input#edit-created-max{
	position:relative;
}

form#views-exposed-form-knowledge-base-page-page-1 .form-inline > .form-item input#edit-created-min:after, 
form#views-exposed-form-knowledge-base-page-page-1 .form-inline > .form-item input#edit-created-max:after, form#views-exposed-form-knowledge-base-page-page-2 .form-inline > .form-item input#edit-created-min:after,
form#views-exposed-form-knowledge-base-page-page-2 .form-inline > .form-item input#edit-created-max:after{
	content:"\e109";
	color: #327f53;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-top: -0.5em;
  padding-right: 0.5em;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 10;
}

form#views-exposed-form-knowledge-base-page-page-1 .panel-default, form#views-exposed-form-knowledge-base-page-page-2 .panel-default{
	border:none;
	box-shadow:none;
	-webkit-box-shadow:none;
}

form#views-exposed-form-knowledge-base-page-page-1 .panel-body, form#views-exposed-form-knowledge-base-page-page-2 .panel-body{
	padding:0px;
}

form#views-exposed-form-knowledge-base-page-page-1 .panel-default label, form#views-exposed-form-knowledge-base-page-page-2 .panel-default label{
	display:none;
}

.form-item .input-group-addon, .form-item .input-group-addon{
	display:none;
}

.form-item .form-autocomplete, .form-item .form-autocomplete{
	border-radius: 4px !important;
}

.form-item .select-wrapper:after, .form-item .select-wrapper:after{
	color: #000000;
	/*color: #327f53;*/
}


/* Landing Page */
.block-views-blockmost-popular-articles-block, .block-views-blockmost-recent-articles-block{
	display: inline-block;
  width: 48%;
  margin: 50px auto auto auto;
}

.kb-list a{
  width:90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
  display:inline-block;
}


/* Search Results Page */

.kb-row{
	margin-bottom:10px;
}

.kb-row h2 a{
	font-size: 24px;
	text-decoration: underline;
}

.kb-row span{
	color: #777;
	font-style: italic;
}

.kb-row .kb-detail, .kb-row .field--name-body{
	margin-top: 20px;
	margin-bottom:20px;
}


.kb-row .kb-link a, .kb-row .kb-comment a, .kb-row .field--name-field-categories a, .kb-row .field--name-field-tags a{
	margin-bottom:20px;
	color: #ff9200;
}

.kb-row a:hover{
	color:#046680;
}


.kb-row .kb-comment{
	float:right;
	color: #ff9200;
}

/* Knowledge Base detail page */
.kb-row .field--type-entity-reference .field--label, .kb-row .field--type-entity-reference .field--items .field--item{
	float: left;
  margin-right: 10px;
}

.kb-row .field--type-entity-reference .field--items .field--item:last-of-type{
	float:none !important;
}


.comment-comment-node-knowledge-base-form .js-filter-wrapper{
	display:none;
}

.print__wrapper--pdf a.print__link--pdf:before{
	margin-right: 5px;
	content: "\e045";
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


@media only screen and (max-width: 768px){
	/* Knowledge Base Landing */
	.block-views-blockmost-popular-articles-block, .block-views-blockmost-recent-articles-block{
		display: block;
	  width: 100%;
	}
	
	.kb-list a{
		white-space: pre-wrap;
	}
	
	
}

/**************Css END***********/