.customers_tabs { .ui-tabs-nav, &.ui-tabs > .ui-tabs-nav { width: 100%; background: $tabs-bg-color; margin: (-$tab-item-padding-top) 0 0 (-$tab-item-padding-left); padding: 10px $tab-item-padding-right 10px 20px; position: relative; top: auto; left: auto; @include border-box; @include border-top-radius($tab-item-border-top-radius); @include border-bottom-radius(0); .ui-state-default { display: inline-block; vertical-align: top; padding: 0; margin: $tabs-link-margin; background: none; border: none; height: auto; line-height: normal; @include box-shadow(none); a { display: block; color: $tabs-link-color; border: $tabs-link-border-color $tabs-link-border-size solid; padding: $tabs-link-padding; height: $tabs-link-height - ($tabs-link-border-size * 2); line-height: $tabs-link-height; font-size: $tabs-font-size; text-shadow: $tabs-link-text-shadow; text-transform: uppercase; font-style: normal; text-decoration: none; @include border-radius($tabs-link-border-radius); @include gradient-vertical($tabs-link-bg-start-color, $tabs-link-bg-end-color); @include box-shadow($tabs-link-box-shadow); } &.ui-state-active { a { color: $tabs-link-active-color; height: $tabs-link-height - ($tabs-link-active-border-size * 2); border: $tabs-link-active-border-color $tabs-link-active-border-size solid; text-shadow: $tabs-link-active-text-shadow; @include gradient-vertical($tabs-link-active-bg-start-color, $tabs-link-active-bg-end-color); @include box-shadow($tabs-link-active-box-shadow); } } } } } .tab_item { width: $tab-item-width; padding-top: $tab-item-padding-top; padding-right: $tab-item-padding-right; padding-bottom: $tab-item-padding-bottom; padding-left: $tab-item-padding-left; margin: $tab-item-margin; background: $tab-item-bg-color; border: $tab-item-border-color $tab-item-border-size solid; @include border-top-radius($tab-item-border-top-radius); @include border-bottom-radius($tab-item-border-bottom-radius); @include box-shadow($tab-item-box-shadow); }