/****Formating Success and Error states with css*****/
/* @validaion - error state
    ------------------------------------- */
.smart-forms .state-error .gui-input,
.smart-forms .state-error .gui-textarea,
.smart-forms .state-error.select > select,
.smart-forms .state-error.select-multiple > select,
.smart-forms .state-error input:hover + .checkbox,
.smart-forms .state-error input:hover + .radio,
.smart-forms .state-error input:focus + .checkbox,
.smart-forms .state-error input:focus + .radio,
.smart-forms .state-error .checkbox,
.smart-forms .state-error .radio {
	background: #FEE9EA;
	border-color: #DE888A;
}

.smart-forms .state-error .gui-input:focus,
.smart-forms .state-error .gui-textarea:focus,
.smart-forms .state-error.select > select:focus,
.smart-forms .state-error.select-multiple > select:focus {
	-webkit-box-shadow: 0px 0px 3px #DE888A inset;
	-moz-box-shadow: 0px 0px 3px #DE888A inset;
	-o-box-shadow: 0px 0px 3px #DE888A inset;
	box-shadow: 0px 0px 3px #DE888A inset;
}

.smart-forms .state-error .gui-input ~ .field-icon i,
.smart-forms .state-error .gui-textarea ~ .field-icon i {
	color: #DE888A;
}

.smart-forms .state-error.select .arrow {
	color: #DE888A;
}

.smart-forms .state-error.select > select:focus + .arrow {
	color: #DE888A;
}

.smart-forms .state-error .gui-input ~ .input-hint,
.smart-forms .state-error.file .gui-file:hover + .gui-input,
.smart-forms .state-error .gui-textarea ~ .input-hint {
	border-color: #DE888A;
}

.smart-forms .state-error + em {
	display: block !important;
	margin-top: 6px;
	padding: 0 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-size: 0.85em;
	color: #DE888A;
}

/* @validaion - success state
    -------------------------------------------------- */
.smart-forms .state-success .gui-input,
.smart-forms .state-success .gui-textarea,
.smart-forms .state-success.select > select,
.smart-forms .state-success.select-multiple > select,
.smart-forms .state-success input:hover + .checkbox,
.smart-forms .state-success input:hover + .radio,
.smart-forms .state-success input:focus + .checkbox,
.smart-forms .state-success input:focus + .radio,
.smart-forms .state-success .checkbox,
.smart-forms .state-success .radio {
	/*background: #F0FEE9;*/
	border-color: #A5D491;
}

.smart-forms .state-success .gui-input:focus,
.smart-forms .state-success .gui-textarea:focus,
.smart-forms .state-success.select > select:focus,
.smart-forms .state-success.select-multiple > select:focus {
	-webkit-box-shadow: 0px 0px 3px #A5D491 inset;
	-moz-box-shadow: 0px 0px 3px #A5D491 inset;
	-o-box-shadow: 0px 0px 3px #A5D491 inset;
	box-shadow: 0px 0px 3px #A5D491 inset;
}

.smart-forms .state-success .gui-input ~ .field-icon i,
.smart-forms .state-success .gui-textarea ~ .field-icon i {
	color: #A5D491;
}

.smart-forms .state-success.select .arrow {
	color: #A5D491;
}

.smart-forms .state-success.select > select:focus + .arrow {
	color: #A5D491;
}

.smart-forms .state-success.select:before {
	border-left: 1px solid #A5D491;
}

.smart-forms .state-success .gui-input ~ .input-hint,
.smart-forms .state-success.file .gui-file:hover + .gui-input,
.smart-forms .state-success .gui-textarea ~ .input-hint {
	border-color: #A5D491;
}

/****End Formating Success and Error states with css*****/

/*--------------------------Table Style ----------------------------- */

.fms-frontend-dashboard table {
	border-spacing: 0;
}

/* IMPORTANT, I REMOVED border-collapse: collapse; FROM THIS LINE IN ORDER TO MAKE THE OUTER BORDER RADIUS WORK */

.fms-frontend-dashboard table a:link {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

.fms-frontend-dashboard table a:visited {
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

.fms-frontend-dashboard table a:active,
.fms-frontend-dashboard table a:hover {
	color: #bd5a35;
	text-decoration: underline;
}

.fms-frontend-dashboard table {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 12px;
	text-shadow: 1px 1px 0px #fff;
	background: #eaebec;
	margin: 20px;
	border: #ccc 1px solid;
	text-align: center; /**/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}

.fms-frontend-dashboard table th {
	padding: 21px 25px 22px 25px;
	/*border-top:1px solid #fafafa;*/
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top, #ededed, #ebebeb);
}

.fms-frontend-dashboard table th:first-child {
	text-align: center;
	padding-left: 20px;
}

.fms-frontend-dashboard table tr:first-child th:first-child {
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
}

.fms-frontend-dashboard table tr:first-child th:last-child {
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}

.fms-frontend-dashboard table tr {
	text-align: center;
	padding-left: 20px;
}

.fms-frontend-dashboard table tr td:first-child {
	text-align: center;
	padding-left: 20px;
	border-left: 0;
}

.fms-frontend-dashboard table tr td {
	padding: 10px; /**/
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	text-align: center; /**/
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

.fms-frontend-dashboard table tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}

.fms-frontend-dashboard table tr:last-child td {
	border-bottom: 0;
}

.fms-frontend-dashboard table tr:last-child td:first-child {
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.fms-frontend-dashboard table tr:last-child td:last-child {
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.fms-frontend-dashboard table tr:hover td {
	background: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}

.fms-frontend-dashboard table p {
	margin-bottom: 0px; /**/
}

/*--------------------------End Table Style ----------------------------- */

/*Style "*" For Required Fields*/
div.form-body > .fms-form label.field.file.prepend-icon > span > em,
div.form-body > .fms-form label > em {
	color: #e74c3c;
	font-size: 14px;
	font-style: normal;
	display: inline-block;
	margin-left: 4px;
	position: relative;
	top: 3px;
}

/*For tinymce*/
.smart-forms .wp-editor-wrap .state-error {
	display: block !important;
	margin-top: 6px;
	padding: 1px 3px 6px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-size: 0.85em;
	color: #DE888A;
}

.smart-forms .fms-for-tinymce-required {
	color: #DE888A;
}

.smart-forms .wp-editor-wrap {
	border-style: solid;
	border-width: 1px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.smart-forms .mce-container-body, .smart-forms .mce-stack-layout, .smart-forms .mce-edit-area, .smart-forms .mce-container, .smart-forms .mce-panel, .smart-forms .mce-stack-layout-item {
	background-color: inherit !important;
}

#tinymce {
	/*background: inherit;*/
}

/*Insert media button*/
.fms-form .form-body .add_media {
	margin: 5px;
}

/*For tinymce*/

/*center the recaptche*/
.colm10, .colm8 {
	text-align: center;
}

.g-recaptcha {
	float: none;
	display: inline-block;
}

/*end center the recaptche*/

/*Masonry & Colorbox*/
.fms-item {
	width: 22%;
	margin-right: 3px;
}

.fms-container a:focus {
	color: rgba(0, 0, 0, 0);
}

/*End Masonry & Colorbox*/

/*Steps*/
/*.fms-form li > a[href="#finish"] {*/
.fms-form div.actions.clearfix > ul > li:nth-child(3) {
    display: none;
}
/*End Steps*/