/**
 * @file
 * Views Tabs
 *
 * Filename:     vvjt-992.css
 * Website:      https://www.flashwebcenter.com
 * Developer:    Alaa Haddad https://www.alaahaddad.com.
 */
@media (min-width:62rem) {
  .vvjt.br-992.vertical .vvjt-inner {
    flex-direction: row;
  }

  .vvjt.br-992.vertical.right .vvjt-inner {
    flex-direction: row-reverse;
  }

  .vvjt.br-992.vertical .vvjt-inner .tab-panes {
    flex: 1;
    min-width: 0;
  }

  .vvjt.br-992.vertical .vvjt-inner .tab-buttons {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
  }

  .vvjt.br-992.vertical .vvjt-inner .tab-buttons:not(.vvjt.max-w .tab-buttons) {
    width: auto;
  }

  .vvjt.br-992.vertical.max-h .tab-buttons {
    overflow-y: auto;
    overflow-x: hidden;
  }

  .vvjt.br-992.vertical.max-h .tab-buttons > * {
    flex: 0 0 auto;
  }

}

@media (max-width:61.99875rem) {
  .vvjt.br-992.vertical .vvjt-inner .vvjt-button img {
    height: auto;
    width: auto;
    max-width: none;
  }

  .vvjt.br-992.vertical .tab-buttons {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .vvjt.br-992.vertical .tab-buttons .vvjt-button {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
  }

  .vvjt.br-992.vertical.wrap-tabs .tab-buttons .vvjt-button {
    float: left;
    white-space: normal;
    overflow-x: visible;
  }

  .vvjt.br-992.vertical.max-h .tab-buttons {
    flex-direction: initial;
    overflow-y: initial;
    max-height: initial !important;
    height: auto !important;
  }

  .vvjt.br-992.vertical.max-w .tab-buttons {
    max-width: initial !important;
    width: initial !important;
  }

  .vvjt.br-992.vertical.max-h .tab-buttons > * {
    flex: initial;
  }

}