html
{
	height: 100%;
}

body.is-redesigned
{
	background-color: white;
	/*background-color: green;*/

	height: 100%;
}

.is-redesigned b
{
	font-family: my-new-bold-font, sans-serif;
}

.is-redesigned i,
.is-redesigned .is-italic
{
	font-family: my-new-regular-italic-font, sans-serif;
}

.is-redesigned b i,
.is-redesigned i b,
.is-bold-italic
{
	font-family: my-new-bold-italic-font, sans-serif;
}

.is-redesigned .outer-box
{
	width: 1600px;
}

.is-redesigned .is-blank-header
{
	height: 132px;
}

.is-redesigned main
{
	/*background: yellow;*/
	min-height: 80%;
	padding: 32px 0 0 0;
}

h1
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 23px;
	line-height: 28px;
	padding: 0;
	margin: 0 0 1px 0;
}

.is-redesigned h2
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 19px;
	line-height: 23px;
	padding: 0;
	margin: 0 0 1px 0;
	margin: 0 0 0 0;
}

#menu-bar-box
{
	height: 95px;
	padding: 35px 0 0 0;
}

.is-redesigned #user-short-profile-nav
{
	/*width: 130px; !* width of sub menu *!*/
	float: right;
	height: 50px;
	background-color: white;
	font-family: my-new-regular-font, sans-serif;
	font-size: 15px;
	z-index: 1999;
}

.is-redesigned #user-short-profile-nav div
{
	color: black;
	padding: 0 0 16px 0;
	margin: 0 0 -18px auto;
	width: auto;
}

.is-redesigned #user-short-profile-nav .is-user-caption-entry-box
{
	float: right;
}

