div.input {
    float: left;
}
.lsmb .dijitTextBox {
    /* neutralize default textbox width of 15em */
    /* we need two classes here, because it needs to be more specific
       than the .dijitTextBox class in order to be the applicable rule */
    width: auto;
}

div.date {
    width: 13ex;
}

div.warning {
    float: right;
    width: 60%;
    margin-right: 10%;
    box-sizing: border-box;
    padding-top: 1em;
    padding-bottom:1em;
    padding-left: 5em;
    padding-right: 5em;
    text-align: center;
    border: 3px solid #f22;
    background: #f81;
    color: black;
    border-radius: 6px;
    border-shadow: #eee 6px 6px 4px;
}

html, body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.flat-hierarchy .balancesheet .report-head th {
    text-align: right;
    font-weight: bold;
}

.flat-hierarchy .balancesheet .section1.QL,
.flat-hierarchy .income_statement .section1 {
    display: none;
    border: none;
}


.flat-hierarchy .balancesheet .section1,
.flat-hierarchy .balancesheet .section2,
.flat-hierarchy .income_statement .section2 {
    font-size: large;
    border-bottom: 3px double black;
}

.financial-statement.flat-hierarchy .heading1,
.financial-statement.flat-hierarchy .balancesheet .heading2 {
    border-top: 1px solid black;
    height: 2em;
    vertical-align: top;
    font-weight: bold;
}

.financial-statement.flat-hierarchy .income_statement .heading2 {
    border-top: 1px solid black;
    height: 2em;
    vertical-align: top;
    font-style: italic;
    font-size: bigger;
}

#maindiv {
    overflow-y: auto;
}
.financial-statement.flat-hierarchy table {
    min-width: 60ex;
    margin-top: 3em;
}

#appLayout {
    height: 100%;
}
#leftCol {
    width: 14em;
    margin-top: 3em;
}

.financial-statement.flat-hierarchy table td,
.financial-statement.flat-hierarchy table th {
    padding-bottom: 3px; /* add space for the dashed line underlining hovered amounts */
}


.financial-statement .company-name {
   margin-top: 2em;
   font-family: monospace;
   text-align: center;
}

.claro .demoLayout .edgePanel {
    background-color: #d0e9fc;
}
.financial-statement .company-address {
   font-family: monospace;
   text-align: center;
   font-size: smaller;
}
#viewsChart {
    width: 550px;
    height: 550px;
}



/******** For account editing page */
#account-tabs .dijitTabContainerTopChildWrapper div
{
   /* we used to have 'overflow: auto', but that broke account checkboxes */
   overflow-y: auto;
}

#account-tabs label,
#account-tabs label
 {
   display: block;
   float: left;
   text-align: right;
   margin-right: 0.5ex;
}
#account-tabs div.inputgroup,
#account-tabs div.inputgroup
 {
   float: left;
   display: block;
}

#account-tabs label.line,
#account-tabs label.line
 {
   font-weight: bold;
   width: 12em;
   margin-right: 0.5em;
   /*vertical-align: center;*/
   height: 100%,
}

#account-tabs div.inputgroup label,
#account-tabs div.inputgroup label
 {
   width: 8em;
}

#account-tabs div.subsectionhead,
#account-tabs div.subsectionhead
 {
   font-weight: bold;
   margin: 1em;
}

/********* For business units editing page ********/

#business_units div.table { display: table; }
#business_units form.tr,
#business_units div.tr { display: table-row; }
#business_units div.td,
#business_units div.th {
  display: table-cell;
  padding-left: 0.5ex;
  padding-right: 0.5ex;
  text-align: center;
 }


/********* For assets editing page ********/

#assets label
{ display: block;
        float: left;
        width: 170px;
        text-align: right;
}

#assets span.inputgroup
{ display: block;
        float: left;
        width: 40%;
}

#assets div.inputrow
{
   display: block;
        width: 100%;
   clear: both;
}

#assets .invisible
{
       display: none;
}


/***** Contact screens ******/


#credit_div table label { display: inline-block; width: 12ex; }



/***** Budgetting screens ******/


#budgets div.input_row {
    overflow: auto;
}
#budgets div.input_group {
    float: left;
    width: 35em;
}

#budgets div label {
    text-align: right;
    width: 7em;
    display: block;
    float: left;
    padding-right: 3px;
}

/***** Reports ******/

#reports label,
#reports .label,
#balance-sheet-parameters label,
#balance-sheet-parameters .label {
    display: inline-block;
    width: 170px;
    text-align: right;
    vertical-align: top;
}

#reports div.label,
#balance-sheet-parameters div.label {
    margin-top: 0.2em;
}

#reports .input_group,
#balance-sheet-parameters .input_group {
    display: inline-block;
}

#reports .input_row,
#balance-sheet-parameters .input_row {
   display: block;
   width: 100%;
   margin-top: 0.2em;
   margin-bottom: 1em;
   clear: both;
}

#reports .input_option,
#balance-sheet-parameters .input_option {
    clear: right;
    margin-top: 0.2em;
}

