/* COMMON */

#comtool
{
	margin: 0 0 42px 0;
}

/* field box */
#comtool .is-fieldset
{
	width: 62%;
}

/* small screen */
@media screen and (max-width: 1000px)
{
	#comtool .is-fieldset
	{
		width: 80%;
	}
}

@media screen and (max-width: 700px)
{
	#comtool .is-fieldset
	{
		width: 100%;
	}
}

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

#comtool .is-small-caption-editable:hover:after
{
	content: '';
	width: 14px;
	height: 14px;
	background-image: url('./image/comtool-grid.png');
	background-repeat: no-repeat;
	background-position: -100px 0;
	display: inline-block;
	margin: 0 0 0 5px;
}

/* LIST ENTRY */
#comtool .is-list-entry
{
	width: 62%;
	margin: 0 0 20px 0;
	/*height: 36px;*/
	float: left;
}

#comtool .is-list-entry.is-small
{
	margin: 0 0 0 0;
}

#comtool .is-list-entry-spacer
{
	height: 20px;
	border-left: solid 2px black;
	margin-left: 17px;
}

#comtool .is-list-entry table
{
	height: 36px;
}

#comtool .is-list-entry td
{
	vertical-align: middle;
	/*max-width: calc(62% - 45px - 48px - 48px - 36px);*/
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
}

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

#comtool .is-licenseelist .is-list-entry
{
	width: calc(50% - 48px - 36px);
}

/*licensee*/
#comtool .is-licenseelist .is-list-entry:before
{
	background-position: -250px 0;
}

#comtool .is-list-entry.is-licensee-star:before
{
	background-position: -250px -50px;
}

/*dealer*/
#comtool .is-dealerlist .is-list-entry:before,
#comtool .is-partnerlist .is-list-entry.is-dealer:before
{
	background-position: -100px 0;
}

#comtool .is-dealerlist .is-list-entry.is-licensee:before,
#comtool .is-licenseelist .is-list-entry.is-dealer:before
{
	background-position: -100px -100px;
}

/*expert*/
#comtool .is-expertlist .is-list-entry:before,
#comtool .is-partnerlist .is-list-entry.is-expert:before
{
	background-position: -150px 0;
}

#comtool .is-expertlist .is-list-entry.is-licensee:before,
#comtool .is-licenseelist .is-list-entry.is-expert:before
{
	background-position: -150px -100px;
}

/*lawyer*/
#comtool .is-lawyerlist .is-list-entry:before,
#comtool .is-partnerlist .is-list-entry.is-lawyer:before
{
	background-position: -200px 0;
}

#comtool .is-lawyerlist .is-list-entry.is-licensee:before,
#comtool .is-licenseelist .is-list-entry.is-lawyer:before
{
	background-position: -200px -100px;
}

#comtool .is-userlist .is-list-entry:before
{
	background-position: -100px -250px;
}

#comtool .is-userlist .is-list-entry.is-main:before
{
	background-position: -100px -350px;
}

#comtool .is-userlist .is-list-entry.is-main td:after
{
	content: ' – Hauptbenutzer';
}

#comtool .is-userlist .is-list-entry.is-barred:before
{
	background-position: -100px -400px;
}

#comtool .is-userlist .is-list-entry.is-barred td:after
{
	content: ' – gesperrt';
}

#comtool .is-userlist .is-list-entry.is-barred.is-main:before
{
	background-position: -150px -350px;
}

#comtool .is-userlist .is-list-entry.is-barred.is-main td:after
{
	content: ' – Hauptbenutzer, gesperrt';
}

#comtool .is-officelist .is-list-entry
{
	width: calc(62% - 36px);
}

#comtool .is-userlist .is-list-entry
{
	width: calc(62% - 36px);
}

#comtool .is-officelist .is-list-entry:before,
#comtool .is-list-entry.is-office:before
{
	background-position: -300px 0;
}

#comtool .is-officelist .is-list-entry.is-main:before,
#comtool .is-list-entry.is-office.is-main:before
{
	background-position: -300px -100px;
}

#comtool .is-officelist .is-list-entry.is-main td:after,
#comtool .is-list-entry.is-office.is-main td:after
{
	content: ' (Haupt­standort)';
}

#comtool .is-companylist .is-list-entry
{
	width: calc(70% - 48px - 48px - 36px);
}

#comtool .is-companylist .is-list-entry.is-dealer:before,
#comtool .is-list-entry.is-dealer:before
{
	background-position: -100px 0;
}

#comtool .is-companylist .is-list-entry.is-dealer.is-licensee:before,
#comtool .is-list-entry.is-dealer.is-licensee:before
{
	background-position: -100px -100px;
}

#comtool .is-companylist .is-list-entry.is-expert:before,
#comtool .is-list-entry.is-expert:before
{
	background-position: -150px 0;
}

#comtool .is-companylist .is-list-entry.is-expert.is-licensee:before,
#comtool .is-list-entry.is-expert.is-licensee:before
{
	background-position: -150px -100px;
}

#comtool .is-companylist .is-list-entry.is-lawyer:before,
#comtool .is-list-entry.is-lawyer:before
{
	background-position: -200px 0;
}

#comtool .is-companylist .is-list-entry.is-lawyer.is-licensee:before,
#comtool .is-list-entry.is-lawyer.is-licensee:before
{
	background-position: -200px -100px;
}

#comtool .is-companylist .is-list-entry.is-recovery:before,
#comtool .is-list-entry.is-recovery:before
{
	background-position: -250px -400px;
}

#comtool .is-companylist .is-list-entry.is-recovery.is-licensee:before,
#comtool .is-list-entry.is-recovery.is-licensee:before
{
	background-position: -350px -350px;
}

#comtool .is-companylist .is-list-entry.is-manage:before,
#comtool .is-list-entry.is-manage:before
{
	background-position: -250px -100px;
}

#comtool .is-companylist .is-list-entry.is-manage.is-licensee:before,
#comtool .is-list-entry.is-manage.is-licensee:before
{
	background-position: -450px -100px;
}

#comtool .is-companylist .is-list-entry.is-owner:before,
#comtool .is-list-entry.is-owner:before
{
	background-image: url('./image/easyfuhrpark-grid.png');
	background-position: 0 -100px;
}

#comtool .is-list-entry.is-device:before
{
	background-image: url('./image/navigation-grid.png');
	background-position: 0px -50px;
}

#comtool .is-list-entry.is-device.is-inactive-device:before
{
	background-position: 0px -100px;
}

#comtool .is-device-detail
{
	font-size: 60px;
}

#comtool .is-list-entry.is-retrieval:before
{
	background-image: url('./image/navigation-grid.png');
	background-position: -50px -50px;
}

/*eventlist*/
#comtool .is-eventlist .is-list-entry:before
{
	background-position: 0px 0px;
}

#comtool .is-eventlist .is-list-entry.is-choose:hover:before
{
	background-position: 0px -250px;
}

#comtool .is-eventlist .is-list-entry.is-choose.is-chosen:before
{
	background-position: 0px -400px;
}

#comtool .is-eventlist .is-list-entry.is-choose.is-not-choosable:before
{
	background-position: -250px -300px;
}

#comtool .is-eventlist .is-list-entry.is-closed:before,
#comtool .is-eventlist .is-list-entry.is-cancelled:before
{
	background-position: 0 -50px;
}

#comtool .is-eventlist .is-list-entry.is-closed td:after
{
	content: ' (archiviert)';
}

#comtool .is-eventlist .is-list-entry.is-cancelled td:after
{
	content: ' (storniert)';
}

#comtool .is-eventlist .is-list-entry.is-draft:before
{
	background-position: 0 -200px;
}

#comtool .is-eventlist .is-list-entry.is-draft td:after
{
	content: ' (Entwurf)';
}

#comtool .is-eventlist .is-list-entry.is-new-workflow:before
{
	background-image: url('./image/event-grid.png');
	background-position: -150px -300px;
}

