.container {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

main {
  margin-top: 2em;
  flex: 1 0 auto; }

.field-validation-error {
  color: #f44336; }

.user-view {
  background: #f9a825; }

.container {
  position: relative; }

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  opacity: .8;
  z-index: 1; }

.preloader-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -32px 0 0 -32px; }

#AccountDropdown .langs {
  display: inline; }

.brand-logo {
  padding-left: 0.5em !important; }

.page-footer {
  padding: 20px; }

.login-form {
  margin-top: 2em; }

.dataTables_length {
  width: 20%;
  float: right;
  margin-top: 15px; }

.dataTables_filter {
  width: 70%;
  float: left; }

.modal {
  max-height: 90% !important; }

.avatar {
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  margin-top: 8px;
  margin-right: 8px;
  background: orange;
  font-size: 20px; }

.label {
  font-size: 0.8rem;
  color: #9e9e9e; }

.timeNavigation > .selector, .timeNavigation > .custom {
  text-decoration: underline;
  cursor: pointer; }

.catTotal {
  color: white;
  font-weight: bolder; }

@media only screen and (max-width: 992px) {
  body {
    background: #ffb74d; }
  .container {
    background: white; }
  .container {
    width: 100%; }
  .row {
    margin-bottom: 5px; }
  nav .brand-logo {
    font-size: 1.2em; } }

@media only screen and (max-width: 600px) {
  /*.input-field {
        margin: 0;
    }*/
  td, th {
    padding: 0; }
  .dataTables_length {
    width: 35%;
    float: right;
    margin-top: 15px; }
  .dataTables_filter {
    width: 60%;
    float: left;
    margin-bottom: 1.5em; }
  .customReportRange {
    margin-top: 1em; }
  .customCostRange .label, .customReportRange .label {
    display: block;
    margin-bottom: 2em; }
  .customCostRange .input-field, .customReportRange .input-field {
    margin-bottom: 1em; }
  .catReportTotal td, .catReportTotal th {
    padding: 5px; } }

@media only print {
  header, footer, form, #HideAllSeries {
    display: none; }
  h4 {
    font-size: 2em; } }

div.dataTables_wrapper div.dataTables_filter {
  text-align: left !important; }

div.dataTables_wrapper .dataTables_length select {
  display: inline;
  width: auto; }

div.dataTables_wrapper .paginate_button {
  cursor: pointer; }
  div.dataTables_wrapper .paginate_button.previous {
    margin-right: 1em; }