Просмотр архива Генератор форм

	/* Animations */

	@-moz-keyframes appear {
		0% {
			opacity:
0;
			-webkit-transform: scale(0.92) translate3d(0, 0,
0);
			-moz-transform: scale(0.92) translate3d(0, 0, 0);
		}

		100%
{
			opacity: 1;
			-webkit-transform: scale(1) translate3d(0, 0,
0);
			-moz-transform: scale(1) translate3d(0, 0,
0);
		}
	}
	@-webkit-keyframes appear {
		0% {
			opacity:
0;
			-webkit-transform: scale(0.92) translate3d(0, 0,
0);
			-moz-transform: scale(0.92) translate3d(0, 0, 0);
		}

		100%
{
			opacity: 1;
			-webkit-transform: scale(1) translate3d(0, 0,
0);
			-moz-transform: scale(1) translate3d(0, 0,
0);
		}
	}
	@-o-keyframes appear {
		0% {
			opacity:
0;
			-webkit-transform: scale(0.92) translate3d(0, 0,
0);
			-moz-transform: scale(0.92) translate3d(0, 0, 0);
		}

		100%
{
			opacity: 1;
			-webkit-transform: scale(1) translate3d(0, 0,
0);
			-moz-transform: scale(1) translate3d(0, 0,
0);
		}
	}
	@-ms-keyframes appear {
		0% {
			opacity:
0;
			-webkit-transform: scale(0.92) translate3d(0, 0,
0);
			-moz-transform: scale(0.92) translate3d(0, 0, 0);
		}

		100%
{
			opacity: 1;
			-webkit-transform: scale(1) translate3d(0, 0,
0);
			-moz-transform: scale(1) translate3d(0, 0,
0);
		}
	}
	@keyframes appear {
		0% {
			opacity:
0;
			-webkit-transform: scale(0.92) translate3d(0, 0,
0);
			-moz-transform: scale(0.92) translate3d(0, 0, 0);
		}

		100%
{
			opacity: 1;
			-webkit-transform: scale(1) translate3d(0, 0,
0);
			-moz-transform: scale(1) translate3d(0, 0,
0);
		}
	}




	@-moz-keyframes disappear {
		0% {
			opacity:
1;
			-webkit-transform: scale(1) translate3d(0, 0,
0);
			-moz-transform: scale(1) translate3d(0, 0, 0);
		}

		100%
{
			opacity: 0;
			-webkit-transform: scale(0.92) translate3d(0, 0,
0);
			-moz-transform: scale(0.92) translate3d(0, 0,
0);
		}
	}
	@-webkit-keyframes disappear {
		0% {
			opacity:
1;
			-webkit-transform: scale(1) translate3d(0, 0,
0);
			-moz-transform: scale(1) translate3d(0, 0, 0);
		}

		100%
{
			opacity: 0;
			-webkit-transform: scale(0.92) translate3d(0, 0,
0);
			-moz-transform: scale(0.92) translate3d(0, 0,
0);
		}
	}
	@-o-keyframes disappear {
		0% {
			opacity:
1;
			-webkit-transform: scale(1) translate3d(0, 0,
0);
			-moz-transform: scale(1) translate3d(0, 0, 0);
		}

		100%
{
			opacity: 0;
			-webkit-transform: scale(0.92) translate3d(0, 0,
0);
			-moz-transform: scale(0.92) translate3d(0, 0,
0);
		}
	}
	@-ms-keyframes disappear {
		0% {
			opacity:
1;
			-webkit-transform: scale(1) translate3d(0, 0,
0);
			-moz-transform: scale(1) translate3d(0, 0, 0);
		}

		100%
{
			opacity: 0;
			-webkit-transform: scale(0.92) translate3d(0, 0,
0);
			-moz-transform: scale(0.92) translate3d(0, 0,
0);
		}
	}
	@keyframes disappear {
		0% {
			opacity:
1;
			-webkit-transform: scale(1) translate3d(0, 0,
0);
			-moz-transform: scale(1) translate3d(0, 0, 0);
		}

		100%
{
			opacity: 0;
			-webkit-transform: scale(0.92) translate3d(0, 0,
0);
			-moz-transform: scale(0.92) translate3d(0, 0,
0);
		}
	}




	/* Animations */

	@-moz-keyframes fadein {
		0%
{
			opacity: 0;
		}

		100% {
			opacity:
1;
		}
	}
	@-webkit-keyframes fadein {
		0% {
			opacity:
0;
		}

		100% {
			opacity: 1;
		}
	}
	@-o-keyframes fadein {
		0%
{
			opacity: 0;
		}

		100% {
			opacity:
1;
		}
	}
	@-ms-keyframes fadein {
		0% {
			opacity:
0;
		}

		100% {
			opacity: 1;
		}
	}
	@keyframes fadein {
		0%
{
			opacity: 0;
		}

		100% {
			opacity:
1;
		}
	}
	.datepicker-dropdown,
	.bootstrap-timepicker-widget,
	.form_desc
	{
		-webkit-animation-duration:
300ms;
		-webkit-animation-timing-function:
ease;
		-webkit-animation-name: appear;
		-moz-animation-duration:
300ms;
		-moz-animation-timing-function: ease;
		-moz-animation-name:
appear;
		-o-animation-duration: 300ms;
		-o-animation-timing-function:
ease;
		-o-animation-name: appear;
		-ms-animation-duration:
300ms;
		-ms-animation-timing-function: ease;
		-ms-animation-name:
appear;
		animation-duration: 300ms;
		animation-timing-function:
ease;
		animation-name: appear;
	}
	.bootstrap-timepicker-widget
a
	{
		text-decoration: none;
	}




	.bootstrap .modal, .form_ul
li.show, .form_ul li.artificial
	{
		-webkit-animation-duration:
600ms;
		-webkit-animation-timing-function:
ease;
		-webkit-animation-name: appear;
		-moz-animation-duration:
600ms;
		-moz-animation-timing-function: ease;
		-moz-animation-name:
appear;
		-o-animation-duration: 600ms;
		-o-animation-timing-function:
ease;
		-o-animation-name: appear;
		-ms-animation-duration:
600ms;
		-ms-animation-timing-function: ease;
		-ms-animation-name:
appear;
		animation-duration: 800ms;
		animation-timing-function:
ease;
		animation-name: appear;
	}

	.bootstrap
.modal
	{

		box-shadow: 0px 0px 8px #444;
		-moz-box-shadow: 0px 0px
8px #444;
		-webkit-box-shadow: 0px 0px 8px #444;
		position:
fixed;
	}

	.bootstrap
.modal.in,
	.modal-backdrop.in
	{
		-webkit-transform:
scale(1);
		transform: scale(1);
		opacity: 1;
	}
	.bootstrap
.modal
	{
		transition: transform 0.8s ease 0s, opacity 0.8s ease
0s;
		-webkit-transition: -webkit-transform 0.4s ease 0s, opacity 0.4s
ease 0s;
		-moz-transition: transform 0.8s ease 0s, opacity 0.8s ease
0s;

		-webkit-transform: scale(.95);
		transform:
scale(.92);
		opacity: 0;

		-webkit-animation-duration:
400ms;
		-moz-animation-duration: 600ms;
		-o-animation-duration:
400ms;
		-ms-animation-duration: 400ms;
		animation-duration:
600ms;
	}


