better-staridc-MNBT

better-staridc-MNBT/ imsetes/css/style.min.css 104.5 KB · 4,347 行原始文件
Z zfhsh first commit 1 天前
1/** ----------------------------------
* 光年(Light Year Admin By Iframe v4)后台管理系统模板
* 基于Bootstrap v4.4.1
* http://www.itshubao.com
* yinqi<3331653644@qq.com>
-------------------------------------- */
7body {
font-family: "Microsoft YaHei", sans-serif;
color: #4d5259;
line-height: 1.72;
font-size: 14px;
overflow-x: hidden;
  background-color: #F4F5FA;
14}
15html,
16body {
  height: 100%;
18}
19a {
  color: #007bff;
-webkit-transition: .3s linear;
transition: .3s linear
23}
24a:hover,
25a:focus,
26a:active {
color: #1c7068;
text-decoration: none;
outline: none
30}
31a,
32button,
33a:focus,
34a:active,
35button:focus,
36button:active,
input-group-text:focus,
input-group-text:active {
  outline: none !important;
40}
41blockquote {
  border-left: 4px solid #ebebeb;
  font-size: 14px;
  padding-left: 15px;
45}
46img {
  max-width: 100%;
48}
49pre {
  background-color: #F8F9FA;
  border: none;
  padding: 15px;
  border-radius: 3px;
  font-size: inherit;
  color: #2f6f9f;
56}
57small,
58time,
small {
  font-size: 12px;
61}
62i.mdi {
  display: inline-block;
64}
65i.mdi:before,
66i.mdi:after {
  vertical-align: bottom;
68}
69
70/** ----------------------------------
* 演示新增样式
-------------------------------------- */
example-box .btn {
  margin-bottom: 10px;
  margin-right: 6px;
76}
77
border-example,
border-example-row {
  padding: 1rem;
  margin: 1rem 0 0;
  border: solid #f8f9fa;
  border-width: .2rem .2rem 0;
84}
border-example-row .row>.col,
border-example-row .row>[class^=col-] {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(86, 61, 124, .15);
  border: 1px solid rgba(86, 61, 124, .2);
91}
border-example-row .row+.row {
  margin-top: 1rem;
94}
border-example+pre {
  border-left: none;
97}
border-example-row .row+.row {
  margin-top: 1rem;
100}
border-example-row-flex-cols .row {
  min-height: 10rem;
  background-color: rgba(255,0,0,.1);
104}
border-example::after {
  display: block;
  clear: both;
  content: "";
109}
scrollspy-example {
  position: relative;
  height: 200px;
  margin-top: .5rem;
  overflow: auto;
115}
scrollspy-example-2 {
  position: relative;
  height: 350px;
  overflow: auto;
120}
border-example-toasts {
  background: #F8F9FA;
  padding: 15px;
  margin-bottom: 15px;
125}
border-example-border-utils [class^=border] {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  margin: .25rem;
  background-color: #F8F9FA;
132}
border-example-border-utils-0 [class^=border] {
  border: 1px solid #dee2e6;
135}
border-highlight {
  background-color: rgba(86,61,124,.15);
  border: 1px solid rgba(86,61,124,.15);
139}
140
141/** ----------------------------------
* 通用辅助类
-------------------------------------- */
144/* 禁止双击选中 */
not-user-select {
  -moz-user-select: none; /* 火狐 */
  -webkit-user-select: none; /* webkit浏览器 */
  -ms-user-select: none; /* IE10 */
  -khtml-user-select: none; /* 早期浏览器 */
  user-select: none;
151}
152
153/* 垂直水平居中 */
center-vh {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
162}
163
164/* 边框 */
165
166/* 布局 */
flex-box {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
172}
173
174/* 分割线 */
lyear-divider {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  flex: 0 1;
  color: #4d5259;
  font-size: 14px;
  letter-spacing: .5px;
  margin: 2rem auto;
  width: 100%;
187}
lyear-divider::before,
lyear-divider::after {
  content: '';
  -webkit-box-flex: 1;
  flex-grow: 1;
  border-top: 1px solid rgba(77, 82, 89, 0.07);
194}
lyear-divider::before {
  margin-right: 15px;
197}
lyear-divider::after {
  margin-left: 15px;
200}
201
202/* 宽度 */
w-15 {
  width: 15% !important;
205}
w-420 {
  width: 420px !important;
208}
209
210/* margin */
m-5 {
  margin: 5px!important;
213}
m-t-5 {
  margin-top: 5px!important;
216}
m-r-5 {
  margin-right: 5px!important;
219}
m-b-5 {
  margin-bottom: 5px!important;
222}
m-l-5 {
  margin-left: 5px!important;
225}
m-10 {
  margin: 10px!important;
228}
m-tb-10 {
  margin: 10px 0px!important;
231}
m-lr-10 {
  margin: 0px 10px!important;
234}
m-t-10 {
  margin-top: 10px!important;
237}
m-r-10 {
  margin-right: 10px!important;
240}
m-b-10 {
  margin-bottom: 10px!important;
243}
m-l-10 {
  margin-left: 10px!important;
246}
m-15 {
  margin: 15px!important;
249}
m-tb-15 {
  margin: 15px 0px!important;
252}
m-lr-15 {
  margin: 0px 15px!important;
255}
m-t-15 {
  margin-top: 15px!important;
258}
m-r-15 {
  margin-right: 15px!important;
261}
m-b-15 {
  margin-bottom: 15px!important;
264}
m-l-15 {
  margin-left: 15px!important;
267}
268
269/* padding */
p-10 {
  padding: 10px!important;
272}
p-tb-10 {
  padding: 10px 0px!important;
275}
p-lr-10 {
  padding: 0px 10px!important;
278}
p-t-10 {
  padding-top: 10px!important;
281}
p-r-10 {
  padding-right: 10px!important;
284}
p-b-10 {
  padding-bottom: 10px!important;
287}
p-l-10 {
  padding-left: 10px!important;
290}
p-15 {
  padding: 15px!important;
293}
p-tb-15 {
  padding: 15px 0px!important;
296}
p-lr-15 {
  padding: 0px 15px!important;
299}
p-t-15 {
  padding-top: 15px!important;
302}
p-r-15 {
  padding-right: 15px!important;
305}
p-b-15 {
  padding-bottom: 15px!important;
308}
p-l-15 {
  padding-left: 15px!important;
311}
p-20 {
  padding: 20px!important;
314}
p-l-20 {
  padding-left: 20px!important;
317}
p-l-40 {
  padding-left: 40px!important;
320}
321
322/* 字体大小 */
fs-10 {
font-size: 10px!important;
325}
fs-12 {
font-size: 12px!important;
328}
fs-14 {
font-size: 14px!important;
331}
fs-16 {
font-size: 16px!important;
334}
fs-18 {
font-size: 18px!important;
337}
fs-20 {
font-size: 20px!important;
340}
fs-22 {
font-size: 22px!important;
343}
344
345/* 行高 */
lh-12{
  line-height: 1.2!important;
348}
lh-13{
  line-height: 1.3!important;
351}
lh-14{
  line-height: 1.4!important;
354}
lh-15{
  line-height:1.5!important;
357}
lh-16{
  line-height: 1.6!important;
360}
lh-17{
  line-height: 1.7!important;
363}
lh-18{
  line-height: 1.8!important;
366}
lh-19{
  line-height: 1.9!important;
369}
lh-2{
  line-height: 2!important;
372}
lh-22{
  line-height: 2.2!important;
375}
lh-24{
  line-height: 2.4!important;
378}
lh-25{
  line-height: 2.5!important;
381}
lh-26{
  line-height: 2.6!important;
384}
lh-28{
  line-height: 2.8!important;
387}
lh-3{
  line-height: 3!important;
390}
391
392/* 头像 */
img-avatar {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
401}
img-avatar-36 {
  min-width: 36px;
  width: 36px;
  height: 36px;
  line-height: 36px;
407}
img-avatar-48 {
  min-width: 48px;
  width: 48px;
  height: 48px;
  line-height: 48px;
413}
414
415/* 其他 */
no-border {
  border: none!important;
418}
no-padding {
  padding: 0!important;
421}
no-margin {
  margin: 0!important;
424}
no-shadow {
  box-shadow: none!important;
427}
no-text-shadow {
  text-shadow: none!important;
430}
no-radius {
  border-radius: 0!important;
433}
no-letter-spacing {
  letter-spacing: 0!important;
436}
no-wrap {
  white-space: nowrap!important;
  flex-wrap: nowrap!important;
440}
no-underline:hover,
no-underline:focus {
  text-decoration: none!important;
444}
445hr {
  border-color: rgba(77, 82, 89, 0.07);
447}
jumbotron {
  background-color: #f7fafc;
450}
rotate-180 {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
455}
help-block {
  color: #737373;
458}
459
460/** ----------------------------------
* 重置样式
-------------------------------------- */
463/* 标题 */
464h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Microsoft YaHei', sans-serif;
  line-height: 1.5;
  letter-spacing: .5px;
468}
469
470/* 表格 */
table-bordered {
  border-color: rgba(77, 82, 89, 0.07)!important;
473}
table-responsive>.table-bordered {
  border-width: 1px;
  border-style: solid;
477}
table > tbody > tr > td,
table > tbody > tr > th,
table > tfoot > tr > td,
table > tfoot > tr > th,
table > thead > tr > td,
table > thead > tr > th {
  padding: 10px;
line-height: 1.72;
  border-color: rgba(77, 82, 89, 0.07);
487}
table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9fafb;
490}
table-hover > tbody > tr:hover {
  background-color: #f1fbfb;
493}
table-vcenter > thead > tr > th,
table-vcenter > thead > tr > td,
table-vcenter > tbody > tr > th,
table-vcenter > tbody > tr > td,
table-vcenter > tfoot > tr > th,
table-vcenter > tfoot > tr > td {
  vertical-align: middle;
501}
502
table-hover tbody tr {
font-size: 12px;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
507}
508
table>caption+thead>tr:first-child>td,
table>caption+thead>tr:first-child>th,
table>colgroup+thead>tr:first-child>td,
table>colgroup+thead>tr:first-child>th,
table>thead:first-child>tr:first-child>td,
table>thead:first-child>tr:first-child>th {
  border-top: 0;
516}
table.table-dark td,
table.table-dark th,
table.table-dark thead th {
  border-color: rgba(255, 255, 255, 0.035);
521}
table-sm td,
table-sm th {
  padding: .3rem!important;
525}
table-responsive>.table>tbody>tr>td,
table-responsive>.table>tbody>tr>th,
table-responsive>.table>tfoot>tr>td,
table-responsive>.table>tfoot>tr>th,
table-responsive>.table>thead>tr>td,
table-responsive>.table>thead>tr>th {
  white-space: nowrap;
533}
table-active,
table-active>td,
table-active>th {
  background-color: rgba(0, 0, 0, .0375);
538}
table-primary,
table-primary>td,
table-primary>th {
  background-color: #dcfcfa;
543}
table-secondary,
table-secondary>td,
table-secondary>th {
  background-color: #f2f2f2;
548}
table-success,
table-success>td,
table-success>th {
  background-color: #e3fcf2;
553}
table-danger,
table-danger>td,
table-danger>th {
  background-color: #fce3e3;
558}
table-warning,
table-warning>td,
table-warning>th {
  background-color: #fcf0e3;
563}
table-info>td,
table-info>td,
table-info>th {
  background-color: #e3f3fc;
568}
table-light
table-light>td,
table-light>th {
  background-color: #f7fafc;
573}
574
575/* 警告框 */
alert {
  border: none;
  -webkit-border-radius: 2px;
  border-radius: 2px;
580}
alert .alert-link:hover {
  text-decoration: underline;
583}
alert p:last-child {
  margin-bottom: 0px;
586}
alert-primary {
  color: #1c7068;
  background-color: #d5f5f3;
590}
alert-secondary {
  background-color: #e4e7ea;
593}
alert-success {
   background-color: #d4edda;
596}
alert-danger {
  background-color: #f8d7da;
599}
alert-warning {
  background-color: #fff3cd;
602}
alert-info {
  background-color: #cce5ff;
605}
alert-light {
  background-color: #f7fafc;
608}
alert-dark {
  background-color: #d6d8d9;
611}
alert .mdi:before {
  vertical-align: middle;
614}
615
616/* toast */
toast {
  border-color: rgba(77, 82, 89, 0.07);
  box-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, .035);
