/* sup-shell.css - 应用外壳结构层（设计系统组成部分）
   源：原 assets/user/css/app.css，经蒸馏（剔除全站永不命中的规则）后并入 assets/sup-ui/。
   蒸馏时间：20261017-030550 */
html{background-color: var(--s-bg);}
body{font-family: Microsoft YaHei, 微软雅黑, Arial;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	line-height: 1.42857143;
	color: var(--s-text-2);
	background-color: transparent;}
*:focus{outline: 0 !important;}
.h1, .h2, .h3, .h4, .h5, .h6{margin: 0;}
a{color: var(--s-text);
  text-decoration: none;
  cursor: pointer;}
a:hover, a:focus{color: var(--s-text);
  text-decoration: none;}
label{font-weight: normal;}
small, .small{font-size: 13px;}
.badge, .label{font-weight: bold;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.badge.bg-light, .label.bg-light{text-shadow: none;}
.badge{background-color: var(--s-line);}
.badge.up{position: relative;
  top: -10px;
  padding: 3px 6px;
  margin-left: -10px;}
blockquote{border-color: var(--s-line);}
.thumbnail{border-color: var(--s-line);}
.progress{background-color: var(--s-surface-2);}
.progress, .progress-bar{-webkit-box-shadow: none;
          box-shadow: none;}
.progress-bar-info{background-color: var(--s-accent);}
.progress-bar-success{background-color: var(--s-accent);}
.progress-bar-warning{background-color: var(--s-warning);}
.progress-bar-danger{background-color: var(--s-danger);}
.alert{font-size: 13px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);}
.alert .close i{display: block;
  font-size: 12px;
  font-weight: normal;}
.form-control{border-color: var(--s-line);
  border-radius: 2px;}
.form-control, .form-control:focus{-webkit-box-shadow: none;
          box-shadow: none;}
.form-control:focus{border-color: var(--s-accent);}
.form-horizontal .control-label.text-left{text-align: left;}
.input-lg{height: 45px;}
.input-group-addon{background-color: var(--s-surface-2);
  border-color: var(--s-line);}
.list-group{border-radius: 2px;}
.list-group-item{padding-right: 15px;
  border-color: var(--s-line);}
a.list-group-item:hover, a.list-group-item:focus, a.list-group-item.hover{background-color: var(--s-surface-2);}
.list-group-item.media{margin-top: 0;}
.list-group-item.active{color: var(--s-fill-t);
  background:var(--s-accent-fill) !important;
  border-color: var(--s-accent) !important;}
.list-group-item.active .text-muted{color:var(--s-accent-ink) !important;}
.list-group-item.active a{color: var(--s-fill-t);}
.list-group-item.focus{background-color: var(--s-sunken) !important;}
.list-group-item.select{position: relative;
  z-index: 1;
  background-color: var(--s-info-bg) !important;
  border-color: var(--s-accent);}
.list-group-item > .badge{margin-right: 0;}
.list-group-item > .fa-chevron-right{float: right;
  margin-top: 4px;
  margin-right: -5px;}
.list-group-item > .fa-chevron-right + .badge{margin-right: 5px;}
.nav-pills > li.active > a{color: var(--s-fill-t) !important;
  background:var(--s-accent-fill);}
.nav-pills > li.active > a:hover, .nav-pills > li.active > a:active{background-color: var(--s-accent);}
.nav > li > a:hover, .nav > li > a:focus{background-color: var(--s-surface-2);}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color: var(--s-surface-2);}
.nav-tabs{border-color: var(--s-line);}
.nav-tabs > li > a{border-bottom-color: var(--s-line);
  border-radius: 2px 2px 0 0;}
.nav-tabs > li:hover > a, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover{border-color: var(--s-line);}
.nav-tabs > li.active > a{border-bottom-color: var(--s-surface) !important;}
.pagination > li > a{border-color: var(--s-line);}
.pagination > li > a:hover, .pagination > li > a:focus{background-color: var(--s-surface-2);
  border-color: var(--s-line);}
.panel{border-radius: 2px;}
.panel .list-group-item{border-color: var(--s-surface-2);}
.panel-heading{font-size: 15px;
  border-radius: 2px 2px 0 0;}
.panel-default .panel-heading{background-color: var(--s-surface-2);}
.panel-heading .nav{margin: -10px -15px;}
.panel-heading .list-group{background: transparent;}
.panel-footer{background-color: var(--s-surface);
  border-color: var(--s-surface-2);
  border-radius: 0 0 2px 2px;}
.panel-default{border-color: var(--s-line);}
.panel-default > .panel-heading, .panel-default > .panel-footer{border-color: var(--s-surface-2);}
.panel-group .panel-heading + .panel-collapse .panel-body{border-top: 1px solid var(--s-line);}
.table > tbody > tr > td, .table > tfoot > tr > td{padding: 8px 8px;
  border-top: 1px solid var(--s-line-2);}
.table > thead > tr > th{padding: 8px 8px;
  border-bottom: 1px solid var(--s-line-2);}
.table-bordered{border-color: var(--s-line-2);}
.table-bordered > tbody > tr > td{border-color: var(--s-line-2);}
.table-bordered > thead > tr > th{border-color: var(--s-line-2);}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th{background-color: var(--s-surface-2);}
.table-striped > thead > th{background-color: var(--s-surface-2);
  border-right: 1px solid var(--s-line-2);}