@-moz-document url-prefix() {

	.bootstrap
.modal
	{
		top: -1000% !important;
		display: block
!important;
	}

}


	.bootstrap .modal.in
	{
		top: 10%
!important;
	}

	.modal-backdrop
	{
		opacity: 0;
		transition: all
.5s ease;
		-webkit-transition: all .5s
ease;

		position:fixed;
		top:0;
		right:0;
		bottom:0;
		left:0;
		z-index:1040;

		-webkit-animation-duration:
500ms;
		-moz-animation-duration: 800ms;
		-o-animation-duration:
500ms;
		-ms-animation-duration: 500ms;
		animation-duration:
800ms;


		background: #000;
		background:
rgba(0,0,0,0.8);
		background: -webkit-radial-gradient(50% 50%, ellipse
closest-corner, rgba(0,0,0,0.50) 1%, rgba(0,0,0,0.75) 100%);
		background:
-moz-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.50) 1%,
rgba(0,0,0,0.75) 100%);
		background: -ms-radial-gradient(50% 50%, ellipse
closest-corner, rgba(0,0,0,0.50) 1%, rgba(0,0,0,0.75) 100%);
		background:
radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.50) 1%,
rgba(0,0,0,0.75)
100%);


	}

	.modal-backdrop.in
	{
		-webkit-animation-duration:
500ms;
		-webkit-animation-timing-function:
ease;
		-webkit-animation-name: fadein;
		-moz-animation-duration:
800ms;
		-moz-animation-timing-function: ease;
		-moz-animation-name:
fadein;
		-o-animation-duration: 500ms;
		-o-animation-timing-function:
ease;
		-o-animation-name: fadein;
		-ms-animation-duration:
500ms;
		-ms-animation-timing-function: ease;
		-ms-animation-name:
fadein;
		animation-duration: 800ms;
		animation-timing-function:
ease;
		animation-name: fadein;
		opacity: 1;
	}









	/*
Form */
	.nform.bootstrap
	{
		padding: 0;
		margin:
auto;
		margin-bottom: 0px;
		border: 1px solid
#e7e7e7;
		border-bottom: 0px;
		box-shadow: 0px 3px 3px -2px
#aaa;
		-moz-box-shadow: 0px 3px 3px -2px #aaa;
		-webkit-box-shadow: 0px
3px 3px -2px #aaa;
		border-radius: 3px;
		-moz-border-radius:
3px;
		-webkit-border-radius: 3px;
		opacity: 1;
		-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter:
alpha(opacity=100);
	}
	.nform.noframe
	{
		border:
none;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow:
none;
	}

	.nform .btn
	{
		box-sizing:
content-box;
		-moz-box-sizing: content-box;
		-webkit-box-sizing:
content-box;
	}
	/* Sticky nForm */

	#nform_sticky
	{
		position:
fixed;
		bottom: 0;
		right: 5%;
		min-width: 200px;
		z-index:
1900;
	}
	.sticky_nform
	{
		display:
none;
	}
	.sticky_nform
	{
		box-shadow: -10px 0px 18px -12px #ddd,
10px 0px 18px -12px #ddd;
		-moz-box-shadow: -10px 0px 18px -12px #ddd,
10px 0px 18px -12px #ddd;
		-webkit-box-shadow: -10px 0px 18px -12px #ddd,
10px 0px 18px -12px #ddd;
	}
	.sticky_nform .nform,
	.sticky_nform
.nform #fe_title
	{
		border-top-right-radius: 0px
!important;
		-moz-border-top-right-radius: 0px
!important;
		-webkit-border-top-right-radius: 0px
!important;
	}
	.sticky_nform .nform_res.alert
	{
		display:
none;
	}
	.sticky_toggle
	{
		padding: 3px 10px;
		margin-bottom:
0px;
		display: inline-block;
		background-color: #eee;
		position:
absolute;
		right: 1px;
		top: -30px;
		line-height:
24px;
		border-top-right-radius: 4px;
		border-top-left-radius:
4px;
		-moz-border-top-right-radius: 4px;
		-moz-border-top-left-radius:
4px;
		-webkit-border-top-right-radius:
4px;
		-webkit-border-top-left-radius: 4px;
		cursor:
pointer;
		opacity: .85;
		-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
		filter:
alpha(opacity=85);
		z-index:
1900;
	}
	.sticky_toggle:hover
	{
		font-style:
none;
		text-transform: none;
		opacity: 1;
	}



	/* Fly nForm
*/

	#nform_fly
	{
	}
	.fly_form
	{
		position: fixed;
		bottom:
auto;
		top: auto;
		right: -100%;
		min-width: 200px;
		z-index:
1000;
		max-height: 400px;
		overflow: auto;
	}

	.fly_form
.nform.bootstrap
	{
		box-shadow: none;
		-moz-box-shadow:
none;
		-webkit-box-shadow: none;
	}
	.fly_toggle
	{
		padding: 3px
10px;
		margin-bottom: 0px;
		display: inline-block;
		background-color:
#fff;
		position: fixed;
		right: -1px;
		top: 50%;
		margin-top:
-12px;
		line-height: 24px;
		border-bottom-left-radius:
4px;
		border-top-left-radius: 4px;
		-moz-border-bottom-left-radius:
4px;
		-moz-border-top-left-radius:
4px;
		-webkit-border-bottom-left-radius:
4px;
		-webkit-border-top-left-radius: 4px;
		cursor:
pointer;
		opacity: .7;
		-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
		filter:
alpha(opacity=70);
		z-index:
1000;
	}
	.fly_toggle:hover
	{
		font-style: none;
		text-transform:
none;
		opacity: 1;
		-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter:
alpha(opacity=100);
	}
	.fly_toggle_in
	{
		background-color:
red;
		color: white;
		position: absolute;
		left: -30px;
		width:
30px;
		top: 50%;
		bottom: auto;
		height: 30px;
		margin-top:
-15px;
	}

	.nform #form_ul
	{
		letter-spacing:
-.31em;
		word-spacing: -.43em; padding-bottom: 0px;
	}


	.nform
#form_ul > li
	{
		letter-spacing: normal;
		word-spacing:
normal;
		display: block;
		padding: 4px 0px;
		height:
auto;
		background: none;
		list-style: none;
		margin:
0;
	}

	.nform #form_ul > li.is_hidden
	{
		display:
none;

	}
	.preview_form .nform #form_ul >
li.is_hidden
	{
		display: inline-block;
	}
	.preview_form .nform
#form_ul > li.inline1.is_hidden
	{
		display:
block;
	}

	.bootstrap.nform ul#form_ul
	{
		border-top: 1px solid
#ddd;
		margin-top: -1px;
		margin-left: 0px;
		padding:
14px;
		margin-bottom: 0px; padding-bottom: 0px;
	}

	.modal
.bootstrap.nform ul#form_ul
	{
		border-top: 1px solid
#ddd;
		margin-top: auto;
		margin-left: 0px;
		padding: 14px;
padding-bottom: 0px;
	}
	.bootstrap.nform
ul#form_ul.clearfix
	{
		visibility: visible;
		height:
auto;
		line-height: auto;
	}

	.ff_c_t .nform
.form_title
	{
		border-bottom: 1px solid #e4e4e4;
		min-height:
5px;
		border-top-right-radius: 3px;
		border-top-left-radius:
3px;
		-moz-border-top-right-radius: 3px;
		-moz-border-top-left-radius:
3px;
		-webkit-border-top-right-radius:
3px;
		-webkit-border-top-left-radius: 3px;
	}
	.ff_c_t .nform.carbon
.form_title
	{
		border-bottom: 1px solid #222;
	}
	.bootstrap.nform
select
	{
		padding: 5px;
		height: 2.3em;
		margin-bottom:
2px;
	}

	/* Input Captions */
	.nform #form_ul
.cap_cover
	{
		display: inline-block;
		height: 32px;
		padding-left:
1%;
		text-align: right;
		padding-right: 4%;
		white-space:
pre;
		vertical-align: top;
		width: 32%;
		box-sizing:
border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing:
border-box;
		position: relative;
		white-space: pre-line;
		height:
auto;
	}
	.nform #form_ul .slider_cap_cover
	{
		text-align:
left;
		padding-left: 12px;
		width: auto;
	}
	.nform #form_ul
