@charset "utf-8";
/* Hoja de Estilos del Panel SSFEP */
*, *:before, *:after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

@font-face {
font-family: 'gobCL';
  src: url('/fonts/gobcl_regular-webfont.eot');
  src: url('/fonts/gobcl_regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('/fonts/gobcl_regular-webfont.woff') format('woff'),
  url('/fonts/gobcl_regular-webfont.ttf') format('truetype'),
  url('/fonts/gobcl_regular-webfont.svg#webfont3jnenQ5S') format('svg');
  font-weight: normal;
  font-style: normal;
}
.gobcl {
  font-family: "gobCL", Tahoma, Verdana, Segoe, sans-serif;
}
.opensans {
  font-family: "Open Sans", sans-serif;
}
.georgia {
  font-family: Georgia, Times, "Times New Roman", serif;
}


#main {
	font-family: "gobCL",arial,verdana;
	width:100%;
	margin:0 auto;
}
h2 {
	color:#c88209;
	font-weight: 500;
	margin-left: 10px;
}

#marcoazul {
	background: #446e9b no-repeat;
	border-radius: 10px;
	padding:20px;
	width:100%;
	float: left;
	position: relative;
}

#marcoazul h3 {
	display: inline-block;
	padding: 10px;
	background: white;
	margin: 1px;
	font-size: 12px;
	font-weight: 500;
	width: 120px;
}

#panel {
	background: #ffffff;
	border-collapse: collapse;
	width: 100%;
	float: left;
	position: relative;
}

#panel th {
	font-size: 15px;
	font-weight: 500;
	max-width: 90px;
	padding: 10px;
}
#panel td {
  text-align: center;
  padding: 10px 0;
  border-top: none;
  border-bottom: none;
}

#panel td span{
	display: inline-block;
	border-width: 2px;
	border-style: solid;
	padding: 0.1em 0.3em;
	font-size: 12.5px;
	margin-right: 1px;
}
#panelleg {
	width: 100%;
	max-height: 30px;
	margin-top: 15px;
	padding: 5px 15px;
	background: #fff;
	float: left;
	position: relative;
}
.cubitos {
	float: left;
	position: relative;
	width: 48%;
	display: inline-block;
}
.cubitos ul {
	width: 100%;
	display: inline;
}
.cubitos li {
	display: inline;
}
.cubito {
	width: 20px;
	height: 20px;
	border: 2px solid #000;
	position: relative;
	margin-right: 10px;
	display: inline-block;
}
.some {
	display: inline-table;
	float: left;
	position: relative;
	width: 52%;
}
.some ul {
	display: inline-table;
	float: left;
	position: relative;
	width: 100%;
	margin: 0;
}
.some li {
		display: inline;
		margin-right: 7px;
}

tbody tr:nth-child(odd) {
  background: #f2f2f2;
}

.gri {
	color: #999999;
	background: transparent;
	border-color: #999999;
}

.ver {
	color: #006837;
	background: #71d2a4;
	border-color: #006837;
}

.ama {
	color: #f7931e;
	background: #fcee21;
	border-color: #f7931e;
}

.roj {
	color: #fff;
	background: #ff1d25;
	border-color: #c1272d;
}

#ver {
	background: #71d2a4;
	border-color: #006837;
}
#verletr {
	color: #006837;
}

#ama {
	background: #fcee21;
	border-color: #f7931e;
}
#amaletr{
	color: #f7931e;
}

#roj {
	color: #fff;
	background: #ff1d25;
	border-color: #c1272d;
}
#rojletr{
	color: #ff1d25;
}
.ui-tooltip {
  white-space: pre-line !important;
 }