/**************************************************
   bootstrap样式扩展(组件前缀相同但自定义修饰类)
****************************************************/
/****utils****/

/****text****/
.text-red { color: red; }
.text-size0 { font-size: 0; }
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }

/****nav****/
.nav-main { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; }
.nav-main > li { width: 182px; border: none; border-radius: 0; display: inline-block; }
.nav-main > li > a { display: block; padding: 4px 13px; border-right: 1px solid #c5d0dc; background: #4b545c; color: #fff; text-align: center; text-decoration: none; cursor: pointer; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.nav-main > li.active > a, .nav-main > li > a.active { background: #e33333; color: #fff; }
.nav-main.dark > li > a { background: #8c8c8c; }
.nav-main.dark > li.active > a { background: #00b5f8; }

.nav-tabs.nav-main { border: 0; }
.nav-tabs.nav-main .nav-item { margin: 0; }
.nav-tabs.nav-main .nav-link { border: 0; border-radius: 0; border-right: 1px solid #c5d0dc; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.nav-tabs.nav-main .nav-link.active { background: #e33333; color: #fff; }

/****table****/
.table-center th, .table-center td { text-align: center !important; vertical-align: middle !important; }