.cap1
	{
		font-weight: 600;
		display: block;
		line-height:
19px;
		color: #777;
		min-height: 19px;
	}
	.nform #form_ul
.matrix_table thead tr td
	{
		font-weight: 600;
		color:
#777;
	}
	.nform #form_ul .cap2
	{
		font-weight: normal;
		font-size:
11px;
		color: #999;
		font-style: italic;
		display:
block;
		line-height: 12px;
	}
	.nform #form_ul
.cap_cover.relative
	{
		width: auto;
	}
	.nform #form_ul .show_true,
.nform #form_ul .show_false
	{
		display: none;
		transition: all
ease-in 1s;
		-moz-transition: all ease-in 1s;
		-webkit-transition: all
ease-in 1s;
		-o-transition: all ease-in 1s;
		padding-left:
10px;
	}
	.nform #form_ul .show_true input[type="text"], .nform
#form_ul .show_false input[type="text"]
	{
		width:
1px;
	}
	.nform #form_ul .textfield_text
	{
		display:
block;
		font-size: 13px;
		line-height: 180%;
		color:
#888;
	}


	.nform #form_ul .cap1.subl
	{
		line-height:
26px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.nform.vertical
.cap1.subl
	{
		padding-top: 6px;
	}
	.nform #form_ul
.cap2.subl
	{
		display: none;
	}
	.nform .form_title
	{
		color:
#888;
		line-height: 220%;
		padding-left: 18px;
		padding-right:
18px;
		box-shadow: 0px -1px 2px -1px #c6c6c6 inset;
		-moz-box-shadow:
0px -1px 2px -1px #c6c6c6 inset;
		-webkit-box-shadow: 0px -1px 2px -1px
#c6c6c6 inset;
	}

	.nform .form_title.none
	{
		background-color:
#fafafa;
		box-shadow: none;
		-moz-box-shadow:
none;
		-webkit-box-shadow:
none;
	}
	.nform.none
	{
		background-color: #fff;
		display:
block;
	}

	.form_title.linen
	{
		background-image:
url('../images/wash.png');
		background-size: 320px
320px;
	}
	.nform.linen
	{
		background-image:
url('../images/wash.png');
		background-size: 320px
320px;
	}

	.nform.noframe .form_title
	{
		border: none;
	}
	.nform
.div_text2
	{
		background: #fff;
		padding-left: 6px;
		padding-right:
6px;
	}
	.nform.linen .div_text2
	{
		background:
url('../images/wash.png');
	}


	.nform.carbon
.div_text2
	{
		background: url('../images/carbon.png');
		color:
#eee;
	}
	.nform .will .div_text, .nform .carbon .div_text
	{
		color:
#eee;
	}



	.form_title.carbon
	{
		background-image:
url('../images/carbon2.png');
		color: #FFF;
		box-shadow: 0px -1px 2px
-1px #000 inset;
		-moz-box-shadow: 0px -1px 2px -1px #000
inset;
		-webkit-box-shadow: 0px -1px 2px -1px #000
inset;
	}
	.bootstrap.nform.carbon ul#form_ul
	{
		border-top: 1px
solid #222;
	}
	.nform.carbon ul#form_ul
	{
		border-top: 1px solid
#222;
	}
	.nform.carbon
	{
		color: white;
		background-image:
url('../images/carbon.png');
	}
	.nform.carbon
.div_text2
	{
		background: url('../images/carbon.png');
	}
	.nform
#form_ul .carbon .c_image
	{
		box-shadow: 0px 2px 6px -2px
#999;
		-moz-box-shadow: 0px 2px 6px -2px #999;
		-webkit-box-shadow: 0px
2px 6px -2px #999;
	}
	.nform .nform_image
	{
		box-shadow:
none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		margin:
0px;
		padding: 0px;
	}


	.form_title.jean
	{
		background-image:
url('../images/jean2.png');
	}
	.nform.jean .div_text2
	{
		background:
url('../images/jean.png');
	}
	.nform.jean
	{
		background-image:
url('../images/jean.png');
	}

	.form_title.debut
	{
		background:
url('../images/debut2.png');
	}
	.nform.debut
.div_text2
	{
		background-image:
url('../images/debut.png');
	}
	.nform.debut
	{
		background-image:
url('../images/debut.png');
	}



	.nform #form_ul
.div_text
	{
		display: block;
		white-space:pre-wrap;
	}
	.nform
#form_ul .div_text2
	{
		width:
100%;
		white-space:pre-wrap;
	}
	.nform #form_ul
.c_image
	{
		cursor: pointer;
		vertical-align: middle;
		width:
100px;
		height: 30px;
		box-shadow: 0px 1px 4px
#ccc;
		-moz-box-shadow: 0px 1px 4px #ccc;
		-webkit-box-shadow: 0px 1px
4px #ccc;
		border-radius: 3px;
		-moz-border-radius:
3px;
		-webkit-border-radius: 3px;
	}
	#fe_submit
	{
		text-align:
center;
		display: inline-block;
	}


	.nform #form_ul
.box_cover
	{
		display: inline-block;
		padding-bottom:
4px;
		position: relative;
	}
	.nform #form_ul .input_cover
.box_cover
	{
		display: inline-block;
		width: 100%;
		padding-bottom:
4px;
		position: relative;
		box-sizing:
border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:
border-box;
	}
	.has-js .box_cover.lines > div,
	.has-js .vertical
.box_cover.lines > div,
	.has-js .box_cover.lines >
div
	{
		clear: none;
		top: 0px;
	}


	.nform #form_ul
.label_div
	{
		display:block;
		margin-top: 5px;
		margin-bottom:
5px;
		padding-left: 0px;
		opacity: .7; cursor: pointer; top: 0px;
margin-left: 25px;
	}
	.nform #form_ul .new_ldiv label
	{
		float:
left; display: block;
	}
	.nform #form_ul
.new_ldiv
	{
		vertical-align: top; margin-left: 3%; min-height:
25px;
	}
	.nform #form_ul .lines .new_ldiv
	{
		vertical-align: top;
margin-left: 0;
	}
	.nform #form_ul .label_div:hover
	{
		opacity:
1;
	}
	.nform #form_ul label .label_div
	{
		display:
block;
		margin-top: 0px;
		margin-bottom: 0px; margin-left:
30px;
	}

	.bootstrap .input-append .add-on
	{
		min-height:
32px;
	}

	.nform #form_ul .inst{
		position: relative;
		left:
0%;
		top: 50%;
		margin-top: -10px;
		color: #888;
		font-size:
20px;
		font-weight: block;
		display: inherit;
		margin-left:
10px;
		float: right;
	}
	.nform #form_ul .q_cover .inst
	{
		float:
none;
	}

	.nform #form_ul .inst.sld
	{
		bottom:
-10px;
	}

	.nform #form_ul .input_cover
	{
		position:
relative;
		width: 68%;
		display: inline-block;
	}
	.nform #form_ul
.slider_ic.input_cover
	{
		display: inline;
	}
	.nform.vertical
#form_ul .input_cover
	{
		display: block;
		width: auto;
	}
	.nform
#form_ul .text_cover
	{
		display: inline-block;
	}
	.nform #form_ul
.upload_input_cover
	{
		display: inline-block;
	}

	/* PlaceHolders
*/

	.nform.placeholder #form_ul > li .cap_cover
	{
		display:
none;
	}
	.nform.placeholder #form_ul .input_cover,
	.nform.placeholder
#form_ul .box_cover
	{
		display: block !important; 
		width:
auto;
		max-width: 100%;
	}
	.nform #form_ul > li
