/* legend */
legend
{
	color: black;
	font-family: my-new-regular-font, sans-serif;
	font-size: 15px;
	padding: 7px 0 0 0;
}

/* button */
/*button*/
button.is-submit-button,
button.is-delete-button
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 15px;
	/*text-transform: uppercase;*/
	color: grey;
	background-color: white;
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	border-color: grey;
	padding: 6px 12px 4px 12px;
	margin: 7px 0 5px 0;
}

/*button:before,*/
button.is-submit-button:before,
button.is-delete-button:before
{
	width: 16px;
	height: 16px;
	background-image: url('./image/form-grid.png');
	background-repeat: no-repeat;
	content: '';
	margin: 0 5px 0 0;
	position: relative;
	display: inline-block;

	background-position: 50px 50px; /* empty */
}

button:hover
{
	background-color: ghostwhite;
	color: #1a446f;
	border-color: #1a446f;
}

button.is-reset-button,
button.is-reset-new-button
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 15px;
	background-color: white;
	border-style: solid;
	border-width: 1px;
	cursor: default;
	border-radius: 17px;
	padding: 3px 16px 7px 16px;
	border-color: grey;
	color: grey;
}

button.is-reset-button:hover
{
	background-color: white;
}

button.is-reset-button:before
{
	width: 16px;
	height: 16px;
	background-image: url('./image/form-grid.png');
	background-repeat: no-repeat;
	content: '';
	margin: 0 5px 0 0;
	position: relative;
	display: inline-block;

	/*background-position: 50px 50px; !* empty *!*/
	background-position: 0 0;
	top: 4px;
}

/*button[type=submit]*/
button.is-submit-button,
button.is-delete-button
{
	color: white;
	background-color: #1a446f;
	cursor: default;
	border-radius: 17px;
	/*padding: 4px 16px 6px 16px;*/
	padding: 3px 16px 7px 16px;
	margin: 7px 5px 5px 0;
	/*margin: 6px 5px 5px 0;*/
	border-color: #1a446f;
}

/*button[type=submit]:hover*/
button.is-submit-button:hover,
button.is-delete-button:hover
{
	color: white;
}

/*button[type=submit]:disabled*/
button.is-submit-button:disabled,
button.is-delete-button:disabled
{
	background-color: #c8c8c8;
	border-color: #c8c8c8;
	cursor: default;
}

/*button[type=submit]:before*/
button.is-submit-button:before,
button.is-delete-button:before
{
	background-position: -50px 0;
	top: 4px;
	left: -1px;
}

#login-0-form button[type=submit]:before
{
	background-position: -250px 0;
	top: 2px;
	left: 0;
}

/* input */
input
{
	color: black;
	background-color: white;
	font-family: my-new-regular-font, sans-serif;
	font-size: 15px;
	padding: 8px 10px 9px 10px;
	margin: 6px 0 3px 0;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: lightgrey;
	width: 100%;
}

input[type=date]
{
	padding: 6px 10px 6px 10px;
}

input[type=time]
{
	padding: 6px 10px 6px 10px;
}

/* firefox */
@-moz-document url-prefix()
{
	input[type=date]
	{
		padding: 8px 10px 9px 10px;
	}
	input[type=time]
	{
		padding: 8px 10px 9px 10px;
	}
}

/* microsoft internet excplorer ie edge */
@supports (-ms-ime-align:auto)
{
	input[type=date]
	{
		padding: 5px 10px 7px 10px;
	}

	input[type=time]
	{
		padding: 5px 10px 7px 10px;
	}
}

input:focus
{
	border-color: lightgrey;
	background-color: ivory;
	transition: background-color 1000ms linear;
}

input[type=file]:focus
{
	background-color: transparent;
}

input.is-zip,
.is-redesigned input.is-zip
{
	width: 19%;
	min-width: 80px;
	margin-right: 1%;
}