620}
621
622/* 按钮 */
btn {
  font-size: 12px;
  padding: 6px 14px;
  color: #8b95a5;
  letter-spacing: 1.5px;
  border-radius: 6px;
  background-color: #fff;
  outline: none !important;
  -webkit-transition: 0.15s linear;
  transition: 0.15s linear;
633}
634
btn:focus,
btn.focus,
btn:active,
btn.active {
-webkit-box-shadow: none !important;
box-shadow: none !important
641}
btn-w-xs {
width: 80px
644}
btn-w-sm {
width: 100px
647}
btn-w-md {
width: 120px
650}
btn-w-lg {
width: 145px
653}
btn-w-xl {
width: 180px
656}
657
btn-default {
background-color: #fcfdfe;
border-color: #ebebeb;
color: #8b95a5!important;
662}
btn-default:hover {
background-color: #f9fafb;
border-color: #ebebeb;
color: #4d5259
667}
btn-default:focus,
btn-default.focus {
background-color: #f9fafb!important;
  border-color: #ebebeb!important;
color: #4d5259
673}
btn-default:not([disabled]):not(.disabled).active,
btn-default:not([disabled]):not(.disabled):active,
show > .btn-default.dropdown-toggle {
background-color: #f9fafb!important;
border-color: #ebebeb!important;
color: #4d5259;
-webkit-box-shadow: none;
box-shadow: none
682}
btn-default:not(:disabled):not(.disabled):active:focus,
btn-default:not(:disabled):not(.disabled).active:focus,
show > .btn-default.dropdown-toggle:focus {
  box-shadow: none;
687}
btn-default.disabled,
btn-default:disabled {
background-color: #fcfdfe;
border-color: #ebebeb;
opacity: 0.5
693}
694
btn-primary {
background-color: #007bff;
border-color: #007bff;
color: #fff!important;
699}
btn-primary:hover {
background-color: #007be0;
border-color: #007be0;
703}
btn-primary:focus,
btn-primary.focus {
background-color: #007bff!important;
border-color: #007bff!important;
708}
btn-primary.disabled,
btn-primary:disabled {
background-color: #007bff;
border-color: #007bff;
opacity: 0.5
714}
btn-primary:not([disabled]):not(.disabled).active,
btn-primary:not([disabled]):not(.disabled):active,
show > .btn-primary.dropdown-toggle {
background-color: #007bff!important;
border-color: #007bff!important;
-webkit-box-shadow: none;
box-shadow: none
722}
btn-primary:not(:disabled):not(.disabled):active:focus,
btn-primary:not(:disabled):not(.disabled).active:focus,
show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
727}
728
btn-success {
background-color: #15c377;
border-color: #15c377;
color: #fff!important;
733}
btn-success:hover {
background-color: #16d17f;
border-color: #16d17f;
737}
btn-success:focus,
btn-success.focus {
background-color: #16d17f!important;
border-color: #16d17f!important;
742}
btn-success.disabled,
btn-success:disabled {
background-color: #15c377;
border-color: #15c377;
opacity: 0.5
748}
btn-success:not([disabled]):not(.disabled).active,
btn-success:not([disabled]):not(.disabled):active,
show > .btn-success.dropdown-toggle {
background-color: #14b56f!important;
border-color: #14b56f!important;
-webkit-box-shadow: none;
box-shadow: none
756}
btn-success:not(:disabled):not(.disabled):active:focus,
btn-success:not(:disabled):not(.disabled).active:focus,
show > .btn-success.dropdown-toggle:focus {
  box-shadow: none;
761}
762
btn-info {
background-color: #48b0f7;
border-color: #48b0f7;
color: #fff!important;
767}
btn-info:hover {
background-color: #65bdf8;
border-color: #65bdf8;
771}
btn-info:focus,
btn-info.focus {
background-color: #65bdf8!important;
border-color: #65bdf8!important;
776}
btn-info.disabled,
btn-info:disabled {
background-color: #48b0f7;
border-color: #48b0f7;
opacity: 0.5
782}
btn-info:not([disabled]):not(.disabled).active,
btn-info:not([disabled]):not(.disabled):active,
show > .btn-info.dropdown-toggle {
background-color: #2ba3f6!important;
border-color: #2ba3f6!important;
-webkit-box-shadow: none;
box-shadow: none
790}
btn-info:not(:disabled):not(.disabled):active:focus,
btn-info:not(:disabled):not(.disabled).active:focus,
show > .btn-info.dropdown-toggle:focus {
  box-shadow: none;
795}
796
btn-warning {
background-color: #faa64b;
border-color: #faa64b;
color: #fff!important;
801}
btn-warning:hover {
background-color: #fbb264;
border-color: #fbb264;
805}
btn-warning:focus,
btn-warning.focus,
btn-warning.active,
btn-warning:active,
open > .dropdown-toggle.btn-warning {
background-color: #fbb264!important;
border-color: #fbb264!important;
813}
btn-warning.disabled,.btn-warning:disabled {
background-color: #faa64b;
border-color: #faa64b;
opacity: 0.5
818}
btn-warning:not([disabled]):not(.disabled).active,
btn-warning:not([disabled]):not(.disabled):active,
show > .btn-warning.dropdown-toggle {
background-color: #f99a32!important;
border-color: #f99a32!important;
-webkit-box-shadow: none;
box-shadow: none
826}
btn-warning:not(:disabled):not(.disabled):active:focus,
btn-warning:not(:disabled):not(.disabled).active:focus,
show > .btn-warning.dropdown-toggle:focus {
  box-shadow: none;
831}
832
btn-danger {
background-color: #f96868;
border-color: #f96868;
color: #fff!important;
837}
btn-danger:hover {
background-color: #fa8181;
border-color: #fa8181;
841}
btn-danger:focus,
btn-danger.focus {
background-color: #fa8181!important;
border-color: #fa8181!important;
846}
btn-danger.disabled,
btn-danger:disabled {
background-color: #f96868;
border-color: #f96868;
opacity: 0.5
852}
btn-danger:not([disabled]):not(.disabled).active,
btn-danger:not([disabled]):not(.disabled):active,
show > .btn-danger.dropdown-toggle {
background-color: #f84f4f!important;
border-color: #f84f4f!important;
-webkit-box-shadow: none;
box-shadow: none
860}
btn-danger:not(:disabled):not(.disabled):active:focus,
btn-danger:not(:disabled):not(.disabled).active:focus,
show > .btn-danger.dropdown-toggle:focus {
  box-shadow: none;
865}
866
btn-secondary {
color: #4d5259 !important;
background-color: #e4e7ea;
border-color: #e4e7ea;
871}
btn-secondary:hover {
background-color: #edeff1;
border-color: #edeff1;
875}
btn-secondary:focus,
btn-secondary.focus {
background-color: #edeff1!important;
border-color: #edeff1!important;
880}
btn-secondary.disabled,
btn-secondary:disabled {
background-color: #e4e7ea;
border-color: #e4e7ea;
opacity: 0.5
886}
btn-secondary:not([disabled]):not(.disabled).active,
btn-secondary:not([disabled]):not(.disabled):active,
show > .btn-secondary.dropdown-toggle {
background-color: #dbdfe3!important;
border-color: #dbdfe3!important;
-webkit-box-shadow: none;
box-shadow: none
894}
btn-secondary:not(:disabled):not(.disabled):active:focus,
btn-secondary:not(:disabled):not(.disabled).active:focus,
show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: none;
899}
900
btn-link {
color: #48b0f7;
  background-color: transparent;
  border-color: transparent;
905}
btn-link:hover,
btn-link:focus {
text-decoration: none;
color: #e4e7ea
910}
btn-purple {
background-color: #926dde;
border-color: #926dde;
color: #fff!important;
915}
btn-purple:hover {
background-color: #a282e3;
border-color: #a282e3;
919}
btn-purple:focus,
btn-purple.focus {
background-color: #a282e3!important;
border-color: #a282e3!important;
924}
btn-purple.disabled,
btn-purple:disabled {
background-color: #926dde;
border-color: #926dde;
opacity: 0.5
930}
btn-purple:not([disabled]):not(.disabled).active,
btn-purple:not([disabled]):not(.disabled):active,
show > .btn-purple.dropdown-toggle {
background-color: #8258d9!important;
border-color: #8258d9!important;
-webkit-box-shadow: none;
box-shadow: none
938}
btn-purple:not(:disabled):not(.disabled):active:focus,
btn-purple:not(:disabled):not(.disabled).active:focus,
show > .btn-purple.dropdown-toggle:focus {
  box-shadow: none;
943}
944
btn-pink {
background-color: #f96197;
border-color: #f96197;
color: #fff!important;
949}
btn-pink:hover {
background-color: #fa75a4;
border-color: #fa75a4;
953}
btn-pink:focus,
btn-pink.focus {
background-color: #fa75a4!important;
border-color: #fa75a4!important;
958}
btn-pink.disabled,
btn-pink:disabled {
background-color: #f96197;
border-color: #f96197;
opacity: 0.5
964}
btn-pink:not([disabled]):not(.disabled).active,
btn-pink:not([disabled]):not(.disabled):active,
show > .btn-pink.dropdown-toggle {
background-color: #f84d8a!important;
border-color: #f84d8a!important;
-webkit-box-shadow: none;
box-shadow: none
972}
btn-pink:not(:disabled):not(.disabled):active:focus,
btn-pink:not(:disabled):not(.disabled).active:focus,
show > .btn-pink.dropdown-toggle:focus {
  box-shadow: none;
977}
978
btn-cyan {
background-color: #57c7d4;
border-color: #57c7d4;
color: #fff!important;
983}
btn-cyan:hover {
background-color: #77d2dc;
border-color: #77d2dc;
987}
btn-cyan:focus,
btn-cyan.focus {
background-color: #77d2dc!important;
border-color: #77d2dc!important;
992}
btn-cyan.disabled,
btn-cyan:disabled {
background-color: #57c7d4;
border-color: #57c7d4;
opacity: 0.5
998}
btn-cyan:not([disabled]):not(.disabled).active,
btn-cyan:not([disabled]):not(.disabled):active,
show > .btn-cyan.dropdown-toggle {
background-color: #37bccc!important;
border-color: #37bccc!important;
-webkit-box-shadow: none;
box-shadow: none
1006}
btn-cyan:not(:disabled):not(.disabled):active:focus,
btn-cyan:not(:disabled):not(.disabled).active:focus,
show > .btn-cyan.dropdown-toggle:focus {
  box-shadow: none;
1011}
1012
btn-yellow {
background-color: #fcc525;
border-color: #fcc525;
color: #fff!important;
1017}
btn-yellow:hover {
background-color: #fdd04d;
border-color: #fdd04d;
1021}
btn-yellow:focus,
btn-yellow.focus,
btn-yellow.active,
btn-yellow:active,
open>.dropdown-toggle.btn-yellow {
background-color: #fdd04d!important;
border-color: #fdd04d!important;
1029}
btn-yellow.disabled,
btn-yellow:disabled {
background-color: #fcc525;
border-color: #fcc525;
opacity: 0.5
1035}
btn-yellow:not([disabled]):not(.disabled).active,
btn-yellow:not([disabled]):not(.disabled):active,
show > .btn-yellow.dropdown-toggle {
background-color: #f5b703!important;
border-color: #f5b703!important;
-webkit-box-shadow: none;
box-shadow: none
1043}
btn-yellow:not(:disabled):not(.disabled):active:focus,
btn-yellow:not(:disabled):not(.disabled).active:focus,
show > .btn-yellow.dropdown-toggle:focus {
  box-shadow: none;
1048}
1049
btn-brown {
background-color: #8d6658;
border-color: #8d6658;
color: #fff!important;
1054}
btn-brown:hover {
background-color: #9d7162;
border-color: #9d7162;
1058}
btn-brown:focus,
btn-brown.focus {
background-color: #8d6658!important;
border-color: #8d6658!important;
1063}
btn-brown.disabled,
btn-brown:disabled {
background-color: #8d6658;
border-color: #8d6658;
opacity: 0.5
1069}
btn-brown:not([disabled]):not(.disabled).active,
btn-brown:not([disabled]):not(.disabled):active,
show > .btn-brown.dropdown-toggle {
background-color: #7d5b4e!important;
border-color: #7d5b4e!important;
-webkit-box-shadow: none;
box-shadow: none
1077}
btn-brown:not(:disabled):not(.disabled):active:focus,
btn-brown:not(:disabled):not(.disabled).active:focus,
show > .btn-brown.dropdown-toggle:focus {
  box-shadow: none;
1082}
1083
btn-dark {
background-color: #465161;
border-color: #465161;
color: #fff!important;
1088}
btn-dark:hover {
background-color: #515d70;
border-color: #515d70;
1092}
btn-dark:focus,
btn-dark.focus {
background-color: #515d70!important;
border-color: #515d70!important;
1097}
btn-dark.disabled,
btn-dark:disabled {
background-color: #465161;
border-color: #465161;
opacity: 0.5
1103}
btn-dark:not([disabled]):not(.disabled).active,
btn-dark:not([disabled]):not(.disabled):active,
show > .btn-dark.dropdown-toggle {
background-color: #3b4552!important;
border-color: #3b4552!important;
-webkit-box-shadow: none;
box-shadow: none
1111}
btn-dark:not(:disabled):not(.disabled):active:focus,
btn-dark:not(:disabled):not(.disabled).active:focus,
show > .btn-dark.dropdown-toggle:focus {
  box-shadow: none;
1116}
1117
btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
1121}
btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
1126}
btn-outline-primary.disabled,
btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
1131}
btn-outline-primary:not(:disabled):not(.disabled):active,
btn-outline-primary:not(:disabled):not(.disabled).active,
show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
1138}
btn-outline-primary:not(:disabled):not(.disabled):active:focus,
btn-outline-primary:not(:disabled):not(.disabled).active:focus,
show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: none;
1143}
1144
btn-outline-secondary {
  color: #4d5259;
  border-color: #e4e7ea;
1148}
btn-outline-secondary:hover {
  color: #4d5259;
  background-color: #e4e7ea;
  border-color: #e4e7ea;
1153}
btn-outline-secondary.disabled,
btn-outline-secondary:disabled {
  color: #e4e7ea;
  background-color: transparent;
1158}
btn-outline-secondary:not(:disabled):not(.disabled):active,
btn-outline-secondary:not(:disabled):not(.disabled).active,
show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #e4e7ea;
  border-color: #e4e7ea;
