/*
Colori Andxor:
verde #8E8A4B
blu   #2F3B83
rosa  #F500F7

Colori usati:
sfondo tabelle: #E0E0F6
*/
html,
body {
  min-height: 100%;
}
body {
  background: none repeat scroll 0 0 #F0F0EB;
  font-family: Arial, sans-serif;
  font-size: small;
  padding-bottom: 300px;
  /*reserved for the footer*/
  position: relative;
}
a {
  text-decoration: none;
}
h2 {
  color: #2F3B83;
}
hr {
  border-color: #2F3B83;
  border-right: medium none;
  border-style: dotted none none;
  border-width: 1px medium medium;
}
fieldset {
  border: 1px solid #E0E0F6;
  margin-top: 5px;
  margin-bottom: 5px;
}
legend {
  color: #2F3B83;
  font-size: 80%;
}
label {
  vertical-align: top;
}
table {
  border-spacing: 0px;
  border-collapse: collapse;
  empty-cells: show;
  width: 100%;
}
table > tfoot {
  border-top-width: 1px;
  border-top-color: black;
}
table > tfoot > tr > td {
  border-top-width: 0px;
  padding-top: 12px;
  padding-bottom: 6px;
  font-weight: bold;
}
table td {
  padding: 2px;
  vertical-align: top;
}
table th {
  padding: 2px;
  text-align: left;
  font-weight: bold;
  background: #DCE192;
}
table#result > tbody > tr > td.num {
  text-align: right;
}
table#result > tbody > tr > td.date {
  white-space: nowrap;
}
table#result td.parcel {
  font-family: monospace;
}
table#result td.hash {
  font-family: monospace;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 4em;
}
table#result .overlay table.meta > tbody > tr > td.hash {
  max-width: initial;
}
table#result > tbody > tr > td.icon {
  white-space: nowrap;
  width: 1px;
}
table#result > tbody > tr > td.edit {
  color: gray;
}
table#result > tbody > tr > td.menu {
  color: green;
}
table#result {
  font-size: 100%;
}
table#result > tbody > tr > td {
  white-space: nowrap;
}
table#result > tbody > tr > td.string {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
table#result > tbody > tr.changed > td,
table#result > tbody > tr > td.changed {
  background-color: #E0E0E0;
}
table#result > tbody > tr:hover > td {
  background-color: #A9E1A9;
}
table#result > tbody > tr.changed:hover > td,
table#result > tbody > tr:hover > td.changed {
  background-color: #D0D0D0;
}
table#result > tbody > tr.nohover > td {
  background-color: transparent;
}
table#result > tbody > tr.nohover > td.hover {
  background-color: #A9E1A9;
}
#changePage > a {
  margin: 1em;
}
#changePage .more {
  color: red;
  cursor: pointer;
}
.hide {
  display: none;
}
div#resultSize {
  text-align: right;
}
table.login {
  background-color: #F0F0EB;
  width: 400px;
  border: none;
  text-align: center;
}
table.login td {
  border: none;
  color: #2F3B83;
}
table.login > thead {
  background: #F0F0EB;
}
table.noborder {
  background-color: white;
}
table.noborder > tbody > tr > td {
  border-width: 0px !important;
  padding-right: 5px;
  padding-left: 5px;
}
table.calendar,
.calendar table {
  width: auto;
}
td.extra {
  position: relative;
  background: url(../images/table_go.png) no-repeat 50% 50%;
  width: 20px;
  min-width: 20px;
  cursor: pointer;
}
td.extra > table {
  display: none;
  z-index: 1;
  position: absolute;
  width: initial;
  background: white;
  border: solid 1px black;
  max-width: 600px;
  cursor: initial;
}
tbody.iconsRight > tr > td.extra > table {
  right: 20px;
}
tbody.iconsLeft > tr > td.extra > table {
  left: 20px;
}
td.extra:hover > table:first-child {
  display: block;
}
table.meta tr td:first-child {
  font-weight: bold;
}
.headrow {
  background: #E0E0F6;
  font-weight: bold;
  color: #2F3B83;
}
table.multi > tbody > tr > td {
  border-width: 0px;
  padding-right: 5px;
  padding-left: 5px;
}
tr.orderBy > td > div {
  padding: 0px;
  white-space: nowrap;
}
img.icon {
  width: 16px;
  height: 16px;
  border: 0px;
  cursor: pointer;
}
input.icon {
  width: 16px;
  height: 16px;
  border: 0px;
}
img.link {
  border: 0px;
}
div.error {
  padding: 5px;
  border: solid 1px red;
  background-color: #FFE0E0;
  margin-bottom: 1em;
}
div.loginerror {
  padding: 5px;
  border: solid 1px red;
  margin: 5px;
  color: red;
  text-align: center;
}
div.success {
  padding: 5px;
  border: solid 1px green;
  background-color: #A9E1A9;
  margin-bottom: 1em;
}
div.warning {
  padding: 5px;
  border: solid 1px yellow;
  background-color: #F0F1A0;
  margin-bottom: 1em;
}
#header {
  background-color: #F0F0EB;
  color: #2F3B83;
  position: relative;
  margin-bottom: 1em;
}
#header > .right {
  float: right;
  padding: 0px;
}
#header > .usercompany {
  float: right;
  padding: 5px;
}
#formContainer {
  margin-top: 1em;
}
#resultContainer {
  margin-top: 1em;
}
input.login {
  font-family: monospace;
}
.verifyok {
  background-color: #A9E1A9;
}
.verifywarning {
  background-color: #FFFFA0;
}
.verifyfailed {
  background-color: #FFE0E0;
}
.menu .menu-dropdown {
  width: 180px;
  /*default width of menu*/
  border: 1px solid black;
  background: #E0E0F6;
  color: #2F3B83;
  position: absolute;
  visibility: hidden;
}
.menu:hover .menu-dropdown {
  visibility: visible;
}
.menu-dropdown ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.menu-dropdown ul li a {
  background: white;
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
  font-weight: bold;
  color: black;
  display: block;
  width: auto;
  padding: 3px 0;
  padding-left: 5px;
  text-decoration: none;
  border-bottom: 1px solid #B5B5B5;
}
.menu-dropdown ul li a:visited,
.outlinemenu ul li a:active {
  color: black;
}
.menu-dropdown ul li a:hover {
  color: black;
  background: #F0F0EB;
}
/* Search form's CSS */
.searchformheader {
  background: rgba(191, 202, 14, 0.4);
  color: #6977C9;
  font-weight: bold;
  text-align: center;
}
.searchformheader > .expand {
  float: right;
  padding: 0px;
  cursor: pointer;
}
.searchformcontent #searchText {
  width: 100%;
}
.searchformfooter {
  border-top-width: 0px;
  padding-top: 12px;
  padding-bottom: 6px;
  font-weight: bold;
  text-align: center;
}
.searchformactionbutton {
  display: inline-block;
  font-family: Arial, sans-serif;
  width: 100px;
  height: 20px;
  padding-top: 2px;
  border: 1 none;
  background: transparent url(../images/digitaldox/bottone_100x22.png) no-repeat center top;
  cursor: pointer;
  /* hand-shaped cursor */
  cursor: hand;
  /* for IE 5.x */
  color: #6977C9;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto;
}
.searchformactionbutton:hover {
  /*color: #00FF00;*/
  color: black;
}
.searchformactionbutton.big {
  width: 150px;
  background: transparent url(../images/digitaldox/bottone_150x22.png) no-repeat center top;
}
/* /Search form's CSS */
/* CSS used for vertical THs */
.vertical-th-div {
  position: relative;
  background-color: #FFFFFF;
  padding: 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  overflow-x: scroll;
  overflow-y: hidden;
  /* "visible" would be better, but it doesn't mix with "scroll" */
}
table.vertical-th-table {
  border-spacing: 0px;
  border-collapse: collapse;
  empty-cells: show;
  width: 100%;
}
table.vertical-th-table td {
  border: 1px solid #E0E0F6;
}
.odd {
  background-color: #F0F0F0 !important;
}
.selectall {
  background-color: #E0E0F6 !important;
  text-align: center;
  color: #2F3B83;
  font-weight: bold;
  font-size: smaller;
}
td.permission {
  text-align: center;
}
td.permission.changed {
  background-color: #E7E9B7 !important;
}
table.permissions td.permission {
  text-align: left;
}
div.multicheck {
  displaY: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}
