/* --------------- DST Form ----------------- */
.dst-form .section {
	margin-bottom: 2rem;
	padding: 0 1rem;
	border: 1px solid #bbb;
	border-radius: 0.25rem;
}

.dst-form .section > legend {
	float: none;
	width: auto;
	padding: 0 1.85rem 0 0.25rem;
}

.dst-form .section .section-title { 
	font-family: 'Roboto Slab', sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	color: #4682B4;
}
.dst-form .chevron {
	position: absolute;
	width: 14px;
	margin-top: 0.75rem;
	margin-left: 0.5rem;
	cursor: pointer;
	transition: .7s transform ease-in-out;
}
.dst-form .chevron-down { transform: scaleY(1); }
.dst-form .chevron-up { transform: scaleY(-1); }

.dst-form .section-open { padding-bottom: 1rem; }
.dst-form .section-open .fieldset-wrapper { margin-top: 1rem; }
.dst-form .section-close legend { margin-bottom: 2rem; transition: 0.7s; }
.dst-form .form-actions { margin-top: 1rem; }

.dst-form .tooltips .name:hover { font-weight: 500; border-bottom: 3px solid rgba(251,176,59,0.75); }
.dst-form .tooltips .description { display: none; }
.dst-form .form-actions .btn-restart { margin-right: 0.5rem; }