1165}
btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: none;
1170}
1171
btn-outline-success {
  color: #15c377;
  border-color: #15c377;
1175}
btn-outline-success:hover {
  color: #fff;
  background-color: #15c377;
  border-color: #15c377;
1180}
btn-outline-success.disabled,
btn-outline-success:disabled {
  color: #15c377;
  background-color: transparent;
1185}
btn-outline-success:not(:disabled):not(.disabled):active,
btn-outline-success:not(:disabled):not(.disabled).active,
show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #15c377;
  border-color: #15c377;
1192}
btn-outline-success:not(:disabled):not(.disabled):active:focus,
btn-outline-success:not(:disabled):not(.disabled).active:focus,
show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: none;
1197}
1198
btn-outline-info {
color: #48b0f7;
border-color: #48b0f7;
1202}
btn-outline-info:hover {
  color: #fff;
  background-color: #48b0f7;
  border-color: #48b0f7;
1207}
btn-outline-info.disabled,
btn-outline-info:disabled {
  color: #48b0f7;
  background-color: transparent;
1212}
btn-outline-info:not(:disabled):not(.disabled):active,
btn-outline-info:not(:disabled):not(.disabled).active,
show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #48b0f7;
  border-color: #48b0f7;
1219}
btn-outline-info:not(:disabled):not(.disabled):active:focus,
btn-outline-info:not(:disabled):not(.disabled).active:focus,
show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: none;
1224}
1225
btn-outline-warning {
  color: #faa64b;
  border-color: #faa64b;
1229}
btn-outline-warning:hover {
  color: #fff;
  background-color: #faa64b;
  border-color: #faa64b;
1234}
btn-outline-warning.disabled,
btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
1239}
btn-outline-warning:not(:disabled):not(.disabled):active,
btn-outline-warning:not(:disabled):not(.disabled).active,
show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #faa64b;
  border-color: #faa64b;
1246}
btn-outline-warning:not(:disabled):not(.disabled):active:focus,
btn-outline-warning:not(:disabled):not(.disabled).active:focus,
show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: none;
1251}
1252
btn-outline-danger {
  color: #f96868;
  border-color: #f96868;
1256}
btn-outline-danger:hover {
  color: #fff;
  background-color: #f96868;
  border-color: #f96868;
1261}
btn-outline-danger.disabled,
btn-outline-danger:disabled {
  color: #f96868;
  background-color: transparent;
1266}
btn-outline-danger:not(:disabled):not(.disabled):active,
btn-outline-danger:not(:disabled):not(.disabled).active,
show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #f96868;
  border-color: #f96868;
1273}
btn-outline-danger:not(:disabled):not(.disabled):active:focus,
btn-outline-danger:not(:disabled):not(.disabled).active:focus,
show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: none;
1278}
btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa;
1282}
btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
1287}
btn-outline-light.disabled,
btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent;
1292}
btn-outline-light:not(:disabled):not(.disabled):active,
btn-outline-light:not(:disabled):not(.disabled).active,
show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa;
1299}
btn-outline-light:not(:disabled):not(.disabled):active:focus,
btn-outline-light:not(:disabled):not(.disabled).active:focus,
show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
1304}
1305
btn-outline-dark {
  color: #465161;
  border-color: #465161;
1309}
btn-outline-dark:hover {
  color: #fff;
  background-color: #465161;
  border-color: #465161;
1314}
btn-outline-dark.disabled,
btn-outline-dark:disabled {
  color: #465161;
  background-color: transparent;
1319}
btn-outline-dark:not(:disabled):not(.disabled):active,
btn-outline-dark:not(:disabled):not(.disabled).active,
show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #465161;
  border-color: #465161;
1326}
btn-outline-dark:not(:disabled):not(.disabled):active:focus,
btn-outline-dark:not(:disabled):not(.disabled).active:focus,
show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: none;
1331}
1332
btn-outline-purple {
  color: #926dde;
  border-color: #926dde;
1336}
btn-outline-purple:hover {
  color: #fff;
  background-color: #926dde;
  border-color: #926dde;
1341}
btn-outline-purple.disabled,
btn-outline-purple:disabled {
  color: #926dde;
  background-color: transparent;
1346}
btn-outline-purple:not(:disabled):not(.disabled):active,
btn-outline-purple:not(:disabled):not(.disabled).active,
show > .btn-outline-purple.dropdown-toggle {
  color: #fff;
  background-color: #926dde;
  border-color: #926dde;
1353}
btn-outline-purple:not(:disabled):not(.disabled):active:focus,
btn-outline-purple:not(:disabled):not(.disabled).active:focus,
show > .btn-outline-purple.dropdown-toggle:focus {
  box-shadow: none;
1358}
1359
btn-outline-pink {
  color: #f96197;
  border-color: #f96197;
1363}
btn-outline-pink:hover {
  color: #fff;
  background-color: #f96197;
  border-color: #f96197;
1368}
btn-outline-pink.disabled,
btn-outline-pink:disabled {
  color: #f96197;
  background-color: transparent;
1373}
btn-outline-pink:not(:disabled):not(.disabled):active,
btn-outline-pink:not(:disabled):not(.disabled).active,
show > .btn-outline-pink.dropdown-toggle {
  color: #fff;
  background-color: #f96197;
  border-color: #f96197;
1380}
btn-outline-pink:not(:disabled):not(.disabled):active:focus,
btn-outline-pink:not(:disabled):not(.disabled).active:focus,
show > .btn-outline-pink.dropdown-toggle:focus {
  box-shadow: none;
1385}
1386
btn-outline-cyan {
  color: #57c7d4;
  border-color: #57c7d4;
1390}
btn-outline-cyan:hover {
  color: #fff;
  background-color: #57c7d4;
  border-color: #57c7d4;
1395}
btn-outline-cyan.disabled,
btn-outline-cyan:disabled {
  color: #57c7d4;
  background-color: transparent;
1400}
btn-outline-cyan:not(:disabled):not(.disabled):active,
btn-outline-cyan:not(:disabled):not(.disabled).active,
show > .btn-outline-cyan.dropdown-toggle {
  color: #fff;
  background-color: #57c7d4;
  border-color: #57c7d4;
1407}
btn-outline-cyan:not(:disabled):not(.disabled):active:focus,
btn-outline-cyan:not(:disabled):not(.disabled).active:focus,
show > .btn-outline-cyan.dropdown-toggle:focus {
  box-shadow: none;
1412}
1413
btn-outline-yellow {
  color: #fcc525;
  border-color: #fcc525;
1417}
btn-outline-yellow:hover {
  color: #fff;
  background-color: #fcc525;
  border-color: #fcc525;
1422}
btn-outline-yellow.disabled,
btn-outline-yellow:disabled {
  color: #fcc525;
  background-color: transparent;
1427}
btn-outline-yellow:not(:disabled):not(.disabled):active,
btn-outline-yellow:not(:disabled):not(.disabled).active,
show > .btn-outline-yellow.dropdown-toggle {
  color: #fff;
  background-color: #fcc525;
  border-color: #fcc525;
1434}
btn-outline-yellow:not(:disabled):not(.disabled):active:focus,
btn-outline-yellow:not(:disabled):not(.disabled).active:focus,
show > .btn-outline-yellow.dropdown-toggle:focus {
  box-shadow: none;
1439}
1440
btn-outline-brown {
  color: #8d6658;
  border-color: #8d6658;
1444}
btn-outline-brown:hover {
  color: #fff;
  background-color: #8d6658;
  border-color: #8d6658;
1449}
btn-outline-brown.disabled,
btn-outline-brown:disabled {
  color: #8d6658;
  background-color: transparent;
1454}
btn-outline-brown:not(:disabled):not(.disabled):active,
btn-outline-brown:not(:disabled):not(.disabled).active,
show > .btn-outline-brown.dropdown-toggle {
  color: #fff;
  background-color: #8d6658;
  border-color: #8d6658;
1461}
btn-outline-brown:not(:disabled):not(.disabled):active:focus,
btn-outline-brown:not(:disabled):not(.disabled).active:focus,
show > .btn-outline-brown.dropdown-toggle:focus {
  box-shadow: none;
1466}
show .dropdown-item.active:hover {
  color: #FFF;
1469}
btn-round {
  -webkit-border-radius: 10rem;
1472}
btn-label {
  position: relative;
  padding-left: 52px;
  overflow: hidden;
1477}
btn-label label {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 36px;
  line-height: 1.5;
  padding-top: 4px;
  padding-bottom: 5px;
  background-color: rgba(0,0,0,0.1);
  cursor: pointer;
  margin-bottom: 0;
1490}
btn-label label i {
  font-size: 16px;
1493}
btn-group-xs > .btn,
btn-xs {
font-size: 12px;
padding: 2px 6px;
line-height: 18px
1499}
btn-group-sm > .btn,
btn-sm {
font-size: 12px;
padding: 4px 8px;
line-height: 20px
1505}
btn-group-lg > .btn,
btn-lg {
font-size: 16px;
padding: 7px 20px;
line-height: 32px
1511}
btn-sm.btn-label {
  padding-left: 42px;
1514}
btn-sm.btn-label label {
  line-height: 20px;
  width: 30px;
1518}
btn-lg.btn-label {
  padding-left: 58px;
1521}
btn-lg.btn-label label {
  line-height: 36px;
  width: 36px;
1525}
btn-xs.btn-label {
  padding-left: 36px;
1528}
btn-xs.btn-label label {
  line-height: 14px;
  width: 28px;
1532}
btn-group-justified {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
1538}
btn-group-justified .btn {
  width: 100%;
1541}
btn-group-round .btn:first-child {
  border-top-left-radius: 10rem;
  border-bottom-left-radius: 10rem;
1545}
btn-group-round .btn:last-child {
  border-top-right-radius: 10rem;
  border-bottom-right-radius: 10rem;
1549}
1550
1551/* 表单 */
1552/* 输入框 */
form-control {
  font-size: 14px;
  height: calc(1.5em + .75rem + 3px);
  border-color: #F2F3F3/*rgba(77, 82, 89, 0.07)*/;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #8b95a5;
  -webkit-transition: 0.2s linear;
  transition: 0.2s linear;
1562}
form-control:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(51, 202, 187, 0.25);
1566}
form-control-lg {
  font-size: 1.25rem;
1569}
form-control-sm,
col-form-label-sm {
  font-size: .75rem;
1573}
1574
1575/* 输入框组 */
input-group-text {
  font-size: 14px;
  padding: .3rem .75rem;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-color: #f9fafb;
  border-color: #F2F3F3;/*rgba(77, 82, 89, 0.07);*/
1583}
1584
1585/* 自定义表单样式 */
custom-control-label::before {
  border-color: #ebebeb;
1588}
custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(51, 202, 187, 0.25);
1591}
custom-control-input:checked~.custom-control-label::before {
  background-color: #007bff;
  border-color: #007bff;
1595}
custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #007bff;
1598}
custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #007bff;
  border-color: #007bff;
1602}
custom-control-input:disabled~.custom-control-label::before,
custom-control-input[disabled]~.custom-control-label::before {
  background-color: #ebebeb;
1606}
1607
1608/* 单选框 & 开关 */
custom-secondary .custom-control-input:checked~.custom-control-label::before {
  border-color: #e4e7ea;
  background-color: #e4e7ea;
1612}
custom-secondary .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(228, 231, 234, 0.25);
1615}
custom-success .custom-control-input:checked~.custom-control-label::before {
  border-color: #15c377;
  background-color: #15c377;
1619}
custom-success .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(21, 195, 119, 0.25);
1622}
custom-info .custom-control-input:checked~.custom-control-label::before {
  border-color: #48b0f7;
  background-color: #48b0f7;
1626}
custom-info .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(72, 176, 247, 0.25);
1629}
custom-warning .custom-control-input:checked~.custom-control-label::before {
  border-color: #faa64b;
  background-color: #faa64b;
1633}
custom-warning .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(250, 166, 75, 0.25);
1636}
custom-danger .custom-control-input:checked~.custom-control-label::before {
  border-color: #f96868;
  background-color: #f96868;
1640}
custom-danger .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(249, 104, 104, 0.25);
1643}
custom-pink .custom-control-input:checked~.custom-control-label::before {
  border-color: #f96197;
  background-color: #f96197;
1647}
custom-pink .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(249, 97, 151, 0.25);
1650}
custom-purple .custom-control-input:checked~.custom-control-label::before {
  border-color: #926dde;
  background-color: #926dde;
1654}
custom-purple .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(146, 109, 222, 0.25);
1657}
custom-brown .custom-control-input:checked~.custom-control-label::before {
  border-color: #8d6658;
  background-color: #8d6658;
1661}
custom-brown .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(141, 102, 88, 0.25);
1664}
custom-cyan .custom-control-input:checked~.custom-control-label::before {
  border-color: #57c7d4;
  background-color: #57c7d4;
1668}
custom-cyan .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(87, 199, 212, 0.25);
1671}
custom-yellow .custom-control-input:checked~.custom-control-label::before {
  border-color: #fcc525;
  background-color: #fcc525;
1675}
custom-yellow .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(252, 197, 37, 0.25);
1678}
custom-gray .custom-control-input:checked~.custom-control-label::before {
  border-color: #868e96;
  background-color: #868e96;
1682}
custom-gray .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.25);
1685}
custom-dark .custom-control-input:checked~.custom-control-label::before {
  border-color: #465161;
  background-color: #465161;
1689}
custom-dark .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(70, 81, 97, 0.25);
1692}
1693
1694/* 多选框 */
custom-checkbox .custom-control-label::before {
  border-radius: 2px;
1697}
custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
1701}
custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(51, 202, 187, 0.25);
1704}
custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(51, 202, 187, 0.25);
1707}
custom-checkbox.custom-secondary .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #e4e7ea;
  background-color: #e4e7ea;