.hasPlaceholder
	{

	}


	/* RTL Support
*/
	.nform.rtl
	{
		direction: rtl !important;
	}
	.nform.rtl #form_ul
> li,
	.nform.rtl #form_ul > li .cap_cover,
	.nform.rtl
#fe_title
	{
		text-align: right !important;
		direction: rtl
!important;
	}
	.nform.rtl #form_ul .input-append
	{
		margin-left:
26px;
		margin-right: 0px;
	}
	.nform.rtl #form_ul .input-append input,
.nform.rtl #form_ul .input-append select, .nform.rtl #form_ul .input-append
.nform.rtl #form_ul .uneditable-input {
		-webkit-border-radius: 0 4px 4px
0;
		-moz-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px
0;
	}
	.nform.rtl #form_ul .input-append .add-on:last-child, .nform.rtl
#form_ul .input-append .btn:last-child, .nform.rtl #form_ul .input-append
.btn-group:last-child>.dropdown-toggle {
		-webkit-border-radius: 4px 0
0 4px;
		-moz-border-radius: 4px 0 0 4px;
		border-radius: 4px 0 0
4px;
		border-right: 0;
	}

	/* Block Labels */

	.nform.block_label
#form_ul .cap_cover,
	.nform.vertical #form_ul .cap_cover
	{
		display:
block;
		text-align: left;
		width: auto;
		margin-bottom:
6px;
		padding-left: 1%;
		padding-right: 1%;
	}
	.nform.block_label
#form_ul .input_cover,
	.nform.vertical #form_ul
.input_cover,
	.nform.block_label #form_ul .box_cover,
	.nform.vertical
#form_ul .box_cover
	{
		display: block;
		width: 100%;
		max-width:
100%;
	}

	.nform #form_ul > li.left, .nform #form_ul > li.left
.cap_cover 
	{

	}

	.nform #form_ul > li.center, .nform #form_ul
> li.center .cap_cover 
	{
		text-align: center;
	}

	.nform
#form_ul > li.right, .nform #form_ul > li.right .cap_cover

	{
		text-align: right;
	}
	.nform #form_ul .center
.reason_ta
	{
		margin: auto auto;
	}


	.nform #form_ul
.valid_show
	{
		background-color: #FF3535;
		color: white;
		position:
absolute;
		padding: 3px 6px;
		margin-left: 18px;
		white-space:
nowrap;
		font-size: 12px;
		border-radius: 5px;
		-moz-border-radius:
5px;
		-webkit-border-radius: 5px;
		display: none;
		opacity:
.9;
		-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		filter:
alpha(opacity=90);
		top: 2px;
		left: 105%;
		font-family:
"Trebuchet MS", Arial;
		min-height: 20px;
		line-height:
20px;

		border: 1px solid #DF0000;
		z-index: 1900;

	}
	.nform
#form_ul .valid_show:before
	{
		content: '';
		position:
absolute;
		width: 0; 
		height: 0;
		border-top: 13px solid
transparent;
		border-bottom: 13px solid transparent; 
		border-right:
10px solid #FF3535;
		z-index: 999;
	}
	.nform #form_ul
.valid_show:after
	{
		content: '';
		position: absolute;
		width: 0;

		height: 0;
		z-index: 998;
		opacity: .9;
		-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		filter:
alpha(opacity=90);

	}
	.nform.one #form_ul .valid_show
	{
		color:
white;
		position: absolute;
		margin-left: 14px;
		min-width:
120px;
		white-space: nowrap;
		font-size: 12px;
		border: 1px solid
red;
		border-left: 1px solid inherit;
		border-top-left-radius:
4px;
		-moz-border-top-left-radius:
4px;
		-webkit-border-top-left-radius: 4px;
		border-bottom-left-radius:
4px;
		-moz-border-bottom-left-radius:
4px;
		-webkit-border-bottom-left-radius: 4px;


	}
	.nform.one
#form_ul .valid_show:before
	{
		left: -10px;
		top:
0px;

	}
	.nform.one #form_ul .valid_show:after
	{
		left:
-9px;
		top: 3px;

	}


	.nform.three #form_ul
.valid_show
	{
		background-color: #FF3535;
		color: white;
		position:
absolute;
		margin-left: -10px;
		top: -42px;
		min-width:
120px;
		white-space: nowrap;
		font-size: 12px;
		border: 1px solid
red;
		display: none;
		z-index: 999;

	}

	.nform.three #form_ul
.valid_show:before
	{
		content: '';
		position: absolute;
		left:
-10px;
		top: 27px;
		left: 10px;
		border-left: 8px solid
transparent;
		border-right: 8px solid transparent; 
		border-top: 10px
solid #FF3535;
		z-index: 1002;

	}
	.nform.three #form_ul
.valid_show:after
	{
		content: '';
		position: absolute;
		left:
-11px;
		top: 27px;
		left: 7px;

		z-index: 1001;

	}
	.nform
ul
	{
		list-style: none;
	}



	.nform #form_ul .nform_btn
{
		display: block;
		height: auto;
		color: #444;
		background:
#ddd;
		border: 0;
		border-radius: 4px;
		-moz-border-radius:
4px;
		-webkit-border-radius: 4px;
		box-shadow: 0px 0px 4px #888
inset;
		-moz-box-shadow: 0px 0px 4px #888 inset;
		-webkit-box-shadow:
0px 0px 4px #888 inset;
		text-decoration: none;
		opacity:
.9;
		-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		filter:
alpha(opacity=90);
		margin-left: auto;
		margin-right:
auto;
		position: relative;
		display: block;

		transition:
border-radius ease .1s;
		-moz-transition: border-radius ease
.1s;
		-webkit-transition: border-radius ease .1s;
		-o-transition:
border-radius ease .1s;

		transition: width ease
.1s;
		-moz-transition: width ease .1s;
		-webkit-transition: width ease
.1s;
		-o-transition: width ease .1s;

	}

	.nform #form_ul
.nform_btn:hover  
	{  
		opacity: 1; 
		-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter:
alpha(opacity=100);
	}

	.nform #form_ul .nform_btn.boots {

		*zoom:
1;
		padding: 4px 12px;
		margin-bottom: 0;
		text-align:
center;
		vertical-align: middle;
		cursor: pointer;
		border:
none;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow:
none;

	}

	.nform #form_ul .nform_btn.boots:active
{
		background-image: none;
		outline: 0;
		-webkit-box-shadow: inset 0
2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
		-moz-box-shadow:
inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
		box-shadow:
inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
	}

	.nform
#form_ul .nform_btn.boots:focus {
		outline: thin dotted #333;
		outline:
5px auto -webkit-focus-ring-color;
		outline-offset:
-2px;
	}



	.nform #form_ul
.submit_button.nform_btn.loading_class
	{
		background-image:
url('../images/loader_4.gif');

		background-size: 22px
22px;
		background-position: center;
		background-repeat:
no-repeat;
		opacity: 1;
		-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter:
alpha(opacity=100);
		width: 42px !important;
		padding-left: 14px
!important;
		padding-right: 14px !important;
		box-sizing: border-box
!important;
		-moz-box-sizing: border-box
!important;
		-webkit-box-sizing: border-box !important;
		border-radius:
30px !important;
		-moz-border-radius: 30px
!important;
		-webkit-border-radius: 30px !important;
	}


	.nform
#form_ul .brk
	{
		display: block;
		height: 10px;
	}
	.nform #form_ul
