.scTabPage { background-color: #fafbfe; background-image: none; opacity: 1; filter: alpha(opacity=100) }
.scTabTable { background-color: #fafbfe; background-image: none; opacity: 1; filter: alpha(opacity=100); border-color: #fff; border-style: none; border-width: 0 }
.scTabTableApls { border-width: 0 }
.scTabLine { background-color: transparent; background-image: none; background-position: center center; opacity: 1; filter: alpha(opacity=100); border-color: #dfe3f7; border-style: solid; border-width: 0 0 2px 0; width: 100%; margin: 0; padding: 5px 20px 0 20px; list-style-type: none; box-sizing: border-box }
.scTabHeader { background-color: #727cf5; background-image: linear-gradient(135deg, #7982f6 0%, #6b75f2 100%); opacity: 1; filter: alpha(opacity=100); border-color: #727cf5; border-style: solid; border-width: 1px }
.scTabHeaderFont { color: #FFFFFF; font-family: Leelawadee, Ebrima, 'Bahnschrift Light', Gadugi, 'Nirmala UI', 'Segoe UI', Verdana; font-size: 13px; font-weight: normal; padding: 0; letter-spacing: 1px; text-decoration: none }
.scTabActive { list-style: none; top: 1px; background-color: #FFFFFF; background-image: none; background-position: center center; opacity: 1; filter: alpha(opacity=100); border-width: 0 0 2px 0; border-color: #727cf5; border-style: solid; border-collapse: collapse; padding: 8px 18px; margin: 1px 4px -2px 4px; height: 21px; line-height: 20px; min-height: 21px; display: inline-block; position: relative; transition: color 150ms ease }
.scTabActive, .scTabActive a { color: #727cf5; font-family: Leelawadee, Ebrima, 'Bahnschrift Light', Gadugi, 'Nirmala UI', 'Segoe UI', Verdana; font-size: 13px; font-weight: 600; text-decoration: none; font-style: normal }
.scTabInactive { list-style: none; top: 1px; background-color: transparent; background-image: none; background-position: center center; opacity: 1; filter: alpha(opacity=100); border-width: 0 0 2px 0; border-color: transparent; border-style: solid; border-collapse: collapse; padding: 8px 18px; margin: 1px 4px -2px 4px; height: 21px; line-height: 20px; min-height: 21px; display: inline-block; position: relative; transition: color 150ms ease, border-color 150ms ease }
.scTabInactive, .scTabInactive a { color: #6c757d; font-family: Leelawadee, Ebrima, 'Bahnschrift Light', Gadugi, 'Nirmala UI', 'Segoe UI', Verdana; font-size: 13px; font-weight: normal; text-decoration: none; font-style: normal }
.scTabInactive:hover { border-color: #c7cdf5 }
.scTabInactive:hover a { color: #313a46 }
.scTabActiveLink, .scTabActiveLink a { color: #727cf5; font-family: Leelawadee, Ebrima, 'Bahnschrift Light', Gadugi, 'Nirmala UI', 'Segoe UI', Verdana; font-size: 13px; font-weight: 600; font-style: normal; text-decoration: none; padding: 2px 5px; margin: 3px 1px; display: inline-block; background-color: transparent; border-style: none; cursor: default }
.scTabInactiveLink, .scTabInactiveLink a { color: #6c757d; font-family: Leelawadee, Ebrima, 'Bahnschrift Light', Gadugi, 'Nirmala UI', 'Segoe UI', Verdana; font-size: 13px; font-weight: normal; font-style: normal; text-decoration: none; padding: 2px 5px; margin: 3px 1px; display: inline-block; background-color: transparent; border-style: none; transition: color 150ms ease }
.scTabInactiveLink:hover, .scTabInactiveLink:hover a { cursor: pointer; text-decoration: none; color: #313a46 }
.scTab_space_wi { width: 1px }
.scTab_space_he { height: 1px }

/* ============ DARK MODE ============ */
[data-theme="dark"] .scTabPage, [data-theme="dark"] .scTabTable { background-color: #14161b !important }
[data-theme="dark"] .scTabLine { border-color: #3a3d47 !important }
[data-theme="dark"] .scTabActive { background-color: #1e2128 !important; color: #9aa5f8 !important; border-color: #727cf5 !important }
[data-theme="dark"] .scTabActive a { color: #9aa5f8 !important }
[data-theme="dark"] .scTabInactive { background-color: transparent !important; color: #a8adb7 !important }
[data-theme="dark"] .scTabInactive a { color: #a8adb7 !important }
[data-theme="dark"] .scTabInactive:hover { border-color: #4a4f6e !important }
[data-theme="dark"] .scTabInactive:hover a { color: #e8e9ec !important }