/*** 
**styles for showing Conversation & Discovery results 
*** */

.spacer {
	width: auto;
}

.chat_discovery {
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;

	width: min(100%, 1400px);
	justify-self: center;
}

@media (max-width: 900px) {
	.chat_discovery {
		flex-direction: column;
	}
}

.chat-container {
	height: 100%;
	width: 50%;
}

.title-statement.none a.clicked,
.title-statement.none a.clicked:visited,
.title-statement.none a.clicked:visited,
.title-statement.none a.clicked:hover,
.title-statement.none a.clicked:active,
.title-statement.none a.clicked:focus,
.title-statement.none a.clicked:focus-within
{
	color: black;
	cursor: not-allowed;
}

.title-statement.none a.unclicked,
.title-statement.none a.unclicked:visited,
.title-statement.none a.unclicked:hover,
.title-statement.none a.unclicked:active,
.title-statement.none a.unclicked:focus,
.title-statement.none a.unclicked:focus-within
{
	color: gray;
	cursor: not-allowed;
}


/* ******* styles for showing Discovery results  ******* */
.discovery-container {
	height: 80%;
	min-width: min(700px, 50%);
	display: flex;
	flex-direction: column;
	padding-right: 2%;
}
.discovery-container.chatonly {
	display: none;
}

.container-width {
	max-width:100%;
}

.discovery-container.loupe {
	display: flex;
	width: 45%;
}

.discovery-container .img-circle.avatar.avatarUser {
	height: 40px;
	width: 40px;
}

.discovery-container .chat-statement.triangle-left {
	float: right;
	margin-bottom: auto;
	min-height: 40px;
	padding: 3px;
}

#discovery-header {
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
}

.discovery-question {
	word-break: break-all;
	margin: auto 0px;
	overflow-y: scroll;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	min-height: 1px;
}

.collection-set {
	height: 100%;
	overflow-y: scroll;
	display: flex;
	flex-flow: column;
	
}

.collection {
	display: flex;
	flex-direction: column;
	flex: 0 1 auto;
	margin: 3px;
	border: thin solid blue;
	background-color: #ccffff;
	border-radius: 4px;
}

.collection-header {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	background-color: #075698;
	border-radius: 4px;
	color: white;
	margin: 1px;
	padding: 1px;
	border-color: #ccffff;
}

.collection-contents {
	display: flex !important;
	flex-direction: column;
	overflow-x: hidden;
	overflow-y: auto;
	white-space: nowrap;
	margin: 0 5px;
}

.highlight {
	border: 2px solid red;
}

.collection-empty-message {
    display: inline-block;
	height: 100%;
	text-align: center;
    vertical-align: top;
    align-content: center;

	flex-basis: 0;
    flex-grow: 1;
}

.collection-name {
	display: flex;
	justify-content: flex-start;
}

.collection-name.none {
	color: #999999;
}

.col-exp-btns {
	display: flex;
	justify-content: flex-end;
	margin-right: 2px;
}

.collapse-btn {
	display: block;
	border: thin solid #00f;
	margin-top: auto;
	max-height: 20px;
	padding: 0 4px;
}

.expand-btn {
	display: block;
	border: thin solid #00f;
	margin-top: auto;
	max-height: 20px;
	padding: 0 4px;
}

.glyphicon.glyphicon-triangle-top {
	font-size: 13px;
	color: blue;
}

.glyphicon.glyphicon-triangle-bottom {
	font-size: 13px;
	color: blue;
}

.glyphicon.glyphicon-triangle-bottom.none {
	font-size: 13px;
	color: #999999;
}

.doc-info {
	display: inline-block;
	width: 100%;
	padding: 2px 4px;
	margin: 3px 1px;
	color: #5989cf;
	border-bottom: solid 6px #aac5fe;
	border-radius: 10px;
	vertical-align: top;
	height: 100%;
	background: #5596E6
}

.doc-link {
	white-space: normal;
	color: white;
}

.doc-link a {
	color: #075698;
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 0 2px;
	overflow-wrap: break-word;
}

.doc-link a:link {
	color: #0033CC;
}

.doc-link a:visited {
	color: #663399;
}

.doc-link a:active {
	color: #0033CC;
}

.doc-abst, .doc-abst.head, .doc-abst.all {
	white-space: normal;
	color: white;
	word-wrap: break-word;
}

.doc-abst.exp, .doc-abst.col {
	color: black;
	background: white;
	vertical-align: middle;
	font-size: xx-small;
	padding: 0px 3px 2px 3px;
	border-radius: 6px;
}

.doc-abst-notext {
	color:silver;
}
.discovery-feedback {
	float: right;
}

.discovery-feedback none {
	display: none;
}

.discovery-feedback>.btn.btn-default {
	font-size: 14px;
	padding: 4px 8px;
}

.watson-black-animate-block {
	display: block;
}
.watson-black-animate-none {
	display: none;
}

.search-info {
	display: inline-block;
    min-width: 250px;
	max-width: 250px;
    margin: 3px 1px;
    border-bottom: solid 6px #aac5fe;
    border-radius: 10px;
    vertical-align: top;
    height: 100%;
}

.search-section {
	display: flex;
	flex-direction: column;
    border-bottom: solid 6px lightgray;
    border-radius: 10px;
    vertical-align: top;
	background-color: white;

	margin-bottom: 5px;
	padding: 15px 10px;

	h3 {
		font-size: medium;
		font-weight: 600;
		margin: 0 0 5px 0;
	}

	p {
		text-wrap: pretty;
		margin: 0;
	}
}

.search-query {
	background: #5596E6;
	border-radius: 5px;

	padding: 5px;
	margin: 5px 0;

	p {
		color: white;
	}
}