/**
 * @file
 * VVj Tabs.
 *
 * Filename:     vvjt-vertical.css
 * Website:      https://www.flashwebcenter.com
 * Developer:    Alaa Haddad https://www.alaahaddad.com.
 */
.vvjt.vertical .vvjt-inner {
  display: flex;
  flex-direction: column;
}

.vvjt.vertical .tab-buttons,
.vvjt.vertical .tab-panes {
  width: 100%;
}

.vvjt.vertical.max-w .vvjt-inner .tab-buttons {
  max-width: calc(var(--vertical-width, 300) * 1px);
  width: 100%;
}

.vvjt.vertical.max-h .vvjt-inner .tab-buttons {
  height: 100%;
  max-height: calc(var(--vertical-height) * 1px);
}