.ui-slider-handle
	{
		border-radius: 30px;
		-moz-border-radius:
30px;
		-webkit-border-radius: 30px;
		background: #fff;
		border:
none;
		box-shadow: 0px 0px 5px #bbb;
		-moz-box-shadow: 0px 0px 5px
#bbb;
		-webkit-box-shadow: 0px 0px 5px #bbb;
		cursor:
pointer;
		width: 18px;
		height: 19px;
		outline: none;
		background:
#fafafa;
	}
	.nform .image_cap_cover
	{
		z-index: 102;
	}
	.nform
#form_ul .image_cap_cover img
	{
		max-width: none;
		max-height:
none;

	}
	.nform #form_ul
.ui-slider-handle:hover
	{
		background-color: #eee;

	}
	.nform
#form_ul .ui-slider-range-min,
	.nform #form_ul
.ui-slider-range
	{
		border-radius: 10px;
		-moz-border-radius:
10px;
		-webkit-border-radius: 10px;
		background: #ddd;
		box-shadow:
0px 0px 4px #bbb inset;
		-moz-box-shadow: 0px 0px 4px #bbb
inset;
		-webkit-box-shadow: 0px 0px 4px #bbb inset;
	}


	.nform
#form_ul .ui-slider
	{
		display: inline-block;
		margin-left:
15px;
		display: inline-block;
		margin-left: 15px;
		margin-bottom:
0px;
		box-shadow: 0px 0px 4px #ddd inset;
		background:
#f0f0f0;
	}

	#form_ul .ui-corner-all
	{
		border-radius:
10px;
		-moz-border-radius: 10px;
		-webkit-border-radius:
10px;
	}
	.nform #form_ul .slider_txt
	{
		font-size: 15px;
		color:
#555;
		padding-left: 12px;
		display: inline-block;
		width:
40%;
	}
	.nform #form_ul .inline2 .slider_txt, .nform #form_ul .inline3
.slider_txt, .nform #form_ul .inline4 .slider_txt
	.nform #form_ul
.inline2 .slider_val, .nform #form_ul .inline3 .slider_val, .nform #form_ul
.inline4 .slider_val
	{
		display: block;
	}
	.nform #form_ul
.slider_val
	{
		font-size: 13px;
		color: #777;
		font-weight:
bold;
		padding: 1px 6px;
		margin-top: -3px;
		box-shadow: 0px 0px 2px
#777 inset;
		-moz-box-shadow: 0px 0px 2px #777
inset;
		-webkit-box-shadow: 0px 0px 2px #777 inset;
		border-radius:
4px;
		min-width: 24px;
		max-width: 58px; 
		text-align:
center;
		display: inline-block;
		vertical-align:
middle;
	}
	.slider_cover
	{
		display: block;
		margin-top:
7px;
		margin-bottom: 7px;
	}

	.nform #form_ul
.show_1
	{
		font-size: 18px;
		font-weight: bold;
		color:
red;
		position: absolute;
		line-height:
17px;
	}
	.show_1_sample
	{
		font-size: 18px;
		font-weight:
bold;
		color: red;
		line-height: 17px;
	}
	.nform #form_ul
.show_0
	{
		display: none;
	}
	.nform #form_ul
.reason_text
	{
		margin-top: 5px;
	}



	.transparent #form_ul
textarea, .transparent #form_ul input[type="text"], .transparent
#form_ul input[type="password"], .transparent #form_ul
input[type="datetime"], .transparent #form_ul
input[type="datetime-local"], .transparent #form_ul
input[type="date"], .transparent #form_ul
input[type="month"], .transparent #form_ul
input[type="time"], .transparent #form_ul
input[type="week"], .transparent #form_ul
input[type="number"], .transparent #form_ul
input[type="email"], .transparent #form_ul
input[type="url"], .transparent #form_ul
input[type="search"], .transparent #form_ul
input[type="tel"], .transparent #form_ul
input[type="color"], .transparent #form_ul
.uneditable-input
	{
		box-shadow: 2px 2px 3px #E4E4E4
inset;
		-moz-box-shadow: 2px 2px 3px #E4E4E4
inset;
		-webkit-box-shadow: 2px 2px 3px #E4E4E4
inset;
		background-image: inherit;
		background:
inherit;
	}
	.transparent.carbon #form_ul textarea, .transparent.carbon
#form_ul input[type="text"], .transparent.carbon #form_ul
input[type="password"], .transparent.carbon #form_ul
input[type="datetime"], .transparent.carbon #form_ul
input[type="datetime-local"], .transparent.carbon #form_ul
input[type="date"], .transparent.carbon #form_ul
input[type="month"], .transparent.carbon #form_ul
input[type="time"], .transparent.carbon #form_ul
input[type="week"], .transparent.carbon #form_ul
input[type="number"], .transparent.carbon #form_ul
input[type="email"], .transparent.carbon #form_ul
input[type="url"], .transparent.carbon #form_ul
input[type="search"], .transparent.carbon #form_ul
input[type="tel"], .transparent.carbon #form_ul
input[type="color"], .transparent.carbon #form_ul
.uneditable-input
	{
		box-shadow: 2px 3px 3px #333
inset;
		-moz-box-shadow: 2px 3px 3px #333 inset;
		-webkit-box-shadow:
2px 3px 3px #333 inset;
		background-image:
url('../images/carbon.png');
		color: #fff;
		border: 1px solid
#777;
		opacity: .9;
		-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		filter:
alpha(opacity=90);
	}
	.nform #form_ul textarea, .nform #form_ul
input[type="text"], .nform #form_ul
input[type="password"], .nform #form_ul
input[type="datetime"], .nform #form_ul
input[type="datetime-local"], .nform #form_ul
input[type="date"], .nform #form_ul
input[type="month"], .nform #form_ul
input[type="time"], .nform #form_ul input[type="week"],
.nform #form_ul input[type="number"], .nform #form_ul
input[type="email"], .nform #form_ul input[type="url"],
.nform #form_ul input[type="search"], .nform #form_ul
input[type="tel"], .nform #form_ul input[type="color"],
.nform #form_ul .uneditable-input, .nform #form_ul
select
	{
		-webkit-box-shadow: inset 1px 1px 1px
rgba(0,0,0,0.060);
		-moz-box-shadow: inset 1px 1px 1px
rgba(0,0,0,0.060);
		box-shadow: inset 1px 1px 1px
rgba(0,0,0,0.060);
		margin-bottom:
1px;
		box-sizing:inherit;
		-moz-box-sizing:inherit;
		-webkit-box-sizing:inherit;
		padding:
4px 7px;
		color: #666;
		line-height: 160%;
		font-size:
14px;
		vertical-align: middle;
		display: inline-block;
		min-height:
32px;
		height: auto;
		box-sizing: border-box;
		-moz-box-sizing:
border-box;
		-webkit-box-sizing:
border-box;
	}

	input[type="color"]
	{
		height:
24px;
	}
	.curvy #form_ul select, .curvy #form_ul textarea, .curvy
#form_ul input[type="text"], .curvy #form_ul
input[type="password"], .curvy #form_ul
input[type="datetime"], .curvy #form_ul
input[type="datetime-local"], .curvy #form_ul
input[type="date"], .curvy #form_ul
input[type="month"], .curvy #form_ul
input[type="time"], .curvy #form_ul input[type="week"],
.curvy #form_ul input[type="number"], .curvy #form_ul
input[type="email"], .curvy #form_ul input[type="url"],
.curvy #form_ul input[type="search"], .curvy #form_ul
input[type="tel"], .curvy #form_ul input[type="color"],
.curvy #form_ul .uneditable-input
	{
		border-radius:
20px;
		-moz-border-radius: 20px;
		-webkit-border-radius:
20px;
		box-shadow: 1px 1px 2px #E4E4E4 inset;
		-moz-box-shadow: 1px 1px
2px #E4E4E4 inset;
		-webkit-box-shadow: 1px 1px 2px #E4E4E4
inset;
		padding-left: 12px;

	}
	.carbon #form_ul select, .carbon
