/******* LOGO *******/
#logo-img
{
    background: url(../images/themes/skyblue/Logo-Transparente-25102010.gif) top left no-repeat;
    position:relative;
    left:0px;
    top:0px;
    width:214px;
    height:81px;
}
/******* LOGIN ******/
.texto-login
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
    font-weight: bold;
}
.tabla-login
{
	margin-top:15px;
	width: 800px;
	border-style:none;
}
.tabla-login td
{
	border-style:none;
}
.texto-mensaje-nombre
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:bold;
}
div#logout
{
    position:relative;
    margin:0 auto!important;
    left:480px;
    top:75px;
    font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:small;
	width:30px;
	z-index:1001;
	height:5px;
}
div#label-nombre
{
	position:relative;
	left:520px;
	top:-25px;
	width:300px;
	height:25px;
	padding-left:5px;
	padding-top:5px;
	text-align:right;
}
.texto-labels1
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
    color:#0181e4;
}
.texto-labels2
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
    color:#666;
}
.texto-labels2-derecha
{
    position:relative;
    left:13px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
    color:#666;
}
.texto-labels3
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
    color:Orange;
}
.texto-labels4
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
    color:#000;
}
.texto-labels5
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
    color:#FFF;
}
.texto-labels6
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    color:#666;
}
.texto-labels7
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
    color:#666;
}
.texto-labels8
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    color:forestgreen;
    font-weight:bold;
}
.texto-labels9
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
    color:red;
}
.texto-tablas-titulo
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
    color:#fff;
    background-color:#507CD1;
    text-align:center;
}
.texto-textboxes1
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    color:#666;
}
.texto-textboxes2
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    color:#666;
    background-color:#FFE9D9;
}
.texto-textboxes3
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    color:#666;
    background-color:#DDDDDD;
}
.texto-combobox1
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    color:#666;
}
.texto-checkbox1
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
    color:#666;
}
.texto-mensajes-grandes
{
	font-family:Arial, Helvetica, sans-serif;
	color:gray;
	font-size:small;
}
/******** MENU *********/
.texto-menu-deshabilitado
{
	font-family:Arial, Helvetica, sans-serif;
	color:gray;
	font-size:small;
}
/******** WORKFLOW *********/
div.contenido-encabezado-procesos
{
	width:240px;
	height:24px;
	float:left;
	top:40px;
	border:1px solid #6ab3ff;
	background:#a3d0ff;
	color:#004185;
}
div.contenido-in-procesos
{
	float:left;
	width:230px;
	height:750px;
	padding:5px;
	border-top:1px solid #fff;
	border-left:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
	background-color:#FFF;
}
.tab-workflow
{
    height:700px;
}
.panel-workflow
{
    position:absolute;
    left:40px;
    top:40px;
}
.panel-boton
{
    padding-left:30px;
    padding-top:5px;
    width:175px;
    height:20px;
    border-style:solid;
    border-width:1px;
    border-color:#fff;
}
.panel-zoom
{
    position:relative;
    top:10px;
    left:0px;
    width:205px;
    height:30px;
    border-color:#666;
    border-width:1px;
    border-style:solid;
    background-color:#E8E8E8;
}
.panel-boton-zoomin
{
    position:relative;
    width:16px;
    height:16px;
    left:10px;
    top:5px;
}
.panel-boton-zoomout
{
    position:relative;
    width:16px;
    height:16px;
    left:30px;
    top:5px;
}
.panel-textbox-zoom
{
    position:relative;
    width:25px;
    height:16px;
    left:20px;
    border-color:#666;
    border-width:1px;
    border-style:solid;
    z-index:1;
}
.panel-boton-zoom
{
    position:relative;
    width:5px;
    height:16px;
    left:20px;
}
.panel-boton-inicio
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/control_play_blue.png') no-repeat;
    background-position:10px center;
}
.panel-boton-final
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/control_stop.png') no-repeat;
    background-position:10px center;
}
.panel-boton-hito
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/flag_blue.png') no-repeat;
    background-position:10px center;
}
.panel-boton-decision
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/arrow_divide.png') no-repeat;
    background-position:10px center;
}
.panel-boton-balancear
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/group.png') no-repeat;
    background-position:10px center;
}
.panel-boton-devolver
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/arrow_rotate_clockwise.png') no-repeat;
    background-position:10px center;
}
.panel-boton-variable
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/pencil_add.png') no-repeat;
    background-position:10px center;
}
.panel-boton-elegirpersona
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/user_add.png') no-repeat;
    background-position:10px center;
}
.panel-boton-derivarpersona
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/user_go.png') no-repeat;
    background-position:10px center;
}
.panel-boton-elegirrol
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/group_add.png') no-repeat;
    background-position:10px center;
}
.panel-boton-derivarrol
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/group_go.png') no-repeat;
    background-position:10px center;
}
.panel-boton-personarol
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/edit-find-user.png') no-repeat;
    background-position:10px center;
}
.panel-boton-escalar
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/arrow_up.png') no-repeat;
    background-position:10px center;
}
.panel-boton-bifurcar
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/arrow_branch.png') no-repeat;
    background-position:10px center;
}
.panel-boton-esperar
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/clock_stop.png') no-repeat;
    background-position:10px center;
}
.panel-boton-formulario
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/application_form_add.png') no-repeat;
    background-position:10px center;
}
.panel-boton-hojaruta
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/page_add.png') no-repeat;
    background-position:10px center;
}
.panel-boton-condicion
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/magnifier_zoom_in.png') no-repeat;
    background-position:10px center;
}
.panel-boton-accionframework {
    position: relative;
    top: 20px;
    background: url('../images/icons/16/socket--plus.png') no-repeat;
    background-position: 10px center;
}
.panel-boton-sumar
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/calculator_add.png') no-repeat;
    background-position:10px center;
}
.panel-boton-agendar
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/date_add.png') no-repeat;
    background-position:10px center;
}
.panel-boton-generarcopia
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/ui-toolbar--plus.png') no-repeat;
    background-position:10px center;
}
.panel-boton-documentacion
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/document.png') no-repeat;
    background-position:10px center;
}
.panel-boton-correo
{
    position:relative;
    top:20px;
    background:url('../images/Workflow/document.png') no-repeat;
    background-position:10px center;
}
.texto-botones
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666;
}
.texto-botones2
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bolder;
    color:#666;
    text-align:center;
}
.texto-botones3
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bolder;
    color:#fff;
}
.texto-boton-formulario
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bolder;
    color:#0181e4;
    background:url('../images/workflow/application_form_add.png') no-repeat;
    background-position:left;
    position:relative;
    float:none;
    left:0px;
    height:120px;
    width:220px;
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
}
.texto-cajas
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666;
}
.textboxes
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666;
	border-color:#000;
	border-bottom-style:solid;
	background-color:#EEEEEE;
}
.texto-grid-workflow
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666;
}
div#panel-controles-hito
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-decision
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-balancear
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-devolver
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-crear
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-elegirusuario
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-derivarusuario
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-elegirrol
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-derivarrol
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-bifurcar
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-esperar
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-formulario
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-hojaderuta
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-condicion
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-sumar
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-documentacion
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-correo
{
	width:200px;
	height:24px;
	float:left;
	border:1px solid #8be57e;
	background:#b4efab;
	color:#337129;
	padding:4px 5px 0 5px;
	margin-bottom:0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div#panel-controles-accionframework {
    width: 200px;
    height: 24px;
    float: left;
    border: 1px solid #8be57e;
    background: #b4efab;
    color: #337129;
    padding: 4px 5px 0 5px;
    margin-bottom: 0px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
div.contenido-caja{
	float:left;
	width:200px;
	padding:5px;
	border-top:1px solid #fff;
	border-left:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
	background-color:#FFF;
}
div.informacion-caja{
	float:left;
}
.boton-aceptar
{
    position:relative;
    top:15px;
    width: 200px;
    cursor:pointer;
    text-align:center;
}
div.#texto-guia-balancear
{
    position:relative;
    left:0px;
}
div.#dias-balancear
{
    position:relative;
    left:25px;
}
div.#horas-balancear
{
    position:relative;
    left:19px;
}
div.#texto-guia-devolver
{
    position:relative;
    left:0px;
}
div.#dias-devolver
{
    position:relative;
    left:25px;
}
div.#horas-devolver
{
    position:relative;
    left:19px;

}
div.#texto-guia-elegirusuario
{
    position:relative;
    left:0px;
}
div.#dias-elegirusuario
{
    position:relative;
    left:25px;
}
div.#horas-elegirusuario
{
    position:relative;
    left:19px;
}
div.#texto-guia-derivarusuario
{
    position:relative;
    left:0px;
}
div.#dias-derivarusuario
{
    position:relative;
    left:25px;
}
div.#horas-derivarusuario
{
    position:relative;
    left:19px;
}
div.#texto-guia-elegirrol
{
    position:relative;
    left:0px;
}
div.#dias-elegirrol
{
    position:relative;
    left:25px;
}
div.#horas-elegirrol
{
    position:relative;
    left:19px;
}
div.#texto-guia-derivarrol
{
    position:relative;
    left:0px;
}
div.#dias-derivarrol
{
    position:relative;
    left:25px;
}
div.#horas-derivarrol
{
    position:relative;
    left:19px;
}
div.#descripcion-bifurcar
{
    position:relative;
    left:3px;
}
div.#identificador-bifurcar
{
    position:relative;
    left:0px;
}
.fuente-condicion
{
    position:relative;
    left:60px;
}
div.#formulario-condicion
{
    position:relative;
    left:0px;
    height:25px;
}
div.#campo-condicion
{
    position:relative;
    left:14px;
    height:25px;
}
div.#condicion-formulario-condicion
{
    position:relative;
    left:3px;
    height:25px;
}
div.#variable-condicion
{
    position:relative;
    left:12px;
    height:25px;
}
div.#condicion-variable-condicion
{
    position:relative;
    left:4px;
    height:25px;
}
div.#hojaruta-condicion
{
    position:relative;
    left:0px;
    height:25px;
}
div.#campohr-condicion
{
    position:relative;
    left:14px;
    height:25px;
}
div.#condicion-hojaruta-condicion
{
    position:relative;
    left:3px;
    height:25px;
}
div.#dato-condicion
{
    position:relative;
    left:24px;
}
div.#texto-guia-derivarcopia
{
    position:relative;
    left:0px;
}
div.#dias-derivarcopia
{
    position:relative;
    left:25px;
}
div.#horas-derivarcopia
{
    position:relative;
    left:19px;
}
div.#boton-cancelar
{
    position:relative;
    top:500px;
    left:150px;
    cursor:pointer;
    z-index:1;
    background-color:Black;
}
div.#mensaje-archivo
{
    position:relative;
    top:15px;
    left:5px;
    width:190px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:Red;
	height:60px;
}
div.#mensaje-panel
{
    position:relative;
    top:15px;
    left:5px;
    width:190px;
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:Red;
    font-weight: bold;
}
div#toggle-btn-workflow{
	width:32px;
	top:100px;
    float:right;
    height:20px;
    z-index:1001;
}
.combo-workflow 
{
    background-color:Green;
    width:90px;
    text-align:right;
}
/****** BANDEJA ******/
div#tarea-iniciar
{
    background:url('../images/workflow/001_01.gif') no-repeat;
    background-position:left;
    position:relative;
    left:10px;
    width:100%;
    height:20px;
    padding-left:30px;
    padding-top:2px;
}
div.#controles-inicio-tareas
{
    position:relative;
    top:2px;
    left:5px;
    height:40px;
    border-top:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	padding:5px 5px 5px 5px;
}
.label-proceso
{
    position:relative;
    left:10px;
    float:left;
    top:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#666;
}
.ddl-proceso
{
    position:relative;
    left:15px;
    float:left;
    top:10px;
}
.texto-descripcion-tarea
{
    position:relative;
    left:20px;
    float:left;
    top:10px;
}
.checkbox-urgente
{
    position:relative;
    left:30px;
    float:left;
    color:Red;
    float:left;
    top:10px;
}
.boton-iniciar-tarea
{
    position:relative;
    left:35px;
    top:8px;
}
.boton-buscar-tarea
{
    position:relative;
    left:25px;
    top:8px;
}
div.#grid-tareasgeneradas
{
    position:relative;
    top:15px;
    left:25px;
    width:100%;
}
div.#mensaje-sintareasgeneradas
{
    position:relative;
    top:15px;
    left:5px;
    width:98%;
    height:40px;
}
.tabla-busqueda
{
    position:relative;
    margin:0 auto!important;
}
/********* TAREA ********/
div.#mensaje-sinhistorial
{
    position:relative;
    top:15px;
    left:5px;
    width:98%;
    height:40px;
}
div#controles-atender-tarea
{
    position:relative;
    top:20px;
    left:10px;
    width:980px;
    height:900px;
    border-top:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	padding:5px 5px 5px 5px;
}
div#tarea-actividad-actual
{
    background:url('../images/workflow/instruccion.gif') no-repeat;
    background-position:left;
    position:relative;
    left:10px;
    width:100%;
    height:20px;
    padding-left:20px;
    padding-top:5px;
}
div#tarea-actividad-siguiente
{
    background:url('../images/workflow/instruccion.gif') no-repeat;
    background-position:left;
    position:relative;
    left:10px;
    width:100%;
    height:20px;
    padding-left:20px;
    padding-top:5px;
}
.ventana-siguiente
{
    width:440px;
    height:200px;
}
div#titulo-botones
{
    width:150px;
    height:35px;
    background-color:#666;
    border-bottom:solid 1px gray;
}
div#titulo-apunte
{
    width:300px;
    height:35px;
    background-color:#666;
    border-bottom:solid 1px gray;
}
div#tarea-boton
{
    background:url('../images/workflow/72.png') no-repeat;
    background-position:top left;
    position:relative;
    top:10px;
    left:10px;
    width:130px;
    height:17px;
    padding-left:20px;
    padding-top:3px;
}
div#tarea-apunte
{
    background:url('../images/workflow/apunte.gif') no-repeat;
    background-position:top left;
    position:relative;
    top:10px;
    left:10px;
    width:380px;
    height:17px;
    padding-left:20px;
    padding-top:3px;
}
div#titulo-historial
{
    width:630px;
    height:35px;
    background-color:#666;
    border-bottom:solid 1px gray;
}
div#historial-apunte
{
    background:url('../images/workflow/edit24.gif') no-repeat;
    background-position:top left;
    position:relative;
    top:10px;
    left:10px;
    width:900px;
    height:17px;
    padding-left:30px;
    padding-top:3px;
}
div#historial-scroll
{
    position:relative;
    left:20px;
    top:30px;
    max-height:140px;
    overflow-y:scroll;
    width:590px;
    font-size:xx-small;
}
div#material-apoyo
{
    background:url('../images/workflow/edit24.gif') no-repeat;
    background-position:top left;
    position:relative;
    top:10px;
    left:10px;
    width:800px;
    height:70px;
    padding-left:30px;
    padding-top:3px;
}
.tarea-accion
{
    background:url('../images/workflow/accion.gif') no-repeat;
    background-position:left;
    background-position-y:7px;
    position:relative;
    left:15px;
    height:40px;
    padding-left:20px;
    padding-top:5px;
    width:750px;
}
.tarea-siguiente-accion
{
    background:url('../images/workflow/accion.gif') no-repeat;
    background-position:left;
    position:relative;
    left:0px;
    height:20px;
    padding-left:20px;
    padding-top:5px;
    top:10px;
}
.tarea-accion-anular
{
    background:url('../images/workflow/action_delete.gif') no-repeat;
    background-position:left;
    position:relative;
    left:0px;
    height:20px;
    padding-left:20px;
    padding-top:5px;
    top:20px;
}
.tarea-accion-necesaria
{
    background:url('../images/workflow/accion.gif') no-repeat;
    background-position:left;
    position:relative;
    left:15px;
    width:750px;
    height:20px;
    padding-left:20px;
    padding-top:5px;
    text-decoration:underline;
}
.tarea-fecha-asignacion
{
    background:url('../images/workflow/calendar1.gif') no-repeat;
    background-position:left;
    position:relative;
    left:15px;
    height:20px;
    padding-left:20px;
    padding-top:5px;
}
.tarea-comentario-analisis
{
    background:url('../images/workflow/apunte.gif') no-repeat;
    background-position:left;
    position:relative;
    top:0px;
    left:430px;
    width:400px;
    height:20px;
    padding-left:20px;
    padding-top:5px;
}
.tarea-tiempo-asignacion
{
    background:url('../images/workflow/icon_clock.gif') no-repeat;
    background-position:left;
    position:relative;
    left:15px;
    height:20px;
    padding-left:20px;
    padding-top:5px;
}
.tarea-fecha-tope
{
    background:url('../images/workflow/flag_white.gif') no-repeat;
    background-position:left;
    position:relative;
    left:15px;
    height:20px;
    padding-left:20px;
    padding-top:5px;
}
.tarea-grafico-analisis
{
    position:relative;
    top:20px;
    left:20px;
}
.tarea-documentos
{
    background:url('../images/workflow/file.gif') no-repeat;
    background-position:top left;
    position:relative;
    top:10px;
    left:0px;
    width:1000px;
    padding-left:20px;
    padding-top:3px;
}
.tarea-frame-documentos
{
    position:relative;
    left:0px;
    padding-top:15px;
    width:970px;
    padding-bottom:20px;
    border:1px dotted gray;
}
.tarea-biblioteca
{
    background:url('../images/workflow/folder_table.png') no-repeat;
    background-position:top left;
    position:relative;
    left:0px;
    width:970px;
    padding-left:20px;
    padding-top:3px;
    border-bottom:1px dotted #0181e4;
}
.tarea-gridsubtareas
{
    background:url('../images/workflow/file.gif') no-repeat;
    background-position:top left;
    position:relative;
    top:20px;
    left:10px;
    width:990px;
    padding-left:20px;
    padding-top:3px;
    margin-bottom:10px;
    border-bottom:1px dotted #0181e4;
}
.tarea-gridcopias
{
    background:url('../images/workflow/file.gif') no-repeat;
    background-position:top left;
    position:relative;
    top:20px;
    left:200px;
    width:570px;
    padding-left:20px;
    padding-top:3px;
    margin-bottom:10px;
    border-bottom:1px dotted #0181e4;
}
.tarea-usuarioscopia
{
    background:url('../images/workflow/file.gif') no-repeat;
    background-position:top left;
    position:relative;
    top:20px;
    left:200px;
    width:570px;
    padding-left:20px;
}
.tarea-usuariossubtareas
{
    background:url('../images/workflow/file.gif') no-repeat;
    background-position:top left;
    position:relative;
    top:20px;
    left:10px;
    width:990px;
    padding-left:20px;
}
.tarea-documentoscopia
{
    position:relative;
    left:274px;
    width:320px;
    margin-bottom:10px;
}
div#tabla-documentos
{
    position:absolute;
    top:20px;
    left:50px;
    width:700px;
}
.botones
{
    position:relative;
    top:2px;
    padding-top:12px;
    text-align:center;
}
.boton-tarea
{
    position:relative;
    top:115px;
    left:100px;
    padding-top:0px;
    width:170px;
    height:0px;
    background-color:red;
}
.boton-tarea-avanzar
{
    position:relative;
    top:0px;
    left:30px;
    width:70px;
    height:24px;
}
.boton-tarea-comentario
{
    position:relative;
    top:0px;
    left:120px;
    width:118px;
    height:24px;
    float:right;
}
.boton-tarea-cancelar
{
    position:relative;
    top:0px;
    left:520px;
    width:70px;
    height:24px;
}
.tarea-bloque
{
    position:absolute;
    left:15px;
    padding-top:10px;
    height:40px;
    width:820px;
    border-bottom:1px dotted #0181e4;
}
.tarea-pregunta
{
    position:relative;
    top:5px;
    left:15px;
    float:left;
}
.boton-respuestas
{
    position:relative;
    left:20px;
    top:5px;
}
.texto-elegir
{
    position:relative;
    top:10px;
    left:10px;
    float:left;
}
.ddl-elegir
{
    position:relative;
    left:15px;
    top:10px;
}
.texto-accion
{
    position:relative;
    left:10px;
    padding-top:15px;
    height:40px;
    width:820px;
    border-bottom:1px dotted #0181e4;
}
.tarea-frame-formulario
{
    position:relative;
    left:5px;
    padding-top:15px;
    width:840px;
    padding-bottom:20px;
    border:2px dotted gray;
    z-index:1002;
}
.tarea-formularios
{
    position:relative;
    left:30px;
    top:10px;
    width:830px;
}
.tarea-frame-hojaruta
{
    position:relative;
    left:5px;
    padding-top:15px;
    width:840px;
    padding-bottom:20px;
    border:2px dotted gray;
    z-index:1002;
}
.tarea-paneles
{
    position:absolute;
    top:30px;
    left:20px;
    padding-top:0px;
    width:950px;
    padding-bottom:0px;
    /*border-bottom:1px dotted #0181e4;*/
    z-index:0;
}
.tarea-paneles-pregunta
{
    height:40px;
}
.tarea-paneles-bifurcar
{
    height:30px;
}
.tarea-paneles-formulario
{
    height:40px;
}
.tarea-paneles-hojaruta
{
    height:40px;
}
.tarea-paneles-elegir
{
    height:60px;
}
.tarea-paneles-agendar
{
    height:60px;
}
.tarea-paneles-accion
{
    /*position:absolute;
    left:25px;
    padding-top:15px;
    width:940px;
    padding-bottom:20px;
    z-index:0;*/
    /*border-bottom:1px dotted #0181e4;*/
    height:90px;
}
.tarea-paneles-accion-comentario
{
    position:relative;
    left:20px;
    padding-top:0px;
    width:300px;
    padding-bottom:20px;
    /*border-bottom:1px dotted #0181e4;*/
    z-index:0;
}
.tarea-paneles-accion-historial
{
    position:relative;
    left:15px;
    padding-top:0px;
    width:630px;
    padding-bottom:20px;
    /*border-bottom:1px dotted #0181e4;*/
    z-index:0;
}
.tarea-paneles-accion-botones {
    position: relative;
    left: 802px;
    padding-top: 0px;
    width: 150px;
    height: 130px;
    padding-bottom: 0px;
    /*border-bottom:1px dotted #0181e4;*/
    z-index: 0;
}
.tarea-paneles-accion-apoyo
{
    position:relative;
    left:20px;
    padding-top:0px;
    width:940px;
    padding-bottom:20px;
    /*border-bottom:1px dotted #0181e4;*/
    z-index:0;
}
.tarea-agenda
{
    position:relative;
    top:20px;
    padding-top:25px;
    left:0px;
    width:800px;
    height: 10px;
}
.tarea-calendario
{
    position:relative;
    width:700px;
    float:left;
}
.tarea-datos-actividad
{
    position:relative;
    width:200px;
    float:left;
    left:10px;
}
.tarea-comentario
{
    position:relative;
    left:20px;
    top:30px;
}
.tarea-copias
{
    position:relative;
    left:0px;
    width:570px;
    padding-bottom:60px;
    border:1px dotted gray;
}
.tarea-subtareas
{
    position:relative;
    left:0px;
    width:970px;
    padding-bottom:60px;
    border:1px dotted gray;
}
.tarea-subtareas-personas
{
    position:relative;
    left:250px;
    top:10px;
    width:320px;
}
.tarea-copias-personas
{
    position:relative;
    padding-top:10px;
    padding-left:50px;
}
.tarea-copias-documentos
{
    position:relative;
    left:250px;
    top:20px;
    width:320px;
}
.tarea-copias-procesos
{
    position:relative;
    left:100px;
    top:30px;
    width:970px;
}
.tarea-copias-boton
{
    position:relative;
    left:120px;
    top:20px;
}
.tarea-subtareas-boton
{
    position:relative;
    left:120px;
    top:20px;
}
.tarea-nombre-formulario
{
    position:relative;
    top:5px;
    left:15px;
    float:left;
}
.tarea-tipo-hojaruta
{
    position:relative;
    top:10px;
    left:15px;
    float:left;
}
.tarea-boton-avanzar
{
    position:relative;
    left:15px;
    top:12px;
}
.boton-nuevo-mensaje-tarea
{
    position:relative;
    left:5px;
    top:6px;
    float:left;
}
.nuevo-mensaje-tarea-madre
{
    position:relative;
    left:15px;
    top:6px;
    width:100%;
}
.checkbox-nuevomensaje
{
   height:24px;
}
.checkbox-nuevomensaje label
{
   width: 280px;
   padding: 2px;
   font-size:12px;
   font-weight:bold;
}
.grid-mensaje-tarea
{
    position:relative;
    top:10px;
    left:5px;
    Width:850px;
}
.checkbox-documento
{
   height:24px;
   border:1px;
}
.checkbox-documento label
{
   width: 120px;
   padding: 2px;
   font-size:11px;
   text-align:left;
}
/******* HISTORIAL ******/
.checkbox-historial
{
   height:24px;
}
.checkbox-historial label
{
   width: 280px;
   padding: 2px;
   font-size:12px;
   font-weight:bold;
}
/* Paneles para recursos en Tarea */
div.contenido-in{
	float:left;
	width:850px;
	padding:5px;
	border-top:1px solid #fff;
	border-left:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
	background-color:#FFF;
}
div.information-caja{
	float:left;
}
div.information-caja p{
	float:left;
	margin-bottom:10px;
	width:840px;
}
div.information-caja p img{
	float:left;
	margin:6px 10px 10px 0;
	border:1px solid #ccc;
}
div.contenido-encabezado
{
	width:860px;
	height:24px;
	float:left;
	top:40px;
	border:1px solid #6ab3ff;
	background:#a3d0ff;
	color:#004185;
}
div.contenido-encabezado-left{
	height:40px;
	float:left;
	width:170px;
	cursor:move;
}
div.contenido-encabezado-left img
{
    margin:3px 0 0 5px;
	float:left;
}
div.contenido-encabezado-left h2{
	margin:1px 0 0 5px;
	float:left;
	font-size:12px;
	color:#0181e4;
}
div.contenido-encabezado-derecha{
	height:24px;
	float:left;
	width:24px;
}
a.toggle-open-boton{
	height:24px;
	float:left;
	width:24px;
	background:url('../images/themes/skyblue/toggle-open-btn-2.jpg') no-repeat;
}
a.toggle-close-boton{
	height:24px;
	float:left;
	width:24px;
	background:url('../images/themes/skyblue/toggle-close-btn-2.jpg') no-repeat;
}
/********* FORMULARIO ***********/
div.campos-formulario
{
    position:relative;
    top:0px;
    left:0px;
    text-align:left;
}
div.boton-formulario
{
    position:relative;
    top:0px;
}
div.labels
{
    position:absolute;
    top:20px;
    left:0px;
    width:265px;
}
div.formulario
{
    position:absolute;
    top:20px;
    left:270px;
    width:450px;
    /*background-color:#fff;*/
}
.col2a-formulario
{
    position:relative;
    left:0px;
    width:265px;
    height:48px;
    text-align:left;
    margin-top:2px;
    margin-bottom:10px;
}
.col2b-formulario
{
    position:relative;
    left:0px;
    width:265px;
    height:30px;
    text-align:left;
    margin-top:2px;
    margin-bottom:10px;
}
.col3a-formulario
{
    position:relative;
    left:0px;
    height:48px;
    margin-top:2px;
    margin-bottom:10px;
    text-align:left;
    width:300px;
}
.col3b-formulario
{
    position:relative;
    left:0px;
    margin-top:2px;
    height:30px;
    margin-bottom:10px;
    text-align:left;
    width:300px;
    /*background-color:#fff;*/
}
.col3b-calendar
{
    position:relative;
    left:0px;
    margin-top:2px;
    height:12px;
    margin-bottom:0px;
    text-align:left;
    width:12px;
}
.checkbox-formulario
{
    position:relative;
    float:left;
    margin-top:2px;
    margin-bottom:10px;
}
.checkbox-formulario label
{
   width: 240px;
   background-color:Red;
}
.barra-ventana-formulario
{
    position:relative;
    top:0px;
    left:0px;
    width:740px;
    height:35px;
    background-color:#666;
}
.barra-ventana-hr 
{
    position:relative;
    top:0px;
    left:0px;
    width:740px;
    height:35px;
    background-color:#666;
}
.barra-ventana-agenda 
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 940px;
    height: 35px;
    background-color: #666;
}
.boton-editar
{
    float:right;
    position:relative;
    top:5px;
    right:20px;
}
.boton-cerrar
{
    float:right;
    position:relative;
    top:5px;
    right:10px;
}
.boton-crearcopia
{
    position:relative;
    top:20px;
    left:130px;
}
.mensaje-crearcopia
{
    position:relative;
    top:30px;
    left:-40px;
    text-align:center;
}
.mensaje-formulario
{
    position:absolute;
    top:300px;
    left:320px;
}
div.documentos
{
    position:inherit;
    padding-top:20px;
    width:150px;
    height:100px;
    float:left;
    left:0px;
    text-align:center;
}