.is-redesigned #user-short-profile-nav .is-user-caption-entry-box:before
{
	margin: 0 9px 0 0;
	content: '';
	width: 16px;
	height: 25px;
	background-image: url('./image/redesign-grid.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline-block;
}

.is-redesigned #user-short-profile-nav .is-user-caption-entry-box:after
{
	margin: 0 0 0 9px;
	content: '';
	width: 15px;
	height: 25px;
	background-image: url('./image/redesign-grid.png');
	background-repeat: no-repeat;
	background-position: -50px 0;
	display: inline-block;
}

.is-redesigned #user-short-profile-nav .is-user-caption-entry-box.is-logged-off:after
{
	margin: 0;
	width: 0px;
	height: 0px;
	background-image: none;
}

.is-redesigned #user-short-profile-nav nav ul li
{
	/*1.Ebene, Einträge stehen nebeneinander */
	display: inline-block;
	height: 48px;
}

.is-redesigned #user-short-profile-nav nav ul ul
{
	/*2. Ebene, ist ausgeblendet*/
	position: absolute;
	left: -999em;
	z-index: 9999;
	/*text-align: right;*/
}

.is-redesigned #user-short-profile-nav nav ul li:hover ul
	/*.is-redesigned #user-short-profile-nav .is-user-caption-entry-box:hover #user-short-profile-nav nav ul li ul*/
{
	/*2. Ebene, wird eingeblendet*/
	left: auto;
}

.is-redesigned #user-short-profile-nav nav ul ul li
{
	/*2. Ebene, Einträge stehen untereinander */
	display: block;
	height: auto;
}

.is-redesigned #user-short-profile-nav nav ul ul a div
{
	/*2. Ebene*/
	color: black;
	padding: 7px 9px 7px 9px;
	/*padding: 0 9px 7px 9px;*/
	margin: 0;
	display: block;
	/*background-color: gainsboro;*/
}

.is-redesigned #user-short-profile-nav nav ul ul a div:hover,
.is-redesigned #user-short-profile-nav nav ul ul a.is-active div
{
	/*2.Ebene*/
	color: black;
	background-color: #f0f0f0;
}

.is-redesigned #user-short-profile-nav .is-triangle-border
{
	/* the sub menu box */
	width: auto;
	border: 1px solid silver;
	background-color: white;
	position: relative;
	padding: 11px 0 11px 0;
	border-radius: 2px;
	margin: 15px 0 0 0;
}

.is-redesigned #user-short-profile-nav .is-triangle-border.is-triangle-top:before
{
	/* the grey triangle that gives the border */
	top: -11px;
	bottom: auto;
	right: 10px;
	left: auto;
	border-width: 0 11px 11px;
}

.is-redesigned #user-short-profile-nav .is-triangle-border:before
{
	border-color: silver transparent;
	content: '';
	position: absolute;
	bottom: -11px;
	left: 10px;
	border-width: 11px 11px 0;
	border-style: solid;
	display: block;
	width: 0;
}

.is-redesigned #user-short-profile-nav .is-triangle-border.is-triangle-top:after
{
	/* the white triangle before the grey one */
	top: -10px;
	top: -9px;
	bottom: auto;
	right: 11px;
	right: 12px;
	left: auto;
	border-width: 0 10px 10px;
	border-width: 0 9px 9px;
}

.is-redesigned #user-short-profile-nav .is-triangle-border:after
{
	border-color: white transparent;
	content: '';
	position: absolute;
	bottom: -10px;
	left: 11px;
	border-width: 10px 10px 0;
	border-style: solid;
	display: block;
	width: 0;
}

.is-redesigned #re-main-logo-on-big-screen-box
{
	/* switch off old main logo in header */
	height: 95px;
	background-image: none;
}

/***********************vv**********kann weg ************/
/*
wird jetzt anders gelöst
 */
.is-redesigned .is-main-logo-box
{
	width: 36px;
	height: 36px;
	margin: 0 10px 0 0;
	background-image: url('./image/redesign-grid.png');
	background-repeat: no-repeat;
	background-position: 0px -100px;
	float: left;
}

.is-redesigned .is-main-logo-box.is-easyfuhrpark
{
	background-position: -50px -100px;
}

.is-redesigned .is-main-logo-box.is-leasingtool
{
	background-position: -100px -100px;
}

.is-redesigned .is-main-logo-box.is-securetransfer
{
	background-position: -150px -100px;
}

.is-redesigned .is-main-logo-box.is-reportpro
{
	background-position: -200px -100px;
}

.is-redesigned .is-main-logo-box.is-gtestimate,
.is-redesigned .is-main-logo-box.is-datestimate
{
	background-position: -250px -100px;
}

.is-redesigned .is-main-logo-box.is-gcomtool,
.is-redesigned.is-branded-as-gtue .is-main-logo-box
{
	display: none;
	background-color: #e30613;
}

.is-redesigned #login-box .is-main-logo-box
{
	margin-bottom: 36px;
}

.is-redesigned .is-main-caption-box
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 24px;
	padding: 12px 0 0 0;
	color: black;
}

.is-main-caption-box:after
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 24px;
	color: black;
	content: 'BVSK ComTool';
}

.is-redesigned .is-main-caption-box.is-easyfuhrpark:after
{
	content: 'easyFuhrpark';
}

.is-redesigned .is-main-caption-box.is-leasingtool:after
{
	content: 'LeasingTool';
}

.is-redesigned .is-main-caption-box.is-securetransfer:after
{
	content: 'SecureTransfer';
}

.is-redesigned .is-main-caption-box.is-reportpro:after
{
	content: 'BVSK Pro100';
}

.is-redesigned .is-main-caption-box.is-gtestimate:after
{
	content: 'GTEstimate';
}

.is-redesigned .is-main-caption-box.is-datestimate:after
{
	content: 'DAT.Estimate';
}

.is-redesigned .is-main-caption-box.is-gcomtool:after
{
	content: 'ComTool';
}

/***********************^^*******kann weg*************/

.is-redesigned #neck-box
{
	background-color: white;
	height: 37px;
	border-bottom: solid 1px gainsboro
}

