body {
  padding-top: 60px; /* 50 toolbar + 10 */
  padding-bottom: 50px;
}

/**
 * List Tables
 */

td.adjust, th.adjust {
  width: 1px;
  white-space: nowrap;
}

td.boolean {
  width: 1px;
  white-space: nowrap;
  text-align: center;
}

td.datetime, td.date, td.time {
  text-align: right;
  white-space: nowrap;
}

td.numeric, td.id, tfoot th.numeric {
  width: 1px;
  white-space: nowrap;
  text-align: right;
}

input.numeric {
  text-align: right;
}

input.numeric[readonly] {
  background-color: white;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

td.id, td.admin, tr.admin td {
  font-weight: bold;
}

td.actions {
  width: 1px;
  white-space: nowrap;
}

td.disabled, tr.disabled td {
  color: gray;
}

td.col-small, th.col-small {
  width: 120px;
  max-width: 120px;
}

td.col-tiny, th.col-tiny {
  width: 60px;
  max-width: 60px;
}

td.img {
  text-align: center;
}

td.checkbox-column, th.checkbox-column {
  text-align: center;
  vertical-align: middle;
  width: 40px;
  max-width: 40px;
  min-width: 40px;
}

tr.hover {
  color: #fff;
  background-color: #5cb85c;
}

table.table.compact, table.table-reports {
  width: auto !important;
}

table.table.compact-contents td, table.table.compact-contents th {
  padding: 4px !important;
}

table.table.compact-contents td input.input-sm {
  padding: 2px 4px !important;
}

.button-bar {
  margin-top: 10px;
  padding-left: 8px;
  padding-right: 8px;
}

.main-button-toolbar {
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: right;
}

label.error {
  color: #d9534f;
  margin-top: 5px;
}

label > input, label > textarea {
  font-weight: normal;
}

ul.checkbox-group, ol.checkbox-group, dl.checkbox-group {
  height: 200px;
  overflow: auto;
  overflow-x: hidden;
}

.checkbox-group li {
  font-weight: normal;
}

.checkbox.checked > label {
  font-weight: bold;
}

.dim {
  color: silver;
  font-style: italic;
}

.errors-container {
  background-color: #f2dede;
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.errors-container ul {
  margin-bottom: 0px;
  margin-left: -1em;
}

.errors-container li {
  font-weight: bold;
  color: #a94442;
}

h1.page-header .btn {
  float: right;
  margin-right: 5px;
}

input[type="number"] {
  text-align: right;
}

/*----------------------------------------------------------------------------*/

.balance0 { color: darkgray; text-decoration: line-through; }
.balance-1 { color: green; }
.balance1 { color: red; }

#tbl-cash-closing > tbody > tr {
  cursor: pointer;
}

/*----------------------------------------------------------------------------*/

#col-right form {
  background-color: #eee;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #adadad;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#col-right form > h2, #col-right form > h3 {
  margin-top: 0;
}

#alertMain {
  margin: 10px 0;
  display: none;
}

/*----------------------------------------------------------------------------*/

table.table-cash-closing {
  margin: 2px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

table.table-cash-closing td, table.table-cash-closing th {
  padding: 2px;
  margin: 2px;
}

table.table-cash-closing > thead > tr > th {
  text-align: center;
}

form.frm-cash-closing input.numeric {
  width: 120px;
  max-width: 120px;
  margin: 0;
  padding: 0;
  display: inline;
}

.cc-photocopies {
  background-color: #eee;
}

tr.cc-photocopies:hover {
  color: black;
}

#cc-years {
  font-weight: bold;
}

table.cc-calendar {
  float: left;
  margin: 10px;
  border-collapse: collapse;
}

table.cc-calendar td, table.cc-calendar th {
  padding: 5px;
  width: 70px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #c0c0c0;
}

table.cc-calendar td.disabled {
  color: silver;
}

table.cc-calendar td.nodata {
  color: red;
}

table.cc-calendar td.day {
  font-weight: bold;
}

