button.on, button.off
{
	width: 80px;
}

button.off, button.red
{
	border: 1px solid #7d0000;
	background: linear-gradient(to bottom, #ff2819 0%, #ab0000);
}

button.off:hover, button.off:active, button.red:hover, button.red:active
{
	background: linear-gradient(to bottom, #ab0000 0%, #ff2819);
}

button.gray, div.form_title button
{
	border: 1px solid #AAAAAA;
	color: #AAAAAA;

	background: white none;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

button.gray:hover, button.gray:active
{
	background: linear-gradient(to bottom, #DDDDDD 0%, #FFFFFF);
}

table.formtable
{
	border-collapse: collapse !important;
	border-radius: 5px !important;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	/*table-layout: fixed !important;*/
	width: 100% !important;
	text-align: center !important;
}

table.formtable textarea
{
	border: none;
	font: 9pt/9pt arial;
	font-size: 10pt;
}

table.formtable tr.deleted td 
{
	position: relative;
}

table.formtable tr.deleted td input, table.formtable tr.deleted td select, table.formtable tr.deleted td div
{
	opacity: 0.6;
	text-decoration: line-through;
	color: #2e4557;
}

table.formtable tr.green td, table.formtable tr.green td input, table.formtable tr.green td select, 
table.formtable tr.green td div, table.formtable tr.green td textarea,

table.gotogreen tr.deleted td, table.gotogreen tr.deleted td input, table.gotogreen tr.deleted td select, 
table.gotogreen tr.deleted td div, table.gotogreen tr.deleted td textarea

{
	background-color: #CCFFCC;
	color: #2e4557;
}

table.formtable tr.red td, table.formtable tr.red td input, table.formtable tr.red td select,
table.formtable tr.red td div, table.formtable tr.red td textarea
{
	background-color: #FFCCCC;
	color: #2e4557;
}

table.formtable tr.yellow td, table.formtable tr.yellow td input, table.formtable tr.yellow td select,
table.formtable tr.yellow td div, table.formtable tr.yellow td textarea
{
	background-color: #FFFFCC;
	color: #2e4557;
}

table.formtable tr td.green select
{
	color: green !important;
}

table.formtable tr td.red select
{
	color: red !important;
}

table.formtable tr.gray td, table.formtable tr.gray td input, table.formtable tr.gray td select, 
table.formtable tr.gray td div, table.formtable tr.gray td textarea
{
	color: #AAAAAA !important;
	pointer-events: none;
}


table.formtable tr.deleted td.updownbutton:before,
table.formtable tr.deleted td.clonebutton:before,
table.formtable tr.deleted td.deletebutton:before,
table.formtable tr.deleted td.code:before
{
	border-bottom: none;
}

table.formtable th, table.formtable td
{
	padding: 3px;
	border: 1px solid #CCCCCC !important;
	font-size: 10pt;
}

table.formtable th
{
	font-weight: bold !important;
	background-color: #F0F0F0;
}

table.formtable td
{
	overflow: hidden;
}

table.formtable tr.new td input, table.formtable tr.new td textarea
{
	border: 1px solid #AAAAFF !important;
}

table.formtable td input[type="text"], table.formtable td input[type="datetime-local"], table.formtable td select
{
	border: none !important;
	padding: 0 !important;
	font-size: 10pt !important;
	box-shadow: none !important;
	width: 100%;
	height: 100%;
	min-height: 24px;
}


table.formtable td input[type="text"].left,  table.formtable td div.left, table.formtable td div
{
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	margin: 4px 0 4px 0;
	max-width: 600px;
}

table.formtable td input[type="text"].center, table.formtable td select.center
{
	text-align: center;
	text-align-last:center;
	overflow: hidden;
	white-space: nowrap;
	margin: 4px 0 4px 0;
}

table.formtable td input[type="text"].right, table.formtable td select.right
{
	text-align: right;
	text-align-last:right;
	overflow: hidden;
	white-space: nowrap;
	margin: 4px 0 4px 0;
}

table.formtable td div
{
	height: 14px;
}

table.formtable td div.center
{
	width: 100%;
	text-align: center;
}

table.formtable td div.right
{
	width: 100%;
	text-align: right;
}

table.formtable td button.fullbutton
{
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	width: 20px !important;
	margin-left: -20px !important;
}

table.formtable td div.form_multi
{
	display: inline-block;
	overflow: hidden;
	width: 100%;
	text-align: left;
	height: 13px;
	padding: 5px 0 0 0 !important;
	font: 9pt/10pt arial !important;
	font-size: 10pt !important;
	color: #333333;
}

table.formtable td select, table.formtable td div.form_multi
{
}

.formtable button
{
	width: 25px;
	height: 25px;
	font-size: 12px;
	padding: 2px 4px 2px 4px;
}

table.formtable td.code
{
	background-color: #F0F0F0;
	font-size: 8pt;
}

table.formtable td.plus, table.formtable td.minus
{
	padding-left: 18px !important;
	text-align: left !important;
	cursor: pointer;
	pointer-events: all !important;
}

table.formtable td.plus
{
	background: #F0F0F0 url('data:image/gif;base64,R0lGODlhCgAKAIABAIKHkP///yH5BAEAAAEALAAAAAAKAAoAAAIQjI+pB7DRVJuO0Yri0q+nAgA7') no-repeat 3px center;
}

table.formtable td.minus
{
	background: #F0F0F0 url('data:image/gif;base64,R0lGODlhCgAKAIABAIKHkP///yH5BAEAAAEALAAAAAAKAAoAAAIMjI+pywoPEYytWlsAADs=') no-repeat 3px center;
}

#form_editfull, #form_edittable, #form_message, #form_editsmall
{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -30%;
	margin-top: -35vh;

	-webkit-box-shadow: 10px 10px 39px -1px rgba(0,0,0,0.49);
	-moz-box-shadow: 10px 10px 39px -1px rgba(0,0,0,0.49);
	box-shadow: 10px 10px 39px -1px rgba(0,0,0,0.49);
	padding: 10px;

	width: 60%;
	height: 60vh;

	background-color: #eeeeee;
	opacity: 0.95;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	z-index: 100500;
}

#form_editsmall
{
	width: 40%;
	height: 40vh;

	margin-left: -20%;
	margin-top: -20vh;
}

#form_editfull textarea, #form_editsmall textarea
{
	width: 98%;
	height: 90%;
	display: block;
	margin: 1%;
}

#form_editfull div.borders
{
	min-height: 7%;
	width: 300px;
	margin: 0 auto;
	text-align: center;
}

#form_editsmall div.borders
{
	min-height: 15%;
	width: 250px;
	margin: 0 auto;
	text-align: center;
}

#form_editfull div button.dialogbutton
{
	height: 6%;
	width: 140px;
	margin: 0 1% 0 1%;
}

#form_editsmall div button.dialogbutton
{
	height: 14%;
	width: 110px;
	margin: 5px 1% 0 1%;
	font-size: 10pt !important;
}

select.select_link
{
	width: 100%;
	height: 84%;
}

select.select_link option
{
	font-size: 17pt;
}

td.updownbutton
{
	white-space: nowrap;
}

#form_edittable
{
	padding: 0;
}

#form_message
{
	padding: 0;
	overflow: hidden;
}

#form_tableplace
{
	background-color: white;
	overflow-y: scroll;
	height: 55vh;
	padding: 10px;
}

#form_messageplace
{
	width: 90%;
	height: 100%;
	background-color: white;
	font-size: 20px;
	padding: 10px 5% 10px 5%;
}

div.form_buttonsplace
{
	height: 70px;
	text-align: center;
}

div.form_buttonsplace button
{
	border: none;
	margin: 8px 15px 0 15px;
	-webkit-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.49);
	-moz-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.49);
	box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.49);
	background: rgba(130, 220, 255, 1) none;
	height: 40px;
	text-shadow: none;
}

div.form_title
{
	background-color: rgba(130,220,255,1);
	color: white;
	padding: 2px 3px 5px 10px;
	font-size: 20px;
	height: 27px;
}

div.form_title button
{
	float: right;
}

table.form_checks td
{
	padding: 10px;
}

#progressbar
{
	display: none;
	border: 1px solid #AAAAAA;
	padding: 3px;
	width: 300px;
	margin-left: 50px;
}

#progress
{
	height: 15px;
	width: 50%;
	background: linear-gradient(to right, rgba(41, 184, 229, 1) 0%, rgba(130, 220, 255, 1) 100%);
}

#form_textfield
{
	overflow-y: scroll;
	max-height: 660px;
}

#form_editsmall #form_textfield
{
	overflow-y: auto;
}

img.form_image
{
	float: left;
	background-size: cover;
}

div.form_title button
{
	width: 25px;
	height: 25px;
	font-size: 12px;
	padding: 2px 4px 2px 4px;
}

button.form_small_button
{
	height: 30px;
	font-size: 12pt;
	padding: 4px 10px 4px 10px;
	margin: 5px 0 5px 0;
}

th.form_add_line
{
	padding: 0 !important;
	margin: 0 !important;
}

th.form_add_line button
{
	min-width: 40px;
	width: 100%;
	height: 30px;
}

button.table-button
{
	width: 100%;
	color: #404040;
	background: #f0f0f0;
	border: 1px outset #cccccc;
}

a.filter
{
	float: right;
	height: 12px;
	width: 18px;
	margin-left: 6px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABY0lEQVR42mNkENdzYbCt2M3w8/NvBiZmVob///8zMDIywul/f34xcAiwMZycHMXw6OhyRgYWTm4Gu6qzDALy6gy/v/8BamJBaPr3l4GZjZnh65sXDIda9Bl+fHjFyAACvJKaDPZ1F4CSbEBF/4CKmaCaQLKMDIc7bBje3TkKZDIzMjAyAU3894dBxjyKwSxnKcMfoC0gsX9/fzOw8bAynJ+Xz3Bv7ySYOogNjIzMQBP/MmiH9jFoBBQy/Pz0nYGdj5Ph3p4lDOfnxwIVMDEAVUOsQwdWxfsZpIwdGF5fv8BwqM2M4T/QJoi6/6gaYE5T9apjMElvZLi8bCrDlZU5cHGYMiQNzOBQ0fBvYzBMqGS4unYOw6UlqSCPAg3/i1uDul8LUEM1w9U1s4C2pMPFsWiAWA2ywTSrEmj6PIaLi5Nxa4ABVm5hBq2gbmAkfma4tiYfOYSwa4ABbjF1hq+vbqILAwB0K5QRgaR4CQAAAABJRU5ErkJggg==') no-repeat left center;
}

button.form_clone
{	
	background: white url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAABv0lEQVR42m2SO2/UQBSFZ8aP7DhrLwI2D4mOBlEQKpo0VEGUUUKB2AYhhT9CirRIFBSJIrEFpEqTv4CElCJUFCii4xGBkl2v3zN2voGUWLqyPfecc889tgzD4L3W+khwdV2npJS1tfZ223bTJIlft23rXfVEXddWDgbJiBpnWX5XKdXQ833fO83z4iXvv6JIH1jb+o6DkJVJkmxFUW8/y4oRwDMUr3me94363jTNShRFh11nwStRFIWCEG9hacy4VUA/OHzC/Y8xZgDICNFqRK6De9U05udfAmPHVVWv0lhydhD4iGXnQrCTMMbeOD+fbOPkyO3wot/v76LYr6rqMeqnDoqd++xQ4l/Pz0e7TH4+mUz3pNa9N3Ec76DWFEW9Fob+ZyeNwArqJenMsccHQnk2nUJg6U2lZI/mb0C3wjD8BEHyfI+z6opwkGUZhHRPLi8vCQiUJ9I03XAJsUuMpQdYKkhSY/ltWZbrWNqXCwtDj4akTJ7nT30/ONZ67qv7UP8WFyIIfHFxMRlR7+RweBNRjwnKQlgn3odBEJxA6DkCIbleyoQ1Yn3kUhL4JjpDMubObDb7Iv5zIXrGL7B4Ccjw8lv6egCmAAAAAElFTkSuQmCC') no-repeat center center;
}

div.context-menu
{
	position: absolute;
	background-color: white;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	padding: 2pt;
	z-index: 1000;
}

div.context-menu div
{
	cursor: pointer;
	height: 20pt;
	padding: 7pt 10pt 0 10pt;
}

div.context-menu div:hover
{
	background-color: #3498db;
	color: white;
}