#comtool .is-eventlist .is-list-entry.is-old-workflow:before
{
	background-image: url('./image/event-grid.png');
	background-position: -150px -350px;
}

#comtool .is-list-entry.is-connected-1:before
{
	background-position: 0px -400px;
}

#comtool .is-list-entry.is-connected-1:hover:before
{
	background-position: -250px -350px;
}

#comtool .is-list-entry.is-connected-0:before
{
	background-position: -250px -300px;
}

#comtool .is-list-entry.is-connected-0:hover:before
{
	background-position: 0px -450px;
}

/*#comtool .is-list-entry.is-connected-0 td*/
/*{*/
/*	color: grey;*/
/*}*/

#comtool .is-status.is-connected-1
{
	border: 0;
	background-image: url('./image/briefing-grid.png');
	background-position: 0px -400px;
}

#comtool .is-status.is-connected-1:hover
{
	background-position: -250px -350px;
}

#comtool .is-status.is-connected-0
{
	border: 0;
	background-image: url('./image/briefing-grid.png');
	background-position: -250px -300px;
}

#comtool .is-status.is-connected-0:hover
{
	background-position: 0px -450px;
}

#comtool .is-status.is-connected-11
{
	border: 0;
	background-image: url('./image/briefing-grid.png');
	background-position: 0px -250px;
}

#comtool .is-status.is-connected-11:hover
{
	background-position: -250px -250px;
}

#comtool .is-status.is-connected-00
{
	border: 0;
	background-image: url('./image/briefing-grid.png');
	background-position: -250px -250px;
}

#comtool .is-status.is-connected-00:hover
{
	background-position: 0px -250px;
}

#comtool .is-status.is-easyfuhrpark,
#the-event-detail .is-status.is-easyfuhrpark
{
	border: 0;
	background-image: url('./image/comtool-grid.png');
	background-position: -300px -250px;
}

#comtool .is-status.is-checked,
#bookingtool .is-status.is-checked
{
	border: 0;
	background-image: url('./image/briefing-grid.png');
	background-position: 0px -250px;
}

#comtool .is-status.is-checked-not-crossed,
#bookingtool .is-status.is-checked-not-crossed
{
	border: 0;
	background-image: url('./image/briefing-grid.png');
	background-position: 0px -400px;
}

#comtool .is-status.is-checked-not-crossed:hover,
#bookingtool .is-status.is-checked-not-crossed:hover
{
	background-position: -250px -300px;
}

#comtool .is-status.is-crossed,
#bookingtool .is-status.is-crossed
{
	border: 0;
	background-image: url('./image/briefing-grid.png');
	background-position: -250px -250px;
}

#comtool .is-status.is-easyfuhrpark.is-on,
#the-event-detail .is-status.is-easyfuhrpark.is-on
{
	background-color: #e38313;
}

#comtool .is-status.is-easyfuhrpark.is-off,
#the-event-detail .is-status.is-easyfuhrpark.is-off
{
	background-color: gainsboro;
}

/*status subscription*/
#comtool .is-status.is-unsubscribed
{
	border: 0;
	background-image: url('./image/briefing-grid.png');
	background-position: -200px -250px;
}

#comtool .is-status.is-unsubscribed:hover
{
	background-position: -150px -250px;
}

#comtool .is-status.is-subscribed
{
	border: 0;
	background-image: url('./image/briefing-grid.png');
	background-position: -150px -250px;
}

#comtool .is-status.is-subscribed:hover
{
	background-position: -200px -250px;
}

#comtool .is-scrolled-to div
{
	background-color: cornsilk;
}

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

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

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

#the-event-detail .is-status
{
	margin: 3px 0 0 0px;
	width: 36px;
	height: 36px;
	border: solid 1px #dddddd;
	border-radius: 18px;
	background-image: url('./image/comtool-grid.png');
	background-repeat: no-repeat;
	background-position: 50px 50px;
	float: left;
}

#comtool .is-detail .is-status
{
	margin: 3px 0 0 0px;
}

#comtool .is-status.is-active
{
	background-color: #005681;
	border-color: #005681;
}

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

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

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

#comtool .is-status.is-pw-ok
{
	background-position: -350px -250px;
	background-color: #18a15f;
	border-color: #18a15f;
}

#comtool .is-status.is-pw-not-ok
{
	background-position: -350px -250px;
	background-color: #e30613;
	border-color: #e30613;
}

#comtool .is-status.is-main-user-0
{
	background-position: -450px -250px;
	background-color: silver;
	border-color: silver;
}

#comtool .is-status.is-main-user-1
{
	background-position: -450px -250px;
	background-color: #18a15f;
	border-color: #18a15f;
}

#comtool .is-status.is-piggy
{
	background-position: -400px -250px;
	background-color: #005681;
	border-color: #005681;
}

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

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

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

#comtool .is-status.is-office
{
	background-position: -150px -250px;
}

#comtool .is-status.is-user
{
	background-position: -200px -250px;
}

#comtool .is-status.is-partner
{
	background-position: -250px -250px;
}

/*list icon*********************************************************************/

#comtool .is-list-icon.is-link
{
	background-image: url('./image/navigation-grid.png');
	/*margin: 3px 0 0 0px;*/
	width: 36px;
	height: 36px;
	/*border: solid 1px #dddddd;*/
	/*border-radius: 18px;*/
	/*background-image: url('./image/comtool-grid.png');*/
	background-repeat: no-repeat;
	background-position: 50px 50px;
	float: left;
}

#comtool .is-list-icon.is-link
{
	background-position: -50px -100px;
}

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

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

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

#comtool .is-sticky-line-first
{
	position: sticky;
	top: 36px;
	background-color: white;
	/*width:calc(100% - 67px - 67px);*/
}

#comtool .is-sticky-line-second
{
	position: sticky;
	top: 72px;
	background-color: white;
	/*width:calc(100% - 67px - 67px);*/
}

/* EVENT */

