/* sidebar stuff */
.wrapper {
    display: flex;
    align-items: stretch;
}
#sidebar {
    min-width: 400px;
    max-width: 400px;
    min-height: 100vh;
    transition: all 0.3s;
    background-color: #18536d0a;
    border-right: 1px solid #aaa;
}
#sidebar.active {
    margin-left: -400px;
}
#content {
    padding: 0;
    min-height: 100vh;
    transition: all 0.3s;
    width: 100%;
    position: relative;
}
div#content.thesaurus.term {
    background-color: #f9f9f9;
}
.selectedTermWrapper {
    background-color: #f5dedc66;
}
@media (max-width: 768px) {
    #sidebar {
        margin-left: -400px;
    }
    #sidebar.active {
        margin-left: 0;
    }
}
/* sidebar facet stuff */
ul#root ul.hierarchy {
    margin-left: 29px;
}
#root li.facet.selected {
    font-weight: bold;
}
.hierarchy.root > li a.selected {
    font-weight: bold;
    color: red;
    text-decoration: underline;
}
/* end basic sidebar stuff */


#root {
	margin: 0;
	padding: 0;
    border-top: 1px solid #aaa;
}
div#treeTop, #sidebarCollapse {
    height: 32px;
    background-color:rgba(251, 140, 29, 1);
}
i.collapseButton {
    margin-left: 12px;
    padding: 8px;
}
.tree.heading,
.preferred.term {
/* 	padding-left: 18px; */
	
}
.selectedTerm.preferred.term {
    font-size: 18px;
}
.preferred.term {
	display: inline-block;
}
.hierarchy.root li.selected {
    border: none;
}
#root li.facet {
	margin: 0px;
	background-color: #cccccc7d;
    padding: 4px 3px;	
    padding-left: 24px;
	border-bottom: 1px solid #aaa;
}
ul#root li.facet {
    font-size: 16px;
}
.hasChildMark {
	color: #333;
	margin-left: 9px;
	font-size: 12px;
	
}
.hierarchyMembers.narrower, .hierarchyMembers.broader, .selectedTermWrapper {
    padding-left: 44px;
    /* margin-bottom: 14px; */
    padding: 5px 44px;
    border-top: 1px solid #aaa;
    /* border-bottom: 1px solid; */
}
.broadActionWrap {
    padding-left: 44px;
}
.hierarchyMembers.narrower {
	
	padding-left: 102px;
}
.termWrap {
    margin-left: 32px;
}

.addBroad {
	padding: 4px;	
}
.addNarrow {
	
}
.hierarchy.add input[type=text] {
	width: 570px;
	display: none;
}
button[type=submit].add.hierarchy, span.closeButton {
    display: none;
}
#addMultiNarrowHierarchyTerm button.add.hierarchy.narrow {
    display: inline-block;
}
form#broadAction.insertNodePS {
    padding-left: 44px;
}
span.closeButton {
    margin-left: 10px;
    padding: 0 4px;
    cursor: pointer;
}
.guideCheckWrap {
    background-color: gainsboro;
    padding: 4px;
    margin-left: 12px;
    width: 692px;
}
button.add.hierarchy {
    height: 24px;
    /* padding: 12px; */
    margin-left: 8px;
    margin-bottom: 5px;
}
h4 {
    border-bottom: 1px solid #b7b7b7;
    width: 60%;
    margin-left: -26px;
    padding-left: 24px;
}
.prefName {
	padding: 4px;
	font-size: 20px;
}
form.add.hierarchy {
	margin: 0;
	padding: 0;
	margin-left: 10px;
}
form#broadAction.addAnotherParent,
form#broadAction.replaceParent {
    margin-left: 0;
}
.warning.confirm.remove {
	display: none;
    padding: 4px 12px;
    border: 1px dashed #aaa;
    width: 46%;
    background-color: #ffd3d3;
    margin-bottom: 8px;
}
span.narrowRemoveTerm, span.broadRemoveTerm {
    font-weight: bold;
    text-decoration: underline;
    padding: 0px 4px;
}
.actionOptionWrap {
    float: right;
}
span.cancelRemove {
    padding: 1px 12px;
    /* border: 1px solid; */
    text-decoration: underline;
    cursor: pointer;
	margin-right: 4px;
}
.direWarning {
    color: red;
    font-weight: bold;
}
#lineageWrap a.termName, .prefName.placeholder, span.narrower {
    padding: 2px 22px;
    font-size: 16px;
    border: 1px solid #aaa;
    border-radius: 11px;
    /* text-align: left; */
    background-color: beige;
    line-height: 2em;
    white-space: nowrap;
}
.hierarchy.lineage {
    padding: 4px 0 4px 18px;
    background-color: #f2f5ff;
}
.addBroad.hierarchy.add.insertBroadForm {
    margin-left: 18px;
}
h1.selectedTerm.preferred.term {
	margin: 0;
	font-size: 26px;
}

.selectedTermWrapper > .termWrap, 
.selectedTermWrapper > .termMetaData {

	display: inline-block;

}


.hierarchyMembers ul li > a.narrower.preferred.term,
.hierarchyMembers .broader > li > a {
    color: #3f5290;
    display: inline-block;
/*     width: 300px; */
}