#form_ul textarea, .carbon #form_ul input[type="text"], .carbon
#form_ul input[type="password"], .carbon #form_ul
input[type="datetime"], .carbon #form_ul
input[type="datetime-local"], .carbon #form_ul
input[type="date"], .carbon #form_ul
input[type="month"], .carbon #form_ul
input[type="time"], .carbon #form_ul
input[type="week"], .carbon #form_ul
input[type="number"], .carbon #form_ul
input[type="email"], .carbon #form_ul
input[type="url"], .carbon #form_ul
input[type="search"], .carbon #form_ul
input[type="tel"], .carbon #form_ul
input[type="color"], .carbon #form_ul
.uneditable-input
	{
		box-shadow: 1px 1px 2px #222
inset;
		-moz-box-shadow: 1px 1px 2px #222 inset;
		-webkit-box-shadow:
1px 1px 2px #222 inset;
		padding-left: 12px;
		background-color:
#444;
		color: #fff;
		border: 1px solid #777;
	}

	.nform.curvy
#form_ul .c_image
	{
		border-radius: 20px;
		-moz-border-radius:
20px;
		-webkit-border-radius: 20px;
	}

	.curvy #form_ul .input-append
textarea, .curvy #form_ul .input-append input[type="text"],
.curvy #form_ul .input-append input[type="password"], .curvy
#form_ul .input-append input[type="datetime"], .curvy #form_ul
.input-append input[type="datetime-local"], .curvy #form_ul
.input-append input[type="date"], .curvy #form_ul .input-append
input[type="month"], .curvy #form_ul .input-append
input[type="time"], .curvy #form_ul .input-append
input[type="week"], .curvy #form_ul .input-append
input[type="number"], .curvy #form_ul .input-append
input[type="email"], .curvy #form_ul .input-append
input[type="url"], .curvy #form_ul .input-append
input[type="search"], .curvy #form_ul .input-append
input[type="tel"], .curvy #form_ul .input-append
input[type="color"], .curvy #form_ul .input-append
.uneditable-input 
	{
		border-top-right-radius:
0px;
		-moz-border-top-right-radius:
0px;
		-webkit-border-top-right-radius:
0px;
		border-bottom-right-radius:
0px;
		-moz-border-bottom-right-radius:
0px;
		-webkit-border-bottom-right-radius: 0px;
	}
	.nform.curvy
#form_ul .input-append .add-on:last-child
	{
		border-top-right-radius:
10px;
		-moz-border-top-right-radius:
10px;
		-webkit-border-top-right-radius:
10px;
		border-bottom-right-radius:
10px;
		-moz-border-bottom-right-radius:
10px;
		-webkit-border-bottom-right-radius:
10px;
	}
	.nform.carbon.curvy #form_ul .input-append
.add-on:last-child
	{
		border-top-right-radius:
10px;
		-moz-border-top-right-radius:
10px;
		-webkit-border-top-right-radius:
10px;
		border-bottom-right-radius:
10px;
		-moz-border-bottom-right-radius:
10px;
		-webkit-border-bottom-right-radius: 10px;
		background-color:
#666;
		border: 1px solid #777;
	}
	.nform.carbon #form_ul .input-append
.add-on:last-child
	{
		background-color: #666;
		border: 1px solid
#777;
	}
	.nform #form_ul .input-append
	{
		margin-right:
26px;
	}

	.nform #form_ul .add-on
	{
		box-sizing:
border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing:
border-box;
	}
	.nform .input-append .add-on
	{
		padding-top:
7px;
		cursor: pointer;
	}
	.preview_form .nform .input-append
.add-on
	{
		padding-top: 3px;
		cursor: pointer;
	}

	//
Modal
	.nform .close_custom
	{
		font-size: 32px;
		margin-top:
15px;
		margin-right: 15px;
	}
	.bootstrap .close
	{
		text-align:
center;
		vertical-align: middle;
		line-height: 30px;
	}
	.nform
.nform_res
	{
		padding-left: 15px;
		padding-right: 15px;
		display:
block;
		margin: 8px;
		margin-top: 0px;
		line-height:
125%;
		text-shadow: none;
	}
	.nform
.nform_res.alert-error
	{
		background-color: inherit;
		border:
none;
		text-shadow: none;
	}
	.nform
.nform_res.nform_success
	{
		padding: 50px 20px;
		text-align:
center;
		font-size: 24px;
		color: #999;
		text-shadow: 0px 0px 1px
#fff;
		width: 90%;
		white-space:
pre-line;
	}
	.wysiwyg-font-size-large {
		font-size:
large;
	}
	.wysiwyg-font-size-small {
		font-size:
small;
	}

	.bootstrap #form_ul .nform_res.alert-error {

		color:
rgb(226, 33, 30);

	}
	.nform #form_ul
.fileupload-cover.btn
	{
		width: auto;
		display:
inline-block;
		white-space: nowrap;
		padding: 2px 10px;
		font-weight:
bold;
		position: relative;
		cursor: pointer;
		height:
25x;
		line-height: 30px;
		box-sizing: content-box;
		-moz-box-sizing:
content-box;
		-webkit-box-sizing: content-box;
		min-width:
75px;

	}
	.nform #form_ul .fileupload
	{
		/* IE 8 */
		-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		/* IE
5-7 */
		filter: alpha(opacity=0);
		/* Netscape */
		-moz-opacity:
0.0;
		/* Safari 1.x */
		-khtml-opacity: 0.0;
		/* Good browsers
*/
		opacity: 0.0;
		z-index: 100;
		position: absolute;
		top:
0px;
		left: 0px;
		cursor: pointer;
		margin: 0;
		cursor:
pointer;
		width: 98%;
	}
	.nform #form_ul.fileupload
span
	{
		cursor: pointer;
	}




	.nform #form_ul.upload_ul
li
	{
		display: block;
		height:30px;
		margin: 3px 0px;
		padding:
0;
		list-style: none;
	}
	.nform #form_ul.upload_ul
	{
		margin:
0;
		margin-top: 8px;
		padding: 0;
		min-width: 270px;
		margin-left:
0px;
	}
	.bootstrap .upload_ul
	{
		margin: 0;
		margin-top:
8px;
		padding: 0;
		min-width: 270px;
		margin-left:
0px;
	}
	.upload_ul .progress
	{
		margin-bottom: 0px;
		margin-right:
0px;
		width: 64%;
		display: inline-block;
		height: 30px;
		float:
left;
	}
	#form_ul .cover_fileupload
	{
		display:
inline-block;
		width: 30%;
		height: 30px;
		margin-left:
6px;
	}
	#form_ul .file_name
	{
		vertical-align: top;
		font-size:
11px;
		line-height: 30px;
		height: 30px;
		color: #888;
		position:
absolute;
		display: inline-block;
		width: 60px;
		padding-left:
20px;
	}
	#form_ul .file_name .icon-trash
	{
		padding-top:
5px;
		padding-bottom: 5px;
		position: absolute;
		left: 0px;
		top:
6px;
		cursor: pointer;
	}
	.bootstrap.nform li .bar
.name_bar
	{
		font-size: 13px;
		font-style: italic;
		line-height:
30px;
	}

	.nform #form_ul .input-append
	{
		display:
inline-block;
	}
	.nform.vertical #form_ul .box_cover
	{
		display:
block;
		width: auto;
		max-width: 100%;
	}

	.nform.vertical #form_ul
.cap_cover
	{
		text-align: left;
		display: block;
		width:
auto;
	}
	.vertical #form_ul .label_stars,
	.vertical #form_ul
.label_thumb,
	.vertical #form_ul .label_smiley 
	{
		display: block
!important;
	}
	.opt_val
	{
		display: none;
		color:
#666;
		padding-left: 8px;
	}
	.vertical #form_ul
