/* ----------------------------
Form classes
---------------------------- */
input[type="button"], .button{
	padding:0.5em 1em;
	letter-spacing:0.1em;
	text-align:center;
	border-radius:0;
	border:solid 1px #aaa;
	cursor:default!important;
}
input[type="button"]:hover, .button:hover{
	box-shadow: 0 0 5px #888;
	background-color:#dfe6ec;
}
textarea {
	height:1.575em;
	min-height: 1.575em;
}
.inlineDataForm { /* display:inline-block; */ /* width:100%; */}
.field{
	display: inline-flex;
	margin: .1em auto .05em;
}
.field.hidden { display:none;}
.inlineDataForm .field{ width:100%; }
.field.inline{ width:auto; margin-right:0.5em; }
.field.checkbox{ align-items:center; }
.field span, 
.field label {
	width:auto;
	padding-top: 3px;
	margin-left:1em;
}
.field span:first-child,
.field label:first-child {
	text-align: right;
	width:32%;
	margin-left:0;
}
.field span.inlineSeparator,
.field label.inlineSeparator { margin:inherit .5em; }

.field[required] span,
.field[required] label {text-shadow:0px 0px 1px;}

.field[inline] {
	width:auto!important;
	margin-right: 0.5em;
/*	float: left;*/
}
.field[inline="1"] {
	position: relative;
	padding-left: 32%;
	transform: translate(0, 20%);
/*	clear:left;*/
}
.field[inline="2"] {
	position: relative;
}
.field[inline] span,
.field[inline] label {
	width: auto;
}
.field[inline="1"] span,
.field[inline="1"] label {
	position: absolute;
	transform: translate(-100%, -5%);
}
.field.inline.i2 span,
.field.inline.i2 label {
	width:auto!important;
}
.field input[type], .field textarea {
	border:solid 1px transparent;
	border-radius:4px;
	padding:2px 2px 1px;
	background:none;
	cursor:text;
	margin-left:3px;
}
.field input[type="text"], .field input[type="datalist"], .field textarea {
	width:65%;
}
.float { text-align: right; }
.field input[type="text"].float { width:8em!important;text-align: right; }
.field input[type="text"].date { width:6em!important;text-align: center; }
.field input[type="text"].dateTime { width:9em!important;text-align: center; }
.field input[type="text"].tiny { width:2em!important;text-align: right; }
.field input[type="text"].smallInt { width:4em!important;text-align: right; }
.field input[type="text"].shortTxt { width:6em!important; }



.field input[type="button"]{
	padding:0.2em 0.6em;
	border-radius:0;
	cursor: pointer !important;
}

