/*------------------------------------------------------------------------------
 * Components
 *----------------------------------------------------------------------------*/

/*.component,
.component * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
} */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}


/*------------------------------------------------------------------------------
 * My IP Address
 *----------------------------------------------------------------------------*/

.my-ip-address .ip {
	font-weight: bold;
}


/*------------------------------------------------------------------------------
 * Click To View
 *----------------------------------------------------------------------------*/

.click-to-view .before-content {
	display: block;
}
.click-to-view.is-loaded .before-content {
	display: none;
}
.click-to-view .after-content {
	display: none;
}
.click-to-view.is-loaded .after-content {
	display: block;
}


/*------------------------------------------------------------------------------
 * Per Page
 *----------------------------------------------------------------------------*/

.perPageDiv {
	margin: 8px 0;
	padding: 0;
	float: right;
}
.perPageDiv span {
	padding: 0 3px;
}
.perPageDiv select {
	margin: 0;
}


/*------------------------------------------------------------------------------
 * Breadcrumbs
 *----------------------------------------------------------------------------*/

.breadcrumbs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.breadcrumbs li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	padding: 0;
}


/*------------------------------------------------------------------------------
 * Contact Details
 *----------------------------------------------------------------------------*/

.contact-details {
	margin: 0 0 20px 0;
}
.contact-details .title {
	margin-top: 0;
}
.contact-details .field {
	font-weight: bold;
}
.contact-details .value {
	
}


/*-----------------------------------------------------------------------------\
  404-Page Styles
\-----------------------------------------------------------------------------*/

.page-404 {
	margin: 0 0 20px 0;
	text-align: center;
}


/*-----------------------------------------------------------------------------\
  Step Ctrl
\-----------------------------------------------------------------------------*/

.step-ctrl {
	margin-bottom: 10px;
}
.step-ctrl ul,
.step-ctrl li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.step-ctrl .step-list .step-item {
	float: left;
	max-width: 33%;
	width: 140px;
}
.step-ctrl .step-list .step-item:before {
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	font-size: 0;
	overflow: hidden;
	position: relative;
	top: 11px;
	z-index: 1;
	border-top: 2px solid #444;
}
.step-ctrl .step-list .step-item .step-item-wrapper {
	display: block;
	padding: 0 10px;
	position: relative;
	text-align: center;
	text-decoration: none;
}
.step-ctrl .step-list .step-item .step-number {
	background: #FFFFFF;
	border: 3px solid #444;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	display: inline-block;
	font-size: 15px;
	height: 20px;
	line-height: 38px;
	overflow: hidden;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	text-align: center;
	-moz-transition: background .3s ease-out, color .3s ease-out;
	-webkit-transition: background .3s ease-out, color .3s ease-out;
	transition: background .3s ease-out, color .3s ease-out;
	width: 20px;
	z-index: 2;
}
.step-ctrl .step-list .step-item .step-label {
	color: #969393;
	margin: 2px 0 0;
	display: block;
	clear: both;
}
.step-ctrl .step-list .step-item.is-saved:before {
	border-color: #444;
}
.step-ctrl .step-list .step-item.is-saved .step-label {
	color: inherit;
}
.step-ctrl .step-list .step-item.is-saved .step-number {
	border-color: #444;
	/*background-color: #444444;*/
}
.step-ctrl .step-list .step-item.is-saved:hover a .step-number {
	background-color: #444;
}
.step-ctrl .step-list .step-item.is-current .step-number {
	background-color: #444;
}
.step-ctrl .step-list .step-item.is-current .step-label {
	color: #444;
}


/*------------------------------------------------------------------------------
 * Login Form
 *----------------------------------------------------------------------------*/

.login-form.form {
	max-width: 700px;
}
/*.login-form.has-reset .ctrl.password_ctrl .ctrl-clear {
	right: 76px;
}*/