*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#343a40;background:#f5f6f8;overflow-x:hidden}a{color:#337ab7;text-decoration:none}a:hover{color:#23527c;text-decoration:none}.main-header{position:fixed;z-index:1030;top:0;left:0;right:0;height:50px;background:#E7212A;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}.main-header .logo{position:absolute;left:0;top:0;width:230px;height:50px;padding:0 14px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.main-header .logo .logo-img{display:block;height:44px;width:auto;max-width:100%}.main-header .navbar{height:50px;margin-left:230px;padding:0 20px;border:0;background:transparent}.main-header .navbar-brand{height:50px;padding:15px 0;color:#fff;font-size:16px;line-height:20px}.main-header .navbar-nav{float:right;margin:0}.main-header .navbar-nav>li{float:left}.main-header .navbar-nav>li>a{height:50px;padding:15px;color:#fff;line-height:20px}.main-header .navbar-nav>li>a:hover{background:#c41822}.main-sidebar{position:fixed;z-index:1020;top:50px;bottom:0;left:0;width:230px;background:#1A2747;overflow-y:auto;overflow-x:hidden}.sidebar{padding:10px 0 30px}.sidebar-menu,.sidebar-menu ul{margin:0;padding:0;list-style:none}.sidebar-menu>li{position:relative;margin:0}.sidebar-menu>li>a{display:block;min-height:44px;padding:12px 15px;color:#dee2e6;font-size:14px;line-height:20px;white-space:nowrap}.sidebar-menu>li>a>.fa:first-child{width:22px;margin-right:8px;text-align:center}.sidebar-menu>li>a>.pull-right{float:right;margin-top:3px}.sidebar-menu>li:hover>a{background:#FEE6E8;color:#E7212A}.sidebar-menu>li.active>a{background:#E7212A;color:#fff}.sidebar-menu .treeview-menu{display:block;padding:0 0 5px;background:#14203a}.sidebar-menu .treeview-menu>li>a{display:block;padding:9px 15px 9px 45px;color:#adb5bd;font-size:13px;line-height:18px;white-space:nowrap}.sidebar-menu .treeview-menu>li>a:hover{color:#E7212A;background:#FEE6E8}.content-wrapper{min-height:calc(100vh - 50px);margin:50px 0 0 230px;padding:0 0 30px;background:#f5f6f8}.content-header{padding:20px 25px 10px}.content-header h1{margin:0;font-size:24px;font-weight:500;line-height:1.1}.content-header h1 small{font-size:14px;color:#777}.content{padding:0 25px}.box{position:relative;margin-bottom:20px;background:#fff;border-top:3px solid #E7212A;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.box-header{padding:15px;border-bottom:1px solid #eee}.box-header:before,.box-header:after{display:table;content:""}.box-header:after{clear:both}.box-title{margin:0;font-size:18px;font-weight:500}.box-body{padding:15px}.box-footer{padding:15px;border-top:1px solid #eee;background:#fff}.table{width:100%;max-width:100%;margin-bottom:20px;border-collapse:collapse;background:#fff}.table>thead>tr>th,.table>tbody>tr>td{padding:10px 12px;vertical-align:middle;border:1px solid #e9ecef;line-height:1.42857143}.table>thead>tr{background:#f8f9fa}.table>thead>tr>th{font-weight:600;color:#495057}.table-hover>tbody>tr:hover{background:#FEE6E8}.table-responsive{min-height:.01%;overflow-x:auto}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#495057;background:#fff;border:1px solid #ced4da;border-radius:4px;box-shadow:none}.form-control:focus{border-color:#E7212A;outline:0;box-shadow:0 0 0 2px rgba(231,33,42,.15)}textarea.form-control{height:auto}.form-group{margin-bottom:15px}.form-group:before,.form-group:after{display:table;content:""}.form-group:after{clear:both}.control-label{padding-top:7px;margin-bottom:0;text-align:right}.form-inline .form-control{display:inline-block;width:auto;margin-right:8px;vertical-align:middle}.form-inline .btn{vertical-align:middle}.btn{display:inline-block;padding:6px 12px;border:1px solid transparent;border-radius:4px;font-size:14px;line-height:1.42857143;text-align:center;vertical-align:middle;cursor:pointer}.btn-primary{color:#fff;background:#E7212A;border-color:#E7212A}.btn-primary:hover{color:#fff;background:#c41822;border-color:#c41822}.btn-success{color:#fff;background:#40c057;border-color:#40c057}.btn-warning{color:#1A2747;background:#fab005;border-color:#fab005}.btn-danger{color:#fff;background:#fa5252;border-color:#fa5252}.btn-info{color:#fff;background:#4c6ef5;border-color:#4c6ef5}.btn-default{color:#495057;background:#fff;border-color:#ced4da}.btn-xs{padding:2px 6px;font-size:12px;line-height:1.5}.pull-right{float:right!important}.text-center{text-align:center}.text-muted{color:#868e96}.dl-horizontal{margin:0}.dl-horizontal dt{float:left;width:150px;clear:left;padding:8px 0;color:#868e96;font-weight:400;text-align:right}.dl-horizontal dd{margin-left:175px;min-height:36px;padding:8px 0;border-bottom:1px solid #f1f3f5}.small-box{position:relative;display:block;min-height:110px;margin-bottom:20px;overflow:hidden;border-radius:8px;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}.small-box>.inner{padding:15px}.small-box h3{margin:0 0 8px;font-size:30px;font-weight:600}.small-box p{margin:0;font-size:14px}.small-box .icon{position:absolute;top:15px;right:15px;font-size:48px;opacity:.3}.bg-aqua{background:#17a2b8}.bg-green{background:#40c057}.bg-yellow{background:#fab005}.bg-red{background:#E7212A}.login-box{width:380px;margin:10% auto}.login-box .box{border-top-width:4px}.login-box .box-header h3{margin:0;font-size:22px;color:#E7212A}@media (max-width:767px){.main-header .logo{width:60px;padding:0}.main-header .logo .logo-img{height:auto;width:100%;max-width:52px}.main-header .logo-lg{display:none}.main-header .logo-mini{display:inline}.main-header .navbar{margin-left:60px}.main-sidebar{width:60px}.sidebar-menu>li>a{padding:12px 0;text-align:center}.sidebar-menu>li>a>span,.sidebar-menu>li>a>.pull-right,.sidebar-menu .treeview-menu{display:none}.sidebar-menu>li>a>.fa:first-child{margin:0}.content-wrapper{margin-left:60px}.content{padding:0 12px}.content-header{padding:15px 12px 10px}.form-inline .form-control{width:100%;margin:0 0 8px}.form-inline .btn{margin-right:5px}.dl-horizontal dt{float:none;width:auto;text-align:left}.dl-horizontal dd{margin-left:0}}
/* 左侧菜单默认折叠，避免页面切换时菜单闪烁 */
.sidebar-menu .treeview-menu{display:none}
.sidebar-menu>li.treeview.open>.treeview-menu{display:block}
.sidebar-menu>li.treeview.open>a{background:#E7212A;color:#fff}
.sidebar-menu .treeview-menu>li.active>a{color:#fff;background:#E7212A}
.list-add-button{height:38px;padding:8px 16px;border-radius:6px}.list-row-actions a{margin-right:10px;color:#E7212A;cursor:pointer}.list-row-actions a:hover{text-decoration:underline}.customer-panel-heading>.btn-primary{height:38px;padding:8px 16px;border-radius:6px}.customer-data-table td .btn-link{padding:0;color:#E7212A;border:0;background:transparent}.customer-data-table td .btn-link:hover{color:#c41822;text-decoration:underline}
.page-heading{display:flex;flex-direction:column}.page-eyebrow,.customer-eyebrow,.account-eyebrow{color:#868e96;font-size:13px;line-height:1.4;margin-bottom:5px}.page-eyebrow a,.customer-eyebrow a,.account-eyebrow a{color:inherit}.page-eyebrow a:hover,.customer-eyebrow a:hover,.account-eyebrow a:hover{color:#495057;text-decoration:none}.crumb-sep{margin:0 7px;color:#adb5bd}.crumb-txt{color:#868e96}.crumb-cur{color:#495057;font-weight:600}.employee-breadcrumb .crumb-sep{margin:0}.content-header h1,.customer-list-heading h1,.customer-heading h1,.account-heading h1{font-size:24px}

/* 左侧菜单点击时不显示浏览器默认的白色或蓝色焦点框。 */
.sidebar-menu a,
.sidebar-menu a:hover,
.sidebar-menu a:focus,
.sidebar-menu a:active,
.sidebar-menu li.active>a,
.sidebar-menu li.open>a{
  outline:none!important;
  box-shadow:none!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent;
}
.sidebar-menu .treeview-menu>li>a{font-size:14px;line-height:20px}.sidebar-menu .treeview-menu>li>a>.fa:first-child{width:22px;margin-right:8px;font-size:15px;text-align:center}
