/*-- Estilos generales para toda la pagina */

body {
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    line-height: 156%;
}

h1 {
    font-size: 1.5em;
    font-style: normal;
    font-weight: bold;
    color: #6600CC;
    /* border-bottom-style: solid; border-bottom-color: gray; border-bottom-width: 0px; */
    padding: 0px;
    margin: 0px;
    padding-top: 4px;
}

h2 {
    no-font-family: Verdana;
    font-size: 1.12em;
    font-style: normal;
    font-weight: bold;
    /* background-color: gray; */
    margin: 0px;
    padding: 2px;
}

h3 {
    no-font-family: Verdana;
    font-size: 1.10em;
    font-style: normal;
    font-weight: bold;
    /* background-color: gray; */
    margin: 0px;
    padding: 2px;
}

h4 {
    font-family: Verdana, sans-serif;
    font-size: 1.09em;
    font-style: normal;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
}

h5 {
    font-family: Verdana, sans-serif;
    font-size: 1.08em;
    font-style: normal;
    font-weight: bold;
    margin: 0px;
    padding: 2px;
}

p,
table,
tr,
ol,
li {
    font-size: 1.0em;
    /* font-family: Tahoma, sans-serif; */
    font-style: normal;
    font-weight: 100;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    color: #656586;
    line-height: 152%;
}

ul {
    /* igual al de arriba, pero diferente padding */
    font-size: 1.0em;
    /* font-family: Tahoma, sans-serif; */
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    margin: 0px;
}

td {
    font-size: 1.0em;
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    border-style: dotted;
    border-color: #00000F;
    border-width: 0px;
}

div {
    /* border-style: dotted; border-color: lightgray; border-width: 1px; */
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

select,
input,
textarea {
    font-size: 1.0em;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    vertical-align: top;
    padding: 0.4em 0.3em;
    max-width: 32em;;
    /* border-style: dotted; border-color: #00000F; border-width: 1px; */
}
/* Webkit y otros para permitir select/copy/paste/??? */
input, 
textarea {  
    -webkit-user-select: all;  /* Chrome 49+ */
    -moz-user-select: all;     /* Firefox 43+ */
    -ms-user-select: all;      /* No support yet */
    user-select: all;          /* Likely future */   
}

button {
    font-size: 1.0em;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #000000;
    vertical-align: top;
    padding: 0.4em;
    /* border-style: dotted; border-color: #00000F; border-width: 1px; */
}

a:link {
    text-decoration: underline;
}

a:visited {
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
    background-color: yellow;
}

/*
*   COMMON
*   Estilos comunes a todos los modulos 
*/


/*-- Page */

#page-content {
    background-color: #fff;
    min-height: 6em;
    margin-top: 4px;
    padding-top:0px;
}

/*-- Contexto */

#context {
    text-align: left;
    margin: 0px;
    padding: 0px;
    /*horizontal-align: right;*/
    border-style: none;
}

#context p {
    padding: 1px;
    margin: 0px;
}

/*-- Varios messages */

.empty-results-message,
.please-retry-message,
.please-wait-message {
    padding: 2em 2em;
    color: #656586 !important;
    font-size: 1.25em !important;
    line-height: 170% !important;
    text-align: center;
    max-width: 20em;
    margin: auto;
    /* border: 1px dotted cyan; */
}
.empty-results-message {
    color: #221212 !important;
    text-align: left !important;
    margin: 0 !important;
}

/*-- Organizacion usuaria(tambien parte del contexto) */

#org {
    text-align: center;
    margin: 0px;
    padding: 2px;
    horizontal-align: right;
    border-style: none;
}

#org p {
    padding: 0px;
    margin: 0px;
}

/*-- Estilos especificos para "id=login" */

#login {
    margin-top: 20px;
    margin-bottom: 12px;
    padding: 8px;
    border-style: solid;
    border-color: lightblue;
    border-width: 0px;
    border-left-width: 1px;
    border-right-width: 0px;
}

