/**
	ESTILOS APLICACION SIGI
**/

.correos tr:hover td, .correos tr:hover td a {
	cursor: pointer;
	background-color: #87CEFA !important;
}

.form-group{
	display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 450px;
    justify-content: space-between;
    margin-bottom: 5px;
}

.accionesDocumento{
	display:grid !important;
	align-items: center !important;
}

.correos th{
	border-bottom:1px solid #bbb !important;
}

.tablahijos tr:hover td, .tablahijos tr:hover td a {
	cursor: pointer;
	background-color: #87CEFA !important;
}

.barraAvance2 {
	background-color: #30A116;
}

.barraTotal, .barraAvance2 {
	display: block;
	height: 10px;
	overflow: hidden;
	position: absolute;
}

.vistacorreo {
	display: none;
}

.tablames .titulo {
	background: #00FFFF;
	font-weight: bold;
}

.tablames td {
	border: 1px solid #ddd;
}

.agenda .ui-widget-content {
	border: 1px solid #A8A8A8 !important;
}

.listasp {
	width: 100%;
}

.cuadrosp {
	width: 100%;
}

.list {
	background: #ddd;
	width: 40px;
}

.detaart {
	background: #fff;
	width: 620px;
	height: 400px;
	position: fixed;
	top: 100px;
	left: 350px;
}

.detaart .nombre {
	margin: 17px;
	margin-right: auto;
	margin-left: 320px;
}

.detaart .fotoart {
	float: left;
	margin: 5px;
	margin-right: auto;
}

.detaart .codigo {
	margin: 17px;
	margin-right: auto;
	margin-left: 320px;
}

.detaart .descr {
	margin-top: 10 px;
	margin: 15px;
	margin-right: auto;
	margin-left: 20px;
}

.detaart .exist {
	margin: 17px;
	margin-right: auto;
	margin-left: 320px;
}

.detaart .iva {
	margin: 17px;
	margin-right: auto;
	margin-left: 320px;
}

.detaart .marca {
	margin: 17px;
	margin-right: auto;
	margin-left: 320px;
}

.detaart .ref {
	margin: 17px;
	margin-right: auto;
	margin-left: 320px;
}

.detaart .tienda {
	margin: 17px;
	margin-right: auto;
	margin-left: 320px;
}

.eventoSeleccionado {
	background: #F67;
}

.vencimientotareaXX {
	background: #F00;
}

/* Estilos base para los botones de caras calificacion */
.botonesCalif .ui-button {
	all: unset;
	display: inline-block !important;
	background-size: 54px !important;
	height: 60px !important;
	width: 60px !important;
	border-radius: 100% !important;
	filter: gray !important;
	-webkit-filter: grayscale(100%) !important;
	transition: all 0.3s ease !important;
	cursor: pointer !important;
	position: relative;
}

/* Iconos en estado normal */
.botonesCalif .ui-button:nth-child(1) {
	background: url(/img/cbueno.png) center center no-repeat;
}

.botonesCalif .ui-button:nth-child(2) {
	background: url(/img/cregular.png) center center no-repeat;
}

.botonesCalif .ui-button:nth-child(3) {
	background: url(/img/cmalo.png) center center no-repeat;
}

