/* Created 11-28-2016 */
/*@docRIC 200606_0945 - Added custom file inputs */

#content {width:995px;margin:0 auto;position:relative;background-color:#EBF2F5;border: 2px solid #C3C3C3;}
#content_media { max-width:995px;margin:0 auto;position:relative;background-color:#EBF2F5;border: 2px solid #C3C3C3;}

/* Created 12-26-2023 */
/*@docGregg 231226_1245 - Added custom file inputs */
#contentwide {margin:0 auto;position:relative;background-color:#EBF2F5;border: 2px solid #C3C3C3;}

#js_needed {clear:both; text-align:center; vertical-align: middle; color: #F00; background-color: #f2c6de; font-size: 16pt; font-weight: bold; padding: 2px 5px 3px;}
#spinner {display: none; background-color:lightgray; position: fixed; left:0; top:0; height:100%; width:100%; opacity: 0.5; z-index:10000; }

div.menu { margin-bottom:15px;  }
div.menu_hdr  {
		background: -webkit-gradient(linear, left top, left bottom, from(#D7D0D0), to(gray));
		background: -moz-linear-gradient(top, #D7D0D0, gray);
		background-color: #D7D0D0;
		font: 14px/100% sans-serif, Helvetica, Arial, Verdana;
		padding: 2px;
		text-rendering: optimizeLegibility;
		letter-spacing: 0.05em;
		color: black;
		display: block;
		outline: 0;
		text-decoration: none;
		font-weight: bold;
		font-style: italic;
}
div.menu input {
	height: 26px;
	width: 98%;
	text-align: left;
	margin: 2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#015ebe), to(#00458d));
	background: -moz-linear-gradient(top, #015ebe, #00458d);
	background-color: #00458d;
	border: 1px solid #1b3f65;
	color: #fff;
	cursor: pointer;
	font: 12px/100% sans-serif, Helvetica, Arial, Verdana;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.3) inset, 0 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.3) inset, 0 1px 1px rgba(0,0,0,.2);
	box-shadow: inset;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-style: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

input.link {
		background: none!important;
		border: none;
		padding: 0!important;
		/*optional*/
		font-family: arial, sans-serif;
		/*input has OS specific font-family*/
		color: #000;
		text-decoration: underline;
		cursor: pointer;
}
input.link:hover:enabled {
		font-weight: bold;
}


input.nav {
	height: 26px;
	width: 150px;
	text-align: center;
	margin: 2px;
	background: -webkit-gradient(linear, left top, left bottom, from(#015ebe), to(#00458d));
	background: -moz-linear-gradient(top, #015ebe, #00458d);
	background-color: #00458d;
	border: 1px solid #1b3f65;
	color: #fff;
	cursor: pointer;
	font: 12px/100% sans-serif, Helvetica, Arial, Verdana;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.3) inset, 0 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.3) inset, 0 1px 1px rgba(0,0,0,.2);
	box-shadow: inset;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-style: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}
input.divlvl {
	height: 35px;
	width: 140px;
	text-align: center;
	margin: 2px;
	background-color: #00458d;
	border: 1px solid #1b3f65;
	color: #fff;
	cursor: pointer;
	font: 12px/100% sans-serif, Helvetica, Arial, Verdana;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.3) inset, 0 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.3) inset, 0 1px 1px rgba(0,0,0,.2);
	box-shadow: inset;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-style: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}
div.menu input[type="submit"]:hover:enabled, input.nav:hover:enabled, input.divlvl:hover:enabled {
		background: -webkit-linear-gradient(right, green, yellow);
		background: -moz-linear-gradient(right, green, yellow);
		background-color: green;
		color: black;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased !important;
}
div.menu input[type="submit"]:hover:enabled, input.nav:hover:enabled {
		background: -webkit-linear-gradient(right, green, yellow);
		background: -moz-linear-gradient(right, green, yellow);
		background-color: green;
		color: black;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased !important;
}
input[type="submit"]:disabled, input.nav:disabled {
	background: -webkit-linear-gradient(right, #015ebe, lightgrey);
	background: -moz-linear-gradient(right, #B0AEAE, lightgrey);
	background-color: #B0AEAE;
	color: #6E7173;
	font-style: italic;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

.js_portal {height: 23px; width: 98%; text-align: left;   vertical-align: top; font-weight: bold; font-size:9.5pt; background-color:yellow;}
.js_spacer {height:2px;}
.js5 {height:5px;}
  /* .label {} */
.menu_tbl   {clear: both; vertical-align: middle; padding-top: 2px; padding-bottom: 2px; font-size: 10.5pt; font-weight: bold;}
.portal_hdr {clear: both; vertical-align: middle; padding-top: 2px; padding-bottom: 2px; font-size: 10.5pt; font-weight: bold; background-color:black; color:white; text-align:center;}

/**/  A.bnr:hover   { background-color: black; color:white;}
/**/  A.bnr:link    { color:white;}
/**/  A.bnr:visited { color:white;}
/**/  A.menu_link:hover   {background-color: black; color:white;}
/**/  A.menu_link:link    {text-decoration: none;}
/**/  A.menu_link:visited {text-decoration: none;}
A.undr:link    { color:#000000; }
A.undr:visited { color:#000000; }
A.undr:hover   { font-weight: bold; }

/* page */
html {height:100%; font-size: 12pt;}
body {Background-color: #EBF2F5; background-position:center; background-position:top; background-attachment:fixed; vertical-align:top; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; font-family: Helvetica, Arial, sans-serif; text-align:left; table-layout: fixed;}
body.style5 { background-image : url(/_imglib/$_bkg1.jpg) }
body.style6 { background-color : rgb(179, 201, 201) }
form {margin:0;}

div.rowbnr  {clear: both; font-weight: bold; color: #FFFFFF; background-color: #015ebe; vertical-align: middle;	height:18px; font: 12px sans-serif, Helvetica, Arial, Verdana; }
div.rowbnr span.lbnr   {padding: 2px 0px 0px 5px; width: 40%; text-align: left;  float: left;}
div.rowbnr span.rbnr   {padding: 2px 5px 0px 0px; width: 50%; text-align: right; float: right;}

div.box 			 {background-color:#EBF2F5; border: 2px solid #015ebe; margin:0; 	 padding:3px;}
div.spacer 		 {background-color:#EBF2F5;											   		 margin:1px; padding:0}
div.portal 		 {background-color: black;  border: 4px solid red; 		 margin:0;   padding:3px;}
div.sp_notice	 {background-color: green;  border: 1px solid red; 		 margin:3;   padding:4px; font-weight:bold; font-size:12pt;  color:white; text-align: center; }
div.fhtspacer  {background-color:#10468e; height:1px; 					 		 margin:0; 	 padding:0}
div.clearer 	 {clear:both; height: 0px;}
div.row   		 {clear:both; 												padding: 2px 0px 2px 0px;}
div.half_row   {clear:both; vertical-align: middle; padding-top: 1px; padding-bottom: 1px; height:5px}
div.tiny_row   {clear:both; vertical-align: middle; padding-top: 1px; padding-bottom: 1px; height:1px}
div.paging_bnr {clear:both; vertical-align: middle; 									 font-weight:bold; font-size:9.5pt; padding-top: 2px; padding-bottom: 2px;}
div.notice  	 {clear:left; vertical-align: middle; text-align:center; font-weight:bold; font-size:12pt; 	 color:red;}
div.errmsgs 	 {clear:left; vertical-align: middle; text-align:center; font-weight:bold; font-size:14pt; 	 color:red;}
div.fht_ldr 	 {clear:both; vertical-align: middle; text-align:center; font-weight:bold; font-size:14pt;   color:#F00;  background-color:#f2c6de; padding: 2px 5px 3px;}
div.alert   	 {clear:left; vertical-align: middle; text-align:center; font-weight:bold; font-size:12pt; 	 color:red;   background-color:#FF0;}
div.nt_alert 	 {clear:left; vertical-align: bottom; text-align:left;	 font-weight:bold; font-size:12pt; 	 color:black; background-color:lightgrey;}
div.alertbig 	 {clear:left; vertical-align: middle; font-weight:bold; font-size:14pt;}
div.alertreg 	 {clear:left; vertical-align: middle; font-weight:bold; font-size:12pt;}
div.tblbnr  	 {clear:both; vertical-align: middle; 									 font-weight:bold; font-size:10.5pt; color:white; background-color:#10468e; padding: 5px 5px 5px 5px; margin: 0px 2px 0px 2px; }
div.tblcbnr 	 {clear:both; vertical-align: middle; text-align:center; font-weight:bold; font-size:10.5pt; color:white; background-color:#10468e; padding: 2px 5px 3px;}

/*=layout classes ==================================================================================*/
/* leftcol *********************************** | rightcol *******************************************/
/* leftcolmd ***************************** | rightcolmd *********************************************/
div.fullcol  	 {float:left;  width:98.2%; margin-left:0px}
div.leftcol  	 {float:left;  width:49%;	  margin-left:0px}
div.leftcolmd  {float:left;  width:40%;   margin-left:5px}
div.rightcol 	 {float:right; width:49.5%; margin-right:0px; display:inline;}
div.rightcolmd {float:right; width:58.5%; margin-left:5px;  display:inline;}

/*row*** leftitem *********************************************************** | *********************/
/*row*** leftbg ************************************** | rightsm ************************************/
/*row*** left ***************************** | right *************************************************/
/*row*** leftsm ************************ | rightbg **************************************************/

/*row*********************************** | item *****************************************************/
/*row********************************** leftlbl | rightitm ******************************************/
/*row********************* leftlblmd | rightitmmd ***************************************************/
/*row************* leftlblsm | rightitmbg ***********************************************************/
/*row************** | itemlg ************************************************************************/
div.row span.leftitem 	{float:left;  text-align:left;  width:87%; padding: 0px 0px 0px 5px;}
div.row span.leftbg   	{float:left;  text-align:left;  width:55%; padding: 0px 0px 0px 5px;}
div.row span.left     	{float:left;  text-align:left;  width:45%; padding: 0px 0px 0px 5px;}
div.row span.leftsm     {float:left;  text-align:left;  width:42%; padding: 0px 0px 0px 5px;}

div.row span.leftlbl    {float:left;  text-align:right; width:49.4%; vertical-align:middle; padding-right: 5px;}
div.row span.leftlblmd  {float:left;  text-align:right; width:34.4%; vertical-align:middle; padding-right: 5px;}
div.row span.leftlblsm  {float:left;  text-align:right; width:24.4%; vertical-align:middle; padding-right: 5px;}

/*row*************************************************** lbl65 | ************************************/
/*row******************************************** lblxl | *******************************************/
/*row************************** lbllg | *************************************************************/
/*row*************** lbl33 | ************************************************************************/
/*row****************** choice | ********************************************************************/
/*row**************** lbl25 | ***********************************************************************/
/*row*************** lblwp | ************************************************************************/
/*row************* lblmd | itemmd *******************************************************************/
/*row******** lbl15 | *******************************************************************************/
/*row******** lblsm | *******************************************************************************/
/*row**** lblsm | ***********************************************************************************/
/*row*** lblxs | ************************************************************************************/
div.row span.choice			{float:left; text-align:right; width:30%;  padding: 2px 5px 2px 0px;}
div.row span.lbl65 			{float:left; text-align:right; width:65%;  padding: 2px 5px 2px 0px;}
div.row span.lblxl 			{float:left; text-align:right; width:55%;  padding: 2px 5px 2px 0px;}
div.row span.lbllg 			{float:left; text-align:right; width:45%;  padding: 2px 5px 2px 0px;}
div.row span.lbl33 			{float:left; text-align:right; width:33%;  padding: 0px 0px 0px 5px;}
div.row span.lbl25 			{float:left; text-align:right; width:25%;  padding: 2px 5px 2px 0px;}
div.row span.lblwp 			{float:left; text-align:right; width:23%;  padding: 0px 0px 0px 5px;}
div.row span.lbllms			{float:left; text-align:right; width:45%;  padding: 0px 0px 0px 5px;}
div.row span.lblmd 			{float:left; text-align:right; width:20%;  padding: 2px 5px 2px 0px;}
div.row span.lbl15 			{float:left; text-align:right; width:15%;  padding: 2px 5px 2px 0px;}
div.row span.lblsm 			{float:left; text-align:right; width:15%;  padding: 2px 5px 2px 0px;}
div.row span.lblsm 			{float:left; text-align:right; width:12%;  padding: 0px 0px 0px 5px;}
div.row span.lblxs 			{float:left; text-align:right; width:05%;  padding: 2px 5px 2px 0px;}

div.row span.lbltiny		{float:left; text-align:right; width:2.5%; padding: 2px 5px 2px 0px; vertical-align:top; }
div.row span.valtiny		{            text-align:left;  width:96%;  padding: 0px 0px 0px 0px; vertical-align:-11.5%; }

div.row span.itemlg     {float:right; text-align:left;  width:80%; padding: 2px 5px 2px 0px;}
div.row span.itemmd     {float:right; text-align:left;  width:75%; padding: 0px 5px 0px 0px;}
div.row span.itemxl     {float:right; text-align:left;  width:94%; padding: 2px 5px 2px 0px;}
div.row span.right    	{float:right; text-align:left;  width:50%; padding: 0px 5px 0px 0px;}
div.row span.rightbg    {float:right; text-align:left;  width:55%; padding: 0px 5px 0px 0px;}
div.row span.rightsm  	{float:right; text-align:left;  width:42%; padding: 0px 5px 0px 0px;}
div.row span.item   		{float:right; text-align:left;  width:55%; padding: 0px 0px 0px 5px;}

div.row span.rightitmbg {float:right; text-align:left;	width:74.4%; vertical-align: middle;}
div.row span.rightitmmd {float:right; text-align:left;	width:64.4%; vertical-align: middle;}
div.row span.rightitm   {float:right; text-align:left;  width:49.4%; vertical-align: middle;}

/*row******* curr_hdr | curr_dtl ********************************************************************/
div.row span.curr_hdr   {float:left;  text-align:right;	width:15%; font-size:10pt; font-weight:bold;}
div.row span.curr_dtl   {float:right; text-align:left;  width:85%; font-size:10pt; font-weight:bold; font-family: Courier New, Courier, Mono;}

/*row************************************** logo **************************************************|*/
div.row span.logo 	    {float: left;  text-align: center; width: 99.9%; font-size: 10pt;}

/* fieldset */
fieldset {border-color: #10468e; border-width: 2px; padding: 2px 2px 2px 5px; margin: 2px 2px 2px 2px;}
legend {color: #10468e; font-size:10.5pt; font-weight:bold; margin-left:10px; padding-left:5px; padding-right:5px;}

/* input */
input {text-align: left; vertical-align: middle; font-size:10.5pt;}
/**/  input.tbl_btn {height: 23px; text-align: center; vertical-align: middle; font-weight: bold; font-size:9.5pt;}
/**/  input.tbl_pwd {}
/**/  input.upper {text-decoration:uppercase; text-transform:uppercase}
/**/  input[type=radio] {font-size:10.5pt}
/**/  input[type=text] {}
/**/  select {font-size:10.5pt;}

/* section header */
hr { display: block; color: #015ebe;  border-style: inset; border-width: 1px; }
div.lblhr   {padding: 0.5em 0px 0px 5px; color: #015ebe; text-align: left;   float: left;}

/* btnbar and buttons */
div.btnbnr { clear: both;  vertical-align: middle; margin: 2px 0px; padding: 2px; background-color: #BBBAC5;  border:1px solid #1b3f65; }
.button    { text-align: center; vertical-align: middle; font-weight: bold; font-size:10.5pt; }
.md_button { text-align: center; vertical-align: middle; font-weight: bold; font-size: 8pt; }
.sm_button { text-align: center; vertical-align: middle; font-weight: bold; font-size: 6pt; }
.js_button { text-align: left; padding:3px 10px 3px 10px; height:26px; width:98%; }
div.paging_bnr { font-weight:bold; font-size:9.5pt; }

/*= fancyTable ==================================================================================*/
.fancyTable {
	/* text */
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:normal;
	}

.fancyTable td, .fancyTable th {
	/* appearance */
	border: 1px solid #778899;

	/* size */
	padding: 5px;
	}

.fancyTable tbody tr td {
	/* appearance */
	background-color: #eef2f9;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.0) 100%);

	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(  0%,rgba(255,255,255,0.4)),
		color-stop(100%,rgba(255,255,255,0.0)));

	/* text */
	color: #262c31;
	font-size: 11pt;
	}

/* td background color */
tbody tr.canceled td { background-color:#EDB2BA; color:#000000; }
tbody tr.red td    	 { background-color:#FF0000; color:#FFFFFF; }
tbody tr.gold td   	 { background-color:#FFFF00; color:#000000; }
tbody tr.silver td 	 { background-color:#E1E1DF; color:#000000; }
tbody tr.lowlvl td 	 { background-color:#99FF33; color:#000000; }
tbody tr.ort td    	 { background-color:#FF99FF; color:#000000; }
tbody tr.boys td   	 { background-color:#66FFFF; color:#000000; }
tbody tr.stop td   	 { background-color:#FF0000; color:#FFFFFF; }
tbody tr.warn td   	 { background-color:#FF0;    color:#ff0000; }
tbody tr.subheader td { background-color:#D4A04B; color:#000000; font-weight: bold; }
tbody tr.go td     	 { background-color:#0f0;    color:#000000; }
/* tbody tr.prteven td {} */
/* tbody tr.prtodd td  {} */

.fancyTable tbody tr.odd td {
	/* appearance */
	background-color: #ABBFDE;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.0) 100%);

	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(  0%,rgba(255,255,255,0.4)),
		color-stop(100%,rgba(255,255,255,0.0)));
	}


.fancyTable tbody td.canceled  { background-color:#EDB2BA; color:#000000; }
.fancyTable tbody td.red   	   { background-color:#FF0000; color:#FFFFFF; }
.fancyTable tbody td.gold  	   { background-color:#FFFF00; color:#000000; }
.fancyTable tbody td.silver	   { background-color:#E1E1DF; color:#000000; }
.fancyTable tbody td.lowlvl	   { background-color:#99FF33; color:#000000; }
.fancyTable tbody td.ort   	   { background-color:#FF99FF; color:#000000; }
.fancyTable tbody td.boys  	   { background-color:#66FFFF; color:#000000; }
.fancyTable tbody td.stop   	 { background-color:#FF0000; color:#FFFFFF; }
.fancyTable tbody td.warn  	   { background-color:#FF0;    color:#ff0000; }
.fancyTable tbody td.subheader { background-color:#D4A04B; color:#000000; font-weight: bold; }
.fancyTable tbody td.go    	   { background-color:#0f0;    color:#000000; }
/* .fancyTable tbody td.prteven{} */
/* .fancyTable tbody td.prtodd {} */

.fancyTable tbody td.even{
	/* appearance */
	background-color: #EBF2F5;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.0) 100%);

	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(  0%,rgba(255,255,255,0.4)),
		color-stop(100%,rgba(255,255,255,0.0)));
}

.fancyTable tbody td.odd {
	/* appearance */
	background-color: #ABBFDE;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.0) 100%);

	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(  0%,rgba(255,255,255,0.4)),
		color-stop(100%,rgba(255,255,255,0.0)));
	}

.fancyTable thead tr th,
.fancyTable thead tr td,
.fancyTable tfoot tr th,
.fancyTable tfoot tr td {
	/* appearance */
	/*background-color: #8ca9cf;*/
	background-color: #D4A04B;
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0.4) 0%,
		rgba(255,255,255,0.0) 100%);

	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(0%,rgba(255,255,255,0.4)),
		color-stop(100%,rgba(255,255,255,0.0)));

	/* text */
	color: #121517;
	font-size: 11pt;
	font-weight: bold;
	/*text-shadow: 0 1px 1px #e8ebee;*/
	}

/* table row hover color */
.fancyTable tbody tr:hover td { background-color: #9d9dff; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {clear: both;	display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}

/* table th td alignment*/
.txt_l  {text-align:left; padding-left:5px;}
.txt_c  {text-align:center; }
.txt_r  {text-align:right; padding-right:5px;}
.txt_m  {vertical-align:middle;}
/**/  td.td_hdrssci {clear: both; vertical-align: middle; padding-top: 2px; padding-bottom: 2px; font-size: 10.5pt; background-color:#10468e; border-color: #10468e; font-weight: bold; color:white; text-align:center }
/* common colors */
.sel_bgclr  { background-color:#10468e; }
.canceled   { background-color:#EDB2BA; color:#000000; }
.yellow 		{ background-color:#FF0; 	 color:#000000; }
.white  		{ background-color:white; 	 color:#000000; }
.green  		{ background-color:green; 	 color:#000000; }

.inp_err    {	color:red; font-weight:bold; }
.neg    		{ color:red; }

/* font classes */
.boldItalic	{ font-weight:bold; font-style:italic; }
.bold				{ font-weight:bold; }
.caption		{ font-weight:bold; }
.captred		{ font-weight:bold; color: red; }
.esign			{ font-size:10pt; }
.small			{ font-size:10pt; }
.txt				{ font-size:12pt; }

.center			{ text-align:center; }
.title			{ font-weight: bold; text-align:center }
.title_ctr	{ font-weight: bold; font-size:10pt; text-align:center }
.title_md		{ font-weight: bold; font-size:10.5pt }
.title_sm		{ font-weight: bold; font-size:10pt }
.hidden { display: none; }

.container  { text-align: left; 	display: inline-block;	/* for ie6/7: */	*display: inline; zoom: 1 }

.monoxxx 			{ font-family: Courier New, Courier Mono; }
.mono 			{ font-family: Consolas,'Lucida Console','DejaVu Sans Mono', monospace; }
/*---------------------------------------------------------------------------------------------------------------*/
/*--- BGN                                                                                                     ---*/
/*--- CSS for jquery.custom-file-input.js                                                                     ---*/
/*--- Used for creating a fancy browse button to get a file name from the client file system                  ---*/
/*---------------------------------------------------------------------------------------------------------------*/
.js .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	cursor: pointer;
}
/** /
.inputfile + label {
	max-width: 80%;
	font-size: 1.25rem;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
}
/**/
.no-js .inputfile + label {
    display: none;
}
/** /
.inputfile:focus + label,
.inputfile.has-focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
/**/
.inputfile + label * {
	/* pointer-events: none; */
	/* in case of FastClick lib use */
}

.inputfile + label svg {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	margin-top: -0.25em;
	/* 4px */
	margin-right: 0.25em;
	/* 4px */
}

.CFI_inputfile + label {
	cursor: pointer;
}

.CFI_inputfile + label span {
	width: 200px;
	height: 20px;
	border: 1px solid #1b3f65;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 4px;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	font-family: sans-serif, Helvetica, Arial, Verdana;
	text-decoration: none;
}

.CFI_inputfile + label strong {
	border: 1px solid #1b3f65;
	height: 100%;
	margin-top:4px;
	margin-left:6px;
	padding: 3px 0px 3px 0px;
	color: #fff;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#015ebe), to(#00458d));
	background: -moz-linear-gradient(top, #015ebe, #00458d);
	background-color: #00458d;
	display: inline-block;
	font: 12px/100% sans-serif, Helvetica, Arial, Verdana;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,.5);
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,.3) inset, 0 1px 1px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 1px rgba(255,255,255,.3) inset, 0 1px 1px rgba(0,0,0,.2);
	-moz-border-radius: 4px;
	box-shadow: inset;
	border-radius: 6px;
	font-style: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

/** /
.CFI_inputfile:focus + label,
.CFI_inputfile.has-focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}
/**/

/** /
.CFI_inputfile + label:hover {
	border-color: #722040;
}
/**/

.CFI_inputfile + label:hover strong {
	background: -webkit-linear-gradient(right, green, yellow);
	background: -moz-linear-gradient(right, green, yellow);
	background-color: green;
	color: black;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

/*---------------------------------------------------------------------------------------------------------------*/
/*--- CSS for jquery.custom-file-input.js                                                                     ---*/
/*--- Used for creating a fancy browse button to get a file name from the client file system                  ---*/
/*--- END                                                                                                     ---*/
/*---------------------------------------------------------------------------------------------------------------*/