#td {
	--wordpress-blue: #2271b1;
	--wordpress-grey: rgb(60, 67, 74);
	--success: #41c141;
	--warning: #ff8708;
	--failure: #ff0808;
	--not-available: #f1f1f1;
}

#td.dashboard .recap {
	padding: 10px;
	border: 1px solid #00000050;
	background-color: white;
	margin-top: 10px;
	margin-bottom: 10px;
	box-shadow: 2px 2px 8px -3px rgb(129 129 129 / 50%);
}
#td.dashboard .recap .recap-column {
	display: flex;
	padding-top: 10px;
	padding-bottom: 10px;
}

#td.dashboard .recap .recap-column .total {
	padding: 10px 20px 5px 20px;
	font-size: 50px;
	line-height: 50px;
	font-weight: bold;
	-webkit-text-stroke: 1px #00000050;
	text-stroke: 1px #00000050;
}

#td.dashboard .recap .recap-column .total-sub {
	font-size: 16px;
	line-height: 16px;
	font-weight: 500;
	text-align: center;
}

#td.dashboard .recap .recap-column .title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

#td.dashboard .score.textual {
	font-weight: bold;
	margin-bottom: 10px;
}

#td.dashboard .score.success {
	color: var(--success);
}

#td.dashboard .score.warning {
	color: var(--warning);
}

#td.dashboard .score.failure {
	color: var(--failure);
}

#td.dashboard .recap .recap-column .description {
	font-size: 14px;
	line-height: 1.5em;
}

#td.dashboard .collapse  {
	font-size: 14px;
	line-height: 14px;
	padding: 10px;
	border: 1px solid #00000050;
	background-color: white;
	margin-top: 10px;
	margin-bottom: 10px;
	box-shadow: 2px 2px 8px -3px rgb(129 129 129 / 50%);
	display: none;
}

#td.dashboard .collapse.not_available {
	background-color: #d5d5d5;
}

#td.dashboard .collapse .header {
	display: flex;
}

#td.dashboard .collapse .header .l1{
	display: flex;
}

#td.dashboard .collapse .header .score.numeric {
	padding: 10px;
	font-size: 25px;
	line-height: 25px;
	font-weight: bold;
	text-stroke: 1px #00000050;
	-webkit-text-stroke: 1px #00000050;
	min-width: 2em;
	text-align: right;
}

#td.dashboard .collapse .header .score.numeric.not_available {
	color: white;
	text-stroke: 2px var(--wordpress-grey);
	-webkit-text-stroke: 2px var(--wordpress-grey);
}

#td.dashboard .collapse .header .title{
	display: inline-block;
	padding: 10px;
	font-size: 20px;
	line-height: 25px;
	vertical-align: middle;
	min-width: 6.5em;
}

#td.dashboard .collapse .header .description{
	display: inline-block;
	flex: 1;
	padding: 10px;
	font-size: 14px;
	line-height: 1.5em;
	cursor: pointer;
}

#td.dashboard .collapse.not_available .header .description {
	cursor: default;
}

#td.dashboard .collapse .header .icon {
	display: flex;
	align-items: center;
    cursor: pointer;
}

#td.dashboard .collapse.not_available .header .icon {
	display: none;
}

#td.dashboard .not_available .subtitle {
	color: white;
	background-color: var(--wordpress-blue);
	border-radius: 50px;
	text-align: center;
	padding: 3px;
}

#td.dashboard .collapse .header .icon svg {
	fill: #4d4d4d;
	width: 1em;
	height: 1em;
	display: inline-block;
	margin: 0 auto;
	font-size: 1.5rem;
	transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	flex-shrink: 0;
	user-select: none;
}

#td.dashboard .collapse.expanded .header .icon {
	transform: rotate(180deg);
}

#td.dashboard .collapse .details {
	display: none;
	font-size: 12px;
	line-height: 12px;
	padding: 10px;
}

#td.dashboard .collapse .details .title {
	font-weight: 600;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#td.dashboard .collapse .details .description {
	padding-bottom: 10px;
	font-size: 12px;
}

#td.dashboard .sc-gauge  { width:180px; padding: 0 10px; }
#td.dashboard .sc-background { position:relative; height:100px; margin-bottom:0px; background-color:#fff; border-radius:130px 130px 0 0; overflow:hidden; text-align:center; }
#td.dashboard .sc-mask { position:absolute; top:20px; right:20px; left:20px; height:80px; background-color:#fff; border-radius:130px 130px 0 0 }
#td.dashboard .sc-percentage { position:absolute; top:100px; left:-100%; width:200%; height:200%; margin-left:100px; background-color:#00aeef;  }
#td.dashboard .sc-percentage { transform:rotate(0deg); transform-origin:top center; }
#td.dashboard .sc-min { float:left; }
#td.dashboard .sc-max { float:right; }
#td.dashboard .sc-value { position:absolute; top:50%; left:0; width:100%;  font-size:48px; font-weight:700;  -webkit-text-stroke: 1px #00000050;    text-stroke: 1px #00000050;}

@media (max-width: 425px) {
	#td.dashboard .recap .recap-column {
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	  gap: 15px;
	}
	#td.dashboard .collapse .header {
		flex-direction: column;
	}
}