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

	
/* ------------------------------------------------------------------------------------ */
	.col-half								{width:50%;}
	.col-half.pull-left						{padding-right:7%;}

	.col-full								{width:100%;}
	.col-full.pull-left						{padding-right:3.5%;}

	.col-third								{width:33%;}
	.col-third.pull-left					{padding-right:7%;}

	.col-2third								{width:66%;}
	.col-2third.pull-left					{}

	.col-forth								{width:25%;}
	.col-forth.pull-left					{padding-right:5%;}


/* ------------------------------------------------------------------------------------ */
	.form-group								 {display:block; padding-bottom:20px; }
	.form-group.hidden						 {display:none;}
	.form-group.float-left + .form-group.float-left {padding-left:20px;}

	.form-group.with-right-btn				 {position:relative;}
	.form-group.with-right-btn>select		 {padding-right:40px; background-position:right 40px center;}
	.form-group-right-btn					 {position:absolute; bottom:21px; right:1px; display:inline-block; width:40px; line-height:24px; height:31px; 
											  z-index:10; background-color:#fff; padding:5px 0px 5px 14px; 
											  border-width:1px; border-color:#bbb; border-style:none none none dotted; border-radius:0 4px 4px 0;}
	.form-group-right-btn:hover				 {background-color:#f0f0f0;}
	.form-group-right-btn:active			 {background-color:var(--base-bkg); color:var(--base-color);}

	.selectize-simple+.form-group-right-btn	 {bottom:24px; height:36px; }


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


/* ------------------------------------------------------------------------------------ */
	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;}
	select>option									{padding:3px 10px; line-height:30px;}

	span.form-control								{display:block}

	ul.color-list,
	span.form-control,
	input[type=text].form-control,
    input[type=number].form-control,
	input[type=password].form-control,
	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;}

	input[type=text].form-inverted,
    input[type=number].form-inverted,
	input[type=password].form-inverted,
	button.form-inverted,
	select.form-inverted,
	textarea.form-inverted							{font-weight:700; background-color:#222; color:#fff; width:100%; padding:7px 12px;}

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

	input.w100,
	button.w100,
	select.w100										{width:100%;}


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

	 input[type=checkbox].form-control.chkbx.fa					{position:relative; width:20px; height:20px; line-height:20px; display:inline-block; margin:0 10px 0 0; border-radius:2px;}
	 input[type=checkbox].form-control.chkbx.fa:after			{position:absolute; left:0px; top:0px; width:20px; height:20px; line-height:20px; display:inline-block; font-weight:bold; text-align:center}
	 input[type=checkbox].form-control.chkbx.fa:after			{content:""; }
	 input[type=checkbox].form-control.chkbx.fa:checked:after	{content:"\f00c"; color:#000 !important;}

	 input[type=checkbox].form-control.chkbx.fa+span			{line-height:20px; display:inline-block; padding-top:1px;}



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


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

	input.form-control.error:after,
	input.form-control.error:after,
	select.form-control.error:after,
	textarea.form-control.error:after		{content:'abcd'; color:#b90000;}


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

	
/* ------------------------------------------------------------------------------------ */
	input.grid-control				{height:35px;border:none; line-height:35px; margin:-6px 0; display:inline-block;}
	input.grid-control.error		{background-color:#fff0f0;}
	input.grid-control:focus		{border-bottom:1px solid #80bb00;}

	span.grid-control				{height:35px;border:none; line-height:35px; margin:-6px 0; display:inline-block; width:100%; position:relative;}
	span.grid-control>input:focus	{border-bottom:1px solid #80bb00;}

	
/* ------------------------------------------------------------------------------------ */
	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.color-picker>li.sel		{width:40px; height:40px; margin:0px;}

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


/* ------------------------------------------------------------------------------------ */
	.std-btn					{padding:10px 20px !important; 
							     /* box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); */}
	.flat-btn					{padding:2px 10px; line-height:24px; cursor:pointer; border-radius:4px; border:0; text-decoration:none; text-transform: uppercase;
							     /* box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); */}
	.small-btn					{padding:4px 10px; border-radius:4px;}
	.compact-btn				{padding:5px 30px; line-height:20px; cursor:pointer; border-radius:6px; border:0; text-decoration:none;}
	
	.flat-btn.dark				{background:#222222; color:#fff;}
	.flat-btn.success			{background:#00a900; color:#fff;}
	.flat-btn.danger		 	{background:#b90000; color:#fff;}
	.flat-btn.atention		 	{background:#fede00; color:#000;}
	.flat-btn.grayed		 	{background:#aaaaaa; color:#000;}
	.flat-btn.hollow		 	{background:rgba(0,0,0,0.1); color:#fff; border:1px solid #fff !important;}
	.flat-btn.discrete		 	{background:rgba(0,0,0,0.1); color:#000;}
	
	.flat-btn.disabled,
	.flat-btn.disabled:hover	{background:#aaa !important; color:#666 !important; cursor:default}
	
	.no-btn						{background-color:transparent; border:none; outline:0; }

	.round-btn					{width:39px; height:40px; line-height:32px; padding:4px 0; text-align:center; display:inline-block;
								 border-radius:60px;}
	.round-btn img				{max-width:100%; max-height:100%;}

	.anim-btn					{transition: all 200ms ease}
	.anim-btn:hover				{transform: scale(1.4);}
	.anim-btn.anim-red:hover	{color:#b90000;}

	.composed-btn				{display:inline-block; position:relative; padding:0 10px;}
	.composed-btn>span			{display:inline-block; height:36px; line-height:36px; margin:0 5px; overflow:hidden;}
	.composed-btn .fa::before	{display:inline-block; height:36px; line-height:36px;}

	.composed-btn.btn-center	{padding-top:3px;}
	.composed-btn:hover .circle-btn		{transform: scale(1.4); transition: all 200ms ease}


	.transparent-btn			{position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:1; border:none; background-color:rgba(0,0,0,0);}

	.circle-btn					{display:inline-block; text-align:center; width:36px; height:36px; line-height:36px; border-radius:100px;}
	.circle-btn.success			{background-color:#00b900; color:#fff;}
	.circle-btn.discrete		{background-color:rgba(0,0,0,0.05); color:#000;}
	.circle-btn.nobkg			{background-color:transparent; color:#000;}
	.circle-btn.small			{width:24px; height:24px; line-height:24px;}

	.btn-delete					{display:inline-block; width:36px; height:36px; line-height:36px; opacity:0.5; position:fixed; right:30px; top:calc(100vh - 60px);}
	.btn-delete:hover			{opacity:1; background-color:#b90000; color:#fff;}

	.clear-btn					{display:inline-block; color:rgba(0,0,0,0.2); padding:8px 12px;}
	.clear-btn:hover			{transform: scale(1.4); transition: all 200ms ease; color:rgba(0,0,0,0.5); }


	.discrete-btn				{text-decoration:none; border:1px solid #888; border-radius:3px; padding:3px 9px; margin:0 0 0 5px; display:inline-block; }


/* ------------------------------------------------------------------------------------ */
    .btn-file 				   {position:relative; overflow:hidden; margin-top:5px;}
    .btn-file input[type=file] {position:absolute; top:0; right:0; min-width:100%; min-height:100%; font-size:100px;
								text-align:right; filter:alpha(opacity=0); opacity:0; outline:none; background:white;
								cursor:inherit; display:block;}


/* ------------------------------------------------------------------------------------ */
	img.thumb-200				{width:100%; max-width:400px;}
	img.thumb-600				{width:100%; max-width:600px; margin-bottom:10px;}
	img.fit						{max-width:98%;}


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

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

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

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



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