@charset "utf-8";

::-webkit-input-placeholder {
	color: #808080 !important;
	font-weight: normal !important;
}

:-moz-placeholder {
	color: #808080 !important;
	font-weight: normal !important;
}

.colorTema {
	color: #003348 !important;
	font-weight: bold;
	font-size: 20px;
}

.ambientePruebas {
	color: #003348 !important;
	font-weight: bold;
	font-size: 20px;
}

.ambienteProduccion {
	color: #2CA200 !important;
	font-weight: bold;
	font-size: 20px;
}

.ui-watermark {
	color: #808080 !important;
	font-weight: normal !important;
}

.ui-widget, .ui-widget .ui-widget {
	font-size: 90% !important;
}

.center {
	margin: 0 auto;
	text-align: left;
}

.derecha {
	margin: 0 auto;
	text-align: right;
}

.className {
	vertical-align: top;
}

.customColorModificados>table th {
	background: #D8BFD8;
}

.avatar {
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.allWidth {
	width: 95%;
}

.fieldLabel {
	width: 110px;
	font-weight: bold;
}

.clock {
	float: left;
	font-size: 10px;
	color: black;
	text-align: right;
	-moz-border-radius: 15px 50px;
	-moz-border-radius: 15px 50px;
	-webkit-border-radius: 15px 50px;
	-webkit-border-radius: 15px 50px;
}

.clockT {
	float: left;
	font-size: 15px;
	font-weight: bold;
	color: white;
	background-color: #0073EA;
	-moz-border-radius: 20px 50px;
	-moz-border-radius: 20px 50px;
	-webkit-border-radius: 20px 50px;
	-webkit-border-radius: 20px 50px;
}

.sessionData {
	float: right;
	font-size: 12px;
	font-weight: bold;
	color: #0073EA;
}

.ayuda {
	float: right;
	font-size: 15px;
	font-weight: bold;
	color: #0073EA;
}

.botonEliminar {
	background-color: #FF9900;
}

.verde {
	fore-color: #009300 !important;
	background-image: none !important;
	color: #009300 !important;
	text-align: center;
}

.rojo {
	fore-color: #990000 !important;
	background-image: none !important;
	color: #990000 !important;
	text-align: center;
}

.negro {
	background-color: #FFFFFF !important;
	fore-color: #000000 !important;
	background-image: none !important;
	color: #000000 !important;
	text-align: center;
}

.dataGridFilter {
	width: 225px;
}

.inputTextFilter {
	width: 150px;
}

.logoRight {
	float: right;
}

.logoLeft {
	float: left;
}

.pantallaGrande .ui-panel-content {
	padding: 0px;
}

.ui-widget .ui-accordion-content {
	padding: 0px;
}

.title {
	font-size: x-large;
	color: black;
	-moz-border-radius: 12px 12x;
	-moz-border-radius: 12px 12px;
	-webkit-border-radius: 12px 12px;
	-webkit-border-radius: 12px 12px;
}

.titleTransaccion {
	width: 350px;
	font-size: large;
	color: black;
	font-weight: bold;
}

.letraAzul {
	color: blue;
}

.estadoTransaccion {
	width: 100px;
}

.largeList {
	height: 200px;
	width: 300px;
}

#top .ui-layout-unit, #top .ui-layout-unit-content {
	background: url(../iconos/fondo11.png);
}

#center .ui-layout-unit, #center .ui-layout-unit-content {
	background: url(../iconos/fondo11.png);
}

.wrap {
	position: relative;
	background: #ffffff;
	width: 100%;
	height: 100%;
}

.contenedorIzquierdo {
	position: absolute;
	top: 0px;
	width: 200px;
	margin-left: 2px;
	margin-bottom: 2px;
	margin-top: 2px;
	background: white;
	left: 0px;
	z-index: 2;
	box-shadow: 2px 2px 1px #aaaaaa;
	transition: 0.3s;
	border-radius: 5px;
	height: 1300px;
	transition: 0.3s;
	transition: 0.3s;
	border-radius: 5px;
}

.contenedorDerecho {
	position: absolute;
	top: 0px;
	width: 1230px;
	left: 205px;
	margin-bottom: 2px;
	margin-top: 2px;
	box-shadow: 2px 2px 1px #aaaaaa;
	transition: 0.3s;
	border-radius: 5px;
	margin-right: 2px;
	height: 1300px;
	background: white;
	right: 0px;
	margin-top: 2px;
	transition: 0.3s;
	transition: 0.3s;
	border-radius: 5px;
}

.fondoTransparenteArriba td {
	vertical-align: top !important;
}

.login {
	background-image: linear-gradient(right top, rgb(192, 192, 192) 24%,
		rgb(192, 192, 192) 65%);
	background-image: -o-linear-gradient(right top, rgb(192, 192, 192) 24%,
		rgb(192, 192, 192) 65%);
	background-image: -moz-linear-gradient(right top, rgb(192, 192, 192) 24%,
		rgb(192, 192, 192) 65%);
	background-image: -webkit-linear-gradient(right top, rgb(192, 192, 192)
		24%, rgb(192, 192, 192) 65%);
	background-image: -ms-linear-gradient(right top, rgb(192, 192, 192) 24%,
		rgb(192, 192, 192) 65%);
	background-image: -webkit-gradient(linear, right top, left 0, color-stop(0.24, rgb(192,
		192, 192)), color-stop(0.65, rgb(192, 192, 192)));
	color: black;
}

.loginNuevo {
	background: url(../iconos/fondo.png);
	background-repeat: repeat;
}

