@font-face {
  font-family: "Helvetica";
  font-style: normal;
  font-weight: normal;
  font-display: block;
  src: local("Helvetica"), local("Helvetica-Regular"), url("../webfonts/helvetica.woff2") format("woff2"), url("../webfonts/helvetica.woff") format("woff");
}

@font-face {
  font-family: "Helvetica";
  font-style: normal;
  font-weight: bold;
  font-display: block;
  src: local("Helvetica Bold"), local("Helvetica-Bold"), url("../webfonts/helvetica-bold.woff2") format("woff2"), url("../webfonts/helvetica-bold.woff") format("woff");
}

@font-face {
  font-family: "Helvetica Monospaced";
  font-weight: normal;
  font-style: normal;
  font-display: block;
  src: local("Helvetica Monospaced"), url("../webfonts/helvetica-monospaced.woff2") format("woff2"), url("../webfonts/helvetica-monospaced.woff") format("woff");
}

@font-face {
  font-family: "Helvetica Monospaced";
  font-weight: bold;
  font-style: normal;
  font-display: block;
  src: local("Helvetica Monospaced Bold"), url("../webfonts/helvetica-monospaced-bold.woff2") format("woff2"), url("../webfonts/helvetica-monospaced-bold.woff") format("woff");
}

:root {
  --bulma-family-primary: "Helvetica", sans-serif;
  --bulma-family-secondary: "Helvetica", sans-serif;
  --bulma-family-code: "Helvetica Monospaced";
  --bulma-navbar-height: 64px;

  --bulma-scheme-h: 0;
  --bulma-scheme-s: 0%;

  --bulma-primary-h: 356deg;
  --bulma-primary-s: 95%;
  --bulma-primary-l: 46%;
}

@keyframes opacity-in {
  from {
      opacity: 0;
      -khtml-opacity: 0;
      -moz-opacity: 0
  }

  to {
      opacity: 1;
      -khtml-opacity: 1;
      -moz-opacity: 1
  }
}

html{
  overflow: auto;
}

*::-webkit-scrollbar {
  height: 7px;
  width: 7px
}

*::-webkit-scrollbar-thumb {
  background-color: var(--bulma-primary);
  border-radius: 7px
}

.animation-opacity {
  animation-name: opacity-in;
  animation-duration: 700ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  -webkit-animation-name: opacity-in;
  -webkit-animation-duration: 700ms;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
  -moz-animation-name: opacity-in;
  -moz-animation-duration: 700ms;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-fill-mode: both;
}

.animation-opacity.delay-200 {
  animation-delay: 200ms;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
}

.animation-opacity.delay-400 {
  animation-delay: 400ms;
  -webkit-animation-delay: 400ms;
  -moz-animation-delay: 400ms;
}

.animation-opacity.delay-600 {
  animation-delay: 600ms;
  -webkit-animation-delay: 600ms;
  -moz-animation-delay: 600ms;
}

.flash-box {
  width: 550px;
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  z-index: 1010;
}

@media screen and (max-width:769px) {
  .flash-box {
      width: 300px;
  }
}

.is-fullheight {
  height: 100%;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    appearance: textfield;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}


.navbar-item.has-dropdown:hover #side-menu {
  right: 0;
}

.navbar-item img, .navbar-item svg {
  max-height: none;
}

.navbar {
  --bulma-navbar-dropdown-radius: var(--bulma-radius);
}

@media screen and (min-width: 1024px) {
  .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: none;
  }

  .navbar-item.is-hoverable:hover>.navbar-dropdown {
    display: block;
  }

  .navbar-dropdown .navbar-dropdown.is-right {
    top: 0;
    left: 100%;
    right: auto;
    border-radius: 0 var(--bulma-navbar-dropdown-radius) var(--bulma-navbar-dropdown-radius) 0;
    border: none;
    border-left-color: var(--bulma-navbar-dropdown-border-color);
    border-left-style: var(--bulma-navbar-dropdown-border-style);
    border-left-width: var(--bulma-navbar-dropdown-border-width);
  }
}

.icon-text {
  flex-wrap: nowrap;
}

[data-toggle-mode] {
  --size: 2rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  cursor: pointer;
  width: var(--size);
  height: var(--size);
  box-shadow: inset calc(var(--size) * 0.33) calc(var(--size) * -0.25) 0;
  border-radius: 999px;
  color: #fff;
  transition: all 500ms;
}

