[data-unit="agenda-toolbar"]
{
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	flex-wrap: wrap;
}

/*
@media (max-width: 880px){
	[data-unit="agenda-toolbar"]
	{
		flex-direction: column;
		align-items: flex-end;
	}
}
*/

[data-unit="agenda-toolbar"] > *{
	margin-left: 15px;
}

/* attendance list */
[data-unit~='attendance-list']{
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
	flex-wrap: wrap;	
	order: 1;
	align-items: center;
}

[data-unit~="icon-webcast"],
[data-unit~='attendance-list'] > label{
	margin-bottom: 0.5rem;
}

[data-unit~='attendance-list'] button,
[data-unit~='attendance-list'] select
{
	font-size: 0.9rem;
	cursor: pointer;
	line-height: 1.5rem;
	margin-bottom: 0.5rem;
	margin-left: 15px;
}

/* Council meeting */

html:not(:lang(en)) [data-unit~='attendance-list'][data-unit~='council-meeting'] > label{
	width: 17.5rem;
}

html:lang(en) [data-unit~='attendance-list'][data-unit~='council-meeting'] > label{
	width: 23rem;
}

html:not(:lang(en)) [data-unit~='attendance-list'][data-unit~='council-meeting'] button,
html:not(:lang(en)) [data-unit~='attendance-list'][data-unit~='council-meeting'] select
{
	width: 290px;
}

html:lang(en) [data-unit~='attendance-list'][data-unit~='council-meeting'] button,
html:lang(en) [data-unit~='attendance-list'][data-unit~='council-meeting'] select
{
	width: 380px;
}

/* Committee */

[data-unit~='attendance-list'][data-unit~='committee'] button,
[data-unit~='attendance-list'][data-unit~='committee'] select
{
	padding: 0 1.5rem;
}

html:not(:lang(en)) [data-unit~='attendance-list'][data-unit~='committee'] > label{
	width: 16.4rem;
}

html:lang(en) [data-unit~='attendance-list'][data-unit~='committee'] > label{
	width: 11.8rem;
}

/* Council meeting pdf download */
.cm_right{
	order: 3;
}

/*  Webcast */
[data-unit~="webcast-icon"]{
	order: 2;
}

[data-unit~="webcast-icon"] > div:not([data-unit="icon-webcast-not-start"]){
	height: 1.5rem;	
}

[data-unit~="icon-webcast"] {
	width: 38px;
	height: 27px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.404 29.998' role='img' focusable='false' fill='%237B4EB1'%3E%3Ctitle%3EWebcast%3C/title%3E%3Cg transform='translate(-45.077 -1.131)'%3E%3Ccircle cx='6' cy='6' r='6' transform='translate(60.279 10.13)'%3E%3C/circle%3E%3Cpath d='M108.933,62.647l2.727-2.727a9.637,9.637,0,0,1,0-13.636l-2.727-2.727A13.491,13.491,0,0,0,108.933,62.647Z' transform='translate(-52.199 -36.972)'%3E%3C/path%3E%3Cpath d='M265.76,62.647a13.491,13.491,0,0,0,0-19.09l-2.727,2.727a9.637,9.637,0,0,1,0,13.636Z' transform='translate(-189.936 -36.972)'%3E%3C/path%3E%3Cpath d='M54.007,28.4a17.375,17.375,0,0,1,0-24.544L51.28,1.131a21.236,21.236,0,0,0,0,30Z'%3E%3C/path%3E%3Cpath d='M305.46,3.858a17.375,17.375,0,0,1,0,24.544l2.727,2.727a21.236,21.236,0,0,0,0-30Z' transform='translate(-226.908 0)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 38px 27px;
	margin: 0 auto;
	cursor: pointer;
}

