/*public Portal styles */

body,html {
		margin: 				0;
		padding: 				0;
		font-size:				11px; 
		font-family:			Verdana, Arial, Helvetica, sans-serif;
		min-width: 			600px;
}
h1,h2,h3,h4,h5,h6 {
		color:					#0C2F14;				/*color de letra*/
}
h1 {
		padding-right:		9px; 
		font-family:			verdana; 
		font-size:				14px; 
		text-decoration:	none; 
		color:					#0C2F14;			 /*color de letra*/
		font-style:			normal; 
		font-weight:		bold; 
		text-align: 			left; 
		vertical-align: 		bottom; 
}
h3 {
		font-family: 		verdana; 
		font-size:				12px; 
		font-weight:		bold; 
		text-decoration:	none; 
}
img {
		vertical-align: 		top;
		border: 				0;
}
a { 
		font-size:				11px;
		font-family:			verdana, arial, helvetica, sans-serif; 
		text-decoration:	none; 
		color: 					#0C2F14; 			/*color de letra*/
}
a:hover { 
			color: 				#9BBF9D;				/*medio +*/
}


/*Styles for globalNav*/
.header {
		padding: 				16px 0px 17px 0px;
		margin-left:			93px; 
		margin-top:			5px;
}
.navleft { 	
		float:					left; 
		width:					200px; 
		background: 		#1c562a;				/*oscuro*/
		padding:				4px 0px; 
		text-align:			center;
}
.navleft a 	{
		padding:				4px 8px; 
		color:					#EFEFEF;				/*gris*/
}
.navleft a:hover{
		background-color: 		#0C2F14;			/*mas oscuro*/
		color: 							#EFEFEF;			/*gris*/
}					  	
.navright {
		margin-left: 		200px; 
		background: 		#83AF85;				/*claro*/
		text-align: 			right;
		padding:				4px 0px; 
}
.navright a {
		color: 					#0C2F14;				/*letra*/
		padding:				4px 8px; 
}
.navright a:hover{
		background: 		#1c562a;				/*oscuro*/
		color: 					#EFEFEF;				/*gris*/
}			  
.navright a, .navleft a {
		border-left: 		1px solid white;
}
.navright .noborder, .navleft .noborder {
		border: 				0px;
}
.navleftPopUp {
		float:					left; 
		width:					200px; 
}
.navrightPopUp {
		margin-left: 		201px; 
		background: 		#83AF85;				/*claro*/
		text-align:			right; 
		padding:				4px 15px 5px 4px;
}
.bartop {
		height:					1px;
		border-top:			1px solid #5f5f5f;
		background:			#cccccc;
		border-bottom:	2px solid white;
		font-size: 			0px;
}
.barbot {
		clear:					both;
		height:					1px;
		border-top:			2px solid white;
		background:			#5f5f5f;
		border-bottom:	1px solid #cccccc;
		font-size: 			0px;
}
.tabbarbot {
		height:					1px;
		border-top:			1px solid white;
		background:			#ffffff;
		border-bottom:	1px solid #5f5f5f;
		vertical-align:		 bottom;
		padding-top:		0px;
		clear:					both;
		margin-top: 		5px;
		font-size: 			0px;
}
.widebartop  {
		clear:					both;
		height:					1px;
		border-top:			1px solid white;
		background:			#cccccc;
		border-bottom:	1px solid #5f5f5f;
		font-size: 			0px;
}
.widebarbot {
		margin-bottom: 	1em;
		height:					1px;
		border-top:			1px solid white;
		background:			#cccccc;
		border-bottom:	1px solid #5f5f5f; 
		font-size: 			0px;
}
/* End of Styles for globalNav*/

/*styles for leftcontent menus*/
ul.navcats {
		margin:				0px; 
		padding-bottom:	13px; 
		list-style:				none;
}
						  
ul.navcats li	{
		text-align:			right; 
		margin-top:			-7px;
		margin-right:		7px;
		margin-left:			-42px; 
		padding-bottom:	7px;
		font-family:			arial, helvetica, sans serif; 
		font-size:				13px;
}
						  
ul.navcats li a {
		display:				block; 
		text-decoration:	none; 
		color:					#000000; 
		padding:				3px;
}
						  
ul.navcats li a:hover {
		   	  			  background: #83AF85;				/*claro*/
						  color:#000000;
						  }
ul.navsubcats 			
						{
						 width:144px;
						 padding-top:10px;
						 margin-left:-40px;
						 margin-bottom:15px;
						 list-style:none; 
						 border-top:1px solid #CCCCCC; 
						 border-bottom:1px solid #CCCCCC;
						}
ul.navsubcats li 		{
						 width:170px;
						 text-align:right; 
						 font-family:arial; 
						 font-size:13px;
						 }
