/* This is based on bootstrap 4's bootstrap.scss, and honors the same order as they do, only including our parts and using _theme_variables instead of _custom */
@import "~bootstrap/scss/functions";
@import "theme_variables";
@import "~bootstrap/scss/variables";
@import "nwf-mixins";
@import "~bootstrap/scss/mixins";
@import "~@netapp/luci/tokens/tokens";

/* Our custom stuff */

@import "modals", "form", "custom-forms", "card", "switch", "button", "progress-bar", "dropdown", "search",
  "popover", "tooltip", "tabs", "datatables";

/* Icons */
@import "icons/icons";

/* Globals */

/* Shell login bg */

.nwf-login-overlay {
  flex: auto;
  background-color: white;
  background-image: url("~@netapp/nwfjs_theme/images/login-background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1000;
}

.nwf-login-dialog {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background: rgba(255, 255, 255, 0.91);
  position: absolute;
  margin-top: 57px;
  width: 450px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

/* our base of luci typography */
h1,
.h1 {
  font-weight: $luci-font-weight-regular;
  margin-bottom: $luci-space-inset-md;
  &:lang(ja) {
    font-size: 1.3rem;
    font-weight: $luci-font-weight-regular;
  }
  &:lang(zh) {
    font-size: 1.3rem;
    font-weight: $luci-font-weight-regular;
  }
}

h2,
.h2 {
  font-weight: $luci-font-weight-semi-bold;
  margin-bottom: $luci-space-inset-sm;
  &:lang(ja) {
    font-size: 1.05rem;
    font-weight: $luci-font-weight-light;
  }
  &:lang(zh) {
    font-size: 1.05rem;
    font-weight: $luci-font-weight-light;
  }
}

h3,
.h3,
h4,
.h4 {
  font-weight: $luci-font-weight-regular;
}

//Make all anchor tags behave the same way. A component, for example table, may override it if they want link to behave differently.
a:hover,
a:active {
  color: $link-color;
}

.is-no-overflow {
  overflow: hidden;
}

// Set the font family to default so that the application can be printed across browsers and Windows and Mac.
//The default font of NWF "open sans" doesn't work well with printing from Mac and  IE11.
@media print {
  body {
    font-family: Sans-Serif;
  }
}

/* Boostrap 4 overrides */

/* for popoverable affordance */
.popoverable,
.popoverable:hover,
.popoverable:focus {
  cursor: default;
  text-decoration: none;
  outline: none;
}

.ngb-dp-day:not(.disabled) {
  background-color: #f0f8ff;
}

.ngb-dp-weekday,
.ngb-dp-month-name {
  color: #000000 !important;
  font-weight: bold !important;
  font-style: normal !important;
}

.ngb-dp-weekdays,
.ngb-dp-header {
  border-bottom: none !important;

  &.bg-light {
    background-color: $white !important;
  }
}

span.chevron::before,
.ngb-dp-navigation-chevron::before {
  display: none !important;
}

.ngb-tp-hour,
.ngb-tp-minute {
  span.chevron {
    @include nwfjsChevron("up");

    &.bottom {
      @include nwfjsChevron("down");
    }
  }
}

.ngb-dp-arrow {
  .ngb-dp-navigation-chevron {
    border: none !important;
    transform: none !important;
    height: auto;
    width: auto;

    @include nwfjsChevron("left");
  }

  &.right .ngb-dp-navigation-chevron {
    @include nwfjsChevron("right");
  }
}


.nwf-is-link-like {
  cursor: pointer;
  color: $luci-link-color-default-on-light !important;

  &:hover {
    text-decoration: underline;
  }
}