.is-redesigned #flyout-menu-box
{
	padding: 6px 0 0 0;
	z-index: 1999;
}

.is-redesigned #flyout-menu-box nav a div
{
	/*1.Ebene*/
	color: black;
	padding: 0 0 4px 0;
	margin: 0 32px -16px 0;
	font-family: my-new-regular-font, sans-serif;
	font-size: 15px;
	/*line-height: 21px;*/
	border-bottom: solid 6px transparent;
	height: 29px;
	height: 30px;
}

.is-redesigned #flyout-menu-box nav a.is-active div
{
	/*1.Ebene*/
	/* now via JS > showActiveDeskInMenu () */
}

.is-redesigned #flyout-menu-box nav ul li
{
	/*1.Ebene, Einträge stehen nebeneinander */
	display: inline-block;
}

.is-redesigned #flyout-menu-box nav ul ul
{
	/*2.Ebene, ist ausgeblendet*/
	position: absolute;
	left: -999em;
	z-index: 1999;
}

.is-redesigned #flyout-menu-box nav ul li:hover ul
{
	/*2.Ebene, wird eingeblendet*/
	left: auto;
}

.is-redesigned #flyout-menu-box nav ul ul li
{
	/*2.Ebene, Einträge stehen untereinander */
	display: block;
}

.is-redesigned #flyout-menu-box nav ul ul a div
{
	/*2.Ebene*/
	color: black;
	padding: 7px 9px 7px 9px;
	/*padding: 0 9px 7px 9px;*/
	margin: 0;
	display: block;
	border: 0;
}

.is-redesigned #flyout-menu-box nav ul ul a div:hover,
.is-redesigned #flyout-menu-box nav ul ul a.is-active div
{
	/*2.Ebene*/
	color: black;
	background-color: gainsboro;
	border: 0;
}

.is-redesigned .is-triangle-border
{
	/* the sub menu box */
	width: auto;
	min-width: 130px;
	border: 1px solid silver;
	background-color: white;
	position: relative;
	padding: 11px 0 11px 0;
	border-radius: 2px;
	margin: 15px 0 0 0;
}

.is-redesigned .is-triangle-border.is-triangle-top:before
{
	/* the grey triangle that gives the border */
	top: -11px;
	bottom: auto;
	right: auto;
	left: 10px;
	border-width: 0 11px 11px;
}

.is-redesigned .is-triangle-border:before
{
	border-color: silver transparent;
	content: '';
	position: absolute;
	bottom: -11px;
	left: 10px;
	border-width: 11px 11px 0;
	border-style: solid;
	display: block;
	width: 0;
}

.is-redesigned .is-triangle-border.is-triangle-top:after
{
	/* the white triangle before the grey one */
	top: -9px;
	bottom: auto;
	right: auto;
	left: 12px;
	border-width: 0 9px 9px;
}

.is-redesigned .is-triangle-border:after
{
	border-color: white transparent;

	content: '';
	position: absolute;
	bottom: -10px;
	left: 11px;
	border-width: 10px 10px 0;
	border-style: solid;
	display: block;
	width: 0;
}

#login-box
{
	max-width: 360px;
	margin: 5% auto 0 auto;
}

.is-redesigned legend
{
	font-family: my-new-bold-font, sans-serif;
	font-size: 14px;
	line-height: 15px;
	padding: 2px 0 0 0;
}

/* edited us - no pen anymore */
.is-redesigned legend:after
{
	top: 0px;
	margin: 0 0 0 5px;
	content: '';
	width: 10px;
	height: 10px;
	background-image: url(./image/redesign-grid.png);
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	background-position: 50px 50px; /* blank */
}

.is-redesigned .is-editor-switch:hover legend:after
{
	background-position: -250px 0; /* pen */
}

