/* ------------------------------------------------------------------------------------ */
	 input,
	 textarea 			{font-family: inherit; font-size: inherit;}

	 textarea.medium	{height:90px;}
	 textarea.large 	{height:130px;}

	 ul.lst-reset		{list-style:none; padding:0; margin:0;}
	 ul.lst-reset>li	{list-style:none; position:relative;}
	 
	 fieldset.reset		{border:none; padding:0; margin:0; outline:none;}

	
/* ------------------------------------------------------------------------------------ */
	.form-group								 {display:block; padding-bottom:20px;}
	.form-group>.form-col-20				 {float:left; width:20%; display:inline-block;}
	.form-group>.form-col-30				 {float:left; width:30%; display:inline-block;}
	.form-group>.form-col-40				 {float:left; width:40%; display:inline-block;}
	.form-group>.form-col-50				 {float:left; width:50%; display:inline-block;}
	.form-group>.form-col-60				 {float:left; width:60%; display:inline-block;}
	.form-group>.form-col-70				 {float:left; width:70%; display:inline-block;}


/*	 label.form-group>span.font-tiny				{padding-left:4px; display:inline-block;}	*/
	.form-group.float-left + .form-group.float-left {padding-left:20px;}


/* ------------------------------------------------------------------------------------ */
	.form-control::-webkit-input-placeholder {line-height:1.3em; font-size:0.9em; font-weight:normal; }
	.form-control:-moz-placeholder 			 {line-height:1.3em; font-size:0.9em; font-weight:normal; opacity:  1;}
	.form-control::-moz-placeholder 		 {line-height:1.3em; font-size:0.9em; font-weight:normal; opacity:  1;}
	.form-control:-ms-input-placeholder 	 {line-height:1.3em; font-size:0.9em; font-weight:normal; }

	.form-group.relative .fa.icon,
	.form-group.relative .fa.error-icon		 {position:absolute; right:9px; bottom:28px;}


