/* Printing */
@media print {
  /* hide UI */
  #top, #header, #more-user-links, .download, #content form {
    display: none;
  }
  /* resize content */
  #data {
    width: 100%;
  }
}

/* Breadcrumb */
#bijoe-slice-url-span {
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 30em;
  white-space: nowrap;
  overflow: hidden;
  line-height: 15px;
}

/* Table of forms */
.main .bijoe-visualization-name, .main .bijoe-form-label {
  text-align: left;
}


/* Cube form */

/* make a form a column on the right if not on mobile */
@media screen and (min-width: 800px) {
  .cube-form {
    float: right;
    width: 20em;
    padding-left: 2em;
    clear: right;
  }
}

/* size daterange fields in order to fit on one line inside the right column */
input[type=date] {
  width: calc(100% / 2 - 8px);
}

select {
  width: 100%;
} 
.cube-form p { /* reduce spacing between fields */
  margin-bottom: 0.5ex;
}
.cube-form h3 { /* reduce spacing between field groups headers */
  margin-top: 0.5ex;
  margin-bottom: 0.5ex;
}
/* work-around too genereic css rule in gadjo incompatible with jquery-ui style */
.ui-datepicker select {
  padding-right: 0px;
}

/* add some between range field's subfields */
#id_filter__receipt_time_1 {
  margin-left: 16px;
}

/* display representation field as an horizontal list of radio buttons */
#id_representation {
  list-style: none;
  padding: 0px;
  text-align: justify;
  display: flex;
  justify-content: space-around; 
}

/* Main content */

/* size main content to let some place on the right for the form */
@media screen and (min-width: 800px) {
  #main-content {
    min-height: 80vh;
  }
  #data {
    width: calc(100% - 23em);
  }
  #data div.graph {
    height: 70vh;
    margin-bottom: 4rem;
  }
  #data.visualization-table {
    height: auto;
  }
}

.bijoe-iframe #data {
  width: 98vw;
  height: 98vh;
}

/* table representation */
#data table {
  width: 100%;
  /* does not user normal table borders */
  border-collapse: collapse;
  /* increase line height */
  line-height: 1.3em;
}

/* align measure columns to the right */
#data .bijoe-measure {
  text-align: right;
}
#data .bijoe-drilldown {
  text-align: left;
}

/* center cells vertically */
#data td {
  vertical-align: middle;
}

/* add some spacing around data */
#data td, #data th {
  padding-left: 1ex;
  padding-right: 1ex;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* chart representation */

.bijoe-png-button {
  /* move PNG button slightly inside the chart frame */
  float: right;
  bottom: -3em;
  left: -2em;
  position: relative;
}

/* misc */
canvas {
	box-sizing: border-box;
}

#divCursor {
    width: 200px;
}