.is-redesigned .is-now-editing legend:after,
.is-redesigned .is-now-editing legend:hover:after,
.is-redesigned .is-newevent-form legend:after,
.is-redesigned .is-newevent-form .is-editor-switch:hover legend:after
{
	background-position: 50px 50px; /* blank */
}

.is-redesigned input
{
	color: black;
	background-color: white;
	font-family: my-new-regular-italic-font, sans-serif;
	font-size: 14px;
	line-height: 20px;
	padding: 4px 10px 3px 10px;
	margin: 1px 0 4px 0;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: lightgrey;
	width: 100%;
}

.is-redesigned input[type=file]
{
	position: relative;
	top: 1px;
	padding: 2px 10px 3px 10px;
}

.is-redesigned input.is-required,
.is-redesigned textarea.is-required
{
	border-color: #323234;
	background-color: whitesmoke;
	font-family: my-new-bold-italic-font, sans-serif;
}

.is-redesigned input.is-possibly-required
{
	border-color: #323234;
	border-style: dashed;
	background-color: whitesmoke;
	font-family: my-new-bold-italic-font, sans-serif;
}

.is-redesigned p.is-possibly-required
{
	padding: 14px 20px 13px 20px;
	border-width: 1px;
	border-color: #323234;
	border-style: dashed;
	background-color: whitesmoke;
	font-family: my-new-regular-italic-font, sans-serif;
}

.is-redesigned input:focus
{
	background-color: ivory;
	transition: background-color 1000ms linear;
	outline: none;
}

.is-redesigned input[type=file]:focus
{
	background-color: transparent;
}

.is-redesigned input[type=time]
{
	padding: 3px 10px 1px 10px;
}

.is-redesigned textarea
{
	color: black;
	background-color: white;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: lightgrey;
	width: 100%;
	height: 200px;

	padding: 5px 10px 3px 10px;
	margin: 1px 0 4px 0;
	font-family: my-new-regular-italic-font, sans-serif;
	font-size: 14px;
	line-height: 18px;
}

.is-redesigned textarea:focus
{
	background-color: ivory;
	transition: background-color 1000ms linear;
}

.is-redesigned select
{
	color: black;
	background-color: white;
	font-family: my-new-regular-italic-font, sans-serif;
	font-size: 14px;
	padding: 1px 0 3px 6px;
	margin: 1px 0 4px 0;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: lightgrey;
	width: 100%;
	height: 29px;
}

.is-redesigned .is-display
{
	font-family: my-new-regular-italic-font, sans-serif;
	font-size: 14px;
	line-height: 15px;
}

.is-redesigned small
{
	font-family: my-new-regular-italic-font, sans-serif;
	font-size: 14px;
}

.is-redesigned p
{
	font-family: my-new-regular-font, sans-serif;
	/*font-size: 14px;*/
}

.is-redesigned small:before
{
	width: 16px;
	height: 14px;
	background-image: url(./image/redesign-grid.png);
	background-repeat: no-repeat;
	content: '';
	margin: 0 6px 0 0;
	position: relative;
	display: inline-block;
	background-position: -200px 0;
	top: 1px;
}

.is-redesigned button:before,
.is-redesigned button[type=submit]:before,
.is-redesigned .is-submit-button:before,
.is-redesigned .is-pad .is-on-pad .is-control button[type=reset]:before,
.is-redesigned .is-pad .is-on-pad .is-control button.is-submit-button:before
{
	background-image: none;
	width: 0;
	height: 0;
	background-position: 50px 50px; /* blank */
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.is-redesigned .is-light-button,
.is-redesigned .is-pad .is-on-pad .is-control button[type=reset]
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 14px;
	color: #005681;
	border-color: #005681;
	border-width: 1px;
	border-style: solid;
	background-color: white;
	/*margin: 4px 0 0 0;*/
	border-radius: 14px;
	cursor: default;
	/*padding: 5px 14px 3px 14px;*/
	padding: 5px 14px 5px 14px;
	white-space: nowrap;
	line-height: 15px;
	/*padding: 5px 14px 5px 14px;*/
}

