@import './normalize.scss';

$pt-popover-box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.02),
  0 2px 4px rgba(16, 22, 26, 0.1), 0 8px 24px rgba(16, 22, 26, 0.1);

@import '@blueprintjs/core/src/common/_variables.scss';
// @import "@blueprintjs/core/src/common/colors.scss";

$blue1: #0069ff;
$blue2: #0052ff;
$blue3: rgb(0, 82, 204);
$pt-link-color: $blue3;
$pt-intent-primary: $blue1;
$menu-item-color-hover: $light-gray4;
$menu-item-color-active: $light-gray3;

$breadcrumbs-collapsed-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#6B8193' enable-background='new 0 0 16 16' xml:space='preserve'><g><circle cx='2' cy='8.03' r='2'/><circle cx='14' cy='8.03' r='2'/><circle cx='8' cy='8.03' r='2'/></g></svg>");

$sidebar-zindex: 15;
$pt-font-family: Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
  Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, Icons16, sans-serif;

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

@import 'basscss';

@import 'functions';

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

// Components
@import 'components/data-table';
@import 'components/dialog';
@import 'components/custom-scrollbar';
@import 'components/dragzone';
@import 'components/pagination';
@import 'components/resizer';

// Pages
@import 'pages/dashboard';
@import 'pages/accounts-chart';
@import 'pages/authentication';
@import 'pages/expense-form';
@import 'pages/financial-statements';
@import 'pages/make-journal-entries';
@import 'pages/preferences';
@import 'pages/view-form';
@import 'pages/manual-journals';
@import 'pages/item-category';
@import 'pages/items';
@import 'pages/items-categories';
@import 'pages/invite-form.scss';
@import 'pages/currency';
@import 'pages/invite-user.scss';
@import 'pages/exchange-rate.scss';
@import 'pages/customer.scss';
@import 'pages/estimate.scss';

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

.App {
  min-width: 960px;
}

.#{$ns}-tooltip {
  box-shadow: none;
}

[data-icon='bigcapital'] {
  path {
    fill: #004dd0;
  }
  .path-1,
  .path-13 {
    fill: #2d95fd;
  }
}

.bigcapital--alt {
  svg {
    path,
    .path-13,
    .path-1 {
      fill: #fff;
    }
  }
}
// =======
body.authentication {
  background-color: #fcfdff;
}

.bp3-toast {
  box-shadow: none;
}

.select-list--fill-popover {
  .bp3-transition-container,
  .bp3-popover {
    min-width: 100%;
  }
}

.select-list--fill-button {
  .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;
}

.hint {
  margin-left: 6px;
  position: relative;
  top: -1px;

  .bp3-icon {
    color: #a1b2c5;
  }

  .bp3-popover-target:hover .bp3-icon {
    color: #90a1b5;
  }
  .bp3-icon {
    vertical-align: middle;
  }
}

.bp3-select-popover .bp3-menu {
  max-height: 300px;
  max-width: 400px;
  overflow: auto;
}

.pt-tooltip {
  .pt-popover-content {
    max-width: 100px;
  }
}

.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;
}