/* the event list entry */
#comtool.is-eventlist .is-list-entry
{
	width: calc(50% - 36px);
	margin: 0 0 20px 0;
	/*margin: 0 0 9px 0;*/
	height: 36px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

#comtool.is-account .is-list-entry
{
	width: 62%;
	margin: 0 0 20px 0;
	height: 36px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

#comtool.is-account .is-partnering .is-list-entry
{
	margin: 0 0 9px 0;
}

#comtool.is-account .is-list-entry.is-first-row
{
	width: 100%;
}

#comtool.is-account .is-list-entry.is-second-row
{
	width: calc(100% - 67px);
}

#comtool.is-account .is-list-entry.is-third-row
{
	width: calc(100% - 67px - 67px);
}

#comtool.is-account .is-list-entry.is-fourth-row
{
	width: calc(100% - 67px - 67px - 67px);
}

#comtool.is-account.is-user .is-list-entry
{
	width: calc(62% - 36px);
	margin: 0 0 20px 0;
	height: 36px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

#comtool.is-account .is-not-found
{
	color: silver;
}

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

/* PROGRESS BAR */
#comtool.is-eventlist .is-progress-bar
{
	width: 102px;
	height: 36px;
	padding: 14px 0 0 0;
	display: inline-block;
}

#comtool.is-eventlist .is-progress-bar div
{
	height: 8px;
	border: 1px solid silver;
	padding: 0;
}

#comtool.is-eventlist .is-progress-bar div div
{
	border: 0;
	height: 6px;
	background: silver;
}

/* THE NEW PIE CHART */

/*prepare variables*/
:root
{
	--segment1: 100;
	--segment2: 100;
	--segment3: 100;
	--segment4: 100;
	--segment5: 100;
	--segment6: 100;
	--segment7: 100;
	--segment8: 100;
	--segment9: 100;
	--segment10: 100;
	--segment11: 100;
	--segment12: 100;
	--segment13: 100;
	--segment14: 100;
	--segment1-color: lime;
	--segment2-color: Crimson;
	--segment3-color: Aquamarine;
	--segment4-color: indigo;
	--segment5-color: Brown;
	--segment6-color: wheat;
	--segment7-color: Burlywood;
	--segment8-color: Darkorchid;
	--segment9-color: Cadetblue;
	--segment10-color: Coral;
	--segment11-color: Crimson;
	--segment12-color: Cornflowerblue;
	--segment13-color: darkseagreen;
	--segment14-color: Darkgoldenrod;
}

.is-new-pie-chart
{
	/* Basic layout */
	display: inline-block;
	float: left;
	border-radius: 50%;

	/* fixes a minor clipping issue in Chrome */
	background-origin: border-box;

	/* function*/
	background-image: conic-gradient(
		var(--segment1-color) calc(3.6deg * var(--segment1, 100)),
		var(--segment2-color) 0 calc(3.6deg * var(--segment2, 100)),
		var(--segment3-color) 0 calc(3.6deg * var(--segment3, 100)),
		var(--segment4-color) 0 calc(3.6deg * var(--segment4, 100)),
		var(--segment5-color) 0 calc(3.6deg * var(--segment5, 100)),
		var(--segment6-color) 0 calc(3.6deg * var(--segment6, 100)),
		var(--segment7-color) 0 calc(3.6deg * var(--segment7, 100)),
		var(--segment8-color) 0 calc(3.6deg * var(--segment8, 100)),
		var(--segment9-color) 0 calc(3.6deg * var(--segment9, 100)),
		var(--segment10-color) 0 calc(3.6deg * var(--segment10, 100)),
		var(--segment11-color) 0 calc(3.6deg * var(--segment11, 100)),
		var(--segment12-color) 0 calc(3.6deg * var(--segment12, 100)),
		var(--segment13-color) 0 calc(3.6deg * var(--segment13, 100)),
		var(--segment14-color) 0
	);
}

.is-new-pie-chart.is-large
{
	width: 72px;
	height: 72px;
	margin: 0 14px 0 0;
}

.is-new-pie-chart.is-medium
{
	width: 36px;
	height: 36px;
	margin: 0 14px 0 0;
}

.is-new-pie-chart.is-small
{
	width: 20px;
	height: 20px;
	margin: 0 9px 0 50px;
}

#comtool .is-test-series .is-legend td
{
	padding: 3px 6px 3px 6px;
}

#comtool .is-test-series .is-entry
{
	margin: 0 0 9px 0px;
}

#comtool .is-test-series .is-entry td
{

	vertical-align: middle;
}

#comtool .is-test-series .is-entry td:last-child
{

	/*width: 100%;*/
	/*vertical-align: middle;*/
}

#comtool .is-license-switch:after
{
	content: ' (ändern?)';
	font-style: italic;
}

#comtool .is-license-switch .is-input
{
	display: none;
	margin-bottom: 9px;
}

#comtool .is-license-switch.is-open:after
{
	content: '';
}

#comtool .is-license-switch.is-open .is-input
{
	display: block;
}

#comtool .is-license-switch.is-open .is-hidden-when-open
{
	display: none;
}

#comtool #the-templatesigneddoc-switch .is-input,
#comtool #the-templatesurvey-switch .is-input,
#comtool #the-templatesurveynext-switch .is-input,
#comtool #the-templatereport-switch .is-input,
#comtool #the-templatereportnext-switch .is-input
{
	display: none;
	margin-bottom: 9px;
}

#comtool #the-templatesigneddoc-switch.is-open .is-input,
#comtool #the-templatesurvey-switch.is-open .is-input,
#comtool #the-templatesurveynext-switch.is-open .is-input,
#comtool #the-templatereport-switch.is-open .is-input,
#comtool #the-templatereportnext-switch.is-open .is-input
{
	display: block;
}

#comtool .is-template
{
	width: 105px;
	height: 148px;
	border: 1px solid silver;
	margin: 6px 11px 15px 0;
	/*padding: 3px 9px 0 9px;*/
	/*color: silver;*/
}

#comtool .is-template p
{
	padding: 3px 9px 0 9px;
	/*border-top: dashed 1px silver;*/
	/*border-bottom: dashed 1px silver;*/
}

#comtool .is-template div
{
	/*padding: 3px 9px 0 9px;*/
	margin: 2px 0 0 0;
	border-top: dashed 1px silver;
	border-bottom: dashed 1px silver;
	height: 98px;
}

#comtool .is-template-line
{
	border-bottom: dashed 1px silver;
}

#comtool .is-doc-margin-box
{
	width: 105px;
	height: 148px;
	border: solid 1px silver;
	/*background-color: #f0f0f0;*/
	text-align: center;
	padding: 1px 0 0 0;
	margin: 1px 0 19px 0;
}

#comtool .is-doc-margin-spacer
{
	/*width: 105px;*/
	height: 79px;
	/*border: solid 1px lightgray;*/
	/*background-color: #f0f0f0;*/
	/*text-align: center;*/
}

#comtool .is-short-input
{
	width: 50px;
}

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

.is-quick-huge-button,
#comtool .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;
}

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

.is-quick-huge-button:before
{
	margin: 30px 49px;
}

.is-quick-huge-button p,
#comtool .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;
}

.is-quick-huge-button.is-lightblue,
.is-quick-huge-button.is-lightblue.is-selected,
.is-quick-huge-button.is-green.is-selected,
#comtool .is-huge-button.is-lightblue,
#comtool .is-huge-button.is-lightblue.is-selected,
#comtool .is-huge-button.is-green.is-selected
{
	border: solid 1px #005681;
}

.is-quick-huge-button.is-lightblue p,
.is-quick-huge-button.is-green.is-selected p,
#comtool .is-huge-button.is-lightblue p,
#comtool .is-huge-button.is-green.is-selected p
{
	color: #005681;
}

.is-quick-huge-button.is-blue,
#comtool .is-huge-button.is-blue
{
	border: solid 1px #005681;
	background: #005681;
}

.is-quick-huge-button.is-blue p,
#comtool .is-huge-button.is-blue p
{
	color: white;
}

#comtool .is-huge-button.is-development-closed.is-lightblue
{
	border: solid 1px dimgray;
	background: gainsboro;
}

#comtool .is-huge-button.is-development-closed.is-blue
{
	border: solid 1px dimgray;
	background: dimgray;
}

.is-quick-huge-button.is-green,
#comtool .is-huge-button.is-green
{
	border: solid 1px #18a15f;
}

.is-quick-huge-button.is-green p,
#comtool .is-huge-button.is-green p
{
	color: #18a15f;
	font-family: my-new-regular-italic-font, sans-serif;
}

.is-quick-huge-button.is-grey,
#comtool .is-huge-button.is-grey
{
	border: solid 1px silver;
}

.is-quick-huge-button.is-grey p,
#comtool .is-huge-button.is-grey p
{
	color: silver;
}

/* detail */
#comtool .is-huge-button.is-user.is-lightblue:before,
.is-quick-huge-button.is-user.is-lightblue:before
{
	background-position: 0px -100px;
}

#comtool .is-huge-button.is-user.is-blue:before,
.is-quick-huge-button.is-user.is-blue:before
{
	background-position: 0px -150px;
}

/*BVSK Forum*/
.is-quick-huge-button.is-bvsk-forum.is-lightblue:before
{
	background-position: 0px -200px;
}

.is-quick-huge-button.is-bvsk-forum.is-blue:before
{
	background-position: -50px -200px;
}

/*role billing comtool*/
#comtool .is-huge-button.is-billing-comtool.is-lightblue:before,
.is-quick-huge-button.is-newbilling.is-lightblue:before
{
	background-position: -150px 0px;
}

#comtool .is-huge-button.is-billing-comtool.is-blue:before,
.is-quick-huge-button.is-newbilling.is-blue:before
{
	background-position: -150px -50px;
}

#comtool .is-huge-button.is-billing-pro100.is-lightblue:before
{
	background-position: -350px 0px;
}

#comtool .is-huge-button.is-billing-pro100.is-blue:before
{
	background-position: -350px -50px;
}

#comtool .is-huge-button.is-billing-bookingtool.is-lightblue:before
{
	background-position: -450px 0px;
}

#comtool .is-huge-button.is-billing-bookingtool.is-blue:before
{
	background-position: -450px -50px;
}

#comtool .is-huge-button.is-owner.is-lightblue:before
{
	background-position: -100px -400px;
}

#comtool .is-huge-button.is-owner.is-blue:before
{
	background-position: -100px -450px;
}

#comtool .is-huge-button.is-dealer.is-lightblue:before
{
	margin: 30px 49px;
	background-position: -100px -300px;
}

#comtool .is-huge-button.is-dealer.is-blue:before
{
	margin: 30px 49px;
	background-position: -100px -350px;
}

#comtool .is-huge-button.is-recovery.is-lightblue:before
{
	margin: 30px 49px;
	background-position: -450px -300px;
}

#comtool .is-huge-button.is-recovery.is-blue:before
{
	margin: 30px 49px;
	background-position: -450px -350px;
}

#comtool .is-huge-button.is-expert.is-lightblue:before
{
	margin: 30px 49px;
	background-position: -150px -300px;
}

#comtool .is-huge-button.is-expert.is-blue:before
{
	margin: 30px 49px;
	background-position: -150px -350px;
}

#comtool .is-huge-button.is-lawyer.is-lightblue:before
{
	margin: 30px 49px;
	background-position: -200px -300px;
}

#comtool .is-huge-button.is-lawyer.is-blue:before
{
	margin: 30px 49px;
	background-position: -200px -350px;
}

#comtool .is-huge-button.is-edit-payout.is-lightblue:before
{
	background-position: -350px -400px;
}

#comtool .is-huge-button.is-edit-payout.is-blue:before
{
	background-position: -350px -450px;
}

#comtool .is-huge-button.is-edit-reduction.is-lightblue:before
{
	background-position: -200px -100px;
}

#comtool .is-huge-button.is-edit-reduction.is-blue:before
{
	background-position: -200px -150px;
}

#comtool .is-huge-button.is-statistic.is-lightblue:before,
.is-quick-huge-button.is-statistic.is-lightblue:before
{
	background-position: -250px -100px;
}

#comtool .is-huge-button.is-statistic.is-blue:before,
.is-quick-huge-button.is-statistic.is-blue:before
{
	background-position: -250px -150px;
}

#comtool .is-huge-button.is-edit-addressbook.is-lightblue:before,
.is-quick-huge-button.is-edit-addressbook.is-lightblue:before
{
	background-position: -50px 0px;
}

#comtool .is-huge-button.is-edit-addressbook.is-blue:before,
.is-quick-huge-button.is-edit-addressbook.is-blue:before
{
	background-position: -50px -50px;
}

#comtool .is-huge-button.is-easyfuhrpark-user.is-lightblue:before,
.is-quick-huge-button.is-easyfuhrpark-user.is-lightblue:before
{
	background-position: -300px -100px;
}

#comtool .is-huge-button.is-easyfuhrpark-user.is-blue:before,
.is-quick-huge-button.is-easyfuhrpark-user.is-blue:before
{
	background-position: -300px -150px;
}

#comtool .is-huge-button.is-invoice.is-lightblue:before,
.is-quick-huge-button.is-invoice.is-lightblue:before
{
	background-position: -300px -300px;
}

#comtool .is-huge-button.is-invoice.is-blue:before,
.is-quick-huge-button.is-invoice.is-blue:before
{
	background-position: -300px -350px;
}

#comtool .is-huge-button.is-send-file.is-lightblue:before,
.is-quick-huge-button.is-send-file.is-lightblue:before
{
	background-position: -400px -100px;
}

#comtool .is-huge-button.is-send-file.is-blue:before,
.is-quick-huge-button.is-send-file.is-blue:before
{
	background-position: -400px -150px;
}

#comtool .is-huge-button.is-reportpro-user.is-lightblue:before,
.is-quick-huge-button.is-reportpro-user.is-lightblue:before
{
	background-position: -450px -100px;
}

#comtool .is-huge-button.is-reportpro-user.is-blue:before,
.is-quick-huge-button.is-reportpro-user.is-blue:before
{
	background-position: -450px -150px;
}

#comtool .is-huge-button.is-leasingtool-user.is-lightblue:before
{
	background-position: -350px -100px;
}

#comtool .is-huge-button.is-leasingtool-user.is-blue:before
{
	background-position: -350px -150px;
}

#comtool .is-huge-button.is-checklist.is-lightblue:before
{
	background-position: -50px -300px;
}

#comtool .is-huge-button.is-checklist.is-blue:before
{
	background-position: -50px -350px;
}

#comtool .is-huge-button.is-part-admin.is-lightblue:before
{
	background-position: -250px -300px;
}

#comtool .is-huge-button.is-part-admin.is-blue:before
{
	background-position: -250px -350px;
}

#comtool .is-huge-button.is-booking-admin.is-lightblue:before,
.is-quick-huge-button.is-booking-admin.is-lightblue:before
{
	background-position: 0 -400px;
}

#comtool .is-huge-button.is-booking-admin.is-blue:before,
.is-quick-huge-button.is-booking-admin.is-blue:before
{
	background-position: 0 -450px;
}

#comtool .is-huge-button.is-member-admin.is-lightblue:before
{
	background-position: -50px -400px;
}

#comtool .is-huge-button.is-member-admin.is-blue:before
{
	background-position: -50px -450px;
}

#comtool .is-huge-button.is-datestimate-user.is-lightblue:before
{
	background-position: 0px -300px;
}

#comtool .is-huge-button.is-datestimate-user.is-blue:before
{
	background-position: 0px -350px;
}

#comtool .is-huge-button.is-honorarrechner-user.is-lightblue:before,
.is-quick-huge-button.is-honorarrechner-user.is-lightblue:before
{
	background-position: -400px -400px;
}

#comtool .is-huge-button.is-honorarrechner-user.is-blue:before,
.is-quick-huge-button.is-honorarrechner-user.is-blue:before
{
	background-position: -400px -450px;
}

#comtool .is-huge-button.is-wertminderungsrechner-user.is-lightblue:before,
.is-quick-huge-button.is-wertminderungsrechner-user.is-lightblue:before
{
	background-position: -400px 0px;
}

#comtool .is-huge-button.is-wertminderungsrechner-user.is-blue:before,
.is-quick-huge-button.is-wertminderungsrechner-user.is-blue:before
{
	background-position: -400px -50px;
}

#comtool .is-huge-button.is-bvskid-user.is-lightblue:before,
.is-quick-huge-button.is-bvskid-user.is-lightblue:before
{
	background-position: -300px -400px;
}

#comtool .is-huge-button.is-bvskid-user.is-blue:before,
.is-quick-huge-button.is-bvskid-user.is-blue:before
{
	background-position: -300px -450px;
}

#comtool .is-huge-button.is-bvskid-ma.is-lightblue:before
{
	background-position: -450px -400px;
}

#comtool .is-huge-button.is-bvskid-ma.is-blue:before
{
	background-position: -450px -450px;
}

#comtool .is-huge-button.is-lawbrary-user.is-lightblue:before,
.is-quick-huge-button.is-lawbrary-user.is-lightblue:before
{
	background-position: -150px -400px;
}

#comtool .is-huge-button.is-lawbrary-user.is-blue:before,
.is-quick-huge-button.is-lawbrary-user.is-blue:before
{
	background-position: -150px -450px;
}

#comtool .is-huge-button.is-lawbrary-editor.is-lightblue:before
{
	background-position: -200px -400px;
}

#comtool .is-huge-button.is-lawbrary-editor.is-blue:before
{
	background-position: -200px -450px;
}

#comtool .is-huge-button.is-lawbrary-admin.is-lightblue:before
{
	background-position: -250px -400px;
}

#comtool .is-huge-button.is-lawbrary-admin.is-blue:before
{
	background-position: -250px -450px;
}

#comtool .is-huge-button.is-gtestimate-user.is-lightblue:before
{
	background-position: 0px -300px;
}

#comtool .is-huge-button.is-gtestimate-user.is-blue:before
{
	background-position: 0px -350px;
}

#comtool .is-huge-button.is-admin.is-lightblue:before,
#comtool .is-huge-button.is-manage.is-lightblue:before
{
	background-position: -100px -100px;
}

#comtool .is-huge-button.is-admin.is-blue:before,
#comtool .is-huge-button.is-manage.is-blue:before
{
	background-position: -100px -150px;
}

#comtool .is-huge-button.is-guest.is-lightblue:before
{
	background-position: -50px -100px;
}

#comtool .is-huge-button.is-guest.is-blue:before
{
	background-position: -50px -150px;
}

/* pdf */
#comtool .is-huge-button.is-pdf.is-lightblue:before
{
	height: 88px;
	background-position: -450px 0px;
}

/*huge button in clientevent*************************************************/

/*common*/
#comtool .is-huge-button-bar-left .is-huge-button
{
	/*float:left;*/
	margin: 0 15px 15px 0;
}

#comtool .is-huge-button.is-clientevent
{
	border: solid 1px #005681;
}

.is-branded-as-gtue #comtool .is-huge-button.is-clientevent
{
	border: solid 1px #323234;
}

#comtool .is-huge-button.is-clientevent p
{
	color: #005681;
}

.is-branded-as-gtue #comtool .is-huge-button.is-clientevent p
{
	color: #323234;
}

#comtool .is-huge-button.is-clientevent:before,
#comtool .is-huge-button.is-clientevent:hover:before,
#comtool .is-huge-button.is-clientevent.is-selected:before
{
	background-image: url('./image/newevent-grid.png');
}

.is-branded-as-gtue #comtool .is-huge-button.is-clientevent:before,
.is-branded-as-gtue #comtool .is-huge-button.is-clientevent:hover:before,
.is-branded-as-gtue #comtool .is-huge-button.is-clientevent.is-selected:before
{
	background-image: url('./branding/gtue/newevent-grid.png');
}

#comtool .is-huge-button.is-clientevent:hover,
#comtool .is-huge-button.is-clientevent.is-selected
{
	background-color: #005681;
}

.is-branded-as-gtue #comtool .is-huge-button.is-clientevent:hover,
.is-branded-as-gtue #comtool .is-huge-button.is-clientevent.is-selected
{
	background-color: #323234;
}

#comtool .is-huge-button.is-clientevent:hover p,
#comtool .is-huge-button.is-clientevent.is-selected p
{
	color: white;
}

/*is-qr-code*/
#comtool .is-huge-button.is-qr-code
{
	border: solid 1px black;
	background-repeat: no-repeat;
	background-position: center;
}

/*is-damage*/
#comtool .is-huge-button.is-clientevent.is-damage:before
{
	background-position: -400px -250px;
}

#comtool .is-huge-button.is-clientevent.is-damage:hover:before,
#comtool .is-huge-button.is-clientevent.is-damage.is-selected:before
{
	/*background-image: url('./image/newevent-grid.png');*/
	background-position: -400px -350px;
}

/*is-house*/
#comtool .is-huge-button.is-clientevent.is-house:before
{
	margin: 30px 49px;
	background-position: -450px -250px;
}

#comtool .is-huge-button.is-clientevent.is-house:hover:before,
#comtool .is-huge-button.is-clientevent.is-house.is-selected:before
{
	background-position: -450px -350px;
}

/*is-mail*/
#comtool .is-huge-button.is-clientevent.is-mail:before
{
	/*margin:30px 49px;*/
	background-position: -450px -0px;
}

#comtool .is-huge-button.is-clientevent.is-mail:hover:before,
#comtool .is-huge-button.is-clientevent.is-mail.is-selected:before
{
	background-position: -450px -50px;
}

/*is-sms*/
#comtool .is-huge-button.is-clientevent.is-sms:before
{
	/*margin:30px 49px;*/
	background-position: -400px -0px;
}

#comtool .is-huge-button.is-clientevent.is-sms:hover:before,
#comtool .is-huge-button.is-clientevent.is-sms.is-selected:before
{
	background-position: -400px -50px;
}

/*is-dealer*/
#comtool .is-huge-button.is-clientevent.is-dealer:before
{
	background-position: -250px -250px;
}

#comtool .is-huge-button.is-clientevent.is-dealer:hover:before,
#comtool .is-huge-button.is-clientevent.is-dealer.is-selected:before
{
	background-position: -250px -350px;
}

/*is-no-dealer*/
#comtool .is-huge-button.is-clientevent.is-no-dealer:before
{
	background-position: -250px -200px;
}

#comtool .is-huge-button.is-clientevent.is-no-dealer:hover:before,
#comtool .is-huge-button.is-clientevent.is-no-dealer.is-selected:before
{
	background-position: -250px -150px;
}

/*is-expert*/
#comtool .is-huge-button.is-clientevent.is-expert:before
{
	background-position: -300px -250px;
}

#comtool .is-huge-button.is-clientevent.is-expert:hover:before,
#comtool .is-huge-button.is-clientevent.is-expert.is-selected:before
{
	background-position: -300px -350px;
}

/*is-no-expert*/
#comtool .is-huge-button.is-clientevent.is-no-expert:before
{
	background-position: -300px -200px;
}

#comtool .is-huge-button.is-clientevent.is-no-expert:hover:before,
#comtool .is-huge-button.is-clientevent.is-no-expert.is-selected:before
{
	background-position: -300px -150px;
}

/*is-lawyer*/
#comtool .is-huge-button.is-clientevent.is-lawyer:before
{
	background-position: -350px -250px;
}

#comtool .is-huge-button.is-clientevent.is-lawyer:hover:before,
#comtool .is-huge-button.is-clientevent.is-lawyer.is-selected:before
{
	background-position: -350px -350px;
}

/*is-no-lawyer*/
#comtool .is-huge-button.is-clientevent.is-no-lawyer:before
{
	background-position: -350px -200px;
}

#comtool .is-huge-button.is-clientevent.is-no-lawyer:hover:before,
#comtool .is-huge-button.is-clientevent.is-no-lawyer.is-selected:before
{
	background-position: -350px -150px;
}

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

/* shutter */
#comtool .is-shutter.is-big,
#briefing .is-shutter.is-big
{
	width: 36px;
	height: 36px;
	background-image: url('./image/newevent-grid.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	float: right;
	/*margin-top: -5px;*/
	margin-top: -95px;
	margin-top: -91px;
}

@media print
{
	header,
	footer
	{
		display: none;
	}

	.is-no-page-break,
	#comtool .is-test-series .is-entry
	{
		page-break-inside: avoid;
	}
}

/* small screen */
@media screen and (max-width: 900px)
{
	#comtool .is-list-entry,
	#comtool.is-account .is-list-entry
	{
		width: 80%;
	}

	#comtool .is-list-entry td
	{
		max-width: calc(80% - 45px - 48px - 48px - 36px);
	}

	#comtool .is-officelist .is-list-entry,
	#comtool.is-account.is-user .is-list-entry
	{
		width: calc(80% - 36px);
	}

	#comtool .is-userlist .is-list-entry
	{
		width: calc(100% - 36px);
	}

	#comtool .is-companylist .is-list-entry
	{
		width: calc(100% - 48px - 48px - 36px);
	}

	#comtool .is-companylist .is-list-entry td
	{
		max-width: calc(100% - 45px - 48px - 48px - 36px);
	}
}

@media screen and (max-width: 600px)
{
	#comtool .is-list-entry,
	#comtool.is-account .is-list-entry
	{
		width: 100%;
	}

	#comtool .is-list-entry td
	{
		max-width: calc(100% - 45px - 48px - 48px - 36px);
	}

	#comtool .is-officelist .is-list-entry,
	#comtool.is-account.is-user .is-list-entry
	{
		width: calc(100% - 36px);
	}

	#comtool .is-userlist .is-list-entry
	{
		width: calc(100% - 36px);
	}

	#comtool .is-companylist .is-list-entry
	{
		width: calc(100% - 48px - 48px - 36px);
	}

	#comtool .is-companylist .is-list-entry td
	{
		max-width: calc(100% - 45px - 48px - 48px - 36px);
	}

	#comtool.is-account .is-list-entry.is-first-row
	{
		width: 100%;
	}

	#comtool.is-account .is-list-entry.is-second-row
	{
		/*width: 100%;*/
		width: calc(100% - 37px);
	}

	#comtool.is-account .is-list-entry.is-third-row
	{
		/*width: 100%;*/
		width: calc(100% - 37px - 37px);
	}

	#comtool.is-account .is-list-entry.is-fourth-row
	{
		/*width: 100%;*/
		width: calc(100% - 37px - 37px - 37px);
	}

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

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

}

/*photo***********************************************************************/
#comtool.is-complete .is-item-photo
{
	padding-top: 13px;
	padding-bottom: 7px;
}

#comtool.is-complete .is-item-photo .is-right
{
	float: right;
}

#comtool.is-complete .is-item-photo p
{
	padding: 9px 0 0 0;
}

#comtool.is-complete .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;
	position: relative;
}

#comtool.is-complete .is-photo-upload.is-filled
{
	background-size: cover;
	background-position: center;
}

#comtool.is-complete .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;
}