div.tabla-scroll {
    height: 700px;
    overflow: auto;
    margin-top: 20px;
}

#tabla-scroll-documentos tr:nth-child(even) {
    background-color: #CED8FB;
}

.ventana-formulario-externa {
    position: relative;
    left: 110px;
    width: 740px;
    background-color:#F4F4F4;
    border: solid 1px #ccc;
    padding: 1px;
}

.ventana-formulario-externa-visualizacion {
    position: relative;
    left: 110px;
    width: 740px;
    background-color: #F4F4F4;
    border: solid 1px #ccc;
    padding: 1px;
}

.ventana-formulario-interna {
    position: relative;
    top: 5px;
    left: 100px;
    bottom: 10px;
    width: 520px;
    background-color: #F4F4F4;
    filter: alpha(opacity=9);
    opacity: 0.9;
    border: solid 0px #ccc;
    padding: 5px;
    text-align: center;
}
/****** HOJA DE RUTA *****/
.texto-tabla-hr
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
}
.ventana-hojaruta-externa {
    position: relative;
    left: 110px;
    top: 3px;
    width: 740px;
    height: 630px;
    background-color: #F4F4F4;
    border: solid 1px #ccc;
    padding: 1px;
}
.ventana-hojaruta-interna {
    position: relative;
    top: 5px;
    left: 0px;
    width: 740px;
    height: 580px;
    background-color: #F4F4F4;
    border: solid 0px #ccc;
    padding-top: 5px;
}
/****** COPIAS ******/
.checkboxlist
{
   height:24px;
   border:1px;
   border-style:solid;
   border-color:Gray;
}
.checkboxlist label
{
   width: 280px;
   padding: 2px;
   font-size:12px;
   font-weight:bold;
}
div.#mensaje-sincopiasgeneradas
{
    position:relative;
    top:15px;
    left:5px;
    width:98%;
    height:40px;
}
div.#mensaje-sinsubtareasgeneradas
{
    position:relative;
    top:15px;
    left:5px;
    width:98%;
    height:40px;
}
div.#mensaje-textosubtarea
{
    position:relative;
    top:15px;
    left:5px;
    width:98%;
    height:40px;
}
div.#mensaje-sinprocesoscopiaasignados
{
    position:relative;
    top:15px;
    left:5px;
    width:98%;
    height:40px;
}
/****** MENSAJE ESPERA MIENTRAS EJECUTA PROCESO ******/
.mensaje-espera
{
    position:relative;
    margin:0 auto!important;
    width:850px;
    height:25px;
    border: 1px solid;
    margin: 10px 10px 10px 10px;
    padding:5px 5px 5px 5px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #9F6000;
    background-color: #FEEFB3;
    text-align:center;
    float:none;
}
.mensaje-espera-mediano
{
    position:relative;
    margin:0 auto!important;
    width:780px;
    height:25px;
    border: 1px solid;
    margin: 10px 10px 10px 10px;
    padding:5px 5px 5px 5px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #9F6000;
    background-color: #FEEFB3;
    text-align:center;
    float:none;
}
.mensaje-espera-corto
{
    position:relative;
    margin:0 auto!important;
    width:610px;
    height:25px;
    border: 1px solid;
    margin: 10px 10px 10px 10px;
    padding:5px 5px 5px 5px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #9F6000;
    background-color: #FEEFB3;
    text-align:center;
    float:none;
}
div#capa1
{
    display:block;
    position:absolute;
    left:0px;
    top:50%;
    width:100%;
    height:400px;
    background-color:Red;
    z-index: 1002;
}  
/********* USUARIOS **********/
.checkboxusuariosanulados
{
   height:24px;
}
.checkboxusuariosanulados label
{
   width: 140px;
   padding: 2px;
}