.dst-form .card-notes { background-color: #FFFDE7; border-color: #FFC107; }
.dst-form .card-reference { background-color: #E1F5FE; border-color: #29B6F6; }
.dst-form .card-body ul.notes > li { margin-bottom: 0.5rem; }

.tooltipster-content ul.list { columns: 2; } 

/* --------------- Monetary value ----------------- */
#dst-monetary-value #edit-asset,
#dst-monetary-value #edit-country,
#dst-monetary-value #edit-activities,
#dst-monetary-method #edit-methods { column-count: 2; }

#dst-monetary-value .asset-description { padding: 0.5rem; border: 1px solid #ccc; border-radius: 0.25rem; }
#dst-monetary-value .asset-description .activity { padding: 0.5rem; margin-bottom: 0.25rem; }
#dst-monetary-value .asset-description .activity p { margin-bottom: 0; }

#dst-monetary-value .asset-description .provisioning { background-color: #B3E5FC; border-radius: 0.25rem 0.25rem 0 0; }
#dst-monetary-value .asset-description .regulating { background-color: #FFCDD2; }
#dst-monetary-value .asset-description .supporting { background-color: #FFF59D; }
#dst-monetary-value .asset-description .social { background-color: #C8E6C9; margin-bottom: 0; border-radius: 0 0 0.25rem 0.25rem; }

#dst-monetary-value #edit-activities .form-item .form-label .activities { font-size: 0.8rem; font-style: italic; color: #666; line-height: 1.25; }

#table-monetary-results { font-size: 0.85rem; }
#table-monetary-results thead tr th { background-color: #eee; }
#table-monetary-results thead tr th:nth-child(1) { min-width: 150px; }
#table-monetary-results thead tr th:nth-child(2) { min-width: 100px; }
#table-monetary-results thead tr th:nth-child(3) { min-width: 150px; }
#table-monetary-results thead tr th:nth-child(4) { min-width: 200px; }
#table-monetary-results thead tr th:nth-child(5) { min-width: 60px; }
#table-monetary-results thead tr th:nth-child(6) { min-width: 60px; }
#table-monetary-results thead tr th:nth-child(7) { min-width: 80px; }
#table-monetary-results thead tr th:nth-child(8) { min-width: 80px; }
#table-monetary-results thead tr th:nth-child(9) { min-width: 80px; }
#table-monetary-results thead tr th:nth-child(10) { min-width: 80px; }
#table-monetary-results thead tr th:nth-child(11) { min-width: 100px; }
#table-monetary-results thead tr th:nth-child(12) { min-width: 150px; }
#table-monetary-results thead tr th:nth-child(13) { min-width: 250px; }
#table-monetary-results thead tr th:nth-child(14) { min-width: 120px; }
#table-monetary-results thead tr th:nth-child(15) { min-width: 250px; }

#monetary-cards .card { margin-bottom: 1rem; }
#monetary-cards .field-label { font-size: 0.85rem; font-weight: 500; color: var(--branding-color); }
#monetary-cards .field-value { font-weight: 700; }

/* --------------- Usefulness ----------------- */
#dst-usefulness #edit-issue { column-count: 2; }

#dst-usefulness .field-label { font-size: 0.85rem; font-weight: 500; color: var(--branding-color); }
#dst-usefulness .field-value { font-weight: 700; }
#dst-usefulness #edit-policies .nested { padding-left: 4rem; }

#table-environmental-issue thead tr th { background-color: #eee; }
#table-environmental-issue thead tr th:nth-child(1) { min-width: 200px; }
#table-environmental-issue thead tr th:nth-child(2) { min-width: 200px; }
#table-environmental-issue thead tr th:nth-child(3) { min-width: 350px; }
#table-environmental-issue thead tr th:nth-child(4) { min-width: 350px; }

#dst-usefulness .main-policy-title { margin-bottom: 0.5rem; }
#dst-usefulness .main-policy-title .icon,
#dst-usefulness .main-policy-title .card-title { display: inline-block; }
#dst-usefulness .main-policy-title .icon { width: 64px; margin-right: 1rem; }

#dst-usefulness .policies-cards .card { margin-bottom: 1rem; border-style: dashed; }
#dst-usefulness .policies-cards .policy-title { margin-bottom: 0.5rem; }
#dst-usefulness .policies-cards .policy-title a { display: flex; align-items: center; text-decoration: none; }
#dst-usefulness .policies-cards .policy-title .icon { width: 64px; margin-right: 1rem; }

#dst-usefulness .policies-cards .awareness:hover { background-color: #FFF8E1; }
#dst-usefulness .policies-cards .cost-benefits:hover { background-color: #E1F5FE; }
#dst-usefulness .policies-cards .financial-instruments:hover { background-color: #F3E5F5; }
#dst-usefulness .policies-cards .ecological-damage:hover { background-color: #F1F8E9; }

#dst-usefulness .policies-cards .children { margin-left: 6rem; }
#dst-usefulness .policies-cards .children ul.un-style li { margin-bottom: 0.5rem; }
#dst-usefulness .modal .modal-title::first-letter { text-transform: uppercase; }
.modal .modal-body span.yellow { font-weight: 700; background-color: yellow; }



/* --------------- Recommendations ----------------- */
#dst-recommendations .table thead tr th { border-bottom: 2px solid #000; }
#dst-recommendations .table .full-row { background-color: #eee; font-weight: 700; }

/* --------------- Assessment ----------------- */
#dst-assessment #edit-q16 { margin-bottom: 2rem; }
#dst-assessment #edit-q16 .table-group-divider,
#dst-assessment #edit-q17 .table-group-divider { border-top: none; }

/* ----------- Tooltipster ------------- */
.tooltips {
	display: inline-block;
	/*line-height: 0.85;*/
	text-indent: 0;
	/*border-bottom: 3px solid rgba(0,0,0,0.25);*/
}
/*.tooltips:hover { border-color: rgba(251,176,59,0.75); }*/

.tooltipster-sidetip.tooltipster-default.tooltipster-dst .tooltipster-box {
  background: #FFFDE7;
  border: solid 2px #FFCC80;
  border-radius: 5px;
  box-shadow: 0 0 10px 6px rgba(0,0,0,.15);
}
.tooltipster-sidetip.tooltipster-default.tooltipster-dst .tooltipster-content {
  color: #333;
  padding: 8px;
  font-size: 0.9em;
  line-height: 1.35;
}
.tooltipster-sidetip.tooltipster-default.tooltipster-dst .tooltipster-content p {
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
}

.tooltipster-sidetip.tooltipster-default.tooltipster-dst.tooltipster-top .tooltipster-arrow-background { top: -3px; border-top-color: #FFFDE7; }
.tooltipster-sidetip.tooltipster-default.tooltipster-dst.tooltipster-bottom .tooltipster-arrow-background { top: 3px; border-bottom-color: #FFFDE7; }
.tooltipster-sidetip.tooltipster-default.tooltipster-dst.tooltipster-left .tooltipster-arrow-background { left: -3px; border-left-color: #FFFDE7; }
.tooltipster-sidetip.tooltipster-default.tooltipster-dst.tooltipster-right .tooltipster-arrow-background { left: 3px; border-right-color: #FFFDE7; }

.tooltipster-sidetip.tooltipster-default.tooltipster-dst.tooltipster-top .tooltipster-arrow-border { border-top-color: #FFCC80; }
.tooltipster-sidetip.tooltipster-default.tooltipster-dst.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #FFCC80; }
.tooltipster-sidetip.tooltipster-default.tooltipster-dst.tooltipster-left .tooltipster-arrow-border { border-left-color: #FFCC80; }
.tooltipster-sidetip.tooltipster-default.tooltipster-dst.tooltipster-right .tooltipster-arrow-border { border-right-color: #FFCC80; }