/* ------------------------------------------------------------------------------------ */
	 label				{display:block;}

	 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-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; }

	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}


/* ------------------------------------------------------------------------------------ */
	.mandatory				{padding-right:20px;
							 background-image:url('/Content/images/form/form-mandatory.png');
							 background-repeat:no-repeat;
							 background-position:right center;}
	
	.form-error 			{padding:5px 50px 5px 20px;background-color:#b90000; color:#fff; display:block; border-radius:4px;}
	

/* ------------------------------------------------------------------------------------ */
	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;}

	.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.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;}


/* --------------------------------------------------------------------------------- */
	.flat-btn						{display:inline-block; line-height:35px; padding:0 20px; border-radius:6px; text-wrap:avoid; white-space:nowrap; text-decoration:none;}
	.flat-btn.compact-btn			{line-height:24px; padding:0 15px; border-radius:6px;}

	.flat-btn.black-bkg				{background-color:#000; color:#fff; border-color:#333;}
	.flat-btn.app-bkg				{background-color:var(--app-bkg); color:var(--app-text); border-color:var(--app-bkg);}
	.flat-btn.green-bkg				{background-color:#0a0; color:#fff; border-color:#0a0;}
	.flat-btn.red-bkg				{background-color:#a00; color:#fff; border-color:#a00;}
	.flat-btn.gray-bkg				{background-color:#444; color:#fff; border-color:#444;}
	.flat-btn.white-bkg				{background-color:#fff; color:var(--app-bkg); border-color:#ddd;}
	.flat-btn.discrete-bkg			{background-color:rgba(0,0,0,0.05); color:#666; border-color:#888;}

	.flat-btn:active:hover			{opacity:0.6;}

	 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}

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


/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
@media screen and (max-width:1000px){
	  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;}
}