/********* MENSAJES *********/
.label-usuario
{
    position:relative;
    left:10px;
    float:left;
    top:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#666;
}
.texto-titulo-mensaje
{
    position:relative;
    left:40px;
    float:left;
    top:10px;
}
.label-titulo
{
    position:relative;
    left:30px;
    float:left;
    top:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#666;
}
.texto-contenido-mensaje
{
    position:relative;
    left:10px;
    top:20px;
    float:left;
}
.texto-contenido-detalle
{
    position:relative;
    left:20px;
    top:30px;
    width:860px;
    float:left;
}
.boton-nuevo-mensaje
{
    position:relative;
    float:left;
    left:5px;
    top:11px;
}
.boton-enviar-mensaje
{
    position:relative;
    float:left;
    left:10px;
    top:40px;
}
.boton-cancelar-mensaje
{
    position:relative;
    left:20px;
    top:40px;
    margin-bottom:50px;
}
.boton-cerrar-mensaje
{
    position:relative;
    left:20px;
    top:40px;
    margin-bottom:50px;
}
.mensaje-nuevo
{
    position:absolute;
    left:20px;
    top:100px;
}
.grid-detalles
{
    position:relative;
    left:20px;
    top:20px;
    width:865px;
}
/********* VENTANA MODAL ********/
.modalBackground
{
  background-color:#666;
  filter: alpha(opacity=50);
  opacity:0.5;
  position:absolute;
}
.ModalWindow
{
  position:absolute;
  margin:0 auto!important;
  border: solid 2px #c0c0c0;
  background:#f0f0f0;
  padding: 0px 10px 10px 10px;
  width:600px;
  top:-1000px;
}
.ModalWindowAmplia
{
  position:absolute;
  margin:0 auto!important;
  border: solid 2px #c0c0c0;
  background:#f0f0f0;
  padding: 0px 10px 10px 10px;
  width:900px;
  top:-1000px;
}
.modalwait
{
  background-color:#666;
  filter: alpha(opacity=70);
  opacity:0.7;
  position:absolute;
  left:450px;
  top:350px;
  margin:0 auto!important;
  border: solid 2px #c0c0c0;
  width:200px;
  height:30px;
  z-index:1002;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#fff;
  font-weight: bold;
  text-align:center;
  vertical-align:middle;
}
.modalwaithr
{
  background-color:#666;
  filter: alpha(opacity=70);
  opacity:0.7;
  position:absolute;
  left:320px;
  top:40%;
  margin:0 auto!important;
  border: solid 2px #c0c0c0;
  width:200px;
  height:30px;
  z-index:1002;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#fff;
  font-weight: bold;
  text-align:center;
  vertical-align:middle;
}
.modalwaitformulario
{
  background-color:#666;
  filter: alpha(opacity=70);
  opacity:0.7;
  position:absolute;
  left:320px;
  top:40%;
  margin:0 auto!important;
  border: solid 2px #c0c0c0;
  width:200px;
  height:30px;
  z-index:1002;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#fff;
  font-weight: bold;
  text-align:center;
  vertical-align:middle;
}
.modalPopup {
  background-color :#fff;
  border:solid 3px #ccc;
  padding:5px;
}
div.user-make-row-popup{
	float:left;
	width:458px;
	border-bottom:1px dotted #ccc;
	padding-top:10px;
	padding-bottom:10px;
	position:relative!important;
}

