/* COMMON */

#leasingtool
{
	padding-bottom: 42px;
}

/* field box */
#leasingtool .is-fieldset
{
	width: 90%;
	padding: 0 0 42px 0;
}

#leasingtool .is-right
{
	float: right;
}

#leasingtool hr
{
	/*margin: 9px 0 0 0;*/
	border-top: solid 1px gainsboro;
}

#leasingtool hr.is-hr-report-text,
#leasingtool hr.is-hr-report-checkbox,
#leasingtool hr.is-hr-report-cbwtext
{
	margin: 9px 0 0 0;
	/*border-top: solid 1px gainsboro;*/
}

/* make caption editable */
#leasingtool .is-caption-editable:hover:after,
#the-checklist-builder .is-caption-editable:hover:after
{
	content: '';
	width: 16px;
	height: 16px;
	background-image: url('./image/leasingtool-grid.png');
	background-repeat: no-repeat;
	background-position: 0 -400px;
	display: inline-block;
	margin: 0 0 0 7px;
}

/* SURVEY */

/* the survey list entry */
#leasingtool.is-surveylist .is-list-entry
{
	width: calc(50% - 48px - 36px);
	margin: 0 0 20px 0;
	height: 36px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

#leasingtool.is-surveylist .is-list-entry p
{
	padding: 9px 0 0 0;
}

#leasingtool.is-surveylist .is-list-entry:before
{
	margin: 0 9px 0 0;
	content: '';
	width: 36px;
	height: 36px;
	background-image: url('./image/leasingtool-grid.png');
	background-repeat: no-repeat;
	background-position: 0 -450px;
	float: left;
}

/*share list entry*/
#leasingtool .is-sharelist .is-list-entry
{
	width: calc(50% - 48px - 36px);
	margin: 0 0 20px 0;
	height: 36px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

#leasingtool .is-sharelist .is-list-entry p,
#the-checklist-builder .is-sharelist .is-list-entry p
{
	padding: 9px 0 0 0;
}

#leasingtool .is-sharelist .is-list-entry:before,
#the-checklist-builder .is-sharelist .is-list-entry:before
{
	margin: 0 9px 0 0;
	content: '';
	width: 36px;
	height: 36px;
	background-image: url('./image/leasingtool-grid.png');
	background-repeat: no-repeat;
	background-position: -50px -450px;
	float: left;
}

#the-checklist-builder .is-sharelist .is-list-entry.is-share:before
{
	border-radius: 50%;
	background-color: gainsboro;
}

#the-checklist-builder .is-sharelist .is-list-entry.is-share.is-all:before
{
	background-position: -200px -250px;
}

#the-checklist-builder .is-sharelist .is-list-entry.is-share.is-root:before
{
	background-position: -450px -250px;
}

/*#the-checklist-builder .is-sharelist .is-list-entry.is-share.is-root.is-special:before*/
/*{*/
/*	background-position: -50px -450px;*/
/*	background-color: transparent;*/
/*}*/
#the-checklist-builder .is-sharelist .is-list-entry.is-share.is-dealer:before
{
	background-position: -250px -250px;
}

#the-checklist-builder .is-sharelist .is-list-entry.is-share.is-expert:before
{
	background-position: -300px -250px;
}

#the-checklist-builder .is-sharelist .is-list-entry.is-share.is-lawyer:before
{
	background-position: -350px -250px;
}

#the-checklist-builder .is-sharelist .is-list-entry.is-share.is-office:before
{
	background-position: -400px -250px;
}

#the-checklist-builder .is-sharelist .is-list-entry.is-green:before
{
	background-color: #18a15f;
}

#the-checklist-builder .is-sharelist .is-list-entry.is-red:before
{
	background-color: #e30613;
}

#the-checklist-builder .is-sharelist .is-list-entry.is-blue:before
{
	background-color: #005681;
}

#the-checklist-builder .is-sharelist .is-list-entry td
{
	vertical-align: middle;
}

#leasingtool .is-sharelist .is-list-entry.is-user:before,
#the-checklist-builder .is-sharelist .is-list-entry.is-user:before
{
	background-position: -100px -450px;
}

#leasingtool .is-sharelist .is-list-entry.is-office:before,
#the-checklist-builder .is-sharelist .is-list-entry.is-office:before
{
	background-position: -150px -450px;
}

#leasingtool .is-sharelist .is-list-entry.is-company:before,
#the-checklist-builder .is-sharelist .is-list-entry.is-company:before
{
	background-position: -200px -450px;
}

#leasingtool .is-sharelist .is-list-entry.is-dealer:before,
#the-checklist-builder .is-sharelist .is-list-entry.is-dealer:before
{
	background-position: -100px -400px;
}

#leasingtool .is-sharelist .is-list-entry.is-expert:before,
#the-checklist-builder .is-sharelist .is-list-entry.is-expert:before
{
	background-position: -150px -400px;
}

#leasingtool .is-sharelist .is-list-entry.is-lawyer:before,
#the-checklist-builder .is-sharelist .is-list-entry.is-lawyer:before
{
	background-position: -200px -400px;
}

/* COMMON */
#the-working-checklist hr
{
	border-top: solid 1px gainsboro;
	/*margin-left: 32px;*/
}

#the-working-checklist .is-item-box
{
	/*padding-left: 32px;*/
}

#the-working-checklist .is-item-box td
{
	padding: 0;
}

#the-working-checklist .is-item-box select,
#the-working-checklist .is-item-box input
{
	margin: 0;
}

/* PROTOTYPES */

#the-checklist-builder .is-type.is-caption
{
	background-position: 0 -50px;
}

#the-checklist-builder .is-type.is-paragraph
{
	background-position: -50px -50px;
}

#the-checklist-builder .is-type.is-text
{
	background-position: -100px -50px;
}

#the-checklist-builder .is-type.is-checkbox
{
	background-position: -150px -50px;
}

#the-checklist-builder .is-type.is-cbwtext
{
	background-position: -200px -50px;
}

#the-checklist-builder .is-type.is-switchphotodebasetext
{
	background-position: -400px -50px;
}

#the-checklist-builder .is-type.is-switchflexible
{
	background-position: -350px -50px;
}

#the-checklist-builder .is-type.is-photo
{
	background-position: -450px -50px;
}

/*share checklist**************************************************************/
#the-checklist-builder .is-sharelist .is-list-entry
{
	margin: 0 0 20px 0;
	margin: 0 0 9px 0;
	height: 36px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

#the-checklist-builder .is-sharelist .is-list-entry.is-first-row
{
	width: calc(62% - 36px);
}

#the-checklist-builder .is-sharelist .is-list-entry.is-second-row
{
	width: calc(62% - 67px - 36px);
}

#the-checklist-builder .is-sharelist .is-list-entry.is-third-row
{
	width: calc(62% - 67px - 67px - 36px);
}

#the-checklist-builder .is-sharelist .is-list-entry.is-fourth-row
{
	width: calc(62% - 67px - 67px - 67px - 36px);
}

#the-checklist-builder .is-sticky-first
{
	position: sticky;
	top: 0;
	background-color: white;
	width: 100%;
}

#the-checklist-builder .is-sticky-second
{
	position: sticky;
	top: 36px;
	background-color: white;
	width: calc(100% - 67px);
}

#the-checklist-builder .is-sticky-third
{
	position: sticky;
	top: 72px;
	background-color: white;
	width: calc(100% - 67px - 67px);
}

#the-checklist-builder .is-sticky-line-first
{
	position: sticky;
	top: 36px;
	background-color: white;
}

#the-checklist-builder .is-sticky-line-second
{
	position: sticky;
	top: 72px;
	background-color: white;
}

#the-checklist-builder .is-scrolled-to div
{
	background-color: cornsilk;
}

#the-checklist-builder .is-horizontal-line
{
	width: 50px;
	height: 18px;
	float: left;
	border-bottom: solid 1px black;
	border-left: dotted 1px black;
	margin-left: 17px;
}

#the-checklist-builder .is-horizontal-spacer
{
	width: 50px;
	height: 18px;
	float: left;
	border-bottom: solid 1px transparent;
	border-left: dotted 1px transparent;
	margin-left: 17px;
}

/*#the-checklist-builder .is-below-root.is-off*/
/*{*/
/*	opacity: 0.4;*/
/*}*/
@media screen and (max-width: 1000px)
{
	#the-checklist-builder .is-sharelist .is-list-entry.is-first-row
	{
		width: calc(80% - 36px);
	}

	#the-checklist-builder .is-sharelist .is-list-entry.is-second-row
	{
		width: calc(80% - 67px - 36px);
	}

	#the-checklist-builder .is-sharelist .is-list-entry.is-third-row
	{
		width: calc(80% - 67px - 67px - 36px);
	}

	#the-checklist-builder .is-sharelist .is-list-entry.is-fourth-row
	{
		width: calc(80% - 67px - 67px - 67px - 36px);
	}
}

@media screen and (max-width: 600px)
{
	#the-checklist-builder .is-sharelist .is-list-entry.is-first-row
	{
		/*width: 100%;*/
		width: calc(100% - 36px);
	}

	#the-checklist-builder .is-sharelist .is-list-entry.is-second-row
	{
		width: calc(100% - 37px - 36px);
	}

	#the-checklist-builder .is-sharelist .is-list-entry.is-third-row
	{
		width: calc(100% - 37px - 37px - 36px);
	}

	#the-checklist-builder .is-sharelist .is-list-entry.is-fourth-row
	{
		width: calc(100% - 37px - 37px - 37px - 36px);
	}

	#the-checklist-builder .is-horizontal-line
	{
		width: 20px;
		height: 18px;
		float: left;
		border-bottom: solid 1px black;
		border-left: dotted 1px black;
		margin-left: 17px;
	}

	#the-checklist-builder .is-horizontal-spacer
	{
		width: 20px;
		height: 18px;
		float: left;
		border-bottom: solid 1px transparent;
		border-left: dotted 1px transparent;
		margin-left: 17px;
	}
}

/******************************************************************************/

/* THE WORKING ITEMS */

/*#the-working-checklist h2*/
/*{*/
/*	padding: 0 0 9px 0;*/
/*}*/
/*#the-working-checklist h2:before*/
/*{*/
/*	margin: 0 6px 0 0;*/
/*	content: '';*/
/*	width: 24px;*/
/*	height: 24px;*/
/*	background-image: url(./image/leasingtool-grid.png);*/
/*	background-repeat: no-repeat;*/
/*	background-position: 0 0;*/
/*	display: inline-block;*/
/*	position: relative;*/
/*	top: 5px;*/
/*}*/
/*#the-working-checklist h2.is-open:before*/
/*{*/
/*	background-position: -50px 0;*/
/*}*/
/*#the-working-checklist h2 + div*/
/*{*/
/*	display: none;*/
/*	padding: 0 0 25px 0;*/
/*}*/
#the-working-checklist .is-paragraph
{
	padding: 2px 0 9px 0;

}

#the-working-checklist .is-paragraph:before
{
	margin: 0 6px 0 0;
	content: '';
	width: 24px;
	height: 24px;
	background-image: url(./image/leasingtool-grid.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline-block;
	position: relative;
	top: 5px;
}

#the-working-checklist .is-paragraph.is-open:before
{
	background-position: -50px 0;
}

#the-working-checklist .is-paragraph + div
{
	display: none;
	padding: 0 0 25px 0;
}

/*#the-working-checklist .is-text*/
/*{*/
/*	padding: 0 0 9px 0;*/
/*}*/

#the-working-checklist .is-item-text
{
	padding-top: 9px;
	padding-bottom: 10px;
}

/* checkbox */
#the-working-checklist .is-item-checkbox
{
	padding-top: 9px;
	padding-bottom: 10px;
}

#the-working-checklist .is-item-checkbox .is-right
{
	float: right;
}

#the-working-checklist .is-item-checkbox p
{
	padding: 9px 0 0 0;
}

/* checkbox w text */
#the-working-checklist .is-item-cbwtext
{
	padding-top: 9px;
	padding-bottom: 10px;
}

#the-working-checklist .is-item-cbwtext .is-right
{
	float: right;
}

#the-working-checklist .is-item-cbwtext .is-middle
{
	float: right;
	padding: 3px 13px 0 0;
}

/*#the-working-checklist textarea.is-cbwtext*/
/*{*/
/*	height: 29px;*/
/*}*/
#the-working-checklist .is-item-cbwtext p
{
	padding: 9px 0 0 0;
}

/* switchphotodebasetext, switchflexible */
#the-working-checklist .is-item-switchphotodebasetext,
#the-working-checklist .is-item-switchflexible
{
	padding-top: 9px;
	padding-bottom: 12px;
}

#the-working-checklist .is-item-switchphotodebasetext .is-right,
#the-working-checklist .is-item-switchflexible .is-right
{
	/*padding-top: 5px;*/
	/*padding-bottom: 12px;*/
	float: right;
}

#the-working-checklist .is-debase
{
	/*width: 300px;*/
	padding: 0 9px 0 0;
}

#the-working-checklist .is-comment
{
	/*width: 300px;*/
	/*padding: 0 9px 0 0;*/
}

#the-working-checklist .is-item-switchphotodebasetext p,
#the-working-checklist .is-item-switchflexible p
{
	padding: 3px 0 0 0;
}

#the-working-checklist .is-item-switchphotodebasetext table
	/*#the-working-checklist .is-item-switchflexible table*/
{
	width: 100%;
}

#the-working-checklist .is-item-switchphotodebasetext table td,
#the-working-checklist .is-item-switchflexible table td
{
	padding: 0 9px 0 0;
}

/* photo */
#the-working-checklist .is-item-switchphotodebasetext table td.is-photo-cell
{
	width: 264px;
	padding: 0;
	/*float: right;*/
}

#the-working-checklist .is-item-switchphotodebasetext p.is-photo-caption
{
	padding: 3px 0 0 6px;
}

#the-working-checklist .is-item-photo
{
	padding-top: 13px;
	padding-bottom: 7px;
}

#the-working-checklist .is-item-photo .is-right
{
	float: right;
}

#the-working-checklist .is-item-photo p
{
	padding: 9px 0 0 0;
}

#the-working-checklist .is-photo-upload
{
	height: 60px;
	width: 60px;
	background-image: url(./image/leasingtool-grid.png);
	background-repeat: no-repeat;
	background-position: -425px -420px;

	border: 1px solid silver;
	border-radius: 6px;
	margin: 0 0 0 6px;
	position: relative;

}

#the-working-checklist .is-photo-upload.is-filled
{
	background-size: cover;
	background-position: center;
	/*opacity: .2;*/
	/*background-color: silver;*/
}

#the-working-checklist .is-photo-upload.is-filled:after
{
	content: '';
	float: left;
	height: 58px;
	width: 58px;
	background-image: url(./image/leasingtool-grid.png);
	background-repeat: no-repeat;
	background-position: -350px -420px;
	border-radius: 6px;
}

#the-working-checklist .is-photo-uploader
{
	width: 60px;
	height: 60px;
	padding: 60px 0 0 0;
	overflow: hidden;
	margin: 0;
	border-radius: 6px;
	position: absolute;
	top: -1px;
	left: -1px;
	border: 0;
	background: transparent;
}

#the-working-checklist .is-photo-view
{
	height: 60px;
	width: 60px;
	/*background-image: url(./image/leasingtool-grid.png);*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;

	border: 1px solid silver;
	border-radius: 6px;
	margin: 0 0 0 6px;
	/*position: relative;*/

}

#the-working-checklist .is-photo-view.is-to-delete:after
{
	content: '';
	float: left;
	height: 58px;
	width: 58px;
	background-image: url(./image/leasingtool-grid.png);
	background-repeat: no-repeat;
	background-position: -275px -420px;
	border-radius: 6px;
}

/******************************************************************************/

#the-working-checklist input[type=checkbox].is-switch
{
	display: none;
}

#the-working-checklist input[type=checkbox].is-switch + label
{
	margin: 0 0 3px 0;
	padding: 0;
	height: auto;
	width: 50%;
}

#the-working-checklist input[type=checkbox].is-switch + label p
{
	font-family: my-new-regular-italic-font, sans-serif;
}

#the-working-checklist input[type=checkbox].is-switch + label div
{
	width: 32px;
	height: 18px;
	float: left;
	border-radius: 10px;
	border-color: OrangeRed;
	border-style: solid;
	border-width: 1px;
	margin: 0px 0px 0 0;
	background-color: white;
}

#the-working-checklist input[type=checkbox].is-switch:checked + label div
{
	border-color: #18a15f;
}

#the-working-checklist input[type=checkbox].is-switch + label div div
{
	width: 10px;
	height: 10px;
	border-radius: 5px;
	border-color: transparent;
	border-style: none;
	border-width: 0;
	background-color: OrangeRed;
	margin: 3px 0 0 4px;
	transition: margin 100ms linear;
	padding: 0;
	background-image: none;
}

#the-working-checklist input[type=checkbox].is-switch:checked + label div div
{
	background-color: #18a15f;
	margin: 3px 0 0 16px;
}

#the-working-checklist input[type=checkbox].is-ionio-switch
{
	display: none;
}

#the-working-checklist input[type=checkbox].is-ionio-switch + label
{
	margin: 0 0 3px 0;
	padding: 0;
	height: auto;
	width: 50%;
}

#the-working-checklist input[type=checkbox].is-ionio-switch + label p
{
	font-family: my-new-regular-italic-font, sans-serif;
}

#the-working-checklist input[type=checkbox].is-ionio-switch + label div
{
	width: 32px;
	width: 152px;
	height: 18px;
	height: 28px;
	float: left;
	border-radius: 10px;
	border-color: OrangeRed;
	border-style: solid;
	border-width: 1px;
	margin: 0px 0px 0 0;
	background-color: white;
}

#the-working-checklist input[type=checkbox].is-ionio-switch:checked + label div
{
	border-color: #18a15f;
	/*overflow: hidden;*/
}

#the-working-checklist input[type=checkbox].is-ionio-switch + label div div
{
	width: 10px;
	width: 71px;
	height: 10px;
	height: 20px;
	border-radius: 5px;
	border-color: transparent;
	border-style: none;
	border-width: 0;
	background-color: OrangeRed;
	margin: 3px 0 0 4px;
	margin: 3px 0 0 75px;
	/*transition: margin 100ms linear;*/
	padding: 0;
	background-image: none;
}

#the-working-checklist input[type=checkbox].is-ionio-switch + label div div:before
{
	content: 'i.O.';
	position: relative;
	left: 25px;
	left: -44px;
	top: 1px;
	white-space: nowrap;
	font-family: my-new-bold-font, sans-serif;
	font-size: 12px;
	color: silver;
}

#the-working-checklist input[type=checkbox].is-ionio-switch + label div div:after
{
	content: 'nicht i.O.';
	position: relative;
	left: 50px;
	left: -9px;
	top: 1px;
	white-space: nowrap;
	font-family: my-new-bold-font, sans-serif;
	font-size: 12px;
	color: white;

}

#the-working-checklist input[type=checkbox].is-ionio-switch:checked + label div div:before
{
	left: 27px;
	color: white;
}

#the-working-checklist input[type=checkbox].is-ionio-switch:checked + label div div:after
{
	left: 62px;
	color: silver;
}

#the-working-checklist input[type=checkbox].is-ionio-switch:checked + label div div
{
	background-color: #18a15f;
	margin: 3px 0 0 16px;
	margin: 3px 16px 0 0;
	margin: 3px 0 0 4px;

}

.is-redesigned #the-working-checklist input[type=checkbox] + label div
{
	margin: -1px 0px 0 0;
}

#the-working-checklist .is-switch-appendix
{
	display: none;
	padding: 0 0 9px 0;
}

#the-checklist-builder
{
	padding: 0 0 30px 0;
}

#the-checklist-builder td
{
	vertical-align: top;
}

#the-checklist-builder aside
{
	width: 20%;
	max-width: 100%;
	float: right;
	margin: 0;
	position: sticky;
	top: 0;
}

#the-checklist-builder aside p
{
	padding: 3px 0 0 0;
}

#the-checklist-builder .is-to-copy
{
	padding: 10px;
	border: 1px solid silver;
	margin-bottom: 10px;
	cursor: copy;
	border-radius: 7px;
	overflow: hidden;
}

#the-checklist-builder .is-to-copy.is-locked
{
	cursor: default;
}

#the-checklist-builder .is-silver
{
	color: silver;
}

#the-checklist-builder .is-element
{
	color: white;
	background-color: #005681;
	/*border: 1px solid silver;*/
	font-size: 13px;
	padding: 2px 3px 0px 3px;
	text-transform: uppercase;
	font-family: my-new-bold-font, sans-serif;
	border-radius: 2px;
}

#the-checklist-builder .is-checklist-frame
{
	width: 70%;
	/*padding: 10px;*/
	padding: 10px 10px 15px 10px;
	border: 1px solid silver;
	margin-bottom: 15px;
	border-radius: 14px;
}

#the-checklist-builder .is-checklist-frame.is-view
{
	width: 70%;
	padding: 15px 15px 15px 15px;
	border: 1px solid silver;
	margin-bottom: 15px;
	border-radius: 14px;
}

#the-checklist-builder .is-checklist-frame.is-view p
{
	padding-bottom: 15px;
}

#the-checklist-builder .is-checklist-frame.is-thumbnail
{
	width: 210px;
	height: 297px;
	float: left;
	padding: 10px 15px 15px 15px;
	border: 1px solid silver;
	margin: 0 15px 15px 0;
	border-radius: 7px;
	overflow: hidden;
}

#the-checklist-builder .is-checklist-frame.is-thumbnail:hover,
#the-checklist-builder .is-checklist-frame.is-thumbnail:focus
{
	background: #f0f0f0;
}

#the-checklist-builder .is-checklist-frame.is-thumbnail h1
{
	border-bottom: 1px solid silver;
	font-size: 1.3em;
	padding: 0 0 7px 0;
	margin: 0 0 8px 0;
}

#the-checklist-builder .is-checklist-frame.is-thumbnail h2
{
	font-size: 1.1em;
	padding: 0 0 7px 0;
}

#the-checklist-builder .is-checklist-frame.is-thumbnail p
{
	font-size: .9em;
	padding: 5px 0 7px 0;
}

#the-checklist-builder .is-drop-target
{
	height: 14px;
	background: white;
	/*margin: 0px 5px 0px 5px;*/
}

#the-checklist-builder .is-drop-target.is-droppable
{
	height: 28px;
	background: cornsilk;
	border: 1px dashed green;
	padding: 5px;
}

#the-checklist-builder .is-lone-drop-target
{
	min-height: 100px;
	padding: 10px;
	border: 1px dashed silver;
	border-radius: 7px;
	margin-bottom: 10px;
}

#the-checklist-builder .is-lone-drop-target.is-droppable
{
	border: 1px dashed green;
}

#the-checklist-builder .is-lone-drop-target p.is-placeholder:after
{
	content: 'Ziehen Sie ein neues Element hierher';
	color: silver;
}

#the-checklist-builder .is-checklist-delete-control
{
	display: none;
}

#the-checklist-builder .is-dragged
{
	opacity: .4;
}

#the-checklist-builder .is-drag-stuff
{
	min-height: 10px;
	padding: 5px;
	cursor: move;
}

#the-checklist-builder .is-drag-stuff.is-locked
{
	cursor: default;
}

#the-checklist-builder .is-drag-stuff .is-trash-button
{
	float: right;
	width: 20px;
	height: 20px;
	background-image: url('./image/form-grid.png');
	background-repeat: no-repeat;
	background-position: 50px 50px;
}

#the-checklist-builder .is-drag-stuff:hover,
#the-checklist-builder .is-drag-stuff.is-marked
{
	background: #f0f0f0;
}

#the-checklist-builder .is-drag-stuff:hover .is-trash-button
{
	background-position: 0 -200px;
	cursor: default;
}

#the-checklist-builder .is-drag-stuff.is-dragged .is-trash-button
{
	background-position: 50px 50px;
}

#the-checklist-builder .is-item-editor
{
	display: none;
	/*padding: 0 0 9px 0;*/
}

#the-checklist-builder .is-item-editor .is-item-control
{
	padding: 4px 0 15px 0;
}

/* ITEM */

#the-checklist-builder .is-type
{
	width: 24px;
	height: 24px;
	float: left;
	/*margin: 0 7px -7px 0;*/
	/*margin: 0 7px -4px 0;*/
	margin: 0 7px 0 0;
	background-repeat: no-repeat;
	background-position: 50px 50px;
	background-image: url('./image/leasingtool-grid.png');
}

#the-checklist-builder .is-checklist-frame .is-type
{
	/*margin: 0 7px -4px 40px;*/
	/*margin: 0 7px 0 40px;*/
	margin: 0 7px 0 30px;
}

#the-checklist-builder .is-checklist-frame .is-type.is-paragraph
{
	margin: 0 7px 0 0;
}

#the-checklist-builder .is-checklist-frame.is-view .is-type
{
	margin: -3px 7px 0px 30px;
	height: 37px;
}

#the-checklist-builder .is-checklist-frame.is-view .is-type.is-paragraph
{
	margin: 0px 7px 0px 0;
	height: 37px;
}

#leasingtool.is-viewsurvey .is-fieldset
{
	width: 100%;
}

#leasingtool.is-viewsurvey .is-value-table
{
	width: 50%;
	float: left;
	margin: 9px 15px 0 0;
}

#leasingtool.is-viewsurvey .is-text
{
	margin: 9px 0 0 0;
	/*border-top: 1px solid gainsboro;*/
	/*border-bottom: 1px solid gainsboro;*/
	/*padding: 9px 0 9px 0;*/
}

#leasingtool.is-viewsurvey .is-value-table td:nth-child(2)
{
	text-align: right;
}

#leasingtool.is-viewsurvey .is-switchphotodebasetext,
#leasingtool.is-viewsurvey .is-switchflexible
{
	border-top: 1px solid gainsboro;
	padding: 0 0 9px 0;
}

#leasingtool.is-viewsurvey .is-paragraph
{
	padding: 42px 0 9px 0;
	font-family: my-new-bold-font, sans-serif;
}

#leasingtool.is-viewsurvey .is-not-alright
{
	color: #e30613;
	font-family: my-new-bold-italic-font, sans-serif;
}

#leasingtool.is-viewsurvey .is-picture-box
{
	float: left;
	margin: 9px 15px 15px 0;
	width: calc(20% - 15px);
	page-break-inside: avoid;
}

#leasingtool.is-viewsurvey .is-picture-box .is-picture
{
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-color: black;
	background-color: darkslategrey;
	margin: 5px 0 0 0;
}

#leasingtool.is-viewsurvey .is-picture-box .is-empty
{
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	border: solid 1px silver;
	margin: 5px 0 0 0;
}

#leasingtool.is-viewsurvey .is-picture-box .is-empty svg
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#leasingtool.is-viewsurvey .is-picture-box .is-empty svg line
{
	/*color is silver*/
	stroke: rgb(192, 192, 192);
	stroke-width: 1;
}

/*
column-count	Specifies the number of columns an element should be divided into
column-fill	Specifies how to fill columns
column-gap	Specifies the gap between the columns
column-rule	A shorthand property for setting all the column-rule-* properties
column-rule-color	Specifies the color of the rule between columns
column-rule-style	Specifies the style of the rule between columns
column-rule-width	Specifies the width of the rule between columns
column-span	Specifies how many columns an element should span across
column-width	Specifies a suggested, optimal width for the columns
columns	A shorthand property for setting column-width and column-count
*/

/******************************************************************************/
#leasingtool .is-part-stream table
{
	width: 100%;
}

#leasingtool .is-part-stream table td.is-my-part
{
	border-left: solid 6px cadetblue;
	padding-left: 7px;
}

#leasingtool .is-part-stream table td:nth-child(7)
{
	text-align: right;
}

#leasingtool .is-part-stream table td button,
#leasingtool .is-part-stream table td button:hover
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 15px;
	color: black;
}

/*mark my value*/
#leasingtool .is-part-stream table td.is-my-value
{
	background-color: cadetblue;
	color: white;
}

#leasingtool .is-table-on-small-screen
{
	display: none;
}

#leasingtool .is-table-on-small-screen .is-sort-button
{
	width: 16px;
	height: 16px;
	background-image: url('./image/leasingtool-grid.png');
	background-repeat: no-repeat;
	background-position: 50px 50px;
	float: right;
}

#leasingtool .is-table-on-small-screen .is-sort-button.is-asc
{
	background-position: -50px 0px;
}

#leasingtool .is-table-on-small-screen .is-sort-button.is-desc
{
	background-position: -75px 0px;
}

#leasingtool .is-table-on-small-screen .is-more
{
	display: none;
}

#leasingtool .is-table-on-small-screen .is-entry
{
	border-left: 1px solid silver;
	padding: 9px 0 9px 0px;
	margin: 0 0 0 11px;
}

#leasingtool .is-table-on-small-screen .is-entry:before
{
	margin: 3px 12px 0 -6px;
	width: 11px;
	height: 11px;
	float: left;
	content: '';
	border-radius: 6px;
	border: solid 1px silver;
	background: white;
}

#leasingtool .is-table-on-small-screen .is-entry p
{
	padding: 0 0 0 17px;
}

#leasingtool .is-table-on-small-screen .is-entry .is-more
{
	padding: 9px 0 0 29px;
}

#leasingtool .is-table-on-small-screen .is-hat
{
	width: 12px;
	height: 12px;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	border-top-right-radius: 12px;
}

#leasingtool .is-table-on-small-screen .is-shoe
{
	width: 12px;
	height: 12px;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	border-bottom-right-radius: 12px;
}

/******************************************************************************/

#leasingtool .is-plus
{
	display: inline-block;
	/*margin: 0 0 0 9px;*/
	width: 17px;
	height: 17px;
	border: 1px solid black;
	border-radius: 50%;
	position: relative;
	top: 1px;
}

#leasingtool .is-plus:after
{
	content: '+';
	position: relative;
	top: -1px;
}

#leasingtool .is-editor
{
	display: none;
}

#leasingtool .is-freeze
{
	color: rgba(0, 0, 0, 0.5);
}

/*left/right, inside/outside, smplex****************************************************/
#leasingtool .is-part-leftright.is-off:after,
#leasingtool .is-part-leftright.is-link.is-on:hover:after,
#leasingtool .is-part-insideoutside.is-off:after,
#leasingtool .is-part-insideoutside.is-link.is-on:hover:after,
#leasingtool .is-part-simplex.is-off:after,
#leasingtool .is-part-simplex.is-link.is-on:hover:after
{
	content: '';
}

#leasingtool .is-part-leftright.is-on:after,
#leasingtool .is-part-leftright.is-link.is-off:hover:after
{
	content: 'L/R';
}

#leasingtool .is-part-insideoutside.is-on:after,
#leasingtool .is-part-insideoutside.is-link.is-off:hover:after
{
	content: 'I/A';
}

#leasingtool .is-part-simplex.is-on:after,
#leasingtool .is-part-simplex.is-link.is-off:hover:after
{
	content: 'E';
}

/******************************************************************************/

#leasingtool .is-add-cat-box,
#leasingtool .is-add-type-box
{
	background-color: white;
	color: darkslategrey;
	padding: 0px 6px 1px 6px;
	margin: 0 6px 6px 0;
	float: left;
	border-radius: 3px;
	border: solid 1px darkslategrey;
	font-size: 14px;
	clear: both;
}

#leasingtool .is-add-cat-box:before,
#leasingtool .is-add-type-box:before
{
	content: '+';
	font-size: 24px;
	margin-right: 5px;
	position: relative;
	top: 3px;
}

#leasingtool .is-add-cat-box.is-input,
#leasingtool .is-add-type-box.is-input,
#leasingtool .is-value.is-input
{
	display: none;
}

#leasingtool .is-add-cat-box.is-input:before,
#leasingtool .is-add-type-box.is-input:before
{
	content: '';
	font-size: 14px;
	margin-right: 0px;
	position: relative;
	top: 0px;
}

#leasingtool .is-add-cat-box.is-input input,
#leasingtool .is-add-type-box.is-input input
{
	background-color: inherit;
	border: 0;
	color: inherit;
	padding: 3px 0 0 0;
	font-size: inherit;
	line-height: inherit;
	margin: inherit;
	border-radius: inherit;
}

#leasingtool .is-value.is-input input
{
	background-color: inherit;
	border: 0;
	color: inherit;
	padding: 0 0 0 0;
	font-size: inherit;
	line-height: inherit;
	margin: inherit;
	margin: 0;
	border-radius: inherit;
}

#leasingtool .is-value-control
{
	display: none;
}

#leasingtool .is-link-cat-box,
#leasingtool .is-link-type-box
{
	background-color: red;
	color: white;
	padding: 3px 6px 1px 6px;
	margin: 0 6px 6px 0;
	float: left;
	border-radius: 3px;
	border: solid 1px red;
	font-size: 14px;
}

#leasingtool .is-link-cat-box:hover,
#leasingtool .is-link-type-box:hover
{
	background-color: green;
	border-color: green;
}

#leasingtool .is-remove-cat-box
{
	background-color: green;
	color: white;
	padding: 3px 6px 1px 6px;
	margin: 0 6px 6px 0;
	float: left;
	border-radius: 3px;
	border: solid 1px green;
	font-size: 14px;
}

#leasingtool .is-remove-type-box
{
	background-color: green;
	color: white;
	padding: 3px 6px 1px 6px;
	margin: 0 0 6px 0;
	float: left;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border: solid 1px green;
	font-size: 14px;
}

#leasingtool .is-remove-cat-box:hover,
#leasingtool .is-remove-type-box:hover
{
	background-color: red;
	border-color: red;
}

#leasingtool .is-remove-type-box.is-not-permitted
{
	background-color: darkslategrey;
	border-color: darkslategrey;
}

#leasingtool .is-remove-type-box.is-not-permitted:hover
{
	background-color: darkslategrey;
	border-color: darkslategrey;
}

#leasingtool .is-remove-type-box.is-not-permitted.is-my-value
{
	background-color: cadetblue;
	border-color: white;
}

#leasingtool .is-value
{
	background-color: white;
	color: black;
	padding: 3px 6px 1px 6px;
	margin: 0 6px 6px 0;
	float: left;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border: solid 1px green;
	font-size: 14px;
}

#leasingtool .is-value.is-my-value
{
	/*background-color: cadetblue;*/
	border-color: white;
}

#leasingtool .is-debase-sum
{
	border: solid 1px silver;
	margin: 29px 0 9px 0;
	padding: 9px 9px 9px 9px;
	text-align: center;
}

/* STATUS */
#leasingtool .is-status,
#the-checklist-builder .is-status
{
	margin: 0 0 0 12px;
	width: 36px;
	height: 36px;
	border: solid 1px #dddddd;
	border-radius: 18px;
	background-image: url('./image/leasingtool-grid.png');
	background-repeat: no-repeat;
	background-position: 50px 50px;
	float: left;
}

#leasingtool .is-status.is-active
{
	background-color: #005681;
	background-color: #18a15f;
	border-color: #005681;
	border-color: #18a15f;
}

#leasingtool .is-status.is-inactive
{
	background-color: #dddddd;
	border-color: #dddddd;
}

#leasingtool .is-status.is-ok
{
	background-position: 0px -400px;
	background-color: #18a15f;
	border-color: #18a15f;
}

#leasingtool .is-status.is-not-ok
{
	background-position: -50px -400px;
	background-color: #e30613;
	border-color: #e30613;
}

#leasingtool .is-status.is-red
{
	/*background-position: 0px -400px;*/
	background-color: Crimson;
	border-color: white;
	border-width: 8px;
}

#leasingtool .is-status.is-yellow
{
	/*background-position: -50px -400px;*/
	background-color: gold;
	border-color: white;
	border-width: 8px;
}

#leasingtool .is-status.is-green
{
	/*background-position: -100px -400px;*/
	background-color: forestgreen;
	background-color: #18a15f;
	border-color: white;
	border-width: 8px;
}

#leasingtool .is-status.is-report
{
	background-position: 0px -250px;
}

#leasingtool .is-status.is-report .is-badge
{
	display: none;
}

#leasingtool .is-status.is-edit-survey
{
	background-position: -50px -250px;
}

#leasingtool .is-status.is-edit-survey .is-badge
{
	display: none;
}

/*share button****************************************************************/
#leasingtool .is-status.is-edit,
#the-checklist-builder .is-status.is-edit
{
	background-position: -50px -250px;
}

#leasingtool .is-status.is-view,
#the-checklist-builder .is-status.is-view
{
	background-position: -100px -250px;
}

#leasingtool .is-status.is-on,
#the-checklist-builder .is-status.is-on
{
	background-color: #005681;
	border-color: #005681;
}

#leasingtool .is-status.is-off,
#the-checklist-builder .is-status.is-off
{
	background-color: #dddddd;
	border-color: #dddddd;
}

/*remove*/
#leasingtool .is-status.is-remove,
#the-checklist-builder .is-status.is-remove
{
	background-position: -150px -250px;
	background-color: #005681;
	border-color: #005681;
}

#leasingtool .is-status.is-remove.is-not-editable,
#the-checklist-builder .is-status.is-remove.is-not-editable
{
	/*background-position: -150px -250px;*/
	background-color: #dddddd;
	border-color: #dddddd;
}

#the-checklist-builder .is-status.is-share-edit
{
	background-color: transparent;
	border: 0px solid transparent;
}

#the-checklist-builder .is-status.is-share-edit.is-on
{
	background-position: 0px -350px;
}

#the-checklist-builder .is-status.is-share-edit.is-off
{
	background-position: -50px -350px;
}

#the-checklist-builder .is-status.is-share-edit.is-off.is-grey
{
	background-position: -100px -350px;
}

/******************************************************************************/

#the-checklist-builder .is-toolbar-box .show-button
{
	display: block;
}

#the-checklist-builder .is-toolbar-box .hide-button
{
	display: none;
}

/*#leasingtool table.is-invisible*/
/*{*/
/*	width: auto;*/
/*	float: left;*/
/*}*/
/*#leasingtool table.is-invisible td*/
/*{*/
/*	border: 0;*/
/*	padding: 0;*/
/*}*/
#leasingtool .is-sticking
{
	/*display: block;*/
	clear: both;
	/*width:auto;*/
}

#leasingtool .is-sticking div
{
	/*display: inline-block;*/
}

/* small screen */
@media screen and (max-width: 1000px)
{
	#leasingtool.is-viewsurvey .is-picture-box
	{
		width: calc(50% - 15px);
	}

	#leasingtool.is-surveylist .is-list-entry
	{
		width: calc(80% - 48px - 36px);
	}

	#leasingtool .is-sharelist .is-list-entry,
	#the-checklist-builder .is-sharelist .is-list-entry
	{
		width: calc(80% - 48px - 36px);
	}
}

/* small screen */
@media screen and (max-width: 600px)
{
	#leasingtool.is-surveylist .is-list-entry
	{
		width: calc(100% - 48px - 36px);
	}

	#leasingtool .is-sharelist .is-list-entry,
	#the-checklist-builder .is-sharelist .is-list-entry
	{
		width: calc(100% - 48px - 36px);
	}

	#leasingtool.is-viewsurvey .is-picture-box
	{
		width: 100%;
	}

	#leasingtool.is-viewsurvey .is-value-table
	{
		width: 100%;
	}

}

@media print
{
	#leasingtool.is-viewsurvey .is-picture-box
	{
		width: calc(50% - 15px);
	}

	#leasingtool.is-viewsurvey .is-picture-box .is-picture
	{
		background-color: gainsboro;
	}

	#leasingtool.is-viewsurvey .is-value-table
	{
		width: 100%;
	}

	#leasingtool p, #leasingtool td
	{
		font-size: 10pt;
	}

	#leasingtool .is-part-stream .is-big-screen
	{
		display: none;
	}

	#leasingtool .is-table-on-small-screen
	{
		display: block;
	}
}

/*huge button****************************************************************/

#leasingtool .is-huge-button
{
	width: 150px;
	height: 150px;
	float: left;
	margin: 0 10px 10px 0;
	border-radius: 6px;
	position: relative;
	border: solid 1px silver;
	background: white;
}

#leasingtool .is-huge-button:before
{
	width: 50px;
	height: 50px;
	background-image: url('./image/leasingtool-grid.png');
	background-repeat: no-repeat;
	display: block;
	margin: 30px 49px;
	margin: 0px 49px 38px 49px;
	content: '';
	background-position: 50px 50px;
}

#leasingtool .is-huge-button p
{
	font-size: 14px;
	line-height: 1.2em;
	width: 148px;
	max-height: 48px;
	position: absolute;
	bottom: 0;
	text-align: center;
	padding: 2px 9px 0 9px;
	margin-bottom: 9px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: silver;
}

#leasingtool .is-huge-button.is-survey
{
	border: solid 1px #005681;
}

/*.is-branded-as-gtue #leasingtool .is-huge-button.is-survey*/
/*{*/
/*	border: solid 1px #323234;*/
/*}*/
#leasingtool .is-huge-button.is-survey p
{
	color: #005681;
}

/*.is-branded-as-gtue #leasingtool .is-huge-button.is-survey p*/
/*{*/
/*	color: #323234;*/
/*}*/
#leasingtool .is-huge-button.is-survey:before,
#leasingtool .is-huge-button.is-survey:hover:before,
#leasingtool .is-huge-button.is-survey.is-selected:before
{
	background-image: url('./image/leasingtool-grid.png');
}

/*.is-branded-as-gtue #leasingtool .is-huge-button.is-survey:before,*/
/*.is-branded-as-gtue #leasingtool .is-huge-button.is-survey:hover:before,*/
/*.is-branded-as-gtue #leasingtool .is-huge-button.is-survey.is-selected:before*/
/*{*/
/*	background-image: url('./branding/gtue/leasingtool-grid.png');*/
/*}*/
#leasingtool .is-huge-button.is-survey:hover,
#leasingtool .is-huge-button.is-survey.is-selected
{
	background-color: #005681;
}

/*.is-branded-as-gtue #leasingtool .is-huge-button.is-survey:hover,*/
/*.is-branded-as-gtue #leasingtool .is-huge-button.is-survey.is-selected*/
/*{*/
/*	background-color: #323234;*/
/*}*/
#leasingtool .is-huge-button.is-survey:hover p,
#leasingtool .is-huge-button.is-survey.is-selected p
{
	color: white;
}

/*is-dat*/
#leasingtool .is-huge-button.is-survey.is-dat:before
{
	margin: 30px 49px;
	background-position: 0 -150px;
}

#leasingtool .is-huge-button.is-survey.is-dat:hover:before,
#leasingtool .is-huge-button.is-survey.is-dat.is-selected:before
{
	background-position: 0 -200px;
}

/*is-gtm*/
#leasingtool .is-huge-button.is-survey.is-gtm:before
{
	margin: 30px 49px;
	background-position: 0 -150px;
}

#leasingtool .is-huge-button.is-survey.is-gtm:hover:before,
#leasingtool .is-huge-button.is-survey.is-gtm.is-selected:before
{
	background-position: 0 -200px;
}