1711}
custom-checkbox.custom-secondary .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(228, 231, 234, 0.25);
1714}
custom-checkbox.custom-secondary .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(228, 231, 234, 0.25);
1717}
custom-checkbox.custom-secondary .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #e4e7ea;
1720}
custom-checkbox.custom-secondary .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #e4e7ea;
  border-color: #e4e7ea;
1724}
custom-checkbox.custom-success .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #15c377;
  background-color: #15c377;
1728}
custom-checkbox.custom-success .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(21, 195, 119, 0.25);
1731}
custom-checkbox.custom-success .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(21, 195, 119, 0.25);
1734}
custom-checkbox.custom-success .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #15c377;
1737}
custom-checkbox.custom-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #15c377;
  border-color: #15c377;
1741}
custom-checkbox.custom-info .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #48b0f7;
  background-color: #48b0f7;
1745}
custom-checkbox.custom-info .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(72, 176, 247, 0.25);
1748}
custom-checkbox.custom-info .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(72, 176, 247, 0.25);
1751}
custom-checkbox.custom-info .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #48b0f7;
1754}
custom-checkbox.custom-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #48b0f7;
  border-color: #48b0f7;
1758}
custom-checkbox.custom-warning .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #faa64b;
  background-color: #faa64b;
1762}
custom-checkbox.custom-warning .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(250, 166, 75, 0.25);
1765}
custom-checkbox.custom-warning .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(250, 166, 75, 0.25);
1768}
custom-checkbox.custom-warning .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #faa64b;
1771}
custom-checkbox.custom-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #faa64b;
  border-color: #faa64b;
1775}
custom-checkbox.custom-danger .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #f96868;
  background-color: #f96868;
1779}
custom-checkbox.custom-danger .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(249, 104, 104, 0.25);
1782}
custom-checkbox.custom-danger .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(249, 104, 104, 0.25);
1785}
custom-checkbox.custom-danger .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #f96868;
1788}
custom-checkbox.custom-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #f96868;
  border-color: #f96868;
1792}
custom-checkbox.custom-pink .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #f96197;
  background-color: #f96197;
1796}
custom-checkbox.custom-pink .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(249, 97, 151, 0.25);
1799}
custom-checkbox.custom-pink .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(249, 97, 151, 0.25);
1802}
custom-checkbox.custom-pink .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #f96197;
1805}
custom-checkbox.custom-pink .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #f96197;
  border-color: #f96197;
1809}
custom-checkbox.custom-purple .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #926dde;
  background-color: #926dde;
1813}
custom-checkbox.custom-purple .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(146, 109, 222, 0.25);
1816}
custom-checkbox.custom-purple .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(146, 109, 222, 0.25);
1819}
custom-checkbox.custom-purple .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #926dde;
1822}
custom-checkbox.custom-purple .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #926dde;
  border-color: #926dde;
1826}
custom-checkbox.custom-brown .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #8d6658;
  background-color: #8d6658;
1830}
custom-checkbox.custom-brown .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(141, 102, 88, 0.25);
1833}
custom-checkbox.custom-brown .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(141, 102, 88, 0.25);
1836}
custom-checkbox.custom-brown .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #8d6658;
1839}
custom-checkbox.custom-brown .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #8d6658;
  border-color: #8d6658;
1843}
custom-checkbox.custom-cyan .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #57c7d4;
  background-color: #57c7d4;
1847}
custom-checkbox.custom-cyan .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(87, 199, 212, 0.25);
1850}
custom-checkbox.custom-cyan .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(87, 199, 212, 0.25);
1853}
custom-checkbox.custom-cyan .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #57c7d4;
1856}
custom-checkbox.custom-cyan .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #57c7d4;
  border-color: #57c7d4;
1860}
custom-checkbox.custom-yellow .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #fcc525;
  background-color: #fcc525;
1864}
custom-checkbox.custom-yellow .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(252, 197, 37, 0.25);
1867}
custom-checkbox.custom-yellow .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(252, 197, 37, 0.25);
1870}
custom-checkbox.custom-yellow .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #fcc525;
1873}
custom-checkbox.custom-yellow .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #fcc525;
  border-color: #fcc525;
1877}
custom-checkbox.custom-gray .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #868e96;
  background-color: #868e96;
1881}
custom-checkbox.custom-gray .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(134, 142, 150, 0.25);
1884}
custom-checkbox.custom-gray .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(134, 142, 150, 0.25);
1887}
custom-checkbox.custom-gray .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #868e96;
1890}
custom-checkbox.custom-gray .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #868e96;
  border-color: #868e96;
1894}
custom-checkbox.custom-dark .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #465161;
  background-color: #465161;
1898}
custom-checkbox.custom-dark .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(70, 81, 97, 0.25);
1901}
custom-checkbox.custom-dark .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(70, 81, 97, 0.25);
1904}
custom-checkbox.custom-dark .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #465161;
1907}
custom-checkbox.custom-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #465161;
  border-color: #465161;
1911}
1912
1913/* 范围 */
custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(51, 202, 187, 0.25);
1916}
custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(51, 202, 187, 0.25);
1919}
custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(51, 202, 187, 0.25);
1922}
custom-range::-webkit-slider-thumb {
  background-color: #007bff;
1925}
custom-range::-webkit-slider-thumb:active {
  background-color: #d5f5f3;
1928}
custom-range::-webkit-slider-runnable-track {
  background-color: #ebebeb;
1931}
custom-range::-moz-range-thumb {
background-color: #007bff;
1934}
custom-range::-moz-range-thumb:active {
background-color: #d5f5f3;
1937}
custom-range::-moz-range-track {
background-color: #ebebeb;
1940}
custom-range::-ms-thumb {
background-color: #007bff;
1943}
custom-range::-ms-thumb:active {
background-color: #d5f5f3;
1946}
custom-range::-ms-fill-lower {
background-color: #ebebeb;
1949}
custom-range::-ms-fill-upper {
background-color: #ebebeb;
1952}
1953
1954/* 步骤条 */
nav-step {
  margin-bottom: 1rem;
1957}
nav-step .nav-item {
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-box-align: center;
align-items: center;
flex: 1 1;
padding: 0 12px
1970}
nav-step .nav-item:first-child a::before {
display: none
1973}
nav-step .nav-item.complete .nav-link,
nav-step .nav-item.complete .nav-link::before,
nav-step .nav-item  .nav-link.active,
nav-step .nav-item  .nav-link.active::before {
background-color: #dcfcfa
1979}
nav-step .nav-item.complete .nav-link::after,
nav-step .nav-item .nav-link.active::after {
background-color: #007bff;
width: 24px;
height: 24px;
-webkit-transform: translateX(0);
transform: translateX(0);
color: #fff
1988}
nav-step .nav-item.complete .nav-link::after {
width: 29px;
height: 29px;
-webkit-transform: translateX(0);
transform: translateX(0);
color: #fff
1995}
nav-step .nav-item .nav-link.active::after {
width: 13px;
height: 13px;
margin-top: 8px;
-webkit-transform: translateX(8px);
transform: translateX(8px);
color: transparent
2003}
nav-step .nav-link {
display: -webkit-inline-box;
display: inline-flex;
  padding: 0;
margin: 10px 0;
width: 29px;
height: 29px;
max-height: 29px;
border-radius: 50%;
background-color: #f7fafc;
-webkit-transition: .5s;
transition: .5s;
z-index: 1
2017}
nav-step .nav-link::before {
content: '';
position: absolute;
left: calc(-50% + 14.5px);
right: calc(50% + 14.5px);
height: 10px;
margin-top: 9.5px;
background-color: #f7fafc;
cursor: default;
-webkit-transition: .5s;
transition: .5s;
2029}
nav-step .nav-link::after {
content: "\f12c";
font-family: "Material Design Icons";
width: 0;
height: 0;
text-align: center;
font-size: 15px;
position: absolute;
border-radius: 50%;
background-color: transparent;
color: transparent;
-webkit-transform: translate(14.5px, 14.5px);
transform: translate(14.5px, 14.5px);
-webkit-transition: .5s;
transition: .5s;
z-index: 1;
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center
2052}
nav-step-pane.active {
  display: block!important;
2055}
2056
2057/* 下拉选择 */
custom-select {
  border-color: rgba(77, 82, 89, 0.07);
2060}
2061
2062/* 上传 */
custom-file-label {
  border-color: rgba(77, 82, 89, 0.07);
2065}
custom-file-input,
custom-file-label {
  height: calc(1.5em + .75rem + 3px);
2069}
custom-file-label::after {
  content: '浏览';
  height: calc(1.5em + .75rem + 1px);
2073}
2074
2075/* 验证 */
valid-feedback {
  color: #15c377;
2078}
valid-tooltip {
  background-color: rgba(21, 195, 119, 0.9);
  border-radius: 2px;
2082}
was-validated .form-control:valid, .form-control.is-valid {
  border-color: #15c377;
2085}
was-validated .form-control:valid:focus,
form-control.is-valid:focus {
  border-color: #15c377;
  box-shadow: 0 0 0 0.2rem rgba(21, 195, 119, 0.25);
2090}
was-validated .custom-select:valid,
custom-select.is-valid {
  border-color: #15c377;
2094}
was-validated .custom-select:valid:focus,
custom-select.is-valid:focus {
  border-color: #15c377;
  box-shadow: 0 0 0 0.2rem rgba(21, 195, 119, 0.25);
2099}
was-validated .form-check-input:valid ~ .form-check-label,
form-check-input.is-valid ~ .form-check-label {
  color: #15c377;
2103}
was-validated .form-check-input:valid ~ .form-check-label,
form-check-input.is-valid ~ .form-check-label {
  color: #15c377;
2107}
was-validated .custom-control-input:valid ~ .custom-control-label,
custom-control-input.is-valid ~ .custom-control-label {
  color: #15c377;
2111}
was-validated .custom-control-input:valid ~ .custom-control-label::before,
custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #15c377;
2115}
was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(21, 195, 119, 0.25);
2119}
was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #15c377;
2123}
was-validated .custom-file-input:valid ~ .custom-file-label,
custom-file-input.is-valid ~ .custom-file-label {
  border-color: #15c377;
2127}
was-validated .custom-file-input:valid:focus ~ .custom-file-label,
custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #15c377;
  box-shadow: 0 0 0 0.2rem rgba(21, 195, 119, 0.25);
2132}
invalid-feedback {
  color: #f96868;
2135}
invalid-tooltip {
  background-color: rgba(249, 104, 104, 0.9);
  border-radius: 2px;
2139}
was-validated .form-control:invalid,
form-control.is-invalid {
  border-color: #f96868;
2143}
was-validated .form-control:invalid:focus,
form-control.is-invalid:focus {
  border-color: #f96868;
  box-shadow: 0 0 0 0.2rem rgba(249, 104, 104, 0.25);
2148}
was-validated .custom-select:invalid,
custom-select.is-invalid {
  border-color: #f96868;
2152}
was-validated .custom-select:invalid:focus,
custom-select.is-invalid:focus {
  border-color: #f96868;
  box-shadow: 0 0 0 0.2rem rgba(249, 104, 104, 0.25);
2157}
was-validated .form-check-input:invalid ~ .form-check-label,
form-check-input.is-invalid ~ .form-check-label {
  color: #f96868;
2161}
was-validated .custom-control-input:invalid ~ .custom-control-label,
custom-control-input.is-invalid ~ .custom-control-label {
  color: #f96868;
2165}
was-validated .custom-control-input:invalid ~ .custom-control-label::before,
custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #f96868;
2169}
was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, 
custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(249, 104, 104, 0.25);
2173}
was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #f96868;
2177}
was-validated .custom-file-input:invalid ~ .custom-file-label,
custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #f96868;
2181}
was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #f96868;
  box-shadow: 0 0 0 0.2rem rgba(249, 104, 104, 0.25);
2186}
2187
2188/* 下拉菜单 */
dropdown-menu {
  font-size: 14px;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.075);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.075);
2195}
dropdown-item,
dropdown-header,
dropdown-item-text {
  padding: 8px 15px;
2200}
dropleft .dropdown-toggle::before {
  vertical-align: 1px;
2203}
dropdown-item:hover,
dropdown-item:focus {
  background-color: #f9fafb;
2207}
dropdown-item.active,
dropdown-item:active {
  background-color: #007bff;
2211}
dropdown-divider {
  border-color: rgba(77, 82, 89, 0.07);
2214}
2215
2216/* 标签页 */
nav-tabs {
  border-color: rgba(77, 82, 89, 0.07);
  margin-bottom: 1rem;
2220}
nav-tabs .nav-link {
  color: #4d5259;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
2227}
nav-tabs .nav-link:hover,
nav-tabs .nav-link:focus {
  border-color: #007bff;
2231}
nav-tabs .nav-link.active,
nav-tabs .nav-item.show .nav-link {
  color: #4d5259;
  background-color: #fff;
  border-color: #007bff;
2237}
nav-pills .nav-link.active,
nav-pills .show>.nav-link {
  color: #FFF;
  background-color: #007bff;
2242}
nav-pills .nav-link {
  color: #4d5259;
2245}
nav-tabs .nav-link.disabled,
nav-pills .nav-link.disabled {
  color: #8b95a5;
2249}
tab-content .tab-pane p:last-child {
  margin-bottom: 0px;
2252}
nav-tabs.flex-column {
  border-bottom: none;
  margin-bottom: 0;
  border-right: 1px solid rgba(77, 82, 89, 0.07);
2257}
nav-tabs.flex-column .nav-link {
  border-bottom: 0;
  border-right: 1px solid transparent;
2261}
nav-tabs.flex-column .nav-link.active {
  border-color: #007bff;
2264}
nav-tabs.flex-column .nav-link {
  margin-bottom: 0;
  margin-right: -1px;
2268}
2269
2270/* 卡片 */
card {
  border: 0px;
  border-radius: 18px;
  margin-bottom: 24px;
  -webkit-transition: .5s;
  transition: .5s;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.035);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.035);