ul.navsubcats li a 		{
			  	 		 margin-right:0px;
			   	 		 padding-right:4px;
			   			 display:block; 
						 text-decoration:none; 
						 color: #094890;
						}
ul.navsubcats li a:hover
			  	 		{
			   			 background: #83AF85;				/*claro*/
						 color: #094890;
						}
#navAdmin 				{margin: 0px; padding: 0px; clear: both; list-style: none; }
#navAdmin li 				{width: 180px; text-align: right; font-family:arial; font-size:13px;}
#navAdmin li a 			{display: block; width: 180px; padding: 3px 3px; text-decoration: none; color: #000000;}
#navAdmin li a:hover 	{ background: #CEDDB2; }
.navadminOn				{ font-weight:bold; }
.navSup2ON {font-weight:bold;}
/*end of styles for leftcontent menus*/

 /*Subnav Styles*/
.subnav {
		background: 		#E0EFE1;			/*mas claro*/
		text-align:			right;
		padding:			6px 15px 6px 4px;
		margin: 			0px 0px;
		min-height: 		12px;
		min-height: 		12px;
}
.subnav a {
		border-left: 		1px solid white;
		color: 				#0C2F14;   			/*color de letra*/
		padding:			6px 8px; 
 }
.subnav a:hover {
		background:		#83AF85;              /*claro*/
		color: 				#0C2F14;   			/*color de letra*/
 }
.subnav .noborder {
		border: 				0px;
}
a.navmenuOn {
		font-weight:		bold;
}

.subNavHead {
		padding:				7px 0px 3px 18px;
		border-bottom:	1px solid #B5CFB6;
		font-style:			normal; 
		font-weight:		bold; 
		font-size:				12pt; 
		color:					#0C2F14;   		/*color de letra*/
		vertical-align:		bottom; 
}

/*end of Subnav Styles*/

/*Footer Styles*/
.footer {
		border-top:				1px solid #B5CFB6;		 /*color de borde*/
		font-size:				9px;
		background-color: 	#FFFFFF;
		color :					#8E8680;
		clear:					both;
}
.footer div {
		padding:			4px 0px 12px 0px;
		text-align:			center;
}
.footer div a {
		text-decoration:	none;
		color:				#8E8680;
}
.footer div a:hover {
		text-decoration:	underline;
		color:				#8E8680;
}
/*End of Footer Styles*/


/*Styles for info(left) and content(right) divs*/
.cobrandlogo {
		width:				180px;
		margin:				10px;
		text-align:			center;
} 
.mainleftside {
		float:					left;
		margin:				0;
		width:				200px;
		border-right:		1px solid #B5CFB6;			 /*color de borde*/
}
.mainrightside {
		margin-left: 		200px;
		border-left:			1px solid #B5CFB6;			 /*color de borde*/
}
.rightcontent {
		padding:			10px;
		min-width: 			560px;
}
.leftcontent {
}
/*end of Styles for info(left) and content(right) divs*/

.contentSection {
		margin: 				10px 5px;
		border:					1px solid #B5CFB6;			 /*color de borde*/
		min-width: 			450px;
}
.contentErrorSection {
		border:					1px solid #B5CFB6;			 /*color de borde*/
}
.contentSectionTitle {
		background:			#83AF85;	   						/*claro*/
		color:					#0C2F14;   						/*color de letra*/
		font-weight:		bold; 
		border-bottom: 	1px solid #B5CFB6;			/*color de borde*/
		padding: 				5px 10px 5px 10px; 
		vertical-align:		bottom;
		font-size: 			11px;
}
/*Sub Seccion Styles*/


/*Buttons Styles*/

.submit {   
		background-color: 	#B5CFB6;						/*medio*/ 
		padding: 					0px 2px; 
		margin:					0;
		color: 						#0C2F14;
		font-family:				Arial; 
		text-align: 				center;
		height: 					22px;
		font-size:					9pt; 
		font-weight:			normal; 
		border: 					1px solid #1c562a;      /*oscuro*/
		cursor: 					pointer; 
		cursor:						hand;
}
.submit:hover{
		background-color: 	#1c562a;						/*oscuro*/
		color: 						#EFEFEF; 
}
.submitsmall {
		background-color:	#B5CFB6;						/*medio*/ 
		padding: 					0px 1px; 
		color:						#0C2F14;
		font-family:				Arial; 
		font-size:					8pt; 
		font-weight:			normal; 
		border:						1px solid #1c562a;  	 /*oscuro*/
		cursor: 					pointer; 
		cursor: 					hand;
}
.submitsmall:hover{
		background-color: 	#1c562a;						/*oscuro*/
		color: 						#EFEFEF; 
}
.submitDisabled {
		color:					#A0A0A0;
		cursor: 					default;
}
div.buttonTag {
		margin: 					5px 0px;
		text-align: 				center;
}
div.buttonTagTop {
		margin-top: 			5px;
		margin-bottom:		-3px;
		text-align: 				right;
}
/*end of Buttons Styles*/