#comtool.is-complete .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;
}

#comtool.is-complete .is-photo-view
{
	height: 60px;
	width: 60px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border: 1px solid silver;
	border-radius: 6px;
	margin: 0 0 6px 6px;
}

#comtool.is-complete .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;
}

/******************************************************************************/
#comtool .is-left-half
{
	width: 49%;
	border-right: solid 1px black;
	padding-right: 5%;
	padding: 15px 5% 15px 0;
	margin-right: 5%;
	margin: 0 5% 0 0;
	float: left;
}

#comtool .is-right-half
{
	float: left;
	width: 44%;
	padding: 15px 0 15px 0;
}

/* small screen */
@media screen and (max-width: 900px)
{
	#comtool .is-left-half
	{
		border-right: 0;
		padding-right: 0;
		margin-right: 0;

		width: 100%;
		float: none;
		border-bottom: solid 1px black;
		padding-bottom: 30px;
		margin-bottom: 30px;
		padding: 0 0 30px 0;
		margin: 0 0 30px 0;
	}

	#comtool .is-right-half
	{
		float: none;
		width: 100%;
		padding: 0 0 0 0;
	}
}

#comtool.is-account #the-small-search-input
{
	padding: 2px 10px 2px 10px;
}

/* table ***********************************************************************/
#comtool .is-value-table.is-edit
{
	width: 75%;
}