2279}
card-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items:center;
  padding: 15px 24px;
  background-color: transparent;
  border-bottom: 1px solid rgba(77, 82, 89, 0.07);
2290}
card-header .card-title {
  margin-bottom: 0;
2293}
card-header div.card-title {
  font-size: 16px;
2296}
card-body {
  padding: 24px;
2299}
card-body > *:last-child {
  margin-bottom: 0;
2302}
card-body > p:last-child {
  margin-bottom: 0;
2305}
card-bordered {
  border: 1px solid #eceeef;
2308}
card-shadowed,
card-hover-shadow:hover {
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
2313}
card-footer {
  background-color: #fcfdfe;
  border-top: 1px solid rgba(77, 82, 89, 0.07);
  padding: 15px 24px;
2318}
accordion .card {
  background-color: #fff;
  border: 1px solid #f1f2f3;
  margin-bottom: 16px;
2323}
accordion .card-header {
  background-color: #fcfdfe;
2326}
accordion .card:last-child {
  margin-bottom: 0;
2329}
card-title a {
  color: #37404d;
2332}
card .tab-content {
  padding: 10px 24px;
2335}
2336
2337/* 卡片操作菜单 */
card-actions {
  list-style: none;
margin-bottom: 0;
padding: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
2347}
card-header > *:last-child {
  margin-right: 0;
2350}
card-actions > li > a {
  display: inline-block;
  padding: 0 4px;
  margin: 0 4px;
  color: #8b95a5;
2356}
card-actions > li > a:hover {
  color: #007bff;
2359}
card-actions > li > a > .mdi {
  font-size: 20px;
2362}
card-actions > li > a > i {
  height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  line-height: 20px;
2369}
card-actions > li:first-child > a {
  margin-right: 0;
  padding-right: 0;
2373}
2374
2375/* card-toolbar */
card-toolbar {
  padding: 20px 24px 0 24px;
2378}
card-toolbar .input-group-prepend {
  position: relative;
2381}
card-toolbar .dropdown-menu {
  min-width: 100%;
2384}
toolbar-btn-action .btn {
  margin-bottom: 5px;
2387}
2388
2389/* 卡片颜色 */
card[class*="bg-"]:not(.bg-secondary) .card-actions li a,
card[class*="bg-"]:not(.bg-secondary) .card-title small,
card[class*="bg-"]:not(.bg-secondary) .card-title .small {
  color: rgba(255, 255, 255, 0.5) !important;
2394}
card[class*="bg-"]:not(.bg-secondary) .card-actions li a:hover {
  color: #fff !important;
2397}
2398
2399/* 卡片边框 */
card[class*="border-"] {
  border-width: 1px;
  border-style: solid;
2403}
2404
2405/* 卡片组 */
card-img,
card-img-top,
card-img-bottom {
  border-radius: 0;
2410}
2411
2412/* 卡片列 */
card-columns .card {
  margin-bottom: 24px;
2415}
blockquote {
  font-size: 14px;
2418}
card.card-body[class*="bg-"]:not(.bg-secondary) .blockquote-footer,
card.card-body[class*="bg-"]:not(.bg-secondary) .blockquote-footer > * {
  color: #fff;
2422}
2423
2424/* 标注 */
callout {
  padding: 15px 21px;
  background-color: #fcfdfe;
  border-left: 3px solid transparent;
2429}
callout-primary {
  border-left-color: #007bff;
2432}
callout-success {
  border-left-color: #15c377;
2435}
callout-info {
  border-left-color: #65bdf8;
2438}
callout-warning {
  border-left-color: #faa64b;
2441}
callout-danger {
  border-left-color: #fa8181;
2444}
callout p:last-child {
  margin-bottom: 0px;
2447}
2448
2449/* 图片 */
img-thumbnail {
  border-color: rgba(77, 82, 89, 0.07);
2452}
2453
2454/* 背景颜色 */
bg-primary {
background-color: #007bff !important;
color: #fff!important;
2458}
2459a.bg-primary:hover, a.bg-primary:focus,
2460button.bg-primary:hover,
2461button.bg-primary:focus {
  background-color: #52d3c7 !important;
2463}
bg-secondary {
background-color: #e4e7ea !important;
color: #fff!important;
2467}
2468a.bg-secondary:hover, a.bg-secondary:focus,
2469button.bg-secondary:hover,
2470button.bg-secondary:focus {
  background-color: #edeff1 !important;
2472}
bg-success {
background-color: #15c377 !important;
color: #fff!important;
2476}
2477a.bg-success:hover, a.bg-success:focus,
2478button.bg-success:hover,
2479button.bg-success:focus {
  background-color: #16d17f !important;
2481}
bg-info {
background-color: #48b0f7 !important;
color: #fff!important;
2485}
2486a.bg-info:hover, a.bg-info:focus,
2487button.bg-info:hover,
2488button.bg-info:focus {
  background-color: #65bdf8 !important;
2490}
bg-warning {
background-color: #faa64b !important;
color: #fff!important;
2494}
2495a.bg-warning:hover, a.bg-warning:focus,
2496button.bg-warning:hover,
2497button.bg-warning:focus {
  background-color: #fbb264 !important;
2499}
bg-danger {
background-color: #f96868 !important;
color: #fff!important;
2503}
2504a.bg-danger:hover, a.bg-danger:focus,
2505button.bg-danger:hover,
2506button.bg-danger:focus {
  background-color: #fa8181 !important;
2508}
bg-pink {
background-color: #f96197 !important;
color: #fff!important;
2512}
2513a.bg-pink:hover, a.bg-pink:focus,
2514button.bg-pink:hover,
2515button.bg-pink:focus {
  background-color: #fa75a4 !important;
2517}
bg-purple {
background-color: #926dde !important;
color: #fff!important;
2521}
2522a.bg-purple:hover, a.bg-purple:focus,
2523button.bg-purple:hover,
2524button.bg-purple:focus {
  background-color: #a282e3 !important;
2526}
bg-brown {
background-color: #8d6658 !important;
color: #fff!important;
2530}
2531a.bg-brown:hover, a.bg-brown:focus,
2532button.bg-brown:hover,
2533button.bg-brown:focus {
  background-color: #9d7162 !important;
2535}
bg-cyan {
background-color: #57c7d4 !important;
color: #fff!important;
2539}
2540a.bg-cyan:hover, a.bg-cyan:focus,
2541button.bg-cyan:hover,
2542button.bg-cyan:focus {
  background-color: #77d2dc !important;
2544}
bg-yellow {
background-color: #fcc525 !important;
color: #fff!important;
2548}
2549a.bg-yellow:hover, a.bg-yellow:focus,
2550button.bg-yellow:hover,
2551button.bg-yellow:focus {
  background-color: #fdd04d !important;
2553}
bg-gray {
background-color: #868e96 !important;
color: #fff!important;
2557}
2558a.bg-gray:hover, a.bg-gray:focus,
2559button.bg-gray:hover,
2560button.bg-gray:focus {
  background-color: #959DA4 !important;
2562}
bg-dark {
background-color: #465161 !important;
color: #fff!important;
2566}
2567a.bg-dark:hover, a.bg-dark:focus,
2568button.bg-dark:hover,
2569button.bg-dark:focus {
  background-color: #515d70 !important;
2571}
bg-white {
background-color: #fff !important
2574}
bg-lightest {
background-color: #fcfdfe !important
2577}
bg-lighter {
background-color: #f9fafb !important
2580}
bg-light {
background-color: #f5f6f7 !important
2583}
bg-translucent {
  background-color: rgba(255, 255, 255, 0.175)!important;
2586}
bg-transparent {
background-color: transparent !important
2589}
2590
2591/* 边框颜色 */
border-primary {
border-color: #007bff !important;
2594}
border-secondary {
border-color: #e4e7ea !important;
2597}
border-success {
border-color: #15c377 !important;
2600}
border-info {
border-color: #48b0f7 !important;
2603}
border-warning {
border-color: #faa64b !important;
2606}
border-danger {
border-color: #f96868 !important;
2609}
border-pink {
border-color: #f96197 !important;
2612}
border-purple {
border-color: #926dde !important;
2615}
border-brown {
border-color: #8d6658 !important;
2618}
border-cyan {
border-color: #57c7d4 !important;
2621}
border-yellow {
border-color: #fcc525 !important;
2624}
border-gray {
border-color: #868e96 !important;
2627}
border-dark {
border-color: #465161 !important;
2630}
border-lightest {
border-color: #fcfdfe !important
2633}
border-lighter {
border-color: #f9fafb !important
2636}
border-light {
border-color: #f5f6f7 !important
2639}
border-translucent {
  border-color: rgba(255, 255, 255, 0.175)
2642}
border-transparent {
border-color: transparent !important
2645}
2646
2647/* 字体颜色 */
text-primary {
color: #007bff !important
2650}
text-secondary {
color: #e4e7ea !important
2653}
text-success {
color: #15c377 !important
2656}
text-info {
color: #48b0f7 !important
2659}
text-warning {
color: #faa64b !important
2662}
text-danger {
color: #f96868 !important
2665}
text-pink {
color: #f96197 !important
2668}
text-purple {
color: #926dde !important
2671}
text-brown {
color: #8d6658 !important
2674}
text-cyan {
color: #57c7d4 !important
2677}
text-yellow {
color: #fcc525 !important
2680}
text-gray {
color: #868e96 !important
2683}
text-dark {
color: #465161 !important
2686}
text-default {
color: #4d5259 !important
2689}
text-muted {
color: #868e96 !important
2692}
text-light {
color: #616a78 !important
2695}
text-lighter {
color: #a5b3c7 !important
2698}
text-fade {
color: rgba(77, 82, 89, 0.7) !important
2701}
text-fader {
color: rgba(77, 82, 89, 0.5) !important
2704}
text-fadest {
color: rgba(77, 82, 89, 0.4) !important
2707}
text-white-50 {
  color: rgba(255,255,255,.5)!important;
2710}
text-transparent {
color: transparent !important
2713}
2714a.text-primary:hover,a.text-primary:focus {
color: #007bff !important
2716}
2717a.text-secondary:hover,a.text-secondary:focus {
color: #e4e7ea !important
2719}
2720a.text-info:hover,a.text-info:focus {
color: #48b0f7 !important
2722}
2723a.text-success:hover,a.text-success:focus {
color: #15c377 !important
2725}
2726a.text-warning:hover,a.text-warning:focus {
color: #faa64b !important
2728}
2729a.text-danger:hover,a.text-danger:focus {
color: #f96868 !important
2731}
2732
2733/* 徽章 */
badge {
  -webkit-border-radius: 2px;
  border-radius: 3px;
font-size: 7px;
  font-weight: 300;
padding: 5px 6px;
2740}
badge-pill {
  -webkit-border-radius: 10rem;
  border-radius: 10rem;
2744}
badge-primary {
  background-color: #007bff;
2747}
2748a.badge-primary:hover,
2749a.badge-primary:focus {
  background-color: #52d3c7;
2751}
badge-success {
  background-color: #15c377;
2754}
2755a.badge-success:hover,
2756a.badge-success:focus {
  background-color: #16d17f;
2758}
badge-info {
  background-color: #48b0f7;
2761}
2762a.badge-info:hover,
2763a.badge-info:focus {
  background-color: #65bdf8;
2765}
badge-warning {
  color: #fff;
  background-color: #faa64b;
2769}
2770a.badge-warning:hover,
2771a.badge-warning:focus {
  background-color: #fbb264;
2773}
badge-danger {
  background-color: #f96868;
2776}
2777a.badge-danger:hover,
2778a.badge-danger:focus {
  background-color: #fa8181;
2780}
badge-dark {
  background-color: #465161;
2783}
2784a.badge-dark:hover,
2785a.badge-dark:focus {
  background-color: #515d70;
2787}
badge-secondary {
  background-color: #e4e7ea;
  color: #4d5259;
2791}
2792a.badge-secondary:hover,
2793a.badge-secondary:focus {
  color: #4d5259;
  background-color: #edeff1;
2796}
badge-purple {
  background-color: #926dde;
  color: #fff;
2800}
2801a.badge-purple:hover,
2802a.badge-purple:focus {
  color: #fff;
  background-color: #a282e3;
2805}
badge-pink {
  background-color: #f96197;
  color: #fff;
2809}
2810a.badge-pink:hover,
2811a.badge-pink:focus {
  color: #fff;
  background-color: #fa75a4;
2814}
badge-cyan {
  background-color: #57c7d4;
  color: #fff;
2818}
2819a.badge-cyan:hover,
2820a.badge-cyan:focus {
  color: #fff;
  background-color: #77d2dc;
2823}
badge-yellow {
  background-color: #fcc525;
  color: #fff;
2827}
2828a.badge-yellow:hover,
2829a.badge-yellow:focus {
  color: #fff;
  background-color: #fdd04d;
2832}
badge-brown {
  background-color: #8d6658;
  color: #fff;
2836}
2837a.badge-brown:hover,
2838a.badge-brown:focus {
  color: #fff;
  background-color: #9d7162;
2841}
2842a.badge-light:hover,
2843a.badge-light:focus {
  background-color: #F3F4F6;
2845}
2846a.badge:focus,
2847a.badge.focus {
  box-shadow: none;
2849}
badge-muted  {
  color: #fff;
  background-color: #8b95a5;
2853}
2854a.badge-muted:hover,
2855a.badge-muted:focus {
  color: #fff;
  background-color: #97A1AF;
2858}
2859a.badge-muted:focus,
2860a.badge-muted.focus {
  box-shadow: none;
2862}
2863[class*='badge-outline-'] {
  position: relative;
border: 1px solid #ebebeb;
  color: #4d5259;
  font-size: 12px;
2868}
2869[class*='badge-outline-']:before {
  content: "";
  margin-right: 5px;
  width: 8px;
  height: 8px;
  display: inline-block;
  -wekit-border-radius: 50%;
  border-radius: 50%;
2877}
badge-outline-default::before {
  background-color: #f5f6f7;
2880}
badge-outline-primary::before {
  background-color: #007bff;
2883}
badge-outline-success::before {
  background-color: #15c377;
2886}
badge-outline-info::before {
  background-color: #48b0f7;
2889}
badge-outline-warning::before {
  background-color: #faa64b;
2892}
badge-outline-danger::before {
  background-color: #f96868;
2895}
badge-outline-dark::before {
  background-color: #465161;
2898}
badge-outline-secondary::before {
  background-color: #e4e7ea;
2901}
badge-outline-purple::before {
  background-color: #926dde;
2904}
badge-outline-pink::before {
  background-color: #f96197;
2907}
badge-outline-cyan::before {
  background-color: #57c7d4;
2910}
badge-outline-yellow::before {
  background-color: #fcc525;
2913}
badge-outline-brown::before {
  background-color: #8d6658;
2916}
2917/* 淡一点的颜色 */
badge-primary-light {
  background-color: rgba(51, 202, 187, .15);
  color: #007bff;
2921}
badge-success-light {
  background-color: rgba(21, 195, 119, .15);
  color: #15c377;
2925}
badge-info-light {
  background-color: rgba(72,176,247, .15);
  color: #48b0f7;
2929}
badge-warning-light {
  background-color: rgba(250,166,75, .15);
  color: #faa64b;
2933}
badge-danger-light {
  background-color: rgba(249,104,104, .15);
  color: #f96868;
2937}
badge-purple-light {
  background-color: rgba(146,109,222, .15);
  color: #926dde;
2941}
badge-brown-light {
  background-color: rgba(141,102,88, .15);
  color: #8d6658;
2945}
2946/* 圆点 */
badge-dot {
  padding: 0px;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
2953}
badge-dot:empty {
  display: inline-block;
2956}
badge-dot-sm {
  width: 6px;
  height: 6px;
2960}
badge-dot-lg {
  width: 10px;
  height: 10px;
2964}
badge-dot-xl {
  width: 12px;
  height: 12px;
2968}
2969
2970/* 列表组 */
list-group-item {
  border-color: rgba(77, 82, 89, 0.07);
2973}
2974a.list-group-item:focus,
2975a.list-group-item:hover,
2976button.list-group-item:focus,
2977button.list-group-item:hover {
  background-color: #f9fafb;
2979}
list-group-item.active,
list-group-item.active:focus,
list-group-item.active:hover {
  background-color: #007bff;
  border-color: #007bff;
2985}
list-group-item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
2989}
list-group-item:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
2993}
list-group-item.disabled,
list-group-item:disabled {
  color: #8b95a5;
2997}
list-group-item-primary {
  color: #1c7068;
  background-color: #d5f5f3;
3001}
list-group-item-primary.list-group-item-action:hover,
list-group-item-primary.list-group-item-action:focus {
  color: #1c7068;
  background-color: #C5F1EF;
3006}
list-group-item-primary.list-group-item-action.active {
  background-color: #1c7068;
  border-color: #1c7068;
3010}
list-group-item-secondary {
  color: #464a4e;
  background-color: #e4e7ea;
3014}
list-group-item-secondary.list-group-item-action:hover,
list-group-item-secondary.list-group-item-action:focus {
  color: #464a4e;
  background-color: #DADEE2;
3019}
list-group-item-secondary.list-group-item-action.active {
  background-color: #464a4e;
  border-color: #464a4e;
3023}
list-group-item-success {
  background-color: #d4edda;
3026}
list-group-item-success.list-group-item-action:hover,
list-group-item-success.list-group-item-action:focus {
  background-color: #C4E6CC;
3030}
list-group-item-info {
color: #004085;
background-color: #cce5ff;
3034}
list-group-item-info.list-group-item-action:hover,
list-group-item-info.list-group-item-action:focus {
color: #004085;
background-color: #BADBFF;
3039}
list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #004085;
border-color: #004085;
3044}
list-group-item-warning {
background-color: #fff3cd;
3047}
list-group-item-warning.list-group-item-action:hover,
list-group-item-warning.list-group-item-action:focus {
background-color: #FFEFBB;
3051}
list-group-item-danger {
background-color: #f8d7da;
3054}
list-group-item-danger.list-group-item-action:hover,
list-group-item-danger.list-group-item-action:focus {
background-color: #F6C8CC;
3058}
list-group-item-light {
background-color: #f7fafc;
3061}
list-group-item-light.list-group-item-action:hover,
list-group-item-light.list-group-item-action:focus {
background-color: #F4F8FB;
3065}
list-group-item-dark {
  background-color: #d6d8d9;
3068}
list-group-item-dark.list-group-item-action:hover,
list-group-item-dark.list-group-item-action:focus {
  background-color: #C7CACB;
3072}
3073
3074/* 模态框 */
modal-header {
  border-bottom-color: rgba(77, 82, 89, 0.07);
3077}
modal-footer {
  border-top-color: rgba(77, 82, 89, 0.07);
3080}
modal-content {
  -webkit-border-radius: 2px;
  border-radius: 15px;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
3087}
3088
3089/* 加载动画 */
spinner-border {
  border-width: .125em;
3092}
3093
3094/* 消息提示 */
toast-body {
  color: #4d5259;
3097}
3098
3099/* 导航栏 */
navbar-brand {
  font-size: 1rem;
3102}
3103
3104/* 分页 */
pagination {
  border-radius: 5px;
3107}
page-link {
  color: #6c757d;
  margin: 0 3px;
  line-height: 1.3;
  border-radius: 5px;
  border-color: #ececec;
  white-space: nowrap!important;
3115}
page-link:hover {
  color: #4d5259;
  background-color: #f9fafb;
3119}
page-item:first-child .page-link {
  margin-left: 0px;
3122}
page-item:last-child .page-link {
  margin-right: 0px;
3125}
page-item:first-child .page-link,
page-item:last-child .page-link,
pagination-lg .page-item:first-child .page-link,
pagination-sm .page-item:first-child .page-link,
pagination-lg .page-item:last-child .page-link,
pagination-sm .page-item:last-child .page-link {
  border-radius: 5px;
3133}
page-item.disabled .page-link {
  color: #6c757d;
  opacity: 0.6;
3137}
page-item.active .page-link {
  background-color: #007bff;
  border-color: #007bff;
3141}
page-link:focus {
  background-color: #f9fafb;
  color: #4d5259;
  box-shadow: none;
3146}
pagination-lg .page-link {
  padding: .5rem 1.5rem;
3149}
pagination.no-border > li a,
pagination.no-border > li span {
  border: none;
3153}
pagination.no-gutters > li a,
pagination.no-gutters > li span {
  margin: 0;
  margin-left: -1px;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
3160}
3161
3162/* popover */
popover {
  border-color: rgba(77, 82, 89, 0.07);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0px;
3170}
popover-header {
  background-color: #fcfdfe;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #616a78;
  border-bottom-color: rgba(77, 82, 89, 0.07);
3177}
popover.top>.arrow {
  border-top-color: rgba(77, 82, 89, 0.07);
3180}
popover.right>.arrow {
  border-right-color: rgba(77, 82, 89, 0.07);
3183}
popover.bottom>.arrow {
  border-bottom-color: rgba(77, 82, 89, 0.07);
3186}
popover.left>.arrow {
  border-left-color: rgba(77, 82, 89, 0.07);
3189}
bs-popover-auto[x-placement^=right]>.arrow::before,
bs-popover-right>.arrow::before {
  border-right-color: rgba(0, 0, 0, .095);
3193}
bs-popover-auto[x-placement^=top]>.arrow::before,
bs-popover-top>.arrow::before {
  border-top-color: rgba(0, 0, 0, .095);
3197}
bs-popover-auto[x-placement^=left]>.arrow::before,
bs-popover-left>.arrow::before {
  border-left-color: rgba(0, 0, 0, .095);
3201}
bs-popover-auto[x-placement^=bottom]>.arrow::before,
bs-popover-bottom>.arrow::before {
  border-bottom-color: rgba(0, 0, 0, .095);
3205}
popover-body {
  color: #4d5259;
3208}
3209
3210/* 进度条 */
progress {
  height: .75rem;
  border-radius: 2px;
  background-color: #f5f6f7;
3215}
progress+.progress {
  margin-top: 8px;
3218}
progress-bar {
  background-color: #007bff;
3221}
progress-sm {
  height: 5px!important;
3224}
3225
3226/* 工具提示 */
tooltip-inner {
  border-radius: 2px;
3229}
bs-tooltip-auto[x-placement^=top] .arrow::before,
bs-tooltip-top .arrow::before,
bs-tooltip-auto[x-placement^=bottom] .arrow::before,
bs-tooltip-bottom .arrow::before {
  left: 1px;
3235}
bs-tooltip-auto[x-placement^=right] .arrow::before,
bs-tooltip-right .arrow::before,
bs-tooltip-auto[x-placement^=left] .arrow::before,
bs-tooltip-left .arrow::before {
  top: 1px;
3241}
3242
3243/* 时光轴 */
lyear-timeline {
  margin: 0px;
  padding: 0px;
  list-style: none;
3248}
lyear-timeline .lyear-timeline-item {
  display: -webkit-box;
  display: flex;
3252}
lyear-timeline-date {
  position: relative;
  padding: 30px 0;
  text-align: center;
3257}
lyear-timeline-date time {
  font-size: 16px!important;
  color: #8b95a5;
3261}
lyear-timeline-item-dot {
  position: relative;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  flex-grow: 0;
  -webkit-box-ordinal-group: 3;
  order: 2;
  width: 80px;
  padding-bottom: 30px;
  text-align: center;
3272}
lyear-timeline-item-dot .badge {
  display: inline-block;
  vertical-align: inherit;
  width: 11px;
  height: 11px;
  -wekit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  z-index: 3;
3282}
lyear-timeline-item-dot::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 50%;
  bottom: -9px;
  width: 1px;
  margin-left: -1px;
  z-index: 1;
  background-color: #f2f3f3;