/*Forms Styles*/
form.dataIns {
		padding: 				0px;
}
form.dataIns label {
		font-size:				11px;
		text-align:				right;
		display:					block;
		width: 					40%;
}
form.dataIns > div > label {
		float:						left;
}
form.dataIns > div {
		clear: 					left;
}
form.dataIns > div > input {
		 text-align:				left;
		 margin:					0px 3px 5px 10px;
		 height: 					16px;
}
form.dataIns > div > input:disabled {
		text-align:				left;
		margin:					0px 3px 5px 10px;
		height: 					16px;
		color: 					black;
}
form.dataIns > div > select {
		text-align:				left;
		margin:					0px 3px 5px 10px;
		height: 					19px
}
form.dataIns > div > textarea {
		 text-align:				left;  
		 margin:					0px 10px 5px 10px;
}	 
form.dataIns > div.buttonTag > input {
		height: 					22px;
}
div.loginBox {
		padding:				20px 0px 10px 0px;
		border: 					1px solid #CEC8C0;		 /*color de borde*/
		width: 					450px;
		margin: 					20px;
		/*min-width: 				400px;*/
}

div.loginBox > form.dataIns label {
		font-size:				12px; 
		text-align: 				right;
		display: 				block;
		width: 					160px;
}
/*End of form Styles*/

/*-----------------------colors ok---------------------------------------------*/ 


.infoboxtop {
		height:							1px;
		border-top:					1px solid white;
		background:					#cccccc;
		border-bottom:			1px solid #5f5f5f;
		margin-bottom:			1px;
		font-size:						0px;
}
.infobox { 
		background: 				#E0EFE1;			/*mas claro*/
}
.infoboxbot {
		height:							1px;
		border-top:					1px solid white;
		background:					#cccccc;
		border-bottom:			1px solid #5f5f5f;
		font-size: 					0px;
}


/*Tables Styles*/

.tabHome {
		width: 						100%;
}
.tabHome th {
		background:				#93BA6B;
		color:						#EFEFEF;
		border-top:				2px solid #ffffff;
		white-space:			nowrap;
		font-weight:			normal;
		padding-top:			2px;
		height:						25px;
}
.tabHome th a {
		color:						white;
}

.listA {
		background-color:	#E0EFE1;		/*mas claro*/
}
.listB {
		background-color:	white;
}
.tabHome td {
		padding: 					4px;
		border-left: 				1px solid #B5CFB6;		 /*color de borde*/
		border-bottom: 		1px solid #B5CFB6;		 /*color de borde*/
}
.tabHome .lefttd {
		border-left: 				0px;
}
.tabCurr { 
		border-bottom: 		1px solid #B5CFB6;		 /*color de borde*/
		border-left: 				1px solid #B5CFB6;		 /*color de borde*/
		font-size: 				11px; 
		width: 						100%;
}
.tabCurr thead tr {
		height:						12px;
}
.tabCurr thead th {
		border-right: 			1px solid #B5CFB6;		 	/*color de borde*/
		text-align:				center; 
		white-space:			nowrap; 
		font-weight:			normal; 
		color: 						#0C2F14;   						/*color de letra*/
		font-weight: 			bold;
		background-color:	#83AF85;	   						/*claro*/
		border-top: 				1px solid #B5CFB6;		 	/*color de borde*/
		border-bottom: 		1px solid #B5CFB6;		 	/*color de borde*/
}
.tabCurr td {
		border-right: 			1px solid #B5CFB6;			 /*color de borde*/
}
.formTable {
		width: 100%;
}
.formTabLeft {
		text-align:			right;
		width:					160px;
		white-space: 		nowrap;
		vertical-align: 		top; 
}
.formTabBold {
		vertical-align: 		top; 
		font-weight: 		bold;
}

.BkgList {
    background-color:		#E9E9E9;
}


/*end of tables styles*/



/*Modal Styles*/

div.loginBox {
		padding:				20px 0px 10px 0px;
		border: 					1px solid #CEC8C0;		 /*color de borde*/
		width: 					450px;
		margin: 					20px;
		/*min-width: 				400px;*/
}

div.loginBox > form.dataIns label {
		font-size:				12px; 
		text-align: 			right;
		display: 				block;
		width: 					160px;
}


div.modalTitle {
		background-color:	#B5CFB6;	/*medio*/
		color:					white;
		font-weight:			bold;
		padding:				4px;
		margin-bottom:	5px;
		text-align: 			left;
} 

/*Modal Styles*/