.table-striped > thead > th:last-child{border-right: none;}
.well, pre{background-color: var(--s-surface-2);
  border-color: var(--s-line);}
.dropdown-menu{border: 1px solid var(--s-line);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);}
.dropdown-menu.pull-left{left: 100%;}
.dropdown-menu > .panel{margin: -5px 0;
  border: none;}
.dropdown-menu > li > a{padding: 5px 15px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{color: var(--s-text);
  background-color: var(--s-surface-2) !important;
  background-image: none;
  filter: none;}
.dropdown-header{padding: 5px 15px;}
.btn-group > .btn{margin-left: -1px;}
.modal-backdrop{background-color: rgba(0, 0, 0, .075);}
.modal-backdrop.in{opacity: 0.8;
  filter: alpha(opacity=80);}
html, body{width: 100%;
  height: 100%;}
body{overflow-x: hidden;}
.app{position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;}
.app:before{position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  display: block;
  width: inherit;
  background-color: var(--s-bg);
  border: inherit;
  content: "";}
.app-header-fixed{padding-top: 50px;}
.app-header-fixed .app-header{position: fixed;
  top: 0;
  width: 100%;}
.app-header{z-index: 1025;
  border-radius: 0;}
.app-aside{float: left;}
.app-aside:before{position: absolute;
  top: 0;
  bottom: 0;
  z-index: -1;
  width: inherit;
  background-color: inherit;
  border: inherit;
  content: "";}
.app-content{height: 100%;}
.app-content:before, .app-content:after{display: table;
  content: " ";}
.app-content:after{clear: both;}
.app-content-body{float: left;
  width: 100%;}
.navbar{margin: 0;
  border-width: 0;
  border-radius: 0;}
.navbar-header > button{padding: 10px 17px;
  font-size: 16px;
  line-height: 30px;
  text-decoration: none;
  background-color: transparent;
  border: none;}
.navbar-brand{display: inline-block;
  float: none;
  height: auto;
  padding: 0 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 50px;
  text-align: center;}
.navbar-brand:hover{text-decoration: none;}
.navbar-brand img{max-height: 20px;
  margin-top: -4px;
  vertical-align: middle;}
@media (min-width: 768px){.app-aside, .navbar-header{width: 200px;}
.navbar-collapse, .app-content{margin-left: 200px;}
.app-aside-fixed .app-header .navbar-header{position: fixed;}
.app-aside-fixed .aside-wrap{position: fixed;
    top: 50px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 200px;
    overflow: hidden;}
.app-aside-fixed .aside-wrap .navi-wrap{position: relative;
    width: 217px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;}
.app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar{-webkit-appearance: none;}
.app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar:vertical{width: 17px;}
.col.show{display: table-cell !important;}}
@media (max-width: 767px){.app-aside{float: none;}
.navbar-nav{margin-top: 0;
    margin-bottom: 0;}
.navbar-nav > li > a{box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);}
.navbar-nav > li > a .up{top: 0;}
.navbar-nav > li > a .avatar{width: 30px;
    margin-top: -5px;}
.navbar-nav .open .dropdown-menu{background-color: var(--s-surface);}
.navbar-form{margin-top: 0 !important;
    margin-bottom: 0 !important;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);}
.navbar-form .form-group{margin-bottom: 0;}}
html{background-attachment: fixed;
  background-size: cover;}
.app.container{padding-right: 0;
  padding-left: 0;}
@media (min-width: 768px){.app.container{width: 750px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);}
.app.container .app-aside{overflow-x: hidden;}
.app.container.app-aside-fixed .aside-wrap{left: inherit;}
.app.container .app-header, .app.container .app-aside{max-width: 750px;}}
@media (min-width: 992px){.app.container{width: 970px;}
.app.container .app-header, .app.container .app-aside{max-width: 970px;}}
@media (min-width: 1200px){.app.container{width: 1170px;}
.app.container .app-header, .app.container .app-aside{max-width: 1170px;}}
.nav-sub{height: 0;
  margin-left: -20px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
          transition: all 0.2s ease-in-out 0s;}
.active .nav-sub{height: auto !important;
  margin-left: 0;
  overflow: auto;
  opacity: 1;}
.navi ul.nav li{position: relative;
  display: block;}
.navi ul.nav li li a{padding-left: 55px;}
.navi ul.nav li a{position: relative;
  display: block;
  padding: 10px 20px;
  font-weight: normal;
  text-transform: none;
  -webkit-transition: background-color 0.2s ease-in-out 0s;
          transition: background-color 0.2s ease-in-out 0s;}
.navi ul.nav li a .badge, .navi ul.nav li a .label{padding: 2px 5px;
  margin-top: 2px;
  font-size: 11px;}
.navi ul.nav li a > i{position: relative;
  float: left;
  width: 40px;
  margin: -10px -10px;
  margin-right: 5px;
  overflow: hidden;
  line-height: 34px;
  text-align: center;}
.navi ul.nav li a > i:before{position: relative;
  z-index: 2;}
