#sidebar {
  transition: all .2s;
  min-width: 12em;
  width: 13em;
  background: hsl(0, 0%, 99%);
}
#sidebar.collapsed {
  transform: translateX(-100%);
  position: absolute;
}
@media (max-width: 1088px) {
  #sidebar {
    height: 95vh;
    overflow: auto;
    position: fixed;
    z-index: 30;
  }
}
/* Only used by tree-tables like coa, fy, etc */
.parent-node {
  color: black;
  font-size: 0.875em;
  font-weight: bold;
}
#messagePanel {
  width: 100%;
  z-index: 99;
  position: fixed;
  display: block;
  top:0;
  left:0;
}
#messageBox {
  padding: 0.4em 1em;
}
#viewPane {
  padding: 0.25em;
}
.field-margin {
  margin: 0.125em 0.375em 0.125em 0.125em !important;
}
.narrow-margin {
  margin:0.15em!important
}
.is-paddingCompact {
  padding: 0.1em 0.75em !important;
}
.is-paddingSmall {
  padding: 0.375em 0.75em !important;
}
/* The container <div> - needed to position the dropdown content */
.lookup {
  position: relative;
  display: inline-block;
}
.lookup.is-fullwidth {
  width: 100%;
}
/* Dropdown Content (Hidden by Default) */
.lookup-content {
  display: none;
  position: absolute;
  min-width: 280px;
  width: 100%;
  overflow: auto;
  z-index: 40;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  background-color: white;
}
.lookup-content.is-fixedPosition {
  position: fixed;
  left: auto;
  top: auto;
  width: auto;
}

table {
  white-space: nowrap;
}
.table thead tr {
  background-color: whitesmoke;
}
.table.is-compact td,
.table.is-compact th {
  padding: 0.20em 0.50em;
  font-size: 0.875rem;
}
.is-selectedRow {
  border-style: double;
  border-color: #4285f4;
  border-width: 1px 0px;
}
.is-selectedCell {
  background-color: #ECF3FF;
}
.input.is-tablecell {
  font-size: 0.875rem;
  border: 0px;
  box-shadow: none;
  border-radius: 0px;
  padding-top: 0.125em;
  padding-bottom: 0.125em;
}
/* Change it to make editable rows look different from header. */
.input.is-tablecell[readOnly] {
  background-color: #fcfcfc;
}
/* Highlight the editable row in a distinct color. */
.input.is-tablecell:not([readOnly]) {
  border-style: double;
  border-color: #4285f4;
  border-width: 1px 0px;
}
.input.is-tablecell.is-selected {
  background-color: #ecf3ff;
}
.is-editable-cell {
  /*background-color: #b7ddf5;*/
  font-size: 0.875rem;
  border: 0px;
  box-shadow: none;
  border-radius: 0px;
  padding-top: 0.125em;
  padding-bottom: 0.125em;
}
.navbar2 {
  background-color: whitesmoke;
  border-bottom: 1px solid hsl(0, 0%, 92%);
}
.menu-box {
  height: 5em;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #d0e2ed;
  border-radius: 5px;
  /*box-shadow: 1px 1px grey;*/
}
.menu-box:hover {
  border: 1px solid hsl(217, 71%, 53%) !important;
  background-color: hsl(204, 86%, 53%);
  color: white;
  cursor: pointer;
}
.menu-box:focus {
  border: 1px solid hsl(217, 71%, 53%) !important;
  outline: none;
}
.is-centered {
  align-items: center;
  justify-content: center;
}
.is-center-aligned {
  align-items: center;
}
/*
 * Chart.css from https://www.chartjs.org
 */

/*
 * DOM element rendering detection
 * https://davidwalsh.name/detect-node-insertion
 */
@keyframes chartjs-render-animation {
	from { opacity: 0.99; }
	to { opacity: 1; }
}

.chartjs-render-monitor {
	animation: chartjs-render-animation 0.001s;
}

/*
 * DOM element resizing detection
 * https://github.com/marcj/css-element-queries
 */
.chartjs-size-monitor,
.chartjs-size-monitor-expand,
.chartjs-size-monitor-shrink {
	position: absolute;
	direction: ltr;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	pointer-events: none;
	visibility: hidden;
	z-index: -1;
}

.chartjs-size-monitor-expand > div {
	position: absolute;
	width: 1000000px;
	height: 1000000px;
	left: 0;
	top: 0;
}

.chartjs-size-monitor-shrink > div {
	position: absolute;
	width: 200%;
	height: 200%;
	left: 0;
	top: 0;
}

/* Company Secretary module */
.is-multiline-text {
  min-height: 1.6875rem;
  padding: 0.1em 0.25em !important;
  border: 0.03125em solid #dbdbdb;
  white-space: pre-wrap;
}
.company-header {
  padding: 0.1em 0.25em !important;
  border: 0.03125em solid #dbdbdb;
  background-color: #eef6fc;
  color: #1d72aa;
}
.company-title {
  height: 3rem;
  white-space: pre-wrap;
  display: table-cell;
  vertical-align: middle;
}

.contact-list {
  margin: 0.5em 0.375em 0.125em 0.125em !important;
  border: 0.03125em solid #dbdbdb;
  border-radius: 4px;
}
.menu-label.is-light {
  letter-spacing: inherit;
  text-transform: inherit;
  color: inherit;
  background-color: inherit;
  padding: .292em .25em;
  font-weight: 500;
}
.contact {
  margin: 0.125em 0.375em 0.125em 0.375em !important;
}
.contact:hover {
  background-color: whitesmoke;
  cursor: pointer;
}
.is-strike-through {
  text-decoration: line-through;
}

@media screen and (max-width: 1215px) {
  .is-hidden-upto-widescreen {
    display: none !important;
  }
}

/* --  -- */