#reports .input_option label,
#balance-sheet-parameters .input_option label {
    text-align: left;
    left-margin: 1ex;
}

#reports fieldset,
#balance-sheet-parameters fieldset {
    border: 1px solid black;
    margin: 0.5ex 1ex;
    padding: 0.5ex 1ex;
}

#reports legend label#comparison-periods-label,
#balance-sheet-parameters legend label#comparison-periods-label {
    width: auto;
    vertical-align: center;
}



#assets .invisible
{
       display: none;
}







/***** PNL Report ******/

#PNL a {
        color: inherit;
        background-color: inherit;
        text-decoration: none;
}
#PNL a:link {
        color: inherit;
        background-color: inherit;
        text-decoration: none;
}
#PNL a:visited {
        color: inherit;
        background-color: inherit;
        text-decoration: none;
}
#PNL a:hover {
        color: inherit;
        background-color: inherit;
        text-decoration: none;
        border-bottom: thin dashed;
}
#PNL td.amount {
        text-align: right;
        padding-left: 0.5em;
}
#PNL tr.separator {
        min-height: 1em;
}
#PNL tr.sectionhead {
}
#PNL tr.sectionhead th {
        padding-top: 2em;
        margin-top: 4em;
        font-weight: bold;
        white-space: pre;
        text-align: right;
}

#PNL td.total {
        border: 0px;
        border-top: 1px;
        border-color: black;
        border-style: solid;
}

#PNL th {
        padding-left: 5px;
}

#PNL table {
      margin-right: auto;
      margin-left: auto;
}
#PNL h1, h2 {
       text-align: center;
}

#PNL th[colspan="1"].indent {
  width: 1em;
}

#PNL th[colspan="2"].indent {
  width: 2em;
}

#PNL th[colspan="3"].indent {
  width: 3em;
}

#PNL th[colspan="4"].indent {
  width: 4em;
}

#PNL th[colspan="5"].indent {
  width: 5em;
}

#PNL th[colspan="6"].indent {
  width: 6em;
}

#PNL th[colspan="7"].indent {
  width: 7em;
}

#PNL th[colspan="8"].indent {
  width: 8em;
}

#PNL th[colspan="9"].indent {
  width: 9em;
}


#PNL td.heading1,
#PNL th.heading1 {
  font-weight: bold;
  padding-bottom: 1em;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

#PNL td.heading2,
#PNL th.heading2 {
  font-weight: bold;
  font-style: italic;
}

#PNL table.balancesheet {
  margin-top: 2em;
  border-top: 1px solid black;
}

#PNL .amount {
  padding-left: 0.5em;
}

/****** Reconciliation ****/


#reconciliation #cleared-table {
        width: 800px;
}

#reconciliation #outstanding-table {
        width: 800px;
}

#reconciliation #error-table {
        width: 800px;
}

#reconciliation span.heading {
        font-weight: bold;
}

#reconciliation table.info tr th {
        text-align: left;
}

#reconciliation tr.spacer {
        margin-bottom: 100px;
}

#reconciliation span.data {
}

#reconciliation td.no-submit {
        background: red;
}

#reconciliation td.cleared-future {
        font-weight: bold;
}

#reconciliation td.cleared-past {
        font-weight: bold;
}

#reconciliation th {
        font-weight: bold;
}

#reconciliation table {
        border: 0;
}


/*********** payments *************/

#payments .source {
    width: 35ex;
}

#payments th.listheading {
    padding-left: 1ex;
}

#payments #open-items td {
    padding-left: 1ex;
    padding-right: 1ex;
}

#payments #open-items .invoice-posting-details td {
    padding-left: inherit;
    padding-right: inherit;
}

#payments .topay_amount,
#payments .overpayment_topay {
    width: 20ex;
}

#payments .amount {
    text-align: right;
}

#payments .topay_amount input,
#payments .overpayment_topay input {
    text-align: right;
}

#payments .details_select input[type="radio"] {
        float: left;
}
#payments select {
        float: left;
}
#payments span.input {
     display: block;
     float: left;
}

#payments .details-popup {
    position: absolute;
    z-index: 100;
    padding: 3px;
    border-radius: 6px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
}

#payments img.details-toggler {
    height: 0.5em;
    width: auto;
}

@media print {
  .export-links {
     display: none;
  }
}

@media not print {
  .export-links {
      margin-top: 40px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
  }

  .export-link {
      display: inline;
  }
}


.claro .dijitTextBox.dijitTextArea {
    padding: 0;
}

.claro .dijitTextBox textarea.dijitInputInner {
    outline: none;
    padding-top: 0;
    padding-bottom: 0;
}

#top_menu .dijitTreeIcon {
    background-image: none;
    width: 0
}

#version_info {
    text-align: center;
}

.header_table {
    margin-left: auto;
    margin-right: auto;
    border=none; border-height:0; padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0;
    border-collapse: collapse;
}

.header_left {
    font-size: smaller;
    text-align: right;
    border-right: 1px solid;
    padding-right: 3px;
}

.header_right {
    font-size: smaller;
    text-align: left;
    border-left: 1px solid;
    padding-left: 3px;
}