#comtool .is-value-table .is-left
{
	/*text-align: left;*/
}

#comtool .is-value-table th
{
	text-align: left;
	font-family: my-new-bold-font, sans-serif;
	/*text-align: right;*/
	border: 2px solid white;
	padding: 9px 10px 10px 10px;
	background: #e9e9e9;
	position: sticky;
	top: 0;
}

#comtool .is-value-table.is-edit th
{
	padding: 9px 15px 10px 15px;
}

/*#comtool .is-value-table th:nth-child(1)*/
/*{*/
/*	text-align: left;*/
/*}*/
#comtool .is-value-table td
{
	border: 2px solid white;
	padding: 9px 10px 10px 10px;
	background: #f4f4f4;
	text-align: left;
}

#comtool .is-value-table.is-edit td
{
	padding: 9px 15px 10px 15px;
}

#comtool .is-value-table td.is-edit
{
	padding: 0 5px 2px 5px;
}

/*#comtool .is-value-table td:nth-child(1)*/
/*{*/
/*	text-align: left;*/
/*}*/
#comtool .is-value-table tr:nth-child(odd) td
{
	background: #e9e9e9;
}

#comtool .is-value-table tr td.is-blank
{
	background: white;
	padding-left: 0px;
}

#comtool .is-value-table.is-edit tr td.is-blank
{
	padding-left: 15px;
}