.field textarea{
	overflow:hidden;
	resize:none;
/*	min-height: 1.575em;*/
}
.field input[type]:hover, .field textarea:hover,
.field input[type]:focus, .field textarea:focus {
	border:solid 1px #aaa!important;
}
.field.readonly input[type]:hover, .field.readonly textarea:hover,
.field input[type][disabled]:hover {
	border:solid 1px transparent !important;
	background:none;
	cursor:default;
}
.field input[type="button"].disabled{
	border:none;
	box-shadow:none;
	background:none;
}
/*
input[type="checkbox"] {
	-webkit-appearance:none!important;
	appearance:none!important;
	position: relative;
	border: none!important;
	color: #777;
	width: 1em;
	padding: 0!important;
	top: -2px;
}
td input[type="checkbox"] {
	top: -4px;
}
input[type="checkbox"]::before {
	content: "○";
	position: absolute;
	font-size: 20px;
	top: 2px;
}

input[type="checkbox"]:checked::before {
	content: "●";
	font-size: 21px;
	top: -5px;
}
*/
input[type="checkbox"], span.checkbox {
	position: relative;
	border: none!important;
	min-width: 1em;
	background-position:center !important;
	background-repeat:no-repeat !important;
	background-size:1em !important;
/*	background-image:url(/sharedimg/circleK70e.png) !important; */
	background-image: url('data:image/png;base64,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') !important; 
	
}
input[type="checkbox"] {
	-webkit-appearance:none!important;
	appearance:none!important;
}
span.checkbox {
	display: block;
	height: 1em;
}
input[type="checkbox"]:checked, span.checkbox.checked {
/*	background-image:url(/sharedimg/circleK70f.png) !important; */
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEpUlEQVR4nO2bT2gcZRjGn2d3I6ZsYk/SQwnioY345yJiG4uMHkx2dyYIgsVSigcRj+pFPbQoXry0ihjJQdCKlOIfFHcmSwyRQYQqFSvqQaUtJRTpIRTdnUAIm308dC1FuvNn59uZxOR3Crzv9+b5nnwzmfm+dygJW5lC3gLyZtuAvAXkzbYBeQvImy1vQCmrX2RZ1s5yuTxBchzAOIAdknZ3w8skAwDnJf0G4EfXdS9moYuDfA6oVqt7isXiYQBVAPcnGSvpEskFSadc1/UHIhADMsBxnMcBvAzgQRP1JC0VCoU3m83me77vByZq/otRA2zbtki+DeBeY0VvQNIygNc8z3tXUsdETSMGVCqV0VKpNAvgqfSSYnFO0hHXdX9NWyi1AbZt3wngS5J3pxWTBEkBgIOu686lqZPq36DjOAcAnMl68gBAsgyg7jjOi2nq9G2A4ziHJC2SvD2NgDSQLAA4Pj09Pdv9OXmNfi6BWq32MMlFkpk9R8Tg9Xq9fizpoMSu1Wq1CZILG2zyAHDUcZzEBiRaAY7jjEk6m+eyD0NSh+QT9Xr9i7hjYq8AkgVJpzfq5IHrGk9WKpXd0dnXiG1AtVo9QnJ/f9Kyg+RoqVQ6ETs/ziVgWVa5XC5f2Mh//f/Sbrf3NxqN76LyYq2AkZGRw5tp8gBQKpVejZMXaUD3unolraAcmKxUKvdFJUUaUKlULJJjZjRlS/dVPJRIA4rF4iEzcnLhYNQTYqQBkmrm9GQLybFqtRp6GYQaMDk5OU5yl1lZ2ULSCouHGjA0NDRhVE0+7AsLhhpAco9ZLbmwNywYdQ/4PxgQOocoAzbVw8/NILnDsqxyr3iUAbcZ1pMLw8PDO3vFQg2QdIt5OdkjqefeRdQKaBrWkgtDQ0M9zxKiDPjbsJZcaLVaf/WKRRlwyayU7JG05Pt+u1c8yoA/DOvJHJIXwuJRN8GfzcrJhdA5hBqwsrLyraSey2eT4IcFQw3onsSeNakmSyS119bWvgnLibMjdNqcpMxZmJ+fvxqWEGlAp9P52NRRdNZIOhWVE2mA53lXAHxiRFGGSFpeWVmJPCCJtSss6Y30krKF5PE43SSxDPA87ycAn6dWlR1XWq3WO3ESY58Mra6uPt9tStjwSHopbi9RbAMWFhaWABztW1V2eK7rfhg3OdHxuOu6b0l6P7mmzPi93W4n2sZP3B/ged4zJD9LOm7QSFoCcKDRaCR6hU9sgKROs9l8GsAvSccOCknB+vq6U6/Xl5OO7auvxvf9YG1tzZK02M94k0i63Ol0Hmk0Gn29uPXdJDU/P381CIIpSTP91kiLpDOSHpibm/uh3xpGGiVt234WwEzGfUMnW63Wc77vr6YpYqxV1rbte0jOAnjISMEeSLoM4AXXdT81Uc9orzDJQq1We5LkMQB3GSuM633CM+vr6yeS3unDGEi3OMmCbdvTAI5IqpFMs73+vaSPgiD4wHSnODDg7wWAax9KjI6OPtbpdB4luU/SXpK39sqXdJ7kOQBfS/pq0B9ODNyAmzE1NXUHyV3FYvFGI5aCIPgz7U0tKbkYsJHY8h9NbRuQt4C82TYgbwF58w+1csR5ROodBQAAAABJRU5ErkJggg==') !important; 
}

.field input[type="checkbox"], .field input[type="checkbox"]:hover, .field input[type="checkbox"]:focus {
	border:solid 1px transparent!important;
	background-color:transparent!important;
	cursor:default;
}
td input[type="checkbox"] {
	height: .85em;
}

/*
td input[type="checkbox"]::before {
	width: 100%;
	transform: translate(-50%,0);
}
td .checkbox {
	color: #777;
	font-size: 20px;
}
td .checkbox.checked {
	font-size: 21px;
	margin-top: 0;
}
*/
select{
	-moz-appearance:none!important;
	-webkit-appearance:none!important;
	appearance:none!important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border:solid 1px transparent!important;
	border-radius:4px;
	padding:1px 2px 1px;
	width:65%;
	margin-left:3px;
}