#login h3 {
    background-color: #CCFFFF;
    text-align: left;
    border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 1px;
}

#login p {
    padding: 4px;
    margin: 4px;
}

#login form {
    background-color: white;
    padding: 4px;
    margin: 4px;
    margin-left: 4px;
}

/*-- Estilos especificos para "id=news" */

div#title {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 12px;
    padding: 8px;
    padding-top: 8px;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 0px;
}

div#news {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 12px;
    padding: 8px;
    padding-top: 0px;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 0px;
}

#news h2 {
    text-align: center;
    border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 0px;
    padding: 8px;
    margin: 0px;
}

#news h3 {
    text-align: left;
    padding: 8px;
    margin-top: 16px;
    font-family: Tahoma;
}

#news p {
    padding: 8px;
    margin: 4px;
}

#news td.warn {
    padding: 16px;
    margin: 16px;
    text-align: center;
    border-style: solid;
    border-color: gray;
    border-width: 0px;
}

#news td.content {
    padding: 0px;
    margin: 0px;
    text-align: left;
    border-style: solid;
    border-color: gray;
    border-width: 0px;
}

/*-- Lista de vistas */

#views {
    margin: 0px;
    padding: 0px;
    border: 0px solid #CCCCCC;
}

#views h2 {
    margin-left: 6px;
    padding: 4px;
    /* background-color: #CCCCCC;
     border-bottom-style: solid; border-bottom-color: gray; border-bottom-width: 1px; */
}

#views ul {
    padding: 0px;
    margin: 0px;
}

#views li {
    padding: 4px;
    margin-left: 2px;
    display: block;
    list-style: none;
}

#views li.selected {
    background-color: #9999FF;
    color: #00FFFF;
    font-weight: bold;
}

/*-- Lista de categorias */

#tag-categories {
    /* usando FLOAT !!!
        float:right ; width:20%; clear: both ;
        margin: 6px; margin-left: 6px; margin-right: 2px; padding: 0px; */
    margin: 6px;
    padding: 0px;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px;
}

#tag-categories h2 {
    background-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 1px;
}

#tag-categories ul {
    padding: 4px;
    margin: 0px;
}

#tag-categories li {
    padding: 0px;
    margin: 0px;
    display: inline;
    list-style: none;
}

#tag-categories li.selected {
    background-color: #CCCCCC;
    color: #FFFFFF;
}

/*-- Lista de Etiquetas */

#tags {
    margin: 2px;
    padding: 0px;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px;
}

#tags h3 {
    background-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 1px;
}

#tags ul {
    padding: 4px;
    margin: 0px;
}

#tags li {
    padding: 0px;
    margin: 0px;
    display: inline;
    list-style: none;
}

#tags li.selected {
    background-color: #CCCCCC;
    color: #FFFFFF;
}

a.Tag:link {
    color: red;
    text-decoration: none;
}

a.Tag:visited {
    color: red;
    text-decoration: none;
}

a.Tag:hover {
    color: red;
    text-decoration: underline;
    background-color: white;
}

/* Arbol de navegacion de la vista */

#navigator {
    margin: 2px;
    padding: 0px;
    margin-left: 8px;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px;
}

#navigator h3 {
    font-size: 1em;
    background-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 1px;
}

#navigator ul {
    padding: 0px;
    margin: 0px;
    margin-left: 0px;
    padding-left: 0px;
    list-style-type: none;
    list-style-position: outside;
    vertical-align: middle;
}

#navigator li {
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

#navigator li ul {
    margin-left: 7px;
    border-left: 1px solid gray;
    padding-left: 4px;
}

#navigator li img {
    vertical-align: middle;
}

#navigator li a {
    margin-left: 2px;
    vertical-align: top;
}

#navigator li.selected {
    background-color: #CCCCCC;
    color: #FFFFFF;
}

/* Lista de opciones */

#options {
    margin: 2px;
    padding: 0px;
    margin-left: 8px;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px;
}

#options h3 {
    font-size: 1em;
    background-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 1px;
}