3293}
lyear-timeline-item-action {
  -webkit-box-flex: 1;
  flex: 1 1;
  padding-bottom: 30px;
  color: #8b95a5;
3299}
lyear-timeline-item-content {
  -webkit-box-flex: 1;
  flex: 1 1;
  margin-bottom: 50px;
3304}
lyear-timeline-item-content .card {
  margin-bottom: 0px;
3307}
lyear-timeline-item-content time {
  color: #8b95a5;
3310}
lyear-timeline-left .lyear-timeline-item .lyear-timeline-item-content {
  -webkit-box-ordinal-group: 4!important;
  order: 3!important;
3314}
lyear-timeline-right .lyear-timeline-item .lyear-timeline-item-content {
  text-align: right;
  -webkit-box-ordinal-group: 2!important;
  order: 1!important;
3319}
lyear-timeline-left .lyear-timeline-item-content,
lyear-timeline-right .lyear-timeline-item-content {
  margin-bottom: 10px;
3323}
lyear-timeline-left .lyear-timeline-item-dot,
lyear-timeline-right .lyear-timeline-item-dot {
  width: 40px;
3327}
lyear-timeline-left .lyear-timeline-item-dot::before,
lyear-timeline-right .lyear-timeline-item-dot::before {
  margin-left: 0px;
3331}
lyear-timeline-item.text-muted .badge {
  background-color: #8b95a5;
3334}
3335
3336/* 其他 */
close {
  font-size: 1.2rem;
3339}
form-control,
btn,
col-form-label,
col-form-label-lg,
col-form-label-sm,
form-control-plaintext,
form-control-sm,
form-control-lg,
valid-tooltip,
invalid-tooltip,
btn-lg,
btn-group-lg > .btn,
btn-sm,
btn-group-sm > .btn,
input-group-text,
input-group-lg > .form-control,
input-group-lg > .custom-select,
input-group-lg > .input-group-append > .input-group-text,
input-group-lg > .input-group-prepend > .btn,
input-group-lg > .input-group-append > .btn,
input-group-sm > .form-control,
input-group-sm > .custom-select,
input-group-sm > .input-group-append > .input-group-text,
input-group-sm > .input-group-prepend > .btn,
input-group-sm > .input-group-append > .btn,
custom-select,
custom-select,
custom-file-label,
custom-file-label::after,
modal-title,
tooltip,
popover {
  line-height: 1.72;
3373}
col-form-label {
  padding-top: calc(.3125rem + 1px);
  padding-bottom: calc(.3125rem + 1px);
3377}
breadcrumb {
  background-color: #f5f6f7;
3380}
3381
3382/* 多图 */
lyear-uploads-pic {}
lyear-uploads-pic li {
  margin-bottom: 10px;
3386}
lyear-uploads-pic figure  {
  position: relative;
  background: #4d5259;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  margin-bottom: 0px;
3394}
lyear-uploads-pic figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  width: 100%;
  opacity: 1;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
