@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url('../font-awesome.css');

:focus {
    outline: 2px solid #416AC7;
    box-shadow: 0 0 10px rgba(54,92,180,0.5);
}

* {
	font-family: 'Open Sans', Arial, Helvetica;
	word-wrap: break-word;
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="text"], input[type="password"], textarea {
	font-size: 13px;
	color: #000;
	background: #fff;
	border: none;
		padding: 5px 10px;
	width: 100%;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all linear 0.2s;
	-moz-transition: all linear 0.2s;
	transition: all linear 0.2s;
}
input[size] {
	width: auto !important;
}
input[type="text"][readonly], input[type="password"][readonly], textarea[readonly], input[type="text"][disabled], input[type="password"][disabled], textarea[disabled] {
	background-color: #f0f0f0;
}
input[type="text"]:focus, input[type="password"]:focus {
	border-color: #777;
}
/* Parche Colores */

*[style*="background:#00FF00"], *[style*="background:#FFFF00"] {
	color: #000 !important;
}
/* CSS General */

body {
	position: absolute;
	width: 100%;
	min-height: 100%;
	padding: 0;
	margin: 0;
	font-size: 11px;
	color: #666;
}
a {
	text-decoration: none;
	color: #2D73B5;
}
a:hover {
	color: #165487;
	cursor: pointer;
}
h1 {
	font-size: 22px;
}
h1.titulo {
	color: #2D73B5;
	margin: 5px 0;
}
h2 {
	font-size: 18px;
	margin: 5px 0;
}
h3 {
	font-size: 15px;
	margin: 5px 0;
}
label {
	font-weight: bold;
}
p {
	margin: 5px 0;
}
ul {
	list-style: none;
}
table {
	font-size: 100%;
	text-align: center;
}
#wrapper {
	position: absolute;
	width: 100%;
	min-height: 100%;
	background: #fff;
	background: -webkit-linear-gradient(#ffffff, #D8DADE);
	background: -moz-linear-gradient(#ffffff, #D8DADE);
	background: -o-linear-gradient(#ffffff, #D8DADE);
	background: linear-gradient(#ffffff, #D8DADE);
}
#menu {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 40px 0;
	background: #2D73B5;
}
#dentro {
	display: table;
	margin: 0 2.5%;
}
ul.dropdown, ul.dropdown ul, ul.dropdown li {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.dropdown {
	position: relative;
	z-index: 597;
	float: left;
}
ul.dropdown a {
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	padding: 38px 15px;
	text-decoration: none;
	background: transparent;
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
ul.dropdown a:hover, ul.dropdown a.active, ul.dropdown a:focus, ul.dropdown li:hover > a {
	background: #125891;
	-webkit-box-shadow: inset 0 0 20px rgba(0,41,71,0.7);
	-moz-box-shadow: inset 0 0 20px rgba(0,41,71,0.7);
	-o-box-shadow: inset 0 0 20px rgba(0,41,71,0.7);
	box-shadow: inset 0 0 20px rgba(0,41,71,0.7);
}
ul.dropdown li {
	float: left;
}
ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
ul.dropdown ul {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: -10px;
	width: 180px;
	z-index: 598;
	background: #2D73B5;
	-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
ul.dropdown li:hover > ul {
	display: block;
}
ul.dropdown ul ul {
	top: 10px;
	left: 97%;
}
ul.dropdown ul li {
	float: none;
}
li.dir ul a {
	padding: 10px 15px;
	font-size: 90%;
}
ul.dropdown > li.dir > a, ul.dropdown > li.dir > a:hover {
	padding-right: 30px;
	background-image: url(images/down.png);
	background-position: 93% 50%;
	background-repeat: no-repeat;
}
li.dir li.dir > a {
	background-image: url(images/right.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
ul.dropdown li > .fa {
	display: none;
}
#logo {
	float: left;
	width: 90px;
	height: 132px;
	margin: -15px 10px -25px 2.5%;
	background: url(images/logo2.png) no-repeat center center;
	background-size: contain;
}
#logo > a {
	display: block;
	width: 100%;
	height: 100%;
}
#nav {
	float: left;
}
#body {
	width: 95%;
	margin: 0 auto;
}
#contenido {
	min-height: 200px;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 15px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 15px rgba(0,0,0,0.2);
	-o-box-shadow: 3px 3px 15px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 15px rgba(0,0,0,0.2);
}
#contenido > div {
	padding: 20px 10px;
}
#footer {
	display: table;
	width: 95%;
	margin: 20px auto 10px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.button {
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #2D73B5;
	cursor: pointer;
}
.button:hover {
	background: #155589;
	color: #fff;
}
.buttonsFoot {
	text-align: center;
	margin: 15px 0;
}
.buttonsFoot > * {
	margin: 0 5px;
}
.eliminar {
	background: #c10000;
}
.eliminar:hover {
	background: #800000;
}
.mt {
	margin-top: 20px;
}
.fijo {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 95%;
	margin: 0 auto;
}
.fijo > .bloque {
	margin: 0 10px;
	width: auto !important;
}
.fijo > .mes {
	margin: 0 10px;
	width: auto !important;
	display: block !important;
}
#inicio {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: table;
	width: 100%;
	height: 100%;
	background: #fff;
	background: -webkit-linear-gradient(#ffffff, #D8DADE);
	background: -moz-linear-gradient(#ffffff, #D8DADE);
	background: -o-linear-gradient(#ffffff, #D8DADE);
	background: linear-gradient(#ffffff, #D8DADE);
	z-index: 99999;
}
#block {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	color: #fff;
	text-align: center;
}
#block > div {
	background: #2D73B5 url(images/curvas.png) no-repeat;
	background-size: 100% 100%;
}
#block > div > div {
	padding: 7% 0;
}
.logo {
	width: 25%;
	max-width: 180px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}