#options ul {
    padding: 2px;
    margin: 0px;
}

#options li {
    padding: 0px;
    margin: 0px;
    display: block;
    list-style: none;
}

/* Lista de filtros */

#filters {
    margin: 2px;
    padding: 0px;
    margin-left: 8px;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px;
}

#filters h3 {
    font-size: 1em;
    background-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 1px;
}

#filters div {
    padding: 0px;
    margin: 2px;
}

#filters ul {
    padding: 0px;
    margin: 0px;
}

#filters li {
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    list-style-type: square;
    list-style-position: inside;
}

/*-- Busqueda simple */

#search {
    margin: 6px;
    padding: 0px;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: 1px;
}

#search h2 {
    font-size: 1em;
    background-color: #CCCCCC;
    border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 1px;
}

#search p {
    padding: 4px;
    margin: 0px;
}

/*== Contenedor  ================================================================================= */

/*-- El contenedor de todo */

#content {
    margin: 0px;
    padding: 0px;
    margin-right: 4px;
    border-style: solid;
    border-color: #9999FF;
    border-width: 2px;
}

#content h2 {
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px;
    background-color: #9999FF;
    border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 1px;
    vertical-align: middle;
}

#content p {
    padding: 2px;
    margin: 0px;
}

/* Area de comandos */

div#content div#commands {
    padding: 4px;
    margin: 0px;
    background-color: lavender;
    color: gray;
    /*border-bottom: 2px solid white;*/
}

/*== Catalog & sus estilos ================================================================================= */

/* Divs Contenedores del catalogo */

#catalog {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

#catalog-table {
    padding: 0px;
    margin: 0px;
    width: 100%;
}

/* la tabla del catalogo propiamente dicho */

table.CatalogTable {
    padding: 0px;
    margin: 0px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 10px;
    border: 0px solid blue;
    background: none;
}

table.CatalogTable tr {
    background: none;
}

table.CatalogTable th {
    padding-top: 6px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    margin: 0px;
    border-bottom: 1px solid gray;
    border-left: 0px solid gray;
    border-right: 1px solid white;
    background: #DCDCDC;
    font-weight: bold;
    font-size: 1.01em;
    text-align: left;
}

table.CatalogTable th.selector {
    width: 0%;
}

table.CatalogTable td {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 4px;
    padding-right: 4px;
    margin: 0px;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    vertical-align: middle;
}

table.CatalogTable td.selector {
    vertical-align: top;
    background: #DCDCDC;
}

table.CatalogTable td img {
    vertical-align: bottom;
}

a.DocTitle {
    font-weight: bold;
}

/*== Reporte Lista de Documentos & sus estilos ================================================================================= */

/* Divs Contenedores del catalogo */

#report-content {
    padding: 4px;
    margin: 4px;
    width: 100%;
}

#report-content h1 {
    text-align: center;
    font-family: Times;
    font-size: 2em;
    font-weight: bold;
    color: black;
}

#report-catalog {
    padding: 4px;
    margin: 4px;
    width: 100%;
}

/* la tabla del catalogo propiamente dicho */

#report-catalog table.CatalogTable {
    padding: 0px;
    margin: 0px;
    width: 98%;
    border-collapse: separate;
    border-spacing: 4px;
    border: 0px solid blue;
    background: white;
}

#report-catalog table.CatalogTable tr {
    background: white;
}

#report-catalog table.CatalogTable th {
    padding: 4px;
    margin: 4px;
    border: 1px solid gray;
    font-weight: bold;
    font-size: 1.05em;
    text-align: center;
    vertical-align: bottom;
}

#report-catalog table.CatalogTable .selector {
    width: 0%;
    display: none;
}

#report-catalog table.CatalogTable td {
    padding: 2px;
    margin: 0px;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    vertical-align: middle;
}

#report-catalog table.CatalogTable td img {
    vertical-align: bottom;
}

#report-catalog a.DocTitle:link {
    text-decoration: none;
    color: black;
    font-weight: bold;
}