.opt_val
	{
		display: inline-block;
		width: 96%;
		background:
white;
	}

	#form_ul .matrix_table
	{
		width: 100%;
	}
	#form_ul
.matrix_table td:nth-child(even)
	{
		background-color: rgba(238, 238,
238, 0.56);
	}
	#form_ul .matrix_table
td:nth-child(1n+7)
	{
		background-color: #fff;
	}
	#form_ul
.matrix_table tr:nth-child(even)
	{
		background-color: rgba(228, 228,
228, 0.27);
	}

	#form_ul .matrix_table thead td
	{
		font-weight:
bold;
		border-bottom: 1px dotted #ccc;
	}


	#form_ul .matrix_table
.matrix_left_c
	{
		padding-left: 8px;
	}
	#form_ul .matrix_table
.matrix_right_c
	{
		background-color: none
!important;
	}


	#form_ul td.matrix_label
	{
		width:
50%;
		line-height: 30px;
	}
	#form_ul
td.matrix_label_2
	{
		text-align: center;
		font-weight:
bold;
		font-size: 13px;
		padding: 8px;
		width: 
	}
	#form_ul
.matrix_cell
	{
		text-align: center;
	}

	/*********************
Modal Styles *********************/
	.bootstrap .modal
.nform
	{
		box-shadow: none;
		-moz-box-shadow:
none;
		-webkit-box-shadow: none;
		border: none;

	}
	.bootstrap