.hierarchyMembers .broader > li,
.selectedTermWrapper .termWrap,
.hierarchyMembers .narrower > li > a.term {
	display: inline-block;
	padding: 2px 12px;
	border: 1px solid inherit;
    margin-right: 8px;
    font-size: 16px;	
	
}

a.narrower.preferred.term {
    padding-right: 30px;
}
.actionWrap {
	
	padding: 2px 10px;
	cursor: pointer;
	
}
a.preferred.term.link {
    margin-left: 3px;
    padding: 0;
}
span.topicLinkWrap {
    margin: 0 18px;
}
.hierarchyMembers ul li {
	list-style: none;
}

.actionList {
	position: absolute;
    background-color: #fff;
    border: 1px solid #aaa;
    opacity: .92;
    display: inline-block;
    visibility: hidden;
	padding: 4px 2px;
	border-radius: 4px;
}
.actionList .tooltip-inner {
  width: 200px;
}
.actionList .info.tip {
	background-color: #fff;
}
.actionList .info.tip:hover {
	background-color: #eee;
}

.actionList a {
	display: block;
	padding: 4px 12px;
	cursor: pointer;
	
}
.actionList a:hover {
	
	background-color: #eaeaff;
	
}

span.prefName.placeholder {
	font-weight: bold;
	background-color: #eee;
}
span.narrower.newAdd {
    font-weight: bold;
    background-color:#fff6a3;
}
.narrower > li > a > i,
.narrower > li > span.status, 
.narrower > li > span.remove.association {
    visibility: hidden;
}
i.fa.fa-plus-square-o.hasChildMark {
    visibility: visible;
}
.narrower > li:hover {
	background-color: #fd;
}
.narrower > li:hover > a > i,
.narrower > li:hover > span.status, 
.narrower > li:hover > span.remove.association {
    visibility: visible;
}
div.topicType,
div.termCat {
/*     margin-left: 18px; */
    color:#c9c9c9;
    display: inline-block;
    width: 200px;
}
span.topicTypeName.noType {
	color:#f13d3d;
}
#lineageWrap span.topicTypeName {
    margin-left: 6px;
    white-space: nowrap;
}
.parentExists {
    display: inline-block;
    background-color: #fa9a9a;
    padding: 2px 14px;
    /* margin-top: 12px; */
    width: 60%;
}
.parentExists::after {
      content: "\A";
      white-space: pre;
}
.parentExists a {
    font-weight: bold;
    color: ivory;
    padding: 2px 4px;
    text-decoration: underline;
}
div#prefTermWrap {
    padding: 6px 0;
    /* border-bottom: 2px solid #999; */
    border-top: 1px solid #aaa;
    margin-bottom: 4px;
    /* background-color: #eaeaea; */
    padding-left: 18px;
    margin-left: -26px;
    font-weight: bold;
}
div#hiearchyWrap {
    margin-left: 30px;
}
div#narrowWrap, .lvlDown {
    margin-left: 30px;
    margin-top: 8px;
}
span.status.status-proposed {
    margin-left: 24px;
    color: #40b91b;
    font-size: 18px;
}
ul.narrower i.fa.fa-external-link {
    font-size: 14px;
    margin-left: 18px;
}
.termMetaData label {
    margin-right: 5px;
}
label.thesaurus.mark {
    display: inline;
    margin-left: 12px;
}
.actionMessage {
    background-color: #de10106b;
    padding: 2px 12px;
    font-size: 1.1em;
    font-weight: bold;
}
form#deleteNarrowHierarchyTerm {
    display: inline-block;
    margin-left: 24px;
    /* background-color: pink; */
}
button.delete.hierarchy.fa.fa-trash-o {
    font-size: 1.5em;
    border: none;
    background-color: inherit;
}
button.delete.hierarchy.fa.fa-trash-o:hover {
	color: red;
}
/*
	import
*/
div#importBatchNarrow {
    margin-left: 10%;
}
/* 
	search 
*/
#hierarchyTermSearch input.termString {
    width: 82%;
	margin-right: 1%;
	margin-left: 2%;
	margin-top: 6px;
}
div#hierarchyTermSearchResults {
    margin-left: 6px;
    width: 60%;
}
div#hierarchyTermSearchResults li > a:hover {
	text-decoration: none;
}
div#hierarchyTermSearchResults span.termName:hover {
	text-decoration: underline;
}
div#hierarchyTermSearchResults span.termName {
    width: 55%;
    display: inline-block;
    
}

div#hierarchyTermSearchResults span.topicType {
    width: 35%;
    display: inline-block;
}
div#hierarchyTermSearchResults li.list-group-item.headings {
    padding: 5px 12px;
    font-weight: bold;
}
.hierarchy.lineage > .line {
    padding: 4px 0;
}

.lineage span.warning {
    color: red;
}
/* topic panel mods of base in topic.css */
div#topicWrapId {
    width: 100%;
    margin: 0;
}
.topicType > label, 
h6#equivalencyHeading,
.topicScopeNote > label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    background-color: inherit;
    color: #999;
    display: inline;
    padding: 0;
    margin: 0;
}