/**
 * theming styles, modified from admin_tools/media/admin_tools/css/theming.css
 *
 */
#content {
  padding: 0;
  margin: 15px;
}
#header {
  background: #205067;
/* Reset the indents of django-flat-theme
    (need to restore 40px on branding+user-tools instead) */
  padding-left: 0;
  padding-right: 0;
}
#header #branding h1 {
  margin: 0;
  padding: 5px 10px;
  text-indent: -9999px;
  background: transparent url("/static/admin_tools/images/django.png") 10px 5px no-repeat;
  height: 31px;
  width: 93px;
}
#header #user-tools {
/* Old Django: 1.2em, flat theme: 40px; */
  padding-right: 1.2em;
}
#bookmark-form {
  clear: both;
}
div.breadcrumbs {
  display: block;
  padding: 10px 15px;
  border: 0;
  background-position: 0 -8px;
  border-bottom: 1px solid #ededed;
}
div.breadcrumbs a {
  display: inline;
}
/* General */
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.same-spaced-out {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
td.middle-align {
  vertical-align: middle;
  text-align: center;
}
/* Charity Module */
.charity-module-content {
  padding: 15px;
}
.charity-module-content .year-link.active {
  font-weight: bold;
}
.charity-module-content hr {
  margin-bottom: 5px;
  margin-top: 5px;
}
/* Charity Module */
.monthly-module-content {
  padding: 15px;
}
/* Earnings Module */
.earnings-module-content {
  padding: 15px;
}
.earnings-module-content hr {
  margin-bottom: 5px;
  margin-top: 5px;
}
.stock-options-module-content {
  padding: 15px;
}
.loan-module-content {
  padding: 15px;
}
.investments-module-content {
  padding: 15px;
}
.net-worth-module-content {
  padding: 15px;
}
.dashboard-module .dashboard-module-content {
  overflow-y: auto;
}
/* Overview */
h1.dashboard-title {
  margin-bottom: 20px;
}
.overview-dashboard-container {
  margin-top: 10px;
}
.overview-dashboard-container .dashboard-module-content {
  overflow-y: auto;
}
.overview-module {
  padding: 15px;
}
.df-table {
  width: 100%;
}
.df-table td,
.df-table th {
  white-space: nowrap;
  border-right: 1px solid var(--hairline-color);
}
.df-table td:not(:first-child):not(:last-child),
.df-table th:not(:first-child):not(:last-child) {
  text-align: right;
}
.df-table td :first-child,
.df-table th :first-child {
  text-align: left;
}
.options-form {
  margin-top: 5px;
}
/* Form */
.aligned span.initial,
.aligned span.calculated {
  display: block;
  padding: 4px 10px 0 0;
  width: 160px;
  word-wrap: break-word;
  line-height: 1;
  font-size: 13px;
  color: var(--body-fg);
}
.aligned span.initial:after,
.aligned span.calculated:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 26px;
}
.aligned span.initial {
  float: left;
}
.aligned span.calculated {
  float: right;
  text-align: right;
}
/* Calendar */
.tui-full-calendar-popup {
  color: #333;
}
#menu .button.default {
  float: none;
  margin-left: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display,
.select2-container--default .select2-results__group,
.select2-container--default .select2-results__option .select2-results__option {
  color: #000;
}
