.filter-view .dropdown  {
	margin-top: 10px;
}

.filter-view .dropdown button {
	max-width: 100%;
	overflow: hidden;
	border: none;
	border-radius: 10px;
	width: 100%;
	/*min-width: 50%;*/
	text-align: left;
	position: relative; /* for arrow (.dropdown-toggle::after) */
}

.filter-view .dropdown button > span {
	white-space: normal;
	max-width: 95%;
	display: inline-block;
}

html:not(.d2) .filter-view .dropdown-toggle::after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 10px;
}

.filter-view h3 {
	font-size: 1.1rem;
}
.filter-view h4 {
	font-size: 1rem;
}

.filter-view h4 {
	margin: 10px 0px 5px 10px;
	display: inline-block;
}

.filter-view hr {
	border-width: 2px;
}

.indent-content {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.indent-content > h4 {
	margin-left: 30px;
	font-weight: bold;
}
.filter-view .boxed {
	margin: 5px 0px 0px 0px;
	border-radius: 10px;
	border: 1px solid #ddd;
	background: #fafafa;
	padding-right: 5px;
}


html.d2 .filter-view .indent-content ul {
	list-style-type: none;
	padding-left: 0.75rem;
	margin-left: 0.75rem;
}
html.d2 .filter-view .indent-content ul ul {
	margin-left: 0;
}
html.d2 .filter-view ul button.fa-chevron-up,
html.d2 .filter-view ul button.fa-chevron-down,
html.d2 body.her2_ebc .filter-view button.fa-chevron-up,
html.d2 body.her2_ebc .filter-view button.fa-chevron-down {
	padding-left: 0;
}

html.d2 .filter-view .boxed,
html.d2 .filter-view .indent-content ul {
	border: 0;
}
html.d2 .filter-view .boxed,
html.d2 .filter-view .indent-content ul ul {
	background: #eff3f3;
}
html.d2 body.her2_ebc .filter-results > .boxed {
	background: #fff;
}
html.d2 .filter-results button.fa-chevron-up,
html.d2 .filter-results button.fa-chevron-down {
	display: flex;
/*	width: 100%;*/
/*	justify-content: space-between;*/
	align-items: center;
	color: #42c1ee;
}
html.d2 .filter-results button.fa-chevron-down,
html.d2 .filter-results button.fa-chevron-up + ul {
	margin-bottom: 8px;
}
html.d2 .filter-results button.fa-chevron-up span,
html.d2 .filter-results button.fa-chevron-down span {
	margin-left: 5px;
}
html.d2 .filter-results button.fa-chevron-up:hover,
html.d2 .filter-results button.fa-chevron-down:hover {
	color: #349cd9;
}
html.d2 .filter-results button.fa-chevron-up::before,
html.d2 .filter-results button.fa-chevron-down::before {
	display: none;
}
html.d2 .filter-results button.fa-chevron-up h4,
html.d2 .filter-results button.fa-chevron-down h4 {
	margin: 0;
}
html.d2 .filter-results .internal-link a,
html.d2 .filter-results .int-link a {
/*	font-weight: 600;*/
	color: var(--text-color);
}
html.d2 .sota {
	font-weight: 500;
}


/*
.filter-show,
.filter-view .filter-hide {
	display: none;
}

.filter-view .filter-show,
.filter-hide {
	display: inline-block;
}
*/
.filter-show {
	display: none;
}

ul.hide-bullets {
	list-style-type: none; /* using dashes instead */
	padding-left: 0;
}
ul.hide-bullets > li {
	padding-left: 15px;
	text-indent: -15px;
}

.filter-view .indent-content ul {
	padding: 5px 5px 5px 25px;
	margin: 5px 0px 0px 20px;
	border-radius: 10px;
	border: 1px solid #ddd;
	background: #fff;
}
.filter-view .indent-content ul ul {
	background: #fafafa;
	margin-left: 0px;
}
.filter-view .indent-content ul ul ul {
	border: none;
	padding: 0;
	margin-top: 0;
	margin-left: 15px;
}

.filtered-content .internal-link a {
	color: #000;
	white-space: normal;
}

.sota,
.filter-hl-1,
.filter-hl-2,
.filter-hl-3,
.filter-hl-4,
.filter-hl-5 {
	font-weight: 600;
}

/* "state of the art" - green highlight */
.sota,
.sota .internal-link,
.sota .internal-link a,
.sota .internal-link span.fas,
.filter-hl-1,
.filter-hl-1 .internal-link,
.filter-hl-1 .internal-link a,
.filter-hl-1 .internal-link span.fas {
	color: #3a0 !important;
}
.sub-link-black .sota a:hover {
	border-color: #3a0;
}
.sota .int-link,
.sota .int-link a,
.sota .int-link a::after,
.sota .int-link::before,
.filter-hl-1,
.filter-hl-1 .int-link,
.filter-hl-1 .int-link a,
.filter-hl-1 .int-link a::after,
.filter-hl-1 .int-link::before {
    color: #3a0 !important;
}
.sota .int-link a:hover,
.filter-hl-1 .int-link a:hover {
    border-bottom: 1px solid #3a0 !important;
}


/* dont inherit green color */
#her2_ebc .sota li:not(.sota) {
	font-weight: 400;
	color: #212529;
}