#body.nosesion {
	margin-top: 100px;
}
.nosesion #contenido > div {
	text-align: center;
}
.nosesion #contenido > div img {
	margin-top: -100px;
	margin-bottom: 20px;
	max-height: 200px;
}
.nosesion #contenido > div form {
	display: inline-block;
	width: 100%;
	max-width: 300px;
	margin: 0 0 20px;
}
.nosesion #contenido > div h2,
.nosesion #contenido > div p {
	margin: 0;
}
.nosesion #contenido > div form > * {
	margin-top: 10px;
}
#entrar {
	background: #666;
}
#entrar:hover {
	background: #515151;
}
#inicio div {
	font-size: 110%;
}
#inicio div a {
	color: #A1D1FF;
}
.tooltip {
	margin-left: 5px;
	cursor: help;
}
.ui-tooltip.notita {
	max-width: 200px;
	color: #333 !important;
	font-size: 100% !important;
	background: #fefabc !important;
}
/* Login */

.login div {
	position: relative;

}
.login div > span.fa {
	position: absolute;
	display: block;
	left: 0;
	font-size: 130%;
	line-height: 200%;
	width: 30px;
	text-align: center;
}
.login div > input {
	padding-left: 30px;
}
.login > input {
	width: 100%;
}
/* Perfil */

.perfil, .perfil-modificar {
	width: 40%;
	min-width: 400px;
	margin: 40px auto;
}
.perfil .left, .perfil-modificar .left {
	width: 25%;
	margin-left: 5%;
	text-align: left;
	font-weight: bold;
}
.perfil .right, .perfil-modificar .right {
	width: 60%;
	margin: 0 5%;
	text-align: left;
}
.perfil > div, .perfil-modificar > div {
	display: table;
	width: 100%;
	padding: 10px 0;
}
.perfil > div:nth-child(2n+1) {
	background: #EDEEF0;
}
.perfil-modificar > div {
	border: 1px solid #E4E4E4;
	margin-bottom: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.perfil-modificar .right > label {
	width: 50%;
	float: left;
}
/* Tablas */

.tabla {
	display: table;
	width: 100%;
	margin: 10px 0;
	border: 1px solid #ddd;
}
/* Icono desglose en tablero */
.toggle {
	display: inline-block;
	cursor: pointer;
    font-size: 125%;
    line-height: 0.7;
    color: #2D73B5;
    padding: 3px 4px;
    border-radius: 10px;
    margin-right: 3px;
}
#theader {
	display: table-row;
	color: #fff;
	background: #2D73B5;
}
#trow {
	display: table-row;
	text-align: left;
}
#trow:nth-child(2n+1) {
	background: #f2f2f2;
}
#trow > div,
#theader > div {
	display: table-cell;
	padding: 3px 10px;
}
center > .right {
	float: none;
	text-align: right;
}
center > .right > a {
	display: inline-block;
	line-height: 250%;
	padding: 0 10px;
	margin-left: 5px;
	border: 1px solid #2D73B5;
	border-radius: 3px;
}
center .left form input {
	padding: 5px 10px;
}
center .left form button {
	color: #fff;
	text-align: center;
	padding: 5px 13px;
	margin-left: 5px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	vertical-align: top;
	background: #2D73B5;
}
center .left form button i {
	line-height: 150%;
}

/* Tableros */