@media (max-width: 767px){.app{overflow-x: hidden;}
.app-content{-webkit-transition: -webkit-transform 0.2s ease;
       -moz-transition: -moz-transform 0.2s ease;
         -o-transition: -o-transform 0.2s ease;
            transition: transform 0.2s ease;}
.off-screen{position: absolute;
    top: 50px;
    bottom: 0;
    z-index: 1010;
    display: block !important;
    width: 75%;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: visible;
    -webkit-overflow-scrolling: touch;}
.off-screen + *{position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1015;
    width: 100%;
    padding-top: 50px;
    overflow: hidden;
    background-color: var(--s-bg);
    -webkit-transform: translate3d(75%, 0, 0px);
            transform: translate3d(75%, 0, 0px);
    -webkit-transition: -webkit-transform 0.2s ease;
       -moz-transition: -moz-transform 0.2s ease;
         -o-transition: -o-transform 0.2s ease;
            transition: transform 0.2s ease;
    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;}
.off-screen.pull-right{right: 0;}
.off-screen.pull-right + *{-webkit-transform: translate3d(-75%, 0, 0px);
            transform: translate3d(-75%, 0, 0px);}}
.arrow{z-index: 10;
  border-width: 9px;}
.arrow, .arrow:after{position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;}
.arrow:after{border-width: 8px;
  content: "";}
.arrow.top{top: -9px;
  left: 50%;
  margin-left: -9px;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  border-top-width: 0;}
.arrow.top:after{top: 1px;
  margin-left: -8px;
  border-bottom-color: var(--s-surface);
  border-top-width: 0;}
.arrow.right{top: 50%;
  right: -9px;
  margin-top: -9px;
  border-left-color: rgba(0, 0, 0, 0.1);
  border-right-width: 0;}
.arrow.right:after{right: 1px;
  bottom: -8px;
  border-left-color: var(--s-surface);
  border-right-width: 0;}
.arrow.bottom{bottom: -9px;
  left: 50%;
  margin-left: -9px;
  border-top-color: rgba(0, 0, 0, 0.1);
  border-bottom-width: 0;}
.arrow.bottom:after{bottom: 1px;
  margin-left: -8px;
  border-top-color: var(--s-surface);
  border-bottom-width: 0;}
.arrow.left{top: 50%;
  left: -9px;
  margin-top: -9px;
  border-right-color: rgba(0, 0, 0, 0.1);
  border-left-width: 0;}
.arrow.left:after{bottom: -8px;
  left: 1px;
  border-right-color: var(--s-surface);
  border-left-width: 0;}
.arrow.pull-left{left: 19px;}
.arrow.pull-right{right: 19px;
  left: auto;}
.btn{font-weight: 500;
  border-radius: 2px;
  outline: 0!important;}
.btn-link{color: var(--s-text-2);}
.btn-link.active{box-shadow: none;
  webkit-box-shadow: none;}