/* ------------------------------------------------------------------------------------ */
	select											{-webkit-appearance:none; -moz-appearance:none; appearance:none;
													 background-image:url('/Content/images/form/dropdown-arrow.png') !important;
													 background-position:right center; background-repeat: no-repeat;}

	span.form-control								{display:block}

	ul.color-list,
	ul.form-control,
	span.form-control,
	input[type=date].form-control,
	input[type=text].form-control,
    input[type=number].form-control,
    input[type=date].form-control,
    input[type=month].form-control,
	input[type=password].form-control,
	input[type=select-one].form-control,
	div.selectize-input,
	button.form-control,
	select.form-control,
	textarea.form-control							{font-weight:700; color:#000; width:100%; padding:7px 12px; margin-top:3px; border-radius:4px;}

	select.form-control								{padding-right:30px;}

	span.form-control,
	ul.form-control,
	input.form-control,
	button.form-control,
	select.form-control,
	textarea.form-control							{border:1px solid #bbb; background-color:#ffffff;
													 -webkit-appearance: none; 
													 -moz-appearance: none; }

	.item-boxed input.form-control,
	.item-boxed button.form-control,
	.item-boxed select.form-control,
	.item-boxed textarea.form-control				{border:2px solid #aaa;}


	span.form-control.readonly,
	input[type=text].form-locked,
    input[type=number].form-locked,
	input[type=password].form-locked,
	input[readonly=readonly],
	button.form-locked,
	select.form-locked,
	textarea.form-locked							{background-color:rgba(0,0,0,0.03); color:#333;}

	input[type=text].icon-right,
    input[type=number].icon-right,
	input[type=password].icon-right					{float:left; padding-right:50px;}
	input[type=text].text-right.icon-right			{padding-right:50px !important;}
	
	input[type=text].icon-right+span.font-small		{display:inline-block; float:right; margin-top:2px; margin-left:-45px; padding-right:15px; height:38px; line-height:38px;}
	input[type=text].icon-right+span.fa,
    input[type=number].icon-right+span.fa,
	input[type=password].icon-right+span.fa			{float:right; margin-left:-40px; padding-right:10px; height:38px; line-height:38px; width:38px; text-align:center;}


	input[type=text].icon-left,
    input[type=number].icon-left,
	input[type=password].icon-left					{padding-left:50px;}
	
	input[type=text].icon-left+span.fa,
    input[type=number].icon-left+span.fa,
	input[type=password].icon-left+span.fa			{margin-top:-38px; height:38px; line-height:38px;}


/* ------------------------------------------------------------------------------------ */
	 input[type=checkbox].form-control.fa				{position:relative; border-width:2px; border-color:#888; border-radius:3px;
														 width:20px; height:20px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size:12pt; 
														 text-rendering: auto; -webkit-font-smoothing: antialiased;}
	 input[type=checkbox].form-control.fa:after			{position:absolute; top:0px; left:0px; display:inline-block; font-weight:bold; content:" "}
	 input[type=checkbox].form-control.fa:after			{color:#000;}
	 input[type=checkbox].form-control.fa:focus:after	{color:#0077dd; }
	 input[type=checkbox].form-control.fa:checked:after	{content:"X"; font-family:sans-serif; font-size:14px; font-weight:bold; display:block; text-align:center; 
														 width:16px; height:16px; line-height:16px;}
	 xinput[type=checkbox].form-control.fa:checked:after{content:"\f00c"}


	 input[type=checkbox].form-control.custom			{position:relative; width:20px; height:20px; background-image:url('/Content/images/form/form-checkbox.png');
														 background-repeat:no-repeat; background-size:20px; border:none; opacity:0.7; flex-shrink:0;}
	 input[type=checkbox].form-control.custom:checked	{background-image:url('/Content/images/form/form-checkbox-checked.png'); opacity:1}


	 input[type=radio].form-control.custom				{position:relative; width:20px; height:20px; background-image:url('/Content/images/form/form-radio.png');
														 background-repeat:no-repeat; background-size:20px; border:none; opacity:0.7; border-radius:20px; margin:3px 3px 3px 4px;}
	 input[type=radio].form-control.custom:checked		{background-image:url('/Content/images/form/form-radio-checked.png'); opacity:1}


/* ------------------------------------------------------------------------------------ */
	body.not-editable .while-editing,
	form.not-editable .while-editing						{display:none;}
	body:not(.not-editable) .before-edit,
	form:not(.not-editable) .before-edit					{display:none;}

	.not-editable input.form-control,
	.not-editable input[type=text].form-control,
	.not-editable textarea.form-control,
	.not-editable select.form-control						{padding-left:0px; padding-bottom:2px; padding-top:2px;  background-color:transparent; border:none; background-image:none !important; pointer-events: none;}
	.not-editable input.form-control:focus,
	.not-editable select.form-control:focus					{box-shadow:none;}

	.not-editable textarea.form-control:empty,
	.not-editable input.form-control[value='']				{background:url('/Content/images/form/input-empty.png') no-repeat transparent !important;}

	.not-editable .mandatory								{background-image:none !important;}

	.not-editable ul.color-picker>li						{opacity:0.2; pointer-events:none;}
	.not-editable ul.color-picker>li.sel					{opacity:1;}


	.not-editable .form-control::-webkit-input-placeholder  {color:transparent !important;}
	.not-editable .form-control:-moz-placeholder			{color:transparent !important;}
	.not-editable .form-control::-moz-placeholder			{color:transparent !important;}
	.not-editable .form-control:-ms-input-placeholder 	    {color:transparent !important;}


/* ------------------------------------------------------------------------------------ */
	.mandatory				{padding-right:20px;
							 background-image:url('/Content/images/form/form-mandatory.png');
							 background-repeat:no-repeat;
							 background-position:right center;}
	
	.form-error 			{position:absolute; left:0px; bottom:-20px; width:100%; padding:5px 50px 5px 20px;
							 background-color:#b90000; color:#fff; display:block; margin-left:230px;}
	
	.body.expanded .form-error	{margin-left:52px;}


	ul.form-control.error,
	span.form-control.error,
	div.form-control.error,
	input.form-control.error,
	input.form-control.error,
	select.form-control.error,
	textarea.form-control.error	{border-color:#b90000; background-color:#fff0f0;}


/* ------------------------------------------------------------------------------------ */
	input.show-password			{float:left;}
	input.show-password+img.show-password,
	input.show-password+img.hide-password	{float:left; margin:7px 0 0 -36px; opacity:0.5;}


/* ------------------------------------------------------------------------------------ */
	ul.color-picker				{list-style:none; width:320px !important; border-top:5px solid transparent;}
	ul.color-picker>li			{list-style:none; width:30px; height:30px; margin:5px; flex-basis:auto; border:6px solid transparent; float:left;}

	ul.icon-picker				{list-style:none; width:320px !important; border-top:5px solid transparent;}
	ul.icon-picker>li			{list-style:none; width:30px; height:30px; line-height:30px; text-align:center; margin:5px; flex-basis:auto; border:none; float:left;}


/* --------------------------------------------------------------------------------- */

	 button:focus,
	.flat-btn:focus,
	.small-btn:focus,
	.compact-btn:focus,
	.ul.color-list:focus,
	.form-control:focus,
	.selectize-input.focus,
	input[type=checkbox].form-control:focus+span.dual
								{border-color:#389FED !important; outline:0;
								-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
								 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important}

	.form-control.error:focus	{border-color:#b90000 !important; outline:0;
								-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,240,240,.6);
								 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,240,240,.6)}
	
	input[type=checkbox].form-control:focus+span.dual {border-width:0 0 3px 0; border-color:#0088ee; border-style:solid;}

	.no-focus					{border:none !important; box-shadow:none !important; -webkit-box-shadow:none !important; outline:none;}

	.selectize-dropdown			{z-index:3000 !important;}


/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
@media screen and (max-width:601px){
	 form.reg-edit,
	 form.reg-edit-x2 .col-half,
	 form.reg-edit-x2 .col-full		{margin-left:0px;}

	 form.reg-edit,					
	 form.reg-edit-x2 .col-half		{width:90%; float:none;}
}

@media screen and (max-width:900px){
	 .col-half,
	 .col-full		{margin-left:0px;}	 			
	 .col-half		{width:90%; float:none;}
}
@media screen and (max-width:1000px){
	 .form-group.float-left + .form-group.float-left {padding-left:10px;}

	  input[type=text].form-control,
      input[type=number].form-control,
	  input[type=password].form-control,
	  button.form-control,
	  select.form-control,
	  textarea.form-control							{padding-left:8px; padding-right:5px;}

	  input.form-control.text-right					{padding-left:5px !important; padding-right:10px !important;}
}



/* ------------------------------------------------------------------------------------ */
	.popup-edit				{position:fixed;	top:0px; left:0px; width:100vw; height:100vh; background-color:rgba(0,0,0,0.4); z-index:1120;}
	.edit-box				{position:absolute; top:5vh; left:50%; width:65vw; min-height:30vh; transform:translate(-45%, 0); padding:0 40px 20px 40px;}

	.edit-box-tabs			{position:absolute; top:-32px; left:0px;}
	.edit-box-tabs>li		{height:29px; line-height:29px; padding:0px 15px; margin:2px 2px 0 0; background-color:#e8e6e2;}
	.edit-box-tabs>li.sel	{height:32px; line-height:32px; margin:0 2px 0 0; background-color:#f8f6f2;}