/* {{pp-protected|small=yes}} */

.arbcomopentasks {

	border: 1px solid #a2a9b1;

	background-color: #f8f9fa; /* backup for old browsers  without var */

	background-color: var(--background-color-interactive-subtle, #f8f9fa);

	padding: 5px;

	font-size: 95%;

	box-sizing: border-box;

}



.arbcomopentasks-title {

	font-size: 120%;

	text-align: center;

	font-weight: bold

}



.arbcomopentasks-template {

	text-align: center;

	padding-bottom: 0.5em;

	font-size: 90%;

}



.arbcomopentasks .mw-collapsible:not(:last-child) {

	margin-bottom: 0.2em

}



.arbcomopentasks .mw-collapsible-toggle {

	padding-top: 0.4em;

}



.arbcomopentasks-task-title {

	padding: 3px;

	background: #E0E0E0;

	color: #202122;

	font-size: 120%;

	font-weight: bold;

}



.arbcomopentasks-edit {

	float: left;

	padding: 0.4em 0.1em 0;

}



.arbcomopentasks-task-title span {

	font-size: 85%;

}



.arbcomopentasks table {

	width: 100%;

	padding: 1px;

	border-spacing: 0

}



.arbcomopentasks thscope="col" {

	text-align: left;

	border-bottom: 1px solid #555;

}



.arbcomopentasks td {

	border-top: 1px solid grey;

}



.arbcomopentasks-headers + tr td {

	border: none;

}



.arbcomopentasks p {

	text-align:center;

	color:#737373;

	font-style: italic

}



@media (min-width: 720px) {

	.arbcomopentasks {

		float: right;

		margin: 0 0 0 0.5em;

		width: 50%;

	}

	

	.arbcomopentasks-task-title {

		text-align: center

	}



	.arbcomopentasks-task-title div {

		margin: 0 4em;

	}

	

	.arbcomopentasks .width10 {

		width: 10%;

	}

	

	.arbcomopentasks .width15 {

		width: 15%;

	}

	

	.arbcomopentasks .width20 {

		width: 20%;

	}

	

	.arbcomopentasks .width25 {

		width: 25%;

	}

	

	.arbcomopentasks .width30 {

		width: 30%;

	}

	

	.arbcomopentasks .width35 {

		width: 35%;

	}

	

	.arbcomopentasks .width40 {

		width: 40%;

	}

	

	.arbcomopentasks .width55 {

		width: 55%;

	}

	

	.arbcomopentasks .width60 {

		width: 60%;

	}

	

	.arbcomopentasks .width70 {

		width: 70%;

	}

}