select:hover, select:focus{
	background-image:url(/..theTree/img/selectarrow.png);
	background-position:center right;
	background-repeat:no-repeat;
	background-size:contain;
	padding-right:1.5em;
	border:solid 1px #aaa!important;
}
select.multi:hover{
	background:none;
	padding-right:0;
}
select[disabled]{
	border:solid 1px transparent !important;
	background:none;
	padding-right:0;
}
/*
select::-ms-expand {
    display: none;
}
*/
.field.inline input[type="text"], .field.inline textarea, .field.inline select {
	width:auto; /*!important;*/
}
.field.headline {
	width:100%;
	margin:0.25em auto;
	font-size:1.1em;
	color:#2b51ab;
	text-shadow:0px 0px 0px #2b51ab;	
	border-bottom:solid 1px #c4cfe8;
	padding-left: 0.25em;
}
.dropDownTxtField {
	position:relative;
	border:solid 1px transparent;
	border-radius:0.25em;
	background:none;
	width:65%;
	height:1.6em;
	padding:0.2em 0.1em;
	margin-top: -.1em;
	display: flex;
	align-items: center;
}
.dropDownTxtField:hover {
	border:solid 1px #aaa;
}
.dropDownTxtField * {
/*	top:0;*/
	left:0;
	border:none !important;
}
.dropDownTxtField select {
	position:absolute;
	width:94% !important;
	color:transparent;
}
.dropDownTxtField input {
	position:absolute;
	width:calc( 100% - 2em ) !important;
}
.dropDownTxtField input[type]:hover, .dropDownTxtField input[type]:focus {
	border:solid 1px transparent!important;
}
.dropDownTxtField select:hover, .dropDownTxtField select:focus {
	border:solid 1px transparent!important;
/*	border-color: transparent !important;*/
}

li.treeFieldField ul {
	border:solid 1px transparent;
	border-radius:0.25em;
	width:65%;
}
li.treeFieldField ul li>select {
	width:100% !important;
}
li.treeFieldField ul li:last-child {
	display:none;
}
li.treeFieldField ul:hover {
	border:solid 1px #aaa;
}
li.treeFieldField ul:hover li:last-child {
	display:block;
}

ul.treeFieldField {
	width: 65%;
	display: flex;
	justify-content: space-between;
}
ul.treeFieldField>li:first-child {
	width: calc(100% - 1.25em);
}
ul.treeFieldField>li:last-child {
	width: 1.25em;
}
ul.treeFieldField ul{
	border:solid 1px transparent;
	border-radius:0.25em;
	width:100%;
}
ul.treeFieldField:hover ul{
	border:solid 1px #aaa;
}
ul.treeFieldField .addRowBtn {
	height:1.25em;
	opacity:0;
}
ul.treeFieldField:hover .addRowBtn {
	opacity:0.5;
}
ul.treeFieldField .addRowBtn:hover {
	opacity:1;
}
ul.treeFieldField ul li {
	display:flex;
	justify-content: space-between;
	min-height:1.35em;
	padding: 0.1em;
}
/*
ul.treeFieldField ul li:last-child {
	display:flex;
}
*/
ul.treeFieldField ul li img {
	height:1.35em;
	opacity:0;
}
ul.treeFieldField ul li:hover {
	text-shadow:0px 0px 1px;
}
ul.treeFieldField ul li:hover img {
	opacity:0.5;
}
ul.treeFieldField ul li img:hover {
	opacity:1;
}
input[type="file"]{
	display:none;
}

.field.treeField span:last-child {
	width: 65%;
}
.field.treeField span:last-child>ul {
	display: flex;
	justify-content: space-between;
}
.field.treeField span:last-child>ul>ul {
	border: solid 1px transparent;
	border-radius: 0.25em;
	width: 100%;
}
.field.treeField span:last-child>ul:hover>ul {
	border:solid 1px #aaa;
}
.field.treeField span:last-child>ul:hover li.thumb.add{
	opacity:0.5;
	display:block;
}
.field.treeField span:last-child>ul:hover li.thumb:hover.add{
	opacity:1;
}
.field.treeField span:last-child>ul>ul>li>ul {
	display: flex;
	justify-content: space-between;
}
.field.treeField span:last-child>ul>ul>li>ul:hover li.thumb{
	opacity:0.5;
	display:block;
}
.field.treeField span:last-child>ul>ul>li>ul:hover li.thumb:hover.delete{
	opacity:1;
}