:host(.isp-corporate-mode-wrapper) { .isp-tab-toggle { margin-left: auto; margin-right: auto; font-size: 0.875rem; max-width: none; .tabs-container { border-collapse: separate; .tab-element { vertical-align: middle; font-size:0.75rem; font-weight:bold; height: 2.1875rem; width: auto; min-width: 5rem; max-width: 9rem; padding: 0.625rem 1.25rem 0.625rem 1.25rem; &.disabled { pointer-events: none; cursor: default; .tab-title { pointer-events: none; cursor: default; } } &:not(.first).active { &.inner+:not(.active) { //border-left-color:transparent; border-left: none; padding-left: 1.3125rem; .tab-title { } } } &:not(.last):not(.active) { //border-right-color:transparent; border-right:none; padding-right: 1.3125rem; .tab-title { } } &.first.active { &+.last:not(.active) { //border-left-color:transparent; border-left: none; padding-left: 1.3125rem; .tab-title { } } } &:first-child { border-radius: 0.125rem 0 0 0.125rem; } &:last-child { border-radius: 0 0.125rem 0.125rem 0; } i { font-size: 1rem; } .tab-title { text-transform: none; height: 0.75rem; width: auto; min-width: 2.5rem; max-width: 6.5rem; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:bold; line-height: 0.75rem; span { font-size: 0.75rem; } } &.active { box-shadow: none; } } } } } .isp-tab-toggle { display: table; max-width: 59.6875rem; .tabs-container { border-collapse: collapse; .tab-element { display: table-cell; height: 3.125em; width: 15rem; text-align: center; border-width: 0.0625rem; border-style: solid; padding: 0.3125rem; cursor: pointer; &.disabled { pointer-events: none; cursor: not-allowed; opacity: 0.5; } i { display: block; font-size: 1.5rem; } .tab-title { display: table-cell; height: 2.5em; width: 14.375rem; font-weight: 600; margin: auto; vertical-align: middle; span { font-size: 0.75em; } } } } } .centre { display: table; margin-left: auto; margin-right: auto; }