.multicollab_body_class {
	#cf_dialogoverlay {
		display: none;
		opacity: .8;
		position: fixed;
		top: 0px;
		left: 0px;
		background: #707070;
		width: 100%;
		z-index: 10;
	}
	#cf_dialogbox {
		display: none;
		position: absolute;
		background: #FFFFFF;
		border-radius: 5px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.30);
		transition: 0.3s;
		width: 32%;
		z-index: 100000;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		@media screen and (max-width:860px) {
			width: 50%;
		}
		@media screen and (max-width:600px) {
			width: 70%;
		}
		& > div {
			background: #FFF;
			margin: 8px;
			& > #cf_dialogboxhead {
				font-size: 19px;
				padding: 10px;
			}
			& > #cf_dialogboxbody {
				padding: 10px;
				font-size: 14px;
				line-height: 1.5;
			}
			& > #cf_dialogboxfoot {
				padding: 10px;
				text-align: right;
			}
		}
	}
	.cf_pure-material-button-contained {
		position: relative;
		display: inline-block;
		box-sizing: border-box;
		border: none;
		border-radius: 4px;
		padding: 0 16px;
		min-width: 64px;
		height: 36px;
		vertical-align: middle;
		text-align: center;
		text-overflow: ellipsis;
		text-transform: uppercase;
		color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
		background-color: #3871E0;
		box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
		font-size: 12px;
		font-weight: 500;
		line-height: 36px;
		overflow: hidden;
		outline: none;
		cursor: pointer;
		transition: box-shadow 0.2s;
		&::-moz-focus-inner {
			border: none;
		}
		&::before {
			content: "";
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
			opacity: 0;
			transition: opacity 0.2s;
		}
		&::after {
			content: "";
			position: absolute;
			left: 50%;
			top: 50%;
			border-radius: 50%;
			padding: 50%;
			width: 32px;
			height: 32px;
			background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
			opacity: 0;
			transform: translate(-50%, -50%) scale(1);
			transition: opacity 1s, transform 0.5s;
		}
		&:hover {
			box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
			&::before {
				opacity: 0.08;
			}
			&:focus {
				&::before {
					opacity: 0.3;
				}
			}
		}
		&:focus {
			box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
			&::before {
				opacity: 0.24;
			}
		}
		&:active {
			box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
			&::after {
				opacity: 0.32;
				transform: translate(-50%, -50%) scale(0);
				transition: transform 0s;
			}
		}
		&:disabled {
			color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
			background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.12);
			box-shadow: none;
			cursor: initial;
			&::before,
			&::after {
				opacity: 0;
			}
		}
	}
}