#comtool .is-value-table tr td.is-net
{
	padding-top: 30px;
	padding-bottom: 0px;
}

#comtool .is-value-table tr td.is-vat
{
	padding-top: 0px;
	padding-bottom: 4px;
}

#comtool .is-value-table tr td.is-total
{
	padding: 0;
}

#comtool .is-value-table.is-edit tr td.is-total
{
	padding: 0 5px 0 15px;
}

#comtool .is-value-table .is-dashed
{
	border-top: solid black 1px;
	border-bottom: double black 3px;
	padding: 9px 10px 8px 10px;
}

#comtool .is-value-table .is-dashed-above
{
	border-top: solid black 1px;
	padding: 9px 10px 8px 10px;
}

#comtool .is-value-table .is-dashed-below
{
	border-bottom: solid black 1px;
	padding: 9px 10px 8px 10px;
}

#comtool .is-value-table .is-dashed-none
{
	padding: 9px 10px 8px 10px;
}

#comtool .is-value-table .is-sum
{
	font-family: my-new-bold-font, sans-serif;
}

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

#comtool .is-value-table td.is-day
{
	text-align: center;
	background: #005681;
	color: white;
}

#comtool .is-detail .is-progress
{
	width: 50px;
}

#comtool .is-detail .is-progress .is-segment
{
	width: 7px;
	height: 11px;
	margin: 0 3px 0 0;
	background: white;
	background: #f0f0f0;
	color: white;
	float: left;
	/*border:solid .5px #005681;*/
}

/*is-count-filled*/
#comtool .is-detail .is-progress.is-count-filled-1 .is-segment:nth-child(-n+1),
#comtool .is-detail .is-progress.is-count-filled-2 .is-segment:nth-child(-n+2),
#comtool .is-detail .is-progress.is-count-filled-3 .is-segment:nth-child(-n+3),
#comtool .is-detail .is-progress.is-count-filled-4 .is-segment:nth-child(-n+4),
#comtool .is-detail .is-progress.is-count-filled-5 .is-segment:nth-child(-n+5)
{
	background: #005681;
}

#comtool .is-detail .is-progress.is-overbooked.is-count-filled-1 .is-segment:nth-child(-n+1),
#comtool .is-detail .is-progress.is-overbooked.is-count-filled-2 .is-segment:nth-child(-n+2),
#comtool .is-detail .is-progress.is-overbooked.is-count-filled-3 .is-segment:nth-child(-n+3),
#comtool .is-detail .is-progress.is-overbooked.is-count-filled-4 .is-segment:nth-child(-n+4),
#comtool .is-detail .is-progress.is-overbooked.is-count-filled-5 .is-segment:nth-child(-n+5)
	/*#comtool .is-detail .is-progress.is-overbooked .is-segment*/
{
	background: #e30613;
}

/*#comtool .is-detail .is-progress .is-segment.is-filled*/
/*{*/
/*	background: #005681;*/
/*}*/

#comtool table.is-round tr:hover td.is-group
{
	background: #f0f0f0;
}

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

#comtool table.is-round th:after
{
	width: 0;
	height: 0;
	margin: 0;
}

#comtool table.is-round tr.is-editor-row td
{
	padding: 10px 12px 30px 12px;
}