/*
.filter-hl-0,
.filter-hl-0 .internal-link,
.filter-hl-0 .internal-link a,
.filter-hl-0 .internal-link span.fas {
	color: #888 !important;
}
*/
.filter-hl-2,
.filter-hl-2 .int-link,
.filter-hl-2 .int-link a,
.filter-hl-2 .int-link a::after,
.filter-hl-2 .int-link::before {
	color: #212529;
}
.filter-hl-0 .int-link a:hover {
    border-bottom: 1px solid #212529 !important;
}

/* experts - orange highlight */
.filter-hl-2,
.filter-hl-2 .internal-link,
.filter-hl-2 .internal-link a,
.filter-hl-2 .internal-link span.fas,
.filter-hl-2 .int-link,
.filter-hl-2 .int-link a,
.filter-hl-2 .int-link a::after,
.filter-hl-2 .int-link::before {
    color: #f90 !important;
}
.filter-hl-2 .int-link a:hover {
    border-bottom: 1px solid #f90 !important;
}

/* lighter green */
.filter-hl-3,
.filter-hl-3 .internal-link,
.filter-hl-3 .internal-link a,
.filter-hl-3 .internal-link span.fas,
.filter-hl-3 .int-link,
.filter-hl-3 .int-link a,
.filter-hl-3 .int-link a::after,
.filter-hl-3 .int-link::before {
    color: #0c0 !important;
}
.filter-hl-3 .int-link a:hover {
    border-bottom: 1px solid #0c0 !important;
}

/* darker green */
.filter-hl-4,
.filter-hl-4 .internal-link,
.filter-hl-4 .internal-link a,
.filter-hl-4 .internal-link span.fas,
.filter-hl-4 .int-link,
.filter-hl-4 .int-link a,
.filter-hl-4 .int-link a::after,
.filter-hl-4 .int-link::before {
    color: #080 !important;
}
.filter-hl-4 .int-link a:hover {
    border-bottom: 1px solid #080 !important;
}

/* ligter grey (off-label) */
.filter-hl-5,
.filter-hl-5 .internal-link,
.filter-hl-5 .internal-link a,
.filter-hl-5 .internal-link span.fas,
.filter-hl-5 .int-link,
.filter-hl-5 .int-link a,
.filter-hl-5 .int-link a::after,
.filter-hl-5 .int-link::before {
    color: #aaa !important;
}
.filter-hl-5 .int-link a:hover {
    border-bottom: 1px solid #aaa !important;
}

.filter-list ul {
	padding-left: 40px;
}

body .panel-heading,
body .panel-group .panel,
body .navLevel1 li a,
.accordion-look button  {
	border-radius: 12px;
	border-radius: 0px;
}

.cave-box {
	padding: 0.5rem 0.75rem;
	background: #f4f4f4;
	margin-top: 10px;
	border-radius: 0.5rem;
}