.checkBoxSelector {
	border: 						1px solid #B5CFB6;			/*color de borde*/
	background-color: 		#E0EFE1;							/*mas claro*/
	color: 							#0C2F14;   						/*color de letra*/
	font-weight:				bold;
	padding: 						3px 5px;
	width: 							60px;
}
.checkBoxContainer {
	border: 						1px solid #B5CFB6;			/*color de borde*/
	background-color: 		white;								/*mas claro*/ 
	width: 							90px;
	position: 						absolute;
	text-align: 					right;
	padding: 						3px 5px;
	right: 							10px;
	margin-top: 				-1px;
}
.globalNavMenu {position: absolute; background: #E0EFE1 none repeat scroll 0% 50%; padding-bottom: 4px; margin-top: 0px; margin-left: 1px; z-index: 1; border: 1px solid white; text-align: left;}
.globalNavMenu li {position: relative; max-width: 250px; }
.globalNavMenu li a {padding: 4px 5px 3px 7px; display: block; color: #343823;}
.globalNavMenu li span {padding: 4px 5px 3px 7px; display: block; color: #E9E9E9;}
.globalNavMenu li a:hover {color: white; background: #83AF85;}
.globalNavMenu ul {padding:0; margin:0; list-style:none;}

.appList {
		list-style: 				outside;
}
.appList li {
		padding: 					3px 5px;
		color:						#0C2F14;   						/*color de letra*/
}

.warningIE, .accountConfirmationBox {
	border-top:1px solid #1c562a;
	border-right:1px solid #1c562a;
	border-bottom:1px solid #1c562a;
	border-left:1px solid #1c562a;
}

.warningIETitle, .accountConfirmationTitle {
	background-color:#83af85;
	font-family:verdana;
	font-size:11px;
	text-decoration:none;
	color:white;
	text-align: left;
	padding: 3px 5px;
	text-align: center;
}

#htabs{
    margin-top:		20px;
    margin-left: 		5px;
    margin-right: 		5px;
    clear:				left;
    background-color: #83AF85;
    padding: 			0px;
}
#htabs ul {
    list-style: 			none;
    margin-left: 		0;
    padding-left: 		7px;
}
#htabs li {
    background-color: #E0EFE1;
    padding: 			3px;
    margin: 				8px 2px -1px 2px;
    float: 				left;
    border:				1px solid #0C2F14;
}
#htabs a {
    margin:				0;
    padding: 			5px;
    text-decoration: 	none;
}
#htabs a:hover {
    color:				#1c562a;
}
.tabSection {
    margin: 				0px 5px;
    padding: 			5px 10px 10px 10px;
    border:				1px solid #83AF85;
    border-top: 		1px solid #0C2F14;
    min-width: 			560px;
}
.deleteRSpan{
    margin-top: 		10px;
    float:					right;
}
div.infoholder {
						padding: 15px; clear: both; 
}
.bidInfoSection { margin: 10px 5px; border:1px solid #CEC8C0; text-align: left;} 
.bidInfoSectionTitle { background: #83AF85; color: #1c562a; font-weight: bold; border-bottom: 1px solid #CEC8C0; padding: 5px 0px 3px 10px; vertical-align:bottom; }

.contentCenter {
	width: 95%;
	margin: 0 auto;
	text-align: center;
}
.confirmB_table {
	width: 100%;
}
.confirmB_list {
	text-align: left; 
	padding: 0; 
	margin: 0; 
	margin-left: 15px;
}
.confirmB_list li {
	line-height: 1.4em;
	font-size: 0.9em;
}
.confirmB_notes {
	text-align: left; 
	padding: 0 8px; 
	font-weight: bold;
}
.confirmB_notes > div {
	margin-bottom: 7px;
	font-size: 0.9em;
}

.sharedConfirm, .sharedConfirm a { font-family: verdana; font-size: 14px; font-weight: bold; text-decoration:none; color: #1c562a; }

.loader {
  width: 18px;
  aspect-ratio: 1;
  display: grid;
  border-radius: 50%;
  background:
    linear-gradient(0deg ,rgb(0 0 0/50%) 30%,#0000 0 70%,rgb(0 0 0/100%) 0) 50%/8% 100%,
    linear-gradient(90deg,rgb(0 0 0/25%) 30%,#0000 0 70%,rgb(0 0 0/75% ) 0) 50%/100% 8%;
  background-repeat: no-repeat;
  animation: l23 1s infinite steps(12);
}
.loader::before,
.loader::after {
   content: "";
   grid-area: 1/1;
   border-radius: 50%;
   background: inherit;
   opacity: 0.915;
   transform: rotate(30deg);
}
.loader::after {
   opacity: 0.83;
   transform: rotate(60deg);
}
@keyframes l23 {
  100% {transform: rotate(1turn)}
}