/* 项目部 2018.2.8 版本: V2.8*/ /* 更新说明: 1.新增1200px宽度,新增19px栏目字体 2.新增40px,50px大宽度间距 3.新增p文本两端对齐 */ /* 使用注意: 1. hanweb全局定义缺少页面字体的整体大小和风格定义。(请在个性表中按项目PSD 定义) 2. 默认 a 标签的link hover 等交互色和默认值同样未定义,(同上)。 3. 如项目需兼容ie7,请将所有加了“border”和“padding”两个属性值的class固定宽度/高度值,用“ *+宽度/高度” 兼容IE7的写法减去所设的两个属性占的px; (详情请参阅 “JCMS 模板制作规范文档”) */ /*框架样式区域*/ /*增加设计1.11*/ /*********************************************************************************************************************************************************** ============================================================第一部分:标准框架样式/常用样式==================================================================== **********************************************************************************************************************************************************/ /***常用基本样式==单独调用-***/ .bt-weight{ font-weight:bold;} /*********通用==浮动、盒模型*********/ .bt-left {float:left} .bt-right {float:right} .bt-clear{clear:both} .bt-none{display:none} .bt-block{display:block} .bt-hidden{overflow:hidden} .bt-margin-left-10{margin-left:10px} .bt-margin-left-15{margin-left:15px} .bt-margin-left-20{margin-left:20px} .bt-margin-left-25{margin-left:25px} .bt-margin-left-30{margin-left:30px} .bt-margin-top-10{margin-top:10px} .bt-margin-top-15{margin-top:15px} .bt-margin-top-20{margin-top:20px} .bt-margin-top-25{margin-top:25px} .bt-margin-top-30{margin-top:30px} .bt-margin-right-10{margin-right:10px} .bt-margin-right-15{margin-right:15px} .bt-margin-right-20{margin-right:20px} .bt-margin-right-25{margin-right:25px} .bt-margin-right-30{margin-right:30px} .bt-margin-bottom-10{margin-bottom:10px} .bt-margin-bottom-15{margin-bottom:15px} .bt-margin-bottom-20{margin-bottom:20px} .bt-margin-bottom-25{margin-bottom:25px} .bt-margin-bottom-30{margin-bottom:30px} .bt-margin-10{margin:10px} .bt-margin-15{margin:15px} .bt-margin-20{margin:20px} .bt-margin-25{margin:25px} .bt-margin-30{margin:30px} .bt-padding-left-10{padding-left:10px} .bt-padding-left-15{padding-left:15px} .bt-padding-left-20{padding-left:20px} .bt-padding-left-25{padding-left:25px} .bt-padding-left-30{padding-left:30px} .bt-padding-top-10{padding-top:10px} .bt-padding-top-15{padding-top:15px} .bt-padding-top-20{padding-top:20px} .bt-padding-top-25{padding-top:25px} .bt-padding-top-30{padding-top:30px} .bt-padding-right-10{padding-right:10px} .bt-padding-right-15{padding-right:15px} .bt-padding-right-20{padding-right:20px} .bt-padding-right-25{padding-right:25px} .bt-padding-right-30{padding-right:30px} .bt-padding-bottom-10{padding-bottom:10px} .bt-padding-bottom-15{padding-bottom:15px} .bt-padding-bottom-20{padding-bottom:20px} .bt-padding-bottom-25{padding-bottom:25px} .bt-padding-bottom-30{padding-bottom:30px} .bt-padding-10{padding:10px} .bt-padding-15{padding:15px} .bt-padding-20{padding:20px} .bt-padding-25{padding:25px} .bt-padding-30{padding:30px} .bt-padding-40{padding:40px;} .bt-padding-50{padding:50px;} /*********通用==高度*********/ .bt-height-30{height:30px;} .bt-height-35{height:35px;} .bt-height-36{height:36px;} .bt-height-40{height:40px;} .bt-height-45{height:45px;} .bt-height-50{height:50px;} /********通用==虚线 实线 外框*********/ .bt-solid {border:#ccc solid 1px;} .bt-solid-bottom {border-bottom:#e5e5e5 solid 1px;} .bt-dashed{border:#CCC dashed 1px;} .bt-dashed-bottom {border-bottom:#e5e5e5 dashed 1px;} /********通用==行高 *********/ .bt-line-height-22{line-height:22px;} .bt-line-height-24{line-height:24px;} .bt-line-height-26{line-height:26px;} .bt-line-height-28{line-height:28px;} .bt-line-height-30{line-height:30px;} .bt-line-height-35{line-height:35px;} .bt-line-height-40{line-height:40px;} .bt-line-height-45{line-height:45px;} .bt-line-height-50{line-height:50px;} /********通用==字号*********/ .bt-size-12{font-size:12px;} .bt-size-13{font-size:13px;} .bt-size-14{font-size:14px;} .bt-size-15{font-size:15px;} .bt-size-16{font-size:16px;} .bt-size-17{font-size:17px;} .bt-size-19{font-size:19px;} .bt-size-25{font-size:25px;} .bt-size-29{font-size:29px;} .bt-font-y{ font-family:"微软雅黑" } .bt-font-s{ font-family: "宋体" } .bt-size-blod{ font-weight:bold} .bt-size-normal{ font-weight:100} /*****中间===模块化标准尺寸*****/ .bt-box{ width:100%; height:auto; } .bt-box-1200{ width: 1200px; height: auto; margin: 0 auto; } .bt-box-1100 { width:1100px; height:auto; margin:0 auto; } .bt-box-1000 { width:1000px; height:auto; margin:0 auto; } .bt-box-980{ width:980px; height:auto; margin:0 au } .bt-box-970{ width:970px; height:auto; margin:0 auto; } .bt-box-960{ width:960px; height:auto; margin:0 auto; } .bt-box-50, .bt-box-100, .bt-box-150, .bt-box-220, .bt-box-235, .bt-box-240, .bt-box-310, .bt-box-320, .bt-box-430, .bt-box-490, .bt-box-520, .bt-box-660, .bt-box-745, .bt-box-750{ /*通用属性*/ background:#FFF; } .bt-box-50, .bt-box-100, .bt-box-150, .bt-box-220 {width:220px;} .bt-box-235 {width:235px;} .bt-box-240 {width:240px;} .bt-box-310 {width:310px;} .bt-box-320 {width:320px;} .bt-box-430 {width:430px;} .bt-box-490 {width:490px;} .bt-box-520 {width:520px;} .bt-box-660 {width:660px;} .bt-box-745 {width:745px;} .bt-box-760 {width:760px;} /*********************************************************************************************************************************************************** =====================================================附表 CSS3 或 CSS 特效 考虑到兼容性,不做推荐=========================================================== **********************************************************************************************************************************************************/ /*****CSS3==圆角显示*****/ .bt-radius{ border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } /*****CSS3==阴影显示*****/ .bt-shadow{ -webkit-box-shadow: 3px 3px 3px; -moz-box-shadow: 3px 3px 3px; box-shadow: 3px 3px 3px; } /*****CSS3==透明度显示*****/ .bt-alpha{ filter:alpha(opacity=50); /*IE滤镜,透明度50%*/ -moz-opacity:0.5; /*Firefox私有,透明度50%*/ -khtml-opacity: 0.5; opacity:0.5;/*其他,透明度50%*/ } /*****CSS3==IMG 划过放大*****/ .bt-hover-img:hover{ transform:scale(1.1); /*放大原尺寸的1.1倍*/ transition:all 0.5s; } /*****CSS==IMG 垂直水平居中*****/ .bt-box-img{ /*容器一定要固定宽度和高度*/ display:table-cell; vertical-align:middle; } .bt-box-img img{ width:auto; height:100% } /*****CSS==控制字数/加省略号*****/ .bt-nowrap{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*****CSS==强制换行*****/ .bt-wrap{word-wrap:break-word;} /************其他css 使用备注(有需要的请拷贝使用) 1. 针对所有ie的写法: 2. 自适应css写法: @media screen and (min-width: 1201px) { .abc {width: 1200px} } /* css 注释说明:设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */ /* @media screen and (max-width: 1200px) { .abc {width: 900px} } /* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */ /* @media screen and (max-width: 900px) { .abc {width: 200px;} } /* 设置了浏览器宽度不大于900px时 abc 显示200px宽度 */ /* 未完暂定 */ /******标准==华丽的分割行*******/ .bt-note-10, .bt-note-15, .bt-note-20{ width:100%; clear:both; } .bt-note-10 {height:10px;} .bt-note-15 {height:15px;} .bt-note-20 { height:20px;} /******************标准模块宽度====传统+雅黑*******************/ /***页头+中间部分+页脚通用样式***/ .bt-head, .bt-main, .bt-footer{ width:100%; height:auto; margin:0 auto; } .bt-main{ min-height:400px; } /*************标准==顶部导航****************/ /*1100px*/ .bt-top-nav{ height:40px; width:100%; margin:0 auto; } .bt-top-nav-cen{ height:40px; line-height:30px; width:1100px; margin:0 auto; } /*旧1000px*/ .od-bt-top-nav{ height:30px; width:100%; margin:0 auto; } .od-bt-top-nav-cen{ height:30px; line-height:30px; width:1000px; margin:0 auto; } /***********head区域*****************/ /*1100px*/ .bt-head-cen{ width:1100px; height:150px; margin:0 auto; } /*旧1100*/ .od-bt-head-cen{ width:1000px; height:150px; margin:0 auto; } .bt-logo{float:left} /*页脚区域*/ .bt-footer{width:100%} .bt-footer-nav{ width:100%; height:30px; } /*1100*/ .bt-footer-nav-cen{ width:1100px; height:30px; line-height:30px; margin:0 auto; } .bt-copyright { width:1100px; min-height:110px; margin:0 auto; padding:20px 0; *min-height:90px;/*兼容IE7*/ text-align:center; } /*旧1000*/ .od-bt-footer-nav-cen{ width:1000px; height:30px; line-height:30px; margin:0 auto; } .od-bt-copyright { width:1000px; min-height:110px; margin:0 auto; padding:20px 0; *min-height:90px;/*兼容IE7*/ text-align:center; } /**导航通用**/ .bt-nav-y{ width:100%; height:50px; line-height:50px; } .bt-nav-s { width:100%; height:35px; line-height:35px; } /**文本两端对齐**/ .bt-justify{text-align: justify;text-justify: inter-ideograph;} /******************************************************************************************************************************** 2017-04新增响应式模式下页面框架的通用样式,命名规则:bt + vary(变化)+ 位置 响应式规则是页面在宽屏 笔记本 移动端 三种分辨率下 页面正常显示! 宽屏:1400px; 笔记本:1000px; 移动端:750px(自适应) **********************************************************************************************************************************/ /**三种分辨率情况下通用样式**/ .bt-vart-head, .bt-vart-nav, .bt-vart-main, .bt-vart-footer{ margin:0 auto} @media only screen and (max-width:1920px) { /**屏幕最大分辨率尺寸==适用台式机**/ /**head区域样式变换**/ .bt-vart-head{width:1400px;min-height:150px;} .bt-vart-head .top-nav{height:35px;} .bt-vart-head .head-banner{height:115px;} /**主导航区域**/ .bt-vart-nav{width:1400px; height:50px;} .bt-vart-main{width:1400px; min-height:100px; margin:0 auto;} /**footer区域**/ .bt-vart-footer{width:1400px; min-height:145px; margin:0 auto;} .bt-vart-footer .bottom-nav{height:35px;} .bt-vart-footer .copyright{height:110px} } @media only screen and (max-width:1366px) { /**屏幕最大分辨率尺寸==适用笔记本**/ /**head区域样式变换**/ .bt-vart-head{width:1000px;min-height:150px;} .bt-vart-head .head-banner{height:115px;} /**主导航区域**/ .bt-vart-nav{width:1000px; height:50px;} /**主内容区域**/ .bt-vart-main{width:1000px; min-height:100px; margin:0 auto;} /**footer区域**/ .bt-vart-footer{width:1000px; min-height:145px; margin:0 auto;} .bt-vart-footer .bottom-nav{height:35px;} .bt-vart-footer .copyright{height:110px} } @media only screen and (max-width:768px) { /**屏幕最大分辨率尺寸==适用手机端** / /**head区域样式变换**/ .bt-vart-head{width:100%;min-height:150px;} .bt-vart-head .head-banner{height:auto; overflow:hidden} /**主导航区域**/ .bt-vart-nav{width:50px; height:50px; overflow:hidden; position:absolute; top:10px; right:20px;} /**主内容区域**/ .bt-vart-main{width:100%; min-height:100px; margin:0; padding:0 30px} /**footer区域**/ .bt-vart-footer{width:100%; min-height:145px; margin:0 auto;} .bt-vart-footer .bottom-nav{height:35px;} .bt-vart-footer .copyright{height:110px} } /****************************************初始化样式-无需改动查看*****************************************/ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Prevent iOS text size adjust after orientation change, without disabling user zoom. */ html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; } /* Remove default margin. */ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } /* HTML5 display definitions */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template, script { display: none; } /* Links ========================================================================== */ /* 默认背景色透明*/ a { background-color: transparent; } /* 获取焦点字段,并设计其样式*/ a:focus { outline: thin dotted; } /* 当使用TAB键盘控制页面时,取消默认选中模块的虚线框 */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /* 下划线 */ ins, a { text-decoration: none; } /* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /* Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* Embedded content ========================================================================== */ /** * 1. Corrects max-width behavior (2.) if padding and border are used * 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height * 3. Remove the gap between images and the bottom of their containers * 4. Remove border when inside `a` element in IE 8/9. */ img { box-sizing: border-box; vertical-align: middle; border: 0; } a img{border:0} /* Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 0; } /* Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; padding: 0; } /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } input[type="radio"], input[type="checkbox"] { cursor: pointer; padding: 0; box-sizing: border-box; } /* Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /* Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } /* Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ resize: vertical; } optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* ========================================================================== Component:Hanweb Base ============================================================================ */ /** * `font-size` is set in `html` element to support the `rem` unit for font-sizes * NOTE: IE9 & IE10 do not recognize `rem` units when used with the `font` shorthand property. */ html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } html, body { min-height: 100%; padding:0; margin:0; } body { font-weight: normal; color: #333; } body, input, textarea, select, button { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; } /* links */ a { text-decoration:none; transition: all 0.2s ease-out 0s; } a:hover, a:focus { text-decoration: none; text-decoration:none; transition: all 0.2s ease-out 0s; } a:focus { outline:none; outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } /* Spacing for block elements */ p, hr, ul, ol, dl, blockquote, pre, address, fieldset, figure { /*margin: 0 0 10px 0; 2017年1-23*/ margin:0; } /* * + p, * + hr, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure { margin-top: 10px; } */ /* Headings ========================================================================== */ h1, h2, h3, h4, h5, h6 { /*margin: 0 0 10px 0; 2017-01*/ margin: 0; font-weight: 600; font-size: 100%; } h1 { font-size: 1.5em; } h2 { font-size: 1.25em; } /* List ========================================================================== */ /* Ordered and unordered lists */ ul, ol, li { padding:0; list-style:none; text-decoration:none; } /* Reset margin for nested lists */ ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul { margin: 0; } hr { display: block; padding: 0; border: 0; height: 0; border-top: 1px solid #eeeeee; -moz-box-sizing: content-box; box-sizing: content-box; } /* iframe */ iframe { border: 0; } /* ========================================================================== Component: Table ============================================================================ */ table { max-width: 100%; /*background-color: transparent; 背景色透明有问题2017-01*/ empty-cells: show; } th { text-align: left; } .bt-table { width: 100%; margin-bottom: 10px; border-spacing: 0; border-collapse: separate; } .bt-table > thead > tr > th, .bt-table > tbody > tr > th, .bt-table > tfoot > tr > th, .bt-table > thead > tr > td, .bt-table > tbody > tr > td, .bt-table > tfoot > tr > td { padding: 0.7rem; line-height: 1.6; vertical-align: top; border-top: 1px solid #dddddd; } .bt-table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #dddddd; } .bt-table > caption + thead > tr:first-child > th, .bt-table > colgroup + thead > tr:first-child > th, .bt-table > thead:first-child > tr:first-child > th, .bt-table > caption + thead > tr:first-child > td, .bt-table > colgroup + thead > tr:first-child > td, .bt-table > thead:first-child > tr:first-child > td { border-top: 0; } .bt-table > tbody + tbody tr:first-child td { border-top: 2px solid #dddddd; } /* Bordered version */ .bt-table-bordered { border: 1px solid #dddddd; } .bt-table-bordered > thead > tr > th, .bt-table-bordered > tbody > tr > th, .bt-table-bordered > tfoot > tr > th, .bt-table-bordered > thead > tr > td, .bt-table-bordered > tbody > tr > td, .bt-table-bordered > tfoot > tr > td { border-left: 1px solid #dddddd; } .bt-table-bordered > thead > tr > th:first-child, .bt-table-bordered > tbody > tr > th:first-child, .bt-table-bordered > tfoot > tr > th:first-child, .bt-table-bordered > thead > tr > td:first-child, .bt-table-bordered > tbody > tr > td:first-child, .bt-table-bordered > tfoot > tr > td:first-child { border-left: none; } /* Border-radius version */ .bt-table-radius { border: 1px solid #dddddd; border-radius: 2px; } .bt-table-radius > thead > tr:first-child > th:first-child, .bt-table-radius > thead > tr:first-child > td:first-child { border-top-left-radius: 2px; border-left: none; } .bt-table-radius > thead > tr:first-child > th:last-child, .bt-table-radius > thead > tr:first-child > td:last-child { border-top-right-radius: 2px; border-right: none; } .bt-table-radius > tbody > tr > th:first-child, .bt-table-radius > tbody > tr > td:first-child { border-left: none; } .bt-table-radius > tbody > tr > th:last-child, .bt-table-radius > tbody > tr > td:last-child { border-right: none; } .bt-table-radius > tbody > tr:last-child > th, .bt-table-radius > tbody > tr:last-child > td { border-bottom: none; } .bt-table-radius > tbody > tr:last-child > th:first-child, .bt-table-radius > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 2px; } .bt-table-radius > tbody > tr:last-child > th:last-child, .bt-table-radius > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 2px; } /* Zebra-striping */ .bt-table-striped > tbody > tr:nth-child(odd) > td, .bt-table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } /* Hover effect */ .bt-table-hover > tbody > tr:hover > td, .bt-table-hover > tbody > tr:hover > th { background-color: #e9e9e9; } .bt-table > thead > tr > td.bt-active, .bt-table > tbody > tr > td.bt-active, .bt-table > tfoot > tr > td.bt-active, .bt-table > thead > tr > th.bt-active, .bt-table > tbody > tr > th.bt-active, .bt-table > tfoot > tr > th.bt-active, .bt-table > thead > tr.bt-active > td, .bt-table > tbody > tr.bt-active > td, .bt-table > tfoot > tr.bt-active > td, .bt-table > thead > tr.bt-active > th, .bt-table > tbody > tr.bt-active > th, .bt-table > tfoot > tr.bt-active > th { background-color: #ffffdd; } .bt-table > thead > tr > td.bt-disabled, .bt-table > tbody > tr > td.bt-disabled, .bt-table > tfoot > tr > td.bt-disabled, .bt-table > thead > tr > th.bt-disabled, .bt-table > tbody > tr > th.bt-disabled, .bt-table > tfoot > tr > th.bt-disabled, .bt-table > thead > tr.bt-disabled > td, .bt-table > tbody > tr.bt-disabled > td, .bt-table > tfoot > tr.bt-disabled > td, .bt-table > thead > tr.bt-disabled > th, .bt-table > tbody > tr.bt-disabled > th, .bt-table > tfoot > tr.bt-disabled > th { color: #999999; } .bt-table > thead > tr > td.bt-primary, .bt-table > tbody > tr > td.bt-primary, .bt-table > tfoot > tr > td.bt-primary, .bt-table > thead > tr > th.bt-primary, .bt-table > tbody > tr > th.bt-primary, .bt-table > tfoot > tr > th.bt-primary, .bt-table > thead > tr.bt-primary > td, .bt-table > tbody > tr.bt-primary > td, .bt-table > tfoot > tr.bt-primary > td, .bt-table > thead > tr.bt-primary > th, .bt-table > tbody > tr.bt-primary > th, .bt-table > tfoot > tr.bt-primary > th { color: #292929; background-color: rgba(61, 61, 61, 0.115); } .bt-table > thead > tr > td.bt-success, .bt-table > tbody > tr > td.bt-success, .bt-table > tfoot > tr > td.bt-success, .bt-table > thead > tr > th.bt-success, .bt-table > tbody > tr > th.bt-success, .bt-table > tfoot > tr > th.bt-success, .bt-table > thead > tr.bt-success > td, .bt-table > tbody > tr.bt-success > td, .bt-table > tfoot > tr.bt-success > td, .bt-table > thead > tr.bt-success > th, .bt-table > tbody > tr.bt-success > th, .bt-table > tfoot > tr.bt-success > th { color: #5eb95e; background-color: rgba(94, 185, 94, 0.115); } .bt-table > thead > tr > td.bt-warning, .bt-table > tbody > tr > td.bt-warning, .bt-table > tfoot > tr > td.bt-warning, .bt-table > thead > tr > th.bt-warning, .bt-table > tbody > tr > th.bt-warning, .bt-table > tfoot > tr > th.bt-warning, .bt-table > thead > tr.bt-warning > td, .bt-table > tbody > tr.bt-warning > td, .bt-table > tfoot > tr.bt-warning > td, .bt-table > thead > tr.bt-warning > th, .bt-table > tbody > tr.bt-warning > th, .bt-table > tfoot > tr.bt-warning > th { color: #f37b1d; background-color: rgba(243, 123, 29, 0.115); } .bt-table > thead > tr > td.bt-danger, .bt-table > tbody > tr > td.bt-danger, .bt-table > tfoot > tr > td.bt-danger, .bt-table > thead > tr > th.bt-danger, .bt-table > tbody > tr > th.bt-danger, .bt-table > tfoot > tr > th.bt-danger, .bt-table > thead > tr.bt-danger > td, .bt-table > tbody > tr.bt-danger > td, .bt-table > tfoot > tr.bt-danger > td, .bt-table > thead > tr.bt-danger > th, .bt-table > tbody > tr.bt-danger > th, .bt-table > tfoot > tr.bt-danger > th { color: #dd514c; background-color: rgba(221, 81, 76, 0.115); }