[data-unit~="icon-webcast"]:hover,
[data-unit~="icon-webcast"]:focus{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.404 29.998' role='img' focusable='false' fill='%235914B3'%3E%3Ctitle%3EWebcast%3C/title%3E%3Cg transform='translate(-45.077 -1.131)'%3E%3Ccircle cx='6' cy='6' r='6' transform='translate(60.279 10.13)'%3E%3C/circle%3E%3Cpath d='M108.933,62.647l2.727-2.727a9.637,9.637,0,0,1,0-13.636l-2.727-2.727A13.491,13.491,0,0,0,108.933,62.647Z' transform='translate(-52.199 -36.972)'%3E%3C/path%3E%3Cpath d='M265.76,62.647a13.491,13.491,0,0,0,0-19.09l-2.727,2.727a9.637,9.637,0,0,1,0,13.636Z' transform='translate(-189.936 -36.972)'%3E%3C/path%3E%3Cpath d='M54.007,28.4a17.375,17.375,0,0,1,0-24.544L51.28,1.131a21.236,21.236,0,0,0,0,30Z'%3E%3C/path%3E%3Cpath d='M305.46,3.858a17.375,17.375,0,0,1,0,24.544l2.727,2.727a21.236,21.236,0,0,0,0-30Z' transform='translate(-226.908 0)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

[data-unit~="icon-live"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ca0000'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: left 1px center;
	background-size: 1rem 0.5rem;		
	padding-left: 1rem;
	text-align: center;
	color: #ca0000;
	font-size: 0.7rem;
	font-weight: 900;
	border: 2px solid #ca0000;
	padding-top: 3px;
	padding-right: 3px;
	display: inline-block;
}	

[data-unit~="icon-live"]:hover,
[data-unit~="icon-live"]:focus{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FB4B59'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3C/svg%3E");
	color: #FB4B59;
	border: 2px solid #FB4B59;		
}


/* Dropdown UI */
[data-unit="ddn-wrapper"] {
    display: inline-block;
    position: relative;
	margin-left: 15px;
}
[data-unit="ddn-wrapper"] > input[type="checkbox"] {
    width: 0;
    height: 0;
    display: none;
}
[data-unit="ddn-wrapper"] > [data-unit="outcome"] {
	height:1.6rem;
    padding: 0 1.8rem 0 0.8rem;
    /* background: no-repeat right 0.8rem center/1.4rem, linear-gradient(to left, rgba(255, 255, 255, 0.3) 2rem, rgba(255, 255, 255, 0.2) 2rem); */
    color: #333;
    /* box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2); */
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
	border: 1px solid #4F4F4F;
	border-radius: 4px;
	font-weight: 400;
}
[data-unit="ddn-wrapper"] > [data-unit="outcome"]::after {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 0.25rem;
}
[data-unit="ddn-wrapper"] > input[type="checkbox"]:not(:checked) + [data-unit="outcome"]::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23444444'%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E");
}
[data-unit="ddn-wrapper"] > input[type="checkbox"]:checked + [data-unit="outcome"]::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23444444'%3E%3Cpath d='M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z'/%3E%3C/svg%3E");
}
[data-unit="ddn-wrapper"] > input[type="checkbox"]:not(:checked) ~ [data-unit="option-wrapper"] {
    display: none;
}
[data-unit="ddn-wrapper"] > input[type="checkbox"]:checked ~ [data-unit="option-wrapper"] {
    position: absolute;
    display: inline-block;
    top: 1.6rem;
    left: 0;
    width: 100%;
    border-left: 1px solid #4F4F4F;
    border-right: 1px solid #4F4F4F;
    border-bottom: 1px solid #4F4F4F;
    z-index: 1;
	background-color: white;
	border-radius: 4px;
	font-weight: 400;
}
[data-unit="ddn-wrapper"] > input[type="checkbox"]:checked ~ [data-unit="option-wrapper"] > [data-unit~="option"]{
	display: inline-block;
	text-decoration: none;
	color: #1E1F1F;
	padding: 0 1.8rem 0 0.8rem;
	width: 100%;
}
[data-unit="ddn-wrapper"] > input[type="checkbox"]:checked ~ [data-unit="option-wrapper"] > [data-unit~="option"]:hover,
[data-unit="ddn-wrapper"] > input[type="checkbox"]:checked ~ [data-unit="option-wrapper"] > [data-unit~="option"]:focus{
	background-color: #1E90FF;
	color: white;	
}