div.multicheck[data-value="0"] {
  background-image: url(../images/cross.png);
  opacity: 0.5;
}
div.multicheck[data-value="1"] {
  background-image: url(../images/magnifier.png);
}
div.multicheck[data-value="2"] {
  background-image: url(../images/pencil.png);
}
table.vertical-th-table th {
  padding: 2px;
  text-align: left;
  font-weight: bold;
  font-size: smaller;
  background-color: #FFFFFF;
}
table.vertical-th-table th.skew {
  height: 240px;
  width: 45px;
  min-width: 45px;
  max-width: 45px;
  position: relative;
  vertical-align: bottom;
  font-size: smaller;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}
table.vertical-th-table th.skew.attr {
  height: 120px;
}
table.vertical-th-table th.skew div {
  position: relative;
  top: 0px;
  height: 100%;
  width: 240px;
  overflow: hidden;
}
table.vertical-th-table th.skew span {
  transform: rotate(270deg) translate(-104px, -96px);
  -ms-transform: rotate(270deg) translate(-104px, -96px);
  -moz-transform: rotate(270deg) translate(-104px, -96px);
  -webkit-transform: rotate(270deg) translate(-104px, -96px);
  -o-transform: rotate(270deg) translate(-104px, -96px);
  position: absolute;
  display: inline-block;
  width: 100%;
  text-align: left;
}
/* CSS used for vertical THs */
/* Holly Hack for IE \*/
* html .menu-dropdown li {
  height: 1%;
}
* html .menu-dropdown li a {
  height: 1%;
}
/* End */
.clear {
  height: 100%;
}
.clear:after {
  content: '';
  display: block;
  clear: both;
}
#menu,
#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu > .right {
  float: right;
  padding: 0px;
}
#menu li {
  /*background: url("../images/topmenu_background.png") repeat scroll 0 0 transparent; */
  background: url("../images/digitaldox/green_active.jpg") repeat scroll 0 0 transparent;
  border-right: 1px solid #fff;
  position: relative;
  float: left;
  white-space: nowrap;
}
#menu li > a:first-child,
#menu li > span:first-child {
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  color: #2F3B83;
}
#menu li.usercompany {
  background: none;
  padding-right: 10px;
}
#menu li.hover {
  background: url("../images/digitaldox/green_active.jpg") repeat scroll 0 0 transparent;
}
#menu li.usercompany.hover {
  background: none;
}
#menu ul {
  background: #fff;
  display: none;
  position: absolute;
}
#menu ul li {
  background: rgba(191, 202, 14, 0.4);
  border-top: 1px solid #bdd2ff;
  border-right: 0px solid transparent;
  float: none;
  z-index: 1000;
}
#menu ul li.hover {
  background: #a4ab21;
}
#tabs {
  border: none;
  background: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Arial, sans-serif;
  font-size: small;
}
#tabs .ui-tabs-nav {
  background: white;
  border: none;
}
#tabs .ui-state-default {
  border: 1px solid #2F3B83;
  border-bottom: none;
}
#tabs .ui-state-default a {
  color: #2F3B83;
}
#tabs .ui-tabs .ui-tabs-nav li {
  color: #2F3B83;
}
#tabs .ui-tabs-active {
  background: #DCE192;
  border-bottom: 1px solid #ffffff;
}
#tabs .ui-state-hover {
  background: #DCE192;
}
#tabs .ui-tabs-panel {
  border-color: #2F3B83;
  border-width: 1px 1px 1px 1px;
  max-height: 550px;
  overflow: auto;
}
#logo {
  display: inline-block;
  width: 250px;
  height: 85px;
  border: 0px;
  background: transparent url(../images/digitaldox/DDox_logo_75x75.png) no-repeat;
}
#logoFooter {
  display: inline-block;
  width: 78px;
  height: 20px;
  border: 0px;
  background: transparent url(../images/LogoAndxor.png) no-repeat;
}
.actionbutton {
  display: inline-block;
  font-family: Arial, sans-serif;
  width: 100px;
  height: 20px;
  padding-top: 2px;
  border: 0 none;
  background: transparent url(../images/digitaldox/bottone_100x22.png) no-repeat center top;
  cursor: pointer;
  /* hand-shaped cursor */
  color: #6977C9 !important;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}
.actionbutton:hover {
  color: #2F3B83 !important;
}
button.actionbutton {
  padding-bottom: 5px;
  height: 22px;
  padding-top: 0;
}
input[type=submit].actionbutton {
  height: 22px;
  padding-top: 0;
}
.actionbutton.big {
  width: 150px;
  background: transparent url(../images/digitaldox/bottone_150x22.png) no-repeat center top;
}
.actionbutton.bigger {
  width: 175px;
  background: transparent url(../images/bottone_175x22.png) no-repeat center top;
}
#footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #2F3B83;
  margin-top: 1em;
  text-align: center;
  padding: 10px;
}
.aliasPinPopup {
  position: absolute;
  top: 25%;
  left: 35%;
  background-color: #E0E0F6;
  border: 1px solid #2F3B83;
  cursor: default;
  display: none;
  margin-top: 15px;
  text-align: left;
  width: 394px;
  z-index: 50;
  padding: 25px 25px 20px;
  margin-left: auto;
  margin-right: auto;
}
.aliasPinPopup form {
  margin-bottom: 0;
}
/**************************************************************/
h3 {
  color: #D0D0F6;
}
table > thead {
  background: rgba(191, 202, 14, 0.4);
  color: #6977C9;
  font-weight: bold;
}
table > thead .title {
  font-size: 120%;
  text-align: center;
}
table > thead .formtitle {
  border-bottom: 2px inset #E0E0F6;
  font-size: 120%;
  text-align: center;
}
.title2 {
  color: #00c900;
}
table#result td {
  border: solid 1px #E0E0F6;
}
#formContainer {
  margin-top: 1em;
  border: 2px ridge #E0E0F6;
  padding: 0px;
}
#resultContainer {
  margin-top: 1em;
  border: 2px ridge #E0E0F6;
  padding: 0px;
  /*overflow-x:auto overflow-y:visible would be better but it's not possible: http://stackoverflow.com/a/6433475/166524 */
  overflow-x: auto;
  overflow-y: hidden;
}
.tdocheader {
  background: #E0E0F6;
  color: #2F3B83;
  font-weight: bold;
}
.overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  text-align: center;
  z-index: 9999;
}
.overlay > div {
  position: relative;
  background: white;
  margin: 5% auto;
  border: solid 1px black;
  border-radius: 7px;
  display: inline-block;
  text-align: left;
}
.overlay > div > div:first-child {
  position: absolute;
  visibility: hidden;
  right: 4px;
  top: 0px;
  color: red;
  font-size: large;
}
.overlay > div:hover > div:first-child {
  visibility: visible;
  cursor: pointer;
}
.overlay > div:hover > div:first-child:hover {
  color: darkred;
}
table.meta {
  cursor: initial;
}
table.meta td {
  border: solid 1px #E0E0F6;
  white-space: normal;
}
table.meta td:first-child {
  border: solid 1px #E0E0F6;
  white-space: nowrap;
}
table.meta > tbody > tr > td {
  /* would be already done by other rules, but IE11 wants it explicit */
  background-color: white;
}
table.meta > tbody > tr:hover > td {
  background-color: #F0F0F0;
}
.overlay table.meta td.num {
  text-align: left;
}
#contextMenu {
  position: absolute;
  background: #E0E0F6;
  border: solid 1px black;
  padding: 0;
  z-index: 100;
}
#contextMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#contextMenu li {
  border-top: solid 1px #BBB;
}
#contextMenu li:first-child {
  border-top: 0;
}
#contextMenu li a {
  display: block;
  padding: 2px;
}
#contextMenu li a:hover {
  background: #F0F0EB;
}
#language img {
  cursor: pointer;
  width: 20px;
  height: 24px;
}
#language select {
  vertical-align: top;
  margin-left: 5px;
}
td.json {
  position: relative;
  background: url(../images/zoom_in.png) no-repeat 50% 50%;
  width: 20px;
  min-width: 20px;
  cursor: pointer;
}
td.json > table {
  display: none;
  z-index: 1;
  position: absolute;
  width: initial;
  right: 20px;
  background: white;
  border: solid 1px black;
  max-width: 600px;
  cursor: initial;
}
td.json:hover > table:first-child {
  display: block;
}
img.signed {
  cursor: pointer;
  /* hand-shaped cursor */
}
img.signed.maybe {
  opacity: 0.4;
}
#dtSelect[multiple] {
  height: 350px;
}
#readonly {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
  background: rgba(255, 140, 140, 0.6);
  padding: 5px;
  border: solid 1px red;
  font-weight: bold;
}
#di_table {
  display: none;
}
#signature_table {
  display: none;
}
/* http://caldwell.github.io/renderjson/ */
.renderjson a {
  text-decoration: none;
}
.renderjson .disclosure {
  color: crimson;
  font-size: 150%;
}
.renderjson .syntax {
  color: grey;
}
.renderjson .string {
  color: darkred;
}
.renderjson .number {
  color: darkcyan;
}
.renderjson .boolean {
  color: plum;
}
.renderjson .key {
  color: darkblue;
}
.renderjson .keyword {
  color: darkgoldenrodyellow;
}
.renderjson .object.syntax {
  color: darkseagreen;
}
.renderjson .array.syntax {
  color: darksalmon;
}