.is-redesigned.is-branded-as-gtue .is-light-button,
.is-redesigned.is-branded-as-gtue .is-pad .is-on-pad .is-control button[type=reset]
{
	color: #323234;
	border-color: #323234;
	background-color: white;
}

.is-redesigned.is-branded-as-gtue .is-light-button:hover,
.is-redesigned.is-branded-as-gtue .is-light-button:focus,
.is-redesigned.is-branded-as-gtue .is-pad .is-on-pad .is-control button[type=reset]:hover,
.is-redesigned.is-branded-as-gtue .is-pad .is-on-pad .is-control button[type=reset]:focus
{
	color: #d40032;
	border-color: #d40032;
	background-color: white;
}

.is-redesigned .is-control
{
	display: none;
	padding: 10px 0 0 0;

}

.is-redesigned .is-button-left
{
	margin: 5px 9px 4px 0px;
}

.is-redesigned .is-cross:after
{
	content: '✕';
	margin: 0 -5px 0 10px;
}

.is-redesigned .is-green-button,
.is-redesigned .is-black-button
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 14px;
	color: white;
	border-width: 1px;
	border-style: solid;
	margin: 4px 0 0 0;
	border-radius: 14px;
	cursor: default;
	white-space: nowrap;
	line-height: 15px;
	padding: 5px 14px 5px 14px;
}

.is-redesigned .is-black-button
{
	border-color: black;
	background-color: black;
}

.is-redesigned .is-green-button
{
	border-color: #18a15f;
	background-color: #18a15f;
}

.is-redesigned .is-blue-button,
.is-redesigned .is-pad .is-on-pad .is-control button.is-submit-button
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 14px;
	color: white;
	border-width: 1px;
	border-style: solid;
	border-radius: 14px;
	cursor: default;
	white-space: nowrap;
	line-height: 15px;
	padding: 5px 14px 5px 14px;
}

.is-redesigned .is-blue-button:disabled,
.is-redesigned .is-pad .is-on-pad .is-control button.is-submit-button:disabled
{
	background-color: #c8c8c8;
	border-color: #c8c8c8;
	cursor: default;
}

.is-redesigned.is-branded-as-gtue .is-blue-button:disabled,
.is-redesigned.is-branded-as-gtue .is-pad .is-on-pad .is-control button.is-submit-button:disabled
{
	color: white;
	border-color: silver;
	background-color: silver;
}

.is-redesigned .is-red-button
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 14px;
	color: white;
	border-color: #e30613;
	background-color: #e30613;
	border-width: 1px;
	border-style: solid;
	margin: 4px 0 0 0;
	border-radius: 14px;
	cursor: default;
	/*padding: 5px 14px 5px 14px;*/
	white-space: nowrap;
	line-height: 15px;
	padding: 5px 14px 5px 14px;
}

.is-redesigned .is-grey-button
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 14px;
	color: white;
	border-color: gainsboro;
	border-width: 1px;
	border-style: solid;
	background-color: gainsboro;
	border-radius: 14px;
	cursor: default;
	white-space: nowrap;
	line-height: 15px;
	padding: 5px 14px 5px 14px;
}

.is-redesigned .is-light-grey-button
	/*.is-redesigned .is-submit-button.is-blue-button*/
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 14px;
	color: silver;
	border-color: silver;
	border-width: 1px;
	border-style: solid;
	background-color: white;
	margin: 4px 0 0 0;
	border-radius: 14px;
	cursor: default;
	padding: 5px 14px 5px 14px;
	white-space: nowrap;
}

.is-redesigned #login-box .is-submit-button
{
	margin: 12px 0 0 0;
}

.is-redesigned footer
{
	padding: 0 0 30px 0;
}

.is-redesigned footer.is-line
{
	border-top: solid 1px gainsboro;
}

.is-redesigned footer nav a
{
	padding: 0;
}