.custom-cb-box {
	font-size: 13px;
	cursor: pointer;
}
.custom-cb {
	display: inline-block;
	float: left;
	width: 22px;
	height: 22px;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.custom-cb-text {
	display: inline-block;
	margin: 3px 0px 0px 5px;
	max-width: 90%;
}
.custom-cb .fas {
	margin: 2px 0px 0px 3px;
}

.ml-30px {
	margin-left: 30px;
}

/* BC */


html.d2 .filter-view .dropdown-toggle {
	display: flex;
	align-items: center;
	line-height: 1.2;
	padding: 0.5rem 0.75rem;
}

html.d2 .filter-view .dropdown-toggle > div {
	padding-right: 1rem;
}

html.d2 .filter-view .dropdown-toggle .acc-icon {
	background-color: transparent;
	margin-right: 0.5rem;
}

html.d2 .filter-view .dropdown-toggle::after {
    border: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    position: absolute;
/*    top: 50%;*/
/*    margin-top: -3px;*/
    right: 10px;
}

html.d2 .filter-view .filter-dd-btn-category {
	display: block;
	font-size: 12px;
	color: #c4bbd3;
	font-weight: 500;
	text-transform: uppercase;
}
html.d2 body.hrher2 .filter-view .filter-dd-btn-category {
	color: #d6bed6;
}
html.d2 body.her2 .filter-view .filter-dd-btn-category {
	color: #e5c5da;
}

html.d2 .custom-cb-box {
	display: inline-block;
	margin-top: 0.25rem;
}

html.d2 .custom-cb {
	background: #fff;
	border-radius: 2rem;
	border-color: #bbb;
}

html.d2 .custom-cb-checked {
	display: inline-block;
	width: 70%;
	height: 70%;
	margin: 15%;
	background: #3a0;
	border-radius: 2rem;
}

html.d2 .custom-cb-box:nth-child(2) .custom-cb-checked {
	background: #555;
}

html.d2 .filter-view .btn-reset-selection {
	display: flex;
	align-items: center;
	font-size: 13px;
	line-height: 1;
}

html.d2 .filter-view .btn-reset-selection .btn {
	margin-right: 0.25rem;
}


html.d2 body.hrher2 .btn-reset-selection {
	color: #6d5491;
}
html.d2 body.her2 .btn-reset-selection {
	color: #995c99;
}
html.d2 body.tnbc .btn-reset-selection {
	color: #bf6ea3;
}

html.d2 body.hrher2 .btn-reset-selection .btn {
	background: #6d5491;
	color: #fff;
}
html.d2 body.her2 .btn-reset-selection .btn {
	background: #995c99;
	color: #fff;
}
html.d2 body.tnbc .btn-reset-selection .btn {
	background: #bf6ea3;
	color: #fff;
}

html.d2 .filter-selection-acc {
	background: #fff;
	margin-bottom: 0.5rem;
	padding: 0.75rem;
	border-radius: 10px;
}

html.d2 .filter-selection-acc > button {
	color: #42c1ee;
	text-decoration: none;
	padding: 0;
}

html.d2 .filter-selection-acc > button:hover {
	color: #349cd9;
	text-decoration: underline;
}

html.d2 .filter-selection-acc.how-to > button .fas {
	min-width: 14px;
}

html.d2 .filter-selection-acc.cave > button {
	display: flex;
	align-items: center;
	color: #f90;
}
html.d2 .filter-selection-acc.cave .sources-link a {
    display: inline;
    color: #42c1ee;
}

html.d2 .filter-selection-acc.cave > button .acc-icon {
	background-color: #f90;
	margin-right: 0.25rem;
}

html.d2 .filter-selection-acc.cave > button .fa-chevron-right,
html.d2 .filter-selection-acc.cave > button .fa-chevron-down {
	flex-grow: 1;
}

html.d2 .filter-results > div {
	background: #fff;
	border-radius: 10px;
	padding: 0.75rem;
	margin-bottom: 0.5rem;
}

html.d2 .filter-view .boxed,
html.d2 .filter-view .indent-content ul {
/*	border: 0;*/
}