.btn-default{color: var(--s-text-2) !important;
  background-color: var(--s-surface);
  background-color: var(--s-surface);
  border-color: var(--s-line);
  border-bottom-color: var(--s-line);
  -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
          box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{color: var(--s-text-2) !important;
  background-color: var(--s-surface-2);
  border-color: var(--s-line);}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{background-image: none;}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active{background-color: var(--s-surface);
  border-color: var(--s-line);}
.btn-default.btn-bg{border-color: rgba(0, 0, 0, 0.1);
  background-clip: padding-box;}
.btn-primary{color: var(--s-fill-t) !important;
  background:var(--s-accent-fill);
  border-color: var(--s-accent);}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{color: var(--s-fill-t) !important;
  background:var(--s-accent-fill);
  border-color: var(--s-accent);}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{background-image: none;}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active{background-color: var(--s-accent);
  border-color: var(--s-accent);}
.btn-success{color: var(--s-fill-t) !important;
  background:var(--s-accent-fill);
  border-color: var(--s-accent);}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success{color: var(--s-fill-t) !important;
  background:var(--s-accent-fill);
  border-color: var(--s-accent-h);}
.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success{background-image: none;}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active{background-color: var(--s-accent);
  border-color: var(--s-accent);}
.btn-info{color: var(--s-fill-t) !important;
  background:var(--s-accent-fill);
  border-color: var(--s-accent);}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info{color: var(--s-fill-t) !important;
  background:var(--s-accent-fill);
  border-color: var(--s-accent);}
.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info{background-image: none;}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active{background-color: var(--s-accent);
  border-color: var(--s-accent);}
.btn-warning{color: var(--s-fill-t) !important;
  background-color: var(--s-warning);
  border-color: var(--s-warning);}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning{color: var(--s-fill-t) !important;
  background-color: var(--s-warning);
  border-color: var(--s-warning);}
.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning{background-image: none;}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active{background-color: var(--s-warning);
  border-color: var(--s-warning);}
.btn-danger{color: var(--s-fill-t) !important;
  background-color: var(--s-danger);
  border-color: var(--s-danger);}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger{color: var(--s-fill-t) !important;
  background-color: var(--s-danger);
  border-color: var(--s-danger);}
.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger{background-image: none;}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active{background-color: var(--s-danger);
  border-color: var(--s-danger);}
.btn-dark{color: var(--s-fill-t) !important;
  background-color: var(--s-text);
  border-color: var(--s-text);}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark{color: var(--s-fill-t) !important;
  background-color: var(--s-text);
  border-color: var(--s-text-2);}
.btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark{background-image: none;}
.btn-dark.disabled, .btn-dark[disabled], fieldset[disabled] .btn-dark, .btn-dark.disabled:hover, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark:hover, .btn-dark.disabled:focus, .btn-dark[disabled]:focus, fieldset[disabled] .btn-dark:focus, .btn-dark.disabled:active, .btn-dark[disabled]:active, fieldset[disabled] .btn-dark:active, .btn-dark.disabled.active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark.active{background-color: var(--s-text);
  border-color: var(--s-text);}
.btn-black{color: var(--s-fill-t) !important;
  background-color: var(--s-text);
  border-color: var(--s-text);}
.btn-black:hover, .btn-black:focus, .btn-black:active, .btn-black.active, .open .dropdown-toggle.btn-black{color: var(--s-fill-t) !important;
  background-color: var(--s-text);
  border-color: var(--s-text);}
.btn-black:active, .btn-black.active, .open .dropdown-toggle.btn-black{background-image: none;}
.btn-black.disabled, .btn-black[disabled], fieldset[disabled] .btn-black, .btn-black.disabled:hover, .btn-black[disabled]:hover, fieldset[disabled] .btn-black:hover, .btn-black.disabled:focus, .btn-black[disabled]:focus, fieldset[disabled] .btn-black:focus, .btn-black.disabled:active, .btn-black[disabled]:active, fieldset[disabled] .btn-black:active, .btn-black.disabled.active, .btn-black[disabled].active, fieldset[disabled] .btn-black.active{background-color: var(--s-text);
  border-color: var(--s-text);}
.btn-icon{width: 34px;
  height: 34px;
  padding: 0 !important;
  text-align: center;}
.btn-icon i{position: relative;
  top: -1px;
  line-height: 34px;}
.btn-icon.btn-sm{width: 30px;
  height: 30px;}
.btn-icon.btn-sm i{line-height: 30px;}
.btn-icon.btn-lg{width: 45px;
  height: 45px;}
.btn-icon.btn-lg i{line-height: 45px;}
.btn-rounded{padding-right: 15px;
  padding-left: 15px;
  border-radius: 50px;}
.btn-rounded.btn-lg{padding-right: 25px;
  padding-left: 25px;}
.btn > i.pull-left, .btn > i.pull-right{line-height: 1.42857143;}
.btn-block{padding-right: 12px;
  padding-left: 12px;}
.btn-group-vertical > .btn:first-child:not(:last-child){border-top-right-radius: 2px;}
.btn-group-vertical > .btn:last-child:not(:first-child){border-bottom-left-radius: 2px;}
.btn-addon i{position: relative;
  float: left;
  width: 34px;
  height: 34px;
  margin: -7px -12px;
  margin-right: 12px;
  line-height: 34px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px 0 0 2px;}
.btn-addon i.pull-right{margin-right: -12px;
  margin-left: 12px;
  border-radius: 0 2px 2px 0;}
.btn-addon.btn-sm i{width: 30px;
  height: 30px;
  margin: -6px -10px;
  margin-right: 10px;
  line-height: 30px;}
.btn-addon.btn-sm i.pull-right{margin-right: -10px;
  margin-left: 10px;}
.btn-addon.btn-lg i{width: 45px;
  height: 45px;
  margin: -11px -16px;
  margin-right: 16px;
  line-height: 45px;}
.btn-addon.btn-lg i.pull-right{margin-right: -16px;
  margin-left: 16px;}
.btn-addon.btn-default i{background-color: transparent;
  border-right: 1px solid var(--s-line);}
.btn-groups .btn{margin-bottom: 5px;}
.settings{position: fixed;
  top: 120px;
  right: -240px;
  z-index: 1050;
  width: 240px;
  -webkit-transition: right 0.2s;
          transition: right 0.2s;}
.settings.active{right: -1px;}
.settings > .btn{position: absolute;
  top: -1px;
  left: -42px;
  padding: 10px 15px;
  background: var(--s-surface-2) !important;
  border-color: var(--s-line);
  border-right-width: 0;}
.timeline{padding: 0;
  margin: 0;}
.datepicker{margin: 0 5px;}
.datepicker .btn-default{border-width: 0;
  box-shadow: none;}
.datepicker .btn[disabled]{opacity: 0.4;}
.datepicker .btn-info .text-info{color: var(--s-fill-t) !important;}
.easyPieChart{position: relative;
  text-align: center;}
.easyPieChart > div{position: relative;
  z-index: 1;}
.easyPieChart > div .text{position: absolute;
  top: 60%;
  width: 100%;
  line-height: 1;}
.easyPieChart > div img{margin-top: -4px;}
.easyPieChart canvas{position: absolute;
  top: 0;
  left: 0;
  z-index: 0;}
.legendColorBox > div{margin: 5px;
  border: none !important;}
.legendColorBox > div > div{border-radius: 10px;}
.item{position: relative;}
.item .top{position: absolute;
  top: 0;
  left: 0;}
.item .bottom{position: absolute;
  bottom: 0;
  left: 0;}
.item .center{position: absolute;
  top: 50%;}
.smooth.ng-animate{position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;}
.bg-light{color: var(--s-text-2);
  background-color: var(--s-surface-2);}
.bg-light.lt, .bg-light .lt{background-color: var(--s-surface-2);}
.bg-light.lter, .bg-light .lter{background-color: var(--s-surface-2);}
.bg-light.dk, .bg-light .dk{background-color: var(--s-sunken);}
.bg-light.dker, .bg-light .dker{background-color: var(--s-surface);}
.bg-light.bg, .bg-light .bg{background-color: var(--s-surface-2);}
.bg-dark{color:var(--s-text-3-ink);
  background-color: var(--s-text);}
.bg-dark.lt, .bg-dark .lt{background-color: var(--s-text-2);}
.bg-dark.lter, .bg-dark .lter{background-color: var(--s-text-2);}
.bg-dark.dk, .bg-dark .dk{background-color: var(--s-text);}
.bg-dark.dker, .bg-dark .dker{background-color: var(--s-text-2);}
.bg-dark.bg, .bg-dark .bg{background-color: var(--s-text);}
.bg-dark a{color: rgba(255,255,255,.62);}
.bg-dark a:hover{color: var(--s-fill-t);}
.bg-dark a.list-group-item:hover, .bg-dark a.list-group-item:focus{background-color: inherit;}
.bg-dark .nav > li > a{color: rgba(255,255,255,.72);}
.bg-dark .nav > li > a:hover, .bg-dark .nav > li > a:focus{background-color: var(--s-text-2);}
.bg-dark .nav .open > a{background-color: var(--s-text);}
.bg-dark .caret{border-top-color: var(--s-text-3);
  border-bottom-color: var(--s-text-3);}
.bg-dark.navbar .nav > li.active > a{color: var(--s-fill-t);
  background-color: var(--s-text);}
.bg-dark .open > a, .bg-dark .open > a:hover, .bg-dark .open > a:focus{color: var(--s-fill-t);}
.bg-dark .text-muted{color: rgba(255,255,255,.55) !important;}
.bg-dark .text-lt{color: rgba(255,255,255,.86) !important;}
.bg-dark.auto .list-group-item, .bg-dark .auto .list-group-item{background-color: transparent;
  border-color: var(--s-text) !important;}
.bg-dark.auto .list-group-item:hover, .bg-dark .auto .list-group-item:hover, .bg-dark.auto .list-group-item:focus, .bg-dark .auto .list-group-item:focus, .bg-dark.auto .list-group-item:active, .bg-dark .auto .list-group-item:active, .bg-dark.auto .list-group-item.active, .bg-dark .auto .list-group-item.active{background-color: var(--s-text) !important;}
.bg-primary{color: var(--s-fill-t);
  background:var(--s-accent-fill);}
.bg-primary.lt, .bg-primary .lt{background-color: var(--s-accent);}
.bg-primary.lter, .bg-primary .lter{background-color: var(--s-accent);}
.bg-primary.dk, .bg-primary .dk{background-color: var(--s-accent);}
.bg-primary.dker, .bg-primary .dker{background-color: var(--s-accent);}
.bg-primary.bg, .bg-primary .bg{background-color: var(--s-accent);}
.bg-primary a{color: var(--s-fill-t);}
.bg-primary a:hover{color: var(--s-fill-t);}
.bg-primary a.list-group-item:hover, .bg-primary a.list-group-item:focus{background-color: inherit;}
.bg-primary .nav > li:hover > a, .bg-primary .nav > li:focus > a, .bg-primary .nav > li.active > a{color: var(--s-fill-t);
  background:var(--s-accent-fill);}
.bg-primary .nav > li > a{color: var(--s-fill-t);}
.bg-primary .nav > li > a:hover, .bg-primary .nav > li > a:focus{background-color: var(--s-accent);}
.bg-primary .nav .open > a{background-color: var(--s-accent);}
.bg-primary .caret{border-top-color: var(--s-surface);
  border-bottom-color: var(--s-surface);}
.bg-primary.navbar .nav > li.active > a{color: var(--s-fill-t);
  background:var(--s-accent-fill);}
.bg-primary .open > a, .bg-primary .open > a:hover, .bg-primary .open > a:focus{color: var(--s-fill-t);}
.bg-primary .text-muted{color: rgba(255,255,255,.72) !important;}
.bg-primary .text-lt{color: var(--s-fill-t) !important;}
.bg-primary.auto .list-group-item, .bg-primary .auto .list-group-item{background-color: transparent;
  border-color: var(--s-accent) !important;}
.bg-primary.auto .list-group-item:hover, .bg-primary .auto .list-group-item:hover, .bg-primary.auto .list-group-item:focus, .bg-primary .auto .list-group-item:focus, .bg-primary.auto .list-group-item:active, .bg-primary .auto .list-group-item:active, .bg-primary.auto .list-group-item.active, .bg-primary .auto .list-group-item.active{background-color: var(--s-accent) !important;}
.bg-success{color:var(--s-accent-ink);
  background-color: var(--s-accent);}
.bg-success.lt, .bg-success .lt{background-color: var(--s-accent);}
.bg-success.lter, .bg-success .lter{background-color: var(--s-accent);}
.bg-success.dk, .bg-success .dk{background-color: var(--s-accent);}
.bg-success.dker, .bg-success .dker{background-color: var(--s-accent-h);}
.bg-success.bg, .bg-success .bg{background-color: var(--s-accent);}
.bg-success a{color: rgba(255,255,255,.86);}
.bg-success a:hover{color: var(--s-fill-t);}
.bg-success a.list-group-item:hover, .bg-success a.list-group-item:focus{background-color: inherit;}
.bg-success .nav > li:hover > a, .bg-success .nav > li:focus > a, .bg-success .nav > li.active > a{color: var(--s-fill-t);
  background:var(--s-accent-fill);}
.bg-success .nav > li > a{color: rgba(255,255,255,.72);}
.bg-success .nav > li > a:hover, .bg-success .nav > li > a:focus{background-color: var(--s-accent-h);}
.bg-success .nav .open > a{background-color: var(--s-accent);}
.bg-success .caret{border-top-color: var(--s-accent-h);
  border-bottom-color: var(--s-accent-h);}
.bg-success.navbar .nav > li.active > a{color: var(--s-fill-t);
  background:var(--s-accent-fill);}
.bg-success .open > a, .bg-success .open > a:hover, .bg-success .open > a:focus{color: var(--s-fill-t);}
.bg-success .text-muted{color:var(--s-accent-ink) !important;}
.bg-success .text-lt{color: var(--s-fill-t) !important;}
.bg-success.auto .list-group-item, .bg-success .auto .list-group-item{background-color: transparent;
  border-color: var(--s-accent) !important;}
.bg-success.auto .list-group-item:hover, .bg-success .auto .list-group-item:hover, .bg-success.auto .list-group-item:focus, .bg-success .auto .list-group-item:focus, .bg-success.auto .list-group-item:active, .bg-success .auto .list-group-item:active, .bg-success.auto .list-group-item.active, .bg-success .auto .list-group-item.active{background-color: var(--s-accent) !important;}
.bg-info{color: var(--s-accent-bg);
  background-color: var(--s-accent);}
.bg-info.lt, .bg-info .lt{background-color: var(--s-accent);}
.bg-info.lter, .bg-info .lter{background-color: var(--s-accent);}
.bg-info.dk, .bg-info .dk{background-color: var(--s-accent);}
.bg-info.dker, .bg-info .dker{background-color: var(--s-accent);}
.bg-info.bg, .bg-info .bg{background-color: var(--s-accent);}
.bg-info a{color: var(--s-fill-t);}
.bg-info a:hover{color: var(--s-fill-t);}
.bg-info a.list-group-item:hover, .bg-info a.list-group-item:focus{background-color: inherit;}
.bg-info .nav > li:hover > a, .bg-info .nav > li:focus > a, .bg-info .nav > li.active > a{color: var(--s-fill-t);
  background:var(--s-accent-fill);}
.bg-info .nav > li > a{color: var(--s-fill-t);}
.bg-info .nav > li > a:hover, .bg-info .nav > li > a:focus{background-color: var(--s-accent);}
.bg-info .nav .open > a{background-color: var(--s-accent);}
.bg-info .caret{border-top-color: var(--s-accent-bg);
  border-bottom-color: var(--s-accent-bg);}
.bg-info.navbar .nav > li.active > a{color: var(--s-fill-t);
  background:var(--s-accent-fill);}
.bg-info .open > a, .bg-info .open > a:hover, .bg-info .open > a:focus{color: var(--s-fill-t);}
.bg-info .text-muted{color:var(--s-accent-ink) !important;}
.bg-info .text-lt{color: var(--s-fill-t) !important;}
.bg-info.auto .list-group-item, .bg-info .auto .list-group-item{background-color: transparent;
  border-color: var(--s-accent) !important;}
.bg-info.auto .list-group-item:hover, .bg-info .auto .list-group-item:hover, .bg-info.auto .list-group-item:focus, .bg-info .auto .list-group-item:focus, .bg-info.auto .list-group-item:active, .bg-info .auto .list-group-item:active, .bg-info.auto .list-group-item.active, .bg-info .auto .list-group-item.active{background-color: var(--s-accent) !important;}
.bg-warning{color: var(--s-fill-t);
  background-color: var(--s-warning);}
.bg-warning.lt, .bg-warning .lt{background-color: var(--s-warning);}
.bg-warning.lter, .bg-warning .lter{background-color: var(--s-warning);}
.bg-warning.dk, .bg-warning .dk{background-color: var(--s-warning);}
.bg-warning.dker, .bg-warning .dker{background-color: var(--s-warning);}
.bg-warning.bg, .bg-warning .bg{background-color: var(--s-warning);}
.bg-warning a{color: var(--s-fill-t);}
.bg-warning a:hover{color: var(--s-fill-t);}
.bg-warning a.list-group-item:hover, .bg-warning a.list-group-item:focus{background-color: inherit;}
.bg-warning .nav > li:hover > a, .bg-warning .nav > li:focus > a, .bg-warning .nav > li.active > a{color: var(--s-fill-t);
  background-color: var(--s-warning);}
.bg-warning .nav > li > a{color: var(--s-fill-t);}
.bg-warning .nav > li > a:hover, .bg-warning .nav > li > a:focus{background-color: var(--s-warning);}
.bg-warning .nav .open > a{background-color: var(--s-warning);}
.bg-warning .caret{border-top-color: var(--s-surface);
  border-bottom-color: var(--s-surface);}
.bg-warning.navbar .nav > li.active > a{color: var(--s-fill-t);
  background-color: var(--s-warning);}
.bg-warning .open > a, .bg-warning .open > a:hover, .bg-warning .open > a:focus{color: var(--s-fill-t);}
.bg-warning .text-muted{color:var(--s-warning-ink) !important;}
.bg-warning .text-lt{color: var(--s-fill-t) !important;}
.bg-warning.auto .list-group-item, .bg-warning .auto .list-group-item{background-color: transparent;
  border-color: var(--s-warning) !important;}
.bg-warning.auto .list-group-item:hover, .bg-warning .auto .list-group-item:hover, .bg-warning.auto .list-group-item:focus, .bg-warning .auto .list-group-item:focus, .bg-warning.auto .list-group-item:active, .bg-warning .auto .list-group-item:active, .bg-warning.auto .list-group-item.active, .bg-warning .auto .list-group-item.active{background-color: var(--s-warning) !important;}
.bg-danger{color: var(--s-fill-t);
  background-color: var(--s-danger);}
.bg-danger.lt, .bg-danger .lt{background-color: var(--s-danger);}
.bg-danger.lter, .bg-danger .lter{background-color: var(--s-danger);}
.bg-danger.dk, .bg-danger .dk{background-color: var(--s-danger);}
.bg-danger.dker, .bg-danger .dker{background-color: var(--s-danger);}
.bg-danger.bg, .bg-danger .bg{background-color: var(--s-danger);}
.bg-danger a{color: var(--s-fill-t);}
.bg-danger a:hover{color: var(--s-fill-t);}
.bg-danger a.list-group-item:hover, .bg-danger a.list-group-item:focus{background-color: inherit;}
.bg-danger .nav > li:hover > a, .bg-danger .nav > li:focus > a, .bg-danger .nav > li.active > a{color: var(--s-fill-t);
  background-color: var(--s-danger);}
.bg-danger .nav > li > a{color: var(--s-fill-t);}
.bg-danger .nav > li > a:hover, .bg-danger .nav > li > a:focus{background-color: var(--s-danger);}
.bg-danger .nav .open > a{background-color: var(--s-danger);}
.bg-danger .caret{border-top-color: var(--s-surface);
  border-bottom-color: var(--s-surface);}
.bg-danger.navbar .nav > li.active > a{color: var(--s-fill-t);
  background-color: var(--s-danger);}
.bg-danger .open > a, .bg-danger .open > a:hover, .bg-danger .open > a:focus{color: var(--s-fill-t);}
.bg-danger .text-muted{color: rgba(255,255,255,.72) !important;}
.bg-danger .text-lt{color: var(--s-fill-t) !important;}
.bg-danger.auto .list-group-item, .bg-danger .auto .list-group-item{background-color: transparent;
  border-color: var(--s-danger) !important;}
.bg-danger.auto .list-group-item:hover, .bg-danger .auto .list-group-item:hover, .bg-danger.auto .list-group-item:focus, .bg-danger .auto .list-group-item:focus, .bg-danger.auto .list-group-item:active, .bg-danger .auto .list-group-item:active, .bg-danger.auto .list-group-item.active, .bg-danger .auto .list-group-item.active{background-color: var(--s-danger) !important;}
.bg-white{color: var(--s-text-2);
  background-color: var(--s-surface);}
.bg-white a{color: var(--s-text);}
.bg-white a:hover{color: var(--s-text-2);}
.bg-white .text-muted{color:var(--s-text-3-ink) !important;}
.bg-white .lt, .bg-white .lter, .bg-white .dk, .bg-white .dker{background-color: var(--s-surface);}
.bg-white-only{background-color: var(--s-surface);}
a.bg-light:hover{color: var(--s-text);}
a.bg-primary:hover{background-color: var(--s-accent);}
a.text-primary:hover{color:var(--s-accent-ink);}
.text-primary{color:var(--s-accent-ink);}
a.bg-info:hover{background-color: var(--s-accent);}
a.text-info:hover{color:var(--s-accent-ink);}
.text-info{color:var(--s-accent-ink);}
a.bg-success:hover{background-color: var(--s-accent);}
a.text-success:hover{color:var(--s-accent-ink);}
.text-success{color:var(--s-accent-ink);}
a.bg-warning:hover{background-color: var(--s-warning);}
a.text-warning:hover{color:var(--s-warning-ink);}
.text-warning{color:var(--s-warning-ink);}
a.bg-danger:hover{background-color: var(--s-danger);}
a.text-danger:hover{color:var(--s-danger-ink);}
.text-danger{color:var(--s-danger-ink);}
a.bg-dark:hover{background-color: var(--s-text);}
a.text-dark:hover{color: var(--s-text);}
.text-dark{color: var(--s-text);}
a.bg-black:hover{background-color:var(--s-text);}
a.text-black:hover{color:var(--s-text);}
.text-black{color: var(--s-text);}
.text-white{color: var(--s-fill-t);}
.text-muted{color:var(--s-text-3-ink);}
.pos-rlt{position: relative;}
.show{visibility: visible;}
.line{width: 100%;
  height: 2px;
  margin: 10px 0;
  overflow: hidden;
  font-size: 0;}
.block{display: block;}
.block.hide{display: none;}
.inline{display: inline-block !important;}
.none{display: none;}
.rounded{border-radius: 500px;}
.clear{display: block;
  overflow: hidden;}
.l-h{line-height: 1.42857143;}
.text-xs{font-size: 12px;}
.text-ellipsis{display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
.text-active, .active > .text, .active > .auto .text{display: none !important;}
.active > .text-active, .active > .auto .text-active{display: inline-block !important;}
.box-shadow{box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);}
.text-shadow{font-size: 170px;
  text-shadow: 0 1px 0 var(--s-line), 0 2px 0 var(--s-surface), 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);}