#encabezado {
	background: #EDEEF0 !important;
}
td[bgcolor*="#FF0000"] font {
	color: #fff !important;
}
tr {
	background: #EDEEF0;
}
tr:nth-child(2n+1) {
	background: #fff;
}
.nav-tab {
	display: inline-block;
	width: 100%;
	margin: -20px 0 0;
	padding: 0 20px;
	background: url(images/tabs.png) repeat-x;
}
.nav-tab > * {
	display: inline-block;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-right: 3px;
	white-space: nowrap;
	background: #fff;
}
.nav-tab > * > * {
	display: block;
	line-height: 300%;
	padding: 0 10px;
	margin: 0;
}
.nav-tab > * > * .select2-container,
ul.pagemain .select2-container {
	width: auto !important;
	min-width: 200px;
}
.nav-tab > * > * select,
ul.pagemain select {
	width: auto !important;
	max-width: 130px;
	background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
	line-height: 26px;
	padding: 0 10px;
	vertical-align: middle;
	appearance: none;
}
.nav-tab > * > * input[type="text"],
ul.pagemain input[type="text"] {
	vertical-align: middle;
}
.nav-tab > button {
	line-height: 300%;
	padding: 0 10px;
	border-top: none;
	border-bottom: none;
}
.nav-tab > .tab-b {
	border-color: transparent;
	background: none;
}
.nav-tab .tab,
.nav-tab .tab-b:hover {
	border-color: #ccc;
	background: #fff;
}
button.tab:hover, button:hover {
	cursor: pointer;
}
.imprimir, .export {
	float: right;
	background: #fff url(images/imprimir.png) 5px 50% no-repeat;
	padding-left: 35px !important;
	color: #737276;
	font-size: 100%;
}
.export {
	background: #fff url(images/excel.png) 10px 50% no-repeat;
}
/* Agregar y Modifica Tableros */
.crear-tablero {
	display: table;
	width: 50%;
	min-width: 540px;
	border: 1px solid #E4E4E4;
	margin-bottom: 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.t-wrapper {
	border-bottom: 1px solid #E4E4E4;
}
.t-top div {
	background: #737276;
	color: #fff;
	float: left;
	padding: 10px 0;
	width: 25%;
}
.t-top div:first-child {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}
.t-top div:last-child {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}
.t-wrapper div {
	float: left;
	width: 25%;
	padding: 5px 1%;
}
.t-wrapper div label {
	float: left;
	width: 50%;
	text-align: left;
}
.mod div label {
	float: left;
	width: 100%;
	text-align: left;
}
.t-wrapper input[type="text"] {
	text-align: center;
}
.crear-tablero label.suc-gerencial {
	float: left;
	width: 20%;
	padding: 0 2.5%;
	text-align: left;
}
.crear-tablero input[type="text"] {
	width: 100% !important;
}
/* Conv. en Tablas */

#middle {
	border-collapse: collapse;
}
div#top, #middle > .linea, .gerencial #middle > .linea > .linea2, .gerencial #middle > .linea > .linea > div, .gerencial .gerencialpacs .gerencialpacs > .linea, .gerencial .gerencialpacs > .linea > .linea, .gerencial .gerencialpacs > .linea > .linea2, .gerencial #desglose-gerencial > .linea, .desglose-gerencial > .linea, #vacioPAC #middle > .linea > .linea2, .desglose-pacs > .linea, .renglon > .linea, #column-right > .linea, .gerencial .gerencialpacs > .linea > .linea > .linea2, .gerencial #middle > .desglose-gerencial2 > .linea2, .tablerosem #middle > .linea > .linea2 {
	/*display: table-row;*/
	display: table;
	width: 100%;
	border-collapse: collapse;
}
div#top > div, #middle > .linea > div, .gerencial #middle > .linea > .linea2 > div, .gerencial #middle > .linea > .linea > div > div, .gerencial .gerencialpacs > .linea > div, .gerencial .gerencialpacs > .linea > .linea > div, .gerencial .gerencialpacs > .linea > .linea2 > div, .gerencial #desglose-gerencial > .linea > div, .desglose-gerencial > .linea > div, #vacioPAC #middle > .linea > .linea2 > div, .desglose-pacs > .linea > div, .renglon > .linea > div, #column-right > .linea > div, .gerencial .gerencialpacs > .linea > .linea > .linea2 > div, .gerencial #middle > .desglose-gerencial2 > .linea2 > div, .tablerosem #middle > .linea > .linea2 > div {
	display: table-cell;
	vertical-align: middle;
}
.gerencial #middle > .linea, .gerencial #middle > .linea > .linea, #vacioPAC #middle > .linea, .gerencial .gerencialpacs > .linea > .linea {
	/*display: block !important;*/
	display: table;
}
#vacioPAC #middle > .linea > .desglose-pacs, #middle > .linea > .desglose-gerencial, .gerencial .gerencialpacs > .linea, .gerencial #middle > .linea > .gerencialpacs, .gerencial .gerencialpacs > .linea > .gerencialpacs {
	display: table;
	width: 100%;
}
.desglose-gerencial2 {
	border-bottom: none !important;
}
.desglose-gerencial2 > .linea2 {
	background: #edeef0;
	border-bottom: 1px solid #ccc;
}
.desglose-gerencial2:first-child > .linea2 {
	border-top: 5px solid #ccc;
}
.desglose-gerencial2:last-child > .linea2 {
	background: #edeef0;
	border-bottom: 5px solid #ccc;
}
/* Ver Tablero Semaforos */

table.tablerosem {
	width: 100%;
	font-size: 100%;
	border: 1px solid #ccc;
}
table.tablerosem th,
table.tablerosem td {
	border: 1px solid #ccc;
}
table.tablerosem th {
	color: #fff;
	background: #4495d8;
}

.tablerosem {
	text-align: center;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: none;
	border-collapse: collapse;
}
.tablerosem #top {
	display: table;
	font-weight: bold;
	font-size: 90%;
	word-wrap: break-word !important;
}
.tablerosem font {
	font-size: 90%;
}
.tablerosem #top > div:first-child, .tablerosem #middle .linea > div:first-child {
	border-top: 1px solid #CCCCCC;
}
.tablerosem #middle .linea {
	display: table;
	border-bottom: none;
}
.tablerosem #middle .linea > div, .tablerosem #middle .linea2 > div {
	padding: 5px 0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-right: -1px;
}
.tablerosem #middle .linea2 > div:first-child {
	border-left: none;
}
/* Ver Tablero */