3406}
lyear-uploads-pic figure:hover img {
  opacity: 0.5;
3409}
lyear-uploads-pic figure figcaption,
lyear-uploads-pic figure figcaption > a:not(.btn) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
3417}
lyear-uploads-pic figure figcaption {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-transform: none;
  padding: 2em;
  color: #fff;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: .35s;
  transition: .35s;
3432}
lyear-uploads-pic figure figcaption > a {
  position: static;
  z-index: auto;
  text-indent: 0;
  white-space: nowrap;
  opacity: 1;
margin-left: 2px;
margin-right: 2px;
  height: 41px;
  line-height: 30px;
3443}
lyear-uploads-pic figure figcaption > *:first-child {
  margin-left: 0;
3446}
lyear-uploads-pic figure:hover figcaption {
-webkit-transform: scale(1);
transform: scale(1)
3450}
lyear-uploads-pic .pic-add {
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border: 1px dashed #ebebeb;
  font-family: "Material Design Icons";
  font-size: 2.875rem;
  color: #8b95a5;
  -webkit-transition: .35s;
  transition: .35s;
3462}
lyear-uploads-pic .pic-add:before {
  content: "\f415";
3465}
lyear-uploads-pic .pic-add:hover {
  border-color: #007bff;
  color: #007bff;
3469}
3470
3471/* 图库 */
masonry-grid {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
3479}
masonry-item {
  display: block;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
  padding-bottom: 30px;
3485}
masonry-grid {
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
3490}
masonry-grid .masonry-item {
  padding-bottom: 16px;
3493}
3494
3495/** ----------------------------------
* 滚动条插件样式
-------------------------------------- */
ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
3504}
ps__rail-x {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
height: 6px;
bottom: 2px;
position: absolute;
3513}
3514
ps__rail-y {
display: none;
opacity: 0;
transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color .2s linear, opacity .2s linear;
width: 6px;
right: 2px;
position: absolute;
3523}
ps--active-x > .ps__rail-x,
ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
3528}
ps:hover > .ps__rail-x,
ps:hover > .ps__rail-y,
ps--focus > .ps__rail-x,
ps--focus > .ps__rail-y,
ps--scrolling-x > .ps__rail-x,
ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
3536}
ps .ps__rail-x:hover,
ps .ps__rail-y:hover,
ps .ps__rail-x:focus,
ps .ps__rail-y:focus,
ps .ps__rail-x.ps--clicking,
ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
3545}
ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, height .2s ease-in-out;
-webkit-transition: background-color .2s linear, height .2s ease-in-out;
height: 3px;
bottom: 0px;
position: absolute;
3554}
ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color .2s linear, width .2s ease-in-out;
-webkit-transition: background-color .2s linear, width .2s ease-in-out;
width: 3px;
right: 0px;
position: absolute;
3563}
ps__rail-x:hover > .ps__thumb-x,
ps__rail-x:focus > .ps__thumb-x,
ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 6px;
3569}
ps__rail-y:hover > .ps__thumb-y,
ps__rail-y:focus > .ps__thumb-y,
ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 6px;
3575}
3576@supports (-ms-overflow-style: none) {
.ps {
  overflow: auto !important;
}
3580}
3581@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
  overflow: auto !important;
}
3585}
3586
3587/** ----------------------------------
* 网站布局
-------------------------------------- */
3590
3591/** ----------------------------------
* 左侧导航
-------------------------------------- */
lyear-layout-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 5;
  display: block;
  width: 240px;
  font-weight: 500;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.3s transform;
  transition: 0.3s transform;
  transform: translateX(0);
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.08);
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.08);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.08);
3610}
lyear-layout-sidebar-close .lyear-layout-sidebar {
  width: 60px;
3613}
lyear-layout-sidebar-close .lyear-layout-header,
lyear-layout-sidebar-close .lyear-layout-content {
  padding-left: 60px;
3617}
lyear-layout-sidebar-info {
height: -moz-calc(100% - 68px);
height: -webkit-calc(100% - 68px);
height: calc(100% - 68px);
  position: relative;
  background-color: #fff;
3624}
3625
3626/* LOGO */
sidebar-header {
  position: relative;
  overflow: hidden;
  z-index: 999;
  background-color: #fff;
  width: 100%;
-webkit-box-shadow: 0 1px 1px -1px rgba(77,82,89,0.15);
  box-shadow: 0 1px 1px -1px rgba(77,82,89,0.15);
3635}
sidebar-header:before, .sidebar-header:after {
  content: " ";
  display: table;
3639}
sidebar-header a {
  display: block;
  height: auto;
  width: 100%;
  text-align: center;
3645}
sidebar-header a img {
  max-width: 240px;
  margin: 16px 0px;
3649}
3650
3651/* 左侧导航菜单 */
sidebar-main {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
3655}
nav-drawer {
  list-style: none;
  padding: 0px;
  margin: 0px;
3660}
nav-drawer > li {
  position: relative;
  display: block;
3664}
nav-drawer li a {
  position: relative;
  display: block;
  padding-right: 24px;
  padding: 10px 15px 10px 52.99999px;
  color: inherit;
  font-weight: 500;
  white-space: nowrap;
3673}
nav-drawer > li > a {
  border-right: 3px solid transparent;
  padding-top: 12px;
  padding-bottom: 12px;
3678}
nav-drawer > li > a > span {
  white-space: nowrap;
3681}
nav-drawer > .active > a {
  background-color: rgba(0,0,0,.0125);
  border-color: #007bff;
3685}
nav-drawer > li.active > a {
  background-color: rgba(0,0,0,.0125)!important;
3688}
nav-drawer > .active > a:hover,
nav-drawer > .active > a:focus,
nav-drawer > .active > a:active {
  background-color: rgba(0,0,0,.0125);
  border-color: #007bff;
3694}
nav-drawer .nav-subnav > li.active > a,
nav-drawer .nav-subnav > li > a:hover {
  color: #007bff;
  background-color: transparent;
3699}
nav-drawer > li > a > i {
  position: absolute;
  left: 21px;
  top: 8px;
  font-size: 1.25em;
3705}
nav-drawer ul li ul {
  padding-left: 15px;
3708}
nav-item-has-subnav > a:after {
  position: absolute;
  top: 12px;
  right: 24px;
  font-family: 'Material Design Icons';
  font-size: 10px;
  line-height: 2;
  content: '\f142';
  -webkit-transition: -webkit-transform 0.3s linear;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
3721}
nav-item-has-subnav .nav-item-has-subnav > a:after {
  top: 10px;
3724}
nav-item-has-subnav.open > a:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
3728}
nav-item-has-subnav.open > .nav-subnav {
  display: block;
3731}
nav-subnav {
  display: none;
  margin-top: 8px;
  margin-bottom: 8px;
3736}
3737
3738/* 左侧版权信息 */
sidebar-footer {
  bottom: 0;
  width: 100%;
  height: 96px;
  border-top: 1px solid rgba(77, 82, 89, 0.07);
  margin-top: 24px;
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  font-size: 13px;
  line-height: 24px;
3751}
3752
3753
3754/** ----------------------------------
* 头部导航
-------------------------------------- */
lyear-layout-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 4;
  padding-left: 240px;
  background-color: #fff;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
  -webkit-box-shadow: 4px 0 5px rgba(0, 0, 0, 0.035);
  -moz-box-shadow: 4px 0 5px rgba(0, 0, 0, 0.035);
  box-shadow: 4px 0 5px rgba(0, 0, 0, 0.035);
3770}
lyear-layout-header .navbar {
  min-height: 68px;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0px;
  background-color: transparent;
3778}
3779
3780/* 侧边栏开关 */
lyear-aside-toggler {
  margin-right: .25rem;
  padding: .25rem .95rem .25rem .25rem;
  line-height: 1.5;
  cursor: pointer;
3786}
lyear-aside-toggler .lyear-toggler-bar {
  display: block;
  height: 2px;
  width: 20px;
background-color: #4d5259;
  margin: 4px 0px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
3795}
lyear-aside-toggler .lyear-toggler-bar:nth-child(2) {
  width: 15px;
3798}
lyear-aside-toggler:hover .lyear-toggler-bar:nth-child(2) {
  width: 20px;
3801}
lyear-layout-sidebar-close .lyear-aside-toggler .lyear-toggler-bar {
  width: 20px;
3804}
3805
3806/* 右侧用户 */
navbar-right {
  list-style: none;
  margin: 0px;
  padding: 0px;
3811}
navbar-right > li > a {
  position: relative;
  display: block;
  padding: 10px 0px 10px 15px;
3816}
navbar-right .dropdown-skin,
navbar-right .dropdown-profile {
  cursor: pointer;
3820}
3821
3822/* 消息提示 */
dropdown-notice .dropdown-menu {
  width: 280px;
3825}
dropdown-notice .dropdown-item {
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
3830}
dropdown-notice .lyear-notifications-title {
  padding: 5px 15px 10px 15px;
  border-bottom: 1px solid rgba(77, 82, 89, 0.07);
3834}
dropdown-notice .icon-item .badge {
  position: absolute;
  top: 10px;
  right: 0px;
3839}
lyear-notifications-info {
  position: relative;
  height: 200px;
  max-height: 200px;
  margin: 0;
  padding: 0;
3846}
3847
3848/* 主题选择 */
icon-item {
  display: block;
  position: relative;
  height: 68px;
  line-height: 68px;
  cursor: pointer;
  padding: 0 12px;
text-align: center;
3857}
icon-item > i.mdi {
  font-size: 1.5em;
3860}
dropdown-skin .dropdown-menu {
  width: 262px;
  -moz-user-select: none; /* 火狐 */
  -webkit-user-select: none; /* webkit浏览器 */
  -ms-user-select: none; /* IE10 */
  -khtml-user-select: none; /* 早期浏览器 */
  user-select: none;
3868}
drop-title {
  color: #4d5259;
3871}
drop-title p {
  font-size: 14px;
  padding: 5px 15px 0px 15px;
3875}
drop-skin-li {
  font-size: 12px;
  padding: 0px 12px;
3879}
drop-skin-li input[type=radio] {
  display: none;
3882}
drop-skin-li input[type=radio]+label {
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin: 3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .1s ease;
  transition: all .1s ease;
3894}
drop-skin-li input[type=radio]:checked+label {
  position: relative;
3897}
drop-skin-li input[type=radio]:checked+label::after {
  content: "\f12c";
  font-family: "Material Design Icons";
  font-size: 1rem;
  display: block;
  color: #fff;
  width: 100%;
  text-align: center;
line-height: 20px;
  position: absolute;
  top: 0px;
  -webkit-transition: .2s;
  transition: .2s;
3911}
drop-skin-li .inverse input[type=radio]:checked+label::after {
  color: #4d5259;
3914}
3915#header_bg_1+label, #logo_bg_1+label, #sidebar_bg_1+label, #site_theme_1+label {
  background-color: #fff;
border: 1px solid #f0f0f0;
3918}
3919#header_bg_2+label, #logo_bg_2+label, #sidebar_bg_2+label {
  background-color: #15c377;
border: 1px solid #15c377;
3922}
3923#header_bg_3+label, #logo_bg_3+label, #sidebar_bg_3+label {
  background-color: #48b0f7;
border: 1px solid #48b0f7;
3926}
3927#header_bg_4+label, #logo_bg_4+label, #sidebar_bg_4+label {
  background-color: #faa64b;
border: 1px solid #faa64b;
3930}
3931#header_bg_5+label, #logo_bg_5+label, #sidebar_bg_5+label {
  background-color: #f96868;
border: 1px solid #f96868;
3934}
3935#header_bg_6+label, #logo_bg_6+label, #sidebar_bg_6+label {
  background-color: #926dde;
border: 1px solid #926dde;
3938}
3939#header_bg_7+label, #logo_bg_7+label, #sidebar_bg_7+label {
  background-color: #007bff;
border: 1px solid #007bff;
3942}
3943#header_bg_8+label, #logo_bg_8+label, #sidebar_bg_8+label, #site_theme_2+label {
  background-color: #465161;
border: 1px solid #465161;
3946}
3947#header_bg_1+label, #logo_bg_1+label, #sidebar_bg_1+label, #site_theme_1+label {
  background-color: #fff;
border: 1px solid #f0f0f0;
3950}
3951#header_bg_2+label, #logo_bg_2+label, #sidebar_bg_2+label {
  background-color: #15c377;
border: 1px solid #15c377;
3954}
3955#header_bg_3+label, #logo_bg_3+label, #sidebar_bg_3+label {
  background-color: #48b0f7;
border: 1px solid #48b0f7;
3958}
3959#header_bg_4+label, #logo_bg_4+label, #sidebar_bg_4+label {
  background-color: #faa64b;
border: 1px solid #faa64b;
3962}
3963#header_bg_5+label, #logo_bg_5+label, #sidebar_bg_5+label {
  background-color: #f96868;
border: 1px solid #f96868;
3966}
3967#header_bg_6+label, #logo_bg_6+label, #sidebar_bg_6+label {
  background-color: #926dde;
border: 1px solid #926dde;
3970}
3971#header_bg_7+label, #logo_bg_7+label, #sidebar_bg_7+label {
  background-color: #007bff;
border: 1px solid #007bff;
3974}
3975#header_bg_8+label, #logo_bg_8+label, #sidebar_bg_8+label, #site_theme_2+label {
  background-color: #465161;
