/*!
    ==============================
    ======= WARNING!!!!! =========
    ==============================

    DO NOT CHANGE THIS FILE, IT WAS PRE-COMPILED WITH SASS- ANY CHANGES MAY GET OVERWRITTEN. TO OVERWRITE ANYTHING IN THIS FILE,
    ADD CUSTOM CSS TO THE THEME OR PORTLET'S STYLE SHEETS FIELD
*/
.border-box, .tabs ul.items, .tabs ul.items li,
.tabs ul.labels,
.tabs ul.labels li {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.content-box, .tabs.vertical-tabs .labels > *.active, .tabs.vertical-tabs .labels > *:focus {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box; }

.tabs .items {
  position: relative; }
.tabs .items > * {
  position: absolute;
  top: 0px;
  left: 0px;
  transition: opacity 0.3s ease-in-out;
  opacity: 0; }
  .tabs .items > *.active {
    opacity: 1;
    z-index: 100; }
.tabs ul.items,
.tabs ul.labels {
  padding: 0px;
  margin: 0px; }
  .tabs ul.items, .tabs ul.items li,
  .tabs ul.labels,
  .tabs ul.labels li {
    list-style: none;
    display: block; }

.tabs.vertical-tabs {
  overflow: hidden;
  height: 100%; }
  .tabs.vertical-tabs .items,
  .tabs.vertical-tabs .labels {
    float: left;
    height: 100%; }
  .tabs.vertical-tabs .labels {
    position: relative;
    z-index: 101; }
  .tabs.vertical-tabs .labels {
    width: 22%;
    border-right: .5em solid #fff; }
  .tabs.vertical-tabs .labels > * {
    background-color: rgba(255, 255, 255, 0.75);
    cursor: pointer;
    font-size: 1.25em;
    padding: 1em;
    line-height: 2em;
    vertical-align: middle;
    border: 1px solid rgba(0, 0, 0, 0.75);
    border-top: none;
    border-left: none;
    transition: all 0.3s ease-in-out;
    display: block; }
    .tabs.vertical-tabs .labels > *:hover {
      background-color: rgba(255, 255, 255, 0.87); }
    .tabs.vertical-tabs .labels > *.active, .tabs.vertical-tabs .labels > *:focus {
      padding: 1em;
      padding-right: .2em;
      width: 100%;
      border: none;
      -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 0% 0%);
      clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 0% 0%); }
      .tabs.vertical-tabs .labels > *.active, .tabs.vertical-tabs .labels > *.active:hover, .tabs.vertical-tabs .labels > *:focus, .tabs.vertical-tabs .labels > *:focus:hover {
        background-color: #fff; }
      .tabs.vertical-tabs .labels > *.active, .tabs.vertical-tabs .labels > *.active a, .tabs.vertical-tabs .labels > *:focus, .tabs.vertical-tabs .labels > *:focus a {
        box-shadow: none;
        -moz-box-shadow: none;
        outline: none; }
    .tabs.vertical-tabs .labels > *.active + * {
      border-top: 1px solid rgba(0, 0, 0, 0.75); }
    .tabs.vertical-tabs .labels > *:last-child {
      border-bottom: none; }
    .tabs.vertical-tabs .labels > * .icon {
      font-size: 2em;
      margin-right: .5em;
      width: 1em;
      position: relative;
      top: -.125em; }
  .tabs.vertical-tabs .items {
    width: 75%;
    background-color: rgba(255, 255, 255, 0.4); }
  .tabs.vertical-tabs .items > * {
    padding: 2em 2.5em;
    width: 100%; }

/*# sourceMappingURL=simpletabs.css.map */