.tablero-principal, .tablero-actual, .tablero-acumulado, .tablero-pacs {
	text-align: center;
	border: 1px solid #ccc;
	border-bottom: none;
}
.calificaciones {
	width: 100%;
	font-size: 140%;
	background: #edeef0;
	border-bottom: 1px solid #ccc;
}
.calificaciones > div {
	float: left;
	padding: 15px 1%;
}
.calificaciones > div:first-child {
	text-align: right;
}
.mes {
	width: 100%;
	background: #edeef0;
}
.mes > div {
	float: left;
	color: #fff;
	padding: 15px 0;
	border-bottom: 1px solid #fff;
}
.mes > div:first-child {
	margin-left: 20%;
}
.tablero-principal #top > div {
	width: 6.2%;
}
.tablero-principal #top > div:first-child {
	width: 20%;
	color: #666;
	background: #edeef0;
	margin-left: 0;
	border-left: none;
	border-top: 1px solid #ccc;
}
.tablero-principal #top > div:nth-child(2), .tablero-principal #top > div:nth-child(3), .tablero-principal #top > div:nth-child(4), .tablero-principal #top > div:nth-child(5), .tablero-principal #top > div:nth-child(6), .tablero-principal #top > div:nth-child(7), .tablero-principal #top > div:nth-child(8), .tablero-principal #top > div:nth-child(9) {
	background: #2d73b5;
}
.tablero-principal .rv_titulos {
	width: 20%;
	padding: 8px 0;
}
.tablero-principal .rv_valores {
	width: 6.2%;
	padding: 8px 0;
}
.tablero-actual #top > div {
	width: 11%;
}
.tablero-actual #top > div:first-child {
	width: 19.5%;
	color: #666;
	background: #edeef0;
	margin-left: 0;
	border-left: none;
}
.tablero-actual .rv_titulos {
	width: 19.5%;
	padding: 8px 0;
}
.tablero-actual .rv_valores {
	width: 11%;
	padding: 8px 0;
}
.tablero-acumulado #top > div {
	width: 15%;
	background: #4495d8;
}
.tablero-acumulado #top > div:first-child {
	width: 21.5%;
	color: #666;
	background: #edeef0;
	margin-left: 0;
	border-left: none;
}
.tablero-acumulado .rv_titulos {
	width: 21.5%;
	padding: 8px 0;
}
.tablero-acumulado .rv_valores {
	width: 15%;
	padding: 8px 0;
}
.tablero-pacs #top > div {
	width: 7% !important;
}
.tablero-pacs #top > div:first-child {
	width: 16% !important;
	color: #666;
	background: #edeef0;
	margin-left: 0;
	border-left: none;
}
.tablero-pacs .rv_titulos {
	width: 16%;
	padding: 8px 0;
}
.tablero-pacs .rv_valores {
	width: 7% !important;
	padding: 8px 0;
}
#mostrarPAC {
	text-align: center;
	border-right: 1px solid #ccc;
}
#mostrarPAC #top > div:first-child {
	margin-left: 0;
}
#mostrarPAC #top > div {
	width: 16.5% !important;
	padding: 8px 0;
}
#mostrarPAC #top > div:nth-child(3) {
	width: 34% !important;
	padding: 8px 0;
}
#mostrarPAC .rv_valores {
	width: 16.5% !important;
	padding: 8px 0;
}
#mostrarPAC .rv_valores:nth-child(3) {
	width: 34% !important;
	padding: 8px 0;
}
.selector-pac {
	float: right;
	background: #666;
	padding: 5px 10px;
	margin: 10px 0;
}
/* ---- Reporte de Ventas ---- */