input.is-location,
.is-redesigned input.is-location
{
	width: 80%;
}

input.is-firstname,
.is-redesigned input.is-firstname
{
	width: 24%;
	margin-right: 1%;
}

input.is-lastname,
.is-redesigned input.is-lastname
{
	width: 40%;
}

input.is-phone,
.is-redesigned input.is-phone,
input.is-fax,
.is-redesigned input.is-fax
{
	width: 49%;
	margin-right: 1%;
}

input.is-mobile,
.is-redesigned input.is-mobile,
input.is-email,
.is-redesigned input.is-email
{
	width: 50%;
}

input.is-price,
.is-redesigned input.is-price
{
	text-align: right;
}

textarea
{
	color: black;
	background-color: white;
	font-family: my-new-regular-font, sans-serif;
	font-size: 15px;
	padding: 8px 10px 9px 10px;
	margin: 7px 0 19px 0;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: lightgrey;
	width: 100%;
	height: 200px;
}

textarea:focus
{
	/*border-color: indigo;*/
	background-color: ivory;
	transition: background-color 1000ms linear;
}

.is-redesigned textarea:focus
{
	/*border-color: indigo;*/
	background-color: ivory;
	transition: background-color 1000ms linear;
}

select
{
	color: black;
	background-color: white;
	font-family: my-new-regular-font, sans-serif;
	font-size: 15px;
	padding: 7px 6px 8px 6px;
	margin: 6px 0 3px 0;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: lightgrey;
	width: 100%;
	/*height: 42px;*/
	line-height: 32px;
}

select:focus,
.is-redesigned select:focus
{
	/*border-color: indigo;*/
	background-color: ivory;
	transition: background-color 1000ms linear;
}

select.is-title,
.is-redesigned select.is-title
{
	width: 14%;
	min-width: 70px;
	margin-right: 1%;
}

select.is-academic,
.is-redesigned select.is-academic
{
	width: 19%;
	min-width: 80px;
	margin-right: 1%;
}

small
{
	font-family: my-new-regular-italic-font, sans-serif;
}

small:before
{
	width: 16px;
	height: 16px;
	background-image: url('./image/form-grid.png');
	background-repeat: no-repeat;
	content: '';
	margin: 0 5px 0 0;
	position: relative;
	display: inline-block;
	background-position: -200px 0;
}

#report-box
{
	margin: 30px 6px 30px 6px;
}