#comtool table.is-round th:nth-child(1),
#comtool table.is-round td.is-display-row:nth-child(1),
#comtool table.is-round th:nth-child(4),
#comtool table.is-round td.is-display-row:nth-child(4),
#comtool table.is-round th:nth-child(5),
#comtool table.is-round td.is-display-row:nth-child(5)
{
	/*text-align: right;*/
}

#comtool table.is-round .is-button-delete-box
{
	margin: 5px 0 0 0;
}

#comtool .is-striked
{
	text-decoration: line-through;
}

/*list entry - 1 icon*/
#comtool .is-list-entry.is-1-icon
{
	width: calc(62% - 48px);
}

@media screen and (max-width: 900px)
{
	#comtool .is-list-entry.is-1-icon
	{
		width: calc(80% - 48px);
	}
}

@media screen and (max-width: 600px)
{
	#comtool .is-list-entry.is-1-icon
	{
		width: calc(100% - 48px);
	}
}

/*list entry - 2 icons*/
#comtool .is-list-entry.is-2-icon
{
	width: calc(62% - 48px - 36px);
}

@media screen and (max-width: 900px)
{
	#comtool .is-list-entry.is-2-icon
	{
		width: calc(80% - 48px - 36px);
	}
}

@media screen and (max-width: 600px)
{
	#comtool .is-list-entry.is-2-icon
	{
		width: calc(100% - 48px - 36px);
	}
}

/*list entry - 3 icons*/
#comtool .is-list-entry.is-3-icon
{
	width: calc(62% - 48px - 48px - 36px);
}

@media screen and (max-width: 900px)
{
	#comtool .is-list-entry.is-3-icon
	{
		width: calc(80% - 48px - 48px - 36px);
	}
}

@media screen and (max-width: 600px)
{
	#comtool .is-list-entry.is-3-icon
	{
		width: calc(100% - 48px - 48px - 36px);
	}
}

/*list entry - 4 icons*/
#comtool .is-list-entry.is-4-icon
{
	width: calc(62% - 48px - 48px - 48px - 36px);
}

@media screen and (max-width: 900px)
{
	#comtool .is-list-entry.is-4-icon
	{
		width: calc(80% - 48px - 48px - 48px - 36px);
	}
}

@media screen and (max-width: 600px)
{
	#comtool .is-list-entry.is-4-icon
	{
		width: calc(100% - 48px - 48px - 48px - 36px);
	}
}

/*event > detail > document > thumbnail*/
.is-document-thumbnail
{
	width: 130px;
	height: 184px;
	margin: 0 15px 15px 0;
	/*margin: 0 0px 15px 0;*/
	border: solid 1px silver;
	overflow: hidden;
	float: left;
}

.is-document-thumbnail.is-unread
{
	border: solid 2px grey;
}

.is-document-thumbnail .is-label
{
	height: 81px;
	height: 126px;
	height: 116px;
	padding: 6px 9px 0px 9px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 15px;
	background: white;
}

.is-document-thumbnail.is-unread .is-label
{
	font-weight: bold;
}

.is-document-thumbnail .is-icon
{
	margin: 9px 0px 0px 9px;
	margin: 3px 2px 3px 2px;
	width: 24px;
	height: 24px;
	background-image: url('./image/event-grid.png');
	background-repeat: no-repeat;
	float: left;
}

.is-document-thumbnail .is-visibiliy-section
{
	padding-left: 7px;
}

.is-document-thumbnail .is-icon.is-recovery
{
	background-position: -300px -200px;
}

.is-document-thumbnail .is-icon.is-recovery.is-visible
{
	background-position: -325px -200px;
}

.is-document-thumbnail .is-icon.is-dealer
{
	background-position: 0px -200px;
}

.is-document-thumbnail .is-icon.is-dealer.is-visible
{
	background-position: -25px -200px;
}

.is-document-thumbnail .is-icon.is-expert
{
	background-position: -50px -200px;
}

.is-document-thumbnail .is-icon.is-expert.is-visible
{
	background-position: -75px -200px;
}

.is-document-thumbnail .is-icon.is-lawyer
{
	background-position: -100px -200px;
}

.is-document-thumbnail .is-icon.is-lawyer.is-visible
{
	background-position: -125px -200px;
}

#comtool .is-list-entry.is-copy:before
{
	background-position: -300px -450px;
}

#comtool .is-list-entry.is-copy.is-default:before
{
	background-position: -350px -450px;
}

#comtool .is-list-entry.is-proto:before
{
	/*background-position: -300px -350px;*/
	background-position: -300px -400px;
}

#comtool .is-list-entry.is-proto.is-default:before
{
	/*background-position: -300px -400px;*/
	background-position: -350px -400px;
}

#comtool .is-list-entry.is-task:before
{
	background-position: 0px -250px;
}

#comtool .is-list-entry.is-role:before
{
	background-position: -100px -250px;
}

#comtool .is-list-entry.is-type:before
{
	/*background-position: -350px -400px;*/
	background-position: -300px -350px;
}

#comtool .is-long-block
{
	width: 40%;
	height: 14px;
	background: #f0f0f0;
	margin-bottom: 2px;
}

#comtool .is-medium-block
{
	width: 25%;
	height: 14px;
	background: #f0f0f0;
	margin-bottom: 2px;
}

#comtool .is-small-block
{
	width: 10%;
	height: 14px;
	background: #f0f0f0;
	margin-bottom: 2px;
}

#comtool .is-round-switch
{
	float: left;
	width: 36px;
	height: 36px;
	background-image: url('./image/briefing-grid.png');
	background-repeat: no-repeat;
	background-position: -450px -450px;
	margin-right: 9px;
}

#comtool .is-round-switch.is-dealer
{
	background-position: -100px -50px;
}

#comtool .is-round-switch.is-dealer.is-on
{
	background-position: -100px -150px;
}

#comtool .is-round-switch.is-expert
{
	background-position: -150px -50px;
}

#comtool .is-round-switch.is-expert.is-on
{
	background-position: -150px -150px;
}

#comtool .is-round-switch.is-lawyer
{
	background-position: -200px -50px;
}

#comtool .is-round-switch.is-lawyer.is-on
{
	background-position: -200px -150px;
}

#comtool .is-round-switch.is-recovery
{
	background-position: -400px -350px;
}

#comtool .is-round-switch.is-recovery.is-on
{
	background-position: -400px -400px;
}

#comtool .is-round-switch.is-client
{
	background-position: -100px -300px;
}

#comtool .is-round-switch.is-client.is-on
{
	background-position: -100px -450px;
}

#comtool .is-round-switch.is-preview
{
	background-position: -350px -50px;
}

#comtool .is-round-switch.is-preview.is-on
{
	background-position: -350px -100px;
}

#comtool .is-icon:before
{
	content: '';
	width: 24px;
	height: 24px;
	background-image: url('./image/comtool-grid.png');
	background-repeat: no-repeat;
	background-position: 50px 50px;
	display: inline-block;
	margin: 9px 0 -6px 9px;
	border: solid 1px black;
	border-radius: 12px;
}

#comtool .is-icon.is-refresh:before
{
	background-position: -200px 0;
}

#comtool .is-icon.is-refresh.is-not-available:before
{
	border: solid 1px silver;
	background-position: -225px 0;
}

#comtool .is-icon.is-download:before
{
	background-position: -250px 0;
}

#comtool .is-icon.is-download.is-not-found:before
{
	border: solid 1px silver;
	background-position: -275px 0;
}

#comtool .is-icon.is-upload-status.is-existing:before
{
	background-position: -300px 0;
	border-color: #18a15f;
	background-color: #18a15f;
}

#comtool .is-icon.is-upload-status.is-existing:hover:before
{
	background-position: -325px 0;
}

#comtool .is-icon.is-upload-status.is-missing:before
{
	background-position: -300px -25px;
	border-color: #e30613;
	background-color: #e30613;

}

#comtool .is-icon.is-upload-status.is-missing:hover:before
{
	background-position: -325px -25px;
}