.botonesCalif .ui-button:hover {
	filter: none !important;
	-webkit-filter: grayscale(0%) !important;
	transform: scale(1.1) !important;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.botonesCalif .ui-state-active:nth-child(1) {
	background-image: url(/img/cbueno.png) !important;
}

.botonesCalif .ui-button:nth-child(1):hover {
    background-image: url(/img/cbueno.png) !important;
}

.botonesCalif .ui-state-active:nth-child(2) {
	background-image: url(/img/cregular.png) !important;
}

.botonesCalif .ui-button:nth-child(2):hover {
    background-image: url(/img/cregular.png) !important;
}

.botonesCalif .ui-state-active:nth-child(3) {
	background-image: url(/img/cmalo.png) !important;
}

.botonesCalif .ui-button:nth-child(3):hover {
    background-image: url(/img/cmalo.png) !important;
}

.botonesCalif .ui-state-active {
	filter: none !important;
	-webkit-filter: grayscale(0%) !important;
	transform: scale(1.2) !important;
	box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3) !important;
	background-color: transparent !important;
	border: 2px solid #007ad9 !important;
	background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* Deshabilitado, mantiene el icono gris */
.botonesCalif .ui-state-disabled {
	opacity: 1 !important;
}

.botonesPedido a {
	display: inline-block;
	width: 120px;
	text-align: center;
	padding: 10px;
}

.botonesPedido span {
	display: inline-block;
	width: 120px;
	text-align: center;
	padding: 10px;
}

.imgbotoneslinkpedido{
	
}

.imgbotoneslinkpedido img{
	width: 48px;
    aspect-ratio: auto 48 / 48;
    height: 48px;
}


.botonesPedido a img {
	filter:
		url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	/* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.botonesPedido a:hover {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 1px;
	img {
		filter: none;
		-webkit-filter: grayscale(0%);
	};
}

.botonesPedido img, .botonesPedido label {
	margin: 0px auto;
	display: block;
	cursor: pointer;
}

.titulo1 {
	background: #025BB7;
	color: #fff;
	padding: 5px 10px;
}

.titulo2 {
	background: #8FD4F7;
	color: #fff;
	padding: 5px 10px;
	font-size: 16px;
	margin-top: 10px;
}

.formulario {
	margin: 10px;
}

.formulario label {
	display: block;
	clear: both;
	margin-top: 5px;
	text-transform: uppercase;
	color: #aaa;
	font-weight: bold;
}

.formulario .numero1 {
	font-size: 1.2em;
}

.formulario .numero2 {
	font-size: 1.5em;
}

.formulario .aderecha {
	margin-top: 10px;
	float: right;
}

.formulario .aderecha label {
	clear: none;
	display: inline-block;
	border-bottom: 1px dotted #ddd;
	width: 100%;
}

.formulario .aderecha .numero1, .formulario .aderecha .numero2 {
	float: right;
	display: block;
}

.panelProductos {
	width: 100%;
}

.gmenubar .btnEnviar {
	background-color: #0264C9 !important;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
	font-weight: bold;
}

.gmenubar .btnEnviar:hover {
	background-color: #55BCE8 !important;;
}

.proyectoArriba {
	height: 42px;
	width: 100%;
	left: 0;
	background-color: #55BCE8;
}

.proyectoIzq {
	height: 100%;
	top: 76px !important;
	width: 25%;
	left: 0;
	background-color: #FFFFFF;
}

.proyectoDer, .proyectoIzq, .proyectoArriba {
	bottom: 25px;
	top: 34px;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	margin: 0;
}

.tareasProyecto {
	font-size: 1.3em;
}

.tituloProyecto {
	font-size: 1.5em;
	margin-left: 40px;
}

.divFoto img {
	border: 3px solid #fafafa;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
	width: 60px;
	height: 60px;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
	margin: 0px;
	border-radius: 100%;
}

.botonMenu {
	display: block;
	position: fixed;
	top: 250px;
	left: 250px;
	width: 10px;
	height: 50px;
	background-color: #aaa;
	z-index: 800;
}

.botonMenu:hover {
	background-color: #4B4846;
}

.contenedor {
	width: 330px; /* Ancho del contenedor */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.contenedor input {
	height: 32px;
	visibility: hidden;
}

.contenedor label {
	float: left;
	cursor: pointer;
	font-size: 15px; /* Tama�o del texto de las pesta�as */
	line-height: 40px;
	height: 40px;
	padding: 0 20px;
	display: block;
	color: #888; /* Color del texto de las pesta�as */
	text-align: center;
	border-radius: 5px 5px 0 0;
	background: #ddd; /* Fondo de las pesta�as */
	margin-right: 5px;
}

.contenedor .lineamodificada label {
	line-height: normal !important;
	font-size: 14px;
}

.contenedor input:hover+label {
	background: #ddd;
	/* Fondo de las pesta�as al pasar el cursor por encima */
	color: #666;
	/* Color del texto de las pesta�as al pasar el cursor por encima */
}

.contenedor input:checked+label {
	background: #eee; /* Fondo de las pesta�as al presionar */
	color: #444; /* Color de las pesta�as al presionar */
	z-index: 6;
	line-height: 45px;
	height: 45px;
	position: relative;
	top: -5px;
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
}

.content {
	background: #fff; /* Fondo del contenido */
	position: relative;
	width: 100%;
	height: 350px; /* Alto del contenido */
	z-index: 5;
	border-radius: 0 5px 5px 5px;
}

.content div {
	position: absolute;
	z-index: -100;
	opacity: 0;
	transition: all linear 0.1s;
}

.contenedor input.tab-selector-1:checked ~ .content .content-1,
	.contenedor input.tab-selector-2:checked ~ .content .content-2,
	.contenedor input.tab-selector-3:checked ~ .content .content-3,
	.contenedor input.tab-selector-4:checked ~ .content .content-4,
	.contenedor input.tab-selector-5:checked ~ .content .content-5 {
	z-index: 100;
	opacity: 1;
	-webkit-transition: all ease-out 0.2s 0.1s;
	-moz-transition: all ease-out 0.2s 0.1s;
	-o-transition: all ease-out 0.2s 0.1s;
	-ms-transition: all ease-out 0.2s 0.1s;
}

.h2config {
	font-size: 25px;
}

.menu1 {
	background-color: #4d90fe;
	color: #fff !important;
}

.config .pageheader {
	width: 90%;
}

.config .pageheader .ARREGLO {
	background-color: #E2902C;
	moz-border-radius: 10px;
	webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

.config .pageheader .MEJORA {
	background-color: #9C1C95;
	moz-border-radius: 10px;
	webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

.config .pageheader .NUEVA {
	background-color: #0059B3;
	moz-border-radius: 10px;
	webkit-border-radius: 10px;
	border-radius: 10px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

.pestana1 .botonoportunidad {
	font-size: 18px;
	color: #006099;
	padding: 0px;
}

.nuevodetalle .fontdetalle {
	font-size: medium;
}

.botonactualizar img {
	width: 22px;
	height: 22px;
}

.botonactualizar img:HOVER {
	opacity: 0.5;
	filter: alpha(opacity = 30);
}

/*P�gina inicio de pedidos*/
.botoningreso {
	background-color: #049ED6;
	background: -moz-linear-gradient(center top, #09B1F2, #0A99DB) repeat
		scroll 0 0 transparent;
	border-color: #299710;
	-moz-box-sizing: border-box;
	border-radius: 4px 4px 4px 4px;
	color: #FFFFFF !important;
	cursor: pointer;
	display: inline;
	font-family: 'Trade Gothic', 'Helvetica Neue', Helvetica, Arial,
		sans-serif;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 6px 6px 6px 6px;
	font-size: 12px;
	line-height: 22px;
	padding: 1px 15px;
	margin: 5px 0px 5px 0px;
	float: right;
}

.botoningreso:HOVER {
	background-color: #09B1F2;
	background: -moz-linear-gradient(center top, #0994C6, #0983B7) repeat
		scroll 0 0 transparent;
	border-color: #1F720A;
}

.botoningreso a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.botoningreso a:HOVER {
	color: #fff;
	text-decoration: none;
}

.panelresumen td {
	vertical-align: top;
}

.botoncontinuar {
	font-size: 15px !important;
	margin-top: 20px !important;
	background: #0E72B5 !important;
	text-decoration: none !important;
	float: right !important;
	margin-right: 25px !important;
	font-weight: normal !important;
	border-style: solid !important;
	border-color: #fff !important;
	padding: 5px 15px !important;
	color: #fff !important;
	border-width: 1px;
}

.botoncontinuar:HOVER {
	background: #fff !important;
	color: #0E72B5 !important;
	border-color: #0E72B5 !important;
	text-decoration: none !important;
	border-width: 1px !important;
}

.botoncontinuar:AFTER {
	content: " >>";
}

/*ESTILOS PAGINA INICIO PEDIDOS*/
.divfechafin {
	width: 276px;
	background: #0A9ADC;
	position: fixed;
	top: 0px;
	right: 220px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	padding: 8px 0px 8px 9px;
	border-style: solid;
	border-width: 1px;
	border-color: #0A9ADC;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(47, 50, 50, 0.48);
	-moz-box-shadow: 3px 3px 3px 0px rgba(47, 50, 50, 0.48);
	box-shadow: 3px 3px 3px 0px rgba(47, 50, 50, 0.48);
	z-index: 888;
}

.divfechafin a {
	border-style: solid;
	border-width: 1px;
	padding: 2px 10px;
	color: #fff !important;
	background: #E0872F;
	border-color: #E0872F;
	border-radius: 15px;
	margin-top: 10px;
	font-size: 13px;
	cursor: pointer;
	text-decoration: none;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(47, 50, 50, 0.48);
	-moz-box-shadow: 3px 3px 3px 0px rgba(47, 50, 50, 0.48);
	box-shadow: 3px 3px 3px 0px rgba(47, 50, 50, 0.48);
}

.solicitasuscripciondiv {
	text-align: left;
	color: #444;
	background: #fff !important;
	height: 200px;
	margin: 10px 5px 5px 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #CEC8C8;
	border-radius: 5px;
	padding: 10px 25px;
}

.solicitasuscripciontitulo {
	font-size: 25px !important;
	color: #444;
	padding: 15px;
}

.solicitasuscripciondiv p {
	font-size: 17px;
	line-height: 110%;
}

.botonsolicitarproducto {
	float: right;
	border-radius: 5px;
	color: #095D82 !important;
	font-family: Arial;
	font-size: 12px;
	padding: 5px 10px;
	text-decoration: none;
	font-weight: bold;
	border-style: solid;
	border-width: 1px;
	border-color: #095D82;
	padding: 5px 20px;
	margin: 0 0 20px 0;
}

.botonsolicitartour {
	width: 65px;
	height: 70px;
	background: #0A9ADC;
	position: fixed;
	bottom: 50px;
	right: 20px;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	text-align: center;
	border-color: #0A9ADC;
	cursor: pointer;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(47, 50, 50, 0.48);
	-moz-box-shadow: 3px 3px 3px 0px rgba(47, 50, 50, 0.48);
	box-shadow: 3px 3px 3px 0px rgba(47, 50, 50, 0.48);
	z-index: 100000;
}

.botonsolicitartour img {
	width: 30px;
	height: 30px;
	margin: 5px;
}

.divsolicitartour {
	display: none;
	width: 370px;
	position: fixed;
	top: 0px;
	bottom: 0px;
	height: 100%;
	right: 0px;
	z-index: 100000;
	overflow: hidden;
}

#formTourdemo .ui-dialog {
	z-index: 100000 !important;
}

.divsolicitartourcont {
	font-size: 1em;
	color: #444;
	background: #fff;
	border-left-color: #A59898;
	border-left-style: solid;
	border-left-width: 1px;
	float: right;
	width: 280px;
	height: 100%;
	padding: 40px 15px 20px 15px;
	overflow: auto;
}

.divcancelartour {
	background: #0A9ADC;
	color: #fff;
	float: left;
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 70px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	text-align: center;
}

.divsolicitartourcont input {
	width: 250px;
}

.divcancelartour a {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	float: right;
	font-size: 11px;
	padding: 15px 7px;
	font-weight: bold;
}

.divsolicitartourcont span {
	font-size: 20px;
	font-weight: bold;
}

.divsolicitartourcont label {
	margin-top: 5px;
	color: #095D82;
}

.panelindicadores {
	height: 240px;
	background: #fff;
	border-style: solid;
	margin-top: 10px;
	border-width: 0px;
	border-color: #B5B6B7;
	margin-left: 15px;
	color: #333333;
}

.panelindicadores h2 {
	font-size: 20px;
}

.divindicador {
	width: 31%;
	min-height: 58px;
	background: #F4F6F7;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #D0DBE5;
	font-size: 25px;
	margin: 5px 0px 0px 17px;
	color: #3292C9;
	padding: 18px 5px;
	float: left;
}

.divindicador img {
	width: 28px;
	height: 28px;
}

.divindicador a {
	color: #3292C9;
	cursor: pointer;
}

.panelcompanias {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.divcompania {
    width: 48%;
    background: #f8f9fa;
    padding: 15px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    justify-content: center;
    font-size: 25px;
    color: #3292C9;
}

.divcompania img {
    width: 28px; 
    height: 28px;
    opacity: 0.2;
    margin-right: 10px;
}

.divcompania a {
    text-decoration: none;
    color: #3292C9;
    font-size: 25px;
}

.asignaclavediv1 {
	text-align: center;
	color: #fff;
	background: #fff !important;
	height: 300px;
	margin: 40px 12px 12px 12px;
	border-style: solid;
	border-width: 1px;
	border-color: #CEC8C8;
	border-radius: 5px;
}

.asignaclavediv2 {
	color: #222222;
	margin: 15px 0px 15px 25px;
	text-align: left;
}

.asignaclavediv2 h3 {
	font-size: 18px;
	color: #222222;
}

.asignaclavedivinput {
	text-align: right;
	margin: 10px 0px 0px 5px;
}

.asignaclaveinput {
	width: 100%;
	height: 26px;
	margin: 10px 0px 0px 5px;
}

.asignaclavemsn {
	color: #F70E45;
	font-size: 11px;
	text-align: center;
	margin-top: 5px;
}

.paginainiciovideo {
	width: 450px;
	height: 270px;
	margin: 30px 15px 30px 30px;
	border-radius: 4px;
	cursor: pointer;
	-webkit-box-shadow: 3px 3px 7px 0px rgba(50, 50, 50, 0.83);
	-moz-box-shadow: 3px 3px 7px 0px rgba(50, 50, 50, 0.83);
	box-shadow: 3px 3px 7px 0px rgba(50, 50, 50, 0.83);
}

/*ESTILOS PAGINA INICIO ADMINISTRADOR CRM*/
.panelindicadorescrm {
	height: 240px;
	background: #fff;
	border-style: solid;
	margin: 0px 0px 15px 0px;
	border-width: 0px;
	border-color: #B5B6B7;
	color: #333333;
}

.divindicadorcrm {
	width: 30%;
	min-height: 30px;
	background: #F4F6F7;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #D0DBE5;
	font-size: 20px;
	margin: 8px 0px 5px 17px;
	color: #3292C9;
	padding: 17px 5px;
	float: left;
}

.divindicadorcrm a {
	color: #3292C9;
	cursor: pointer;
}

.divindicadorcrm img {
	width: 25px;
	height: 25px;
}

.barraWin8 a {
	width: 265px;
	height: 60px;
	color: #fff;
	display: inline-block;
	margin: 10px;
	padding: 10px;
	font-size: 2em;
	text-align: center;
}

.barraWin8 .b1 {
	background: #00AAF0;
}

.barraWin8 .b2 {
	background: #7C4299;
}

.barraWin8 .b3 {
	background: #336797;
}

.contienetabs .tabs {
	width: 100%;
	display: inline-block;
}

/*----- Tab Links -----*/
/* Clearfix */
.contienetabs    .tab-links:after {
	display: block;
	clear: both;
	content: '';
}

.contienetabs   .tab-links li {
	margin: 0px 5px;
	float: left;
	list-style: none;
}

.contienetabs       .tab-links a {
	padding: 9px 15px;
	display: inline-block;
	border-radius: 3px 3px 0px 0px;
	background: #7FB5DA;
	font-size: 14px;
	font-weight: 600;
	color: #4c4c4c;
	transition: all linear 0.15s;
}

.contienetabs        .tab-links a:hover {
	background: #a7cce5;
	text-decoration: none;
}

.contienetabs   li.active a, li.active a:hover {
	background: #fff;
	color: #4c4c4c;
}

/*----- Content of Tabs -----*/
.contienetabs    .tab-content {
	padding: 15px;
	border-radius: 3px;
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
	background: #fff;
}

.contienetabs        .tab {
	display: none;
}

.contienetabs      .tab.active {
	display: block;
}

.bloquecuenta {
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.15);
	z-index: 99999;
}

/*P�gina inicial Tracker*/
.trpanelindicadores {
	background: #fff;
	border-style: solid;
	margin-top: 10px;
	border-width: 0px;
	border-color: #B5B6B7;
	margin-left: 15px;
	color: #333333;
}

.trpanelindicadores h2 {
	font-size: 20px;
}

.trdivindicador {
	width: 21%;
	background: #F4F6F7;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #D0DBE5;
	font-size: 25px;
	margin: 5px 0px 0px 17px;
	color: #3292C9;
	padding: 18px 5px;
	float: left;
}

.trdivindicador img {
	width: 28px;
	height: 28px;
}

.trdivindicador a {
	color: #3292C9;
	cursor: pointer;
}

.suscripcionBloqueo {
	margin: 30px auto;
	padding: 30px;
}

.suscripcionFoto {
	display: inline-block;
	padding: 0px 10px;
	vertical-align: top;
	min-height: 275px;
}

.suscripcionFoto img {
	max-width: 500px;
}

.suscripcionTexto {
	display: inline-block;
	padding: 50px;
	width: 45%;
	float: right;
	font-family: Helvetica Neue, Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	color: #595959;
	vertical-align: top;
	border-radius: 5px;
	border-style: double;
	border-width: 1px;
	border-color: #DBDBDB;
	margin-top: 20px;
	background: #f8f8f8;
}

.suscripcionAdministrar {
	padding: 20px 40px;
	text-align: center;
	border-radius: 5px;
	border-style: double;
	border-width: 1px;
	border-color: #DBDBDB;
	margin-top: 20px;
}

.resumentareas {
	magin: 0px;
	display: inline-block;
	text-align: center;
	padding: 10px 0px;
	width: 33%;
	font: 1.7em bold;
	color: #fff;
}

.jsoneditor {
	height: 400px;
	overflow: auto;
	width: 100%;
}

.jsoneditor h3, .jsoneditor.h3 {
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.jsoneditor .btn-group {
	font-size: 11px;
}

.jsoneditor .form-control {
	height: 24px;
	width: 200px;
	display: inline;
	padding: 3px;
	margin-left: 10px;
}

.jsoneditor .help-block {
	display: inline;
	margin-left: 10px;
}

.jsoneditor .control-label {
	min-width: 120px;
}

.jsoneditor .form-group {
	margin-bottom: 5px;
	font-size: 0.8em;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.jsoneditor .well {
	margin-bottom: 5px;
	background: #fff;
	padding: 3px;
	width: 99%;
}

.jsoneditor .well-small{
	td{
		align-content: center;
		.btn-group{
			width: 260px;
		}
	};
	select,input{
		border-radius: 3px;
	    padding: 0.3rem;
	    border: 1px solid #D7D8D9;
	    white-space: nowrap;
	    overflow: hidden;
	    font-weight: normal;
	    width: 100%;
	    text-align: left;
	}
}

.popupRecurso .ui-dialog-content {
	padding: 0px;
}

.divRecurso {
	margin: 0px;
}

.divRecurso h1 {
	border-bottom: 1px solid #aaa;
	width: 100%;
	margin: 0px;
	font-size: 2.5em;
	text-transform: uppercase;
	padding: 0px;
}

.divRecurso .divRecursoDesc {
	border-bottom: 1px dotted #aaa;
	margin: 10px 0px;
	display: block;
}

.divRecurso .divRecursoIngreso {
	margin: 40px auto;
	border: 1px solid #aaa;
	background: #ddd;
	padding: 30px;
}

.divRecurso .divRecursoIngreso a {
	text-decoration: underline;
	cursor: pointer;
}

.divRecurso .divEdicion {
	clear: both;
	text-align: right;
	color: #999;
	font-size: 0.9em;
	border-top: 1px solid #aaa;
	margin: 20px 0px;
}

.divAyudaitem {
	width: 70%;
	margin: 10px;
	display: inline-block;
	vertical-align: top;
}

.divAyudarelacionados {
	width: 20%;
	margin: 10px;
	display: inline-block;
	vertical-align: top;
}

.divRelacionados {
	border: 1px solid #bbb;
	background: #eee;
	padding: 15px;
}

.divRelacionados label, .divRelacionados .categoria {
	font-weight: bold;
	width: 100%;
	display: block;
	border-bottom: 1px solid #aaa;
	margin: 20px 0px;
}

.divRelacionados ul {
	padding-left: 20px;
}

.divRelacionados ul a {
	margin: 5px 0px;
	display: block;
}

.p_centro {
	min-height: 400px;
	position: relative;
}

.p_menuprincipal {
	height: 35px;
}

.p_menuizq {
	display: inline-block;
}

.p_menuder {
	float: right;
}

.p_menuprincipal a {
	padding: 5px 10px;
	display: inline-block;
}

.ayudaN1_div {
	display: inline-block;
	width: 290px;
	margin: 10px;
	vertical-align: top;
}

.ayudaN1_titulo {
	text-transform: uppercase;
	border-bottom: 1px dotted #aaa;
	font-weight: bold;
	font-size: 1.2em;
}

.ayudaN1_div ul {
	padding-left: 20px;
}

.p_pnlRegistro {
	background: #ffffffed;
	width: -webkit-fill-available;
}

.p_pnlIngreso {
	width: 330px;
	position: absolute;
	background: #fff;
	padding: 10px;
}

.p_pnlIngreso .p_logo {
	max-width: 200px;
	margin: 10px auto;
	display: block;
}

.lblRecordar {
	color: #aaa;
	line-height: 14px;
}

.imgLogo {
	max-width: 380px;
	height: 80px;
}

.p_header {
	position: relative;
}

.p_usuario {
	width: 250px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.p_usuario .p_nombre, .p_usuario .p_rol, .p_usuario .p_salir, .p_usuario .p_contrato
	{
	position: absolute;
}

.p_usuario .p_nombre {
	right: 0px;
	font-size: 1.2em;
	width: 180px;
	overflow: hidden;
	height: 17px;
}

.p_usuario .p_rol {
	right: 0px;
	top: 17px;
	font-size: 1.1em;
	color: #999;
}

.p_usuario .p_contrato {
	right: 0px;
	top: 34px;
	font-size: 1.1em;
	color: #999;
}

.gmenubar .b_correo {
	background: url('/img/24/mail24.png') center no-repeat !important;
	width: 24px;
	height: 24px;
}

.gmenubar .b_chat {
	background: url('/img/24/chat.png') center no-repeat !important;
	width: 24px;
	height: 24px;
}

.gmenubar .b_database {
	background: url('/img/24/database.png') center no-repeat !important;
	width: 24px;
	height: 24px;
}

.gmenubar .b_nota {
	background: url('/img/24/note.png') center no-repeat !important;
	width: 24px;
	height: 24px;
}

.gmenubar .b_tareas {
	background: url('/img/24/tareas.png') center no-repeat !important;
	width: 24px;
	height: 24px;
}

.gmenuconfig {
	padding: 30px;
	margin: 0px auto;
}

.gmenuconfig h1 {
	width: 100%;
	padding: 0px;
	border-bottom: 1px dotted #ddd;
}

.gmenuconfig h2 {
	color: #aaa;
}

.gmenuconfig div {
	margin: 10px;
	width: 180px;
	display: inline-block;
	vertical-align: top;
}

.gmenuconfig a {
	margin: 5px;
	display: block;
}

.divhorizontal {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.divhorizontal .tdpaso {
	margin: 1px;
	vertical-align: top;
	display: table-cell;
}

.divhorizontal .tdpaso .pasoheader {
	background-color: #0E71B4;
	color: #fff;
	padding: 3px;
	text-transform: uppercase;
}

.tdpaso .pasoheader .titulo {
	font-size: 12px;
	display: block;
	font-weight: bold;
	height: 15px;
	overflow: hidden;
}

.tdpaso .pasoheader .total {
	display: block;
	text-align: right;
	font-weight: bold;
}

.divhorizontal .tdpaso .contenedoropor {
	height: 400px;
	overflow-y: auto;
}

.divhorizontal .tdpaso .cajaoportunidad {
	background: #fff;
	margin: 2px 0px;
	padding: 2px;
}

.cajaoportunidad .oponom {
	display: block;
}

.cajaoportunidad .opocli {
	display: block;
	color: #888;
}

.cajaoportunidad .opoval {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: right;
	font-weight: bold;
	font-size: 1.1em;
}

.cajaoportunidad .opodias {
	display: block;
	float: left;
	padding: 1px 3px;
	border-radius: 3px;
	background: #00a2f2;
	color: #fff;
	font-size: 0.8em;
}

.cajaoportunidad .opodiasalerta {
	background: #E1282E;
}

.divlistatareas {
	display: block;
	width: 100%;
	overflow-y: auto;
	height: 450px;
}


.divtareaitem{
	display: grid;
    grid-template-columns: 0px 20px 60px repeat(3,1fr) 30px;
}
.divlistatareas .divtareafila {
	font-size: larger;
	border-bottom: 1px solid #1F05FF;
	display: block;
}

.divtareasrutas {
	display: table;
	width: 100%;
	table-layout: fixed;
	height: 450px;
	overflow-y: auto;
}

.divtareasrutas .dtrfila {
	display: table-row;
}

.divtareasrutas .dtrfila .dtrpanel {
	display: table-cell;
	border: solid white 2px;
	height: 500px;
	border-right: 1px solid rgba(128, 128, 128, 0.5);
	vertical-align: top;
}

.divtablavehiculo {
	display: inline-block;
	width: 100%;
}

.divtablavehiculo .divfilavehiculo {
	display: flow-root;
	padding: 4px;
	border-bottom: 1px solid #ccc;
}

.divfilavehiculo {
	display: grid !important;
	grid-template-columns: 0px 0.5fr 2fr 1fr;
}

.divtablarutasvehiculo {
	width: 100%;
	overflow-y: auto;
}

.divtablarutasvehiculo .divrutaveiculofila {
	display: block;
	font-size: larger;
	border-bottom: solid 1px gray;
}

.pagetareasrutas {
	background-color: white;
	border: 5px solid #fff;
	border-radius: 5px;
}

.divpuntoinactivo {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: red;
	align-self : center;
}

.divpuntoactivo {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: green;
	display: inline-block;
	align-self : center;
}

.hoverdroppable{
	box-shadow: #a5cff7 0px 3px 8px;
}

.divliberar{
	text-align: center;
    background: #de2727;
    color: white;
    font-size: medium;
    padding: 4px;
}

.divrutasdia, .divrutasterminadas {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
}

.divrutasdia {
	background-color: white;
	color: #000;
}

.divrutasterminadas {
	background-color: teal;
	color: #fff;
}

.titulorutas {
	font-size: larger;
	font-weight: bold;
	color: gray;
}

.divcantact {
	background-color: #F44336;
	color: white;
	width: 17px;
	height: 17px;
	font-weight: bold;
}

.divpaginador {
	vertical-align: bottom;
}

.vehiculorutasdia {
	text-align: right;
}

.vehiculorutasdiader{
	display: flex;
    justify-content: space-around;
    align-items: center;
}

.vehiculocapacidad {
	display: inline;
}

.vehiculopesodisponible {
	font-size: 1.1em;
	font-weight: 600;
}

/** CLASES PARA REPORTES **/
.tablabasicacentrar {
	text-align: center;
}

.tablabasicacentrar th {
	text-align: center;
}

.tablaexcel .tdCuenta  input {
	width: 98%;
	border: none;
}

.tablaexcel .tdNumero input {
	width: 95%;
	border: none;
	text-align: right;
}

.tablaexcel .tdNumero {
	text-align: right;
}

.tablaexcel tfoot {
	font-size: 1.2em;
}

.totalCuentas {
	float: right;
	border: 1px solid #ccc;
	width: 220px;
}

.totalCuentas .totalDebito, .totalCuentas .totalCredito, .totalCuentas .totalDiferencia
	{
	display: inline-block;
	padding: 5px;
	font-size: 1.2em;
	width: 100px;
	text-align: right;
}

.totalCuentas .totalDiferencia {
	font-size: 1.4em;
	border-top: 1px solid #aaa;
	width: 210px;
}

.gmenuconfig .bloqueoplan, .bloqueoplan .ui-menuitem-text, .bloqueoplan a
	{
	color: #aaa;
}

.bloqueoFull {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.2);
	display: none;
	z-index: 100000;
}

.bloqueoInt {
	font-size: 1.2em;
	max-height: 80%;
	background: #fff;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.26);
	-moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.26);
	box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.26);
	width: 600px;
	margin: 100px auto;
	background: #fff;
	text-align: center;
	padding: 20px;
}

.fecharojo {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
}

.fechaazul {
	color: #0E71B4;
	font-size: 12px;
	font-weight: bold;
}

.barragrupo {
	background: #ddd;
}

.titulogrupo {
	font-size: 17px;
	color: #555;
}

.fuentegeneral {
	font-family: "Roboto", sans-serif;
	text-align: justify;
	font-size: 14px;
}

.resumentarea {
	border: solid 1px #eee;
	background: #fcfcfc;
	padding: 10px;
}

.resumentarea .campo {
	color: #888;
}

.resumentarea .valor {
	color: #383737;
}

.msginfopedido {
	background: #F3F3F3;
	font-family: 'Trade Gothic', 'Helvetica Neue', Helvetica, Arial,
		sans-serif;
	margin: 1%;
	overflow: hidden;
	padding: 1%;
	border-radius: 10px;
	text-align: center;
}

.msginfopedido-info {
	font-size: 1em;
	color: #ef2828;
	text-shadow: 0px 1px 0px #6b4545;
	padding: 0.5%;
}

.filadetalleobsequio {
	background: #ec9dff;
}

.filadetallealerta {
    border: red solid 0.3em !important;
}
.filadetallecontrolpendiente {
	background: rgba(255, 243, 84, 0.88) !important;
}
.filamovimientoreserva {
	background-color: #99f8fe;
}
.filadetallehijo {
	background: #dadada;
}
.divDocumentos {
	padding: 0px;
	background-color: #FFF;
	margin: 10px auto;
	width: 95%;
	overflow: hidden;
	border: 1px solid #ccc;
}

.divDocumentos .titulo {
	font-size: 1.6em;
	padding: 5px;
}

.labelnruta {
	color: #ffffff;
	font-size: 1.2em;
}

.rutaterminada {
	background: #8cdc8f;
}

.barraconvencion {
	display: flex;
	float: right;
}

.textoconvencion {
	margin-left: 1%;
	margin-right: 1%;
	font-size: 11px;
}

.bloqueconvencion {
	width: 32px;
	height: 22px;
}

.resumenmonemp {
	
}

.resumenmonemp div {
	vertical-align: top;
	display: inline-block;
	width: 15%;
	margin: 1%;
	padding: 1%;
	height: 60px;
	border: 1px solid #ddd;
	text-align: center;
	color: #fff;
	-webkit-box-shadow: 2px 2px 30px 0px rgba(50, 50, 50, 0.46);
	-moz-box-shadow: 2px 2px 30px 0px rgba(50, 50, 50, 0.46);
	box-shadow: 2px 2px 30px 0px rgba(50, 50, 50, 0.46);
}

.resumenmonemp div span {
	font-size: 2.5em;
	display: block;
}

.pag_reportes .p_centro {
	padding: 0px;
}

.b_filter {   
	border-radius: 5px;
    height: 2.1em;
	width: 2.1em;
  	color: #4F4F4F;
	border:1px solid;
 	border-color:  rgba(27, 116, 197, 0.04);
    margin: 0;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	position:relative;

}
.b_filter:before{
	    top: 50%;
    left: 50%;
    margin-top: 0.5em;
    margin-left: 0.5em;
	
	content:"\e94c";
		font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    --webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.b_check {
	background:no-repeat center/18px url('../img/check.png');
}

.b_check
	{
	color: #ffffff;
	cursor: pointer;
	display: block;
	width: 24px;
	height: 24px;
	text-align: center;
	text-decoration: none;
}

.aplicado{
	background-color: #eaeaea;
}

.labelpararep{
	
	display:inline-block;
	width: 200px;
	margin:10px;
}

.panelMarco {
	
	height:auto;
	margin:15px auto;
	border-radius:12px;
	border-style:double;
	border-width:1px;
	border-color:#DBDBDB;
	padding:20px 10px 10px 10px;
}

.panelCard {
	margin: 15px auto;
	padding: 20px 10px 10px 10px;
	border-radius: 5px !important;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
	background-color:white;
}

.dderecha {
	float:right;
}

/**
Para los columnClasses, de PanelGrids,
con el fin de definir anchos de columnas especificos,
agregar los necesarios
**/
.ancho-porcentaje-diez {width: 10%;}
.ancho-porcentaje-veinte {width: 20%;}
.ancho-porcentaje-treinta {width: 30%;}
.ancho-porcentaje-cuarenta {width: 40%;}
.ancho-porcentaje-cincuenta {width: 50%;}
.ancho-porcentaje-sesenta {width: 60%;}
.ancho-porcentaje-setenta {width: 70%;}
.ancho-porcentaje-ochenta {width: 80%;}
.ancho-porcentaje-noventa {width: 90%;}

.borde-izquierdo {border-left:2px solid #eee;}
.borde-derecho {border-right:2px solid #eee;}

.comparacion-izquierdo {text-align: left; padding-left: 4px; font-weight: bold;}
.comparacion-derecho {border-right:1px solid #eee; text-align: right; padding-right: 4px; font-weight: bold;}

.cuadrogris { background-color: #535459; color: #fff; }
.cuadroazul { background-color: #0530B2; color: #fff; }
.cuadrogris,.cuadroazul {
	display: inline-block;
	border-radius: 5px;
	width: 30px;
	padding: 3px;
	text-align: center;
	font-weight: bold;
}

.bpmmodelador {
	width: 100%;
	top:110px;
	bottom:24px;
	border:1px solid #ddd;
	background: #fff;
	position: fixed;
}

/* Estilos para el scroll del modelador:  */

/* ancho */
.bpmmodelador ::-webkit-scrollbar {
  width: 5px;
}

/* Fondo del scroll */
.bpmmodelador ::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0,0,0,0.1);
}
 
/* Manija del scroll */
.bpmmodelador ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  border: .1px solid #000;
  background: #555;
}

/* Manija hover */
.bpmmodelador ::-webkit-scrollbar-thumb:hover {
  background: #333; 
}


.bpmmodelador .barra{
	position: fixed;
	top: 150px;
	left: 22px;
	border: 1px solid #ddd;
	padding: 5px;
	z-index:10;
	background:white;
}

.bpmmodelador .barrabtn{
	width: 50px;
	height: 50px;
	margin: 5px;

}

.bpmmodelador .comp{
	position:absolute;
	text-align: center;
	background: #fff;
	font-size: 1.2em;
	box-shadow: 0 0 5px #9E9E9E;
}

.bpmmodelador .comptxt{
    font-family: sans-serif;
    font-size: 14px;
    text-align: left;
    font-stretch: extra-condensed;
    font-weight: bold;
}

.bpmmodelador .comprel{
	position: absolute;
    width: 10px;
    height: 10px;
    background: red;
    border-radius: 50%;
}
.bpmmodelador .comprelder{
    bottom: 0px;
    right: -28px;
    width: 20px;
    height: 20px;
    background: center no-repeat url('/img/bpm/flecha.png');
    padding: 2px;
    border:1px solid #fff;	
}
.bpmmodelador .comprelder:HOVER{
	border:1px solid #ccc;	
}

.bpmmodelador .barrabtn .bpmCompInicio
, .bpmmodelador .barrabtn .bpmCompTermina{
	
    width: 70%;
    height: 70%;
    border-radius: 50%;
    margin: auto;
}
.bpmCompInicio p , .bpmCompTermina p{
    line-height: 16px;
    top: -45px;
    width: 120px;
    left: -35px;
    position: relative;
}
.bpmmodelador  .bpmCompCaptura p
, .bpmmodelador  .bpmCompNotificacion p
, .bpmmodelador  .bpmCompAutomatico p{
	line-height: 16px;
    margin: 5px 50px 0px 30px;
    vertical-align: middle;
    display: inline-block;
    width: 110px;
}

.bpmmodelador  .bpmCompCaptura .label
, .bpmmodelador  .bpmCompNotificacion .label
, .bpmmodelador  .bpmCompAutomatico .label{
	overflow: hidden; 
	height: 40px; 
	width: auto;
	overflow-y: auto;
}
.bpmmodelador  .bpmCompInicio  .label .numdias
,.bpmmodelador  .bpmCompCaptura .label .numdias
, .bpmmodelador  .bpmCompNotificacion .label .numdias
, .bpmmodelador  .bpmCompAutomatico .label .numdias{
    position: absolute;
    right: 5px;
    top: 2px;
    border-radius: 2px;
    padding: 2px;
    width: fit-content;
    height: 22px;
    line-height: 23px;
    font-size: 15px;
    box-shadow: 0px 1px 2px #000000;
    color: white;
}

.bpmmodelador  .bpmCompInicio  .label .numdias{
	top: 10px;
    left: 10px;
}

.bpmmodelador .barrabtn .bpmCompCaptura 
, .bpmmodelador .barrabtn .bpmCompNotificacion
, .bpmmodelador .barrabtn .bpmCompAutomatico{
    width: 100%;
    height: 70%;
    margin: auto;
    background-position: center;
}

.bpmmodelador .bpmCompInicio
, .bpmmodelador .bpmCompTermina{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	line-height: 50px;
}

.bpmmodelador  .bpmCompCaptura 
, .bpmmodelador  .bpmCompNotificacion
, .bpmmodelador  .bpmCompAutomatico{
	border: 1px solid #555;
    border-radius: 5px;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    width: 150px;
	height: 45px;
    /* overflow: hidden;*/
}
.bpmmodelador .bpmCompCaptura {
	background-image: url('/img/bpm/captura.png');
}
.bpmmodelador  .bpmCompNotificacion{
	background-image: url('/img/bpm/mail.png');
}
.bpmmodelador  .bpmCompAutomatico{
	background-image: url('/img/bpm/automatico.png');
}
.bpmmodelador  .bpmCompTermina{
	border: 5px solid #333;
}
.bpmmodelador  .bpmCompInicio{
	border: 1px solid #555;
}

.bpmPanelPropiedades{
	position: fixed;
	right: 0px;
	width: 400px;
	top:110px;
	bottom:24px;
	border-left: 1px solid #aaa;
	overflow-y: auto;
}

.bpm_divbtnszoom{
	display:flex;
	flex-direction:column;
	position:fixed;
	left: 20px;
    bottom: 46px;
	z-index: 10;
}

.bpm_divbtnszoom a{
	z-index:100;
	width:auto;
	color: black !important;
    background: white;
}

.bpm_divbtnszoom a:hover{
	color: white !important;
}
.bpm_divbtnszoom .bpm_btnZooma:hover{
	background: #4caf50;
}
.bpm_divbtnszoom .bpm_btnZoomd:hover{
	background: #F44336;
}

.bpmasignado {
	margin-top: 13px;
	text-align: left;
	margin-left: 10px;
	font-family: inherit;
	color: white;
	font-weight: 100;
	text-shadow: none;
	font-size: 14px;
	height: 18px;
	overflow: auto;
	font-family: sans-serif;
}

.compactivo{
	border:2px solid red !important;
}
@media print {
	.bpmmodelador .barra{
		display: none;
	}
}
.panelPropiedades{
	width: 100%;
	border-collapse: collapse;
}
.panelPropiedades td{
	border: 1px solid #ccc;
	
}

.panelPropiedades td:first-child{
	width:130px;
	background: #ededed;
	padding: 2px;
}

.panelPropiedades td .ui-inputtext
, .panelPropiedades td .ui-selectonemenu
, .panelPropiedades td .ui-autocomplete{
	border: none;
	box-shadow: none;
	width: 100% !important;
	margin: 0px;
}

.panelPropiedades td .ui-autocomplete{
	position: relative;
    display: block;
    height: 26px;
    overflow: hidden;
}
.panelPropiedades td .ui-autocomplete .ui-autocomplete-input{
	width: 100%;
	border:none;
	box-shadow: none;
}

.panelPropiedades td .ui-selectonemenu .ui-selectonemenu-label{
	box-shadow: none;
}
.panelPropiedades td .ui-autocomplete .ui-button{
	position: absolute;
    top: -1px;
    right: -8px;
    margin: 0px;
}



.carteraindi{
	padding: 10px;
	font-size: 1.7em;
	text-align: center;
	width: 100px;
	margin: 10px 10px 0px 0px;;
	border: 1px solid #aaa;
	background: #eee;
	display: inline-block;
	font-weight: bold;	
}
.carteraindi label{
	font-size: 0.6em;
	font-weight: normal;
	display: block;
}
.pagodiv{
	border: 1px solid #eee;
	padding: 20px;
	text-align: center;
}
.pagodiv h2{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 20px;
	border: none;
	text-transform: uppercase;
}
.pagodiv table{
	margin:20px auto;
}
.pagodiv .continuar , .resumenpago .btndef{
	text-align:center;
	display: block;
	margin:20px auto;
	padding:10px;
	background: #006099;
	color:#fff;
	font-size: 1.3em;
	width: 200px;
	border-radius: 5px;
	
}
.pagodiv .continuar:hover,.pagodiv .btnmediopago:hover{
	text-decoration: none;
}
.pagodiv td {
    padding: 10px;
    text-align: left;
}

.pagodiv .btnmediopago{
	display:inline-block;
	width: 230px;
	margin: 10px;
	padding:10px 0px;
	font-size: 1.2em;
	border:1px solid #eee;
	border-radius: 5px;
}

.pagodiv .btnmediopago:hover{
	background: #f3f3f3;
}

.pagodiv .btnmediopago img{
	width: 220px;
}
.resumenpago{
}
.resumenpago td{
background: #f8f8f8;
    font-size: 1.5em;
    font-weight: bold;
    border: none;
    width: 200px;
    padding: 10px;
}
.tablacartera{
}
.tablacartera .logoempresa{
	margin:20px auto;
	display: block;
}
.tablacartera h2{
	border: none;
	background: #eee;
	color: #000;
	margin:20px 0px;
	padding: 10px;
	box-sizing: border-box;
}

.tablacartera .ui-datatable td,.tablacartera .ui-datatable th{
	padding: 5px;
	border:1px solid #ddd;
}

.tablacartera .ui-datatable th{
	background: #006099 !important;
	text-transform:uppercase;
	color:#fff;
	text-shadow:none;
	padding: 10px;
}
.tablacartera .ui-datatable th span{
	
	
}
.barraTelefono{
	position: fixed;
	background: #000;
	top: 0;
	right: 0;
	left: 0px;
	height: 40px;
	padding: 5px;
}

.btncall{
	padding-left: 20px;
    background: no-repeat url(/img/phone24.png) left;
    background-size: 15px;
    cursor: pointer;
}

.btncallend, .btncallanswer{
	position: absolute;
    right: 0px;
    display: block;
    top: 0px;
    bottom: 0px;
    font-size: 2em;
    padding: 10px 30px;
    color: #fff !important;
    cursor: pointer;
}
.btncallend{
	background: red;
}
.btncallanswer{
	background: green;
}


.divpar_recursos{
	margin-bottom: 20px;
	text-align: center;
    padding: 10px;
}
.divpar_recu{
	display: inline-block;
    width: 250px;
    height: 150px;
    vertical-align: top;
    margin: 30px 10px;
    position: relative;
    background:#333;
}
.divpar_recuvideo{
	background:  url("/img/partners/youtube.png");
}
.divpar_recupdf{
	background:  url("/img/partners/pdf.png");
}
.divpar_recu a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    text-decoration: none;
    top: 0px;
    left: 0px;
}

.divpar_recu h3 {
    font-size: 1.3em;
    color: #fff;
    display: block;
    background: rgba(0, 0, 0, 0.7);
    padding: 8px;
    margin: 0px;
    width:234px;
    height: 3.5em;
    font-family: 'Roboto', sans-serif;
}
.divpar_recu span {
    display: block;
    margin: 0px auto;
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    	display: block;
	width: 50px;
	height: 50px;
    
    background-size: 60px;
    background-repeat:no-repeat;
    font-weight: bold;
}
.divpar_btninicio{
	text-align: center;
	vertical-align: top;
	margin: 5px;
	display: inline-block;
	width: 180px;
	height: 140px;
	border: 1px solid #ddd;
	background: #fff;
	font-size: 1.2em;
	position: relative;
	
}
.divpar_btninicio img{
    margin: 10px auto;
    max-height: 70px;
    display: block;
}
.divpar_btninicio label{
	position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    font-weight: bold;
}
.divpar_dispaso{
	margin-top: 10px;
}
.divpar_dispaso h3{
    background: #0E71B4;
    color: #fff;
    padding: 7px;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: bold;
}

.divpar_arti{
display: inline-block;
    width: 200px;
    height: 50px;
    font-size: 1.5em;
    padding: 10px 10px 10px 60px;
    margin: 10px;
    border: 1px solid #ddd;
    background: url(/img/partners/logo.png) 10px no-repeat;
    vertical-align: top;
    background-size: 60px;
}

.portalinforuta {
	font-size: 1.5em;
	color: #121110;
}

.grupotrabajoheader {
	font-size: 1em;
	display: inline-block;
    margin-left: 12px;
    margin-right: 12px;	
}

.b_minipdf{
	background-image: url(../img/pdf_file24.png);
}

.grupotimeancho{
	overflow: auto;	
}
/*Estilos Casos*/
.scl_title3{
	font-size: 1.3em;
	color: #006099;
}

.tabcustom td {
	padding:1.3%;
	background-color: #ffffff;
    border-bottom: 1px solid #f4f4f4;
}

.tabcustomtitle{
	font-weight: bold;
}


.divHomeComprador{
	padding: 20px 10px 10px 10px;
    border-radius: 5px !important;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
    margin: 10px;
    width: 300px;
    min-height: 300px;
    display: inline-block;
    vertical-align: top;
}

.divHomeComprador h2{
text-align: center;
    border-bottom: 2px solid;
    margin-bottom: 15px;
    background: #887f6e;
    color: #fff;
    padding: 5px;
}
.divHomeComprador .divdesc{
    padding: 0px 10px 10px 10px;
    border-bottom: 1px dotted;
    margin-bottom: 10px;
    text-align: center;
}

.divHomeComprador .divitem{
	padding: 5px;
	font-size: 1.1em;
	display: block;
	background: #f7f7f7;
	margin: 10px 0px;
	position: relative;
	text-align: left;
}

.divHomeComprador .divestadopendiente ,.divHomeComprador .divestadolisto{
	width: 70px;
    height: 10px;
    font-size: 0.7em;
    background: #eee;
    position: absolute;
    top: 5px;
    right: 5px;
    border: 1px solid #ddd;
    padding: 3px;
    text-align: center;
}

.divHomeComprador .divestadolisto{
	background: #44af69;
	color: #fff;
}
.divHomeComprador .divvacio{
	text-align: center;
	font-size: 1.3em;
	color: #aaa;
	font-weight: bold;
}
.divHomeComprador .divvacio img{
	width: 200px;
	margin: 10px auto;
	display: block;	
}

.divindicadorsimu {
width: 30%;
min-height: 10px;
background:#F4F7F5;
text-align: center;
border-style: solid;
border-width: 1px;
border-color:#519FE6;
font-size: 10px;
margin: 5px 0px 0px 17px;
color: #3292C9;
padding: 5px 2px;
float: left;
}

.gcal_dia{
	position: relative;
}
.gcal_franja{
	z-index: 1;
	position: absolute;
	width:100%;
	left: 0px;
	height: 40px;
	border-bottom: 1px dotted #aaa;
}
.gcal_activi{
	position: relative;
    z-index: 2;
	display:inline-block;
	left: 5px;
	right: 20px;
	padding: 2px 5px;
    background: #169fde;
    border-radius: 3px;
    color: #fff !important;
    overflow: hidden;
}
.gcal_activi a , .gcal_activi spam{
	 color: #fff !important;
	 display: block;
}

.divUtilpuc{
	display: inline-block;
	width: 300px;
	padding: 10px;
	border: 1px solid #ddd;
	margin: 5px;
	vertical-align: top;
	min-height: 300px;
}

.ghor_marco{
	display: block;
	margin: 20px;
	width: 720px;
}
.ghor_linea{
}
.ghor_cajablanca , .ghor_caja, .ghor_cajaazul{
	height: 20px;
	width: 20px;
	display: inline-block;
	margin: 2px;
	vertical-align: middle;
	text-align: center;
}
.ghor_cajablanca{
	background: #eee;
}
 .ghor_cajaazul{
 	background: #0E71B4;	
 }
/* ESTILOS COMPONENTES MOVIL PARA WEB */

.divBody2 .gt_popup {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.2);
}

.divBody2 .gt_popuptitulo, .divBody2 .gt_popupcerrar {
	font-size: 1.2em;
	line-height: 1.2em;
	position: absolute;
	top: 0px;
}

.divBody2 .gt_popuptitulo {
	color: #fff;
	/* width:100%; */
	background: #2E7AC5;
	padding: 0.5em 0px;
}

.divBody2 .gt_popuptitulo label {
	margin-left: 10px;
}

.divBody2 .gt_popupcerrar {
	border-left: 1px solid #fff;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0.5em 3%;
	color: #2E7AC5;
	background: #fff;
	font-size: 1em;
}

.divBody2 .gt_popupcerrar:hover {
	color: #fff;
	background: #2E7AC5;
}

.divBody2 .gt_popupinterno {
	position: absolute;
	overflow: auto;
	background: #fff;
	-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.26);
	-moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.26);
	box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.26);
}

.divBody2 .gt_popupinterno .gt_contenido {
	
}

.divBody2 .gt_btnmovil, .divBody2  .gt_btnmovil td {
	border-bottom: 1px solid #ddd;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #333;
	font-weight: normal;
	vertical-align: top;
}

.divBody2 a.gt_btnmovil {
	color: #333;
	text-decoration: none;
	cursor: pointer;
	padding: 0.7em;
}

.divBody2 .gt_btnmovil {
	display: block;
	color: #333;
	text-shadow: 0 1px 0 #f3f3f3;
	text-align: left;
	background: #f5f5f5;
}

.divBody2 .botonrefresh {
	background: no-repeat left center url('/m/css/refresh.png');
	background-size: 24px;
}

.divBody2 .botonsendemail {
	background: no-repeat left center url('/img/g-email.png');
	background-size: 24px;
}

.divBody2 .botonsendsms {
	background: no-repeat left center url('/img/g-sms.png');
	background-size: 24px;
}

.divBody2 a.gt_btnok {
	color: #fff;
	background: #2E7AC5;
	box-shadow: 0px 1px 3px #666666;
	text-align: center;
	text-transform: uppercase;
	margin-top: 30px;
}

.divBody2 .gt_btnmovil td {
	padding: 2px;
}

.divBody2 .gt_btnmovil:hover {
	background: #ededed;
}
.divBody2 .gt_inputtext, .divBody2 .gt_inputtextarea {
	background: #fff;
	border-color: #ddd;
	color: #333;
	text-shadow: 0 1px 0 #f3f3f3;
	margin: .5em 0;
	border-width: 1px;
	border-style: solid;
}

.divBody2 .gt_inputtext input, .divBody2 .gt_inputtextarea textarea {
	margin: 0;
	min-height: 2.2em;
	text-align: left;
	border: 0;
	background: transparent none;
	-webkit-appearance: none;
	-webkit-border-radius: inherit;
	border-radius: inherit;
	padding: .4em;
	line-height: 1.4em;
	display: block;
	width: 97%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}

.viajedrop{
	display: grid;
	grid-template-columns:auto auto auto auto auto auto auto auto auto;
}

.divtablaviaje * {
   box-sizing:content-box;
}

.divtablaviaje , .divrutatareas {
    display: inline-block;
    width: 100%;
}

.divtablaviaje .divfilaviaje
, .divrutatareas  .divtareafila  {
    border-bottom: 1px solid #ccc;
}



.divtablaviaje .viajeempleado 
, .divtablaviaje .viajecapacidad
, .divtablaviaje .viajeplaca 
, .divtablaviaje .viajerutas
, .divtablaviaje .b_lupa 
, .divtablaviaje .viajeestado
, .divtablaviaje .viajeestador
, .divtablaviaje .viajegpsult
, .divtablaviaje .viajeini
, .divtablaviaje .viajefin
, .divtablaviaje .viajemapa
{
	display: flex;
    overflow: hidden;
    max-height: 4.0em;
    border-left: 1px solid #aaa;
    padding: 6px 2px;
    margin: 0px;
    text-align: center;
    line-height: 1.5em;
    align-items: center;
}

.divrutatareas .tarplaca
, .divrutatareas .tartitulo
, .divrutatareas .tarfecha
, .divrutatareas .tarruta
, .divrutatareas .tardir
, .divrutatareas .tarcliente
{
	display: flex;
    overflow: hidden;
    border-left: 1px solid #aaa;
    padding: 6px 2px;
    margin: 0px;
    text-align: center;
    line-height: 1.2em;
    align-items:center;
   	justify-content: center;
}

.divtablaviaje .viajeempleado
, .divrutatareas .tarcliente {
	border-right: 1px solid #aaa;
    background-color: #e7f0f9;
    cursor: pointer;
}

.divtablaviaje .viajeempleado:hover,
.divrutatareas .tarcliente:hover {
  border-color: #dadce0;
  box-shadow: rgba(0, 0, 0, .1) 0 1px 1px;
  color: #202124;
  border-radius: 4px;
}
.divtablaviaje .viajeplaca
{
	width: 50px;
} 
.divtablaviaje .viajegpsult
, .divtablaviaje .viajeini
, .divtablaviaje .viajefin
, .divtablaviaje .viajerutas
{
	width: 35px;
} 
.divtablaviaje .viajeestado
, .divtablaviaje .viajeestador
{
	width: 20px;
} 

/*.divrutatareas .tarplaca
, .divrutatareas .tarfecha
, .divrutatareas .tarruta
, .divrutatareas .tardir
{
	width: 50px;
} */

 .divrutatareas .tarcliente
, .divrutatareas .tartitulo{
	width: 130px;
}

.pnlcontpagar{
	display:flex;
	flex-wrap: nowrap;
	height: 95vh;
}
.pnldere{
	flex: 65%;
}
.pnlizq{
	flex: 35%;
	display: grid;
	align-content: center;
}

@media screen and (max-width: 550px){
	
	.pnlcontpagar{
		display:flex;
		flex-direction: column-reverse;
		height: auto;
	}
	
	.pnldere{
		flex: 100%;
	}
	.pnlizq{
		flex:100%;
	}
}

.contestadosbarra{
	display:grid;
}

.divestadobarra{
	display:flex;
	flex-direction: column;
	align-items:center;
	margin:5px;
	position:relative;
}

.divestadobarra .small{
	margin:2px;
}

.puntoestadobar{
	width:24px;
	height:24px;
	border-radius: 50%;
	color:#fefefe;
	font-weight: bold;
	display:flex;
	align-items: center;
    justify-content: center;
	z-index: 10;
}

.puntoestadobar::before {
    content: '';
    height: 2px;
    width: 50%;
    position: absolute;
    right: -12px;
    border-top: 2px solid;
    background: inherit;
}

.puntoestadobar::after {
    content: '';
    height: 2px;
    width: 50%;
    position: absolute;
    left: -12px;
    border-top: 2px solid;
    background: inherit;
}

.puntocolorespera{
	background-color:#d3d3d3;
}

.puntocolorcumplido{
	background-color: #1DCF1D;
}

.puntocoloractual{
	background-color: blue;
}

.puntocolorfallido{
	background-color: rgb(255, 0, 0);
}

.puntoestadobar.no-after:after{content:none;}

.puntoestadobar.no-before:before{content:none;}

@media screen and (min-width: 800px) {
  .recaudo {
    width:35%;
  }
}

.campoAgregado{
	border: 5px solid limegreen !important;
}
.vigenciavencida{
   background-color: rgb(255, 128, 128)!important;

}
.alertavig{
	border: 5px solid rgb(255, 255, 0) !important;
}
.alertavacio{
	border: 5px solid rgb(255, 0, 0) !important;
}
.alertanoprocesado{
	border: 5px solid rgb(255, 128, 0) !important;
}

.estadoTerminadoRoadmap{
	padding: 2px;
	background-color:#00A2F2;
	border-bottom: ridge; 
	display: flex;  
	color: white; 
	margin-top: 10px; 
	border-radius: 5px; 
	text-align: center; 
	font-weight: bold;
	align-content: center;
	flex-wrap: wrap;
	justify-content: space-around;
	height: 30px;
}
.estadoDesarrollandoRoadmap{
	padding: 2px;
	background-color:#E49433;
	border-bottom: ridge; 
	display: flex;  
	color: white; 
	margin-top: 10px; 
	border-radius: 5px; 
	text-align: center; 
	font-weight: bold;
	align-content: center;
	flex-wrap: wrap;
	justify-content: space-around;
	height: 50px;
}
.circuloVerde{
color: green;
font-weight: bold;
width: 10px;
height: 10px;
}
.circuloRojo{
font-weight: bold;
color: red;
width: 10px;
height: 10px;
}
.circulo{
background-color: red;
width: 10px;
height: 10px;
border-radius: 50%;
}
.kanbanTablero {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.kanbanEtapa {
    margin: 1px;
    padding: 1px;
    vertical-align: top;
    display: table-cell;
}

.kanbanHeader {
    background-color: #0E71B4;
    color: #fff;
    padding: 3px;
    text-transform: uppercase;
}

.kanbanTitulo {
    font-size: 12px;
    display: block;
    font-weight: bold;
    height: 15px;
    overflow: hidden;
}

.kanbanEtapaHeader {
    background-color: #0E71B4;
    color: #fff;
    padding: 3px;
    text-transform: uppercase;
}

.kanbanEtapaTitulo {
    font-size: 12px;
    display: block;
    font-weight: bold;
    height: 15px;
    overflow: hidden;
}

.kanbanEtapaCodigo {
    font-size: 11px;
    display: block;
    height: 15px;
    overflow: hidden;
}

.kanbanEtapaInfo {
	font-size: 10px;
    display: block;
    text-align: right;
}


.kanbanTotal {
    display: block;
    text-align: right;
    font-weight: bold;
}

.kanbanEtapaContent{
    height: 400px;
    overflow-y: auto;
}

.kanbanEtapaContent .itemRoadmap {
	border-radius: 0 0 5px 5px;
    background: #fff;
    margin: 2px 0px;
    padding: 2px;
    position: relative;
}

.kanbanImgDefault, .kanbanImgDesarrollador{
    margin: 3px auto;
    display: block;
}

.kanbanImgDesarrollador{
    border: 1px solid #ccc !important;
    border-radius: 50% !important;
}

.kanbanInfoRoadmap {
	display: block;
	text-align: center;
}

.kanbanInfoItem {
	display: block;
	text-align: center;
}

.kanbanNombre {
	font-weight: bold;
	display:block;
	margin: 3px 0;
	font-size: 1em;
}
.kanbanSubtitulo {
	display:block;
	margin: 3px 0;
	font-size: 1em;
}
.kanbanNombre2 {
	font-weight: bold;
	display:block;
	margin: 1px 0;
	font-size: 1em;
	height:40px;
	overflow:hidden;
}
.kanbanResponsable {
	display:block;
	margin: 3px 0;
	font-size: 1em;
}
.kanbanGrupo {
	display:block;
	margin: 3px 0;
	font-size: 1em;
}

.kanbanCliente {
	display:block;
	margin: 3px 0;
}

.kanbanEstado {
	display:block;
}

.kanbanDatosNum {
	margin: 5px;
}

.kanbanDias {
	margin: 1px 3px;
    width: fit-content;
    padding: 3px 5px;
    border-radius: 3px;
    background: #00a2f2;
    color: #fff;
    font-size: 1.1em;
}

.kanbanHoras {
	margin: 1px 3px;
    width: fit-content;
    padding: 3px 5px;
    border-radius: 3px;
    background:#FF8080;
    color: #fff;
    font-size: 1.1em;
}

.kanbanValor {
	margin: 1px 3px;
    width: fit-content;
    padding: 3px 5px;
    border-radius: 3px;
    background:#0CE78F;
    color: #fff;
    font-size: 1.1em;
}

.kanbanPrioridad {
	margin: 3px 3px;
	display: block;
    width: fit-content;
    padding: 3px 5px;
    font-weight: bold;
    border-radius: 3px;
    background: #EEE;
    color: #000;
    font-size: 1em;
}

.kanbanTipoIcono {
	margin: 3px 3px;
	display: block;
    padding: 3px 5px;
}

.kanbanCampoInfo {
	margin: 3px 3px;
	display: block;
    width: fit-content;
    padding: 3px 5px;
    font-weight: bold;
    border-radius: 3px;
    background: #EEE;
    color: #000;
    font-size: 1em;
}

.kanbanDialogDesarrollador{
	text-align: center;
}

.kanbanFlex {
	margin: 3px 0;
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
}

.kanbanFiltro {
	float: left;
    display: flex;
    flex-direction: column;
	padding: 5px 0px 0px 5px;
}

.kanbanSelect {
    display: flex;
	padding: 5px 0px 0px 5px;
	align-items: center;
}

.kanbanBarraTitulo {
    width: 100%;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 15px;
    padding-bottom: 5px;
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.kb_estadodias{
	display: flex;
    justify-content: center;
    align-items: center;
}

.kb_btnOpciones{
	height: 20px;
    width: 20px;
    float: right;
    background-image: radial-gradient(circle, #555 2px, transparent 2px);
    background-size: 100% 33.33%;
    display: block;
}

.kb_btnItemOpcion{
	padding: 5px;
}

.kb_separador{
	border-bottom: groove;
	border-width: 1px;
}

.kb_MenuOpcion{
	position: absolute;
    border-style: groove;
    border-radius: 5px;
    background-color: #FFF;
    display: flex;
    width:80%;
    flex-direction: column;
}

.kb_caja_esfuerzo{
	width:100%;
	padding: 5px 1px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.kb_esfuerzo_horas{
	width:50%;
}

.kb_esfuerzo_fecha{
	width:50%;
}

.kb_esfuerzo_porcentaje{
	width:100%;
}

.puntonumeracion{
	width:25px;
	height:25px;
	color:white;
	border-radius: 50%;
	border:3px solid white;
	text-align:center;
	font-weight:bold;
}

@media screen and (min-width: 800px) {
  .recaudo {
    width:35%;
  }
}

.piezacontent{
	display: flex;
	justify-content: center;
}
.verpiezaconf{
    max-width: 420px;
}
.piezascatalogo{
	width: 100%;
}
.verpiezamini{
	display: flex;
}
.imgver{
	height: 150px;
	width: 150px;
	object-fit: cover;
	margin: 5px;
}
.dialogoVerPiezas{
	max-width: 730px;
}
.piezaver{
	max-width: 100%;
}
.contentdivpieza{
	text-align: center;
    display: grid;
}

.ui-g-1, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8, .ui-g-9, .ui-g-10, .ui-g-11, .ui-g-12 {
    padding: 0;
    float:none;
}

.b_qr {
	background: no-repeat url('../img/24/qr24.png');
}

.b_barcode {
	background: no-repeat url('../img/barcode.png');
	background-size: contain;
}

.b_error {
	background: round url('../img/noseleccion.png');
}

.b_loading {
	background: round url('../img/48/clock.png');
}

.b_barcode, .b_qr, .b_error, .b_loading	{
	color: #ffffff;
	cursor: pointer;
	display: block;
	width: 24px;
	height: 24px;
	text-align: center;
	text-decoration: none;
}

.desplegableOp {
    position: relative;
    display: inline-block;
}

.desplegableOp-content {
    display: none;
    min-width: 65px;
    position: absolute;
    z-index: 100;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.desplegableOp-btn {
	background-color: #fff;
    border: none;
    font-size: 15px;
}

.desplegableOp:hover .desplegableOp-content {
    display: block;
}

.desplegableOp-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.correosOpo tr:hover td, .correosOpo tr:hover td a {
	background-color: #f3f3f3 !important;
}


.filas_tabla {
    background-color: #a5ffd6 !important;
    background-image: none !important;
    border: 1px solid #84dcc6;
    color: #a5ffd6 !important;
}

.celdasColumnas{
	
	background-color: #ff6961 !important;
}

.ui-accordion-header{
	background: #F3F3F3 !important;
    border: 1px solid #aaaaaa !important;
}

.ui-accordion-content	{
    border: 1px solid #aaaaaa !important;
}


.btnordenarriba {
	background-image: url(/img/arrow_up_material.png);
}

.btnordenabajo {
	background-image: url(/img/arrow_down_material.png);
}


.btnordenarriba, .btnordenabajo {
	height: 3px;
	width: 15px;
	padding: 5px;
	border-radius: 2px;
	margin-right: 2px;
	background-position: center;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	background-size: 30px;
	cursor: pointer;
	
}

.tablacorreos table {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
}
.tablacorreos table thead {
    /* head takes the height it requires, 
    and it's not scaled when table is resized */
    flex: 0 0 auto;
    width: calc(100% - 1.05em);
    display: table;
    table-layout: fixed;
}
.tablacorreos table tbody {
    /* body takes all the remaining available space */
    flex: 1 1 auto;
}
.tablacorreos table tbody tr {
    width: 100%;
}
.tablacorreos table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
/* decorations */
.tablacorreos {
    padding: 0.3em;
}

.tablacorreos .ui-datatable-scrollable-body{
    overflow-x: hidden;
}

.tablacorreos table {
    border: 1px solid lightgrey;
}
.tablacorreos table td, .tablacorreos table th {
    padding: 0.5em;
    border: 1px solid lightgrey;
	border-left: 0px;
	border-right: 0px;
}
.tablacorreos table th {
    border: 1px solid grey;
}

.tablacorreos .icono{
    width: 20px;
}

.tablacorreos .fecharecibido{
    width: 120px;
}

.tablacorreos .camponombre{
    display: flex;
    justify-content: space-between;
}

.tablacorreos .sinleer {
	font-weight: bold;
	color: #006099;
	background-color: #F6F6F6;
}
.sinleer {
	font-weight: bold;
	color: #006099 !important;
	background-color: #F6F6F6;
}
.sinleer > * {
	font-weight: bold;
	color: #006099 !important;
	background-color: #F6F6F6;
}
.daterangepicker, .dropdown-menu, .opensleft, .show-calendar{
	display:none;

}

.ui-selectmanycheckbox label{
	margin: 0px 7px 0px 6px;
}
.ui-blockui-content {
    padding: 15px;
    background-color: white;
}
body .ui-datatable thead th{
	text-align: center;
}
.inputsize{
	width: 100px !important;;
}
.b_anular
	{
	color: #ffffff;
	cursor: pointer;
	display: block;
	width: 24px;
	height: 24px;
	text-align: center;
	text-decoration: none;
}
.b_anular {
	background: no-repeat url('../img/pedido/anulado.png');
	background-size: 24px;
}

.ui-selectmanycheckbox label{
	margin: 0px 7px 0px 6px;
}
.ui-blockui-content {
    padding: 15px;
    background-color: white;
}
body .ui-datatable thead th{
	text-align: center;
}
.ui-datatable-tablewrapper {
    width:100%; /*Se agrega para el caso 20085 donde se montaba la imagen de las barras. */
}

.cajas_indicadores {
	display: flex;
	width: 100%;
	margin-bottom: 5px;
}
.cajas_indicadores div {
	height: 65px;
	min-width: 160px;
	background: #21A339;
	display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
	margin: 5px;
	color: #fff;
	padding: 5px;
	border-radius: 5px;
}
.cajas_indicadores div label {
	display: block;
	font-size: 2.5em;
}

.indicador_dinero label{
	font-size: 2em !important;
}

.indicador_azul {
	background: #035DBD !important;
}

.indicador_naranja {
	background: #E99532 !important;
}
.indicador_gris {
	background: #999999 !important;
}
.indicador_verde {
	background: #21A339 !important;
}

.btn-segmento {
  padding: 5px;
  border-radius: 15px;
  cursor: pointer;
  font-weight: bold;
  font-size: 1rem;
  transition: all .3s;
  width: 70px;
}

.btn-segmento:hover {
	text-decoration: none !important;
}

.btn-segmento-guardar {
  border: 2px solid #A4A4A4 !important;
  background-color: white !important;
  color: #A4A4A4 !important;
  text-align: center !important;
}

.btn-segmento-guardar:hover {
  color: white !important;
  background-color: #A4A4A4 !important;
}

.btn-segmento-borrar {
  border: 2px solid #FF6464 !important;
  background-color: white !important;
  color: #FF6464 !important;
  text-align: center !important;
}

.btn-segmento-borrar:hover {
  color: white !important;
  background-color: #FF6464 !important;
}

.btn-segmento-mostrar {
  border: 2px solid #5AC683 !important;
  background-color: white !important;
  color: #5AC683 !important;
  text-align: center !important;
}

.btn-segmento-mostrar:hover {
  color: white !important;
  background-color: #5AC683 !important;
}

.zona{    
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 7px;
    max-height: 400px;
    overflow: auto;
    border-radius: 7px;
    margin-bottom: 6px;
}

.zona .titulo{
	text-align: center;
    font-weight: bold;
    background-color: #0e71b4;
    color: white;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    padding: 8px;
    border-radius: 7px 7px 0 0;
    width: 100%;
    
}

.zona .info{
    padding: 3px;
}