.no-shadow{-webkit-box-shadow: none !important;
          box-shadow: none !important;}
.wrapper-sm{padding: 4px 10px;}
.wrapper{padding: 6px 3px 6px 3px;}
.wrapper-md{padding: 20px;}
.wrapper-lg{padding: 30px;}
.padder{padding-right: 15px;
  padding-left: 15px;}
.b{border: 1px solid rgba(0, 0, 0, 0.05);}
.b-a{border: 1px solid var(--s-line);}
.b-r{border-right: 1px solid var(--s-line);}
.b-b{border-bottom: 1px solid var(--s-line);}
.b-white{border-color: var(--s-surface);}
.r{border-radius: 2px 2px 2px 2px;}
.r-l{border-radius: 2px 0 0 2px;}
.r-t{border-radius: 2px 2px 0 0;}
.m{margin: 15px;}
.m-l-xs{margin-left: 5px;}
.m-l-sm{margin-left: 10px;}
.m-l{margin-left: 15px;}
.m-t{margin-top: 15px;}
.m-t-n-sm{margin-top: -10px;}
.m-b-sm{margin-bottom: 10px;}
.m-b-n-sm{margin-bottom: -10px;}
.avatar{position: relative;
  display: block;
  white-space: nowrap;
  border-radius: 500px;}
