/* Form elements
------------------------------------------------------------------------------*/
.pbox input[type=text],
.pbox input[type=email],
.pbox input[type=password],
.pbox button,
.pbox select,
.pbox textarea {
	max-width: 100%;
	display: inline-block;
	background: #fff;
	padding: 6px;
	border: 1px solid #a1a1a1;
	border-radius: inherit;
	height: 32px;
	font: 14px/1.4 Tahoma, Arial, sans-serif;
	/*outline: none;*/
	box-shadow: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.pbox input:focus {
	outline: none;
}

.pbox select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none; /* WHO remove it?? I restored. Andriy. */
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */
	.pbox select {
		background: white url(/images/icons/arrow-select.png) right center no-repeat;
		/*padding-right: 22px;*/
	}
}

.pbox select[multiple] {
	height: auto;
}

.pbox textarea {
	height: auto;
	overflow: auto;
}

.pbox input[type=radio] {
	margin-top: 6px;
}

.pbox label {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.pbox input[type=text]:hover,
.pbox input[type=email]:hover,
.pbox input[type=password]:hover,
.pbox button:hover,
.pbox select:hover,
.pbox textarea:hover {
	border-color: #cacaca;
}

.pbox input[type=text]:focus,
.pbox input[type=password]:focus,
.pbox input[type=email]:focus,
.pbox button:focus,
.pbox select:focus,
.pbox textarea:focus {
	border-color: #2D86BE;
}

.pbox input[type=text][disabled],
.pbox input[type=password][disabled],
.pbox input[type=email][disabled],
.pbox button[disabled],
.pbox select[disabled],
.pbox textarea[disabled] {
	background-color: #f0f0f0;
}

.pbox input[type=text][readonly],
.pbox input[type=email][readonly],
.pbox textarea[readonly] {
	background-color: #f2f2f2;
}

.pbox .placeholder,
.pbox input:-moz-placeholder, .pbox textarea:-moz-placeholder,
.pbox input::-webkit-input-placeholder, .pbox textarea::-webkit-input-placeholder {
	color: #dadada !important;
}

.pbox input[type=text][required],.pbox input[type=password][required],.pbox textarea[required],
.pbox input[type=text][title], .pbox input[type=password][title], .pbox textarea[title],
.pbox input[type=text][eva-content],.pbox input[type=password][eva-content], .pbox textarea[eva-content] {
	background-position: 99% 4px;
	background-repeat: no-repeat;
	padding-right: 10px;
}

.pbox input[type=text][required],.pbox input[type=password][required],.pbox textarea[required] {
	background-image: url(/images/icons/star.png);
}

/* Content info block - forms
------------------------------------------------------------------------------*/
.content-box .main-search {

}

.content-center {
	position: relative;
	margin-left: 220px;
	padding: 0;
	min-height: 480px;
}

.content-center.withoutLeft {
	margin-left: 0;
}

.content-center .nav-center {
	margin-top: 12px;
	height: 41px;
	padding: 14px 0;
	overflow: hidden;
	text-align: center;
	border-bottom: 1px dashed #ababab;
}

.content-center .nav-center li.active:before {
	position: absolute;
	content: '';
	width: 1px;
	background-color: #A9A9A9;
	top: 100%;
	height: 14px;
	left: 49%;
}

.content-box-outer {
	position: relative;
	margin: 12px 0 20px;
	padding: 14px 10px 0;
	z-index: 3;
}

.content-center.rightMargin .content-box-outer {
	margin-right: 33px;
}

.content-box {
	position: relative;
	border: 1px solid #505050;
	background-color: white;
	z-index: 3;
	/*	overflow: hidden;  for float label, but box shadow not work!  */
}

.content-box .content-box-title-outer,
.content-box .content-box-footer-outer {
	position: relative;
	color: #505050;
	overflow: hidden;
	z-index: 1;

}

.content-box .content-box-title-outer {
	font-family: Impact, Charcoal, Rekha, sans-serif;
	text-transform: uppercase;
	padding: 14px 20px 10px 30px;
	border-bottom: 1px solid #515151;
	font-size: 23px;
	height: 32px;
}

.portal-form .content-box-title-outer {
	background-color: #fff;
}

.portal-form .content-box .content-box-footer-outer {
	padding: 10px 0 14px 30px;
	border: 1px solid #ababab;
	margin-top: 5px;
	background-color: #fff;
}

.portal-form.dashboard .content-box-outer {
	margin: 0;
	padding: 0;
}

.portal-form.dashboard.alpha-bg {
	margin-top: 25px;
	padding: 5px;
}

.content-box .content-box-title-outer.withLeft .content-box-title {
	margin-left: 100px;
}

.content-box .content-box-title-left {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 86px;
	padding: 20px 5px 15px 18px;
	text-align: center;
	border-right: 1px solid #bbbbbb;
	font-size: 16px;
}

.content-box .content-box-title .custom-title {
	display: block;
}

.content-box .content-box-title .custom-title .sub {
	display: block;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	text-transform: none;
}

.content-box .content-box-description {
	color: #999;
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	text-transform: none;
}

.content-box .content-box-footer-outer {
	background-color: white;
	padding: 10px 0 14px 30px;
	border-top: 1px solid #515151;
}

.content-box .content-box-footer {
	font-size: 11px;
	min-height: 1.4em;
}

.content-box .content-box-title-outer:before,
.content-box .content-box-footer-outer:before {
	content: '';
	position: absolute;
	width: 13px;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #27a3d7;
}

.content-box .content-box-inner {
	position: relative;
	z-index: 1;
	min-height: 100%;

	/*	overflow: hidden;*/
	/*  box shadow not swork  */
}

.pbox-outer .content-box {
	border: none;
}

.pbox-outer .content-box-outer {
	margin: 0;
	padding: 0;
}

.content-box .content-box-inner.withLeft .content-box-form {
	margin-left: 195px;
	border-left: 1px solid #a5a5a5;
}

.content-box .content-box-form {
	position: relative;
	background-color: #ababab;
}

.content-box .content-box-avatar {
	float: left;
	width: 195px;
	border-right: 1px solid #a5a5a5;
}

.content-box .content-box-avatar .thumb {
	position: relative;
	margin-bottom: 20px;
}

.content-box .thumb-inner {
	position: relative;
	border-bottom: 1px solid #a5a5a5;
}

.content-box .thumb img {
	width: 100%;
}

.content-box .thumb .settings {
	padding: 2px 15px;
	border-bottom: 1px solid #d9d9d9;
}

.content-box .thumb .settings a {
	display: none;
}

.content-box .thumb .settings.active a {
	display: inline-block;
}

.content-box .thumb .settings .remove {
	float: right;
}

.content-box .content-box-avatar .title {
	color: #335E9A;
	font-weight: normal;
	padding: 0 4px 0 20px;
}

.content-box .content-box-avatar .title .default-title {
	color: #999999;
	text-transform: uppercase;
	font-size: 0.8em;
}

.content-box .fieldset {
	position: relative;
	background-color: white;
	padding: 3px;
	margin-bottom: 1px;
}

.content-box .fieldset-legend {
	position: relative;
	padding: 4px 15px 2px;
	font-size: 11px;
	color: #14608f;
	line-height: 1.8em;
	text-transform: uppercase;
	min-height: 1.8em;
	z-index: 5;
}

.content-box .fieldset-inner {
	display: table;
	width: 100%;
}

.content-box .fieldset:hover {
	box-shadow: 0 0 0 1px #2D86BE, inset 0 0 0 1px #2D86BE;
}

.content-box .fieldset:last-child {
	margin-bottom: 0;
}

.content-box .row {
	display: table-row;
	font-size: 13px;
	line-height: 1.4em;
}

.content-box .row > .label {
	display: table-cell;
	border-right: 3px solid white;
	color: #777;
	width: 170px;
	padding: 6px 6px 6px 4px;
	line-height: 18px;
	text-align: right;
	background-color: #f2f2f2;
}

.content-box .row .value-outer {
	display: table-cell;
	padding: 6px;
	background-color: #f2f2f2;
	/*	font-size: 14px;*/
}

.content-box .row:first-child > .label,
.content-box .row:first-child > .value-outer {
	padding-top: 10px;
}

.content-box .row:last-child > .label,
.content-box .row:last-child > .value-outer {
	padding-bottom: 10px;
}

.content-box .row > .label label {
	display: inline-block;
	opacity: 0.6;
	padding: 8px 1px 6px;
}

.content-box .row .value {
	display: inline-block;
	color: black;
	word-wrap: break-word;
	max-width: 100%;
}

.content-box .row .value-data {
	padding: 4px 24px 4px 10px;
	line-height: 22px;
	min-height: 22px;
	display: inline-block;
	border-radius: 4px;
}

.content-box .row .value-data ol li,
.content-box .row .value-data ul li {
	margin-left: 20px;
}

.content-box .row .value-html {
	padding: 6px 10px 4px;
	display: block;
	line-height: 22px;
	min-height: 22px;
}

/*Fix for Email change status issue*/
.content-box .row .inline .value-html {
	display: inline-block;
}

.content-box .row .value-editor {

}

.content-box .row .value-contentLeft,
.content-box .row .value-contentRight {
	display: inline-block;
	line-height: 22px;
	padding: 6px 0 4px;
}

.content-box.edit-mode .row .value-data {
	position: relative;
	cursor: text;
	min-height: 22px;
	min-width: 30px;
}

.content-box.edit-mode .row .value-data i.placeholder {
	color: #999 !important;
}

.content-box.edit-mode .value.changed .value-data,
.content-box.edit-mode .value.changed .value-editor {
	background-color: rgba(100, 100, 100, 0.05);
}

.content-box.edit-mode .row .value-data:hover {
	background-color: rgba(200, 200, 200, 0.3);
}

.content-box.edit-mode .row .value-data:after {
	content: '';
	position: absolute;
	top: 7px;
	right: 4px;
	width: 14px;
	height: 14px;
	opacity: 0.6;
	background: transparent url(/images/icons/edit-14.png) left top no-repeat;
}

.content-box.edit-mode .row .value-data:hover:after {
	opacity: 1;
}

.content-box.edit-mode .row .value.readonly .value-data:after, .content-box.edit-mode .row .value.readonly .value-data {
	content: inherit;
	background: transparent none;
}

.content-box.edit-mode .row:hover .label label {
	opacity: 1;
}

.content-box.edit-mode .row .label .requiredField {
	color: #957c7c;
}

.content-box.edit-mode .row .label.withLabelChooser label {
	padding-right: 12px;
	background: url(/images/icons/arrows-small.png) 100% 58% no-repeat;
}

.content-box .row .value input[type=text],
.content-box .row .value input[type=password],
.content-box .row .value select,
.content-box .row .value textarea {
	border: none;
}

.content-box .row .value textarea {
	overflow: hidden;
	resize: vertical;
}

.content-box .row .value .eva-select {
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.content-box .row .value input[type=text],
.content-box .row .value input[type=password],
.content-box .row .value select,
.content-box .row .value textarea {
	width: 100%;
}

.content-box .row .value input[type=text]:hover,
.content-box .row .value input[type=password]:hover,
.content-box .row .value select:hover,
.content-box .row .value textarea:hover {
	outline: 1px solid #d9d9d9;
}

.content-box .row .value input[type=text]:focus,
.content-box .row .value input[type=password]:focus,
.content-box .row .value select:focus,
.content-box .row .value textarea:focus {
	outline: 1px solid #2D86BE;
}

.content-box .row .value input[type=text][disabled],
.content-box .row .value input[type=password][disabled],
.content-box .row .value select[disabled],
.content-box .row .value textarea[disabled] {
	outline: none;
}

.content-box .row .value input[type=text][readonly],
.content-box .row .value textarea[readonly] {
	background-color: #f2f2f2;
	outline: inherit;
}

/*  TEMP  ------------------------------------------------------------------  */
.content-box-popup .content-box-outer {
	margin: 0;
	padding: 0;
}

.content-box-popup .content-box {
	border: none;
}

.content-box-popup .content-box-close,
.content-box-popup .content-box-edit,
.content-box-popup .content-box-remove {
	top: 30px;
	right: 10px;
}

.content-box-popup .content-box-remove {
	top: auto;
	bottom: 22px;
	left: 10px;
}

/* Custom form elements */
.content-box .row .value .form-errors label {
	line-height: inherit;
}

.content-box .row .value .skip-email {
	float: right;
	display: inline-block;
	line-height: 16px;
}

.content-box .row .value .skip-email input {
	margin: 3px;
}

.content-box .row .value.always-open .value-editor,
.content-box .row .value.editor-open .value-editor {
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	max-width: 100%;
	min-height: 26px;
}

.content-box .row .value.always-open .value-data,
.content-box .row .value.editor-open .value-data {
	display: none;
}

.content-box .form-errors {
	padding-top: 2px;
	font-size: 0.85em;
	color: red;
	overflow: hidden;
}

.content-box .form-errors a {
	color: red;
}

.content-box .form-errors li, .content-box .form-errors div {
	margin-left: 18px;
	list-style: circle;
	display: list-item;
	line-height: 1.2em;
}

.content-box .form-warnings {
	font-size: 0.85em;
	color: #462020;
}

.content-box .form-warnings a {
	color: #462020;
}

.content-box .form-warnings li, .content-box .form-warnings div {
	margin-left: 24px;
	list-style: circle;
	display: list-item;
}

.content-box .row .value {
	width: 100%;
}

.content-box .row .value .value-editor {
	width: 100%;
}

.content-box .row .value.inline .value-editor {
	width: auto;
}

.content-box .row .value.inline {
	width: auto;
}

/* Buttons
------------------------------------------------------------------------------*/
.content-box-close,
.content-box-edit,
.content-box-edit2,
.content-box-edit3,
.content-box-remove {
	position: absolute;
	z-index: 6;
	top: 0px;
	right: 0px;
}

.content-box-edit2 {
	right: 70px;
	top: 30px;
}

.content-box-edit3 {
	right: 120px;
	top: 30px;
}

.content-box-close {
	top: 16px;
}

.content-box-remove {
	top: 0;
	left: 0;
	display: none;
}

.submitInBottom {
	top: auto !important;
	bottom: 22px !important;
}

.content-box-outer:hover .content-box-remove {
	display: block;
}

.content-left .address {
	margin: 15px 0 8px 4px;
	padding: 0;
	overflow: hidden;
}

.content-left .address .btn {
	text-indent: 0;
	text-decoration: none;
	overflow: visible;
}

.content-left .address .text {
	position: relative;
	left: 55px;
	top: 2px;
	width: 118px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

.content-left .address .text span {
	margin-left: -15px;
	font-size: 14px;
	line-height: 14px;
}

.content-left .thumb .profile,
.list-items .thumb .profile,
.info-btn {
	position: relative;
	display: inline-block;
	width: 34px;
	height: 34px;
	padding: 2px;
	border-radius: 5px;
	text-indent: -1000px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	background-color: #4389c3;
	background-image: linear-gradient(top, #b9e7ff, #13a7dd 17%, #0a4b80 94%, #4389c3);
	background-image: -o-linear-gradient(top, #b9e7ff, #13a7dd 17%, #0a4b80 94%, #4389c3);
	background-image: -ms-linear-gradient(top, #b9e7ff, #13a7dd 17%, #0a4b80 94%, #4389c3);
	background-image: -moz-linear-gradient(top, #b9e7ff, #13a7dd 17%, #0a4b80 94%, #4389c3);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b9e7ff), color-stop(0.17, #13a7dd), color-stop(0.94, #0a4b80), to(#4389c3));
	background-image: -webkit-linear-gradient(top, #b9e7ff, #13a7dd 17%, #0a4b80 94%, #4389c3);
}

.content-left .thumb .profile {
	position: absolute;
	bottom: 6px;
	right: 8px;
}

.list-items .thumb .profile {
	position: absolute;
	bottom: -4px;
	right: -4px;

	width: 23px;
	height: 23px;
	padding: 1px;
	border-radius: 4px;
}

.content-left .thumb .profile span, .info-btn span {
	display: block;
	overflow: hidden;
	width: 34px;
	height: 34px;
	border-radius: 4px;
	background: transparent url(/images/icons/profile-large.jpg) top left no-repeat;
}

.list-items .thumb .profile span {
	display: block;
	width: 23px;
	height: 23px;
	border-radius: 4px;
	background: transparent url(/images/icons/profile.jpg) top left no-repeat;
}

.content-left .thumb .profile:hover,
.list-items .thumb .profile:hover,
.info-btn:hover, .info-btn.active {
	background-color: #d61d19;
	background-image: linear-gradient(top, #d61d19, #d61d19 4%, #f5534f 11%, #f5534f 29%, #800000);
	background-image: -o-linear-gradient(top, #d61d19, #d61d19 4%, #f5534f 11%, #f5534f 29%, #800000);
	background-image: -ms-linear-gradient(top, #d61d19, #d61d19 4%, #f5534f 11%, #f5534f 29%, #800000);
	background-image: -moz-linear-gradient(top, #d61d19, #d61d19 4%, #f5534f 11%, #f5534f 29%, #800000);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d61d19), color-stop(0.04, #d61d19), color-stop(0.04, #d61d19), color-stop(0.11, #f5534f), color-stop(0.29, #f5534f), to(#800000));
	background-image: -webkit-linear-gradient(top, #d61d19, #d61d19 4%, #f5534f 11%, #f5534f 29%, #800000);
}

.avaUploader,
.avaUploader .qq-uploader,
.avaUploader .qq-upload-button,
.avaUploader .qq-upload-status {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0;
}

.avaUploader .qq-upload-button {
	height: 100%;
}

.avaUploader .qq-upload-list {
	display: none !important;
}

.avaUploader .qq-upload-button {
	cursor: pointer;
	opacity: 0;
	background: rgba(255, 255, 255, 0.7) url(/images/icons/upload.png) center center no-repeat;
}

.avaUploader .qq-upload-button:hover {
	opacity: 1;
	transition: all ease 0.4s;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	-ms-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;
}

.avaUploader .qq-upload-status {
	display: none;

	z-index: 10;
	background: rgba(255, 255, 255, 0.7) url(/images/icons/loading.gif) center center no-repeat;
}

.avaUploader .qq-upload-status .loader {
	position: absolute;
	top: 50%;
	margin-top: 15px;
	height: 6px;
	left: 15%;
	right: 15%;
	border-radius: 1px;
	background-color: white;
	box-shadow: 0 0 1px black;
}

.avaUploader .qq-upload-status .loaded {
	height: 100%;
	overflow: hidden;
	background-color: #bcbcbc;
	transition: width ease 0.2s;
	-webkit-transition: width ease 0.2s;
	-moz-transition: width ease 0.2s;
	-ms-transition: width ease 0.2s;
	-o-transition: width ease 0.4s;
}

/* File uploader
------------------------------------------------------------------------------*/
#file-uploader {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 3px;
}

#file-uploader .qq-upload-button-outer {
	float: left;
}

#file-uploader .qq-uploader {
	padding: 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*#file-uploader .qq-upload-list {*/
/*margin: 0 0 0 60px;*/
/*}*/

/*.qq-upload-list {*/
/*overflow: hidden;*/
/*}*/

/*.qq-upload-list .qq-upload-file {*/
/*width: 260px;*/
/*}*/

/* Content box
==============================================================================*/


.checkStyled {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 64px;
	height: 26px;
	user-select: none; -moz-user-select: none; -webkit-user-select: none;
}
.checkStyled .ec-inner {
	position: relative;
	display: block;
	border: 1px solid #C7C7C7;
	border-radius: 6px;
	overflow: hidden;
	background-color: white;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.checkStyled:hover .ec-inner {
	border-color: #a7a7a7;
}
.checkStyled .ec-inner-content {
	position: relative;
	left: -38px;
	display: block;
	overflow: hidden;
	width: 100px;
	text-align: center;
	line-height: 24px;
	font-size: 12px;
	color: #555;
	transition: left ease 0.3s; -webkit-transition: left ease 0.3s; -moz-transition: left ease 0.3s; -ms-transition: left ease 0.3s; -o-transition: left ease 0.3s;
}
.checkStyled .ec-inner-content span {
	display: block;
	width: 31px;
	padding: 3px;
	line-height: 18px;
	text-align: center;
	color: #555;
	text-transform: uppercase;
}
.checkStyled .ec-inner span.yes {
	float: left;
}
.checkStyled .ec-inner span.no {
	float: right;
}
.checkStyled label {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	overflow: hidden;
	text-indent: -1000px;
	cursor: pointer;
	border: 1px solid #5f686e;
	background: #e7e7e7 url(/images/icons/arrows-24.png) top right no-repeat;
	z-index: 1;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	border-radius: 6px;

	transition: left ease 0.3s; -webkit-transition: left ease 0.3s; -moz-transition: left ease 0.3s; -ms-transition: left ease 0.3s; -o-transition: left ease 0.3s;
}
input[type=checkbox]:focus + .checkStyled label,
.checkStyled label:hover {
	border-color: #4481c0;
}
[checkbox]:checked + .checkStyled label {
	left: 38px;
	background-position: left top;
}
[checkbox]:checked + .checkStyled .ec-inner-content {
	left: 0;
}

.checkStyled.disabled .drag,
input[type=checkbox][disabled] + .checkStyled .drag {
	opacity: 0.5;
}
.checkStyled.disabled:hover .ec-inner ,
input[type=checkbox][disabled] + .checkStyled:hover .ec-inner {
	border-color: #C7C7C7;
}

input[type=checkbox][disabled] + .checkStyled .ec-inner-content span {
	color: #b7b7b7;
}
input[type=checkbox][disabled] + .checkStyled label {
	border-color: #b7b7b7;
}

.hideElement {
	border: none;
	box-shadow: none;
	opacity: 0;
	z-index: -1;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	position: absolute;
}
/*--------------------------------------------------------------------------------------------------------------------*/