/************* TEXTOS PARA AGENDA ******************/
.titulo-agenda
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:24px;
  color:#666;
  font-weight: bold;
  text-align:center;
}
.navegador-meses
{
  text-align:center;
  position:relative;
  left:0px;
}
.ventana-actividad
{
    width:340px;
    height:260px;
}
.cuadro-actividad
{
    position:relative;
    left:20px;
    top:10px;
}
.imagen-accion
{
    position:relative;
    top: 10px;
}
.texto-mensaje
{
    position:relative;
    top: 10px;
    width: 80px;
}
.seleccion-semana
{
    position:relative;
    left:0px;
    height:20px;
    width:100%;
}
.fecha-agenda
{
    position:relative;
    left:10px;
    float:left;
}
.usuarios-agenda
{
    position:relative;
    left:30px;
    float:left;
}
.colores-agenda
{
    position:relative;
    left: 50px;
}
.rojo
{
    position:relative;
    left:300px;
    float:left;
    width: 10px;
    height: 20px;
    background-color: #DF0101;
    border-style: solid;
    border-width:1px;
    border-color: #000000;
}
.verde
{
    position:relative;
    left:100px;
    float:left;
    width: 10px;
    height: 20px;
    background-color: #04B404;
    border-style: solid;
    border-width:1px;
    border-color: #000000;
}
.azul
{
    position:relative;
    left:0px;
    float:left;
    width: 10px;
    height: 20px;
    background-color: #0404B4;
    border-style: solid;
    border-width:1px;
    border-color: #000000;
}
.naranja
{
    position:relative;
    left:200px;
    float:left;
    width: 10px;
    height: 20px;
    background-color: #FF4000;
    border-style: solid;
    border-width:1px;
    border-color: #000000;
}
.texto-agenda
{
    position:relative;
    left:15px;
    float:left;
    width:100px;
}
.ventana-agenda-externa {
    position: relative;
    left: 0px;
    width: 940px;
    height: 570px;
    background-color: #F4F4F4;
    border: solid 1px #ccc;
    padding: 1px;
}
.ventana-agenda-interna {
    position: relative;
    top: 5px;
    left: 3px;
    width: 918px;
    height: 520px;
    background-color: #F4F4F4;
    border: solid 0px #ccc;
    padding: 5px;
}
.texto-mensaje-rojo
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:red;
}
/************* TEXTOS PARA DASHBOARD ******************/
.tabla-dashboard
{
    width:100%;
    text-align:center;
    border-color:Gray;
    border-style:solid;
    border-width:thin;
    position:relative;
    top:10px;
    font-size:x-small;
}
.titulo-dashboard
{
    width:32%;
    background-color:#507CD1;
    color:White;
}
.tituloancho-dashboard
{
    width:49%;
    background-color:#507CD1;
    color:White;
}
.cuadro-dashboard
{
    width:100%;
    height:40px;
}
.separador-dashboard
{
    width:2%;
    background-color:Gray;
}
.checkbox-dashboard
{
    position:relative;
    padding-top:3px;
    right: 125px;
    float:right;
}
.hr {
    border: 0.5px solid #f4f4f4;
}

div.gridViewHistorial {
    overflow-x: hidden;
    overflow-y: scroll;
    display: block;
    height: 1150px;
}