.divOculto {
	display: none !important;
	width: 15%;
}
.ui-dialog-content table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-collapse: none;
	border-spacing: 0;
	width: 100%;
}
.ui-dialog-content td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 23%;
	padding: 7px 0;
}
.reporte_sucursal,
.reporte_un,
.reporte_ddd,
.reporte_nec,
.rv_global,
.reporte_dif {
	text-align: center;
	border: 1px solid #ccc;
	border-bottom: none;
}
.titulares {
	width: 100%;
}
.titulares a {
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	color: #fff;
	font-size: 130%;
	text-transform: uppercase;
	background: #2a6fb1;
	background: -webkit-radial-gradient(50% 100%, #2a6fb1 0%, #083480 70%);
	background: -moz-radial-gradient(50% 100%, #2a6fb1 0%, #083480 70%);
	background: -o-radial-gradient(50% 100%, #2a6fb1 0%, #083480 70%);
	background: -radial-gradient(50% 100%, #2a6fb1 0%, #083480 70%);
	cursor: default;
}
.titulares a[href*="("]:hover {
	background: #083480;
	background: -webkit-radial-gradient(50% 100%, #083480 0%, #2a6fb1 100%);
	background: -moz-radial-gradient(50% 100%, #083480 0%, #2a6fb1 100%);
	background: -o-radial-gradient(50% 100%, #083480 0%, #2a6fb1 100%);
	background: -radial-gradient(50% 100%, #083480 0%, #2a6fb1 100%);
	cursor: pointer;
}
div#top {
	display: table;
	width: 100%;
	background: #4495d8;
}
div#top > div {
	width: 6.4%;
	color: #fff;
	padding: 8px 0;
	border-left: 1px solid #fff;
}
div#top > div:first-child {
	width: 9.9%;
}
div#top > div:nth-child(2),
.linea > div:nth-child(2),
.gerencial .linea > * > div:nth-child(2) {
	width: 5.6%;
	min-width: 45px;
}
.linea {
	width: 100% !important;
	background: #edeef0;
	border-bottom: 1px solid #ccc;
}
.linea:nth-child(2n+1) {
	background: #fff;
}
.linea > * > .linea:first-child {
	background: #edeef0;
	border-top: 5px solid #ccc;
}
.linea > * > .linea:last-child {
	background: #edeef0;
	border-bottom: 5px solid #ccc;
}
.linea > * > .linea,
.sub-tr, .sub-tr > td:first-child {
	/*background: #edeef0 !important;*/
	background: #CBE1F9 !important;
}
.linea > .linea {
	border: none;
	background: none;
}
.rv_titulos {
	width: 9.35%;
	padding: 5px 0;
}
.rv_valores {
	width: 7%;
	padding: 5px 0;
	border-left: 1px solid #ccc;
	margin-right: -1px;
}
.reporte_sucursal #top > div,
.reporte_sucursal .rv_valores {
	width: 6% !important;
}
.reporte_un #top > div,
.reporte_un .rv_valores,
.reporte_ddd #top > div,
.reporte_ddd .rv_valores,
.reporte_nec #top > div,
.reporte_nec .rv_valores {
	width: 7% !important;
}
.reporte_sucursal #top > div:first-child,
.reporte_sucursal .rv_titulos,
.reporte_un #top > div:first-child,
.reporte_un .rv_titulos,
.reporte_ddd #top > div:first-child,
.reporte_ddd .rv_titulos, .reporte_nec #top > div:first-child, .reporte_nec .rv_titulos {
	width: 16% !important;
	border-left: none;
}
.rv_global {
	border: none !important;
}
.rv_global > div {
	float: left;
	width: 33%;
	margin: 0 1%;
}
.rv_global > div:last-child {
	width: 28%;
}
.rv_global #top {
	display: table;
	background: #2a6fb1;
	background: -webkit-radial-gradient(50% 100%, #2a6fb1 0%, #083480 70%);
	background: -moz-radial-gradient(50% 100%, #2a6fb1 0%, #083480 70%);
	background: -o-radial-gradient(50% 100%, #2a6fb1 0%, #083480 70%);
	background: -radial-gradient(50% 100%, #2a6fb1 0%, #083480 70%);
}
.rv_global #top > div {
	width: 30%;
}
.rv_global #top > div:first-child {
	width: 40%;
	border-left: none;
}
.rv_global #middle {
	border: 1px solid #ccc;
	border-bottom: none;
}
.rv_global .rv_titulos {
	width: 40% !important;
	padding: 5px 0;
}
.rv_global .rv_valores {
	text-align: right;
	width: 30% !important;
	padding: 5px 2%;
}
.resultados {
}
#unidad_negocio {
	display: inline-block;
	width: 100%;
	background: #358ac4;
}
#unidad_negocio:nth-child(2n+1) {
	background: #4495d8;
}
.reporte_dif #top {
	display: block !important;
}
.reporte_dif #top > div {
	padding: 0 !important;
	border-left: none !important;
	margin-right: 0 !important;
}
.reporte_dif #top > div:first-child {
	display: table;
	width: 95%;
	margin-left: 5%;
}
.reporte_dif #top .toplinea {
	display: table-row;
	vertical-align: middle;
}
.reporte_dif #top .toplinea > div {
	display: table-cell;
	border-left: 1px solid #fff;
	margin-right: -1px;
}
.reporte_dif #top .toplinea > div:nth-child(4) {
	border-right: 1px solid #fff;
}
.reporte_dif #top .toplinea > div:nth-child(5) {
	border-left: none;
}
.reporte_dif #column-left {
	float: left;
	width: 5%;
}
.reporte_dif #column-right {
	float: right;
	width: 95%;
	border-bottom: 5px solid #bcbcbc;
}
.reporte_dif .linea {
	width: 100%;
}
.reporte_dif #top .toplinea > div,
.reporte_dif .linea > div {
	width: 9.4%;
	padding: 12px 0;
}
#column-right .linea > div:nth-child(4) {
	border-right: 1px solid #ccc !important;
}
.reporte_dif #top .toplinea > div:nth-child(5),
.reporte_dif .linea > div:nth-child(5) {
	width: 6%;
}
/* MIHM 04.05.17 */
.div-acumulado{
	background-color: #1E46AA;
}
.total-acumulado {
	background-color: #909090;
}
.g-tot-acumulado {
	background-color: #F5F5F5;
}
/* --- */
.reporte_dif .linea.totales {
	color: #fff;
	background: #A9A9A9;
}
.vertical {
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	white-space: nowrap;
	font-size: 140%;
	text-align: center;
	color: #fff;
	padding: 15px 12px;
}
#adminbutton {
	position: absolute;
	right: -18px;
	padding: 15px 5px;
	white-space: nowrap;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	color: #fff;
	border: none;
	background: #358ac4;
}
#adminbutton:hover {
	background: #4495d8;
	cursor: pointer;
}
*[style*="background:#FF0000"] {
	color: #fff;
}
*[style*="background:#FF0000"] a {
	color: #fff;
}
svg text {
	min-width: 60px !important;
}
/* ---- PAC'S (Editar y Nuevo) ---- */
.plandeaccion {
	text-align: center;
}
.plandeaccion h2 {
	width: 100%;
	padding: 10px 0;
	color: #fff;
	text-align: center;
	background: #2D73B5;
}
.numpq .p-top {
	font-size: 22px;
	line-height: 43px;
}
.plandeaccion .p-top {
	font-weight: bold;
	background: #EDEEF0 !important;
}
.plandeaccion > .clearfix, .plandeaccion .estatico > div {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 10px 0;
}
.plandeaccion > .clearfix > div, .plandeaccion .estatico > div > div {
	float: left;
	padding: 10px 1%;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-left: -1px;
	background: #fff;
}
.estatico {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 10px;
}
.plandeaccion .estatico > div {
	width: 95%;
	margin: 0 auto;
	background: #fff;
	border: none;
	box-sizing: border-box;
}
.plandeaccion .estatico > div:after {
	width: 100%;
	content: "";
	border: 5px solid #fff;
	display: block;
	margin-left: -1px;
}
.plandeaccion .estatico > .clearfix {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.plandeaccion .estatico > div > h2 {
	margin: 0;
}
.w10 {
	width: 10%;
}
.w20 {
	width: 20%;
}
.w25 {
	width: 25%;
}
.w33 {
	width: 33.3%;
}
.w30 {
	width: 30%;
}
.w50 {
	width: 50%;
}
.w75 {
	width: 75%;
}
.w90 {
	width: 90%;
}
.candado {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(images/bloqueo.png) no-repeat center 0px;
	vertical-align: middle;
}
.candado:hover {
	background-position: center -21px;
}
.indicP1 {
	color: #fff;
	background: #4495d8;
}
.indicH1 {
	background: #edeef0;
}
/* ---- Generar Reporte ---- */
.generar-reporte {
	border: 1px solid #666;
	margin-bottom: 10px;
}
.g-header {
	background: #edeef0;
	padding: 10px;
}
.g-header h1 {
	float: left;
	margin: 10px 0;
}
.g-header > div {
	float: right;
}
.g-header button {
	color: #666;
	font-size: 200%;
	background: none;
	border: none;
	margin: 0 10px;
}
.g-sucursal {
}
#g-top {
	color: #fff;
	background: #666;
	width: 100%;
	padding: 5px 0;
	text-align: center;
}
#g-wrapper > div {
	border-bottom: 1px solid #edeef0;
	text-align: center;
}
#g-wrapper > div:last-child {
	border-bottom: none;
}
#g-wrapper > div a {
	display: block;
	color: #666;
	width: 100%;
	padding: 5px 0;
}
#g-wrapper > div a:hover {
	background: #d3d3d3;
}
.g-grafico {
	width: 760px;
	margin-top: 20px;
}
.g-top > div {
	float: left;
	width: 49.8%;
	margin: 0 0.1%;
	padding: 5px 0;
	color: #fff;
	background: #2D73B5;
}
.g-middle #both > div {
	margin: 15px 0;
}
.g-bottom > div {
	float: left;
	width: 33.3%
}
/* ---- Llenado Anual ---- */