.is-redesigned #footer-nav
{
	z-index: 1999;
	float: left;
}

.is-redesigned #footer-nav nav a div
{
	/*1.Ebene*/
	color: black;
	padding: 7px 0 9px 0;
	/*margin: 0 0 -16px 0;*/
	margin: 0 32px 0 0;
	font-family: my-new-regular-font, sans-serif;
	font-size: 15px;
	border-top: solid 6px transparent;
}

.is-redesigned #footer-nav nav a.is-active div
{
	/*1.Ebene*/
	border-top: solid 6px gainsboro;
}

.is-redesigned #footer-nav nav ul li
{
	/*1.Ebene, Einträge stehen nebeneinander */
	display: inline-block;
}

.is-redesigned footer #app-status-box
{
	float: right;
	padding: 13px 0 0 0;
	font-family: my-new-regular-font, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: gainsboro;
	color: #c6c6c6;
	color: grey;
}

.is-redesigned #the-event-detail
{
	padding: 0 0 30px 0;
}

.is-redesigned #the-event-detail .is-editor
{
	display: none;
	font-family: my-new-regular-font, sans-serif;
	font-size: 14px;
	line-height: 15px;
}

.is-redesigned #the-event-detail .is-stream-box
{
	margin: 0 25% 0 0;
	padding: 15px 0 40px 0;
}

.is-redesigned #the-event-detail .is-stream-loop-box,
.is-stream-loop-box
{
	padding: 15px 0 0 0;
}

.is-redesigned .is-field-set-box
{
	width: 50%;
	padding: 20px 0 40px 0;
	margin: 0 25% 0 0;
}

.is-redesigned .is-editor-switch,
.is-redesigned .is-not-editable
{
	padding: 0 0 5px 0;
}

.is-redesigned #re-main-logo-on-small-screen-box
{
	display: none;
}

/* checkbox */
.is-redesigned label
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 14px;
	min-height: 27px;

	/*
	commented out because of incorrect label text flow
	US 2024-03-26

	display: inline-block;
	replaced with
	*/
	display: block;

	margin: 5px 0 0px 0;
	padding: 1px 0 0 0;
}

.is-redesigned label.is-indented
{
	margin-left: 27px;
}

.is-redesigned label p
{
	font-family: my-new-regular-italic-font, sans-serif;

	/*commented out us 2024-02-20*/
	/*float: left;*/

	line-height: 1.3em;
	margin-bottom: 9px;
}

.is-redesigned label p.is-rubric
{
	font-family: my-new-bold-italic-font, sans-serif;
}

.is-redesigned #the-newevent-console label p
{
	padding: 0 0 0 0;
}

.is-redesigned input[type=radio]
{
	width: auto;
	float: left;
	padding: 0;
	margin: 7px 9px 0 0;
	/*display: none;*/
}

.is-redesigned input[type=checkbox]
{
	display: none;
}

.is-redesigned input[type=checkbox] + label div,
.is-checked-outer
{
	width: 27px;
	height: 27px;
	float: left;
	border-radius: 8px;
	margin: -5px 6px 0 0;
	background-color: white;
	border: 0;
}

.is-redesigned input[type=checkbox]:checked + label div
{
}

.is-redesigned input[type=checkbox] + label div div,
.is-unchecked-inner,
.is-checked-inner
{
	border-radius: 6px;
	border-color: lightgrey;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 5px 0;
	padding: 6px;
	width: 27px;
	height: 27px;
	background-color: transparent;
	background-image: url(./image/redesign-grid.png);
	background-repeat: no-repeat;
	background-position: 50px 50px;
	position: relative;
	display: inline-block;
}

.is-redesigned input[type=checkbox]:checked + label div div,
.is-checked-inner
{
	background-position: -350px 0;
}

.is-redesigned input[type=checkbox].is-error + label div div
{
	border-color: #e30613;
}

.is-redesigned .ui-widget
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 14px;
}