#report-box:before
{
	margin: 5px 15px 15px 0;
	content: '';
	width: 50px;
	height: 50px;
	background-image: url('./image/form-grid.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

#report-box p
{
	font-family: my-new-regular-font, sans-serif;
	font-size: 15px;
}

#toggle-button
{
	background-position: 0 -100px;
	border-color: #1a446f;
	background-color: #1a446f;
	color: white;
	margin: 7px 6px 5px 6px;
}

#toggle-button:hover
{
	border-color: #1a446f;
	background-color: #1a446f;
}

#details-box
{
	display: none;
	color: black;
	padding: 9px 6px 9px 6px;
}

/* new button section */
#new-button-section
{
	position: fixed;
	right: 10px;
	bottom: 10px;
	margin: 0 10px 10px 0;
	padding: 0 0 10px 0;
}

#new-button-section button
{
	font-size: 24px;
	line-height: 1.3em;
	color: white;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 0;
	border-radius: 25px;
	cursor: default;
}

#new-button-section button:before
{
	width: 1px;
	height: 1px;
}

#new-button-section .new-button-label
{
	white-space: nowrap;
	/*float: left;*/
	position: relative;
	width: 320px;
	height: 40px;
	left: -325px;
	top: 4px;
	background-color: rgba(255, 255, 255, 0.8);
	margin: 0 0px -40px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 10px 10px 0 10px;
	border-radius: 6px;
	border: solid 1px gainsboro;
	font-family: my-new-regular-font, sans-serif;
}

#new-button-section #new-button-switch
{
	background-color: #1a446f;
	border-color: #1a446f;
	background-image: url('./image/form-grid.png');
	background-position: 0px -151px;
}

#new-button-section #new-button-switch:disabled
{
	background-color: #c8c8c8;
	border-color: #c8c8c8;
	cursor: default;
}

#new-button-section #flyout-new-button-box
{
	display: none;
	width: 50px;
	position: relative;
}

#new-button-section .is-1-button-high
{
	height: 60px;
}

#new-button-section .is-2-button-high
{
	height: 120px;
}

#new-button-section .is-3-button-high
{
	height: 180px;
}

#new-button-section .is-4-button-high
{
	height: 240px;
}

#new-button-section .is-new-button
{
	background-color: #1a446f;
	border-color: #1a446f;
	margin: 0 0 10px 0;
}

#new-button-section .is-new-button:disabled
{
	background-color: #c8c8c8;
	border-color: #c8c8c8;
	cursor: default;
}

/* admin box */
.is-admin-box
{
	padding: 0 0 25px 0;
}

.is-redesigned .is-admin-box
{
	padding: 20px 0 25px 0;
}

.is-admin-box .is-delete-form
{
	display: none;
	padding: 0 0 20px 0;
}

.is-admin-box .is-new-box
{
	display: none;
}

.is-admin-box h4
{
	font-size: 23px;
	font-size: 20px;
	line-height: 1.3em;
	white-space: nowrap;
	padding: 4px 12px 8px 30px;
	padding: 4px 2% 8px 2%;
	padding: 0 2% 8px 2%;
	/*border-radius: 15px;*/
	transition: border-radius 200ms linear;
	margin: 0 0 0 0;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	overflow: hidden;
	border-bottom-width: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.is-admin-box h4:hover
{
	/*background-color: #f8f8f8;*/
	background-color: white;
	border-color: lightgrey;
}

.is-admin-box h4:before
{
	top: 5px;
	margin: 0 5px 0 0;
	content: '';
	width: 30px;
	width: 25px;
	height: 30px;
	height: 25px;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
}

.is-admin-box h4:after
{
	top: 7px;
	margin: 0 0 0 2px;
	content: '';
	width: 30px;
	height: 30px;
	background-image: url('./image/form-grid.png');
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	background-position: -50px -50px;
}

.is-admin-box h4.is-switchable:hover:after
{
	background-position: -100px -50px;
}

.is-admin-box h4.is-opened
{
	/*background-color: #f8f8f8;*/
	background-color: white;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-width: 1px;
	border-style: solid;
	border-color: lightgrey;
	border-bottom-width: 0;
}

.is-admin-box h4.is-opened:after
{
	background-position: -100px -50px;
}

.is-admin-box h4 + div.is-display
{
	border-style: solid;
	border-color: transparent;
	border-width: 1px;
	border-top-width: 0;
	padding: 0 35px 35px 35px;
	padding: 0 2% 35px 2%;
	/*border-radius: 15px;*/
	/*border-top-left-radius: 0;*/
	/*border-top-right-radius: 0;*/
	margin-bottom: 10px;

}

.is-admin-box h4:hover + div.is-display
{
	/*background-color: #f8f8f8;*/
	background-color: white;
	border-color: lightgrey;
}

.is-admin-box h4.is-opened + div.is-display
{
	/*background-color: #f8f8f8;*/
	background-color: white;
	border-color: lightgrey;
	border-bottom-width: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: 0px;
}

.is-admin-box h4 + div.is-display + div.is-tree
{
	padding: 0 35px 35px 35px;
	padding: 0 2% 35px 2%;
	/*background-color: #f8f8f8;*/
	background-color: white;
	/*border-radius: 15px;*/
	border-width: 1px;
	border-style: solid;
	border-color: lightgrey;
	border-top-width: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.is-admin-box h5
{
	font-size: 18px;
	white-space: nowrap;
	padding: 0 10px 15px 26px;
	padding: 0 2% 15px 2%;
	/*border-radius: 15px;*/
	transition: border-radius 200ms linear;
	margin: 0 0 0 0;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	border-bottom-width: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.is-admin-box h5:hover
{
	background-color: white;
	border-color: lightgrey;
}

.is-admin-box h5:before
{
	top: 5px;
	margin: 0 5px 0 0;
	content: '';
	width: 20px;
	height: 30px;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
}

.is-admin-box h5:after
{
	top: 7px;
	margin: 0 0 0 2px;
	content: '';
	width: 30px;
	height: 30px;
	background-image: url('./image/form-grid.png');
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;

	background-position: -50px -49px;
}

.is-admin-box h5.is-switchable:hover:after
{
	background-position: -100px -49px;
}

.is-admin-box h5.is-opened
{
	background-color: white;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-width: 1px;
	border-style: solid;
	border-color: lightgrey;
	border-bottom-width: 0;
}

.is-admin-box h5.is-opened:after
{
	background-position: -100px -49px;
}

.is-admin-box h5 + div.is-display
{
	border-style: solid;
	border-color: transparent;
	border-width: 1px;
	border-top-width: 0;
	padding: 0 25px 25px 25px;
	padding: 0 2% 25px 2%;
	/*border-radius: 15px;*/
	/*border-top-left-radius: 0;*/
	/*border-top-right-radius: 0;*/
	margin-bottom: 10px;
}

.is-admin-box h5:hover + div.is-display
{
	background-color: white;
	border-color: lightgrey;
}

.is-admin-box h5.is-opened + div.is-display
{
	background-color: white;
	border-color: lightgrey;
	border-bottom-width: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: 0px;
}

.is-admin-box h5 + div.is-display + div.is-tree
{
	padding: 0 25px 25px 25px;
	padding: 0 2% 25px 2%;
	background-color: white;
	/*border-radius: 15px;*/
	border-width: 1px;
	border-style: solid;
	border-color: lightgrey;
	border-top-width: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.is-admin-box h6
{
	font-size: 18px;
	white-space: nowrap;
	padding: 0 10px 15px 26px;
	padding: 0 2% 15px 2%;
	/*transition: border-radius 200ms linear;*/
	margin: 0;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	border-bottom-width: 0;
	/*border-radius: 15px;*/
	/*border-bottom-left-radius: 0;*/
	/*border-bottom-right-radius: 0;*/
	overflow: hidden;
	text-overflow: ellipsis;
}

.is-redesigned .is-admin-box h6
{
	/*border-radius: 2px;*/
}

.is-admin-box h6:hover
{
	/*background-color: #f8f8f8;*/
	background-color: white;
	border-color: lightgrey;
}

.is-admin-box h6:before
{
	top: 5px;
	margin: 0 5px 0 0;
	margin: 0 2px 0 0;
	content: '';
	width: 20px;
	height: 30px;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
}

.is-admin-box h6:after
{
	top: 7px;
	margin: 0 0 0 2px;
	content: '';
	width: 30px;
	height: 30px;
	background-image: url('./image/form-grid.png');
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;

	background-position: -50px -48px;
}

.is-admin-box h6.is-switchable:hover:after
{
	background-position: -100px -49px;
}

.is-admin-box h6.is-opened
{
	/*background-color: #f8f8f8;*/
	background-color: white;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-width: 1px;
	border-style: solid;
	border-color: lightgrey;
	border-bottom-width: 0;
}

.is-admin-box h6.is-opened:after
{
	background-position: -100px -49px;
}

.is-admin-box h6 + div.is-display
{
	border-style: solid;
	border-color: transparent;
	border-width: 1px;
	border-top-width: 0;
	padding: 0 25px 25px 25px;
	padding: 0 2% 25px 2%;
	/*border-radius: 15px;*/
	/*border-top-left-radius: 0;*/
	/*border-top-right-radius: 0;*/
	overflow: hidden;
	margin-bottom: 10px;
}

.is-admin-box h6 + div.is-display.is-short
{
	padding-bottom: 0;
}

.is-admin-box h6:hover + div.is-display
{
	/*background-color: #f8f8f8;*/
	background-color: white;
	border-color: lightgrey;
}

.is-admin-box h6.is-opened + div.is-display
{
	/*background-color: #f8f8f8;*/
	background-color: white;
	border-color: lightgrey;
	border-bottom-width: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	margin-bottom: 0px;
}

.is-admin-box h6 + div.is-display + div.is-tree
{
	padding: 0 25px 25px 25px;
	padding: 0 2% 25px 2%;
	/*background-color: #f8f8f8;*/
	background-color: white;
	/*border-radius: 15px;*/
	border-width: 1px;
	border-style: solid;
	border-color: lightgrey;
	border-top-width: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	overflow: hidden;
}

.is-redesigned .is-admin-box h6 + div.is-display + div.is-tree
{
	/*border-radius: 2px;*/
}

.is-admin-box h6.is-archived,
.is-admin-box h6.is-archived:hover,
.is-admin-box h6.is-opened.is-archived,
.is-admin-box h6.is-archived + div.is-display,
.is-admin-box h6.is-archived:hover + div.is-display,
.is-admin-box h6.is-archived.is-opened + div.is-display,
.is-admin-box h6.is-archived + div.is-display + div.is-tree
{
	background-color: #f8f8f8;
}

.is-admin-box h6.is-cancelled,
.is-admin-box h6.is-cancelled:hover,
.is-admin-box h6.is-opened.is-cancelled,
.is-admin-box h6.is-cancelled + div.is-display,
.is-admin-box h6.is-cancelled:hover + div.is-display,
.is-admin-box h6.is-cancelled.is-opened + div.is-display,
.is-admin-box h6.is-cancelled + div.is-display + div.is-tree
{
	background-color: LightGrey;
}

/* legend */
.is-admin-box legend
{
	font-family: my-new-bold-font, sans-serif;
}

.is-admin-box legend:after
{
	top: 7px;
	margin: 0 0 0 2px;
	content: '';
	width: 30px;
	height: 30px;
	background-image: url('./image/form-grid.png');
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;

	background-position: 50px 50px; /* blank */
}

.is-redesigned .is-admin-box legend:after
{
	/*top: 7px;*/
	/*margin: 0 0 0 2px;*/
	/*content: '';*/
	/*width: 30px;*/
	height: auto;
	/*background-image: url('./image/form-grid.png');*/
	/*background-repeat: no-repeat;*/
	/*position: relative;*/
	/*display: inline-block;*/
	/**/
	/*background-position: 50px 50px; !* blank *!*/
}

.is-admin-box .is-editor-switch:hover legend:after,
.is-admin-box .is-now-editing legend:after
{
	background-position: -100px 0; /* pen */
}

.is-admin-box .is-not-editable:hover legend:after
{
	background-position: 50px 50px; /* blank */
}

/* tree boxes */
.is-admin-box .is-tree
{
	display: none;
}

/* editor boxes */
.is-admin-box .is-editor
{
	display: none;
}

/* control boxes */
.is-admin-box .is-control
{
	display: none;
	padding: 15px 0 0 0;
}

/* form switch */
.is-admin-box button.is-form-switch
{
	color: black;
	background-color: transparent;
	border-radius: 0;
	border-style: none;
	border-width: 0;
	border-color: transparent;
	padding: 0 0 6px 0;
	margin: 0 15px 5px 0;
	cursor: default;
}

.is-admin-box button.is-form-switch:disabled
{
	color: #c8c8c8;
}

.is-admin-box button.is-form-switch:before
{
	position: relative;
	top: 0px;
	left: 0px;
	margin: -10px -20px 0 0;
	content: '';
	background-repeat: no-repeat;
	display: inline-block;

	/* editor pen */
	width: 20px;
	height: 30px;
	background-image: url('./image/form-grid.png');
	background-position: -102px 3px;
}

.is-admin-box button.is-form-switch:disabled:before
{
	/* editor pen */
	background-position: -125px 3px;
}

/* delete switch */
.is-admin-box button.is-delete-switch
{
	color: black;
	background-color: transparent;
	border-radius: 0;
	border-style: none;
	border-width: 0;
	border-color: transparent;
	padding: 0 0 6px 0;
	margin: 25px 15px 5px 0;
	cursor: default;
	width: 25px;
}

.is-admin-box button.is-delete-switch:before
{
	position: relative;
	top: 0px;
	left: -4px;
	left: 0px;
	margin: -10px -20px 0 0;
	margin: 0;
	content: '';
	background-repeat: no-repeat;
	display: inline-block;

	/* trash bin */
	width: 15px;
	height: 30px;
	background-image: url('./image/form-grid.png');
	background-position: -150px 3px;
}

.is-admin-box button.is-delete-switch:disabled
{
	color: #c8c8c8;
}

.is-admin-box button.is-delete-switch:disabled:before
{
	/* trash bin */
	background-position: -175px 3px;
}

/* two field group */
.is-admin-box .is-one-half,
.is-redesigned .is-one-half
{
	width: 49%;
	min-width: 70px;
	margin-right: 1%;
}

.is-admin-box .is-last-half,
.is-redesigned .is-last-half
{
	width: 50%;
	min-width: 70px;
}

/* three field group */
.is-admin-box .is-one-third,
.is-redesigned .is-one-third
{
	width: 32%;
	min-width: 70px;
	margin-right: 1%;
}

.is-admin-box .is-two-third,
.is-redesigned .is-two-third
{
	width: 65%;
	min-width: 70px;
	margin-right: 1%;
}

.is-admin-box .is-last-third,
.is-redesigned .is-last-third
{
	width: 34%;
	min-width: 70px;
}

.is-redesigned .is-last-third.is-followed-by-button
{
	width: calc(34% - 25px);
	min-width: 70px;
}

.is-admin-box .is-last-two-third,
.is-redesigned .is-last-two-third
{
	width: 67%;
	min-width: 70px;
}

.is-admin-box .is-first-two-third,
.is-redesigned .is-first-two-third
{
	width: 65%;
	min-width: 70px;
	margin-right: 1%;
}

@media screen and (max-width: 900px)
{
	.is-redesigned .is-one-third
	{
		width: 49%;
		margin-right: 0;
	}

	.is-redesigned .is-last-half
	{
		width: 50%;
	}
}

@media screen and (max-width: 500px)
{
	.is-redesigned .is-one-third,
	.is-redesigned .is-last-third
	{
		width: 100%;
		margin-right: 0;
	}
}

/* four field group */
.is-redesigned .is-one-quarter
{
	width: 24%;
	min-width: 70px;
	margin-right: 1%;
}

.is-redesigned .is-last-quarter
{
	width: 25%;
	min-width: 70px;
}

.is-redesigned .is-third-title
{
	width: 14%;
	min-width: 70px;
	margin-right: 1%;
}

.is-redesigned .is-third-first
{
	width: 41%;
	min-width: 70px;
	margin-right: 1%;
}

.is-redesigned .is-third-last
{
	width: 43%;
	min-width: 70px;
}

.is-pdf-existing
{
	width: 50px;
	height: 50px;
	background-image: url('./image/form-grid.png');
	background-position: 0 -100px;
	background-repeat: no-repeat;
}

.is-pdf-missing
{
	width: 50px;
	height: 50px;
	background-image: url('./image/form-grid.png');
	background-position: -50px -100px;
	background-repeat: no-repeat;
}

/*.is-side-box*/
/*{*/
/*float: right;*/
/*padding: 0 0 25px 0;*/
/*}*/
/*aside*/
/*{*/
/*max-width: 250px;*/
/*float: right;*/
/*margin: 0;*/
/*!*padding: 0 0 25px 0;*!*/
/*}*/
.is-redesigned #the-event-detail aside
{
	width: 20%;
	max-width: 100%;
	float: right;
	margin: 0;
	padding: 27px 0 0 0;
}

/* is green */
select.is-green,
.is-redesigned select.is-green,
textarea.is-green,
.is-redesigned textarea.is-green,
input.is-green,
.is-redesigned input.is-green,
input.is-green:focus,
.is-redesigned input.is-green:focus
{
	border-color: mediumseagreen;
	background-color: honeydew;
	/*transition: background-color 1000ms linear;*/
}

.is-redesigned select.is-green,
.is-branded-as-gtue textarea.is-green,
.is-branded-as-gtue input.is-green,
.is-branded-as-gtue input.is-green:focus
{
	border-color: lightgrey;
	background-color: white;
}

/* is red */
select.is-red,
.is-redesigned select.is-red,
textarea.is-red,
.is-redesigned textarea.is-red,
input.is-red,
.is-redesigned input.is-red,
input.is-red:focus,
.is-redesigned input.is-red:focus
{
	border-color: red;
	background-color: seashell;
	transition: border-color 5000ms linear, background-color 5000ms linear;
}

select option.is-switch
{
	font-family: my-new-regular-italic-font, sans-serif;
}

select option:disabled
{
	color: #c8c8c8;
}

/* special mark up for fields needed for documents */
legend.is-blue
{
	color: CornflowerBlue;
}

fieldset.is-blue,
.is-display.is-blue
{
	padding-left: 11px;
	border-left: 4px solid CornflowerBlue;
	margin-left: 1px;
}

/*.is-tab-switch.is-blue b*/
.is-tab-switch.is-blue
{
	color: CornflowerBlue;
	border: 1px solid transparent;
	border-bottom: 1px solid CornflowerBlue;
}

.is-tab-switch.is-blue:hover,
.is-tab-switch.is-active.is-blue
{
	border: 1px solid CornflowerBlue;
	border-bottom: 1px solid transparent;
}

.is-multi-column-box
{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;

	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
	-moz-column-gap: 40px; /* Firefox */
	column-gap: 40px;

	/*line between columns*/
	/*-webkit-column-rule-style: dotted; !* Chrome, Safari, Opera *!*/
	/*-moz-column-rule-style: dotted; !* Firefox *!*/
	/*column-rule-style: dotted;*/
	/*-webkit-column-rule-width: 1px; !* Chrome, Safari, Opera *!*/
	/*-moz-column-rule-width: 1px; !* Firefox *!*/
	/*column-rule-width: 1px;*/
	/*-webkit-column-rule-color: #ff0000; !* Chrome, Safari, Opera *!*/
	/*-moz-column-rule-color: #ff0000; !* Firefox *!*/
	/*column-rule-color: #ff0000;*/
}

.is-multi-column-box .is-keep-together
{
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

/* medium screen */
@media screen and (max-width: 900px)
{
	.is-multi-column-box
	{
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
}

/* small screen */
@media screen and (max-width: 600px)
{
	/*aside*/
	/*{*/
	/*max-width: 100%;*/
	/*float: none;*/
	/*margin: 0;*/
	/*}*/
	.is-redesigned #the-event-detail aside
	{
		width: 100%;
		/*max-width: 100%;*/
		/*float: right;*/
		float: none;
		/*margin: 0;*/
		/*padding: 27px 0 0 0;*/
	}

	.is-multi-column-box
	{
		-webkit-column-count: auto; /* Chrome, Safari, Opera */
		-moz-column-count: auto; /* Firefox */
		column-count: auto;
	}
}