.llenado-anual {
	text-align: center;
	border: 1px solid #ccc;
	border-bottom: none;
}
.llenado-anual #top > div:first-child {
	width: 16%;
	color: #666;
	margin-left: 0;
	border-left: none;
	background: #edeef0;
}
.llenado-anual #top > div:nth-child(2) {
	width: 6.4%;
}
.llenado-anual #top > table {
	background: #edeef0;
}
.listaindicadores {
	width: 100%;
	display: table;
}
.row-llenado {
	display: table-row;
	border-bottom: 1px solid #ccc;
}
.cell-llenado:first-child {
	width: 16%;
	vertical-align: middle;
	text-align: left;
	padding: 0 10px;
}
.cell-llenado {
	display: table-cell;
	width: 6.4%;
	vertical-align: top;
}
.cell-llenado input[type="text"] {
	font-size: 75%;
	text-align: center;
	padding: 10px 0;
	margin: 5px 0;
}
.promediovar {
	border: 3px solid #666;
	border-bottom: none;
}
.promedios {
	background: #ccc;
	border: 3px solid #666;
	border-top: none;
}
.rojo {
	color: #000;
	background: #FF0000;
}
.verde {
	color: #000;
	background: #00FF00;
}
/* ---- Listas ----- */

ol {
	counter-reset: li;
	list-style: none;
	padding: 0;
}
ol ol {
	margin: 0 0 0 2em;
}
ol.rectangle-list li {
}
.rectangle-list a {
	position: relative;
	display: block;
	padding: .4em .4em .4em .8em;
	margin: .5em 0 .5em 2.5em;
	background: #ddd;
	color: #444;
	text-decoration: none;
	transition: all .3s ease-out;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}