.is-redesigned .ui-datepicker th
{
	font-family: my-new-bold-font, sans-serif;
}

.is-redesigned .ui-datepicker td span, .ui-datepicker td a
{
	padding: 8px 6px 4px 6px;
}

.is-redesigned .ui-state-default,
.is-redesigned .ui-widget-content .ui-state-default,
.is-redesigned .ui-widget-header .ui-state-default,
.is-redesigned .ui-button,
html .is-redesigned .ui-button.ui-state-disabled:hover,
html .is-redesigned .ui-button.ui-state-disabled:active
{
	border: 1px solid #c8c8c8;
	background: white;
	color: black;
}

.is-redesigned .ui-state-default.ui-state-active
{
	background-color: ivory;
	border: 1px solid #005681;
}

.is-redesigned .ui-widget-header .ui-icon
{
	width: 30px;
	height: 30px;
	background-image: url(./image/redesign-grid.png);
	background-repeat: no-repeat;
}

.is-redesigned .ui-icon-circle-triangle-w
{
	background-position: -400px 0;
}

.is-redesigned .ui-icon-circle-triangle-e
{
	background-position: -450px 0;
}

.is-redesigned .ui-datepicker .ui-datepicker-prev,
.is-redesigned .ui-datepicker .ui-datepicker-next
{
	position: absolute;
	top: 0;
	width: 30px;
	height: 30px;
}

.is-redesigned .ui-datepicker .ui-datepicker-prev-hover,
.is-redesigned .ui-datepicker .ui-datepicker-next-hover
{
	top: 0;
}

.is-redesigned .ui-datepicker .ui-datepicker-prev
{
	left: 0;
}

.is-redesigned .ui-datepicker .ui-datepicker-next
{
	right: 0;
}

.is-redesigned .ui-datepicker .ui-datepicker-prev-hover
{
	left: 0;
}

.is-redesigned .ui-datepicker .ui-datepicker-next-hover
{
	right: 0;
}

.is-redesigned .ui-state-hover,
.is-redesigned .ui-widget-content .ui-state-hover,
.is-redesigned .ui-widget-header .ui-state-hover,
.is-redesigned .ui-state-focus,
.is-redesigned .ui-widget-content .ui-state-focus,
.is-redesigned .ui-widget-header .ui-state-focus,
.is-redesigned .ui-button:hover,
.is-redesigned .ui-button:focus
{
	border: 0;
	background: transparent;
}

.is-redesigned .ui-datepicker .ui-datepicker-header
{
	position: relative;
	padding: 0;
}

.is-redesigned .ui-datepicker .ui-datepicker-prev span,
.is-redesigned .ui-datepicker .ui-datepicker-next span
{
	display: block;
	position: absolute;
	left: 0;
	margin-left: 0;
	top: 0;
	margin-top: 0;
}

.is-redesigned .ui-state-default:hover
{
	border: 1px solid #005681;
	color: black;
}

.is-redesigned .ui-state-highlight,
.is-redesigned .ui-widget-content .ui-state-highlight,
.is-redesigned .ui-widget-header .ui-state-highlight
{
	color: white;
	background: #005681;
	border: 1px solid #005681;
}

/* payout control */
.is-redesigned #the-event-detail .is-stream-box .is-payout-control,
.is-redesigned #the-event-detail .is-stream-box .is-reduction-control
{
	margin: 0 auto 0 0;
	padding: 1px 0 10px 0;
	width: 90px;
}

.is-redesigned #the-event-detail .is-stream-box .is-payout-control button.is-payout-button,
.is-redesigned #the-event-detail .is-stream-box .is-reduction-control button.is-reduction-button
{
	background-color: transparent;
	cursor: default;
	border-radius: 14px;
	padding: 0;
	margin: 0 2px 0 0;
	border: solid 1px #005681;
	width: 27px;
	height: 27px;
	float: left;
}

