body {
  margin: 0px;
  padding: 0px;
  text-align: left;
  height: 100%;
  width: 100%;
  font-family: helvetica;
  font-size: 9px;
  background-color: rgb(244,245,248);   /* copied from quickbooks */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img { 
  border: 0 none;
}

#container { 
  position: relative; 
  margin: 0px auto; 
  height: 450px; 
  width: 850px; 
  text-align: left; 
  padding-left: 0px;
}

.dontprint { 
  display: none; 
}

/* Button Styles */
.btn-xsmall, .btn-small, .btn-medium, .btn-large {
  text-align: center;
  display: inline-block;
  border: 1px solid #FFF;
  background: transparent;
  color: #FFF;
  text-decoration: none;
  cursor: pointer;
  letter-spacing: 0px;
  font-weight: 400;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.btn-xsmall { 
  padding: 5px 15px; 
  font-size: 13px;
}

.btn-small { 
  padding: 8px 15px; 
  font-size: 14px;
}

.btn-small:hover, .btn-medium:hover, .btn-large:hover {
  color: #FFF;
}

.btn-medium { 
  padding: 10px 20px; 
  font-size: 16px;
}

.btn-large { 
  padding: 10px 40px; 
  font-size: 16px;
}

/* Button Shadow */
.btn-xsmall.shadow, .btn-small.shadow, .btn-medium.shadow, .btn-large.shadow {
  -webkit-box-shadow: 1px 1px 2px 0 #272c31;
  box-shadow: 1px 1px 2px 0 #272c31;
}

/* Button Colors */
.btn-xsmall.green, .btn-small.green, .btn-medium.green, .btn-large.green,
.btn-xsmall.blue, .btn-small.blue, .btn-medium.blue, .btn-large.blue,
.btn-xsmall.red, .btn-small.red, .btn-medium.red, .btn-large.red,
.btn-xsmall.purple, .btn-small.purple, .btn-medium.purple, .btn-large.purple,
.btn-xsmall.grey, .btn-small.grey, .btn-medium.grey, .btn-large.grey {
  color: #FFF !important;
  border: none;
}

/* Specific Button Color Styles */
.btn-xsmall.green, .btn-small.green:hover, .btn-medium.green:hover, .btn-large.green:hover {
  background: #02a41c;
}

.btn-xsmall.blue, .btn-small.blue:hover, .btn-medium.blue:hover, .btn-large.blue:hover {
  background: #0892df;
}

.btn-xsmall.red, .btn-small.red:hover, .btn-medium.red:hover, .btn-large.red:hover {
  background: #d9042b;
}

.btn-xsmall.purple, .btn-small.purple:hover, .btn-medium.purple:hover, .btn-large.purple:hover {
  background: #642482;
}

.btn-xsmall.grey, .btn-small.grey:hover, .btn-medium.grey:hover, .btn-large.grey:hover {
  background: #2b3033;
}

/* Additional Styles */
.left {
  float: center;
  width: 150px;
  text-align: left;
  margin: 2px;
  display: inline;
  color: black;
}

.right {
  float: left;
  text-align: left;
  margin: 2px;
  display: inline;
}

 
.newlabel{
	  font-family: Arial; 
	  font-size: 11px;
	  background-color:white;
	  color:black;
	  text-align:right;
	  max-width: fit-content(10em);
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}	

<? exit; ?>

		body {
		 margin:0px;
		 padding :0px;
		 text-align:left;
		 height:100%;
		 width:100%;
		 font-family:helvetica;
		 font-size:9px;
		 background-color: #ffffff;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		-webkit-font-smoothing:antialiased !important;

		   /* IMAGE STYLES */

		img { border:0 none}



		   /* CONTAINER RULES */

		#container { position:relative; margin:0px auto 0 auto; height:450px; width:850px; text-align:left; padding-left:0px;}

		
	
	 
		<style type="text/css" media="print">
		.dontprint
		{ display: none; }

		

		
/*-------------Button Styles---------------------------*/

.btn-xsmall{
	padding:5px 15px 5px 15px;
	text-align:center;
	display:inline-block;
	border:1px solid #FFF;
	background:transparent;
	color:black;
	text-decoration:none;
	cursor:pointer;
	letter-spacing:0px;
	font-size:13px;
	font-weight:400;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
.btn-small:hover{
	color:#FFF;
	}
	

.btn-small{
	padding:8px 15px 8px 15px;
	text-align:center;
	display:inline-block;
	border:1px solid #FFF;
	background:transparent;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	letter-spacing:0px;
	font-size:14px;
	font-weight:400;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
.btn-small:hover{
	color:#FFF;
	}

	
.btn-medium{
	padding:10px 20px 10px 20px;
	text-align:center;
	display:inline-block;
	border:1px solid #FFF;
	background:transparent;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	letter-spacing:0px;
	font-size:16px;
	font-weight:400;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
.btn-medium:hover{
	color:#FFF;
	}
	

.btn-large{
	padding:10px 40px 10px 40px;
	text-align:center;
	display:inline-block;
	border:1px solid #FFF;
	background:transparent;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	letter-spacing:0px;
	font-size:16px;
	font-weight:400;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
.btn-large:hover{
	color:#FFF;
	}

	
/*------------- Button Shadow ---------------------------*/

.btn-xsmall.shadow, .btn-small.shadow,
.btn-medium.shadow, .btn-large.shadow{
	-webkit-box-shadow: 1px 1px 2px 0 #272c31;
	box-shadow: 1px 1px 2px 0 #272c31;
	}	

/*------------- Button Colors ---------------------------*/
	
	
.btn-xsmall.green, .btn-small.green,
.btn-medium.green, .btn-large.green{
	color:#FFF !important;
	border:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b61e+0,02a41c+100 */
	background: #00b61e; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjYxZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMmE0MWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #00b61e 0%, #02a41c 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b61e), color-stop(100%,#02a41c)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  #00b61e 0%,#02a41c 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  #00b61e 0%,#02a41c 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  #00b61e 0%,#02a41c 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  #00b61e 0%,#02a41c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b61e', endColorstr='#02a41c',GradientType=0 ); /* IE6-8 */
	}
	
.btn-xsmall.green:hover, .btn-small.green:hover,
.btn-medium.green:hover, .btn-large.green:hover{
	background: #02a41c;
	text-decoration:none;
	color:#FFF !important;
	}
	
.btn-xsmall.blue, .btn-small.blue,
.btn-medium.blue, .btn-large.blue{
	color:#FFF !important;
	border:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#47ace5+0,0892df+100 */
	background: #47ace5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3YWNlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODkyZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #47ace5 0%, #0892df 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47ace5), color-stop(100%,#0892df)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  #47ace5 0%,#0892df 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  #47ace5 0%,#0892df 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  #47ace5 0%,#0892df 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  #47ace5 0%,#0892df 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47ace5', endColorstr='#0892df',GradientType=0 ); /* IE6-8 */
	}
	
.btn-xsmall.blue:hover, .btn-small.blue:hover,
.btn-medium.blue:hover, .btn-large.blue:hover{
	background: #0892df;
	text-decoration:none;
	color:#FFF !important;
	}
	
.btn-xsmall.red, .btn-small.red,
.btn-medium.red, .btn-large.red{
	color:#FFF !important;
	border:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f51e46+0,d9042b+100 */
	background: #f51e46; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1MWU0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOTA0MmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #f51e46 0%, #d9042b 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f51e46), color-stop(100%,#d9042b)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  #f51e46 0%,#d9042b 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  #f51e46 0%,#d9042b 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  #f51e46 0%,#d9042b 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  #f51e46 0%,#d9042b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f51e46', endColorstr='#d9042b',GradientType=0 ); /* IE6-8 */
	}
	
.btn-xsmall.red:hover, .btn-small.red:hover,
.btn-medium.red:hover, .btn-large.red:hover{
	background: #d9042b;
	text-decoration:none;
	color:#FFF !important;
	}
	
.btn-xsmall.purple, .btn-small.purple,
.btn-medium.purple, .btn-large.purple{
	color:#FFF !important;
	border:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#832fa9+0,642482+100 */
	background: #832fa9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgzMmZhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NDI0ODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #832fa9 0%, #642482 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#832fa9), color-stop(100%,#642482)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  #832fa9 0%,#642482 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  #832fa9 0%,#642482 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  #832fa9 0%,#642482 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  #832fa9 0%,#642482 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#832fa9', endColorstr='#642482',GradientType=0 ); /* IE6-8 */
	}
	
.btn-xsmall.purple:hover, .btn-small.purple:hover,
.btn-medium.purple:hover, .btn-large.purple:hover{
	background: #642482;
	text-decoration:none;
	color:#FFF !important;
	}
	
.btn-xsmall.grey, .btn-small.grey,
.btn-medium.grey, .btn-large.grey{
	color:#FFF !important;
	border:none;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525558+0,2b3033+100 */
	background: #525558; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTU1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjMwMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #525558 0%, #2b3033 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525558), color-stop(100%,#2b3033)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  #525558 0%,#2b3033 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  #525558 0%,#2b3033 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  #525558 0%,#2b3033 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  #525558 0%,#2b3033 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525558', endColorstr='#2b3033',GradientType=0 ); /* IE6-8 */
	}
	
.btn-xsmall.grey:hover, .btn-small.grey:hover,
.btn-medium.grey:hover, .btn-large.grey:hover{
	background: #2b3033;
	text-decoration:none;
	color:#FFF !important;
	}


	
		
		
		.left {
		  float: center;
		  width: 150px;
		  text-align: left;
		  margin: 2px 2px; 
		  display: inline;
		  color: black;
		  
		}

		.right {
		  float: left;
		  text-align: left;
		  margin: 2px 2px;
		  display: inline;
		   
		}
		
				 
		/* The container */
		.container {
		  display: block;
		  position: relative;
		  padding-left: 5px;
		  margin-bottom: 12px;
		  cursor: pointer;
		  font-size: 22px;
		  -webkit-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  user-select: none;
		}


		
		.label_azul{
		  font-family: Verdana; 
		  font-size: 11px;
		  text-align:center;
		  background-color:RGB(58,87,149);
		  color:white;
		  padding:5px;
		}
		
		.label_blanca{
		  font-family: Verdana; 
		  font-size: 11px;
		  text-align:center;
		  background-color:#f3f4f7;
		  color:black
		}
		
		.label{
		  font-family: Arial; 
		  font-size: 11px;
		  background-color:#BEBEBE;
		  color:black;
		  border-radius:4px;
		  text-align:right;
	      max-width: fit-content(10em);
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
	
		.datos{
			border: 1px solid RGB(0,139,255);;
			 padding:0px;
			border-radius:4px;
			color: grey; 
			font-family: Verdana; 
			font-size: 12px; 
			background-color: white;
			autocomplete:new-password;
		}
		
		.entercode{
			border: 1px solid RGB(0,139,255);;
			padding:5px;
			border-radius:4px;
			color: grey; 
			font-family: Verdana; 
			font-size: 12px; 
			background-color: yellow;
			
		}
		
		.dataentry{
			border: 1px solid #bdbdbd;
			 padding:0px;
			border-radius:4px;
			color: black; 
			font-family: Verdana; 
			font-size: 12px; 
			background-color: white;
		}
		
		.datoscell{
			border: 1px solid #bdbdbd;
			padding:5px 5px 5px 5px;
			height:70px;
			border-radius:16px;
			color: #333333; 
			font-family: Verdana; 
			font-size: 50px; 
			background-color: white;
		}	

		.labelcell{
		  font-family: Verdana; 
		  font-size: 20px;
		  text-align:center;
		  color:RGB(58,87,149);
		  border-radius:4px;
		  text-align:left
		}	

		input[type=number]::-webkit-inner-spin-button, 
		input[type=number]::-webkit-outer-spin-button { 
		  -webkit-appearance: none; 
		  margin: 0; 
		}		
		
		@font-face {
		  font-family: 'chkmicr';
		  src: url('chkmicr_1.ttf');
		}
  
		@font-face {
		  font-family: 'Stamp';
		  src: url('Stamp.ttf');
		}
 
 
		 .dashboardbutton {
		   border-top: 1px solid #96d1f8;
		   background: #65a9d7;
		   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
		   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
		   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
		   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
		   background: -o-linear-gradient(top, #3e779d, #65a9d7);
		   padding: 3px 13px;
		   -webkit-border-radius: 11px;
		   -moz-border-radius: 11px;
		   border-radius: 11px;
		   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
		   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
		   box-shadow: rgba(0,0,0,1) 0 1px 0;
		   text-shadow: rgba(0,0,0,.4) 0 1px 0;
		   color: white;
		   font-size: 13px;
		   font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
		   text-decoration: none;
		   vertical-align: middle;
		   }
		.dashboardbutton:hover {
		   border-top-color: #28597a;
		   background: #28597a;
		   color: #ffffff;
		   }
		.dashboardbutton:active {
		   border-top-color: #1b435e;
		   background: #1b435e;
		   }
		   
		.text-contract{
			padding:2px;
			color: black; 
			font-family: arial; 
			font-size: 12px; 
			background-color: white;
		}
		.text-contract-blk{
			 padding:2px;
			color: black; 
			font-family: arial; 
			font-size: 13px; 
			background-color: white;
		}		
		.text-contract-bar{
			padding:2px;
			color: white; 
			font-family: Verdana; 
			font-size: 12px; 
			background-color: white;
		}	

		.word-contract-bold{
			padding:2px;
			color: black; 
			font-family: Arial; 
			font-size: 12px; 
			background-color: white;
		}
 
 

 
		.word-contract{
			padding:2px;
			color: red; 
			font-family: arial; 
			font-size: 8px; 
			background-color: white;
		}		
		.text-contract-bar{
			padding:2px;
			color: white; 
			font-family: Verdana; 
			font-size: 12px; 
			background-color: white;
		}			
	 


		
		
		.blink{
      animation: blinker 1.4s linear infinite;
      }
      @keyframes blinker {  
      100% { opacity: 0; }
      }
	  
	  @font-face {
  font-family: ‘MyWebFont’;
  src: url(‘webfont.eot’);
  src: url(‘webfont.eot?#iefix’) format(‘embedded-opentype’),
       url(‘webfont.woff’) format(‘woff’),
       url(‘webfont.ttf’) format(‘truetype’),
       url(‘webfont.svg#svgFontName’) format(‘svg’);
	}
	
	
	
	
	.accordion {
	  background-color:RGB(58,87,149);
	  text-align:left;  
	  font-family:arial; 
	  font-size:12px
	  
	  cursor: pointer;
	  padding: 1px;
	  width: 100%;
	  border: none;
	  outline: none;
	  transition: 0.4s;
	  color:white;
	}

	.active, .accordion:hover {
	  background-color:RGB(58,87,149);
	}

	.panel {
	  padding: 0 0px;
	  display: none;
	  background-color: TRANSPARENT;
	  overflow: hidden;
	}
	
	
	<!-- modal-->	
	   
	.popup-overlay {
	visibility:hidden;
	}

	.popup-content {
	visibility:hidden;
	}


	.popup-overlay.active{
	visibility:visible;
	}

	.popup-content.active {
	visibility:visible;
	}
	
	<!-- used in address input -->
 
		
	.barra-celeste{
		/* background-color:RGB(0,139,255); */
		background-color: rgb(0,119,197);
		color:white;
		font-family: Verdana; 
		font-size: 11px;
		padding:2px 2px 2px 2px;
		border:1px solid RGB(0,139,255);
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-weight:400;
	}
	
	.barra-verde{
		background-color:#00b359;
		color:white;
		font-family: Verdana; 
		font-size: 11px;
		padding:2px 2px 2px 2px;
		border:1px solid #00b359;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-weight:400;
	}	
	
	.barra-cielo{
		background-color:RGB(0,139,255);
		color:white;
		font-family: Verdana; 
		font-size: 11px;
		padding:2px 2px 2px 2px;
		border:1px solid RGB(0,139,255);
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-weight:400;
	}		
	
	
	.boton-rojo{
		background-color:red;
		color:white;
		font-family: Verdana; 
		font-size: 11px;
		text-align:center;
	  	padding:5px 15px 5px 15px;
		display:inline-block;
		border:1px solid #FFF;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:13px;
		font-weight:400;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}		
	.boton-celeste{
		background-color:RGB(0,139,255);
		color:white;
		font-family: Verdana; 
		font-size: 11px;
		text-align:center;
	  	padding:5px 15px 5px 15px;
		display:inline-block;
		border:1px solid #FFF;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:13px;
		font-weight:400;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.boton-celeste:hover{
		background-color:RGB(58,87,149);
		color:white;
		font-family: Verdana; 
		font-size: 11px;
		text-align:center;
	  	padding:5px 15px 5px 15px;
		display:inline-block;
		border:1px solid #FFF;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:13px;
		font-weight:400;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}	
	
	.boton-rojo{
		background-color:RGB(255,0,0);
		color:white;
		font-family: Verdana; 
		font-size: 11px;
		text-align:center;
	  	padding:5px 15px 5px 15px;
		display:inline-block;
		border:1px solid #FFF;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:13px;
		font-weight:400;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.boton-rojo:hover{
		background-color:RGB(255,100,100);
		color:white;
		font-family: Verdana; 
		font-size: 11px;
		text-align:center;
	  	padding:5px 15px 5px 15px;
		display:inline-block;
		border:1px solid #FFF;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:13px;
		font-weight:400;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}		
	
	

	.boton-celeste-reversed{
		background-color:white;
		color:RGB(0,139,255);
		font-family: Verdana; 
		font-size: 11px;
		text-align:center;
	  	padding:5px 15px 5px 15px;
		display:inline-block;
		border:1px solid RGB(0,139,255);
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:13px;
		font-weight:400;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	
	.boton-verde{
		background-color:#00b359;
		color:white;
		font-family: Verdana; 
		font-size: 11px;
		text-align:center;
	  	padding:5px 15px 5px 15px;
		display:inline-block;
		border:1px solid #FFF;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:13px;
		font-weight:400;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.boton-verde:hover{
		background-color:#00b359;
		color:white;
		font-family: Verdana; 
		font-size: 11px;
		text-align:center;
	  	padding:5px 15px 5px 15px;
		display:inline-block;
		border:1px solid #FFF;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:13px;
		font-weight:400;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}

	.boton-dimmed{
		background-color:platinum;
		color:gray;
		font-family: Verdana; 
		font-size: 11px;
		text-align:center;
	  	padding:5px 15px 5px 15px;
		display:inline-block;
		border:1px solid gray;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:13px;
		font-weight:400;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.boton-dimmed:hover{
		background-color:#00b359;
		color:white;
		font-family: Verdana; 
		font-size: 11px;
		text-align:center;
	  	padding:5px 15px 5px 15px;
		display:inline-block;
		border:1px solid #FFF;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:13px;
		font-weight:400;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}	

	.texto-grande-azul{
		background-color:transparent;
		color:rgb(1,72,135);
		font-family: 'Nunito', sans-serif;
		font-size: 11px;
		text-align:center;
	  	padding:5px 3px 5px 3px;
		display:inline-block;
		border:1px solid #FFF;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:16px;
		font-weight:999;
		-webkit-border-radius: 5px;
		border-radius: 5px;		
	}
	
	.texto-heading{
		color:rgb(1,72,135);
		 
		font-family: 'Poppins', sans-serif;
	  	padding:5px 5px 5px 5px;
		border:0px solid #FFF;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:12px;
		font-weight:999;
		-webkit-border-radius: 5px;
		border-radius: 5px;				
	}
	
	.caja-de-contenido{
		background-color:white;
		-webkit-border-radius: 7px;
		border-radius: 7px;	
		box-shadow: 2px 2px 1px grey;
	}
	
	.bolita{
		color:RGB(0,139,255);
		background-color:rgb(243,246,249);
		font-family: 'Poppins', sans-serif;
		text-align:center;
	  	padding:5px 5px 5px 5px;
		display:inline-block;
		border:1px solid #FFF;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:16px;
		font-weight:600;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		width:60px;
		height:60px;
		vertical-align:middle;
	}
	.bolita:hover{
		color:RGB(0,139,255);
				color:white;
		background-color:RGB(0,139,255);
 
		font-family: 'Poppins', sans-serif;
		text-align:center;
	  	padding:5px 5px 5px 5px;
		display:inline-block;
		border:1px solid #FFF;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:16px;
		font-weight:600;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		width:60px;
		height:60px;
		vertical-align:middle;
	}	
	
	.daycircle{
		color:white;
		background-color:#00b359;
		font-family: arial;
		text-align:center;
	  	padding:4px 2px 2px 2px;
		display:inline-block;
		border:1px solid #FFF;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:11px;
		font-weight:300;
		-webkit-border-radius: 17px;
		border-radius: 17px;
		width:30px;
		height:30px;
		vertical-align:middle;
	}
	.daycircle:hover{
		color:white;
		background-color:RGB(0,139,255);
		font-family: arial;
		text-align:center;
	  	padding:4px 2px 2px 2px;
		display:inline-block;
		border:1px solid #FFF;
		text-decoration:none;
		cursor:pointer;
		letter-spacing:0px;
		font-size:11px;
		font-weight:300;
		-webkit-border-radius: 17px;
		border-radius: 17px;
		width:30px;
		height:30px;
		vertical-align:middle;
	}	
	
	.boton-href{
	background-color:transparent;
	padding:5px 5px 5px 5px;
	text-align:left;

	display:inline-block;
	border:0px solid #FFF;
	color:RGB(0,139,255);
	text-decoration:none;
	cursor:pointer;
	letter-spacing:0px;
	font-size:12px;
	font-weight:600;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:300px
	
	}
	
	.boton-href:hover{
	background-color:RGB(0,139,255);
	color:white;
	width:300px;
	text-align:left;
	}
	
	select {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  text-indent: 1px;
	  text-overflow: '';
	}