.dialog											{position:absolute; display:none; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); box-shadow:0px 0px 5px #000000; border-radius:var(--space); z-index:100;}
.dialog-1										{width:var(--dialog1);}
.dialog-2										{width:var(--dialog2);}
.dialog-3										{width:var(--dialog3);}
.dialog-4										{width:900px;}

.dialog input[type=text],
.dialog input[type=password],
.dialog input[type=number],
.dialog input[type=month],
.dialog input[type=date],
.dialog input[type=time],
.dialog select									{height:calc(var(--row) + 1px) !important; line-height:calc(var(--row) + 1px - (2 * var(--pad))) !important; font-size:var(--font) !important;}
.dialog option									{height:calc(var(--row) + 1px);}
.dialog input[type=file]						{position:absolute; height:calc(var(--row) + 1px); opacity:0;}
.dialog input[type=radio],
.dialog label									{height:calc(var(--row) + 1px); line-height:calc(var(--row) + 1px); font-size:var(--font);}

#dialog-textarea textarea						{width:100%; height:200px;}

.dialog-title									{position:relative; height:var(--row); line-height:var(--row); text-align:center; font-weight:bold; border-radius:var(--space) var(--space) 0px 0px; background-image:linear-gradient(#0090D0, #0070B0); color:#FFFFFF;}
.dialog-close									{position:absolute; top:calc((var(--row) - var(--close)) / 2); right:calc((var(--row) - var(--close)) / 2); width:var(--close); height:var(--close); border-radius:3px; background-color:#FF0000;}
.dialog-close:hover								{background-color:#CC0000;}
.dialog-close:before,
.dialog-close:after								{position:absolute; top:2px; left:calc((var(--close) - 2px) / 2); width:2px; height:calc(var(--close) - 4px); background-color:#FFFFFF; content:"";}
.dialog-close:before							{transform:rotate(45deg);}
.dialog-close:after								{transform:rotate(-45deg);}
.dialog-board									{position:relative; padding:var(--space); background-color:#E8E8E8; border-radius:0px 0px var(--space) var(--space);}

.dialog .table-tab								{height:calc(var(--row) + var(--tab) + (2 * var(--space)) + 2px); padding:calc(2 * var(--space)) 0px 0px;}
.dialog .table-tab:before						{height:var(--tab);}
.dialog .table-tab a							{height:calc(var(--row) + 1px); line-height:calc(var(--row) + 1px - (2 * var(--pad)));}
.dialog .table-tab a.selected					{height:calc(var(--row) + 2px); padding:var(--pad) calc(2 * var(--space)) calc(var(--pad) + 1px);}

#dialog-gallery .box-image img					{height:768px; vertical-align:top;}
#dialog-zoomin .table-box						{margin-bottom:0px !important;}
#dialog-zoomin .table-box img					{width:500px; height:500px; vertical-align:top;}

.dialog .table-row-space						{height:4px;}
.dialog .table-row-rigid						{height:calc(var(--row) + 1px);}
.dialog .table-row-rigid>span					{height:calc(var(--row) + 1px); line-height:calc(var(--row) + 1px);}
.dialog .table-row-rigid>div					{height:calc(var(--row) + 1px); line-height:calc(var(--row) + 1px);}
.dialog .table-row-rigid>span.row-merge-2,
.dialog .table-row-rigid>div.row-merge-2		{height:calc((2 * var(--row)) + 3px);}
.dialog .table-row-rigid>span.row-merge-3,
.dialog .table-row-rigid>div.row-merge-3		{height:calc((3 * var(--row)) + 5px);}
.dialog .table-row-rigid>span.row-merge-4,
.dialog .table-row-rigid>div.row-merge-4		{height:calc((4 * var(--row)) + 7px);}
.dialog .table-row-rigid>span.row-merge-5,
.dialog .table-row-rigid>div.row-merge-5		{height:calc((5 * var(--row)) + 9px);}
.dialog .table-row-rigid>span.row-merge-6,
.dialog .table-row-rigid>div.row-merge-6		{height:calc((6 * var(--row)) + 11px);}
.dialog .table-row-rigid>span.row-merge-7,
.dialog .table-row-rigid>div.row-merge-7		{height:calc((7 * var(--row)) + 13px);}
.dialog .table-row-rigid>span.row-merge-8,
.dialog .table-row-rigid>div.row-merge-8		{height:calc((8 * var(--row)) + 15px);}

.dialog .table-row textarea						{position:relative; height:calc((4 * var(--row)) + 7px);}

.dialog .box-paragraph							{padding:11px 10px 0px;}

.dialog .box-paragraph p,
.dialog .box-paragraph ol,
.dialog .box-paragraph ul						{line-height:18px;}

.dialog .cke_contents							{height:400px;}

.dialog-column-field							{padding-left:5px;}
.dialog-column-check-1							{width:var(--check);}
.dialog-column-check-1 input[type=checkbox]		{position:absolute; width:100%; height:100%; opacity:0; cursor:pointer; z-index:10;}
.dialog-column-check-1 .show					{display:block; width:100%; height:100%;}
.dialog-column-check-1 .show:before				{display:block; position:absolute; top:var(--switch); left:var(--switch); right:0px; bottom:var(--switch); border-radius:calc(2 * var(--switch)); background-color:#DADADA; box-shadow:0px 0px 5px #BABABA inset; content:"";}
.dialog-column-check-1 .show:after				{display:block; position:absolute; top:calc(2 * var(--switch)); left:calc(2 * var(--switch)); bottom:calc(2 * var(--switch)); width:calc(var(--row) + 1px - (4 * var(--switch))); border-radius:var(--space); background-color:#CC0000; box-shadow:0px 0px 3px #990000 inset; content:""; animation-name:dialog-unchecked; animation-duration:0.2s;}
.dialog-column-check-1 .show.checked:after		{left:calc(var(--check) - (var(--row) + 1px - (4 * var(--switch))) - var(--switch)); background-color:#00CC00; box-shadow:0px 0px 5px #00AA00 inset; animation-name:dialog-checked; animation-duration:0.2s;}

@keyframes dialog-unchecked
	{
	from										{left:calc(var(--check) - (var(--row) + 1px - (4 * var(--switch))) - var(--switch)); background-color:#00CC00; box-shadow:0px 0px 3px #00AA00 inset;}
	to											{left:calc(2 * var(--switch)); background-color:#CC0000; box-shadow:0px 0px 3px #990000 inset;}
	}

@keyframes dialog-checked
	{
	from										{left:calc(2 * var(--switch)); background-color:#CC0000; box-shadow:0px 0px 3px #990000 inset;}
	to											{left:calc(var(--check) - (var(--row) + 1px - (4 * var(--switch))) - var(--switch)); background-color:#00CC00; box-shadow:0px 0px 3px #00AA00 inset;}
	}

.dialog .ui-widget.ui-widget-content			{border:0px;}

.dialog-1 .dialog-column-field					{width:var(--field1);}
.dialog-1 .dialog-column-value					{width:calc(100% - var(--field1));}
.dialog-1 .dialog-column-full					{width:calc(100% - (2 * var(--space)));}

.dialog-2 .dialog-column-field					{width:var(--field2);}
.dialog-2 .dialog-column-value					{width:calc(100% - var(--field2));}
.dialog-2 .dialog-column-full					{width:calc(100% - (2 * var(--space)));}
.dialog-2 .dialog-column-split-1				{width:var(--split2);}
.dialog-2 .dialog-column-split-2				{width:calc(100% - var(--field2) - var(--split2) - 1px);}

.dialog-1 .dialog-column-check-2,
.dialog-1 .dialog-column-check-2 label,
.dialog-2 .dialog-column-check-2,
.dialog-2 .dialog-column-check-2 label			{width:calc(100% - var(--check));}

.dialog-3 .dialog-column-image					{width:calc((8 * (var(--row) + 1px)) + 7px);}
.dialog-3 .dialog-column-image img				{width:calc((8 * (var(--row) + 1px)) + 7px); height:calc((8 * (var(--row) + 1px)) + 7px); vertical-align:top;}
.dialog-3 .dialog-column-field					{width:var(--field3);}
.dialog-3 .dialog-column-value					{width:calc(100% - ((8 * (var(--row) + 1px)) + 7px) - var(--field3) - 1px);}

.dialog-4 .dialog-column-question				{width:536px;}
.dialog-4 .dialog-column-answer					{width:323px;}
.dialog-4 .dialog-column-survey					{width:80px;}
.dialog-4 .dialog-column-field					{width:180px;}
.dialog-4 .dialog-column-value					{width:700px;}

.dialog-column-currency							{width:var(--currency2);}
.dialog-column-nominal							{width:calc(100% - var(--field2) - var(--currency2) - 1px);}
.dialog-column-date								{width:150px;}

.dialog-column-status-1							{width:calc(var(--row) + 1px);}
.dialog-column-status-2							{width:calc(var(--split2) - (var(--row) + 1px));}
.dialog-column-status-3							{width:calc(100% - var(--field2) - var(--split2) - 1px);}
.dialog-column-status-4							{width:calc(100% - var(--row) - 1px);}

.dialog-status									{background-color:#FFFFFF;}
.dialog-status:before							{position:absolute; top:4px; left:4px; width:17px; height:17px; border-radius:50%; content:"";}

.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-column-1								{width:50px;}
.dialog-column-2								{width:100px;}
.dialog-column-3								{width:150px;}
.dialog-column-4								{width:200px;}
.dialog-column-5								{width:250px;}
.dialog-column-6								{width:300px;}
.dialog-column-7								{width:350px;}
.dialog-column-8								{width:400px;}

.dialog-submit									{position:relative; font-size:0px; padding:16px 10px 10px 5px; text-align:right;}
.dialog-submit span								{position:relative; float:left; left:0px; height:24px; line-height:24px; font-size:var(--font); color:#CC0000;}

@media (max-width:1799px)						/* 1600 */
	{
	.dialog-4									{width:800px;}
	
	#dialog-gallery .box-image img				{height:768px;}

	.dialog .table-row textarea					{height:69px;}
	
	.dialog-column-check-1						{width:35px;}
	.dialog-column-check-1 .show:before			{top:4px; left:3px; right:0px; bottom:3px; border-radius:8px;}
	.dialog-column-check-1 .show:after			{top:7px; left:6px; bottom:6px; width:10px;}
	.dialog-column-check-1 .show.checked:after	{left:22px;}

	@keyframes unchecked
		{
		from									{left:22px;}
		to										{left:6px;}
		}

	@keyframes checked
		{
		from									{left:6px;}
		to										{left:22px;}
		}

	.dialog-4 .dialog-column-question			{width:501px;}
	.dialog-4 .dialog-column-answer				{width:263px;}
	.dialog-4 .dialog-column-survey				{width:65px;}
	.dialog-4 .dialog-column-field				{width:160px;}
	.dialog-4 .dialog-column-value				{width:620px;}

	.dialog-status:before						{top:3px; left:3px;}

	.dialog-submit span							{height:22px; line-height:22px;}
	}

@media (max-width:1599px)						/* 1400 */
	{
	#dialog-gallery .box-image img				{height:600px;}
	}

@media (max-width:1399px)						/* 1200 */
	{
	#dialog-gallery .box-image img				{height:480px;}
	}

@media (max-width:1199px)						/* 1000 */
	{
	}

@media (max-width:999px)						/* 800 */
	{
	.dialog-4									{width:720px;}
	
	#dialog-zoomin .table-box img				{width:450px; height:450px;}

	.dialog-title								{height:22px; line-height:22px;}
	.dialog-close								{top:4px; right:4px; width:14px; height:14px;}

	.dialog .table-row textarea					{height:63px;}
	
	.dialog-column-check-1						{width:30px;}
	.dialog-column-check-1 .show:before			{top:4px; left:3px; right:0px; bottom:3px; border-radius:7px;}
	.dialog-column-check-1 .show:after			{top:6px; left:5px; bottom:5px; width:10px;}
	.dialog-column-check-1 .show.checked:after	{left:18px;}

	@keyframes unchecked
		{
		from									{left:18px;}
		to										{left:5px;}
		}

	@keyframes checked
		{
		from									{left:5px;}
		to										{left:18px;}
		}

	.dialog-4 .dialog-column-question			{width:441px;}
	.dialog-4 .dialog-column-answer				{width:243px;}
	.dialog-4 .dialog-column-survey				{width:60px;}
	.dialog-4 .dialog-column-field				{width:150px;}
	.dialog-4 .dialog-column-value				{width:550px;}

	.dialog-status:before						{width:15px; height:15px;}

	.dialog-submit span							{height:20px; line-height:20px;}
	}

@media (max-width:799px)						/* 600 */
	{
	.dialog-4									{width:680px;}

	#dialog-textarea textarea					{width:552px; height:180px;}
	#dialog-contento textarea					{width:552px; height:380px;}

	.dialog-title								{height:18px; line-height:18px; border-radius:4px 4px 0px 0px;}
	.dialog-close								{top:3px; right:3px; width:12px; height:12px;}
	.dialog-close:before,
	.dialog-close:after							{top:2px; left:6px; width:1px; height:9px; background-color:#FFFFFF; content:"";}
	.dialog-board								{padding:4px; border-radius:0px 0px 4px 4px;}
	
	#dialog-zoomin .table-box img				{width:400px; height:400px;}

	.dialog .table-row textarea					{height:57px;}

	.dialog .box-paragraph p,
	.dialog .box-paragraph ol,
	.dialog .box-paragraph ul					{line-height:16px;}
	
	.dialog-column-check-1 .show:before			{top:3px; bottom:2px;}
	.dialog-column-check-1 .show:after			{top:5px; bottom:4px;}

	.dialog-4 .dialog-column-question			{width:403px;}
	.dialog-4 .dialog-column-answer				{width:243px;}
	.dialog-4 .dialog-column-survey				{width:60px;}
	.dialog-4 .dialog-column-field				{width:130px;}
	.dialog-4 .dialog-column-value				{width:530px;}

	.dialog-status:before						{top:2px; left:2px;}

	.dialog-submit span							{height:18px; line-height:18px;}
	}

@media (max-width:599px)						/* 400 */
	{
	.dialog-4									{width:640px;}

	#dialog-textarea textarea					{width:514px; height:160px;}
	
	.dialog-board								{padding:3px; border-radius:0px 0px 3px 3px;}
	
	#dialog-gallery .box-image img				{height:480px;}

	.dialog .table-row textarea					{height:51px;}

	.dialog .box-paragraph p,
	.dialog .box-paragraph ol,
	.dialog .box-paragraph ul					{line-height:14px;}
	
	.dialog-column-check-1						{width:26px;}
	.dialog-column-check-1 .show:before			{top:3px; left:3px; right:0px; bottom:2px; border-radius:6px;}
	.dialog-column-check-1 .show:after			{top:5px; left:5px; bottom:4px; width:8px;}
	.dialog-column-check-1 .show.checked:after	{left:16px;}

	@keyframes unchecked
		{
		from									{left:16px;}
		to										{left:5px;}
		}

	@keyframes checked
		{
		from									{left:5px;}
		to										{left:16px;}
		}

	.dialog-4 .dialog-column-question			{width:370px;}
	.dialog-4 .dialog-column-answer				{width:243px;}
	.dialog-4 .dialog-column-survey				{width:60px;}
	.dialog-4 .dialog-column-field				{width:130px;}
	.dialog-4 .dialog-column-value				{width:494px;}

	.dialog-status:before						{width:13px; height:13px;}

	.dialog-submit span							{height:16px; line-height:16px;}
	}

@media (max-width:399px)						/* 300 */
	{
	#dialog-zoomin .table-box img				{width:350px; height:350px;}
	}