.dnetor-tabs {
  --tab_border_width: 2px;
  --start_of_pos: 0px;
  --tab_underline_border_width: 3px;
  margin: 50px auto;
}
.dnetor-tabs .dnetor-tabs-header {
  display: -ms-flexbox;
  display: flex;
}
.dnetor-tabs .dnetor-tabs-panel {
  padding: 20px;
}
.dnetor-tabs .dnetor-tabs-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  display: inline-flex;
  width: fit-content;
  display: -ms-flexbox;
  display: flex;
}
.dnetor-tabs .dnetor-tabs-list .dnetor-tabs-nav-item {
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
  font: inherit;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  padding: 1em 1.5em;
  align-items: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.dnetor-tabs.dnetor-tabs-default .dnetor-tabs-nav-item {
  border: 1px solid #eee;
}
.dnetor-tabs.dnetor-tabs-default .dnetor-tabs-nav-item:hover, .dnetor-tabs.dnetor-tabs-default .dnetor-tabs-nav-item.dnetor-tabs-active {
  background-color: var(--e-global-color-accent);
  border-color: var(--e-global-color-accent);
}
.dnetor-tabs.dnetor-tabs-default .dnetor-tabs-nav-item:hover .dnetor-tabs-nav-title, .dnetor-tabs.dnetor-tabs-default .dnetor-tabs-nav-item.dnetor-tabs-active .dnetor-tabs-nav-title {
  color: #fff;
}
.dnetor-tabs.dnetor-tabs-underline .dnetor-tabs-list {
  border-bottom: var(--tab_border_width) solid #eee;
}
.dnetor-tabs.dnetor-tabs-underline .dnetor-tabs-list::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(var(--start_of_pos) - var(--tab_border_width));
  height: var(--tab_underline_border_width);
  scale: var(--_tab_width, 0.1) 1;
  translate: var(--_tab_left, 0) 0;
  transform-origin: left;
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -o-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  transition: scale 200ms, translate 200ms;
  background: #306aff;
}
.dnetor-tabs.dnetor-tabs-type_3 .dnetor-tabs-list {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
}
.dnetor-tabs.dnetor-tabs-type_3 .dnetor-tabs-list .dnetor-tabs-nav-item .dnetor-tabs-nav-title {
  text-align: center !important;
}
.dnetor-tabs.dnetor-tabs-type_4 .dnetor-tabs-header {
  -ms-flex-pack: center;
  justify-content: center;
}
.dnetor-tabs.dnetor-tabs-type_4 .dnetor-tabs-list {
  width: 80%;
  border-bottom: var(--tab_border_width) solid #eee;
  border-top: var(--tab_border_width) solid #eee;
  -ms-flex-pack: center;
  justify-content: center;
}
.dnetor-tabs.dnetor-tabs-type_4 .dnetor-tabs-nav-item {
  padding: 25px;
  border: unset !important;
}
.dnetor-tabs.dnetor-tabs-type_4 .border-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.dnetor-tabs.dnetor-tabs-type_4 .border-image img {
  width: 15px;
}

@media (max-width: 767px) {
  .dnetor-tabs .dnetor-tabs-list {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .dnetor-tabs.dnetor-tabs-type_4 .dnetor-tabs-list {
    width: 100%;
  }
}

/*# sourceMappingURL=tabs-vertical.css.map */