:focus, :focus-visible {
  outline: none;
}

.navbar-header {
  height: 38px;
  justify-content: start;
  padding: 0;
}
.navbar-brand-box {
  padding: 0 8px 0 0 !important;
}
.header-item {
  height: 38px;
}
.footer {
  padding: 10px calc(1.5rem * 0.5);
  height: 40px;
}

.btn:hover, .btn.active, .btn:focus, .btn:active, .btn.show {
  border-color: initial;
}
.btn-topbar:focus, .btn-user:focus {
  border-color: transparent !important;
}
.btn-outline-dark {
  --vz-btn-disabled-color: var(--vz-dark);
  --vz-btn-disabled-bg: transparent;
  --vz-btn-disabled-border-color: var(--vz-dark);
}
.btn.no-hover:hover {
  background-color: inherit !important;
  color: inherit !important;
  border-color: inherit !important;
}

.auth-one-bg .bg-overlay {
  opacity: 0.6;
}

.password-addon {
  border: 1px solid var(--vz-input-border) !important;
  border-top-right-radius: var(--vz-btn-border-radius) !important;
  border-bottom-right-radius: var(--vz-btn-border-radius) !important;
}

.auth-one-bg-position {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.auth-one-bg .bg-overlay {
  background: var(--vz-body-bg);
  opacity: 0.8;
}
.particles-js-canvas-el {
  height: calc(100% - 6px) !important;
}

.navbar-menu .navbar-nav .nav-link.active {
  background-color: var(--vz-topbar-user-bg);
  font-weight: bold;
}

[data-layout=horizontal] .navbar-menu .navbar-nav > li:nth-of-type(2) > .nav-link.menu-link {
  padding-left: 1.5rem;
}

.nav-info.nav-tabs .nav-link.active {
  background-color: rgba(41, 156, 219, 0.1) !important
}

@media (max-width: 767.98px) {
  .navbar-brand-box {
    display: block;
  }
}

@media (min-width: 1024.1px) {
  [data-layout=horizontal] .page-content {
    margin-top: 1rem;
  }
}

@media (max-width: 1024.1px) {
  [data-layout=horizontal] .page-content {
    margin-top: 1rem;
  }
}

@media (min-width: 1900px) {
  [data-layout=horizontal] .page-content {
    margin-top: 1rem;
  }
  [data-layout=horizontal] .navbar-menu {
    background: transparent;
    margin-top: 12px;
    margin-left: 350px;
    z-index: 1002;
    width: fit-content;
    box-shadow: none;
  }
}

.modal-backdrop {
  display: none;
}
.modal {
  overflow-y: scroll;
  background: rgba(0, 0, 0, 0.5);
}
.modal-header {
  background-color: var(--vz-boxed-body-bg);
}
.modal-dialog:not(.modal-dialog-scrollable) .modal-header {
  padding: var(--vz-modal-padding);
}
.modal-dialog:not(.modal-dialog-scrollable) .modal-footer {
  padding: var(--vz-modal-padding);
}

.hamburger-icon {
  display: none;
}
.hamburger-icon.open {
  display: inline-block;
}

.card {
  margin-bottom: 1rem;
}

.bg-overlay-pattern {
  background-image: url("../images/bg-pattern.png");
}

/*fancytree*/
.ui-fancytree {
  outline: none;
}
span.fancytree-node {
  padding: 0px 0;
  margin: 0;
}
ul.fancytree-container {
  background-color: transparent !important;
  border: none !important;
}
ul.fancytree-container ul {
  padding: 0 0 0 20px !important;
}
span.fancytree-title {
  color: #000000 !important;
  font-size: 14px !important;
  padding: 0 2px 0 2px !important;
  margin: 0 0 0 6px !important;
}
span.fancytree-icon {
  color: #606060!important;
  font-size: 16px !important;
  margin: 0 0 0 6px !important;
  vertical-align: middle !important;
}
span.fancytree-custom-icon {
  color: #606060!important;
  font-size: 16px !important;
  margin: 0 0 0 6px !important;
  vertical-align: middle !important;
}
span.fancytree-checkbox {
  vertical-align: middle !important;
}
span.fancytree-expander {
  color: #000000 !important;
  font-size: 16px !important;
  padding: 0px 0px 2px 0px !important;
  vertical-align: middle !important;
}
span.fancytree-focused span.fancytree-title {
  outline: none !important;
}
span.fancytree-selected span.fancytree-title {
  font-style: normal !important;
}
span.fancytree-selected span.fancytree-title,
span.fancytree-active span.fancytree-title {
  background-color: #c0e0f0 !important;
}
span.fancytree-active span.fancytree-title {
  font-style: normal !important;
}
.fancytree-treefocus span.fancytree-selected span.fancytree-title,
.fancytree-treefocus span.fancytree-active span.fancytree-title {
  color: #000000 !important;
  background-color: #c0e0f0 !important;
}
.fancytree-checkbox.ft-red {
  color: #f04040 !important;
}
.fancytree-checkbox.ft-green {
  color: #30c060 !important;
}
.fancytree-nodeBtn {
  font-size: 11px;
  line-height: 16px;
  background: transparent;
  border-color: transparent;
  font-style: italic;
}
.fancytree-nodeBtn:hover {
  text-decoration: underline;
  background-color: transparent;
}
.fancytree-node.root span.fancytree-icon {
  color: #f0c050 !important;
}
.fancytree-node.root span.fancytree-title {
  /* font-weight: bold !important; */
}
.fancytree-node.folder span.fancytree-icon {
  color: #f0c050 !important;
}

/* f */
#f_back-to-top-button {
  position: fixed;
  bottom: 50px;
  right: 28px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: none;
  z-index: 1000;
}
#f_back-to-top-button:hover {
  -webkit-animation: fade-up 1.5s infinite linear;
          animation: fade-up 1.5s infinite linear;
}
@media print {
  #f_back-to-top-button {
    display: none !important;
  }
}
#f_back-to-top-button.landing-back-top {
  bottom: 35px;
}