def get_bootstrap_styles(self):
    styles = HtmlElement.style()
    color = styles.get_color('color')
    styles.add(('\n            .nav-pills .nav-link, .nav-tabs .nav-link {\n                padding: .5em .8575em;\n                font-size: 12px;\n                height: 31px;\n            }\n\n            .spt_tab_header_top {\n                height: 31px;\n            }\n\n            .spt_tab_header_top {\n                height: 31px;\n            }\n\n            .spt_tab_header {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n\n                user-select: none;\n                -webkit-touch-callout: none; /* iOS Safari */\n                -webkit-user-select: none; /* Safari */\n                -khtml-user-select: none; /* Konqueror HTML */\n                -moz-user-select: none; /* Old versions of Firefox */\n                -ms-user-select: none; /* Internet Explorer/Edge */\n            }\n\n            .spt_tab_header_top .spt_tab_selected {\n                height: 31px;\n                background: var(--spt_palette_background);\n                color: #000;\n            }\n\n            .spt_tab_content_top .spt_tab_header {\n                border-bottom: solid .214rem transparent;\n            }\n\n            .spt_popup_content .spt_tab_header {\n                border-bottom: solid .214rem transparent;\n                background: inherit;\n                color: inherit;\n            }\n\n            .spt_tab_content_top .spt_tab_header_top .spt_tab_selected {\n                border-bottom: solid .214rem var(--spt_palette_md_secondary);\n                background: inherit;\n                color: inherit;\n            }\n            \n            .spt_popup_content .spt_tab_header_top .spt_tab_selected {\n                border-bottom: solid .214rem var(--spt_palette_md_secondary);\n                background: inherit;\n                color: inherit;\n            }\n\n            .spt_tab_header_top .spt_tab_selected .nav-link {\n                color: #fff;\n                border-bottom: 0px solid transparent;\n            }\n\n            .spt_tab_header_top .spt_tab_selected .nav-link:hover {\n                color: #fff;\n                border-bottom: 0px solid transparent;\n            }\n            \n            .nav-tabs .nav-link {\n                border-bottom: .214rem solid transparent;\n            }\n\n            .nav-tabs .nav-link:hover {\n                border-bottom: .214rem solid transparent;\n            }\n\n            .spt_tab_remove {\n                display: none;\n                position: absolute;\n                right: 3px;\n            }\n\n            .spt_tab_selected .spt_tab_remove {\n                display: block;\n            }\n\n            .spt_tab_selected .spt_tab_remove {\n                display: block;\n            }\n\n            .spt_tab_header:hover .spt_tab_remove {\n                display: block;\n            }\n\n            .spt_tab_header_label_container {\n                display: flex;\n                align-items: center;\n            }\n\n            .spt_tab_header_label {\n                color: %s;\n                text-overflow: ellipsis;\n                overflow-x: hidden;\n                white-space: nowrap;\n            }\n\n            .spt_tab_selected .spt_tab_header_label {\n                color: %s !important;\n            }\n\n            .spt_tab_header_count {\n                margin-left: 10px;\n            }\n        ' % (color, color)))
    return styles
def get_bootstrap_styles(self):
    styles = HtmlElement.style()
    color = styles.get_color('color')
    styles.add(('\n            .nav-pills .nav-link, .nav-tabs .nav-link {\n                padding: .5em .8575em;\n                font-size: 12px;\n                height: 31px;\n            }\n\n            .spt_tab_header_top {\n                height: 31px;\n            }\n\n            .spt_tab_header_top {\n                height: 31px;\n            }\n\n            .spt_tab_header {\n                display: flex;\n                align-items: center;\n                justify-content: space-between;\n\n                user-select: none;\n                -webkit-touch-callout: none; /* iOS Safari */\n                -webkit-user-select: none; /* Safari */\n                -khtml-user-select: none; /* Konqueror HTML */\n                -moz-user-select: none; /* Old versions of Firefox */\n                -ms-user-select: none; /* Internet Explorer/Edge */\n            }\n\n            .spt_tab_header_top .spt_tab_selected {\n                height: 31px;\n                background: var(--spt_palette_background);\n                color: #000;\n            }\n\n            .spt_tab_content_top .spt_tab_header {\n                border-bottom: solid .214rem transparent;\n            }\n\n            .spt_popup_content .spt_tab_header {\n                border-bottom: solid .214rem transparent;\n                background: inherit;\n                color: inherit;\n            }\n\n            .spt_tab_content_top .spt_tab_header_top .spt_tab_selected {\n                border-bottom: solid .214rem var(--spt_palette_md_secondary);\n                background: inherit;\n                color: inherit;\n            }\n            \n            .spt_popup_content .spt_tab_header_top .spt_tab_selected {\n                border-bottom: solid .214rem var(--spt_palette_md_secondary);\n                background: inherit;\n                color: inherit;\n            }\n\n            .spt_tab_header_top .spt_tab_selected .nav-link {\n                color: #fff;\n                border-bottom: 0px solid transparent;\n            }\n\n            .spt_tab_header_top .spt_tab_selected .nav-link:hover {\n                color: #fff;\n                border-bottom: 0px solid transparent;\n            }\n            \n            .nav-tabs .nav-link {\n                border-bottom: .214rem solid transparent;\n            }\n\n            .nav-tabs .nav-link:hover {\n                border-bottom: .214rem solid transparent;\n            }\n\n            .spt_tab_remove {\n                display: none;\n                position: absolute;\n                right: 3px;\n            }\n\n            .spt_tab_selected .spt_tab_remove {\n                display: block;\n            }\n\n            .spt_tab_selected .spt_tab_remove {\n                display: block;\n            }\n\n            .spt_tab_header:hover .spt_tab_remove {\n                display: block;\n            }\n\n            .spt_tab_header_label_container {\n                display: flex;\n                align-items: center;\n            }\n\n            .spt_tab_header_label {\n                color: %s;\n                text-overflow: ellipsis;\n                overflow-x: hidden;\n                white-space: nowrap;\n            }\n\n            .spt_tab_selected .spt_tab_header_label {\n                color: %s !important;\n            }\n\n            .spt_tab_header_count {\n                margin-left: 10px;\n            }\n        ' % (color, color)))
    return styles