table.cc-calendar td.today {
  color: #3c763d;
  background-color: #dff0d8;
}

td.amount-diff-negative {
  font-weight: bold;
  text-align: right;
  padding-right: 24px !important;
}

td.amount-diff-negative::before {
  content: '(';
}

td.amount-diff-negative::after {
  content: ')';
}

td.amount-diff-negative > input {
  width: 60px !important;
}

/*----------------------------------------------------------------------------*/

tr.details-line > td.numeric {
  width: 60px;
}

td.details-line-total {
  text-align: right;
}

td.details-line-product, td.details-line-product > label {
  font-weight: normal;
}

/*----------------------------------------------------------------------------*/

/**
 * Standard Admin Screens (CRUD)
 */

a.btn-xs.btn-edit,
.btn-xs.btn-delete,
.btn-xs.btn-open-dialog {
  width: 24px;
  height: 24px;
  line-height: 24px;
  padding: 0;
}

a.btn-xs.btn-edit,
.btn-xs.btn-open-dialog {
  border: 1px solid #337ab7;
}

table.record_properties th {
  width: 1px;
  white-space: nowrap;
  padding-right: 20px !important;
}

th[data-col] {
  cursor: pointer;
  white-space: nowrap;
}

th[data-col]:hover, th[data-col].sorted {
  background-color: #eee;
}

th[data-col] span.glyphicon-chevron-up, th[data-col] span.glyphicon-chevron-down {
  margin-left: 10px;
}

td.numeric.danger {
  font-weight: bold;
  color: red;
}

ul.record_actions {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

ul.record_actions li {
  float: left;
  margin: 10px;
}

ul.record_actions li form {
  padding: 0;
  margin: 0;
  display: inline;
}

/**
 * General Layout
 */

.navbar-brand {
  white-space: nowrap;
}

.navbar-brand .active {
  color: white;
}

a.placeholder-nav {
  color: silver !important;
}

/*----------------------------------------------------------------------------*/

/**
 * Print Template
 */

#print-bar {
  float: right; position: absolute; right: 0; margin-right: 10px;
}

body.print {
  padding-top: 0;
  padding-bottom: 0;
}

body.print .balance0, body.print .balance-1, body.print .balance1 { text-decoration: none; color: black; }

/*----------------------------------------------------------------------------*/

.navbar .divider-vertical {
  height: 50px;
  margin: 0 9px;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
  border-right-color: #5d5d5d;
  border-left-color: #000;
}

@media (max-width: 767px) {
  .navbar-collapse .nav > .divider-vertical {
    display: none;
  }
}

/****************
 * Sign In Form *
 ****************/

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/**
 * Logout Form
 */
#form-logout {
  margin: 0;
  padding: 0;
}

/****************
 * Ajax Loading *
 ****************/

#loading-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, .85) url('../img/ajax-loader.gif') 50% 50% no-repeat;
}

body.loading {
  overflow: hidden;   
}

body.loading #loading-modal {
  display: block;
  padding: 10px;
  font-weight: bold;
}

body.loading #menu {
  display: none;
}

/*************
 * jQuery-UI *
 *************/

.ui-widget {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
}

/********************
 * jQuery-UI Dialog *
 ********************/

#common-dialog {
  display: none;
}

#common-dialog > .row {
  margin-right: 0;
}

/*
ui-dialog: The outer container of the dialog.
ui-dialog-titlebar: The title bar containing the dialog's title and close button.
ui-dialog-title: The container around the textual title of the dialog.
ui-dialog-titlebar-close: The dialog's close button.
ui-dialog-content: The container around the dialog's content. This is also the element the widget was instantiated with.
ui-dialog-buttonpane: The pane that contains the dialog's buttons. This will only be present if the buttons option is set.
ui-dialog-buttonset: The container around the buttons themselves.
*/

.ui-dialog {
  margin: 0;
  padding: 0;
}

.ui-dialog-titlebar {
  border: 0;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
}

.ui-dialog-titlebar-close > .ui-button-text {
  display: none;
}