.is-redesigned #the-event-detail .is-stream-box .is-payout-control button.is-submit-button,
.is-redesigned #the-event-detail .is-stream-box .is-reduction-control button.is-submit-button
{
	background-color: #1a446f;
	border: solid 1px #1a446f;
}

.is-redesigned #the-event-detail .is-stream-box .is-payout-control button.is-really-delete-button,
.is-redesigned #the-event-detail .is-stream-box .is-reduction-control button.is-really-delete-button
{
	background-color: #e30613;
	border: solid 1px #e30613;
	display: none;
}

.is-redesigned #the-event-detail .is-stream-box .is-payout-control button.is-payout-button:before,
.is-redesigned #the-event-detail .is-stream-box .is-reduction-control button.is-reduction-button:before
{
	width: 25px;
	height: 25px;
	background-image: url('./image/payout-grid.png');
	background-repeat: no-repeat;
	content: ' ';
	color: white;
	position: relative;
}

.is-redesigned #the-event-detail .is-stream-box .is-payout-control button.is-submit-button:before,
.is-redesigned #the-event-detail .is-stream-box .is-reduction-control button.is-submit-button:before
{
	background-position: -50px -250px;
}

.is-redesigned #the-event-detail .is-stream-box .is-payout-control button.is-reset-button:before,
.is-redesigned #the-event-detail .is-stream-box .is-reduction-control button.is-reset-button:before
{
	background-position: 0px -250px;
}

.is-redesigned #the-event-detail .is-stream-box .is-payout-control button.is-delete-button:before,
.is-redesigned #the-event-detail .is-stream-box .is-reduction-control button.is-delete-button:before
{
	background-position: -100px -250px;
}

.is-redesigned #the-event-detail .is-stream-box .is-payout-control button.is-really-delete-button:before,
.is-redesigned #the-event-detail .is-stream-box .is-reduction-control button.is-really-delete-button:before
{
	background-position: -150px -250px;
	display: inline-block;
}

/* small screen */
@media screen and (max-width: 650px)
{
	.is-redesigned main
	{
		border: 0;
	}

	.is-redesigned #menu-bar-box
	{
		height: 90px;
		padding: 27px 0 0 0;
	}

	.is-redesigned #re-main-logo-on-big-screen-box,
	.is-redesigned #user-short-profile-nav
	{
		display: none;
	}

	.is-redesigned #re-main-logo-on-small-screen-box
	{
		display: block;
		white-space: nowrap;
		min-width: 100px;
		height: 36px;
	}

	.is-redesigned .is-field-set-box
	{
		width: 100%;
		/*padding: 20px 0 40px 0;*/
		margin: 0 0 0 0;
	}

	.is-redesigned #user-short-profile-nav-on-small-screen
	{
		/*width: 130px; !* width of sub menu *!*/
		float: right;
		height: 50px;
		background-color: white;
		font-family: my-new-regular-font, sans-serif;
		font-size: 15px;
		z-index: 1999;
	}

	.is-redesigned #user-short-profile-nav-on-small-screen:after
	{
		margin: 0 0 0 9px;
		content: '';
		width: 15px;
		height: 25px;
		background-image: url('./image/redesign-grid.png');
		background-repeat: no-repeat;
		background-position: -50px 0;
		display: inline-block;
	}

	.is-redesigned #the-event-detail .is-stream-box
	{
		margin: 0 0 0 0;
		/*padding: 15px 0 40px 0;*/
	}

	.is-redesigned footer
	{
		padding: 0 0 9px 0;
	}
}

.is-redesigned input.is-error
{
	border-color: red;
}

.is-redesigned .is-error-message
{
	border-left: solid 1px black;
	border-left: dotted 1px black;
	padding-left: 7px;
	margin-left: 6px;
	color: #e30613;
	font-weight: bold;
	font-style: italic;
}

.is-force-float-left
{
	float: left;
}

.is-full-width
{
	width: 100%;
}

.is-margin-right
{
	margin-right: 5px;
}
