html { font-size: 20px }
@media only screen and (min-width:400px) {
	html { font-size: 21.33333333px !important }
}
@media only screen and (min-width:414px) {
	html { font-size: 22.08px !important }
}
@media only screen and (min-width:480px) {
	html { font-size: 25.6px !important }
}
html { height: 100%; box-sizing: border-box; font-family: sans-serif; -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%; margin: 0; background: #F8F9FA; font-family: "Microsoft Yahei", "Helvetica Neue", "Lantinghei SC", "Hiragino Sans GB", Arial, sans-serif; font-size: .7rem; font-weight: normal; color: rgba(0, 0, 0, .87) }
[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: rgba(0, 0, 0, .87); text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects }
a:hover { color: #09a7b5; text-decoration: none }
a:focus { outline: 0 }
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: 3rem }
h2, .h2 { font-size: 2rem }
h3, .h3 { font-size: 1.2rem }
h4, .h4 { font-size: .9rem }
h5, .h5 { font-size: .8rem }
h6, .h6 { font-size: .7rem }
.font-xs { font-size: .6rem }
.font-sm { font-size: .5rem }
.font-md { font-size: .7rem }
.font-lg { font-size: .8rem }
.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 }
.pd-0 { padding: 0 !important }
.mr-0 { margin: 0 !important }
.bg-primary { background: #40D2C5 !important }
.bg-white { background: #fff !important }
.offset-xs { margin-left: 2px !important }
.offset-sm { margin-left: 5px !important }
.offset-md { margin-left: 10px !important }
.offset-lg { margin-left: 15px !important }
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 #09a7b5; 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: #EBE9EF }
.divider.solid { border-bottom-style: solid }
.divider.dashed { border-bottom-style: dashed }
.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 !09a7b5 }
.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 { bottom: 0 }
.relative { position: relative }
.font-bold, b { font-weight: 600 }
.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 !important }
.text-muted { color: #CBC9D3 !important }
.text-primary { color: #09a7b5 !important }
.text-secondary { color: #858293 !important }
.text-warning { color: #FAC511 !important }
.text-danger { color: #E95A5A !important }
.text-success { color: #3BDE86 !important }
.text-info { color: #3C96EA }
.text-purple { color: #768AEE }
.text-white { color: #fff }
.text-xs-control { display: inline-block; width: 80px !important }
.text-sm-control { display: inline-block; width: 120px !important }
.text-md-control { display: inline-block; width: 160px !important }
.text-lg-control { display: inline-block; width: 400px !important }
.pointer { cursor: pointer }
.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 }
.inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important }
.close { display: inline-block; position: absolute; right: 10px; top: 10px }
.close:before { font-size: .8rem; font-family: iconfont; content: "\e667"; opacity: .5 }
.close:hover { opacity: 1 }
.close:hover:before { color: #09a7b5 }
.close:focus { outline: 0 }
.close.close-sm:before { font-size: .8rem }
.close.close-lg:before { font-size: 1rem }
.close-circle-sm { width: 14px; height: 14px; background-color: #CBC9D3 !important; border-radius: 8px; line-height: 14px; text-align: center; color: rgba(0, 0, 0, .54) }
.close-circle-sm:hover { background-color: rgba(0, 0, 0, .87);  !important }
.close-circle-sm.close:before { font-size: .7rem !important; content: "\e667" !important }
.close-circle-sm:hover:before { color: #fff !important }
.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 !important }
.pd-md { padding: 30px !important }
.pd-lg { padding: 50px !important }
.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 }
.h-full { height: 100% }
.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 }
.group-span-row>span { padding: 5px }
.group-span-row { margin: 0 -5px }
[class*=group-span]>span, [class^=group-span]>span { display: inline-block; white-space: nowrap; vertical-align: middle }
.truncation { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.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: 100% }
.has-top.page { padding-top: 44px }
.row { margin-right: -15px; margin-left: -15px }
.no-gutters { margin-right: 0; margin-left: 0 }
.no-gutters [class*="col-"] .item { padding-right: 0; padding-left: 0 }
.searchbar { padding: 15px; overflow: hidden; -webkit-box-align: center; -webkit-align-items: center; align-items: center; background: #ddd }
.searchbar .searchbar-cancel { margin-right: -3rem; width: 2.2rem; float: right; height: 1.4rem; line-height: 1.4rem; text-align: center; -webkit-transition: all .3s; transition: all .3s; opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.searchbar .search-input { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); margin-right: 0; -webkit-transition: all .3s; transition: all .3s }
.searchbar .search-input input { margin: 0; height: 1.8rem }
.searchbar.searchbar-active .searchbar-cancel { margin-right: 0; opacity: 1; color: #09a7b5; line-height: 1.8rem }
.searchbar.searchbar-active .searchbar-cancel+.search-input { margin-right: 2.5rem }
.search-input { position: relative }
.search-input input { box-sizing: border-box; width: 100%; height: 1.4rem; display: block; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; font-family: inherit; color: #3d4145; font-size: 0.7rem; font-weight: normal; padding: 0 0.5rem 0 1.3rem; background-color: #fff; border: 1px solid #b4b4b4 }
.search-input input::-webkit-input-placeholder { color: #ccc; opacity: 1 }
.search-input .icon { position: absolute; font-size: 0.9rem; color: #b4b4b4; top: 50%; left: 0.3rem; -webkit-transform: translate3D(0, -50%, 0); transform: translate3D(0, -50%, 0) }
.search-input label+input { padding-left: 1.4rem }
.bar .searchbar { margin: 0 -0.5rem; padding: 0.4rem 0.5rem; background: rgba(0, 0, 0, 0.1) }
.bar .searchbar .search-input input { border: 0 }
.bar .searchbar .searchbar-cancel { color: #5f646e }
.btn { border: 1px solid #40D2C5; color: #09a7b5; background: #fff; text-decoration: none; text-align: center; display: block; width: 100%; border-radius: 3px; line-height: 34px; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding: 0 8px; margin: 0; height: 36px; white-space: nowrap; position: relative; text-overflow: ellipsis; font-size: 0.75rem; font-family: inherit; cursor: pointer }
input[type="submit"].btn, input[type="button"].btn { width: 100% }
.btn-primary { background: #40D2C5; color: #fff }
.btn.btn-round { border-radius: 1.25rem }
.btn.active, .btn.active:active { color: #09a7b5; border-color: #09a7b5 }
.btn.btn-sm { font-size: 0.60rem; height: 24px; line-height: 20px }
.btn.btn-md { font-size: 0.65rem; height: 1.8rem; line-height: 1.6rem }
.btn.btn-big { font-size: 0.85rem; height: 2.4rem; line-height: 2rem }
.btn.btn-inline { display: inline-block; width: auto }
.btn .btn-link { padding-top: 0.3rem; padding-bottom: 0.3rem; color: #0894ec; background-color: transparent; border: 0 }
.btn i.icon:first-child { margin-right: 0.5rem }
.btn i.icon:last-child { margin-left: 0.5rem }
.btn i.icon:first-child:last-child { margin-left: 0; margin-right: 0 }
.btn-light { border-color: #fff; color: #09a7b5; background-color: #fff }
.btn-light:active { border-color: #fff; color: #09a7b5 }
.btn-light.btn-fill:active { }
.btn-dark { border-color: #6e727b; color: #6e727b; color: #5f646e }
.btn-dark:active { border-color: #0a8ddf; color: #0a8ddf }
.btn-dark.btn-fill { color: white; background-color: #6e727b }
.btn-dark.btn-fill:active { background-color: #0a8ddf }
.btn-success { border-color: #4cd964; color: #4cd964 }
.btn-success:active { border-color: #2ac845; color: #2ac845 }
.btn-success.btn-fill { color: white; background-color: #4cd964 }
.btn-success.btn-fill:active { background-color: #2ac845 }
.btn-danger { border-color: #f6383a; color: #f6383a }
.btn-danger:active { border-color: #f00b0d; color: #f00b0d }
.btn-danger.btn-fill { color: white; background-color: #f6383a }
.btn-danger.btn-fill:active { background-color: #f00b0d }
.btn-warning { border-color: #f60; color: #f60 }
.btn-warning:active { border-color: #cc5200; color: #cc5200 }
.btn-warning.btn-fill { color: white; background-color: #f60 }
.btn-warning.btn-fill:active { background-color: #cc5200 }
.btn.disabled, .btn.btn-primary.disabled, .btn.btn-success.disabled, .btn.btn-danger.disabled, .btn.btn-warning.disabled { border-color: #c8c9cb; background: #c8c9cb; color: #fff; cursor: not-allowed }
.btn.disabled:active, .btn.btn-primary.disabled:active, .btn.btn-success.disabled:active, .btn.btn-danger.disabled:active, .btn.btn-warning.disabled:active { border-color: #c8c9cb; color: #fff }
.btn.disabled.btn-fill, .btn.btn-primary.disabled.btn-fill, .btn.btn-success.disabled.btn-fill, .btn.btn-danger.disabled.btn-fill, .btn.btn-warning.disabled.btn-fill { color: white; background-color: #c8c9cb }
.btn.disabled.btn-fill:active, .btn.btn-primary.disabled.btn-fill:active, .btn.btn-success.disabled.btn-fill:active, .btn.btn-danger.disabled.btn-fill:active, .btn.btn-warning.disabled.btn-fill:active { background-color: #c8c9cb }
.btns-row, .btns-tab { -webkit-align-self: center; align-self: center; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-lines: single; -moz-box-lines: single; -webkit-flex-wrap: nowrap; flex-wrap: nowrap }
.btns-row .btn { border-radius: 0 0 0 0; margin-left: -1px; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; border-color: #0894ec; color: #0894ec }
.btns-row .btn.active { background-color: #0894ec; color: white; z-index: 90 }
.btns-row .btn:first-child { border-radius: 0.25rem 0 0 0.25rem; margin-left: 0; border-left-width: 1px; border-left-style: solid }
.btns-row .btn:last-child { border-radius: 0 0.25rem 0.25rem 0 }
.btns-row .btn.btn-round:first-child { border-radius: 1.35rem 0 0 1.35rem }
.btns-row .btn.btn-round:last-child { border-radius: 0 1.35rem 1.35rem 0 }
.btns-tab { background: white; position: relative }
.btns-tab:after { content: ''; position: absolute; left: 0; bottom: 0; right: auto; top: auto; height: 1px; width: 100%; background-color: #d0d0d0; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100% }
.btn-o-primary { border: 1px solid #09a7b5; padding: 0 10px; height: 30px; line-height: 30px; background: #fff; color: #09a7b5; text-decoration: none; text-align: center; display: block; width: 100%; border-radius: 3px }
.btn-o-primary:hover { background: #09a7b5; color: #fff }
.btn-w60 { width: 60px }
@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.btns-tab:after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5) }
}
@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.btns-tab:after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33) }
}
.btns-tab .button { color: #5f646e; font-size: 0.8rem; width: 100%; height: 2rem; line-height: 2rem; -webkit-box-flex: 1; -ms-flex: 1; border: 0; border-bottom: 2px solid transparent; border-radius: 0 }
.btns-tab .button.active { color: #0894ec; border-color: #0894ec; z-index: 100 }
.btns-fixed { position: fixed; z-index: 99; width: 100% }
.fade { opacity: .5; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear }
.fade.in { opacity: 1 }
.label { display: inline-block; background: #EBE9EF; padding: 4px 10px 5px; border-radius: 3px; color: #444; font-size: .6rem }
.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: #5ed4e1 }
.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 #40D2C5; color: #40D2C5 }
.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: .7rem }
.labels.labels-text { margin: 0 -12px }
.labels.labels-text .label { color: #444; font-size: .7rem; padding: 0 10px; background: transparent; line-height: 1.5; cursor: pointer }
.labels.circular .label { border-radius: 32px }
.labels.circular { }
.label-o-primary.active { background: #40D2C5 !important; color: #fff !important }
.blockbar .labels .label { line-height: 1 }
.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 #CBC9D3; 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: .6rem; height: 16px; left: 0; margin-left: -11px; position: absolute; width: 16px; line-height: 16px }
.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: "\e68c"; 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(9, 167, 181); border-color: rgb(9, 167, 181);}
.checkbox-primary input[type=checkbox]:checked+label::after { color: #fff }
.switch { width: 40px; height: 24px; 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: 22px; height: 22px; 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: #09a7b5; box-shadow: #09a7b5 0 0 0 16px inset; background-color: #09a7b5; box-shadow: #09a7b5 0 0 0 16px inset; background-color: #09a7b5; transition: border ease 0.4s, box-shadow ease 0.4s, background-color ease 1.2s; }
.switch:checked:before { left: 21px; transition: left 0.3s; }
.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 { background-color: #fff; background-image: none }
.btn-group .btn.active, .btn-group .btn.btn-text.active { color: #fff; background-color: #09a7b5; border-color: #09a7b5 }
.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: .7rem; line-height: 1.5 }
.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1700; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0;    background-color: rgba(158, 158, 158, 0.76); }

/*.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1700; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0 }*/
.modal-dialog { position: relative; width: 100%; padding: 20px }
.modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 6px; overflow: hidden }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 }
.modal-backdrop.fade { opacity: 0 }
.modal-backdrop.in { opacity: .5 }
.modal-header { padding: 15px }
.modal-footer { display: flex; position: relative }
.modal-footer:before { content: ''; position: absolute; left: 0; right: auto; top: 0; height: 1px; width: 100%; background-color: #ededed; display: block; z-index: 15; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100% }
.modal-footer button { width: 50%; justify-content: space-between; align-items: center; border: 0; background: transparent }
.modal-footer button:focus { outline: 0 }
.modal-footer button:hover { background: #eee; color: #333 }
.modal-footer button+button:hover { background: #2EB8AB; color: #fff }
.modal-footer button+button { background: #09a7b5; color: #fff }
.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-close { position: fixed; bottom: 20px; left: 50%; margin-left: -30px; width: 60px; height: 60px; background: transparent; border-radius: 60px; z-index: 999; cursor: pointer }
.modal-close:before { font-family: iconfont; content: "\e667"; font-size: 1rem }
.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-popup.fade .modal-dialog { opacity: 0; -webkit-transform: translate3d(0, -50%, 0) scale(1.185); transform: translate3d(0, -50%, 0) scale(1.185); -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity }
.modal-popup.in .modal-dialog { padding: 20px; width: 100%; min-height: 80px; position: absolute; top: 50%; opacity: 1; -webkit-transition-duration: 400ms; transition-duration: 400ms; -webkit-transform: translate3d(0, -55%, 0) scale(1); transform: translate3d(0, -55%, 0) scale(1) }
.modal-popup .modal-content { width: 100%; border-radius: 6px }
.modal-popup .modal-content .modal-body { padding: 20px }
.modal-fill .modal-dialog { position: absolute; top: 0; left: 0; bottom: 0; padding: 0; width: 100%; height: 100%; background: #fff }
.modal-fill .modal-header { padding: 10px 20px; background: #fff; border-bottom: 1px solid #eee }
.modal-fill .modal-content { width: 100%; height: 100%; border-radius: 0; box-shadow: none }
.modal-fill .modal-body { position: relative; height: 100%; padding: 20px 20px 80px; overflow: auto }
.modal-fill .modal-close { position: fixed; top: 5px; right: 10px; left: auto; width: 40px; height: 40px; border: 0; border-radius: 0; z-index: 999; cursor: pointer }
.modal-fill .modal-close:before { font-family: iconfont; content: "\e667"; font-size: 1.5rem }
.animation.movetoleft.in .modal-dialog { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important }
.animation.movetoleft .modal-dialog { -webkit-transform: translate(100%, 0) !important; transform: translate(100%, 0) !important; -webkit-transition: .5s; transition: .5s }
.animation.movetoleft .modal-dialog.width-fixed { left: auto; right: 0 }
.animation.movetobottom.in .modal-dialog { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important }
.animation.movetobottom .modal-dialog { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: translate(0, 100%) !important; transform: translate(0, 100%) !important; -webkit-transition: .5s; transition: .5s }
.animation.movetobottom .modal-dialog.height-fixed { top: auto }
.animation.movetobottom .modal-dialog.height-fixed .modal-content { border-top-left-radius: 6px; border-top-right-radius: 6px }
.tabs.tabs-fixed { position: absolute; width: 100%; top: 0 }
.tabs.tabs-justify li { display: table-cell; width: 1%; float: none; font-size: 0.75rem }
.tabs, .tabs-pills { position: relative; background: #fff; clear: both; margin: 0; padding: 0; height: 44px; list-style: none; margin-bottom: 8px }
.tabs li, .tabs-pills li { position: relative; float: left; display: inline-block; color: #666; list-style: none; text-align: center; line-height: 44px }
.tabs.tabs-md { height: 50px; font-size: .7rem }
.tabs.tabs-md li { line-height: 50px }
.tabs-btn { display: flex; align-items: center }
.tabs-btn li a { }
.tabs-btn li { display: inline-block; padding: 0 15px; background: #fff; border: 1px solid #2EB8AB; color: #40D2C5; margin-left: -1px; font-size: .6rem; line-height: 2.4 }
.tabs-btn li.active { background: #40D2C5; color: #fff }
.tabs-btn li.active a { color: #fff }
.tabs-btn li:first-child { border-top-left-radius: 100px; border-bottom-left-radius: 100px }
.tabs-btn li:last-child { border-top-right-radius: 100px; border-bottom-right-radius: 100px }
.tabs li { display: inline-block; vertical-align: top }
.tabs li a { display: block; position: relative; width: 100% }
.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: 0; background: #09a7b5; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0) }
.tabs.tabs-md li a:after { bottom: 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: #09a7b5 }
.tab-pane { display: none; visibility: hidden }
.tab-pane.active { display: block; visibility: visible }
.tab-content { clear: both; min-height: 160px; padding: 0 }
.tab-content p { color: #1F1B2E; font-size: .65rem }
.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-header { position: relative; height: 42px; line-height: 42px; padding: 0 15px; background: #FDFDFD; font-size: .75rem }
.accordion-header a { position: relative; z-index: 1; display: block }
.accordion-header.i-chevron.active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.accordion-header.i-chevron:after { position: absolute; z-index: 0; right: 15px; top: 1px; content: '\e62e'; font-family: iconfont; color: #56535E; font-size: 16px }
.accordion-header:hover a, .accordion-header[class*="i-"]:hover:after, .accordion-header.active a, .accordion-header[class*="i-"].active:after { color: #09a7b5 }
.accordion-header.i-arrow:hover:after, .accordion-header[class*="i-"].active:after { border-left-color: #09a7b5 }
.accordion .collapse { }
.accordion.bordered .accordion-content { padding: 0 15px 15px }
.accordion-content { padding: 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 }
.panel { background-color: #fff; border: 1px solid #09a7b5; border-radius: 3px; margin-bottom: 10px }
.pagination { display: inline-block; padding-left: 0; font-size: .6rem; list-style: none; margin: 10px }
.pagination li a { border-radius: 3px; font-size: .8rem }
.pagination li { float: left; padding: 0 5px; vertical-align: middle }
.pagination li a, .pagination li em { display: block; position: relative; text-align: center; min-width: 36px; height: 36px; border: 1px solid #CBC9D3; background-color: #F8F9FA; text-decoration: none; line-height: 36px; font-size: 0.75rem }
.pagination li a:focus, .pagination li a:hover { z-index: 10; border-color: #2979FF; color: #2979FF; background: #fff }
.pagination .active a, .pagination .active a:hover { z-index: 2; border-color: #09a7b5; background-color: #09a7b5; color: #fff; 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 { vertical-align: middle }
.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: #2979FF }
.pagination li em { padding: 0; -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: .5rem; font-size-adjust: none; text-align: center }
.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: #09a7b5 }
.badge-info { background-color: #2979FF }
.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 #09a7b5; color: #09a7b5 }
.badge-o-info { border: 1px solid #2979FF; color: #2979FF }
.badge-o-purple { border: 1px solid #768AEE; color: #768AEE }
.badge-o-gray { border: 1px solid #CBC9D3; color: #CBC9D3 }
.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-xs { width: 40px; height: 40px; font-size: 1rem; line-height: 40px }
.avatar.avatar-sm { width: 60px; height: 60px; font-size: 1.5rem; line-height: 60px }
.avatar.avatar-md { width: 80px; height: 80px; font-size: 2rem; line-height: 80px }
.avatar.avatar-lg { width: 100px; height: 100px; font-size: 3rem; line-height: 100px }
.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;align-items: center; }
.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 }