.avatar img{width: 100%;
  border-radius: 500px;}
.avatar i{position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin: 2px;
  border-style: solid;
  border-width: 2px;
  border-radius: 100%;}
.avatar i.right{right: 0;
  left: auto;}
.avatar i.bottom{top: auto;
  right: 0;
  bottom: 0;
  left: auto;}
.avatar i.left{top: auto;
  bottom: 0;}
.avatar i.on{background-color: var(--s-accent);}
.avatar i.off{background-color: var(--s-text-3);}
.avatar i.busy{background-color: var(--s-danger);}
.avatar i.away{background-color: var(--s-warning);}
.avatar.thumb-sm i{margin: 1px;}
.w{width: 200px;}
.w-auto{width: auto;}
.h-auto{height: auto;}
.thumb{display: inline-block;
  width: 50px;}
.thumb-sm{display: inline-block;
  width: 40px;}
.thumb img, .thumb-sm img{height: auto;
  max-width: 100%;
  vertical-align: middle;}
.backdrop{position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;}
.backdrop.fade{opacity: 0;
  filter: alpha(opacity=0);}
.backdrop.in{opacity: 0.8;
  filter: alpha(opacity=80);}
@media (min-width: 768px) and (max-width: 991px){.hidden-sm.show{display: inherit !important;}}
@media (max-width: 767px){.shift{display: none !important;}
.shift.in{display: block !important;}
.row-2 [class*="col"]{float: left;
    width: 50%;}
.row-2 li:nth-child(odd){margin-left: 0;
    clear: left;}
.hidden-xs.show{display: inherit !important;}
.wrapper-lg, .wrapper-md{padding: 30px;}}
@-webkit-keyframes movingbar{
  0% {
    right: 50%;
    left: 50%;
  }
  99.9% {
    right: 0;
    left: 0;
  }
  100% {
    right: 50%;
    left: 50%;
  }
}
@-moz-keyframes movingbar{
  0% {
    right: 50%;
    left: 50%;
  }
  99.9% {
    right: 0;
    left: 0;
  }
  100% {
    right: 50%;
    left: 50%;
  }
}
@keyframes movingbar{
  0% {
    right: 50%;
    left: 50%;
  }
  99.9% {
    right: 0;
    left: 0;
  }
  100% {
    right: 50%;
    left: 50%;
  }
}
@-webkit-keyframes changebar{
  0% {
    background-color: var(--s-accent);
  }
  33.3% {
    background-color: var(--s-accent);
  }
  33.33% {
    background-color: var(--s-warning);
  }
  66.6% {
    background-color: var(--s-warning);
  }
  66.66% {
    background-color: var(--s-accent);
  }
  99.9% {
    background-color: var(--s-accent);
  }
}
@-moz-keyframes changebar{
  0% {
    background-color: var(--s-accent);
  }
  33.3% {
    background-color: var(--s-accent);
  }
  33.33% {
    background-color: var(--s-warning);
  }
  66.6% {
    background-color: var(--s-warning);
  }
  66.66% {
    background-color: var(--s-accent);
  }
  99.9% {
    background-color: var(--s-accent);
  }
}
@keyframes changebar{
  0% {
    background-color: var(--s-accent);
  }
  33.3% {
    background-color: var(--s-accent);
  }
  33.33% {
    background-color: var(--s-warning);
  }
  66.6% {
    background-color: var(--s-warning);
  }
  66.66% {
    background-color: var(--s-accent);
  }
  99.9% {
    background-color: var(--s-accent);
  }
}