.dialog											{box-shadow:0px 0px 5px #000000;}

.dialog-title									{background-image:linear-gradient(hsl(var(--hue), 100%, 35%), hsl(var(--hue), 100%, 30%)); color:var(--mode27);}
.dialog-close									{background-color:#FF0000;}
.dialog-close:hover								{background-color:#CC0000;}
.dialog-close:before,
.dialog-close:after								{background-color:var(--mode27);}

.dialog-board									{background-color:var(--mode14);}

.dialog-column-check-1 .show:before				{background-color:#DADADA; box-shadow:0px 0px 5px #BABABA inset;}
.dialog-column-check-1 .show:after				{background-color:#CC0000; box-shadow:0px 0px 3px #990000 inset;}
.dialog-column-check-1 .show.checked:after		{background-color:#00CC00; box-shadow:0px 0px 5px #00AA00 inset;}

@keyframes dialog-unchecked
	{
	from										{background-color:#00CC00; box-shadow:0px 0px 3px #00AA00 inset;}
	to											{background-color:#CC0000; box-shadow:0px 0px 3px #990000 inset;}
	}

@keyframes dialog-checked
	{
	from										{background-color:#CC0000; box-shadow:0px 0px 3px #990000 inset;}
	to											{background-color:#00CC00; box-shadow:0px 0px 3px #00AA00 inset;}
	}

.dialog-status									{background-color:#FFFFFF;}

.dialog-status-0:before							{background-image:linear-gradient(#D0D0D0, #C0C0C0); color:#A0A0A0;}
.dialog-status-1:before							{background-image:linear-gradient(#F0B0B0, #E0A0A0); color:#602020;}
.dialog-status-2:before							{background-image:linear-gradient(#EECE50, #DEBE40); color:#602000;}
.dialog-status-3:before							{background-image:linear-gradient(#90D0A0, #80C090); color:#406020;}
.dialog-status-4:before							{background-image:linear-gradient(#808080, #707070); color:#505050;}

.dialog-submit span								{color:#CC0000;}