.rectangle-list a:hover {
	background: #eee;
}
.rectangle-list a:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;
	left: -2.5em;
	top: 50%;
	margin-top: -1em;
	background: #4495d8;
	height: 2em;
	width: 2em;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	line-height: 2em;
	text-align: center;
	font-weight: bold;
}
.rectangle-list a:after {
	position: absolute;
	content: '';
	border: .5em solid transparent;
	left: -1em;
	top: 50%;
	margin-top: -.5em;
	transition: all .3s ease-out;
}
.rectangle-list a:hover:after {
	left: -.5em;
	border-left-color: #4495d8;
}
/* Jquery */
.ui-widget-overlay {
	background: #000;
	opacity: .60;
	filter: Alpha(Opacity=60);
}
.ui-dialog {
	font-size: 115%;
	padding: 0 !important;
	background: #fff;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 30px rgba(0,0,0,0.4);
	-o-box-shadow: 0 0 30px rgba(0,0,0,0.4);
	box-shadow: 0 0 30px rgba(0,0,0,0.4);
}
.ui-dialog-title {
	text-align: center;
	font-size: 130%;
}
.ui-dialog-titlebar-close {
	float: right;
	margin: 5px;
	background: #fff;
	border: none;
}
.ui-widget-header {
	background: #4495d8;
	color: #ffffff;
	text-align: center;
	padding: 10px;
}
.ui-widget-header a {
	color: #ffffff;
}
.ui-tooltip {
	padding: 5px;
	position: absolute;
	max-width: 250px;
	color: #fff !important;
	font-size: 80% !important;
	background: rgba(0,0,0,0.7) !important;
	border: none !important;
	-webkit-box-shadow: 1px 1px 3px #aaa;
	-moz-box-shadow: 1px 1px 3px #aaa;
	box-shadow: 1px 1px 3px #aaa;
	z-index: 9999;
}
/* Alertas */
.alert {
	position: fixed;
	bottom: 30px;
	right: 30px;
	font-size: 100%;
	color: #fff;
	padding: 10px 40px 10px 15px;
	background: rgba(0,0,0,0.7);
	border-radius: 5px;
	-webkit-animation: fadeIn 0.5s ease-in;
	-moz-animation: fadeIn 0.5s ease-in;
	animation: fadeIn 0.5s ease-in;
	z-index: 999999;
}
.alert .cerrar {
	position: absolute;
	color: #ccc;
	top: 10px;
	right: 15px;
	cursor: pointer;
}
.alert .cerrar:before {
	content: "\2715";
}
/* ---- Cargando ---- */
.cargando {
	width: 100%;
	margin: 50px auto;
}
.cargando h1 {
	text-align: center;
	color: #2D73B5;
}
#noTrespassingOuterBarG {
	height: 40px;
	width: 420px;
	margin: 10px auto;
	border: 2px solid #2D73B5;
	overflow: hidden;
	background-color: #347EC2
}
.noTrespassingBarLineG {
	background-color: #2D73B5;
	float: left;
	width: 28px;
	height: 240px;
	margin-right: 48px;
	margin-top: -56px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.noTrespassingAnimationG {
	width: 550px;
	-moz-animation-name: noTrespassingAnimationG;
	-moz-animation-duration: 0.7s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-webkit-animation-name: noTrespassingAnimationG;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-o-animation-name: noTrespassingAnimationG;
	-o-animation-duration: 0.7s;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: linear;
	animation-name: noTrespassingAnimationG;
	animation-duration: 0.7s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
#noTrespassingFrontBarG {
}
@-moz-keyframes noTrespassingAnimationG {
 0% {
margin-left:0px;
}
 100% {
margin-left:-76px;
}
}
@-webkit-keyframes noTrespassingAnimationG {
 0% {
margin-left:0px;
}
 100% {
margin-left:-76px;
}
}
@-o-keyframes noTrespassingAnimationG {
 0% {
margin-left:0px;
}
 100% {
margin-left:-76px;
}
}
@keyframes noTrespassingAnimationG {
 0% {
margin-left:0px;
}
 100% {
margin-left:-76px;
}
}

/* Soporte Resoluciones */

@media (max-width: 850px) {
body {
	font-size: 11px;
}
#body,  .fijo {
	width: 98%;
	margin: 0 auto;
}
#logo {
	width: 75px;
	height: 110px;
}
ul.dropdown a {
	font-size: 100%;
	padding: 27px 10px;
}
.nav-tab {
	padding: 0 10px;
}
.nav-tab > * {
	padding: 0 4px;
}
.imprimir,  .imprimir:hover,  .export,  .export:hover {
	text-indent: -9999px !important;
	padding: 0 20px;
	background-position: center center;
}
}
/* ---- Clearfix ---- */

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
/* Otros */

.bocultar, .page-break {
	display: none;
}
.disable {
    background-color: #ddd;
}

/********************** Nuevo CSS *************************/

fieldset {
	border: 1px solid #ccc;
	border-radius: 5px;
}
fieldset legend {
	text-transform: uppercase;
	color: #999;
}
.ajustes h1 {
	font-size: 160%;
	margin: 0 0 10px;
	padding: 5px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
}
ul.pagemain {
	list-style-type: none;
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0 0 15px;
	background: #F2F2F2;
	border: 1px solid #ccc;
}
ul.pagemain li {
	float: right;
	border-left: 1px solid #ccc;
}
ul.pagemain li select {
	margin: 0;
}
ul.pagemain li label,
ul.pagemain li a {
	display: inline-block;
	color: #777;
	padding: 5px 15px;
	cursor: pointer;
}
ul.pagemain li form label {
	padding-right: 0;
}
ul.pagemain li i {
	line-height: 160%;
	font-size: 160%;
}
ul.pagemain li > a:before {
	margin-right: 5px;
}
.formInline .button {
	margin: 0;
}