.modal
	{
		background-color: none; 
		width: auto
!important;
		overflow-y: auto;
		max-height: 80%;
		overflow-x:
hidden;
	}
	.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
	.clearfix:after{clear:both;}
	.hide-text{font:0/0
a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
	.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


	.bootstrap
.modal{ width: auto; background-color: inherit; border: none;
top:10%;left:50%;z-index:1050;width:560px;margin-left:-220px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:none;}

	.bootstrap
.modal.in{top:10%;}

	.bootstrap .modal-header{padding:9px
15px;border-bottom:1px solid #eee;}.bootstrap .modal-header
.close{margin-top:2px;}
	.bootstrap .modal-header
h3{margin:0;line-height:30px;}
	.bootstrap
.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:15px;}
	.bootstrap
.modal-form{margin-bottom:0;}
	.bootstrap .modal-footer{padding:14px 15px
15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px
solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px
6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0
#ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0
#ffffff;*zoom:1;}.bootstrap .modal-footer:before,.bootstrap
.modal-footer:after{display:table;content:"";line-height:0;}
	.bootstrap
.modal-footer:after{clear:both;}
	.bootstrap .modal-footer
.btn+.btn{margin-left:5px;margin-bottom:0;}
	.bootstrap .modal-footer
.btn-group .btn+.btn{margin-left:-1px;}
	.bootstrap .modal-footer
.btn-block+.btn-block{margin-left:0;}
	.bootstrap
.modal_close{
		position: absolute; 
		top: 7px; 
		right: 7px;

		background: inherit; 
		border: none; 
		font-size: 22px; 
		height:
28px; 
		width: 28px; 
		font-weight: bold; 
		line-height: 28px;

		padding: 0px;
		z-index: 1001;
		color: #444 !important;
		opacity:
.4 !important;
	}

	.bootstrap .modal_close:hover,
.modal_close:active
	{
		background: inherit;
		opacity: .7
!important;
		box-shadow: none;
		-moz-box-shadow:
none;
		-webkit-box-shadow: none;
	}

	/**** BootStrap Fixes
*****/


	.nform .bootstrap-timepicker-widget input {
		width: 35px
!important;
		border-radius: 3px !important;
		font-size: 12px
!important;
	}
	.nform .bootstrap-timepicker-widget table td
a
	{
		padding: 0px;
	}
	.nform #form_ul
input.bootstrap-timepicker-hour,
	.nform #form_ul
input.bootstrap-timepicker-minute,
	.nform #form_ul
input.bootstrap-timepicker-meridian
	{
		height: 26px
!important;
		max-height: 26px !important;
		min-height: 26px
!important;
	}
	.nform #form_ul .bootstrap-timepicker-widget table
td
	{
		height: 24px;
	}






	/* DATEPICKER */
	.datepicker {
top: 0; left: 0; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px; /*.dow { border-top: 1px solid
#ddd !important; }*/ } .datepicker:before { content: ''; display:
inline-block; border-left: 7px solid transparent; border-right: 7px solid
transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0,
0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker:after {
content: ''; display: inline-block; border-left: 6px solid transparent;
border-right: 6px solid transparent; border-bottom: 6px solid #ffffff;
position: absolute; top: -6px; left: 7px; } .datepicker > div { display:
none; } .datepicker table { width: 100%; margin: 0; } .datepicker td,
.datepicker th { text-align: center; width: 20px; height: 20px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.datepicker td.day:hover { background: #eeeeee; cursor: pointer; }
.datepicker td.old, .datepicker td.new { color: #999999; } .datepicker
td.active, .datepicker td.active:hover { background-color: #006dcc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc),
to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc,
#0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(top, #0088cc, #0044cc);
background-repeat: repeat-x; filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',
endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc
#002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0,
0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker
td.active:hover, .datepicker td.active:hover:hover, .datepicker
td.active:active, .datepicker td.active:hover:active, .datepicker
td.active.active, .datepicker td.active:hover.active, .datepicker
td.active.disabled, .datepicker td.active:hover.disabled, .datepicker
td.active[disabled], .datepicker td.active:hover[disabled] {
background-color: #0044cc; } .datepicker td.active:active, .datepicker
td.active:hover:active, .datepicker td.active.active, .datepicker
td.active:hover.active { background-color: #003399 \9; } .datepicker td
span { display: block; width: 47px; height: 54px; line-height: 54px; float:
left; margin: 2px; cursor: pointer; -webkit-border-radius: 4px;
-moz-border-radius: 4px; border-radius: 4px; } .datepicker td span:hover {
background: #eeeeee; } .datepicker td span.active { background-color:
#006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc),
to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc,
#0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(top, #0088cc, #0044cc);
background-repeat: repeat-x; filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',
endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc
#002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0,
0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td
span.active:hover, .datepicker td span.active:active, .datepicker td
span.active.active, .datepicker td span.active.disabled, .datepicker td
span.active[disabled] { background-color: #0044cc; } .datepicker td
span.active:active, .datepicker td span.active.active { background-color:
#003399 \9; } .datepicker td span.old { color: #999999; } .datepicker
th.switch { width: 145px; } .datepicker th.next, .datepicker th.prev {
font-size: 13px; } .datepicker thead tr:first-child th { cursor: pointer; }
.datepicker thead tr:first-child th:hover { background: #eeeeee; }
.input-append.date .add-on i, .input-prepend.date .add-on i { display:
block; cursor: pointer; width: 16px; height: 16px;
}

	.datepicker.dropdown-menu
	{
		position:
absolute;
		background-color: #fff;
		display: none;
		border: 1px solid
#DDD;
		box-shadow: 0px 1px 2px #ddd;
		-moz-box-shadow: 0px 1px 2px
#ddd;
		-webkit-box-shadow: 0px 1px 2px #ddd;
		z-index:
10000;
		padding: 8px 8px 8px 8px;
		font-size: 13px;
	}
	.datepicker
td.active:hover, .datepicker td.active:hover:hover, .datepicker
td.active:active, .datepicker td.active:hover:active, .datepicker
td.active.active, .datepicker td.active:hover.active, .datepicker
td.active.disabled, .datepicker td.active:hover.disabled, .datepicker
td.active[disabled], .datepicker td.active:hover[disabled]
{
		background-color: #999;
	}
	.datepicker .day.disabled
	{
		color:
#999;
	}
	.datepicker td
	{
		padding: 3px;
		width:
14px;
		line-height: 21px;
		border: 0px;
		font-size:
12px;
	}
	.datepicker td.active,
	.datepicker
td.active:hover
	{
		background-image: none;
		background-color:
rgba(40, 101, 224, 0.70);
	}
	.datepicker th.dow
	{
		padding-top:
6px;
	}
	.datepicker th.prev, .datepicker th.next

	{
		background-color: #F4F4F4;
	}
	.datepicker th
	{
		font-weight:
bold; font-size: 13px;
	}
	.datepicker th.switch
	{
		line-height:
30px;
	}
	.nform #form_ul .icon-envelope, .nform #form_ul .icon-home,
.nform #form_ul .icon-time
	{
		vertical-align: middle;
		margin-bottom:
3px;
	}

	th .icon-arrow-left {
		vertical-align: middle;
		display:
inline-block;
		width: 20px;
		height: 20px;
		margin-top:
1px;
		line-height: 20px;
		background-repeat: no-repeat;
	}
	th
.icon-arrow-right {
		vertical-align: middle;
		display:
inline-block;
		width: 20px;
		height: 20px;
		margin-top:
1px;
		line-height: 20px;
		background-repeat: no-repeat;
	}
	.nform
hr
	{
		background-color: #ddd;
		height: 1px;
		box-shadow:
none;
		border: none;
		margin-top: 10px;
		margin-bottom:
10px;
	}

	#drive_load
	{
		position: absolute;
		width:
120px;
		line-height: 32px;
		font-size: 13px;
		color:
#444;
		font-style: italic;
		margin-left: 12px;
	}


	#form_ul
.inline2 .element_id, #form_ul .inline3 .element_id, #form_ul .inline4
.element_id
	{
		opacity: 0;
		-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:
alpha(opacity=0);
	}
	#form_ul .inline2:hover .element_id, #form_ul
.inline3:hover .element_id, #form_ul .inline4:hover
.element_id
	{
		opacity: 1;
		-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter:
alpha(opacity=100);
	}
	#form_ul .inline2.nform_li_before
.element_id,
	#form_ul .inline3.nform_li_before .element_id,
	#form_ul
.inline4.nform_li_before .element_id
	{
		opacity: 1;
		-ms-filter:
"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter:
alpha(opacity=100);
	}


	#form_ul li.inline2, .inline2
	{
		display:
inline-block;
		width: 50%;
		vertical-align: top;
		box-sizing:
border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing:
border-box;

	}

	#form_ul li.inline1, .inline1
	{
		display:
block;
		width: 100%;
		vertical-align: top;
		min-width:
210px;

	}

	#form_ul li.inline2 .cap_cover
	{
		text-align:
left;

	}


	.nform.star_true .show_1
	{
		display: none
!important;
	}

	#form_ul li.inline3, .inline3
	{
		display:
inline-block;
		width: 33.3%;
		vertical-align: top;
		box-sizing:
border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing:
border-box;
	}

	#form_ul li.inline4, .inline4
	{
		display:
inline-block;
		width: 25%;
		vertical-align: top;
		box-sizing:
border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing:
border-box;
	}

	#form_ul li
	{
		padding: 1%;
		margin:
0;
	}
	.element_id
	{
		display: none;
	}
	.form_ul > li, #form_ul
> li
	{
		background-image: none !important;
		margin:
0;
		position: relative;
	}
	#form_ul >
li.hidden_li
	{
		background: inherit;
		height: 0px;
		padding-top:
0px !important;
		padding-bottom: 0px !important;
		margin:
0px;
	}
	.preview_form #form_ul > li.hidden_li
	{
		background:
#fafafa;
		height: 8px;
		padding-top: 0px !important;
		padding-bottom:
0px !important;
	}
	#form_ul > li.hidden_li
	{
		height:
8px;

	}

	.nform #form_ul > li > div
	{
		margin: auto
8px;
	}

	#form_ul li.inline3 .cap_cover, #form_ul li.inline4
.cap_cover
	{
		text-align: left;
	}


	.nform
.ref_link
	{
		line-height: 20px;
		display: block;
		font-size:
11px;
		font-style: none;
		text-decoration: none;
		margin-top:
-10px;
		margin-bottom: 4px;
	}
	.nform #form_ul .q_cover
.tooltip
	{
		min-width: 120px;
		line-height: 135%;
	}
	.nform
#form_ul .q_cover
	{
		display: inline-block;
		width:
25px;
		vertical-align: top;
		display: none;
		position:
absolute;
		right: 10px;
		top: -1px;
		height: 100%;
	}
	.fly_form
.nform #form_ul .q_cover,
	.modal .nform #form_ul .q_cover
	{
		right:
32px;
	}
	.rtl #form_ul .q_cover
	{
		left: 12px;
		right:
auto;
	}

	.nform .box_cover > div
	{
		display:
inline-block;
	}


	/* Responsive */
	@media screen and
(max-device-width: 740px){
		.bootstrap .modal
		{
			width: 94%
!important;
			left: 3% !important;
			right: 3% !important;
			margin:
0px !important;
			top: 15% !important;
		}

		.nform #form_ul
textarea, .nform #form_ul input[type="text"], .nform #form_ul
input[type="password"], .nform #form_ul
input[type="datetime"], .nform #form_ul
input[type="datetime-local"], .nform #form_ul
input[type="date"], .nform #form_ul
input[type="month"], .nform #form_ul
input[type="time"], .nform #form_ul input[type="week"],
.nform #form_ul input[type="number"], .nform #form_ul
input[type="url"], .nform #form_ul
input[type="search"], .nform #form_ul
input[type="tel"], .nform #form_ul input[type="color"],
.nform #form_ul .uneditable-input, .nform #form_ul
select
		{
			-webkit-appearance: none !important;
		}

		#form_ul
li.inline2, #form_ul li.inline3, #form_ul li.inline4
		{
			width:
auto;
			display: block;
		}
		.nform
		{
			width: 94%
!important;
			margin-top: 3%
!important;
		}
		.logo_form
		{
			width: 60%;
		}
		#form_ul
.tooltip
		{
			display: none !important;
		}
		#form_ul .cap_cover,
#form_ul .input_cover
		{
			display: block !important; 
			width: 100%
!important;
			text-align: center !important;
		}
		.vertical
.cap_cover, .vertical .input_cover
		{
			display: block !important;

			width: 100% !important;
			text-align: left
!important;
		}
		.placeholder #form_ul .cap_cover
		{
			display: none
!important;
		}
		.reason_ta
		{
			width: 90%
!important;
		}
		.vertical .opt_val
		{
			width: 80%;
			text-align:
left;
		}
		#form_ul .valid_show
		{
			display: block;
			position:
static !important;
			margin-top: 6px;
			margin-left: auto
!important;
			margin-right: auto !important;
			width:
100%;
			box-sizing: border-box;
			-moz-box-sizing:
border-box;
			-webkit-box-sizing: border-box;
			font-size:
13px;
		}

		#form_ul .valid_show:before, #form_ul
.valid_show:after
		{
			display: none !important;
		}
		.nform
.upload_input_cover
		{
			text-align: center !important;
			max-width:
auto !important;
			margin-right: auto;
			margin-left: auto;
			cursor:
auto;
		}
		.nform .fileupload-cover
		{
			display:
block;
		}
		.nform .label_radio, .nform
.label_check
		{
			text-align: left;
		}
		.nform
.box_cover
		{
			max-width: 100%;
			width: 100%;
		}
		.nform
#form_ul input[type="email"]
		{
			min-height:
34px;
		}
	}