#foxmeSettings																							{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; min-width: 800px; min-height: 600px; background-color: rgba(0,0,0,.5); }
#foxmeSettings > div.form > div.States																	{ display: inline-block; width: 700px; padding: 4px; box-sizing: border-box; font-size: 12px; overflow: hidden; }
#foxmeSettings > div.form > div.States > div.table														{ border: 1px solid #7f8c8d; height: 200px; display: flex; flex-direction: column; margin-bottom: 2px; }
#foxmeSettings > div.form > div.States > div.table > div.header											{ display: flex; background-color: #7f8c8d; color: #FFF; flex: 0 0 22px; align-items: center; }
#foxmeSettings > div.form > div.States > div.table > div.header > span									{ padding: 2px 4px; text-align: center; box-sizing: border-box;}

#foxmeSettings > div.form > div.States > div.table > div.header > span.statevalue						{ flex: 0 0 80px; }
#foxmeSettings > div.form > div.States > div.table > div.header > span.statename						{ flex: 0 0 240px; }
#foxmeSettings > div.form > div.States > div.table > div.header > span.statebackground					{ flex: 1 1 33%; }
#foxmeSettings > div.form > div.States > div.table > div.header > span.stateforeground					{ flex: 1 1 33%; }
#foxmeSettings > div.form > div.States > div.table > div.header > span.stateborder						{ flex: 1 1 33%; }
#foxmeSettings > div.form > div.States > div.table > div.header > span.stateoperation					{ flex: 0 0 80px; }

#foxmeSettings > div.form > div.States > div.table > div.list												{ overflow-x: hidden; overflow-y: auto; }
#foxmeSettings > div.form > div.States > div.table > div.list > div.line									{ display: flex; background-color: #FFF; color: #000; height: 28px; align-items: center; transition: background-color .2s; }
#foxmeSettings > div.form > div.States > div.table > div.list > div.line.edited								{ background-color: #ACF; }
#foxmeSettings > div.form > div.States > div.table > div.list > div.line > span								{ box-sizing: border-box; padding: 0 2px; }

#foxmeSettings > div.form > div.States > div.table > div.list > div.line > span.statevalue					{ flex: 0 0 80px; }
#foxmeSettings > div.form > div.States > div.table > div.list > div.line > span.statevalue > input			{ width: 100%; text-align: right; }

#foxmeSettings > div.form > div.States > div.table > div.list > div.line > span.statename					{ flex: 0 0 240px; }
#foxmeSettings > div.form > div.States > div.table > div.list > div.line > span.statename > input			{ width: 100%; text-align: center; }

#foxmeSettings > div.form > div.States > div.table > div.list > div.line > span.statebackground				{ flex: 1 1 33%; }
#foxmeSettings > div.form > div.States > div.table > div.list > div.line > span.statebackground > input		{ width: 100%; text-align: center; }

#foxmeSettings > div.form > div.States > div.table > div.list > div.line > span.stateforeground				{ flex: 1 1 33%; }
#foxmeSettings > div.form > div.States > div.table > div.list > div.line > span.stateforeground > input		{ width: 100%; text-align: center; }

#foxmeSettings > div.form > div.States > div.table > div.list > div.line > span.stateborder					{ flex: 1 1 33%; }
#foxmeSettings > div.form > div.States > div.table > div.list > div.line > span.stateborder > input			{ width: 100%; text-align: center; }

#foxmeSettings > div.form > div.States > div.table > div.list > div.line > span.stateoperation				{ flex: 0 0 64px; }
#foxmeSettings > div.form > div.States > div.table > div.list > div.line > span.stateoperation > input		{ width: 100%; text-align: center; }