/* Tableros */
.tablero {
	width: 100%;
	font-size: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.tablero thead tr.calificacion {
	font-size: 150%;
	background: #edeef0;
	border-bottom: 1px solid #ccc;
}
.tablero thead tr.calificacion th:first-child {
	font-weight: normal;
	text-align: right;
}
.tablero tr {
	border-bottom: 1px solid #ccc;
}
.tablero th,
.tablero td {
	padding: 5px;
	border-left: 1px solid #ccc;
}
.tablero .actual,
.tablero .acumulado {
	color: #fff;
	border: 1px solid #fff;
}
.tablero .actual {
	background: #2d73b5;
}
.tablero .acumulado {
	background: #4495d8;
}
.tablero tr.titulos {
	font-size: 140%;
	text-transform: uppercase;
	color: #fff;
	background: #083480;
}
.tablero tr.personal {
	display: none;
	font-weight: bold;
}
.tablero tr.expandir + .personal {
	border-top: 3px solid #ccc;
}
.tablero tr.expandir:hover {
	background: #ddd;
	cursor: pointer;
}
table.listado {
	width: 100%;
	font-size: 100%;
	border-collapse: collapse;
}
table.listado thead {
	border-bottom: 3px solid #1F68A5;
}
table.listado th {
	color: #4495d8;
	padding: 10px 5px;
}
table.listado td {
	text-align: left;
	padding: 2px 10px;
}
table.listado tbody tr {
}
table.listado *[align="center"] {
	text-align: center;
}
.formulario table:empty {
	display: none;
}
.formulario table {
	width: 100%;
}
.formulario fieldset + table {
	background: none;
	border: none;
}
.formulario > div {
	margin-bottom: 5px;
}
.formulario > div > label {
	text-align: right;
}
.formulario > div > div {
	vertical-align: top;
}
.formulario > h3 {
	color: #666;
	padding: 5px 25px;
	margin: 10px 0;
	background-color: #eee;
}
.formulario table td {
	text-align: left;
}
.formulario table td[align="right"] {
	text-align: right;
	font-weight: bold;
}
.formulario.read > div > label {
	font-weight: 500;
}
.formulario > label {
	display: inline-block;
	margin-right: 10px;
}
.formTab table {
	text-align: left;
}
.box-container {
	margin-bottom: 20px;
	padding: 0px 15px 20px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.box-container .table-responsive {
	margin-top: 15px;
}
.box-data {
	display: inline-block;
	font-size: 250%;
	line-height: 1.2;
	padding: 0 20px;
	margin: 10px 0;
	text-align: center;
}
.box-data small {
	display: block;
	text-transform: uppercase;
	font-size: 35%;
	font-weight: 600;
}
.box-data + .box-data {
	border-left: 1px solid #ddd;
}
.table-responsive {
	overflow: auto;
}
table.tablero .sticky-col {
	position: -webkit-sticky;
	position: sticky;
	text-align: right;
	left: -1px;
}
table.tablero tbody tr > td:first-child {
    background: #EDEEF0;
}
table.tablero tbody tr:nth-child(2n+1) > td:first-child {
    background: #fff;
}
/* jQuery UI */
.ui-tabs {
	padding: 0 !important;
}
.ui-tabs .ui-tabs-nav {
	padding: 0 !important;
}
.ui-tabs .ui-tabs-nav li {
	margin: 0 1px 0 0 !important;
}
.ui-tabs .ui-tabs-nav li a:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	border-bottom: 4px solid #1F68A5;
}
/* fin JQuey UI */
/* PAGINACION */
.pagination {
	text-align: center;
}
.pagination ul {
	list-style-type: none;
	display: inline-block;
	padding: 0;
	margin: 15px 0 0;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.pagination ul li {
	float: left;
	border-left: 1px solid #ddd;
}
.pagination ul li:first-child {
	border-left: none;
}
.pagination ul li > a,
.pagination ul li > span {
	display: block;
	line-height: 25px;
	padding: 0 6px;
}
.pagination ul li > a:hover {
	color: #fff;
	/*background-color: #2D73B5;*/
	background-color: #A88059;
}
.pagination ul li > a i {
	line-height: 25px;
}
/* fin paginacion */

.block {
	font-size: 110%;
	margin: 20px;
	padding: 15px 20px;
	background: #f2f2f2;
}
.scrolling {
	width: 100%;
	overflow: auto;
}
.text-vertical {
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
}
.scrollingTable {
    width: 100%;
	max-height: 500px;
	overflow: auto;
}
.scrollingTable > table {
	border-collapse: collapse;
}
.scrollingTable > table .headerHor,
.scrollingTable > table .headerVer {
	position: relative;
}
.scrollingTable > table .headerHor {
	z-index: 1;
}
table.theme thead th,
table.theme tbody td {
	font-weight: inherit;
	padding: 5px 2px;
	white-space: nowrap;
	background-color: inherit;
	border: 1px solid #fff;
}
table.theme thead th,
table.theme tbody td.head {
	color: #fff;
	padding: 5px 7px;
	background: #4495d8;
}
table.theme thead th.second {
	background: #1c639e;
}
table.theme tr.destacada > * {
	color: #fff;
	font-weight: bold;
	/*background: #6289a9;*/
	background: #8eb0cd;
}