@media print {
    *, *::before, *::after { text-shadow: none !important; box-shadow: none !important }
    a, a:visited { text-decoration: underline }
    abbr[title]::after { content: " ("attr(title) ")" }
    pre { white-space: pre-wrap !important }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid }
    thead { display: table-header-group }
    tr, img { page-break-inside: avoid }
    p, h2, h3 { orphans: 3; widows: 3 }
    h2, h3 { page-break-after: avoid }
    .badge { border: 1px solid #000 }
    .table { border-collapse: collapse !important }
    .table td, .table th { background-color: #fff !important }
    .table-bordered th, .table-bordered td { border: 1px solid #ddd !important }
}
html { height: 100%; box-sizing: border-box; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
@-ms-viewport { width: device-width }
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block }
body { height: 100% !important;
    margin: 0 !important;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif !important;
    background-color: #EDF1F3 !important;
    font-size: 16px !important;
    font-weight: normal;
    color: #212529 !important;
    line-height: 1.15 !important;
}
@charset "UTF-8";
@font-face { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; /*src: url('../FangSong/FangSong.eot') format('embedded-opentype'), url('../FangSong/FangSong.woff') format('woff'), url('../FangSong/FangSong.ttf') format('truetype'), url('../FangSong/FangSong.svg') format('svg')*/ }
[tabindex="-1"]:focus { outline: none !important }
[tabindex="-1"]:focus { outline: none !important }
hr { box-sizing: content-box; height: 0; overflow: visible }
h1, h2, h3, h4, h5, h6 { margin-top: 0 }
p, p:last-child { margin-top: 0; margin-bottom: 0; line-height: 1.5 }
p:nth-child { margin-bottom: 10px }
abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0 }
address { margin-bottom: 1rem; font-style: normal; line-height: inherit }
ol, ul, dl { margin: 0; padding: 0 }
ol ol, ul ul, ol ul, ul ol { margin-bottom: 0 }
dt { font-weight: bold }
dd { margin-left: 0 }
dfn { font-style: italic }
b, strong { font-weight: bolder }
small { font-size: 80% }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sub { bottom: -4em }
sup { top: -.5em }
a { color: #000; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects }
a:hover { color: #1D3E5A; text-decoration: none }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none }
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none }
a:not([href]):not([tabindex]):focus { outline: 0 }
pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em }
pre { margin-top: 0; overflow: auto }
figure { }
img { vertical-align: middle; border-style: none }
svg:not(:root) { overflow: hidden }
a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation }
table { border-collapse: collapse }
caption { text-align: left; caption-side: bottom }
label { display: inline-block }
button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color }
input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit }
button, input { overflow: visible }
button, select { text-transform: none }
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none }
input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0 }
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox }
textarea { overflow: auto; resize: vertical }
fieldset { min-width: 0; padding: 0; margin: 0; border: 0 }
legend { display: block; width: 100%; max-width: 100%; padding: 0; line-height: inherit; color: inherit; white-space: normal }
progress { vertical-align: baseline }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto }
[type="search"] { outline-offset: -2px; -webkit-appearance: none }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none }
::-webkit-file-upload-button { font: inherit; -webkit-appearance: button }
output { display: inline-block }
summary { display: list-item }
template { display: none }
[hidden] { display: none !important }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; color: inherit; margin: 0 }
h1, .h1 { font-size: 40px }
h2, .h2 { font-size: 32px }
h3, .h3 { font-size: 24px }
h4, .h4 { font-size: 20px }
h5, .h5 { font-size: 16px }
h6, .h6 { font-size: 14px }
.icon-xs { font-size: 14px }
.icon-sm { font-size: 20px }
.icon-md { font-size: 32px }
.icon-lg { font-size: 48px }
.icon-xlg { font-size: 64px }
small, .small { font-size: 70%; font-weight: normal; opacity: 0.8 }
mark, .mark { padding: 0.2em; background-color: #fcf8e3 }
.list-unstyled { padding-left: 0; list-style: none }
.list-inline { padding-left: 0; list-style: none }
.list-inline-item { display: inline-block }
.list-inline-item:not(:last-child) { margin-right: 5px }
.initialism { font-size: 90%; text-transform: uppercase }
blockquote { margin: 0 }
.blockquote { border-left: 2px solid rgb(46, 75, 184); padding-left: 10px }
.img-fluid { max-width: 100%; height: auto }
.img-thumbnail { background-color: #fff; border: 1px solid #ddd; border-radius: 6px; transition: all 0.2s ease-in-out; max-width: 100%; height: auto }
.figure { display: inline-block }
.figure-img { line-height: 1 }
.figure-caption { font-size: 90% }
.vm { display: inline-block; vertical-align: middle !important }
.vt { display: inline-block; vertical-align: top !important }
.divider { clear: both; overflow: hidden; height: 1px; border-bottom-width: 1px; border-bottom-color: rgba(0, 0, 0, .1) }
.divider.solid { border-bottom-style: solid }
.divider.dashed { border-bottom-style: dashed }
.divider.muted { border-bottom-color: #EBE9EF }
.circular { border-radius: 50% }
.rounded { border-radius: 3px }
.block-center-auto { display: block; margin-right: auto; margin-left: auto }
.block-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.center { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.float-right { float: right !important }
.float-left { float: left !important }
.hide { display: none !important }
.show { display: block !important }
.hidden { display: none !important; visibility: hidden !important }
.invisible { visibility: hidden }
.affix { position: fixed }
.fixed-top { top: 0 }
.fixed-bottom { position: absolute; bottom: 0 }
.relative { position: relative }
.font-bold { font-weight: bold }
.font-normal { font-weight: normal; font-style: normal }
.text-hide { border: 0; background-color: transparent; color: transparent; text-shadow: none; font: 0/0 }
.text-center { text-align: center }
.text-left { text-align: left }
.text-right { text-align: right }
.text-justify { text-align: justify }
.text-nowrap { white-space: nowrap }
.text-dark { color: #333041 }
.text-muted { color: #CBC9D3 }
.text-primary { color: rgb(46, 75, 184) }
.text-secondary { color: #858293 }
.text-warning { color: #FAC511 }
.text-danger { color: #E95A5A }
.text-success { color: #3BDE86 }
.text-info { color: #3C96EA }
.text-purple { color: #768AEE }
.text-white { color: #fff }
.text-link { color: rgb(39, 80, 115) }
.text-sm-control { display: inline-block; max-width: 80px }
.text-md-control { display: inline-block; max-width: 260px }
.text-lg-control { display: inline-block; max-width: 400px }
[class*="gradient-"].shadow { transition: all 0.45s ease-in-out }
.bg { background-color: #EDF1F3 }
.bg-white { /*background-color: #fff;*/ color: #000 !important }
.bg-success { background-color: #3BDE86 !important }
.bg-success.shadow, .gradient-3.shadow { box-shadow: 0 2px 10px rgba(59, 222, 134, .8) }
.bg-success:hover { background-color: #14C667 !important }
.bg-danger { background-color: #E95A5A !important }
.bg-danger.shadow, .gradient-4.shadow { box-shadow: 0 2px 10px rgba(233, 90, 90, .8) }
.bg-danger:hover { background-color: #D23434 !important }
.bg-warning { background-color: #FAC511 !important }
.bg-warning.shadow { box-shadow: 0 2px 10px rgba(250, 197, 17, .8) }
.bg-warning:hover { background-color: #F5A50D !important }
.bg-dark { background-color: #56535E !important }
.bg-dark.shadow { box-shadow: 0 2px 10px rgba(86, 83, 94, .8) }
.bg-dark:hover { background-color: #333041 !important }
.bg-purple { background-color: #768AEE !important }
.bg-purple.shadow, .gradient-2.shadow { box-shadow: 0 2px 10px rgba(118, 138, 238, .8) }
.bg-purple:hover { background-color: #595CF6 !important }
.bg-primary { background-color: rgb(46, 75, 184) !important }
.bg-primary.shadow, .gradient-1.shadow { box-shadow: 0 2px 10px rgba(64, 210, 197, .8) }
.bg-primary:hover { background-color: #2EB8AB }
.bg-info { background-color: #3C96EA !important }
.bg-info.shadow { box-shadow: 0 2px 10px rgba(60, 150, 234, .8) }
.bg-info:hover { background-color: #1871C5 !important }
.bg-muted { background-color: #CBC9D3 !important }
.bg-danger, .bg-danger a, .bg-dark, .bg-dark a, .bg-info, .bg-info a, .bg-primary, .bg-primary a, .bg-success, .bg-success a, .bg-warning, .bg-warning a, .bg-purple, .bg-purple a { color: #fff }
.gradient-1 { background-image: linear-gradient(180deg, #808EDF 0%, rgb(46, 75, 184) 98%); background-image: -webkit-linear-gradient(180deg, #808EDF 0%, rgb(46, 75, 184) 98%); background-image: -moz-linear-gradient(180deg, #808EDF 0%, rgb(46, 75, 184) 98%) }
.gradient-2 { background-image: linear-gradient(180deg, #D179C2 0%, #96B0FF 98%); background-image: -webkit-linear-gradient(180deg, #D179C2 0%, #96B0FF 98%); background-image: -moz-linear-gradient(180deg, #D179C2 0%, #96B0FF 98%) }
.gradient-3 { background-image: linear-gradient(180deg, #34D03C 0%, #51C0E6 98%); background-image: -webkit-linear-gradient(180deg, #34D03C 0%, #51C0E6 98%); background-image: -moz-linear-gradient(180deg, #34D03C 0%, #51C0E6 98%) }
.gradient-4 { background-image: linear-gradient(180deg, #FAA48D 0%, #EC7F8F 99%); background-image: -webkit-linear-gradient(180deg, #FAA48D 0%, #EC7F8F 99%); background-image: -moz-linear-gradient(180deg, #FAA48D 0%, #EC7F8F 99%) }
[class*="gradient-"], [class*="bg-"] { transition: all 0.45s ease-in-out !important; color: #fff }
.gradient-1:active { box-shadow: 0 0 0 3px rgba(64, 210, 197, 0.5) !important }
.gradient-2:active { box-shadow: 0 0 0 3px rgba(118, 138, 238, 0.5) !important }
.gradient-3:active { box-shadow: 0 0 0 3px rgba(59, 222, 134, 0.5) !important }
.gradient-4:active { box-shadow: 0 0 0 3px rgba(233, 90, 90, 0.5) !important }
.img-responsive { display: block; height: auto; max-width: 100% }
.img-responsive img { width: 100% }
.img-half { width: 50% }
.cards:after, .cards:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .panel:after, .panel:before, .panel-body:after, .panel-body:before, .row:after, .row:before, .collapse:before { display: table; content: " " }
.article, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .fullscreen, .panel, .row:after, .list-group .item-md:after, .list-group .item-sm:after, .panel:after, .panel-body:after, .collapse:after { clear: both }
.clear { clear: both }
.clearfix::after { display: block; clear: both; content: "" }
.d-none { display: none !important }
.d-inline { display: inline !important }
.d-inline-block { display: inline-block !important }
.d-block { display: block !important }
.d-table { display: table !important; width: 100% }
.d-table-cell { display: table-cell !important; text-align: left }
.d-flex { display: -ms-flexbox !important; display: flex !important }
.d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important }
.close { position: absolute; right: 10px; top: 10px }
.close:before { font-size: 16px; font-family: iconfont; content: "\e91b"; opacity: .5 }
.close:hover { opacity: 1 }
.close:hover:before { color: rgb(46, 75, 184) }
.close:focus { outline: 0 }
.close.close-sm:before { font-size: 16px }
.close.close-lg:before { font-size: 20px }
.caret { position: relative; top: -1px; opacity: .5 }
.pop-arrow { position: absolute; top: 50%; right: 0; margin-top: -10px }
.pop-arrow:before { position: absolute; right: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #bdd8ef; content: "" }
.pop-arrow:after { position: absolute; top: 1px; right: -9px; width: 0; height: 0; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 9px solid #fff; content: "" }
.blk-xs, .blk-sm, .blk-md, .blk, .blk-lg { clear: both; overflow: hidden }
.blk { height: 15px }
.blk-xs { height: 5px }
.blk-sm { height: 10px }
.blk-md { height: 20px }
.blk-lg { height: 40px }
.pd { padding: 15px }
.pd-sm { padding: 5px }
.pd-md { padding: 30px }
.pd-lg { padding: 50px; padding-top: 0; }
.pd-0 { padding: 0 !important }
.mr-0 { margin: 0 !important }
.offset-xs { margin-left: 2px }
.offset-sm { margin-left: 5px }
.offset-md { margin-left: 10px }
.offset-lg { margin-left: 15px }
.w50 { width: 50px }
.w75 { width: 75px }
.w100 { width: 100px }
.w200 { width: 200px }
.w300 { width: 300px }
.w400 { width: 400px }
.w500 { width: 500px }
.w600 { width: 600px }
.w700 { width: 700px }
.w800 { width: 800px }
.w900 { width: 900px }
.w1000 { width: 1000px }
.group-inline { }
.group-inline .span { display: inline-block; vertical-align: middle }
.group-inline .span:nth-child(n+2) { position: relative; padding-left: 10px }
.group-span>span:nth-child(n+2) { position: relative; margin-left: 10px }
.group-span-sm>span:nth-child(n+2) { padding-left: 5px }
.group-span-md>span:nth-child(n+2) { padding-left: 15px }
.group-span-lg>span:nth-child(n+2) { padding-left: 20px }
[class*=group-span] span, [class^=group-span] span { display: inline-block; white-space: nowrap; vertical-align: middle }
[class*=group-span].action.icon span a, [class^=group-span].action.icon span a { color: #56535E }
[class*=group-span].action.icon span a:hover, [class^=group-span].action.icon span a:hover { color: rgb(46, 75, 184) }
.truncation { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.icon span i { padding-right: 3px }
.right-control { position: absolute; top: 0; right: 0 }
.right-control em, .right-control i { font-style: normal }
.right-control i { position: relative; top: 0px; font-size: inherit }
.col2-2 .item, .col3-3 .item, .col4-4 .item, .col5-5 .item, .col6-6 .item, .justify2-2 li, .justify3-3 li, .justify4-4 li, .justify5-5 li, .justify6-6 li { position: relative; float: left }
.col2-2 .item, .col3-3 .item, .col4-4 .item, .col5-5 .item, .col6-6 .item { padding: 0 15px }
[class*=justify] { margin: 0; padding: 0 }
[class*=justify] li { padding: 0; list-style: none }
.col2-2 .item, .justify2-2 li { width: 50% }
.col3-3 .item, .justify3-3 li { width: 33.333% }
.col4-4 .item, .justify4-4 li { width: 25% }
.col5-5 .item, .justify5-5 li { width: 20% }
.col6-6 .item, .justify6-6 li { width: 16.66666667% }
.wrap { max-width: 1920px; margin: auto }
.container { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; width: 1200px!important  }
#app .con-main{ min-height: calc( 100vh - 278px );}
/*@media (min-width:576px) {
    .container { max-width: 540px }
}
@media (min-width:768px) {
    .container { max-width: 720px }
}
@media (min-width:992px) {
    .container { max-width: 960px }
}
@media (min-width:1200px) {
    .container { max-width: 1200px }
}*/
.page { min-height: -webkit-calc(100% - 40px); min-height: -moz-calc(100% - 40px); height: -moz-calc(100% - 40px); padding: 85px 25px 20px; margin-left: 240px }
.row { margin-right: -15px; margin-left: -15px }
.no-gutters { margin-right: 0; margin-left: 0 }
.no-gutters>.col, .no-gutters>[class*="col-"] { padding-right: 0; padding-left: 0 }
code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace }
code { padding: 3px 6px; font-size: 90%; color: #bd4147; background-color: #f8f9fa; border-radius: 3px }
a>code { padding: 0; color: inherit; background-color: inherit }
kbd { padding: 3px 6px; font-size: 90%; color: #fff; background-color: #212529; border-radius: 3px }
kbd kbd { padding: 0; font-size: 100%; font-weight: bold }
pre { display: block; margin-top: 0; font-size: 90%; color: #212529 }
pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0 }
.col-12 { width: 100% }
.col-11 { width: 91.66666667% }
.col-10 { width: 83.33333333% }
.col-9 { width: 75% }
.col-8 { width: 66.66666667% }
.col-7 { width: 58.33333333% }
.col-6 { width: 50% }
.col-5 { width: 41.66666667% }
.col-4 { width: 33.33333333% }
.col-3 { width: 25% }
.col-2 { width: 16.66666667% }
.col-1 { width: 8.33333333% }
.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 { float: left; padding: 0 15px }
.sidebar-collapsed .flex { left: 85px }
.flex { left: 200px }
.flex { position: fixed; right: 0; top: 50px; bottom: 0; z-index: 100; border-top: 1px solid #e2e0e8 }
.flex .side.left, .flex .side.right { position: absolute; z-index: 100; height: 100%; width: 160px; background: #fff }
.flex .side.left { left: 0; border-right: 1px solid #EBE9EF }
.flex .side.right { right: 0; border-left: 1px solid #EBE9EF }
.flex .m-container { margin: 0 160px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; background: #fff }
.flex .m-container.right { margin: 0; margin-left: 160px }
.flex .m-container.left { margin: 0; margin-right: 260px }
.flex .content { position: absolute; top: 40px; bottom: 40px; left: 0; right: 0 }
section { }
.bullet { position: relative; top: 2px; margin-right: 5px; display: inline-block; width: 16px; height: 16px; background-image: linear-gradient(90deg, #FAA48D 0%, #EC7F8F 99%); background-image: -webkit-linear-gradient(90deg, #FAA48D 0%, #EC7F8F 99%); background-image: -moz-linear-gradient(90deg, #FAA48D 0%, #EC7F8F 99%) }
.section-header { position: relative; height: 50px }
.section-header.centered { height: auto; padding: 0; text-align: center }
.section-header.bordered { border-bottom: 1px solid #CBC9D3 }
h2.section-title { font-size: 40px }
h3.section-title { font-size: 18px; font-weight: bold; line-height: 50px }
.section-header.centered h2 { position: relative }
.section-header.centered h2:after { position: absolute; bottom: -20px; left: 50%; margin-left: -50px; width: 100px; border-bottom: 1px solid rgb(46, 75, 184); content: "" }
.section-header.centered small { font-size: 14px; color: #858293 }
.section-header .right-control { padding: 11px 0 }
.section-header .right-control button { }
.section-header .right-control .group-span { }
.inverse { color: #fff }
.card { width: 100%; background: #fff }
.card.padding { padding: 10px 25px 25px }
.card.padding:after { width: 100%; height: 0; content: ""; clear: both }
.card.padding .card-header { padding: 10px 0 }
.card.padding .card-body { padding: 15px 0 0 }
.card-header { position: relative; height: 40px; padding: 0 30px; background: #F9FBFC }
.card-header .right-control { top: 10px }
.card.bordered { position: relative; border: 1px solid #E8EEF1 }
.card-header.bordered { border-bottom: 1px solid #E8EEF1 }
.card-title { font-size: 15px; line-height: 40px; font-weight: bold }
.crad-subtitle { font-size: 13px; color: #56535E }
.card-body { padding: 15px 15px }
.card-inverse { background: #56535E }
.card-inverse .card-header.bordered { border-bottom: 1px solid #fff; color: #fff }
.card-inverse .card-body { color: #fff }
.list { list-style: none }
.list ul { padding-left: 25px; list-style: none; margin: 0 }
.list.active { background: #CBE6FF }
.list.hover li:hover { background: #F8F9FA }
.list.list-xs li { padding: 0; line-height: 20px }
.list.list-sm li { padding: 0 }
.list.list-sm.bulleted li:before { top: 14px }
.list.list-sm.ordered.custom li:before { top: 6px }
.list li { position: relative; padding: 5px 0; line-height: 30px }
.list.divided li:nth-child(n+2) { border-top: 1px solid #E8EEF1 }
.list.icon li { }
.list.icon li>i, .list.icon li>a>i { position: relative; top: 1px; margin-right: 10px }
.list li .badge { position: absolute; top: 11px; right: 15px }
.list.news .time { position: absolute; top: 6px; right: 0; color: #56535E }
.list.news a { display: block; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.list.ordered { counter-reset: ordered }
.list.ordered li { padding-left: 15px }
.list.ordered.custom li, .list.ordered.custom-o li { padding-left: 25px }
.list.ordered li:before { position: absolute; top: auto; left: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; margin-left: -15px; counter-increment: ordered; content: counters(ordered, ".") " "; text-align: right; vertical-align: middle }
.list.ordered.custom li:before { width: 18px; height: 18px; top: 12px; left: 15px; border-radius: 9px; text-align: center; font-size: 10px; line-height: 18px; background: #FAC511; color: #fff }
.list.ordered.custom li:nth-child(n+4):before { background: rgb(46, 75, 184) }
.list.ordered.custom-o li:before { width: 18px; height: 18px; top: 12px; left: 15px; border-radius: 9px; text-align: center; font-size: 10px; line-height: 18px; border: 1px solid #FAC511; color: #FAC511 }
.list.ordered.custom-o li:nth-child(n+4):before { border: 1px solid rgb(46, 75, 184); color: rgb(46, 75, 184) }
.list.bordered li { border: 1px solid #E8EEF1; border-bottom: 0 }
.list.bordered li:last-child { border-bottom: 1px solid #E8EEF1; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px }
.list.bordered li:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px }
.list.bordered li { padding: 5px 15px }
.list.bordered.list-sm li { padding: 0 15px }
.list-group { }
.list-group.divided .item:nth-child(n+2) { border-top: 1px solid #E8EEF1 }
.list-group.bordered .item { border: 1px solid #E8EEF1; border-bottom: 0; padding: 15px }
.list-group.bordered .item:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px }
.list-group.bordered .item:last-child { border-bottom: 1px solid #E8EEF1; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px }
.list-group.list-group-hover .item:hover { background: #F9FBFC }
.list-group .item { padding: 15px 0; display: table; width: 100% }
.list-group .item .image { width: 108px; height: 150px }
.list-group .item .image img { display: block; width: 100%; border-radius: 3px; border: 1px solid #E8EEF1; }
.list-group .item .image, .list-group .item .avatar, .list-group .item .content, .list-group .item .item-action, .list-group .item>.label { display: table-cell; vertical-align: top }
.list-group .item .image.image-xs { width: 50px; height: 30px }
.list-group .item .image.image-sm { width: 80px; height: 60px }
.list-group .item .image.image-lg { width: 260px; height: 200px }
.list-group .item .label { color: #A29EAF }
.list-group .item .content { padding-left: 20px }
.list-group .item.item-sm .blockbar.top { margin-bottom: 5px }
.list-group .item.item-sm .blockbar.bottom { margin-top: 5px }
.list-group .item .content p { line-height: 1.5; font-size: 15px; margin-bottom: 0 }
.list-group .item .right-control { top: 10px; right: 15px }
.list-group .item .item-action { text-align: right; padding-left: 50px; vertical-align: middle }
.list-group .item .item-action .group .btn { margin-bottom: 5px }
.list-group .item.item-xs { padding: 8px 15px }
.list-group p { margin-bottom: 0; line-height: 1.5; opacity: 0.6; word-break: break-all; }
.list-group-inline .item .card { border-radius: 3px }
.list-group-inline .item .image { border-radius: inherit }
.list-group-inline .item .image img { width: 100%; border-top-left-radius: 3px; border-top-right-radius: 3px }
.list-group-inline .content { padding: 15px }
.list-group-inline .content p { line-height: 1.5; color: #1F1B2E; font-size: 13px; margin: 5px 0 }
.list-group-inline .header h2, .list-group-inline .header h3, .list-group-inline .header h4, .list-group-inline .header h5, .list-group-inline .header h6 { margin: 0 }
.list-group-inline .item.item-icon .card { padding: 35px 25px 15px }
.list-group-inline .item.item-icon .content { padding: 25px 0 15px }
.list-group-inline .item.item-icon .content p { margin-top: 10px }
.avatar { position: relative; display: inline-block; text-align: center; vertical-align: middle }
.avatar.circular img, .avatar i.circular { border-radius: 50% }
.avatar img { display: block; width: 100%; border-radius: 3px }
.avatar i { position: relative; display: block; width: 100%; height: 100%; border-radius: 3px; font-style: normal; font-weight: lighter }
.avatar.avatar-xxs { width: 20px; height: 20px; font-size: 14px; line-height: 20px }
.avatar.avatar-xs { width: 40px; height: 40px; font-size: 20px; line-height: 40px }
.avatar.avatar-sm { width: 60px; height: 60px; font-size: 30px; line-height: 60px }
.avatar.avatar-md { width: 80px; height: 80px; font-size: 40px; line-height: 80px }
.avatar.avatar-lg { width: 100px; height: 100px; font-size: 50px; line-height: 100px }
.header { }
.header h2, .header h3, .header h4, .header h5, .header h6 { margin-top: 3px }
.header>span h2, .header>span h3, .header>span h4, .header>span h5, .header>span h6 { margin: 0 }
.header>span { display: inline-block; vertical-align: middle; margin-right: 10px }
.header>span .icon i { vertical-align: middle }
.header .sub-title { display: inline-block; color: #666; margin-top: 5px }
.blockbar { position: relative; line-height: 40px }
.blockbar:not(class="btn") a { color: inherit }
.blockbar:not(class="btn") a:hover { color: rgb(46, 75, 184) }
.blockbar.top { margin-bottom: 5px }
.blockbar.bottom { margin-top: 5px }
.blockbar.bottom .right-control { top: -3px }
.step-justify { display: table; width: 100%; left: auto !important }
.step .step-item { display: table-cell; padding-right: 20px }
.step .step-item.active .step-label, .step-boxed .step-item.done .step-label, .step-line .step-item.done .step-label { background: #3BDE86; color: #fff; -webkit-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease }
.step .step-item .step-label { vertical-align: middle }
.step .step-item .step-label i { font-size: 22px }
.step .step-item .step-content { vertical-align: middle }
.step-basic { }
.step-basic .step-label { display: inline-block; width: 24px; height: 24px; border-radius: 3px; background: #EBE9EF; text-align: center; line-height: 24px; color: #fff }
.step-basic .step-label.circular { border-radius: 50% }
.step-basic .step-content { padding-left: 5px; color: #858293 }
.step-basic .step-item:after { position: relative; top: 7px; left: 10px; content: "\e905"; font-size: 24px; font-family: iconfont; color: #858293 }
.step-basic .step-item.active .step-content, .step-basic .step-item.active:after { color: #3BDE86 }
.step-basic .step-item:last-child { padding: 0 }
.step-basic .step-item:last-child:after { content: "" !important; width: 0 }
.step-line { position: relative; left: -30px }
.step-line.centered { display: inline-block; left: auto !important }
.step-line .step-item { position: relative; padding: 0 30px }
.step-line .step-item:nth-child(n+2):after { position: absolute; top: 6px; right: 0; left: -50%; width: 100%; height: 2px; border-bottom: 2px solid #EBE9EF; content: "" }
.step-line .step-item:nth-child(n+2):before { position: absolute; z-index: 10; top: 6px; right: 0; left: -50%; width: 0; height: 2px; border-bottom: 2px solid #3BDE86; content: ""; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease }
.step-line-md .step-item:nth-child(n+2):before, .step-line-md .step-item:nth-child(n+2):after, .step-icon .step-item:nth-child(n+2):before, .step-icon .step-item:nth-child(n+2):after { top: 10px; height: 4px; border-bottom-width: 4px }
.step-line .step-item.done:before, .step-line .step-item.active:before { width: 100% }
.step-line .step-label { position: relative; z-index: 100; display: block; width: 14px; height: 14px; border: 1px solid #fff; border-radius: 50%; margin: auto; background: #CBC9D3 }
.step-line-md .step-label { width: 24px; height: 24px; text-align: center; line-height: 22px; color: #fff }
.step-line .step-item.active .step-label, .step-line .step-item.done .step-label { border: 1px solid #fff }
.step-line .step-item.error .step-label { border: 1px solid #fff; background: #E95A5A }
.step-icon .step-item .step-label { width: 40px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #fff; background: #EBE9EF; color: #858293 }
.step-icon .step-item.active .step-label { border-color: #fff; color: #fff }
.step-icon .step-item:nth-child(n+2):after { position: absolute; top: 19px; right: 0; left: -50%; width: 100%; height: 4px; border-bottom: 4px solid #EBE9EF; content: "" }
.step-icon .step-item:nth-child(n+2):before { top: 19px }
.step-icon .step-item.active:after { border-color: #3BDE86 }
.step-line .step-item.active .step-content, .step-line .step-item.done .step-content { color: #3BDE86 }
.step-line .step-item.error .step-content { color: #E95A5A }
.step-line .step-content { display: block; padding: 5px 0; text-align: center; font-size: 12px; color: #858293; -webkit-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease }
.step-boxed { }
.step-boxed .step-item { position: relative; border: 1px solid #CBC9D3; padding: 10px 40px 10px 30px; background: #F8F9FA }
.step-boxed .step-item:after { position: absolute; z-index: 40; top: 20px; right: -12px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #CBC9D3; content: "" }
.step-boxed .step-item:before { position: absolute; z-index: 50; top: 20px; right: -10px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #F8F9FA; content: "" }
.step-boxed .step-item.active:before, .step-boxed .step-item.done:before { border-left: 12px solid #fff }
.step-boxed .step-item:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px }
.step-boxed .step-item:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px }
.step-boxed .step-item:nth-child(n+2) { border-left: 0 }
.step-boxed .step-item:last-child:after, .step-boxed .step-item:last-child:before { border: 0 }
.step-boxed .step-item.active, .step-boxed .step-item.done { background: #fff; color: #3BDE86 }
.step-boxed .step-item.active .step-content, .step-boxed .step-item.done .step-content { color: #3BDE86 }
.step-boxed .step-label { display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; background: #EBE9EF; color: #858293 }
.step-boxed .step-label.circular { border-radius: 50% }
.step-boxed .step-content { display: inline-block; padding-left: 5px; color: #858293; font-weight: bold }
.step-boxed .step-content small { display: block; padding-top: 5px }
.step-boxed .step-item.done { }
.nav.nav-pills li a:after { height: 0 }
.step.nav.nav-pills li { float: none }
.badge { position: relative; display: inline-block; min-width: 24px; margin-left: 5px; padding: 2px 6px 3px 6px; border-radius: 10px; color: #fff; text-align: center; vertical-align: baseline; text-align: center; white-space: nowrap; font-style: normal; font-size: inherit; line-height: 1 }
sup.badge { position: absolute; top: -4px; right: -4px; min-width: 8px; width: 8px; height: 8px; padding: 0; border: 1px solid #fff; border-radius: 50%; background: #E95A5A }
sup.badge.badge-num { right: -50%; top: -6px; min-width: auto; width: auto; height: 16px; padding: 1px 5px 3px; border-radius: 12px; font-size: 10px; font-weight: lighter }
.badge.badge-sm { font-size: 12px }
.badge-success { background-color: #3BDE86 }
.badge-warning { background-color: #FAC511 }
.badge-danger { background-color: #E95A5A }
.badge-primary { background-color: rgb(46, 75, 184) }
.badge-info { background-color: #3C96EA }
.badge-purple { background-color: #768AEE }
.badge-gray { background-color: #EBE9EF }
.badge-white { background-color: #fff; color: #000 }
.badge-o-success { border: 1px solid #3BDE86; color: #3BDE86 }
.badge-o-warning { border: 1px solid #FAC511; color: #FAC511 }
.badge-o-danger { border: 1px solid #E95A5A; color: #E95A5A }
.badge-o-primary { border: 1px solid rgb(46, 75, 184); color: rgb(46, 75, 184) }
.badge-o-info { border: 1px solid #3C96EA; color: #3C96EA }
.badge-o-purple { border: 1px solid #768AEE; color: #768AEE }
.badge-o-gray { border: 1px solid #CBC9D3; color: #CBC9D3 }
.label { display: inline-block; background: #e2ecf1; padding: 3px 12px; border-radius: 3px; color: #275073; font-size: 14px }
.label.delete i { position: relative; right: -4px; top: 1px }
.label-disable { background-color: #999 }
.label-primary, .label-success, .label-info, .label-warning, .label-danger, .label-inverse, .label-purple, .label-dark { color: #fff }
.label-primary { background-color: rgb(46, 75, 184) }
.label-success { background-color: #3BDE86 }
.label-info { background-color: #3C96EA }
.label-warning { background-color: #FAC511 }
.label-danger { background-color: #f05050 }
.label-dark { background-color: #56535E }
.label-purple { background-color: #768AEE }
.label-o-success { border: 1px solid #3BDE86; color: #3BDE86 }
.label-o-warning { border: 1px solid #FAC511; color: #FAC511 }
.label-o-danger { border: 1px solid #E95A5A; color: #E95A5A }
.label-o-primary { border: 1px solid rgb(46, 75, 184); color: rgb(46, 75, 184) }
.label-o-purple { border: 1px solid #768AEE; color: #768AEE }
.label-o-info { border: 1px solid #3C96EA; color: #3C96EA }
.label-o-gray { border: 1px solid #CBC9D3; color: #CBC9D3 }
.label-o-dark { border: 1px solid #56535E; color: #56535E }
.label-o-default { border: 1px solid #CBC9D3; color: #1F1B2E }
.labels { margin: 0 -3px }
.labels .label { margin-bottom: 5px }
.labels .label { display: inline-block; margin: 3px }
.labels .label.delete a { color: #444 }
.labels .label.delete[class*="label-"] a { color: #fff }
.labels .label[class*="-o-"] { background: #fff }
.labels .label.delete a:hover { opacity: 0.8 }
.labels.labels-md .label { padding: 6px 12px }
.labels.labels-lg .label { padding: 10px 16px; font-size: 14px }
.labels.labels-text { margin: 0 -12px }
.labels.labels-text .label { color: #444; font-size: 14px; padding: 0 10px; background: transparent; line-height: 1.5; cursor: pointer }
.labels.circular .label { border-radius: 32px }
.labels.circular { }
.blockbar .labels .label { line-height: 1 }
.bulleted { margin-right: 5px }
.bulleted i { display: inline-block; width: 4px; height: 4px; background: #A19EAF; border-radius: 50%; vertical-align: middle }
.bulleted.check i { width: 18px; height: 18px; background: transparent }
.bulleted.check i:before { position: relative; left: 2px; top: -5px; background: transparent; content: "\2713" }
.bulleted.bulleted-md i { width: 8px; height: 8px }
.bulleted.bulleted-lg i { width: 12px; height: 12px }
.statistic { }
.statistic.dividing { }
.statistic.centered { }
.statistic.headered { position: relative; padding-left: 120px }
.statistic.headered.rounded .header { border-top-left-radius: 3px; border-bottom-left-radius: 3px }
.statistic.headered .header { position: absolute; display: table-cell; left: 0; top: 0; width: 120px; height: 100% }
.statistic.headered .header.icon { font-size: 32px }
.statistic.headered .header:before { content: ''; display: inline-block; height: 100%; vertical-align: middle }
.statistic.headered .header .title { display: inline-block; vertical-align: middle }
.statistic.inverse { color: #fff }
.statistic.inverse .box-icon { border: 1px solid #fff }
.statistic .box-icon, .statistic .content { display: inline-block; vertical-align: middle }
.statistic .content { padding-left: 10px }
.statistic .item { position: relative; padding: 20px; border-radius: 3px }
.statistic.dividing .item { padding: 35px 15px }
.statistic.dividing .item:nth-child(n+2)::before { position: absolute; left: 0; top: 30%; width: 1px; height: 40%; background: #EBE9EF; content: "" }
.statistic.centered .item { padding: 40px 15px }
.statistic-value { font-family:; font-size: 24px }
.statistic .content .statistic-value { padding-bottom: 5px }
.statistic-value em { margin-left: 5px; font-size: 50%; font-weight: normal; color: inherit; font-style: normal; opacity: .5 }
.statistic-value.strong { font-size: 32px; font-family: "Helvetica Neue"; font-weight: bold; margin-bottom: 10px }
.statistic.dividing .statistic-value { margin-bottom: 10px }
.statistic.inverse .statistic-label { opacity: 0.8 }
.statistic-label { color: inherit; font-size: 12px; opacity: .5 }
.statistic-label i { position: relative; top: 1px; margin-right: 5px; font-style: normal }
.box-icon, .btn-icon { display: inline-block; width: 40px; height: 40px; border-radius: 3px; font-size: 20px; text-align: center; line-height: 40px; vertical-align: middle }
.box-icon.box-icon-sm, .btn-icon.btn-icon-sm { width: 28px; height: 28px; font-size: 14px; line-height: 28px }
.box-icon.box-icon-md, .btn-icon.btn-icon-md { width: 48px; height: 48px; font-size: 24px; line-height: 48px }
.box-icon.box-icon-lg, .btn-icon.btn-icon-lg { width: 60px; height: 60px; font-size: 32px; line-height: 60px }
.box-icon.box-icon-lg, .btn-icon.btn-icon-xlg { width: 80px; height: 80px; font-size: 40px; line-height: 80px }
.box-icon.circular, .btn-icon.circular { border-radius: 50% }
.box-icon.rounded, .btn-icon.rounded { border-radius: 3px }
.box-icon.inverse { border: 1px solid #fff; color: #fff }
.btn-icon:hover { color: #fff }
.shadow { box-shadow: 0 1px 2px 0 rgba(0, 2, 15, .1); transition: all .7s }
.shadow:hover { box-shadow: 0 5px 15px 0 rgba(0, 2, 15, .25) }
.table { width: 100%; max-width: 100%; margin-bottom: 10px; background-color: transparent }
.table th, .table td { padding: 10px 12px; vertical-align: middle; border-top: 1px solid #e8e4ef }
.table thead th { vertical-align: bottom; background: #f1f4f7; border-bottom: 2px solid #e8e4ef; border-top: 0; white-space: nowrap }
.table tbody+tbody { border-top: 2px solid #e8e4ef }
.table .table { background-color: #fff }
.table-bordered { border: 1px solid #e8e4ef }
.table-bordered th, .table-bordered td { border: 1px solid #e8e4ef }
.table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.02) }
.table-hover tbody tr:hover { background-color: #f1f4f7 }
.table-active, .table-active>th, .table-active>td { background-color: rgba(0, 0, 0, 0.075) }
.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075) }
.table-hover .table-active:hover>td, .table-hover .table-active:hover>th { background-color: rgba(0, 0, 0, 0.075) }
.table-hover>tbody>tr:hover>td:nth-child(1):before { position: absolute; top: 0; bottom: 0; margin: -1px 0; left: -1px; width: 4px; border-left: 4px solid rgb(27, 46, 181); content: ""; overflow: hidden }
.table-hover>tbody>tr>td:nth-child(1) { position: relative }
.table-sm th, .table-sm td { padding: 5px }
.table.table-plain thead tr th, .table.table-plain tbody tr td { border: 1px solid #56535E; padding: 10px }
.table.table-plain thead tr th { border-width: 1px; background: transparent }
.table.table-plain { border: 0; border-collapse: collapse }
.table.datatable thead th { position: relative; padding-right: 40px }
.table.datatable thead .sorting:before, table.datatable thead .sorting-asc:before, table.datatable thead .sorting-desc:before, table.datatable thead .sorting-asc-disabled:before, table.datatable thead .sorting-desc-disabled:before { right: 18px; content: "\e90f"; font-family: iconfont }
table.datatable thead .sorting:before, table.datatable thead .sorting:after, table.datatable thead .sorting-asc:before, table.datatable thead .sorting-asc:after, table.datatable thead .sorting-desc:before, table.datatable thead .sorting-desc:after, table.datatable thead .sorting-asc-disabled:before, table.datatable thead .sorting-asc-disabled:after, table.datatable thead .sorting-desc-disabled:before, table.datatable thead .sorting-desc-disabled:after { position: absolute; bottom: 11px; display: block; opacity: 0.3; cursor: pointer; font-size: 18px }
table.datatable thead .sorting:after, table.datatable thead .sorting-asc:after, table.datatable thead .sorting-desc:after, table.datatable thead .sorting-asc-disabled:after, table.datatable thead .sorting-desc-disabled:after { right: 9px; content: "\e90e"; font-family: iconfont }
table.datatable thead .sorting-asc:before, table.datatable thead .sorting-desc:after { opacity: 1; color: rgb(46, 75, 184) }
.table.text-left-col1 tr>td:nth-child(1), .text-left-col1 tr>th:nth-child(1) { text-align: left !important }
.table.text-left-col2 tr>td:nth-child(2), .text-left-col2 tr>th:nth-child(2) { text-align: left !important }
.table.text-left-col3 tr>td:nth-child(3), .text-left-col3 tr>th:nth-child(3) { text-align: left !important }
.table.text-left-col4 tr>td:nth-child(4), .text-left-col4 tr>th:nth-child(4) { text-align: left !important }
.table.text-left-col5 tr>td:nth-child(5), .text-left-col5 tr>th:nth-child(5) { text-align: left !important }
.table.text-left-col6 tr>td:nth-child(6), .text-left-col6 tr>th:nth-child(6) { text-align: left !important }
.table.text-left-col7 tr>td:nth-child(7), .text-left-col7 tr>th:nth-child(7) { text-align: left !important }
.table.text-left-col8 tr>td:nth-child(8), .text-left-col8 tr>th:nth-child(8) { text-align: left !important }
.table [class*="icon-"] { font-size: 14px; vertical-align: middle }
.table .input-group .input-group-btn .btn, .table .input-group .input-group-addon { height: 24px !important }
.table .input-group { margin: auto }
@media (max-width:991px) {
    .table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar }
    .table-responsive.table-bordered { border: 0 }
}
.btn { display: inline-block; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 7px 12px; line-height: 1.15; border-radius: 6px; transition: all 0.45s ease-in-out }
.btn:focus, .btn:hover { text-decoration: none }
.btn:focus, .btn.focus { outline: 0 }
.btn.disabled, .btn:disabled, .disabled .btn { opacity: .65; box-shadow: none; cursor: not-allowed }
a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none }
.btn-primary { color: #fff; background-color: #275073 }
.btn-primary:hover { color: #fff; background-color: #1D3E5A }
.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 3px rgba(39, 80, 115, 0.5) }
.btn-primary.disabled, .btn-primary:disabled { background-color: #2EB8AB }
.btn-primary:active, .btn-primary.active, .show>.btn-primary.dropdown-toggle { background-color: #1D3E5A }
.btn-secondary { background-color: #EBE9EF; border-color: #CBC9D3 }
.btn-secondary:hover { color: #000; background-color: #CBC9D3; border-color: #CBC9D3 }
.btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 3px rgba(203, 202, 212, 0.5) }
.btn-secondary.disabled, .btn-secondary:disabled { background-color: #CBC9D3; border-color: #CBC9D3 }
.btn-secondary:active, .btn-secondary.active, .show>.btn-secondary.dropdown-toggle { background-color: #CBC9D3; background-image: none; border-color: #CBC9D3 }
.btn-success { color: #fff; background-color: #3BDE86; border-color: #14C667 }
.btn-success:hover { color: #fff; background-color: #14C667; border-color: #14C667 }
.btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 3px rgba(21, 198, 103, 0.5) }
.btn-success.disabled, .btn-success:disabled { background-color: #14C667; border-color: #14C667 }
.btn-success:active, .btn-success.active, .show>.btn-success.dropdown-toggle { background-color: #14C667; background-image: none; border-color: #14C667 }
.btn-info { color: #fff; background-color: #3C96EA; border-color: #1871C5 }
.btn-info:hover { color: #fff; background-color: #1871C5; border-color: #1871C5 }
.btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 3px rgba(24, 113, 197, 0.5) }
.btn-info.disabled, .btn-info:disabled { background-color: #1871C5; border-color: #1871C5 }
.btn-info:active, .btn-info.active, .show>.btn-info.dropdown-toggle { background-color: #1871C5; background-image: none; border-color: #1871C5 }
.btn-warning { color: #fff; background-color: #FAC511; border-color: #F5A50D }
.btn-warning:hover { color: #fff; background-color: #e0a800; border-color: #d39e00 }
.btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 3px rgba(250, 197, 18, 0.5) }
.btn-warning.disabled, .btn-warning:disabled { background-color: #d39e00; border-color: #d39e00 }
.btn-warning:active, .btn-warning.active, .show>.btn-warning.dropdown-toggle { background-color: #d39e00; background-image: none; border-color: #d39e00 }
.btn-danger { color: #fff; background-color: #E95A5A; border-color: #D23434 }
.btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130 }
.btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 3px rgba(233, 90, 90, 0.5) }
.btn-danger.disabled, .btn-danger:disabled { background-color: #bd2130; border-color: #bd2130 }
.btn-danger:active, .btn-danger.active, .show>.btn-danger.dropdown-toggle { background-color: #bd2130; background-image: none; border-color: #bd2130 }
.btn-dark { color: #fff; background-color: #56535E; border-color: #333041 }
.btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124 }
.btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 3px rgba(51, 48, 65, 0.5) }
.btn-dark.disabled, .btn-dark:disabled { background-color: #1d2124; border-color: #1d2124 }
.btn-dark:active, .btn-dark.active, .show>.btn-dark.dropdown-toggle { background-color: #1d2124; background-image: none; border-color: #1d2124 }
.btn-purple { color: #fff; background-color: #768AEE; border-color: #595CF6 }
.btn-purple:hover { color: #fff; background-color: #595CF6; border-color: #595CF6 }
.btn-purple:focus, .btn-dark.focus { box-shadow: 0 0 0 3px rgba(118, 138, 238, 0.5) }
.btn-purple.disabled, .btn-dark:disabled { background-color: #595CF6; border-color: #595CF6 }
.btn-purple:active, .btn-dark.active, .show>.btn-dark.dropdown-toggle { background-color: #595CF6; background-image: none; border-color: #595CF6 }
.btn-o-primary { color: rgb(39, 80, 115); background-color: #fff; background-image: none; border-color: rgb(39, 80, 115) }
.btn-o-primary:hover { color: #fff; background-color: rgb(39, 80, 115); border-color: rgb(39, 80, 115) }
.btn-o-primary:focus, .btn-o-primary.focus { box-shadow: 0 0 0 3px rgba(64, 210, 197, 0.5) }
.btn-o-primary.disabled, .btn-o-primary:disabled { color: #EBE9EF; background-color: transparent }
.btn-o-primary:active, .btn-o-primary.active, .show>.btn-o-primary.dropdown-toggle { color: #fff; background-color: #2EB8AB; border-color: #2EB8AB }
.btn-o-secondary { background-color: #fff; background-image: none; border-color: #A29EAF }
.btn-o-secondary:hover { color: #000; background-color: #CBC9D3; border-color: #858293 }
.btn-o-secondary:focus, .btn-o-secondary.focus { box-shadow: 0 0 0 3px rgba(203, 202, 212, 0.5) }
.btn-o-secondary.disabled, .btn-o-secondary:disabled { color: #CBC9D3; background-color: transparent }
.btn-o-secondary:active, .btn-o-secondary.active, .show>.btn-o-secondary.dropdown-toggle { color: #fff; background-color: #CBC9D3; border-color: #CBC9D3 }
.btn-o-success { color: #3BDE86; background-color: #fff; background-image: none; border-color: #14C667 }
.btn-o-success:hover { color: #fff; background-color: #14C667; border-color: #14C667 }
.btn-o-success:focus, .btn-o-success.focus { box-shadow: 0 0 0 3px rgba(21, 198, 103, 0.5) }
.btn-o-success.disabled, .btn-o-success:disabled { color: #14C667; background-color: transparent }
.btn-o-success:active, .btn-o-success.active, .show>.btn-o-success.dropdown-toggle { color: #fff; background-color: #14C667; border-color: #14C667 }
.btn-o-info { color: #3C96EA; background-color: #fff; background-image: none; border-color: #1871C5 }
.btn-o-info:hover { color: #fff; background-color: #1871C5; border-color: #1871C5 }
.btn-o-info:focus, .btn-o-info.focus { box-shadow: 0 0 0 3px rgba(24, 113, 197, 0.5) }
.btn-o-info.disabled, .btn-o-info:disabled { color: #1871C5; background-color: transparent }
.btn-o-info:active, .btn-o-info.active, .show>.btn-o-info.dropdown-toggle { color: #fff; background-color: #1871C5; border-color: #1871C5 }
.btn-o-warning { color: #FAC511; background-color: #fff; background-image: none; border-color: #F5A50D }
.btn-o-warning:hover { color: #fff; background-color: #F5A50D; border-color: #F5A50D }
.btn-o-warning:focus, .btn-o-warning.focus { box-shadow: 0 0 0 3px rgba(250, 197, 18, 0.5) }
.btn-o-warning.disabled, .btn-o-warning:disabled { color: #F5A50D; background-color: transparent }
.btn-o-warning:active, .btn-o-warning.active, .show>.btn-o-warning.dropdown-toggle { color: #fff; background-color: #F5A50D; border-color: #F5A50D }
.btn-o-danger { color: #E95A5A; background-color: #fff; background-image: none; border-color: #D23434 }
.btn-o-danger:hover { color: #fff; background-color: #D23434; border-color: #D23434 }
.btn-o-danger:focus, .btn-o-danger.focus { box-shadow: 0 0 0 3px rgba(250, 240, 95, 0.5) }
.btn-o-danger.disabled, .btn-o-danger:disabled { color: #D23434; background-color: transparent }
.btn-o-danger:active, .btn-o-danger.active, .show>.btn-o-danger.dropdown-toggle { color: #fff; background-color: #D23434; border-color: #D23434 }
.btn-o-dark { color: #56535E; background-color: #fff; background-image: none; border-color: #1d2124 }
.btn-o-dark:hover { color: #fff; background-color: #1d2124; border-color: #1d2124 }
.btn-o-dark:focus, .btn-o-dark.focus { box-shadow: 0 0 0 3px rgba(51, 48, 65, 0.5) }
.btn-o-dark.disabled, .btn-o-dark:disabled { color: #1d2124; background-color: transparent }
.btn-o-dark:active, .btn-o-dark.active, .show>.btn-o-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #1d2124 }
.btn-o-purple { color: #595CF6; background-color: #fff; border-color: #595CF6 }
.btn-o-purple:hover { color: #fff; background-color: #595CF6; border-color: #595CF6 }
.btn-o-purple:focus, .btn-dark.focus { box-shadow: 0 0 0 3px rgba(118, 138, 238, 0.5) }
.btn-o-purple.disabled, .btn-dark:disabled { background-color: transparent }
.btn-o-purple:active, .btn-dark.active, .show>.btn-dark.dropdown-toggle { background-color: #595CF6; background-image: none; border-color: #595CF6 }
.btn-link { font-weight: normal; color: rgb(46, 75, 184); border-radius: 0 }
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent }
.btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; box-shadow: none }
.btn-link:hover { border-color: transparent }
.btn-link:focus, .btn-link:hover { color: #2EB8AB; text-decoration: underline; background-color: transparent }
.btn-link:disabled { color: #2EB8AB }
.btn-link:disabled:focus, .btn-link:disabled:hover { text-decoration: none }
.btn-lg, .btn-group-lg>.btn { padding: 8px 20px; font-size: 16px; line-height: 1.5; border-radius: 3px }
.btn-sm, .btn-group-sm>.btn { padding: 5px 12px; font-size: 12px; line-height: 1.2; border-radius: 3px }
.btn-block { display: block; width: 100% }
.btn-block+.btn-block { margin-top: 10px }
.btn .icon { display: inline-block; position: relative; padding-right: 3px; top: -7px; right: 0; vertical-align: middle; font-size: 18px; height: 16px; line-height: 1.58 }
.btn-lg .icon { display: inline-block; top: -7px; right: 3px; font-size: 20px; height: 20px; vertical-align: middle }
[class*="btn-fixed"] { text-align: center }
.btn-w-sm { width: 60px }
.btn-w-md { width: 80px }
.btn-w-lg { width: 120px }
.btn.circular { border-radius: 60px }
.btn[class*="gradient-"] { color: #fff; border: 0 }
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100% }
.btn-group input[type=checkbox], .btn-group input[type=radio] { cursor: pointer; z-index: 1; outline: 0 !important; left: -50px; position: absolute }
.btn-group.btn-check input[type=checkbox]:after, .btn-group.btn-check input[type=radio]:after { transition: all 0.2s ease-in-out; color: rgba(0, 0, 0, .1); content: "\e978"; font-family: iconfont; left: 55px; display: inline-block; font-size: 16px; top: 0; position: relative }
.btn-group.btn-check input[type=checkbox]:checked:after, .btn-group.btn-check input[type=radio]:checked:after { color: #fff }
.btn-group.btn-check label { position: relative; overflow: hidden; padding-left: 25px }
.btn-group.btn-check .btn.active input[type=checkbox]:after, .btn-group.btn-check .btn.active input[type=radio]:after { color: rgba(255, 255, 255, 1) }
.btn-group .btn { background-color: #EBE9EF; background-image: none; border-color: #A29EAF }
.btn-group .btn.active, .btn-group .btn.btn-text.active { color: #fff; background-color: rgb(46, 75, 184); border-color: #2EB8AB }
.btn-group .btn:focus { box-shadow: 0 0 0 3px rgba(64, 210, 197, 0.5) }
.btn-group .btn.btn-text { line-height: 28px; background: transparent; border-color: transparent; padding: 2px 12px; font-size: 14px; line-height: 1.5 }
.gutter.input-group .input-group-span { padding: 0 10px 0 0 }
.gutter.input-group .input-group-span:last-child { padding: 0 }
.gutter.input-group .input-group-span .form-control { border-radius: 3px !important }
.input-group.inline, .input-group.inline .form-control, .input-group.inline .input-group-addon, .input-group.inline .input-group-btn, .form-inline .form-group.inline, .form-inline .form-group.inline .form-control { width: auto }
.inverse .form-control { border-color: #2EB8AB }
.form-control [class*="w-"] { width: inherit;  !important }
.form-control { width: 100%; padding: 7px 10px; font-size: 16px; line-height: 1.25; background-color: #fff; background-image: none; background-clip: padding-box; border: 1px solid rgba(39, 80, 115, .4); border-radius: 3px; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; color: rgba(39, 80, 115, .4) }
.form-control.form-control-sm { height: 24px !important; padding: 3px 5px; font-size: 12px; line-height: 1 }
.form-control.form-control-lg { height: 50px !important; padding: 3px 10px; font-size: 16px; line-height: 2; border-radius: 6px }
.form-control::-ms-expand { background-color: transparent; border: 0 }
.form-control:focus { color: #495057; background-color: #fff; border-color: rgb(39, 80, 115); outline: none }
.form-control::-webkit-input-placeholder, .form-control-material::-webkit-input-placeholder { color: rgba(39, 80, 115, .4); opacity: 1 }
.form-control:-ms-input-placeholder { color: rgba(39, 80, 115, .4); opacity: 1 }
.form-control::placeholder { color: rgba(39, 80, 115, .4); opacity: 1 }
.form-control:disabled, .form-control[readonly] { background-color: #EBE9EF; opacity: 1; cursor: not-allowed }
.form-material .form-group { overflow: hidden }
.form-material .form-control { background-color: rgba(0, 0, 0, 0); background-position: center bottom, center calc(99%); background-repeat: no-repeat; background-size: 0 1px, 100% 1px; padding: 7px 0; transition: background 0s ease-out 0s }
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus { background-image: linear-gradient(rgb(46, 75, 184), rgb(46, 75, 184)), linear-gradient(rgba(203, 201, 211, 1), rgba(203, 201, 211, 1)); border: 0; border-radius: 0; box-shadow: none; float: none }
.form-material .form-control.focus, .form-material .form-control:focus { background-size: 100% 1px, 100% 1px; outline: 0; transition-duration: .3s }
.form-control.form-control-xs { height: 26px !important; padding: 3px 5px; font-size: 13px }
.form-material .iconic-input { padding-left: 25px }
.form-material .iconic-input i { left: 0 }
.form-material .input-group-addon { border: 0; background: transparent }
.card-inverse .form-control { color: #fff }
.card-inverse .iconic-input i, .card-inverse label { color: #fff }
label { /*color: rgb(39, 80, 115);*/ line-height: 32px }
select, select.form-control { padding: 0 24px 0 10px; width: 100%; background: #fff url(../images/arrow.png) no-repeat right 6px center; border: 1px solid #275073; background-size: 16px; -webkit-appearance: none; -moz-appearance: none; }
select::-ms-expand { display: none; }
.form-material select, .form-material select.form-control { padding: 0 24px 0 0;  width: 100%; background: #fff url(../images/arrow.png) no-repeat right 6px center; background-size: 16px; border-bottom: 1px solid #CBC9D3; -webkit-appearance: none; -moz-appearance: none; border-radius: 0 !important }
.form-material select:focus, .form-material select.form-control:focus { color: #495057; background: #fff url(../images/arrow.png) no-repeat right 6px center; background-size: 16px; border-bottom: 1px solid rgb(46, 75, 184); border-radius: 0; outline: none }
.form-material select.form-control:not([size]):not([multiple]) { height: calc(30px + 1px) }
select.form-control:not([size]):not([multiple]) { height: calc(30px + 2px) }
select.form-control:focus::-ms-value { color: #495057; background-color: #fff }
textarea { resize: none }
textarea.textarea-sm { min-height: 32px }
textarea.textarea-md { min-height: 80px }
textarea.textarea-lg { min-height: 200px }
input[type="search"]:before { color: #A19EAF }
input[type="search"]:after { font-family: iconfont; content: "\e91b"; color: #A19EAF }
.iconic-input { position: relative }
.iconic-input i { position: absolute; top: 8px; left: 10px; display: block; text-align: center; width: 16px; font-size: 16px; color: #858293; cursor: pointer }
.iconic-input.right i { position: absolute; right: 10px; left: auto }
.iconic-input input:focus~i, .iconic-input [class*="icon-click"]:hover { color: rgb(46, 75, 184) }
.iconic-input input { padding-left: 30px }
.iconic-input.right input { padding-left: 10px; padding-right: 30px }
.btn-input { padding-right: 60px }
.input-btn-text { position: absolute; top: 9px; right: 10px }
.form-group { position: relative; margin-bottom: 10px }
.mr-b0 .form-group { margin-bottom: 0 !important }
.form-inline .form-group { display: table; width: 100% }
.form-inline .form-group .form-control, .form-inline .form-group .label-control, .input-group .form-control, .input-group-addon, .input-group-btn, .input-group-span { display: table-cell; vertical-align: middle }
.form-inline .form-group .label-control { margin: 0; padding: 0 5px 0 0; line-height: 32px; white-space: nowrap; text-align: right }
.label-control.label-control-xs { width: 32px }
.label-control.label-control-sm { width: 75px }
.label-control.label-control-md { width: 94px }
.label-control.label-control-lg { width: 140px }
.label-control.label-control-full { width: 100%;display: flex;justify-content: flex-start }
.form-control-static { height: 32px; line-height: 32px }
.form-offset-xs { margin-left: 32px }
.form-offset-sm { margin-left: 75px }
.form-offset-md { margin-left: 94px }
.form-offset-lg { margin-left: 140px }
.input-group { position: relative; display: table; width: 100% }
.input-group.circular .form-control { border-radius: 2px }
.input-group .form-control { position: relative; z-index: 2; margin-bottom: 0 }
.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { z-index: 3 }
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child), .input-group .input-group-span:not(:first-child):not(:last-child) .form-control { border-radius: 0 }
.input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle }
.input-group-addon, .input-group-btn .btn { max-height: 32px }
.input-group-btn .btn-lg { max-height: 50px; height: 50px; padding: 0 20px; border-top-right-radius: 6px; border-bottom-right-radius: 6px }
.input-group-addon { padding: 0 12px; height: 30px; margin-bottom: 0; font-weight: normal; text-align: center; background-color: #EBE9EF; border: 1px solid #CBC9D3; border-radius: 3px }
.input-group.circular .input-group-addon, .input-group.circular .input-group-btn .btn { border-radius: 2px }
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0 }
.input-group .form-control:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group .input-group-span:first-child .form-control { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important }
.input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child)>.btn, .input-group-btn:not(:first-child)>.btn-group>.btn, .input-group-btn:not(:first-child)>.dropdown-toggle, .input-group-btn:not(:last-child)>.btn:not(:first-child), .input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn, .input-group .input-group-span:last-child .form-control { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important }
.input-group .input-group-span .form-control { border-radius: 3px }
.input-group-addon:not(:last-child) { border-right: 0 }
.form-control+.input-group-addon:not(:first-child) { border-left: 0 }
.input-group-span:nth-child(n+2) { position: relative; left: -1px }
.input-group-span:nth-child(n+2) input, .input-group-span:nth-child(n+2) select { width: calc(100% + 1px) }
.input-group-addon i { font-size: 16px; vertical-align: middle; color: #858293 }
.input-group-btn { }
.input-group-btn>.btn { position: relative }
.input-group-btn>.btn+.btn { margin-left: -1px }
.input-group-btn>.btn:focus, .input-group-btn>.btn:active, .input-group-btn>.btn:hover { z-index: 3 }
.input-group-btn:not(:last-child)>.btn, .input-group-btn:not(:last-child)>.btn-group { margin-right: -1px }
.input-group-btn:not(:first-child)>.btn, .input-group-btn:not(:first-child)>.btn-group { z-index: 2; margin-left: -1px }
.input-group-btn:not(:first-child)>.btn:focus, .input-group-btn:not(:first-child)>.btn:active, .input-group-btn:not(:first-child)>.btn:hover, .input-group-btn:not(:first-child)>.btn-group:focus, .input-group-btn:not(:first-child)>.btn-group:active, .input-group-btn:not(:first-child)>.btn-group:hover { z-index: 3 }
.error .form-control { border-color: #fe4242; color: #fe4242 }
.tip-block { display: block; margin-top: 10px; font-size: 12px; color: #A19EAE }
.tip-error { color: #E95A5A }
.has-error, .has-error:focus { border: 1px solid #E95A5A; color: #E95A5A }
.iconic-input .has-error:focus~i { color: #858293 }
.has-success~.tip-success i { color: #fff }
.has-success~.tip-success { position: absolute; right: -30px; top: 6px; width: 20px; height: 20px; background: #3BDE86; border-radius: 50%; color: #fff; font-size: 18px; line-height: 20px; text-align: center }
.checkbox { padding-left: 0 }
.checkbox label { display: inline-block; position: relative; height: 17px; line-height: 17px; padding-left: 8px }
.checkbox label::before { -o-transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; background-color: #fff; border-radius: 3px; border: 1px solid rgba(39, 80, 115, .4); content: ""; display: inline-block; height: 17px; line-height: 17px; left: 0; margin-left: -12px; position: absolute; transition: .3s ease-in-out; width: 17px; outline: 0 !important }
.checkbox label::after { color: #263238; display: inline-block; font-size: 12px; height: 16px; left: 0; margin-left: -9px; position: absolute; width: 16px; line-height: 18px }
.checkbox input[type=checkbox] { cursor: pointer; opacity: 0; z-index: 1; outline: 0 !important }
.checkbox input[type=checkbox]:disabled+label { opacity: .65 }
.checkbox input[type=checkbox]:focus+label::before { outline: 0; outline: dotted thin }
.checkbox input[type=checkbox]:checked+label::after { content: "\e978"; font-family: iconfont }
.checkbox input[type=checkbox]:disabled+label::before { background-color: #e4e7ea; cursor: not-allowed }
.checkbox.checkbox-circle label::before { border-radius: 50% }
.checkbox.checkbox-inline { margin-top: 0 }
.checkbox.checkbox-single label { height: 17px }
.checkbox-primary input[type=checkbox]:checked+label::before { background-color: rgb(39, 80, 115); border-color: rgb(39, 80, 115) }
.checkbox-primary input[type=checkbox]:checked+label::after { color: #fff }
.checkbox-danger input[type=checkbox]:checked+label::before { background-color: #E95A5A; border-color: #D23434 }
.checkbox-danger input[type=checkbox]:checked+label::after { color: #fff }
.checkbox-info input[type=checkbox]:checked+label::before { background-color: #3C96EA; border-color: #1871C5 }
.checkbox-info input[type=checkbox]:checked+label::after { color: #fff }
.checkbox-warning input[type=checkbox]:checked+label::before { background-color: #FAC511; border-color: #F5A50D }
.checkbox-warning input[type=checkbox]:checked+label::after { color: #fff }
.checkbox-success input[type=checkbox]:checked+label::before { background-color: #3BDE86; border-color: #14C667 }
.checkbox-success input[type=checkbox]:checked+label::after { color: #fff }
.checkbox-purple input[type=checkbox]:checked+label::before { background-color: #768AEE; border-color: #595CF6 }
.checkbox-purple input[type=checkbox]:checked+label::after { color: #fff }
.checkbox-inverse input[type=checkbox]:checked+label::before { background-color: #56535E; border-color: #333041 }
.checkbox-inverse input[type=checkbox]:checked+label::after { color: #fff }
.radio { padding-left: 7px }
.radio label { display: inline-block; position: relative; line-height: 17px; padding-left: 5px }
.radio label::before { -o-transition: border .5s ease-in-out; -webkit-transition: border .5s ease-in-out; background-color: #fff; border-radius: 50%; border: 1px solid #CBC9D3; content: ""; display: inline-block; height: 17px; left: 0; margin-left: -19px; position: absolute; transition: border .5s ease-in-out; width: 17px; outline: 0 !important }
.radio label::after { -moz-transition: -moz-transform .3s cubic-bezier(.8, -.33, .2, 1.33); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); -o-transition: -o-transform .3s cubic-bezier(.8, -.33, .2, 1.33); -webkit-transform: scale(0, 0); -webkit-transition: -webkit-transform .3s cubic-bezier(.8, -.33, .2, 1.33); background-color: #263238; border-radius: 50%; content: " "; display: inline-block; height: 7px; left: 5px; margin-left: -19px; position: absolute; top: 5px; transform: scale(0, 0); transition: transform .3s cubic-bezier(.8, -.33, .2, 1.33); width: 7px }
.radio input[type=radio] { cursor: pointer; opacity: 0; z-index: 1; outline: 0 !important }
.radio input[type=radio]:disabled+label { opacity: .65 }
.radio input[type=radio]:focus+label::before { outline-offset: -2px; outline: -webkit-focus-ring-color auto 5px; outline: dotted thin }
.radio input[type=radio]:checked+label::after { -ms-transform: scale(1, 1); -o-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1) }
.radio input[type=radio]:disabled+label::before { cursor: not-allowed }
.radio.radio-inline { margin-top: 0 }
.radio.radio-single label { height: 17px }
.radio-primary input[type=radio]+label::after { background-color: rgb(39, 80, 115) }
.radio-primary input[type=radio]:checked+label::before { border-color: rgb(39, 80, 115) }
.radio-primary input[type=radio]:checked+label::after { background-color: rgb(39, 80, 115) }
.radio-danger input[type=radio]+label::after { background-color: #E95A5A }
.radio-danger input[type=radio]:checked+label::before { border-color: #E95A5A }
.radio-danger input[type=radio]:checked+label::after { background-color: #E95A5A }
.radio-info input[type=radio]+label::after { background-color: #3C96EA }
.radio-info input[type=radio]:checked+label::before { border-color: #3C96EA }
.radio-info input[type=radio]:checked+label::after { background-color: #3C96EA }
.radio-warning input[type=radio]+label::after { background-color: #FAC511 }
.radio-warning input[type=radio]:checked+label::before { border-color: #FAC511 }
.radio-warning input[type=radio]:checked+label::after { background-color: #FAC511 }
.radio-success input[type=radio]+label::after { background-color: #3BDE86 }
.radio-success input[type=radio]:checked+label::before { border-color: #3BDE86 }
.radio-success input[type=radio]:checked+label::after { background-color: #3BDE86 }
.radio-purple input[type=radio]+label::after { background-color: #768AEE }
.radio-purple input[type=radio]:checked+label::before { border-color: #768AEE }
.radio-purple input[type=radio]:checked+label::after { background-color: #768AEE }
.radio-inverse input[type=radio]+label::after { background-color: #56535E }
.radio-inverse input[type=radio]:checked+label::before { border-color: #56535E }
.radio-inverse input[type=radio]:checked+label::after { background-color: #56535E }
.switch { width: 32px; height: 20px; position: relative; border: 1px solid #dfdfdf; background-color: #fdfdfd; box-shadow: #dfdfdf 0 0 0 0 inset; border-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-clip: content-box; display: inline-block; -webkit-appearance: none; user-select: none; outline: none; transition: border cubic-bezier(0, 0, 0, 1) 0.4s, box-shadow cubic-bezier(0, 0, 0, 1) 0.4s }
.switch:before { content: ''; width: 18px; height: 18px; position: absolute; top: 0px; left: 0; border-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); transition: left 0.3s }
.switch:checked { border-color: #3BDE86; box-shadow: #3BDE86 0 0 0 16px inset; background-color: #3BDE86; box-shadow: #3BDE86 0 0 0 16px inset; background-color: #3BDE86; transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s }
.switch:checked:before { left: 12px; transition: left 0.3s }
.btn-file { overflow: hidden; position: relative }
.btn-file input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); font-size: 23px; height: 100%; width: 100%; direction: ltr; cursor: pointer }
.navbar-header { }
.navbar-header .brand { float: left; padding: 15px 10px; margin-right: 10px }
.navbar-header .brand img { max-height: 45px }
.navbar-header .nav-action, .navbar-header .nav { display: inline-block; vertical-align: middle; font-family: '华文新魏' }
.navbar-header.navbar .nav>li>a, .navbar-header.navbar .nav>li>span>a { line-height: 50px }
.nav, .nav-action { margin: 0 0 0 0; padding: 0; list-style: none }
.nav>li { position: relative; display: inline-block; /*float: left;*/ font-size: 16px; padding-right:20px; }
.nav.inline-block>li { /*float: left; width:60px; */}
.navbar { position: relative; display: block; clear: both; /*padding-top: 10px */}
.navbar:after { display: table; clear: both; height: 0; content: "" }
.navbar.inverse { background: rgb(46, 75, 184) }
.navbar.inverse .nav>li.active { background: #2EB8AB; box-shadow: 0 0 1px rgba(0, 0, 0, .1) }
.navbar.inverse .nav>li.active a, .navbar.inverse .nav>li.active a { color: #fff }
.navbar.inverse .nav>li>a, .navbar.inverse .nav>li>span>a { color: #fff }
.navbar.inverse .nav>li:hover>a, .navbar.inverse .nav>li:hover>span>a { color: #fff; opacity: 0.9 }
.navbar.inverse .nav li a:after, .navbar.inverse .nav>li.active a:after { height: 0 }
.navbar>.nav>li { font-size: 16px; padding-top: 25px }
.navbar>.nav>li>a { color: #fff;/* height: 120px */}
.navbar>.nav>li>a:hover { color: #275073 }
.nav li a, .nav-action .item a { display: block; padding: 3px 0px; margin: 0 0px; color: #333041 }
.nav li.active a { background: url() no-repeat 26px bottom; background-size: 11px 11px; font-weight: bold; color: #275073 }
.nav-action .item { display: inline-block; vertical-align: top; padding-top: 20px }
.nav-action .item a { display: block; padding: 0; margin: 0 0 5px 0 }
.navbar.inverse .nav-action>.item>a, .navbar.inverse .nav-action>.item>span>a { color: #fff }
.nav-action .item i { font-size: 16px; vertical-align: middle }
.nav-action .item>a { display: block; height: 50px }
.nav-action .dropdown-menu  .divider { background-color: #275073 }
.nav-bar-right{}
.nav-bar-right .search-bar,.nav-bar-right .nav-action{ display:inline-block; }
.nav-bar-right .search-bar{ position:relative; width: 160px; top: 10px; left:-20px }
.nav-bar-right .search-bar input{  height:24px; line-height:17px; padding: 5px 40px 5px 5px; border:1px solid #2B5374; background-color:#fff; }
.nav-bar-right .search-bar .search-bar-btn{ cursor: pointer; position: absolute; z-index: 100; right: 0; width:32px; height:24px;border:0; padding: 0; background:transparent;  }
.nav-bar-right .search-bar .search-bar-btn:focus{ outline:0; box-shadow: none; }
.nav-bar-right .search-bar .search-bar-btn:hover i{ color:#2B5374 }
.nav-bar-right .search-bar .search-bar-btn i{ position:relative; top:1px; }
.search { position: relative; width: 590px; margin: 0 auto; /*line-height: 50px;*/ vertical-align: middle }
.search .form-control { height: 50px; border: 1px solid #2B5374; background: #EDF1F3; font-size: 16px }
.search .input-group-select { width: 510px }
.search .input-group-select input.form-control { /*padding-right: 65px;*/ border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important }
.search .selectbox { position: absolute; top: 10px; right: 60px; width: 100px; z-index: 50; padding: 0; height: 32px; text-align: center }
.search .selectbox select:focus { outline: 0; border: none; box-shadow: none; color: #2B5374 }
.search .selectbox select { position: absolute; top: 1px; height: 32px; border: 0; background: url(../images/caret.png) no-repeat 80px center; background-size: 7px 6px; color:#000; }
.search .input-group-btn .btn { max-height: 50px !important; height: 50px; padding: 7px 15px }
.search .input-group-btn .btn i { font-size: 20px; line-height: 1.4 }
.search.search-sm { position: relative; top: 0px; width: 300px; height: 32px; /*line-height: 30px*/ }
.search.search-sm .input-group-select { width: 300px }
.search.search-sm .input-group-select input.form-control { height: 32px; border-width: 1px; padding-right: 5px }
.search.search-sm .input-group-btn .btn { max-height: 32px !important; height: 32px; padding: 5px 10px }
.search.search-sm .input-group-select input.form-control { padding-left: 10px }
.search.search-sm .input-group-btn .btn i { font-size: 16px; line-height: 1.8 }
.search.search-sm .form-control { font-size: 14px; border-top-left-radius: 6px !important; border-bottom-left-radius: 6px !important }
.menu { margin: 0; padding: 0 }
.menu-sm li { line-height: 30px }
.menu.bordered li { border-bottom: 1px solid #EBE9EF }
.menu li { position: relative; list-style: none; line-height: 40px; padding: 0 }
.menu li a { display: block; padding: 0 20px }
.menu li:hover { background: #F8F9FA }
.menu li.active a { display: block; background: rgb(46, 75, 184); color: #fff }
.menu li.active:hover a { color: #fff }
.menu.icon li>i, .menu.icon li>a>i { position: relative; top: 1px; margin-right: 10px }
.menu li .badge { position: absolute; top: 11px; right: 15px }
.menu li.active .badge { color: rgb(46, 75, 184); background: #fff }
.accordion-menu ul { padding: 0; margin: 0 0 5px }
.accordion-menu li { line-height: 25px; list-style: none; font-size: 13px; padding-left: 5px }
.accordion-menu li a { padding: 0 15px }
.accordion-menu .accordion-header { height: 30px; line-height: 30px; background: #F8F9FA }
.accordion-menu.accordion .panel:nth-child(n+2) .accordion-header { border-top: 1px solid #EBE9EF }
.accordion-menu .accordion-header.active { background: #fff }
.accordion-menu li .bulleted i { position: relative; top: -1px; background: #EBE9EF }
.accordion-menu li:hover .bulleted i { background: rgb(46, 75, 184) }
.pagination { padding-left: 0; font-size: 13px; list-style: none; margin: 0 }
.pagination li a { border-radius: 30px; font-size: 15px }
.pagination li { float: left; vertical-align: middle }
.pagination li a, .pagination li em { display: block; position: relative; margin-left: 5px; text-align: center; min-width: 30px; height: 30px; border: 1px solid rgb(39, 80, 115); background-color: #F8F9FA; color: rgb(39, 80, 115); text-decoration: none; line-height: 1.8;line-height: 2\0;}
.pagination li a:focus, .pagination li a:hover { z-index: 10; border-color: rgb(39, 80, 115); color: rgb(39, 80, 115); background: #fff }
.pagination .active a, .pagination .active a:hover { z-index: 2; border-color: rgb(39, 80, 115); background-color: rgb(39, 80, 115); color: #fff !important; cursor: default }
.pagination li a.disabled, .pagination li a.disabled:hover { opacity: 0.5; cursor: not-allowed; color: #423E36 }
.pagination li a small, .pagination li a i { position: relative; top: -1px\0; }
.pagination li a small { font-size: 13px }
.pagination li:first-child a small { padding-right: 10px }
.pagination li:last-child a small { padding-left: 10px }
.pagination li a.text.disabled:hover, .pagination li a.text.disabled:focus { background: #fff }
.pagination li a:hover { color: rgb(39, 80, 115) }
.pagination li em { border-radius: 30px; font-size: 18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.pagination li em:before { position: relative; top: -1px; content: "\2022\2022\2022"; display: inline-block; color: #CBC9D3; font-size: 11px; font-size-adjust: none; text-align: center }
.pagination-addon .form-control, .pagination-addon .btn { height: 30px; line-height: 14px }
.tabs.tabs-justify li { display: table-cell; width: 1%; float: none }
.tabs, .tabs-pills { position: relative; clear: both; margin: 0; padding: 0; height: 32px; list-style: none; border-bottom: 1px solid #CBC9D3 }
.tabs li, .tabs-pills li { position: relative; float: left; display: inline-block; min-width: 100px; color: #666; list-style: none; text-align: center; line-height: 30px }
.tabs li { display: inline-block; vertical-align: top }
.tabs li a { display: block; position: relative; width: 100%; padding: 0 15px; }
.tabs li a, .tabs li a:after { -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms }
.tabs li a:after { content: ""; height: 2px; position: absolute; width: 100%; left: 0; bottom: -2px; background: rgb(46, 75, 184); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) }
.tabs li.active a:after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) }
.tabs li a { display: block; color: #56535E }
.tabs li.active a, .tabs li a:hover { color: rgb(46, 75, 184) }
.tabs-card li { border: 1px solid #CBC9D3; border-top-right-radius: 3px; border-top-left-radius: 3px; background: #EBE9EF }
.tabs-card li:after { border: 0; height: 0 }
.tabs-card li.active { background: #fff; border-bottom-color: #fff }
.tabs-card li.active a:after { height: 0; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) }
.tabs-pills { border: 0 }
.tabs-pills a { display: block }
.tabs-pills li { margin-bottom: 5px; color: #56535E; background-color: #EBE9EF; border: 1px solid #CBC9D3; margin-right: 5px; border-radius: 3px; transition: all 0.45s ease-in-out }
.tabs-pills li.active { background-color: rgb(46, 75, 184); border-color: #2EB8AB }
.tabs-pills li.active a { color: #fff }
.tab-pane { display: none; visibility: hidden }
.tab-pane.active { display: block; visibility: visible }
.tab-content { clear: both; min-height: 160px; padding: 15px 0 }
.tab-content p { color: #1F1B2E; font-size: 13px }
.tab-content.padding { padding: 15px }
.tab-content.card-bordered { border: 1px solid #CBC9D3; border-top: 0; padding: 15px }
.tab-content.bordered { border: 1px solid #CBC9D3; padding: 15px; border-radius: 3px }
.accordion { }
.accordion.bordered { border: 1px solid #CBC9D3; border-radius: 3px }
.accordion .panel:nth-child(n+2) .accordion-header { border-top: 1px solid #CBC9D3 }
.accordion-header { position: relative; height: 42px; line-height: 42px; padding: 0 15px }
.accordion-header a { display: block }
.accordion-header.i-chevron.active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.accordion-header.i-chevron:after { position: absolute; right: 15px; top: 1px; content: '\e912'; font-family: iconfont; color: #56535E; font-size: 16px }
.accordion-header.i-plus:after { position: absolute; top: 0px; left: -3px; font-family: iconfont; content: '\e90d'; color: #56535E; font-size: 16px }
.accordion-header.i-plus.active:after { content: '\e90c' }
.accordion-header.i-arrow:after { position: absolute; top: 16px; left: 1px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #56535E; content: "" }
.accordion-header.i-arrow.active:after { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.accordion-header.i-plus, .accordion-header.i-arrow { padding-left: 15px }
.accordion-header:hover a, .accordion-header[class*="i-"]:hover:after, .accordion-header.active a, .accordion-header[class*="i-"].active:after { color: rgb(46, 75, 184) }
.accordion-header.i-arrow:hover:after, .accordion-header[class*="i-"].active:after { border-left-color: rgb(46, 75, 184) }
.accordion .collapse { }
.accordion.bordered .accordion-content { padding: 0 15px 15px }
.accordion-content { padding: 0 0 15px }
.collapse { display: none }
.collapse.in { display: block }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility }
.dropdown-menu { position: absolute; left: 0; z-index: 1000; float: left; display: none; min-width: 160px; border-radius: 3px; margin: 0 0 0; padding: 5px; background-color: #fff; border: 1px solid #CBC9D3; background-clip: padding-box; -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, .175); box-shadow: 0 6px 20px rgba(0, 0, 0, .175); list-style: none; text-align: left; font-size: 14px; -webkit-background-clip: padding-box }
.dropdown-menu.pull-right { right: 0; left: auto }
.dropdown-menu .divider { overflow: hidden; margin: 5px 0; height: 1px; background-color: #EBE9EF }
.dropdown-menu li a { clear: both; display: block; padding: 5px 15px; white-space: nowrap; line-height: 1.5 }
.dropdown-menu li a:focus, .dropdown-menu li a:hover { background-color: #EBE9EF; c text-decoration: none }
.dropdown-menu .active a, .dropdown-menu .active a:focus, .dropdown-menu .active a:hover { outline: 0; background-color: rgb(46, 75, 184); color: #fff; text-decoration: none }
.dropdown-menu .disabled a, .dropdown-menu .disabled a:focus, .dropdown-menu .disabled a:hover { }
.dropdown-menu .disabled a:focus, .dropdown-menu .disabled a:hover { background-color: transparent; background-image: none; text-decoration: none; cursor: not-allowed; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) }
.open .dropdown-menu { display: block }
.open a { outline: 0 }
.dropdown-menu-right { right: 0; left: auto }
.dropdown-menu-left { right: auto; left: 0 }
.dropdown-menu-center { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.caret { display: inline-block; margin-left: 5px; width: 0; height: 0; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; vertical-align: middle }
.dropup .caret { content: ""; border-top: 0; border-bottom: 4px solid }
.dropdown, .dropup { position: relative }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px }
.dropdown { position: relative }
.dropdown-toggle:focus { outline: 0 }
.dropdown-toggle { display: block }
.dropdown-menu.arrow { }
.dropdown-menu.arrow-center:after { left: 50%; margin-left: -3px }
.dropdown-menu.arrow-center:before { left: 50%; margin-left: -4px }
.dropdown-menu.arrow-left:after { left: 10px }
.dropdown-menu.arrow-left:before { left: 9px }
.dropdown-menu.arrow-right:after { right: 10px }
.dropdown-menu.arrow-right:before { right: 9px }
.dropup .dropdown-menu { -webkit-box-shadow: 0 -6px 20px rgba(0, 0, 0, .175); box-shadow: 0 -6px 20px rgba(0, 0, 0, .175) }
.dropup .dropdown-menu.arrow:after { bottom: -5px; border-top: 5px solid #fff; border-bottom: 0; top: auto }
.dropup .dropdown-menu.arrow:before { bottom: -6px; border-top: 6px solid rgba(0, 0, 0, .1); border-bottom: 0; top: auto }
.dropdown-menu.arrow:after { border-bottom: 5px solid #fff; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); content: ''; display: inline-block; position: absolute; top: -5px }
.dropdown-menu.arrow:before { border-bottom: 5px solid rgba(0, 0, 0, .1); border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); content: ''; display: inline-block; position: absolute; top: -5px }
.user.dropdown-menu li { display: block; padding: 0 }
.dropdown { display: block }
.dropdown .dropdown-menu { border: 0; border-radius: 0; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .175); box-shadow: 0 5px 20px rgba(0, 0, 0, .175) }
.dropdown .dropdown-menu li a:hover { color: rgb(27, 46, 181) }
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 15px 15px 20px; font-size: 12px; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border-radius: 3px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2) }
.popover.top { margin-top: -10px }
.popover.right { margin-left: 10px }
.popover.bottom { margin-top: 10px }
.popover.left { margin-left: -10px }
.popover-title { margin-bottom: 5px; font-size: 14px }
.popover-content { }
.popover>.arrow, .popover>.arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid }
.popover>.arrow { border-width: 11px }
.popover>.arrow:after { content: ""; border-width: 10px }
.popover.top>.arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #ccc; border-top-color: rgba(0, 0, 0, .1); border-bottom-width: 0 }
.popover.top>.arrow:after { bottom: 1px; margin-left: -10px; content: ''; border-top-color: #fff; border-bottom-width: 0 }
.popover.right>.arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #ccc; border-right-color: rgba(0, 0, 0, .1); border-left-width: 0 }
.popover.right>.arrow:after { bottom: -10px; left: 1px; content: ''; border-right-color: #fff; border-left-width: 0 }
.popover.bottom>.arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #ccc; border-bottom-color: rgba(0, 0, 0, .1) }
.popover.bottom>.arrow:after { top: 1px; margin-left: -10px; content: ""; border-top-width: 0; border-bottom-color: #fff }
.popover.left>.arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #ccc; border-left-color: rgba(0, 0, 0, .1) }
.popover.left>.arrow:after { right: 1px; bottom: -10px; content: ""; border-right-width: 0; border-left-color: #fff }
.webui-popover-content { display: none }
.webui-popover-title { padding: 8px 14px; margin: 0; font-size: 14px; line-height: 18px; background-color: #fff; border-bottom: 1px solid #f2f2f2; border-radius: 5px 5px 0 0 }
.webui-popover-content p { font-size: 13px }
.webui-popover-rtl { direction: rtl; text-align: right }
.webui-popover { position: absolute; top: 0; left: 0; z-index: 9999; display: none; min-width: 50px; min-height: 32px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .1); border-radius: 3px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1); box-shadow: 0 5px 10px rgba(0, 0, 0, .1) }
.webui-popover.top, .webui-popover.top-left, .webui-popover.top-right { margin-top: -10px }
.webui-popover.right, .webui-popover.right-top, .webui-popover.right-bottom { margin-left: 10px }
.webui-popover.bottom, .webui-popover.bottom-left, .webui-popover.bottom-right { margin-top: 10px }
.webui-popover.left, .webui-popover.left-top, .webui-popover.left-bottom { margin-left: -10px }
.webui-popover.pop { -webkit-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5); -o-transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5); transition: transform .15s cubic-bezier(0.3, 0, 0, 1.5); opacity: 0; filter: alpha(opacity=0) }
.webui-popover.pop-out { -webkit-transition-property: "opacity, transform"; -o-transition-property: "opacity, transform"; transition-property: "opacity, transform"; -webkit-transition: .15s linear; -o-transition: .15s linear; transition: .15s linear; opacity: 0; filter: alpha(opacity=0) }
.webui-popover.fade, .webui-popover.fade-out { -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; opacity: 0; filter: alpha(opacity=0) }
.webui-popover.out { opacity: 0; filter: alpha(opacity=0) }
.webui-popover.in { -webkit-transform: none; -o-transform: none; transform: none; opacity: 1; filter: alpha(opacity=100) }
.webui-popover .webui-popover-content { padding: 5px 15px 15px; display: block; font-size: 13px; line-height: 1.5 }
.webui-popover .webui-popover-content>div:first-child { width: 99% }
.webui-popover-title { margin-bottom: 5px; font-size: 14px }
.webui-popover-inverse { background-color: #333; color: #eee }
.webui-popover-inverse .webui-popover-title { background: #333; border-bottom: 1px solid #3b3b3b; color: #eee }
.webui-no-padding .webui-popover-content { padding: 0 }
.webui-no-padding .list-group-item { border-right: none; border-left: none }
.webui-no-padding .list-group-item:first-child { border-top: 0 }
.webui-no-padding .list-group-item:last-child { border-bottom: 0 }
.webui-popover>.webui-arrow, .webui-popover>.webui-arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid }
.webui-popover>.webui-arrow { border-width: 11px }
.webui-popover>.webui-arrow:after { border-width: 10px; content: "" }
.webui-popover.top>.webui-arrow, .webui-popover.top-right>.webui-arrow, .webui-popover.top-left>.webui-arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #ccc; border-top-color: rgba(0, 0, 0, .1); border-bottom-width: 0 }
.webui-popover.top>.webui-arrow:after, .webui-popover.top-right>.webui-arrow:after, .webui-popover.top-left>.webui-arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0 }
.webui-popover.right>.webui-arrow, .webui-popover.right-top>.webui-arrow, .webui-popover.right-bottom>.webui-arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #ccc; border-right-color: rgba(0, 0, 0, .1) }
.webui-popover.right>.webui-arrow:after, .webui-popover.right-top>.webui-arrow:after, .webui-popover.right-bottom>.webui-arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff }
.webui-popover.bottom>.webui-arrow, .webui-popover.bottom-right>.webui-arrow, .webui-popover.bottom-left>.webui-arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #ccc; border-bottom-color: rgba(0, 0, 0, .1); border-top-width: 0 }
.webui-popover.bottom>.webui-arrow:after, .webui-popover.bottom-right>.webui-arrow:after, .webui-popover.bottom-left>.webui-arrow:after { content: " "; top: 1px; margin-left: -10px; border-bottom-color: #fff; border-top-width: 0 }
.webui-popover.left>.webui-arrow, .webui-popover.left-top>.webui-arrow, .webui-popover.left-bottom>.webui-arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #ccc; border-left-color: rgba(0, 0, 0, .1) }
.webui-popover.left>.webui-arrow:after, .webui-popover.left-top>.webui-arrow:after, .webui-popover.left-bottom>.webui-arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px }
.webui-popover-inverse.top>.webui-arrow, .webui-popover-inverse.top-left>.webui-arrow, .webui-popover-inverse.top-right>.webui-arrow, .webui-popover-inverse.top>.webui-arrow:after, .webui-popover-inverse.top-left>.webui-arrow:after, .webui-popover-inverse.top-right>.webui-arrow:after { border-top-color: #333 }
.webui-popover-inverse.right>.webui-arrow, .webui-popover-inverse.right-top>.webui-arrow, .webui-popover-inverse.right-bottom>.webui-arrow, .webui-popover-inverse.right>.webui-arrow:after, .webui-popover-inverse.right-top>.webui-arrow:after, .webui-popover-inverse.right-bottom>.webui-arrow:after { border-right-color: #333 }
.webui-popover-inverse.bottom>.webui-arrow, .webui-popover-inverse.bottom-left>.webui-arrow, .webui-popover-inverse.bottom-right>.webui-arrow, .webui-popover-inverse.bottom>.webui-arrow:after, .webui-popover-inverse.bottom-left>.webui-arrow:after, .webui-popover-inverse.bottom-right>.webui-arrow:after { border-bottom-color: #333 }
.webui-popover-inverse.left>.webui-arrow, .webui-popover-inverse.left-top>.webui-arrow, .webui-popover-inverse.left-bottom>.webui-arrow, .webui-popover-inverse.left>.webui-arrow:after, .webui-popover-inverse.left-top>.webui-arrow:after, .webui-popover-inverse.left-bottom>.webui-arrow:after { border-left-color: #333 }
.webui-popover-inverse .close { color: #fff }
.webui-popover i.icon-refresh:before { content: "" }
.webui-popover i.icon-refresh { display: block; width: 30px; height: 30px; font-size: 20px; top: 50%; left: 50%; position: absolute; margin-left: -15px; margin-right: -15px; background: url(../img/loading.gif) no-repeat }
@-webkit-keyframes rotate {
    100% { -webkit-transform: rotate(360deg) }
}
@keyframes rotate {
    100% { transform: rotate(360deg) }
}
.webui-popover-backdrop { background-color: rgba(0, 0, 0, .65); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9998 }
.webui-popover .dropdown-menu { display: block; position: relative; top: 0; border: none; box-shadow: none; float: none }
.tooltip { position: absolute; z-index: 5070; display: block; font-size: 12px; line-height: 1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0 }
.tooltip.in { filter: alpha(opacity=90); opacity: .9 }
.tooltip.top { padding: 5px 0; margin-top: -3px }
.tooltip.right { padding: 0 5px; margin-left: 3px }
.tooltip.bottom { padding: 5px 0; margin-top: 3px }
.tooltip.left { padding: 0 5px; margin-left: -3px }
.tooltip-inner { min-width: 80px; max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 }
.tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000 }
.tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-width: 5px 5px 0; border-top-color: #000 }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000 }
.tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000 }
.tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000 }
.modal-open { overflow: hidden }
.modal-open .nicescroll-rails.nicescroll-rails-vr { display: inline-block !important }
.fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear }
.fade.in { opacity: 1 }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1700; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; text-align: center }
.modal.fade .modal-dialog { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: .4s; transition: .4s }
.modal.in .modal-dialog { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1) }
.modal-open .modal { overflow-x: hidden; overflow-y: auto }
.modal-dialog { position: relative; width: auto }
.modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); text-align: left }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 }
.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0 }
.modal-backdrop.in { filter: alpha(opacity=50); opacity: .5 }
.modal-header { padding: 15px }
.modal-header-fixes .modal-body { padding: 20px 50px 50px }
.modal-body.padding { padding: 50px }
.modal-footer { }
.modal-footer .btn+.btn { margin-bottom: 0; margin-left: 5px }
.modal-footer .btn-group .btn+.btn { margin-left: -1px }
.modal-footer .btn-block+.btn-block { margin-left: 0 }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll }
.modal-dialog .close { position: absolute; top: 15px; right: 10px; z-index: 999; cursor: pointer; border: 0; background: transparent }
.modal-dialog .close:before { font-family: iconfont; content: "\e979"; font-size: 18px }
.modal.center-control { transform: translate(0, 0) }
.modal.center-control:before { content: ''; display: inline-block; height: 100%; vertical-align: middle }
.modal .modal-dialog, .modal:before { display: inline-block; vertical-align: middle }
.modal-dialog.modal-dialog-sm .modal-content { width: 360px }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1600; background-color: #000 }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1600; background-color: #000 }
.modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0 }
.modal-backdrop.in { filter: alpha(opacity=50); opacity: .5 }
.modal[data-backdrop="false"]:not(.modal-fill) .modal-content { border: 1px solid #f1f2f3; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.06); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.06) }
.modal-dialog.modal-dialog-xlg .modal-content { width: 1200px }
.modal-dialog.modal-dialog-lg .modal-content { width: 800px }
.modal-dialog.modal-dialog-md .modal-content { width: 600px }
.modal-dialog.modal-dialog-sm .modal-content { width: 460px }
.modal-dialog .modal-header { border-bottom: 1px solid #CBC9D3; font-weight: bold }
.modal-side .modal-content { position: fixed; width: 100%; height: 100% }
.modal-side .modal-header { border-bottom: none }
.modal-side .modal-footer { position: absolute; bottom: 0; width: 100% }
.modal-side .modal-footer .btn-wrap, .modal-dialog-sm .modal-footer .btn-wrap, .modal-dialog-md .modal-footer .btn-wrap, .modal-dialog-lg .modal-footer .btn-wrap, .modal-dialog-xlg .modal-footer .btn-wrap { width: 100%; display: table }
.modal-side .modal-footer .button, .modal-side .modal-footer .btn, .modal-dialog-sm .modal-footer .btn, .modal-dialog-md .modal-footer .btn, .modal-dialog-lg .modal-footer .btn, .modal-dialog-xlg .modal-footer .btn { display: table-cell; width: 50%; border: 0; margin: 0; padding: 10px; border-radius: 0 }
.modal-side .modal-body { position: absolute; padding: 0 30px 30px; overflow-y: auto; top: 40px; bottom: 41px; width: 100% }
.modal-side { opacity: 1 }
.modal-left.in .modal-dialog { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important }
.modal-left .modal-dialog { position: absolute; top: 0; left: 0; bottom: 0; width: 300px; max-width: 100%; margin: 0; -webkit-transform: translate(-100%, 0) !important; transform: translate(-100%, 0) !important; -webkit-transition: .5s; transition: .5s }
.modal-side .modal-content { height: 100% }
.modal-right.in .modal-dialog { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important }
.modal-right .modal-dialog { position: absolute; top: 0; right: 0; bottom: 0; width: 300px; max-width: 100%; margin: 0; -webkit-transform: translate(100%, 0) !important; transform: translate(100%, 0) !important; -webkit-transition: .5s; transition: .5s }
.modal-fill { background: #fff; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: .4s; transition: .4s }
.modal-fill.in { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: .4s; transition: .4s }
.modal-fill .modal-dialog { width: 100%; height: 100%; margin: 0 }
.modal-fill .modal-content { position: fixed; width: 100%; height: 100% }
.modal-fill .modal-body { position: absolute; padding: 0 30px 30px; overflow-y: auto; top: 40px; bottom: 41px; width: 100% }
.modal-fill .modal-header { border-bottom: none }
.modal-fill .modal-footer { position: absolute; bottom: 0; width: 100%; padding: 5px 30px }
.progress.circular, .progress.circular .progress-bar { border-radius: 50px }
.progress { position: relative; min-height: 5px; border-radius: 3px; background-color: #EBE9EF; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease }
.progress.border { border: 1px solid rgb(46, 75, 184) }
.progress-bar { position: relative; margin: 0; width: 0; height: 100%; min-height: 5px; border-radius: 3px; background-color: rgb(46, 75, 184); color: #fff; text-align: center; font-size: 12px }
.progress-bar em { display: inline-block; height: 100%; font-style: normal; line-height: inherit }
.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 1rem 1rem }
.progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite }
@-webkit-keyframes progress-bar-stripes {
    from { background-position: 1rem 0 }
    to { background-position: 0 0 }
}
@keyframes progress-bar-stripes {
    from { background-position: 1rem 0 }
    to { background-position: 0 0 }
}
.breadcrumb { margin: 0; line-height: 40px; list-style: none; font-size: 16px; color: #858293 }
.breadcrumb li { display: inline-block }
.breadcrumb li+li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; opacity: .5 }
.breadcrumb .active { color: #2EB8AB }
.breadcrumb a:hover { color: #2EB8AB }
.breadcrumb .labels { margin: 0 0 0 20px }
.loader-container { position: relative; text-align: center }
.loader-container p { padding: 40px 0 0 7px }
.loader { position: absolute; left: 50%; z-index: 100; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0) }
.loader:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 500rem; border: 3px solid rgba(0, 0, 0, .1) }
.loader:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; -webkit-animation: loader .6s linear; animation: loader .6s linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; border-radius: 500rem; border-color: #858293 transparent transparent; border-style: solid; border-width: 3px; box-shadow: 0 0 0 1px transparent }
@-webkit-keyframes loader {
    from { -webkit-transform: rotate(0); transform: rotate(0) }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
@keyframes loader {
    from { -webkit-transform: rotate(0); transform: rotate(0) }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}
.loader { display: inline-block; width: 28px }
.loader:after, .loader:before { width: 28px; height: 28px }
.xs.loader:after, .xs.loader:before { width: 1rem; height: 1rem; margin: 0 0 0 -.5rem }
.sm.loader:after, .sm.loader:before { width: 1.14285714rem; height: 1.14285714rem; margin: 0 0 0 -.57142857rem }
.md.loader:after, .ms.loader:before { width: 1.71428571rem; height: 1.71428571rem; margin: 0 0 0 -.85714286rem }
.lg.loader:after, .lg.loader:before { width: 3.42857143rem; height: 3.42857143rem; margin: 0 0 0 -1.71428571rem }
.inverse.loader { color: rgba(0, 0, 0, .87) }
.inverse.loader:before { border-color: rgba(0, 0, 0, .1) }
.inverse.loader:after { border-color: #767676 transparent transparent }
.col { }
.col-1-3 { width: 33.33% }
.col-2-3 { width: 66.66% }
.col-1-2 { width: 50% }
.col-1-4 { width: 25% }
.col-3-4 { width: 75% }
.col-1-5 { width: 20% }
.col-1-8 { width: 12.5% }
.autogrid { display: table; table-layout: fixed; width: 100% }
.col { width: auto; display: table-cell; vertical-align: top }
.justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important }
.justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important }
.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important }
.justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important }
.justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important }
.align-items-start { -ms-flex-align: start !important; align-items: flex-start !important }
.align-items-end { -ms-flex-align: end !important; align-items: flex-end !important }
.align-items-center { -ms-flex-align: center !important; align-items: center !important }
.align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important }
.align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important }
.align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important }
.align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important }
.align-content-center { -ms-flex-line-pack: center !important; align-content: center !important }
.align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important }
.align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important }
.align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important }
.align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important }
.align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important }
.align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important }
.align-self-center { -ms-flex-item-align: center !important; align-self: center !important }
.align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important }
.align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important }
.text-link-left-margin {margin-left: 10px}
.up-modal-popover {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.up-modal-content-wrapper {
    z-index: 10000000;
    position: absolute;
    width: 320px;
    bottom: 100%;
    left: 50%;
    background-color: #eae0e0;
    padding: 10px;
    font-size: 14px;
}
.download-switch-radio{margin-right: 6px;height: 32px;}
.knowledge-box{ position: relative;}
.btn-magnify { position: absolute; top: -10px; right: 0; font-size: 14px; color: #275073; cursor: pointer;}
.modal-btn { text-align: center;padding: 10px; }
.map-block:hover { fill: #ff0000 }
.ql-container.ql-snow { border: 1px solid rgba(39, 80, 115, .4) !important;}