/*
	GENERAL WORKFOLIO FORMS
*/
form *, input[type="text"], input[type="password"], input[type="email"], textarea, select {
	font-family: 'Montserrat', sans-serif;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select  {
	color: #383838;
	font-size: .9285em;
	margin-bottom: 0;
	padding: 16px;
}
input[type="text"], input[type="password"], input[type="email"] {
	height: 40px;
	line-height: 40px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

textarea {
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	resize: none;
}
textarea.error {
	background-color: #fff;
}
select {
	max-width: 49%;
	display: inline;
}
.full-size {
	width: 100%;
	height: 100%;
	margin-bottom: 0;
}
.full-size textarea {
	height: 335px;
	width: 100%;
	margin-bottom: 0;
}
form .section {
	margin-bottom: 0;
	width: 560px;
}
input[type="text"][disabled="disabled"], input[type="password"][disabled="disabled"],
input[type="email"][disabled="disabled"], textarea[disabled="disabled"] {
	background-color: #f8f9f9;
	color: #8a8a8a;
	border-color: #b6b6b5;
}


/* form buttons */
.form-btn {
	height: 25px;
	line-height: 25px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 0;
	padding-bottom: 0;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: none;
	display: block;
}
.form-btn:hover {
	border: none;
}
.form-btn.gold {
	background: #A08963;
	color: #fff;
}
.form-btn.gold:hover {
	background: #b09e7f;
}

.form-btn.purple {
	background: #a5676e;
	color: #fff;
}
.form-btn.purple:hover {
	background: #b5888a;
}
.form-btn.remove {
	float: left;
}
.form-btn.add-item {
	position: absolute;
	right: 3px;
	bottom: 3px;
	background-color: #a8a87e;
	width: 34px;
	height: 34px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.form-btn.add-item:hover {
	background-color: #c3c397;
}
.form-btn.add-item:before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background-image: url(/workfolio_common/img/common_sprite.svg);
	background-size: 250px 212px;
	background-position: -10px -10px;	/* white plus */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
input[type="submit"], form .cancel, .form-btn {
	margin-bottom: 0;
	font-weight: normal;
	text-shadow: none;
	font-size: .92em;
	line-height: 27px;
	height: 27px;
	padding: 0 8px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	width: 100px;
	font-family: 'Montserrat', sans-serif;
	cursor: pointer;
}
.cancel {
	border: none;
	color: #828282;
	background: transparent;
}
.cancel:hover {
	color: #a6a6a6;
	background: none;
	cursor: pointer;
	text-decoration: underline;
}
.cancel, form .submit {
	float: left;
}
.form-btn[disabled] {
	opacity: .5;
}
.form-btn.gold[disabled]:hover {
	background-color: #a08963;
}
/* end form buttons */


form label {
	/*font-weight: bold;*/
	font-family: 'Montserrat', sans-serif;
	font-size: .93em;
	color: #828282;
	font-weight: normal;
}

.form-body p {
	font-family: 'Montserrat', sans-serif;
	color: #383838;
	font-size: .9285em;
	line-height: 1.538;
}


.input.file.photo {
	margin-bottom: 20px;
}
.input.file.photo input {
	width: 100%;
	overflow: hidden;
}
.item-list {
	clear: left;
	width: 100%;
	float: left;
}
.input-container {
	position: relative;
}
.item-list li {
	cursor: move;
	position: relative;
	border: 1px solid #b6b6b5;
	float: left;
	padding: 7px 35px 7px 18px;
	box-sizing: border-box;
	min-height: 28px;
	margin-right: 7px;
	background-color: #fcfcfc;
	font-size: .9285em;
	color: #828282;
	margin-bottom: 7px;
	line-height: 1em;

	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

	/*-moz-box-sizing: border-box;*/
	/*box-sizing: border-box;*/
	overflow: hidden;
}
.item-list li:before {
	display: block;
	float: left;
	content: "";
	width: 2px;
	height: 12px;
	background-image: url(../img/admin.png);
	background-position: -71px -82px;	/* reorder handle */
	top: 0;
	bottom: 0;
	left: 8px;
	margin: auto 0;
	position: absolute;
}
.item-list li a.remove {
	cursor: pointer;
	display: block;
	float: right;
	position: absolute;
	text-decoration: none;
	height: 100%;
	border-left: 1px solid #b6b6b5;
	width: 21px;
	right: 0;
	top: 0;
}
.item-list li a.remove:before {
	content: '';
	display: block;
	background-image: url(../img/admin.png);
	background-position: -158px -81px;	/* small X */
	right: 4px;
	height: 11px;
	width: 12px;
	float: right;
	top: 0;
	bottom: 0;
	margin: auto 0;
	position: absolute;
}

.tag-error {
	color: #ee0000;
	margin-top: -21px;
}
.input.text, .input.email, .input.select, .input.checkbox, .input.textarea, .input.password {
	float: left;
	position: relative;
	margin-bottom: 28px;
}
.input.text, .input.email, .input.select, .input.checkbox, .input.password {
	width: 265px;
}
.input.full-width, .input.textarea {
	width: 100%;
}
.input.full-size {
	margin-bottom: 0;
}
.input.tags {
	margin-bottom: 18px;
	margin-right: 0;
	width: 100%;
}


/* dates */

.dates .input.checkbox {
	width: auto;
	margin-bottom: 0;
}
.dates .input.checkbox label {
	line-height: 40px;
	margin-left: 10px;
	margin-bottom: 0px;
}
.dates .input.checkbox label:before {
	position: relative;
	top: 12px;
}
.dates .end-date {
	line-height: 40px;
}
.date-container, .date-divider, .dates .input.checkbox {
	float: left;
	margin-bottom: 28px;
}
.date-divider {
	margin-left: 5px;
	margin-right: 5px;
	line-height: 40px;
}
.date-container.hidden .date-input-container {
	visibility: hidden;
	height: 0;
}
.date-container {
	max-width: 185px;
}
.date-container.year {
	max-width: 90px;
}
.present-text {
	font-size: .9285em;
	color: #383838;
}
.end-date .present-text {
	display: none;
}
.end-date.hidden .present-text {
	display: block;
}

/* end dates */



.input.text:first-child, .input.email:first-child, .input.select:first-child, .input.password:first-child {
	margin-right: 30px;
}
form .input.textarea:before {
	content: '';
	display: block;
	clear: both;
}
form .input.file, form .input.title, form .input.website, form .input.city {
	clear: left;
}
form input[type="text"], form input[type="password"], form input[type="email"] {
	padding: 11px;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding-top: 0;
	padding-bottom: 0;
}

.input.text button.inner {
	float: none;
	margin-bottom: 0;
	position: absolute;
	right: 4px;
	top: 4px;
}

form .input.text input[type="text"].list-input {
	width: 100%;
	padding-right: 45px;
}
.input.text .context {
	position: absolute;
	color: #888;
	font-size: .9285em;
	top: 35px;
	left: 10px;
}
form .warning-label {
	display: block;
	font-size: .89em;
	margin-bottom: 10px;
}
.preview-container {
	float:left;
}
.preview-container img {
	display: block;
	max-width: 250px;
	border: 1px solid #ccc;
	margin-top: 20px;
}
.preview-container a {
	text-decoration: none;
}
.preview-container a:hover, .preview-container a h5:hover {
	color: #A08963;
}
form .featured {
	display: none;
}
form .featured.visible {
	display: block;
}
/* status indicator */
#save-status {
	opacity: 1;
	position: fixed;
	bottom: -112px;
	right: -150px;
	z-index: 1000;
	text-align: center;
	padding: 10px;
	background-color: #a08963;
	transition: .5s bottom, .5s right;
	-webkit-transition: .5s bottom, .5s right;
	-moz-transition: .5s bottom, .5s right;
	font-family: 'HelveticaNeueW01-75Bold';
	color: #FFF;
	height: 92px;
	width: 130px;
}
#save-status.visible {
	bottom: 0;
	right: 0;
}
#save-status #progress {
	width: 100%;
	height: 100%;
}
.back-end #save-status {
	display: none;
}