#loginNuevo2 {
	width: 1024px;
	height: 768px;
	margin: 0 auto 0 auto;
	background: url(../iconos/dynamoinicio.png) no-repeat;
	background-repeat: no-repeat;
	position: relative;
}

#fondobarra {
	background: url(../iconos/fondo11.png);
}

.ui-icon {
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -99999px;
}

.tamanoTabla {
	width: 950px;
	height: 438px;
}

.tamanoBarra {
	width: 1100px;
}

.tamanoMantenimiento {
	width: 1400px;
}

.fullLayaout {
	width: 100%;
}

.tamanoArbol {
	width: 600px;
	height: 438px;
}

.giveMeEllipsis {
	height: 30px;
	font-size: 10px;
	font-weight: bold;
}

.conPedido {
	background-color: #CFFABA !important;
}

.sinPedido {
	background-color: transparent !important;
}

.topleft {
	position: absolute;
	top: 2px;
	left: 2px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	color: white;
	border-radius: 100px;
	margin: 10px 5px;
	font-size: 12px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 1px;
	padding-bottom: 1px;
	white-space: nowrap;
	background-color: black;
}

.tamanoBotones {
	font-size: 9px;
}

.tamanoBotones {
	font-size: 12px;
}

.tamanoLetra {
	font-size: 12px;
}

.tamanoMantenimientoLargo {
	width: 700px;
}

.tamanoArbolHijo {
	width: 500px;
}

.tamanoCabecera {
	width: 950px;
}

.tamanoArbolHijoDentro {
	width: 460px;
	height: 390px;
}

.tamanoArbolDentro {
	width: 980px;
	height: 150px;
}

.scrollGrande {
	width: 580px;
	height: 300px;
}

.scrollTransacciones {
	width: 500px;
	height: 200px;
}

.scrollPequeno {
	width: 450px;
	height: 330px;
}

.tamanoArbolSolo {
	width: 970px;
	height: 390px;
}

.scrollArbolSolo {
	width: 980px;
	height: 300px;
}

.textoPequeno {
	width: 130px;
	text-align: right;
}

.textoPequeno2 {
	width: 130px;
}

.texto150 {
	width: 150px;
}

.textoMediano {
	width: 260px;
}

.textoGrande {
	width: 390px;
}

.textoMuyGrande {
	width: 800px;
}

.pantallaGrande {
	background-color: #E4E3E8;
}

.cabeceraTransaccion {
	width: 1000px;
}

.textoComprobante {
	font-weight: bold;
	width: 30px;
}

.pantallaMuyGrande {
	width: 1100px;
	height: 600px;
}

.barraGrande {
	width: 1175px;
}

.tamanoDialogImpresion {
	display: block;
	left: 24px;
	top: 24px;
	position: absolute;
	width: 357px;
	z-index: 3;
}

.textoMuyPequeno {
	width: 50px;
}

.textoMuyMuyPequeno {
	width: 30px;
}

.textoValores {
	width: 100px;
	text-align: right;
}

.textoValoresPequenos {
	width: 63px;
	text-align: right;
}

.old {
	background-color: #6CE26C !important;
	background-image: none !important;
	color: #000000 !important;
}

.rev {
	background-color: #FFD700 !important;
	background-image: none !important;
	color: #000000 !important;
}

.delet {
	background-color: #00BFFF !important;
	background-image: none !important;
	color: #000000 !important;
}

.ui-picklist .ui-picklist-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: auto;
	height: 300px;
	width: 300px;
}

.ui-picklist .ui-picklist-list li {
	margin: 1px;
	padding: 2px;
}

.ui-picklist .ui-picklist-button {
	display: block;
	margin-bottom: 0.3em;
}

.ui-picklist .ui-picklist-button.ui-button-text-icon-primary {
	width: 100%;
}

.ui-picklist .ui-picklist-item {
	cursor: pointer;
	border: 0px none;
	font-weight: inherit;
}

.ui-picklist .ui-picklist-caption {
	text-align: center;
	padding: 4px 10px 4px 10px;
	border-bottom: 0px none;
}

.ui-picklist table {
	width: 100%;
	border-collapse: collapse;
}

.ui-picklist-control {
	text-align: center;
	margin-bottom: 2px;
	width: 300px;
}

.ui-picklist-source, .ui-picklist-target {
	width: 300px;
}

table {
	padding: 0em 0em
}

.textoMedio {
	width: 135px;
}

botonesTabla {
	width: 65px;
	height: 20px;
}

#columnaPequena {
	width: 35px;
}

#columnaPequena1 {
	width: 35px;
}

.panelColumns td {
	vertical-align: top;
	top: 5%;
}

.pantallaMuyMuyGrande {
	width: 1300px;
}

.tamanoBotones {
	width: 15px;
	height: 15px
}

.nuevocolor {
	color: #FF4000 !important;
}

.menula {
	position: absolute;
	top: 5px;
	left: 10px;
	border-style: none;
}

.colortab {
	background-color: #DF0101 !important;
	background-image: none !important;
	color: #000000 !important;
}

.pantallaMediana {
	background-color: #E4E3E8;
	width: 1050px;
}

div.card {
	width: 250px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
	text-align: center;
}

div.header {
	background-color: #4CAF50;
	color: white;
	padding: 10px;
	font-size: 40px;
}

div.container {
	padding: 10px;
}

.rojoFila {
	color: #FF0000 !important;
}

.verdeFila {
	color: #00E40E !important;
}

.naranjaFila {
	color: #E48A00 !important;
}

.amarilloFila {
	color: #FFFF00 !important;
}