bigcapital/client/src/style/App.scss

@import './normalize.scss';

@import './Base.scss';

// Blueprint framework.
@import '@blueprintjs/core/src/blueprint.scss';
@import '@blueprintjs/datetime/src/blueprint-datetime.scss';

@import 'basscss';

// Objects
@import 'objects/form';
@import 'objects/typography';
@import 'objects/buttons';
@import 'objects/Bigcapital';

// Components
@import 'components/CustomScrollbar';
@import 'components/dragzone';
@import 'components/resizer';
@import 'components/CloudSpinner';
@import 'components/Alert';
@import 'components/Card';
@import 'components/Toast';
@import 'components/PageForm';
@import 'components/Tooltip';
@import 'components/Postbox';

// Pages
@import 'pages/view-form';
@import 'pages/register-organizaton';

// Views
@import 'views/filter-dropdown';


.App {
  min-width: 960px;
}

// =======

body.hide-scrollbar .Pane2{
  overflow: hidden;
}

.bp3-fill{
  .bp3-popover-wrapper,
  .bp3-popover-target {
    display: block;
    width: 100%;
  }
  .bp3-button {
    width: 100%;
    justify-content: start;
  }
}

.bp3-datepicker-caption .bp3-html-select::after {
  margin-right: 6px;
}
.bp3-select-popover .bp3-menu {
  max-height: 300px;
  max-width: 400px;
  overflow: auto;
}

.bp3-form-group .bp3-label {
  .hint {
    .bp3-popover-wrapper {
      display: inline;
    }
  }

  &:not(.bp3-inline) .hint .bp3-popover-target {
    display: inline;
    margin-left: 0;
  }
}

.bp3-popover.bp3-tooltip {
  max-width: 300px;
}

.bp3-timezone-picker{

  .bp3-button{

    [icon="caret-down"] {
      display: none;
    }
  }
}


.bp3-progress-bar.bp3-intent-primary .bp3-progress-meter{
  background-color: #0066ff;
}

.bp3-overlay-backdrop{
  background-color: rgba(0,10,30, .7);
}