.wf-progress-canvas {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	/*display: none;*/
}
#progress {
	display: none;
}

#finished {
	background-image: url(/img/admin.png);
	background-position: -1591px -20px;
	width: 54px;
	height: 44px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
}
.working #finished {
	display: none;
}
.working #progress {
	display: block;
}

.mce-widget button:hover {
	border: none;
}
.mce-edit-area.mce-container {
	position: relative;
	/*border-right: 1px solid #9E9E9E !important;*/
}
.mce-last {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.mce-container-body .mce-resizehandle {
	left: auto;
}
.mce-container-body.mce-flow-layout {
	height: 36px;
}
.mce-path {
    display: none !important;
}

/* path-type field UI help */
label .format-hint {
	margin-left: 5px;
	color: #828282;
	font-size: .846em;
}
.url-override {
	margin-top: 10px;
	color: #828282;
	line-height: 1;
}
.url-override a {
	text-decoration: none;
	color: #828282;
	font-size: .786em;
	line-height: 1;
}
.url-override a:hover {
	text-decoration: underline;
}
.url-override.pathfield-hidden {
	height: 0;
	display: block;
	overflow: hidden;
	margin-top: 0
}
/* end path-type field UI help */


/* image cropping */
wf-image-cropper {
	display: block;
}
.photo-large-preview-container-outer {
	float: left;
	border-right: 1px solid #cccccc;
	padding-right: 22px;
	padding-bottom: 25px;
	max-width: 372px;
}

.photo-large-preview-container {
	padding: 30px 75px 12px;
	margin-bottom: 0;
}

.cropit-image-preview-container {
	position: relative;
	margin-bottom: 40px;
}
.cropit-image-preview {
	background-color: #f8f8f8;
	background-size: cover;
	border: none;
	width: 200px;
	height: 200px;
	cursor: move;
	float: left;
}
.cropit-image-background-container {
	background-color: rgb(31,31,31);
	opacity: .4;
}
.cropit-image-background {
	cursor: auto;
}

.cropit-image-preview.no-controls {
	cursor: default;
}
.preview-linked-container {
	float: left;
	position: relative;
	padding-left: 22px;
	max-width: 165px;
	padding-top: 40px;
}
.preview-linked-container.hidden {
	display: none;
}
.preview-linked {
	display: block;
	width: 100px;
	height: 100px;
	background-size: cover;
	margin: 0 auto 30px;
}
.cropit-image-zoom-input {
	display: none;
}
/* end image cropping */

/* slider */

.ui-slider {
	height: 4px;
	position: relative;
	background-image: url(../img/dotted-line.png);
	background-repeat: repeat-x;
	width: 56%;
	margin: 0 auto;
	display: block;
	top: 7px;
}
.ui-slider-range {
	height: 4px;
	background: #b6b6b5;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.ui-slider-handle {
	height: 26px;
	width: 26px;
	background-color: #a8a87e;
	position: absolute;
	top: auto;
	bottom: -10px;
	margin: auto;
	display: block;
	outline: none;
	font-weight: bold;
	font-size: 2em;
	text-align: center;
	margin-left: -8px;

	background-image: url(../img/admin.png);
	background-position: -126px -155px;
}
.ui-slider-handle, .ui-slider-handle:hover, .ui-slider-handle:active, .ui-slider-handle:focus {
	text-decoration: none;
	color: #fff;
}
.ui-state-disabled.ui-slider {
	opacity: .4;
}
.ui-disabled .ui-slider-handle {
	cursor: default;
}
.ui-slider-handle:before, .ui-slider-handle:after {
	position: relative;
	top: -1px;
}


/* end slider */


/* selectBoxIt */
select:not(.auto-width) + .selectboxit-container {
	width: 100%;
}
select:not(.auto-width) + .selectboxit-container .selectboxit {
	width: 100%;
	height: 40px;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.selectboxit-container .selectboxit .selectboxit-text {
	line-height: 40px;
	text-indent: 14px;
	font-size: .9285em;
	font-family: 'Montserrat', sans-serif;
	color: #383838;
}
.selectboxit .selectboxit-arrow-container {
	top: 0;
	bottom: 0;
	margin: auto;
}
.selectboxit-option-first, .selectboxit-option-last {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.selectboxit-container .selectboxit-options {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.selectboxit-container .selectboxit-option-icon-container {
	display: none;
}
.dates select:not(.auto-width) + .selectboxit-container {
	width: 90px;
	margin-right: 5px;
}
.dates select:not(.auto-width) + .selectboxit-container:last-child {
	margin-right: 0;
}

.selectboxit.selectboxit-enabled.selectboxit-btn {
	border: 1px solid #dadada;
	background: #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width: 100%;
}
.selectboxit-option.selectboxit-focus, .selectboxit-option.selectboxit-selected , .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
	background: #f2f2f2;
	color: #383838;
}
.selectboxit-container .selectboxit-options a {
	height: 35px;
	line-height: 35px;
	color: #828282;
	font-size: .9285em;
	font-family: 'Montserrat', sans-serif;
}
.selectboxit-option, .selectboxit-optgroup-header {
	text-indent: 14px;
}
.selectboxit-container .selectboxit-options {
    max-height: 150px;
    width: 100%;
}
.selectboxit-container .selectboxit-disabled {
	border-radius: 0px;
	border: 1px solid #b6b6b5;
	background: #f8f9f9;
}
.selectboxit-container .selectboxit-disabled .selectboxit-arrow-container {
	opacity: 0.65;
}
/* end selectboxit */

/* preview links */
.preview-link {
	display: block;
	text-decoration: none;
	line-height: 1;
	color: #828282;
	font-size: .75em;
}
/* end preview links */


/* errors */

.error {
	color: #a5676e;
	background-color: #ffeaea;
	padding: 8px 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 0;
}
label.error {
	clear: both;
}
input[type="file"].error {
	padding: 0;
	background-color: transparent;
}

input[type="text"].error, input[type="password"].error, input[type="email"].error, textarea.error, select.error, select.error + .selectboxit-container .selectboxit-btn {
	border-color: #a5676e;
}

/* end errors */

/* utility */
.no-margin-bottom {
	margin-bottom: 0 !important;
}
/* end utitility */