.x-circle-tab{cursor:pointer}.x-circle-tab .inner,.x-circle-tab .outer{transition:all .25s ease-in-out}.x-circle-tab .outer{fill:transparent;stroke-width:2px;vector-effect:non-scaling-stroke}.x-circle-tabs.blue .outer{stroke:#57c9f2}.x-circle-tabs.blue .inner{fill:#57c9f2}.x-circle-tab-pane-number.blue{background-color:#57c9f2}.x-circle-tabs.orange .outer{stroke:#ff5100}.x-circle-tabs.orange .inner{fill:#ff5100}.x-circle-tab-pane-number.orange{background-color:#ff5100}.x-circle-tabs.black .outer{stroke:#3a3a3a}.x-circle-tabs.black .inner{fill:#3a3a3a}.x-circle-tab-pane-number.black{background-color:#3a3a3a}.x-circle-tabs.green .outer{stroke:#2bb04b}.x-circle-tabs.green .inner{fill:#2bb04b}.x-circle-tab-pane-number.green{background-color:#2bb04b}.x-circle-tabs.yellow .outer{stroke:#f8d83b}.x-circle-tabs.yellow .inner{fill:#f8d83b}.x-circle-tab-pane-number.yellow{background-color:#f8d83b}.x-circle-tabs.magenta .outer{stroke:#a80e4c}.x-circle-tabs.magenta .inner{fill:#a80e4c}.x-circle-tab-pane-number.magenta{background-color:#a80e4c}.x-circle-tab.inactive .outer{stroke:transparent;stroke-width:0}.x-circle-tab.inactive .inner{fill:transparent;stroke:#666}.x-circle-tab.inactive:hover .inner{fill:hsla(0,0%,60%,.5)}.x-circle-tab.deactivated{cursor:default}.x-circle-tab.deactivated .inner,.x-circle-tab.deactivated .outer,.x-circle-tab.deactivated:hover .inner,.x-circle-tab.deactivated:hover .outer{fill:transparent;stroke:#eee;stroke-width:1px}