#comtool .is-list-entry.is-fleet:before
{
	background-image: url('./image/easyfuhrpark-grid.png');
	background-position: 0 -50px;
}

#comtool .is-fleetlist .is-list-entry.is-fleet,
#comtool .is-ownerlist .is-list-entry.is-owner
{
	margin: 15px 0 5px 0;
}

#comtool .is-fleetlist .is-list-entry.is-site,
#comtool .is-ownerlist .is-list-entry.is-garage
{
	padding-left: 45px;
	margin: 5px 0 5px 0;
	/*background-image: url('./image/easyfuhrpark-grid.png');*/
	/*background-position: -50px -50px;*/
}

#comtool .is-list-entry.is-site:before
{
	background-image: url('./image/easyfuhrpark-grid.png');
	background-position: -50px -50px;
}

#comtool .is-list-entry.is-garage:before
{
	background-image: url('./image/easyfuhrpark-grid.png');
	background-position: -50px -100px;
}

#comtool .is-fleetlist .is-entry-status-offset,
#comtool .is-ownerlist .is-entry-status-offset
{
	margin-top: 15px;
	margin-bottom: 5px;
}

#comtool .is-fleetlist .is-sub-entry-status-offset,
#comtool .is-ownerlist .is-sub-entry-status-offset
{
	margin-top: 5px;
}

.is-light-button.is-branded.is-inactive
{
	background-color: silver;
	border-color: silver;
	color: white;
}

#comtool .is-inline-hint
{
	background-color: silver;
	color: white;
	border-radius: 6px;
	margin: 15px 0 0px 0;
	padding: 8px 14px 10px 14px;
}

#comtool .is-inline-hint.is-green
{
	background-color: #18a15f;
}

#comtool .is-inline-hint.is-red
{
	background-color: #e30613;
}

.is-redesigned .is-light-button.is-multi-line
{
	white-space: normal;
}

.is-warning-sign
{
	width: 36px;
	height: 36px;
	border-radius: 18px;
	border-style: solid;
	border-width: 1px;
	background-image: url('./image/hint-grid.png');
	background-repeat: no-repeat;
	border-color: #e30613;
	background-position: -50px -50px;
	margin-bottom: 5px;
}

.is-ok-sign
{
	width: 36px;
	height: 36px;
	border-radius: 18px;
	border-style: solid;
	border-width: 1px;
	background-image: url('./image/hint-grid.png');
	background-repeat: no-repeat;
	margin-bottom: 5px;
	border-color: #18a15f;
	background-position: 0 -50px;
}

.is-announcement
{
	padding: 30px 30px 30px 30px;
	border: 3px solid #e30613;
	margin-bottom: 42px;
	font-weight: bold;
}

/*account > user > preset*/
.is-redesigned .is-reminder-editor input[type=checkbox] + label div,
.is-redesigned .is-reminder-icon-editor input[type=checkbox] + label div,
.is-redesigned .is-notify-about-archiving-editor input[type=checkbox] + label div
{
	width: 28px;
	height: 16px;
	float: left;
	border-radius: 8px;
	border-color: OrangeRed;
	border-style: solid;
	border-width: 1px;
	margin: 0px 6px 0 0;
	background-color: white;
}

.is-redesigned .is-reminder-editor input[type=checkbox]:checked + label div,
.is-redesigned .is-reminder-icon-editor input[type=checkbox]:checked + label div,
.is-redesigned .is-notify-about-archiving-editor input[type=checkbox]:checked + label div
{
	border-color: #18a15f;
}

.is-redesigned .is-reminder-editor input[type=checkbox] + label div div,
.is-redesigned .is-reminder-icon-editor input[type=checkbox] + label div div,
.is-redesigned .is-notify-about-archiving-editor input[type=checkbox] + label div div
{
	width: 8px;
	height: 8px;
	border-radius: 5px;
	border-color: transparent;
	border-style: none;
	border-width: 0;
	background-color: OrangeRed;
	margin: 3px 0 0 3px;
	transition: margin 100ms linear;
	padding: 0;
	background-image: none;
}

.is-redesigned .is-reminder-editor input[type=checkbox]:checked + label div div,
.is-redesigned .is-reminder-icon-editor input[type=checkbox]:checked + label div div,
.is-redesigned .is-notify-about-archiving-editor input[type=checkbox]:checked + label div div
{
	background-color: #18a15f;
	margin: 3px 0 0 14px;
}

.is-toolbar-box
{
	float: right;
	white-space: nowrap;
	width: auto;
	margin: 0 0 15px 30px;
}

.is-toolbar-box.is-left
{
	float: left;
	margin: 0 30px 15px 0;
}

.is-toolbar-box .is-right
{
	float: right;
}

/*the news*******************************************************************/

#the-news h2
{
	margin: 3px 0 9px 0;
}

#the-news h3
{
	/*margin:9px 0 0 0;*/
}

#the-news .is-news-entry-table a
{
	font-weight: bold;
}

#the-news .is-news-entry-table a:before
{
	content: '→ ';
}

.is-tab-marked p
{
	font-weight: bold;
}

.is-tab-marked p:after
{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background-color: #005681;
	float: right;
	border-radius: 4px;
	margin: -3px 0 0 2px;
}

input[type=range]::-ms-tooltip
{
	display: none;
}

#comtool .is-tool.is-sort,
#comtool .is-tool.is-sort.caption-asc,
#comtool .is-tool.is-sort.date-asc,
#comtool .is-tool.is-sort.created-asc,
#comtool .is-tool.is-sort.court-asc,
#comtool .is-tool.is-sort.docket-asc,
#comtool .is-tool.is-sort.court-docket-asc
{
	background-position: -350px -75px;
}

#comtool .is-tool.is-sort.caption-desc,
#comtool .is-tool.is-sort.date-desc,
#comtool .is-tool.is-sort.created-desc,
#comtool .is-tool.is-sort.court-desc,
#comtool .is-tool.is-sort.docket-desc,
#comtool .is-tool.is-sort.court-docket-desc
{
	background-position: -375px -75px;
}

/*diagflight*******************************************************************/

.is-teaser
{
	width: 50%;
	float: left;
	min-height: 115px;
}

.is-teaser i.is-icomoon
{
	font-size: 50px;
	width: 80px;
	float: left;
}

.is-teaser td
{
	padding: 0px 10px 10px 0px;
}

.is-teaser h2
{
	padding-top: 4px;
}

@media screen and (max-width: 650px)
{
	.is-teaser
	{
		width: 100%;
		float: none;
	}
}

@media screen and (max-width: 300px)
{
	.is-teaser
	{
		height: auto;
		padding-bottom: 30px;
	}

	.is-teaser i.is-icomoon
	{
		float: none;
	}
}

.is-text-dummy
{
	width: 80%;
	padding: 18px 18px 0 0;
	/*background: silver;*/
	/*border:solid 1px silver;*/
	/*margin-bottom:9px;*/
}

.is-text-dummy div
{
	height: 12px;
	background: silver;
	border: solid 1px silver;
	/*margin-bottom:9px;*/
}

.is-text-dummy div:nth-child(1),
.is-text-dummy div:nth-child(3),
.is-text-dummy div:nth-child(5)
{
	margin-bottom: 9px;
}

.is-text-dummy div:nth-child(2),
.is-text-dummy div:nth-child(4),
.is-text-dummy div:nth-child(6)
{
	margin-bottom: 18px;
}

.is-text-dummy div:nth-child(1)
{
	width: 60%;
}

.is-text-dummy div:nth-child(2)
{
	width: 80%;
}

.is-text-dummy div:nth-child(3)
{
	width: 70%;
}

.is-text-dummy div:nth-child(4)
{
	width: 90%;
}

.is-text-dummy div:nth-child(5)
{
	width: 40%;
}

.is-text-dummy div:nth-child(6)
{
	width: 30%;
}