OwlCyberSecurity - MANAGER

Edit File: n-tabs.css

.lakit-ntabs-content-item > .elementor-element, .ntabs-selectbox--select {
  animation-duration: .3s;
  animation-timing-function: cubic-bezier(0.26, 0.69, 0.37, 0.96);
  animation-play-state: running
}
.elementor-lakit-nested-tabs {
  --n-tabs-default-padding-block: 15px;
  --n-tabs-default-padding-inline: 35px;
  --n-tabs-overflow-x: initial;
  --n-tabs-overflow-y: initial;
  --n-tabs-background-color: transparent;
  --n-tabs-display: flex;
  --n-tabs-direction: column;
  --n-tabs-gap: 10px;
  --n-tabs-heading-display: flex;
  --n-tabs-heading-direction: row;
  --n-tabs-heading-grow: initial;
  --n-tabs-heading-justify-content: center;
  --n-tabs-heading-width: initial;
  --n-tabs-height: initial;
  --n-tabs-border-width: 1px;
  --n-tabs-border-color: #d4d4d4;
  --n-tabs-content-padding: initial;
  --n-tabs-content-border-radius: initial;
  --n-tabs-title-color: var(--lakit-body-color);
  --n-tabs-title-color-hover: var(--lakit-primary-color);
  --n-tabs-title-color-active: var(--lakit-primary-color);
  --n-tabs-subtitle-color: var(--n-tabs-title-color);
  --n-tabs-subtitle-color-hover: var(--n-tabs-title-color-hover);
  --n-tabs-subtitle-color-active: var(--n-tabs-title-color-active);
  --n-tabs-title-background-color: transparent;
  --n-tabs-title-background-color-hover: transparent;
  --n-tabs-title-background-color-active: transparent;
  --n-tabs-title-width: initial;
  --n-tabs-title-height: initial;
  --n-tabs-title-font-size: 1em;
  --n-tabs-subtitle-font-size: var(--n-tabs-title-font-size);
  --n-tabs-title-justify-content-toggle: initial;
  --n-tabs-title-align-items-toggle: center;
  --n-tabs-title-justify-content: center;
  --n-tabs-title-align-items: center;
  --n-tabs-title-direction: row;
  --n-tabs-title-gap: 10px;
  --n-tabs-title-padding-top: var(--n-tabs-default-padding-block);
  --n-tabs-title-padding-right: var(--n-tabs-default-padding-inline);
  --n-tabs-title-padding-bottom: var(--n-tabs-default-padding-block);
  --n-tabs-title-padding-left: var(--n-tabs-default-padding-inline);
  --n-tabs-title-margin-top: initial;
  --n-tabs-title-margin-right: initial;
  --n-tabs-title-margin-bottom: initial;
  --n-tabs-title-margin-left: initial;
  --n-tabs-title-border-radius: initial;
  --n-tabs-title-transition: 0.3s;
  --n-tabs-icon-size: 1em;
  --n-tabs-icon-color: var(--n-tabs-title-color);
  --n-tabs-icon-color-hover: var(--n-tabs-title-color-hover);
  --n-tabs-icon-color-active: var(--n-tabs-title-color-active);
  --n-tabs-icon-gap: 5px;
  --n-tabs-icon-order: 0;
  --n-tabs-divider-height: 0px;
  --n-tabs-divider-width: 0px;
  --n-tabs-divider-color: currentColor;
  --n-tabs-divider-active-height: 0px;
  --n-tabs-divider-active-width: calc(100% - var(--n-tabs-title-padding-right) - var(--n-tabs-title-padding-left));
  --n-tabs-divider-active-color: currentColor;
  --n-tabs-divider-pos-left: 50%;
  --n-tabs-divider-pos-right: initial;
  --n-tabs-divider-pos-top: initial;
  --n-tabs-divider-pos-bottom: 0;
  --n-tabs-divider-transform: translateX(-50%); /*!** top **!*//*!** left **!*//*!** right **!*/
  max-width: 100%
}
.lakit-ntabs {
  display: var(--n-tabs-display);
  flex-direction: var(--n-tabs-direction);
  gap: var(--n-tabs-gap);
  text-align: left;
  height: var(--n-tabs-height);
  overflow-x: var(--n-tabs-overflow-x);
  overflow-y: var(--n-tabs-overflow-y)
}
.lakit-ntabs-heading {
  display: var(--n-tabs-heading-display);
  flex-basis: var(--n-tabs-heading-width);
  flex-direction: var(--n-tabs-heading-direction);
  flex-shrink: 0;
  justify-content: var(--n-tabs-heading-justify-content);
  gap: var(--n-tabs-title-gap)
}
.lakit-ntabs-type--tab .lakit-ntabs-content {
  flex-grow: 1;
  padding: var(--n-tabs-content-padding);
  border-radius: var(--n-tabs-content-border-radius)
}
.lakit-ntabs-type--accordion .lakit-ntabs-content-item > .elementor-element {
  padding: var(--n-tabs-content-padding);
  border-radius: var(--n-tabs-content-border-radius);
  margin-top: var(--n-tabs-gap)
}
.lakit-ntab-title {
  display: flex;
  align-items: var(--n-tabs-title-align-items-toggle, var(--n-tabs-title-align-items));
  flex-direction: var(--n-tabs-title-direction);
  justify-content: var(--n-tabs-title-justify-content-toggle, var(--n-tabs-title-justify-content));
  gap: var(--n-tabs-icon-gap);
  border-width: var(--n-tabs-border-width);
  position: relative;
  cursor: pointer;
  outline: 0;
  padding: var(--n-tabs-title-padding-top) var(--n-tabs-title-padding-right) var(--n-tabs-title-padding-bottom) var(--n-tabs-title-padding-left);
  margin: var(--n-tabs-title-margin-top) var(--n-tabs-title-margin-right) var(--n-tabs-title-margin-bottom) var(--n-tabs-title-margin-left);
  border-radius: var(--n-tabs-title-border-radius);
  height: var(--n-tabs-title-height);
  width: var(--n-tabs-title-width);
  color: var(--n-tabs-title-color)
}
.lakit-ntab-title.e-active .lakit-ntab-icon :is(i:first-child,svg:first-child), .lakit-ntab-title.e-active .lakit-ntab-t_icon :is(i:first-child,svg:first-child), .lakit-ntab-title:not(.e-active) .lakit-ntab-icon :is(i:last-child,svg:last-child), .lakit-ntab-title:not(.e-active) .lakit-ntab-t_icon :is(i:last-child,svg:last-child) {
  transform: translateY(-100vh);
  height: 0;
  opacity: 0
}
.lakit-ntab-icon, .lakit-ntab-t_icon {
  display: flex;
  align-items: center;
  flex-direction: column;
  order: var(--n-tabs-icon-order);
  font-size: var(--n-tabs-icon-size);
  color: var(--n-tabs-icon-color)
}
.lakit-ntab-icon svg, .lakit-ntab-t_icon svg {
  width: 1em;
  height: 1em
}
.lakit-ntab-icon img {
  width: 1em
}
.lakit-ntab-icon :is(i,svg), .lakit-ntab-t_icon :is(i,svg) {
  transition: color var(--n-tabs-title-transition)
}
.lakit-ntab-title-text {
  display: flex;
  align-items: var(--n-tabs-title-align-items);
  flex-direction: column;
  line-height: 1;
  gap: var(--n-tab-title-gap, 0)
}
.lakit-ntab-title:after {
  content: '';
  position: absolute;
  top: var(--n-tabs-divider-pos-top);
  right: var(--n-tabs-divider-pos-right);
  bottom: var(--n-tabs-divider-pos-bottom);
  left: var(--n-tabs-divider-pos-left);
  height: var(--n-tabs-divider-height);
  width: var(--n-tabs-divider-width);
  background-color: var(--n-tabs-divider-color);
  transform: var(--n-tabs-divider-transform);
  transition: .2s
}
.lakit-ntab-title.e-active:after {
  height: var(--n-tabs-divider-active-height);
  width: var(--n-tabs-divider-active-width);
  background-color: var(--n-tabs-divider-active-color)
}
.lakit-ntab-title:last-of-type:after {
  height: var(--n-tabs-divider-last, var(--n-tabs-divider-height));
  width: var(--n-tabs-divider-last, var(--n-tabs-divider-width))
}
.lakit-ntab-title.e-active:last-of-type:after {
  height: var(--n-tabs-divider-last, var(--n-tabs-divider-active-height));
  width: var(--n-tabs-divider-last, var(--n-tabs-divider-active-width))
}
.lakit-ntab-title.e-collapse, .lakit-ntabs-content-item:not(.e-active) > .elementor-element, .lakit-ntabs.e-active-selectbox > .lakit-ntabs-heading:not(.e-open) .lakit-ntab-title:not(.e-active) {
  display: none
}
.lakit-ntabs-effect--fade .lakit-ntabs-content-item > .elementor-element {
  animation-name: lakitFade
}
.lakit-ntabs-effect--zoom-in .lakit-ntabs-content-item.e-active > .elementor-element {
  animation-name: lakitZoomIn
}
.lakit-ntabs-effect--zoom-out .lakit-ntabs-content-item.e-active > .elementor-element {
  animation-name: lakitZoomOut
}
.lakit-ntabs-effect--move-up .lakit-ntabs-content-item.e-active > .elementor-element {
  animation-name: lakitMoveUp
}
.lakit-ntabs-effect--fall-perspective .lakit-ntabs-content-item.e-active > .elementor-element {
  animation-name: lakitFallPerspective
}
.ntabs-selectbox {
  display: flex;
  align-items: center;
  width: var(--n-tabs-title-width)
}
.ntabs-selectbox--wrap {
  position: relative;
  flex-grow: 1
}
.ntabs-selectbox--select {
  position: absolute;
  top: 100%;
  z-index: 9;
  background: #fff;
  display: none;
  min-width: 100%
}
.ntabs-selectbox--wrap.e-open .ntabs-selectbox--select {
  display: block;
  animation-name: lakitMoveUp
}
.lakit-ntabs.e-active-selectbox > .lakit-ntabs-heading {
  display: flex !important;
  flex-direction: column !important;
  align-self: var(--n-tabs-heading-justify-content)
}
.lakit-ntabs.e-active-selectbox > .lakit-ntabs-heading:not(.e-open) > .e-active {
  order: -1
}
.lakit-ntabs-heading.e--sticky {
  position: sticky;
  top: calc(var(--lakit-header-height) + var(--lakit-adminbar-height));
  z-index: 4
}
.lakit-ntabs.e-active-selectbox .lakit-ntabs-heading:not(.e--sticky), .ntabs-selectbox--label {
  position: relative
}
.ntabs--selectboxicon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none
}
.rtl .ntabs--selectboxicon {
  left: 0;
  right: auto
}
.lakit-ntabs-type--accordion .lakit-ntabs-heading, .lakit-ntabs.e-active-selectbox .lakit-ntabs-heading.e-open > .ntabs--selectboxicon, .lakit-ntabs:not(.e-active-selectbox) .lakit-ntabs-heading > .ntabs--selectboxicon {
  display: none
}
.ntabs--title {
  font-size: var(--n-tabs-title-font-size)
}
.ntabs--subtitle {
  font-size: var(--n-tabs-subtitle-font-size);
  color: var(--n-tabs-subtitle-color)
}
.lakit-ntab-title:not( .e-active ):hover .ntabs--title {
  color: var(--n-tabs-title-color-hover)
}
.lakit-ntab-title:not( .e-active ):hover .ntabs--subtitle {
  color: var(--n-tabs-subtitle-color-hover)
}
.lakit-ntab-title:not( .e-active ):hover .lakit-ntab-icon {
  color: var(--n-tabs-icon-color-hover)
}
.lakit-ntab-title.e-active .ntabs--title {
  color: var(--n-tabs-title-color-active)
}
.lakit-ntab-title.e-active .ntabs--subtitle {
  color: var(--n-tabs-subtitle-color-active)
}
.lakit-ntab-title.e-active .lakit-ntab-icon {
  color: var(--n-tabs-icon-color-active)
}
.safari .ntabs-selectbox--wrap .lakit-ntab-title {
  transform: none;
  animation: none
}
.ntabs--selectboxicon svg {
  width: 1em;
  height: 1em;
  position: relative;
  display: block
}
.lakit-ntabs-type--accordion .lakit-ntab-title.e-collapse {
  display: flex
}
.lakit-ntabs-type--accordion .lakit-ntabs-content-item {
  display: flex;
  flex-direction: column;
  margin-top: var(--n-tabs-title-gap);
  transition: none;
  animation: none
}
.lakit-ntabs-type--accordion .lakit-ntabs-content-item:first-child {
  margin-top: 0
}
.lakit-ntabs-type--accordion .lakit-ntabs-content-item > .elementor-element {
  display: none;
  transition: none;
  animation: none
}
.lakit-ntabs-content-item > .e-con {
  padding-left: 0;
  padding-right: 0;
}

.etab--overflow > .lakit-ntabs-heading {
  overflow: auto;
}
.rtl .etab--overflow > .lakit-ntabs-heading {

}
.etab--overflow > .lakit-ntabs-heading .ntabs--title{
  white-space: pre;
}