#report-catalog a.DocTitle:visited {
    text-decoration: none;
}

#report-catalog a.DocTitle:hover {
    text-decoration: none;
    background-color: yellow;
}

/*== Form & sus estilos ================================================================================= */

form {
    margin: 0px;
    padding: 0px;
    background: none;
    /* border-style: solid; border-color: #9999FF; border-width: 1px; */
}

form h3 {
    padding-left: 6px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0px;
    background: #9999FF;
    border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 1px;
}

form p {
    padding: 2px;
    margin: 0px;
}

form table td {
    background: none;
    padding: 2px;
    margin: 2px;
    /* border-bottom-style:dashed; border-bottom-color:gray; border-bottom-width:1px; */
}

#new-view {
    padding: 0px;
    margin: 0px;
}

#new-view h3 {
    padding: 0px;
    margin: 0px;
    margin-top: 6px;
    border-bottom-style: solid;
    border-bottom-color: gray;
    border-bottom-width: 1px;
}

#new-view p {
    padding: 2px;
    margin: 0px;
}

#new-view ul {
    padding: 4px;
    margin: 6px;
    margin-left: 6px;
    list-style-position: inside;
    list-style-type: square;
}

#new-view li {
    padding: 2px;
    margin: 0px;
    padding-right: 4px;
    display: inline;
    font-weight: bold;
}

#new-view-defines {
    padding: 4px;
    margin: 4px;
    border-right-style: solid;
    border-right-color: blue;
    border-right-width: 1px;
}

#new-view-tools {
    padding: 4px;
    margin: 4px;
}

/*-- Estilo de los botones de Actividad en el editForm del documento */

.DocActivityArea a {
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: Lavender;
    border-top: 1px solid #778;
    border-left: 1px solid #778;
    border-right: 2px solid Gray;
    border-bottom: 2px solid Gray;
    text-decoration: none;
}

.DocActivityArea a:link {
    color: black;
    text-decoration: none;
}

.DocActivityArea a:visited {
    color: black;
    text-decoration: none;
}

.DocActivityArea a:hover {
    color: red;
    text-decoration: none;
    background-color: yellow;
}

/*-- Estilo del boton "editar el documento" en el form de una actividad */

.DocumentEditorCtrl {
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 2px;
    margin-right: 2px;
    background: Lavender;
    border-top: 1px solid #778;
    border-left: 1px solid #778;
    border-right: 2px solid Gray;
    border-bottom: 2px solid Gray;
    text-decoration: none;
}

a.DocumentEditorCtrl:link {
    color: black;
    text-decoration: none;
}

a.DocumentEditorCtrl:visited {
    color: black;
    text-decoration: none;
}

a.DocumentEditorCtrl:hover {
    color: red;
    text-decoration: none;
    background-color: yellow;
}

/*
	esos dos estilos es para prevenir el salto de linea luego de los form
	que estan al final del formulario para editar una vista
*/

#view-form {
    margin: 0;
    display: inline;
}

#del-form {
    margin: 0;
    display: inline;
}

.dialog-Titulo {
    font-size: 16px;
    background-color: #FF0000;
    padding: 2px;
}

.dialog-Cuerpo {
    text-align: justify;
    padding: 2px;
}

.dialog-bonotes {
    text-align: justify;
    padding: 2px;
}

#uviewHelp {
    color: rgb(33, 84, 124);
    background-color: rgb(216, 233, 244);
    border: 1px solid rgb(71, 155, 220);
    padding: 2px;
}

.item label {
    font-weight: bold;
}

.item .Hr {
    margin-bottom: 8px;
}

.item div.help {
    color: rgb(33, 84, 124);
    background-color: rgb(216, 233, 244);
    border: 1px solid rgb(71, 155, 220);
    padding: 2px;
}

#proyectHelpWindow #title {
    margin-top: 0px;
    margin-bottom: 0px;
}

#proyectHelpWindow table td.valido {
    background-color: #00FF00;
}

#proyectHelpWindow table td.invalido {
    background-color: #FF0000;
}