[data-toggle-mode]:checked {
  --ray-size: calc(var(--size) * -0.4);
  --offset-orthogonal: calc(var(--size) * 0.65);
  --offset-diagonal: calc(var(--size) * 0.45);
  transform: scale(0.75);
  color: #fff;
  box-shadow: inset 0 0 0 var(--size), calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size), var(--offset-orthogonal) 0 0 var(--ray-size), 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size), 0 var(--offset-orthogonal) 0 var(--ray-size), calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 var(--ray-size), var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size), calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size), var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size);
}

#navbar-aside {
  background-color: var(--bulma-body-background-color);
  position: fixed;
  top: 0;
  width: 300px;
  height: 100vh;
  box-shadow: -1px 0px 1em 0em rgba(10, 10, 10, .1);
  z-index: 999;
  cursor: default;
}

#navbar-aside.is-right {
  right: 0;
  transform: translateX(300px);
  -webkit-transform: translateX(300px);
  -moz-transform: translateX(300px);
}

#navbar-aside>.delete {
  right: .5rem;
  position: absolute;
  top: .5rem;
  z-index: 1;
}

#navbar-aside.is-active {
  visibility: visible;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
}

#navbar-aside {
  visibility: hidden;
  opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  pointer-events: none;
  transition-duration: 500ms;
  transition-property: opacity, transform;
  transition-timing-function: ease;
  -webkit-transition-duration: 500ms;
  -webkit-transition-property: opacity, transform;
  -webkit-transition-timing-function: ease;
  -moz-transition-duration: 500ms;
  -moz-transition-property: opacity, transform;
  -moz-transition-timing-function: ease;
}

.select:not(.is-multiple):not(.is-loading):has(:not(.ts-wrapper))::after{
  content: none !important;
}

.dropdown-menu {
  --bulma-dropdown-menu-min-width: 12rem;
  --bulma-dropdown-content-background-color: var(--bulma-scheme-main);
  --bulma-dropdown-content-offset: 0.25rem;
  --bulma-dropdown-content-padding-bottom: 0.5rem;
  --bulma-dropdown-content-padding-top: 0.5rem;
  --bulma-dropdown-content-radius: var(--bulma-radius);
  --bulma-dropdown-content-shadow: var(--bulma-shadow);
  --bulma-dropdown-content-z: 20;
  --bulma-dropdown-item-h: var(--bulma-scheme-h);
  --bulma-dropdown-item-s: var(--bulma-scheme-s);
  --bulma-dropdown-item-l: var(--bulma-scheme-main-l);
  --bulma-dropdown-item-background-l: var(--bulma-scheme-main-l);
  --bulma-dropdown-item-background-l-delta: 0%;
  --bulma-dropdown-item-hover-background-l-delta: var(--bulma-hover-background-l-delta);
  --bulma-dropdown-item-active-background-l-delta: var(--bulma-active-background-l-delta);
  --bulma-dropdown-item-color-l: var(--bulma-text-strong-l);
  --bulma-dropdown-item-selected-h: var(--bulma-link-h);
  --bulma-dropdown-item-selected-s: var(--bulma-link-s);
  --bulma-dropdown-item-selected-l: var(--bulma-link-l);
  --bulma-dropdown-item-selected-background-l: var(--bulma-link-l);
  --bulma-dropdown-item-selected-color-l: var(--bulma-link-invert-l);
  --bulma-dropdown-divider-background-color: var(--bulma-border-weak);

  display: block;
  left: auto;
  right: 0;
}

.card-header > * {
  flex: 1;
}

.card-header-search {
  padding: var(--bulma-card-header-padding);
}

.card-header-icon {
  cursor:auto;
}

.card.is-fullscreen {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  height: 100vh !important;
  width: 100vw !important;
  border-radius: 0;
}

.modal{
  --bulma-modal-card-head-padding: 1rem;
  --bulma-modal-card-title-size: var(--bulma-size-5);
}

.daterangepicker .drp-buttons {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
}

.daterangepicker .drp-buttons .btn + .btn,
.daterangepicker .drp-buttons .button + .button {
  margin-left: 8px;
}

.button.is-primary {
  --bulma-primary-invert-l: var(--bulma-primary-100-l);
}

.has-addons .ts-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: grid;
}

.table.is-fixed {
    table-layout: fixed;
}