border: 1px solid #465161;
3978}
3979#site_theme_3+label {
  background: -webkit-linear-gradient(135deg, #65FDF0 10%, #1D6FA3 100%);
  background: -o-linear-gradient(135deg, #65FDF0 10%, #1D6FA3 100%);
  background: -moz-linear-gradient(135deg, #65FDF0 10%, #1D6FA3 100%);
  background: linear-gradient(135deg, #65FDF0 10%, #1D6FA3 100%);
3984}
3985
3986/* 颜色搭配 */
3987[data-headerbg='color_2'] .lyear-layout-header,
3988[data-logobg='color_2'] .sidebar-header,
3989[data-sidebarbg='color_2'] .lyear-layout-sidebar-info {
  background-color: #15c377;
3991}
3992[data-headerbg='color_3'] .lyear-layout-header,
3993[data-logobg='color_3'] .sidebar-header,
3994[data-sidebarbg='color_3'] .lyear-layout-sidebar-info {
  background-color: #48b0f7;
3996}
3997[data-headerbg='color_4'] .lyear-layout-header,
3998[data-logobg='color_4'] .sidebar-header,
3999[data-sidebarbg='color_4'] .lyear-layout-sidebar-info {
  background-color: #faa64b;
4001}
4002[data-headerbg='color_5'] .lyear-layout-header,
4003[data-logobg='color_5'] .sidebar-header,
4004[data-sidebarbg='color_5'] .lyear-layout-sidebar-info {
  background-color: #f96868;
4006}
4007[data-headerbg='color_6'] .lyear-layout-header,
4008[data-logobg='color_6'] .sidebar-header,
4009[data-sidebarbg='color_6'] .lyear-layout-sidebar-info {
  background-color: #926dde;
4011}
4012[data-headerbg='color_7'] .lyear-layout-header,
4013[data-logobg='color_7'] .sidebar-header,
4014[data-sidebarbg='color_7'] .lyear-layout-sidebar-info {
  background-color: #007bff;
4016}
4017[data-headerbg='color_8'] .lyear-layout-header,
4018[data-logobg='color_8'] .sidebar-header,
4019[data-sidebarbg='color_8'] .lyear-layout-sidebar-info {
  background-color: #465161;
4021}
4022
4023[data-logobg*='color_'] .sidebar-header img {
  position: relative;
  -webkit-filter: brightness(275%);
-moz-filter: brightness(275%);
  -ms-filter: brightness(275%);
  -o-filter: brightness(275%);
  filter: brightness(275%);
4030}
4031[data-headerbg*='color_'] .lyear-layout-header,
4032[data-headerbg*='color_'] .lyear-layout-header .topbar-right > li > a,
4033[data-sidebarbg*='color_'] .lyear-layout-sidebar-info a,
4034[data-sidebarbg*='color_'] .sidebar-footer {
  color: rgba(255, 255, 255, .85);
4036}
4037[data-sidebarbg*='color_'] .nav-drawer .nav-subnav > li.active > a,
4038[data-sidebarbg*='color_'] .nav-drawer .nav-subnav > li > a:hover {
  color: #fff;
4040}
4041[data-headerbg*='color_'] .lyear-aside-toggler .lyear-toggler-bar {
  background-color: #fff;
4043}
4044[data-sidebarbg*='color_'] .nav-drawer > .active > a {
  border-color: rgba(255, 255, 255, .35);
background-color: rgba(255, 255, 255, .075)!important;
4047}
4048[data-sidebarbg*='color_'] .nav > li > a:hover {
  background-color: rgba(255, 255, 255, .035);
4050}
4051[data-sidebarbg*='color_'] .nav-drawer > .active > a:hover,
4052[data-sidebarbg*='color_'] .nav-drawer > .active > a:focus,
4053[data-sidebarbg*='color_'] .nav-drawer > .active > a:active {
  border-color: rgba(255, 255, 255, .35);
4055}
4056[data-headerbg*='color_'] .navbar-right > li > a {
  color: #fff;
4058}
4059
4060/** ----------------------------------
* 主要内容
-------------------------------------- */
lyear-layout-content {
  position: absolute;
height: 100%;
width: 100%;
  padding-top: 68px;
  padding-left: 240px;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
4071}
lyear-layout-content #iframe-content {
  height: 100%;
4074}
4075
4076/** ----------------------------------
* 响应式处理
-------------------------------------- */
4079@media (max-width: 1024px) {
  .lyear-layout-sidebar {
      transform: translateX(-100%);
  }
.lyear-layout-header,
  .lyear-layout-content {
      padding-left: 0;
  }
.lyear-layout-sidebar {
      -webkit-box-shadow: none;
-moz-webkit-box-shadow: none;
      box-shadow: none;
  }
.lyear-layout-sidebar.lyear-aside-open {
      transform: translateX(0);
  }
  /* 遮罩层 */
  .lyear-mask-modal {
      background-color: rgba(0, 0, 0, 0.5);
      height: 100%;
      left: 0;
      opacity: 1;
      top: 0;
      visibility: visible;
      width: 100%;
      z-index: 5;
      position: fixed;
      -webkit-transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
  }
  .lyear-layout-sidebar-close .lyear-layout-sidebar {
      width: 240px;
  }
  .lyear-layout-sidebar-close .lyear-layout-header,
  .lyear-layout-sidebar-close .lyear-layout-content {
      padding-left: 0px;
  }
4118}
4119@media screen and (max-width: 430px) {
  .dropdown-skin .dropdown-menu {
      left: -64px!important;
  }
  .dropdown-notice .dropdown-menu {
      left: -38px!important;
  }
  .nav-step .nav-step-item p {
      display: none;
  }
4129}
4130@media (min-width: 1024px) {
  .lyear-layout-sidebar-close .nav-drawer > li > a {
      padding: 12px 28px 12px 29px;
      height: 48px;
  }
  .lyear-layout-sidebar-close .nav-drawer > li > a span {
      display: none;
  }
  .lyear-layout-sidebar-close .nav-drawer > li > a:after {
      content: '';
  }
  .lyear-layout-sidebar-close .ps__rail-x,
  .lyear-layout-sidebar-close .ps__rail-y {
   pointer-events: none;
  }
  .lyear-layout-sidebar-close .lyear-layout-sidebar:not(:hover) .ps {
      overflow: visible!important;
  }
  .lyear-layout-sidebar-close .lyear-layout-sidebar:not(:hover) .nav-item-has-subnav > .nav-subnav {
      display: none!important;
  }
  .lyear-layout-sidebar-close .sidebar-footer {
      visibility: hidden;
      opacity: 0;
  }
  .lyear-layout-sidebar {
      -webkit-transition: width .3s ease-in-out;
   transition: width .3s ease-in-out;
  }
  .lyear-layout-sidebar-close .lyear-layout-sidebar:hover {
      width: 240px;
  }
  .lyear-layout-sidebar-close .lyear-layout-sidebar:hover .nav-drawer > li > a {
      padding-right: 24px;
      padding-left: 52.99999px;
      padding-top: 12px;
      padding-bottom: 12px;
  }
  .lyear-layout-sidebar-close .lyear-layout-sidebar:hover .nav-drawer > li > a span {
      display: block;
  }
  .lyear-layout-sidebar-close .lyear-layout-sidebar:hover .nav-drawer .nav-item-has-subnav > a:after {
      content: '\f142';
  }
  .lyear-layout-sidebar-close .lyear-layout-sidebar:hover .sidebar-footer {
      visibility: visible;
      opacity: 1;
      -webkit-transition: opacity 0.3s ease-in-out 0.15s;
      transition: opacity 0.3s ease-in-out 0.15s;
  }
  body:not(.lyear-layout-sidebar-close) .sidebar-footer {
      -webkit-transition: opacity 0.3s ease-in-out 0.15s;
      transition: opacity 0.3s ease-in-out 0.15s;
  }
  .masonry-grid {
      -webkit-column-count: 4;
      -moz-column-count: 4;
      column-count: 4;
  }
4189}
4190@media (min-width: 0) {
  .card-group .card+.card {
      border-left: 1px solid rgba(77, 82, 89, 0.07);
  }
4194}
4195@media (max-width: 575.98px) {
  .table-responsive-sm>.table>tbody>tr>td,
  .table-responsive-sm>.table>tbody>tr>th,
  .table-responsive-sm>.table>tfoot>tr>td,
  .table-responsive-sm>.table>tfoot>tr>th,
  .table-responsive-sm>.table>thead>tr>td,
  .table-responsive-sm>.table>thead>tr>th {
      white-space: nowrap;
  }    
  .pagination .page-item {
      display: none;
  }
  .pagination .page-item:first-child,
  .pagination .page-item:last-child {
      display: block;
  }
  .lyear-timeline-center .lyear-timeline-item .lyear-timeline-item-action {
      display: none;
  }
4214}
4215@media (max-width: 767.98px) {
  .table-responsive-md>.table>tbody>tr>td,
  .table-responsive-md>.table>tbody>tr>th,
  .table-responsive-md>.table>tfoot>tr>td,
  .table-responsive-md>.table>tfoot>tr>th,
  .table-responsive-md>.table>thead>tr>td,
  .table-responsive-md>.table>thead>tr>th {
      white-space: nowrap;
  }
  .masonry-grid {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
  }
4229}
4230@media (min-width: 992px) {
  .lyear-timeline .lyear-timeline-item:nth-child(even) .lyear-timeline-item-action {
      -webkit-box-ordinal-group: 2;
      order: 1;
      text-align: right;
  }
  .lyear-timeline .lyear-timeline-item:nth-child(odd) .lyear-timeline-item-action {
      -webkit-box-ordinal-group: 4;
      order: 3;
      text-align: left;
  }
  .lyear-timeline .lyear-timeline-item:nth-child(even) .lyear-timeline-item-content {
      -webkit-box-ordinal-group: 4;
      order: 3;
  }
  .lyear-timeline .lyear-timeline-item:nth-child(odd) .lyear-timeline-item-content {
      -webkit-box-ordinal-group: 2;
      order: 1;
  }
4249}
4250@media (max-width: 991.98px) {
  .table-responsive {
      border: 1px solid #f2f3f3;
  }
  .table-responsive>.table {
      margin-bottom: 0;
  }
  .table-responsive>.table-bordered {
      border: 0!important;
  }
  .table-responsive>.table-bordered>tbody>tr>td:first-child,
  .table-responsive>.table-bordered>tbody>tr>th:first-child,
  .table-responsive>.table-bordered>tfoot>tr>td:first-child,
  .table-responsive>.table-bordered>tfoot>tr>th:first-child,
  .table-responsive>.table-bordered>thead>tr>td:first-child,
  .table-responsive>.table-bordered>thead>tr>th:first-child {
      border-left: 0;
  }
  .table-responsive>.table-bordered>tbody>tr:last-child>td,
  .table-responsive>.table-bordered>tbody>tr:last-child>th,
  .table-responsive>.table-bordered>tfoot>tr:last-child>td,
  .table-responsive>.table-bordered>tfoot>tr:last-child>th {
      border-bottom: 0;
  }
  .table-responsive>.table-bordered>tbody>tr>td:last-child,
  .table-responsive>.table-bordered>tbody>tr>th:last-child,
  .table-responsive>.table-bordered>tfoot>tr>td:last-child,
  .table-responsive>.table-bordered>tfoot>tr>th:last-child,
  .table-responsive>.table-bordered>thead>tr>td:last-child, 
  .table-responsive>.table-bordered>thead>tr>th:last-child {
      border-right: 0;
  }
  .table-responsive-lg>.table>tbody>tr>td,
  .table-responsive-lg>.table>tbody>tr>th,
  .table-responsive-lg>.table>tfoot>tr>td,
  .table-responsive-lg>.table>tfoot>tr>th,
  .table-responsive-lg>.table>thead>tr>td,
  .table-responsive-lg>.table>thead>tr>th {
      white-space: nowrap;
  }
  .table-responsive ~ .pagination {
      margin-top: 1rem;
  }
  .lyear-timeline-center .lyear-timeline-item .lyear-timeline-item-content {
      -webkit-box-ordinal-group: 4;
      order: 3;
  }
  .lyear-timeline-center .lyear-timeline-item .lyear-timeline-item-action {
      text-align: right;
  }
4300}
4301@media (max-width: 1199.98px) {
  .table-responsive-xl>.table>tbody>tr>td,
  .table-responsive-xl>.table>tbody>tr>th,
  .table-responsive-xl>.table>tfoot>tr>td,
  .table-responsive-xl>.table>tfoot>tr>th,
  .table-responsive-xl>.table>thead>tr>td,
  .table-responsive-xl>.table>thead>tr>th {
      white-space: nowrap;
  }
4310}
4311/*模态框最大化css样式*/
modal-fullscreen-btn {
  border: none;
  background-color: transparent;
  text-shadow: 0 1px 0 #fff;
  color: #000;
  opacity: 0.8;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
4321}
modal-fullscreen-btn .mdi:before {
  content: "\f293";
4324}
modal-fullscreen-btn:hover {
  opacity: 1;
4327}
modal-fullscreen {
  padding-left: 0px!important;
4330}
modal-fullscreen .modal-fullscreen-btn {
  opacity: .8;
4333}
modal-fullscreen .modal-fullscreen-btn .mdi:before {
  content: "\f294";
4336}
modal-fullscreen .modal-dialog {
  width: -webkit-calc(100% - 20px);
  width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  margin: 8px auto;
4342}
modal-fullscreen .modal-dialog .modal-body {
  height: -webkit-calc(100vh - 56px - 69px - 20px);
  height: calc(100vh - 56px - 69px - 20px);
  overflow-y: auto;
4347}