@import '/assets/css/bootstrap.min.css';
@import '/themes/admincp-v5.0/css/font-awesome.css';
*:focus:not(:focus-visible) {
    outline: none;
}

.color {
    color: #f00;
    text-decoration: line-through
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lucida Grande', 'Microsoft Yahei'
}

* {
    font-size: 13px
}

body {
    font-family: 'Lucida Grande', 'Microsoft Yahei';
    color: #333;
    -webkit-font-smoothing: antialiased
}

form {
    margin: 0
}

label {
    font-weight: normal
}

input[type="checkbox"], input[type="radio"] {
    visibility: hidden;
    cursor: pointer
}

input[type="checkbox"]:before, input[type="radio"]:before {
    visibility: visible;
    content: "\f096";
    float: left;
    font-family: FontAwesome;
    width: 13px;
    height: 13px;
    line-height: 13px;
    font-size: 16px;
    border-radius: 5px;
    margin-right: 8px;
    text-align: left;
    font-weight: normal;
    color: #888
}

input[type="checkbox"]:checked:before, input[type="radio"]:checked:before {
    content: "\f046";
    color: #666
}

input[type="radio"]:before {
    content: "\f10c"
}

input[type="radio"]:checked:before {
    content: "\f192";
    color: #1fb5ad
}

a {
    cursor: pointer;
    color: #555
}

a:hover, a:focus {
    text-decoration: none;
    color: #1fb5ad
}

.required {
    color: #f30
}

.notfound {
    padding: 30px;
    text-align: center;
    color: #999;
    font-size: 18px
}

.cutstr {
    display: block;
    height: 1.5em;
    line-height: 1.5em;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.valign-top {
    vertical-align: top
}

.valign-bottom {
    vertical-align: bottom
}

.valign-middle {
    vertical-align: middle
}

.row {
    margin-right: -10px;
    margin-left: -10px
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 10px;
    padding-left: 10px
}

.table {
    margin: 0
}

.table tr td, .table tr th {
    padding: 8px 10px
}

.table tr td .input-xs, .table tr th .input-xs {
    height: 26px;
    padding: 2px 10px;
    margin: -4px 0;
    font-size: 12px;
    line-height: 1.2;
    border-radius: 3px;
    vertical-align: middle
}

.table tr td .btn-xs, .table tr th .btn-xs {
    margin: -4px 0
}

.table tr td label, .table tr th label {
    margin: 0
}

.table tr th label {
    font-weight: bold
}

.table.table-datalist {
    border: dotted 1px #ddd;
    border-radius: 6px
}

.table.table-datalist thead {
    border-top: solid 1px #ddd;
    border-bottom: solid 2px #ddd
}

.table.table-datalist thead th, .table.table-datalist thead td {
    background: #f0f0f0;
    border-right: dotted 1px #ddd;
    border-bottom: none;
    padding: 8px;
    vertical-align: inherit
}

.table.table-datalist tbody {
    border-bottom: solid 1px #ddd
}

.table.table-datalist tbody tr:nth-child(even) {
    background: #f9f9f9
}

.table.table-datalist tbody th, .table.table-datalist tbody td {
    border-right: dotted 1px #ddd;
    border-top: dotted 1px #ddd;
    padding: 8px
}

.table.table-datalist tfoot {
    border-bottom: solid 1px #ddd
}

.table.table-datalist tfoot th, .table.table-datalist tfoot td {
    background: #f5f5f5;
    border-right: dotted 1px #ddd;
    border-top: dotted 1px #ddd;
    padding: 8px
}

.dropdown .open {
    background: none
}

.dropdown-menu {
    border-color: #ddd;
    box-shadow: 0 0 3px #ddd
}

.dropdown-menu:after, .dropdown-menu:before {
    border-color: transparent;
    border-style: solid;
    border-width: 8px;
    content: " ";
    height: 0;
    left: 15px;
    pointer-events: none;
    position: absolute;
    width: 0
}

.dropdown-menu:before {
    bottom: 100%
}

.dropdown-menu:after {
    border-bottom-color: #fff;
    bottom: 100%;
    margin-bottom: -1px
}

.dropdown-menu.dropdown-menu-right:after, .dropdown-menu.dropdown-menu-right:before {
    left: auto;
    right: 15px
}

.dropdown-menu .divider {
    margin: 2px 0
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background: #1fb5ad;
    color: #fff
}

.bootstrapMenu .dropdown-menu {
    padding: 2px 0;
    min-width: 120px;
    border-color: #ccc;
    box-shadow: 0 0 4px #ddd
}

.bootstrapMenu .dropdown-menu:after, .bootstrapMenu .dropdown-menu:before {
    display: none
}

.bootstrapMenu .dropdown-menu a {
    padding: 3px 10px
}

.bootstrapMenu .dropdown-menu a .fa {
    font-size: 12px;
    line-height: 1em;
    vertical-align: middle;
    margin-top: -2px
}

.panel {
    border-style: solid;
    border-radius: 3px;
    background: #fff;
    overflow: hidden
}

.panel .panel-heading {
    position: relative;
    border-bottom: solid 1px #ddd;
    padding: 8px 10px
}

.panel .panel-heading .panel-title {
    font-size: 14px;
    font-weight: bold
}

.panel .panel-heading .panel-options {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    color: #333
}

.panel .panel-heading .nav-tabs, .panel .panel-heading .nav-pills {
    vertical-align: middle
}

.panel .panel-heading .nav-tabs li .active a, .panel .panel-heading .nav-pills li .active a {
    color: #fff
}

.panel .panel-heading .nav-tabs.nav-tabs, .panel .panel-heading .nav-pills.nav-tabs {
    margin: 0 -15px -8px -15px;
    border: none
}

.panel .panel-heading .nav-tabs.nav-tabs li a, .panel .panel-heading .nav-pills.nav-tabs li a, .panel .panel-heading .nav-tabs.nav-tabs li a:hover, .panel .panel-heading .nav-pills.nav-tabs li a:hover {
    border-radius: 0;
    border: none;
    border-top: solid 2px transparent;
    background: none;
    padding: 8px 20px
}

.panel .panel-heading .nav-tabs.nav-tabs li.active a, .panel .panel-heading .nav-pills.nav-tabs li.active a {
    background: #fff;
    border-top: solid 2px #1fb5ad
}

.panel .panel-body {
    background: #fff;
    padding: 10px
}

.panel.panel-primary .panel-heading .panel-options, .panel.panel-info .panel-heading .panel-options, .panel.panel-success .panel-heading .panel-options, .panel.panel-danger .panel-heading .panel-options, .panel.panel-warning .panel-heading .panel-options {
    color: #fff
}

.panel.panel-primary .panel-heading .panel-options a, .panel.panel-info .panel-heading .panel-options a, .panel.panel-success .panel-heading .panel-options a, .panel.panel-danger .panel-heading .panel-options a, .panel.panel-warning .panel-heading .panel-options a {
    color: #fff
}

.panel.panel-primary .panel-heading .nav-pills li a, .panel.panel-info .panel-heading .nav-pills li a, .panel.panel-success .panel-heading .nav-pills li a, .panel.panel-danger .panel-heading .nav-pills li a, .panel.panel-warning .panel-heading .nav-pills li a, .panel.panel-primary .panel-heading .nav-pills.nav-justified li a, .panel.panel-info .panel-heading .nav-pills.nav-justified li a, .panel.panel-success .panel-heading .nav-pills.nav-justified li a, .panel.panel-danger .panel-heading .nav-pills.nav-justified li a, .panel.panel-warning .panel-heading .nav-pills.nav-justified li a {
    color: #fff
}

.panel.panel-primary .panel-heading .nav-pills li a:hover, .panel.panel-info .panel-heading .nav-pills li a:hover, .panel.panel-success .panel-heading .nav-pills li a:hover, .panel.panel-danger .panel-heading .nav-pills li a:hover, .panel.panel-warning .panel-heading .nav-pills li a:hover, .panel.panel-primary .panel-heading .nav-pills.nav-justified li a:hover, .panel.panel-info .panel-heading .nav-pills.nav-justified li a:hover, .panel.panel-success .panel-heading .nav-pills.nav-justified li a:hover, .panel.panel-danger .panel-heading .nav-pills.nav-justified li a:hover, .panel.panel-warning .panel-heading .nav-pills.nav-justified li a:hover {
    background: rgba(0, 0, 0, 0.2);
    color: #fff
}

.panel.panel-primary .panel-heading .nav-pills li.active a, .panel.panel-info .panel-heading .nav-pills li.active a, .panel.panel-success .panel-heading .nav-pills li.active a, .panel.panel-danger .panel-heading .nav-pills li.active a, .panel.panel-warning .panel-heading .nav-pills li.active a, .panel.panel-primary .panel-heading .nav-pills.nav-justified li.active a, .panel.panel-info .panel-heading .nav-pills.nav-justified li.active a, .panel.panel-success .panel-heading .nav-pills.nav-justified li.active a, .panel.panel-danger .panel-heading .nav-pills.nav-justified li.active a, .panel.panel-warning .panel-heading .nav-pills.nav-justified li.active a, .panel.panel-primary .panel-heading .nav-pills li.active a:hover, .panel.panel-info .panel-heading .nav-pills li.active a:hover, .panel.panel-success .panel-heading .nav-pills li.active a:hover, .panel.panel-danger .panel-heading .nav-pills li.active a:hover, .panel.panel-warning .panel-heading .nav-pills li.active a:hover, .panel.panel-primary .panel-heading .nav-pills.nav-justified li.active a:hover, .panel.panel-info .panel-heading .nav-pills.nav-justified li.active a:hover, .panel.panel-success .panel-heading .nav-pills.nav-justified li.active a:hover, .panel.panel-danger .panel-heading .nav-pills.nav-justified li.active a:hover, .panel.panel-warning .panel-heading .nav-pills.nav-justified li.active a:hover {
    background: #fff;
    color: #333
}

.panel.panel-primary .panel-heading .nav-tabs, .panel.panel-info .panel-heading .nav-tabs, .panel.panel-success .panel-heading .nav-tabs, .panel.panel-danger .panel-heading .nav-tabs, .panel.panel-warning .panel-heading .nav-tabs {
    margin: -8px -15px;
    padding: 10px 10px 0 10px
}

.panel.panel-primary .panel-heading .nav-tabs.nav-justified, .panel.panel-info .panel-heading .nav-tabs.nav-justified, .panel.panel-success .panel-heading .nav-tabs.nav-justified, .panel.panel-danger .panel-heading .nav-tabs.nav-justified, .panel.panel-warning .panel-heading .nav-tabs.nav-justified {
    margin: -8px 0;
    padding: 10px 0 0 0
}

.panel.panel-primary .panel-heading .nav-tabs, .panel.panel-info .panel-heading .nav-tabs, .panel.panel-success .panel-heading .nav-tabs, .panel.panel-danger .panel-heading .nav-tabs, .panel.panel-warning .panel-heading .nav-tabs, .panel.panel-primary .panel-heading .nav-tabs.nav-justified, .panel.panel-info .panel-heading .nav-tabs.nav-justified, .panel.panel-success .panel-heading .nav-tabs.nav-justified, .panel.panel-danger .panel-heading .nav-tabs.nav-justified, .panel.panel-warning .panel-heading .nav-tabs.nav-justified {
    border: none
}

.panel.panel-primary .panel-heading .nav-tabs li a, .panel.panel-info .panel-heading .nav-tabs li a, .panel.panel-success .panel-heading .nav-tabs li a, .panel.panel-danger .panel-heading .nav-tabs li a, .panel.panel-warning .panel-heading .nav-tabs li a, .panel.panel-primary .panel-heading .nav-tabs.nav-justified li a, .panel.panel-info .panel-heading .nav-tabs.nav-justified li a, .panel.panel-success .panel-heading .nav-tabs.nav-justified li a, .panel.panel-danger .panel-heading .nav-tabs.nav-justified li a, .panel.panel-warning .panel-heading .nav-tabs.nav-justified li a {
    border: none;
    border-top: solid 2px transparent;
    color: #fff
}

.panel.panel-primary .panel-heading .nav-tabs li a:hover, .panel.panel-info .panel-heading .nav-tabs li a:hover, .panel.panel-success .panel-heading .nav-tabs li a:hover, .panel.panel-danger .panel-heading .nav-tabs li a:hover, .panel.panel-warning .panel-heading .nav-tabs li a:hover, .panel.panel-primary .panel-heading .nav-tabs.nav-justified li a:hover, .panel.panel-info .panel-heading .nav-tabs.nav-justified li a:hover, .panel.panel-success .panel-heading .nav-tabs.nav-justified li a:hover, .panel.panel-danger .panel-heading .nav-tabs.nav-justified li a:hover, .panel.panel-warning .panel-heading .nav-tabs.nav-justified li a:hover {
    background: rgba(0, 0, 0, 0.1)
}

.panel.panel-primary .panel-heading .nav-tabs li.active a, .panel.panel-info .panel-heading .nav-tabs li.active a, .panel.panel-success .panel-heading .nav-tabs li.active a, .panel.panel-danger .panel-heading .nav-tabs li.active a, .panel.panel-warning .panel-heading .nav-tabs li.active a, .panel.panel-primary .panel-heading .nav-tabs.nav-justified li.active a, .panel.panel-info .panel-heading .nav-tabs.nav-justified li.active a, .panel.panel-success .panel-heading .nav-tabs.nav-justified li.active a, .panel.panel-danger .panel-heading .nav-tabs.nav-justified li.active a, .panel.panel-warning .panel-heading .nav-tabs.nav-justified li.active a {
    color: #333
}

.panel.panel-primary .panel-heading .nav-tabs li.active a:hover, .panel.panel-info .panel-heading .nav-tabs li.active a:hover, .panel.panel-success .panel-heading .nav-tabs li.active a:hover, .panel.panel-danger .panel-heading .nav-tabs li.active a:hover, .panel.panel-warning .panel-heading .nav-tabs li.active a:hover, .panel.panel-primary .panel-heading .nav-tabs.nav-justified li.active a:hover, .panel.panel-info .panel-heading .nav-tabs.nav-justified li.active a:hover, .panel.panel-success .panel-heading .nav-tabs.nav-justified li.active a:hover, .panel.panel-danger .panel-heading .nav-tabs.nav-justified li.active a:hover, .panel.panel-warning .panel-heading .nav-tabs.nav-justified li.active a:hover {
    background: #fff
}

.panel.panel-default {
    border-color: #ddd
}

.panel.panel-default .panel-heading {
    background: #f0f0f0;
    border: none;
    color: #333
}

.panel.panel-default.panel-full .panel-body {
    background: #f0f0f0;
    color: #fff
}

.panel.panel-primary {
    border-color: #1fb5ad
}

.panel.panel-primary .panel-heading {
    background: #1fb5ad;
    color: #fff
}

.panel.panel-primary.panel-full .panel-body {
    background: #1fb5ad;
    color: #fff
}

.panel.panel-info {
    border-color: #5bc0de
}

.panel.panel-info .panel-heading {
    background: #5bc0de;
    color: #fff
}

.panel.panel-info.panel-full .panel-body {
    background: #5bc0de;
    color: #fff
}

.panel.panel-success {
    border-color: #5cb85c
}

.panel.panel-success .panel-heading {
    background: #5cb85c;
    color: #fff
}

.panel.panel-success.panel-full .panel-body {
    background: #5cb85c;
    color: #fff
}

.panel.panel-warning {
    border-color: #f0ad4e
}

.panel.panel-warning .panel-heading {
    background: #f0ad4e;
    color: #fff
}

.panel.panel-warning.panel-full .panel-body {
    background: #f0ad4e;
    color: #fff
}

.panel.panel-danger {
    border-color: #d9534f
}

.panel.panel-danger .panel-heading {
    background: #d9534f;
    color: #fff
}

.panel.panel-danger.panel-full .panel-body {
    background: #d9534f;
    color: #fff
}

.panel.panel-chart {
    position: relative;
    border-color: #ddd;
    border-radius: 0;
    border: solid 1px #ddd
}

.panel.panel-chart .panel-heading {
    background: #f0f0f0;
    border: none;
    color: #333
}

.panel.panel-chart.panel-full .panel-body {
    background: #f0f0f0;
    color: #fff
}

.panel.panel-chart .panel-heading {
    background: none;
    font-weight: bold
}

.panel.panel-chart-card {
    position: relative;
    border-color: #ddd;
    border-radius: 0;
    border: solid 1px #ddd;
    border-left: solid 8px
}

.panel.panel-chart-card .panel-heading {
    background: #f0f0f0;
    border: none;
    color: #333
}

.panel.panel-chart-card.panel-full .panel-body {
    background: #f0f0f0;
    color: #fff
}

.panel.panel-chart-card .panel-heading {
    background: #f0f0f0;
    border: none;
    color: #333
}

.panel.panel-chart-card.panel-full .panel-body {
    background: #f0f0f0;
    color: #fff
}

.panel.panel-chart-card .panel-heading {
    background: none;
    font-weight: bold
}

.panel.panel-chart-card .panel-body {
    background: none
}

.panel.panel-chart-card .panel-body .fa {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 48px;
    color: #888
}

.panel.panel-chart-card .panel-body big {
    display: block;
    margin-top: -10px;
    font-size: 18px
}

.pagination {
    vertical-align: middle
}

.pagination li a {
    color: #333
}

.pagination li.active a, .pagination li.active a:hover {
    background: #f0f0f0;
    border-color: #ddd;
    color: #333
}

.pagination.pagination-sm {
    margin: 0
}

.pagination.pagination-sm li a {
    height: 28px;
    padding: 4px 10px;
    vertical-align: middle
}

.navbar {
    border: none
}

.nav-tabs li a {
    padding: 4px 15px;
    color: #333
}

.nav-line, .nav-line.nav-justified {
    border-radius: 3px 3px 0 0;
    border-bottom: solid 1px #ddd
}

.nav-line li, .nav-line.nav-justified li {
    margin-bottom: -1px
}

.nav-line li a, .nav-line.nav-justified li a {
    padding: 4px 20px;
    border: none;
    color: #333
}

.nav-line li a:hover, .nav-line.nav-justified li a:hover {
    background: none;
    color: #000
}

.nav-line li.active a, .nav-line.nav-justified li.active a, .nav-line li.active a:hover, .nav-line.nav-justified li.active a:hover {
    border: none;
    border-bottom: solid 2px #404650;
    background: none;
    color: #404650
}

.nav-pills {
    margin-bottom: 15px
}

.nav-pills li a {
    padding: 4px 15px;
    color: #333;
    font-size: 13px
}

.nav-pills li.active a, .nav-pills li.active a:hover {
    background: #404650
}

.nav-wizard {
    overflow: hidden
}

.nav-wizard li {
    position: relative
}

.nav-wizard li a {
    display: block;
    padding: 10px;
    padding-left: 40px;
    text-align: left;
    font-weight: 800;
    color: #fff;
    background: #9fa8bc;
    font-size: 14px
}

.nav-wizard li a i {
    display: block;
    float: left;
    background: #fff;
    border-radius: 36px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    margin-right: 10px;
    color: #666
}

.nav-wizard li a small {
    display: block;
    font-weight: normal
}

.nav-wizard li a::after {
    border-left: 28px solid #9fa8bc;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
    right: -28px;
    top: 50%;
    margin-top: -28px;
    z-index: 50
}

.nav-wizard li a:hover {
    background: #464f63
}

.nav-wizard li a:hover::after {
    border-left-color: #464f63
}

.nav-wizard li:first-child > a {
    padding-left: 10px
}

.nav-wizard li:last-child > a::after {
    display: none
}

.nav-wizard li.done > a {
    background: #505b72;
    color: #fff
}

.nav-wizard li.done > a::after {
    border-left-color: #505b72
}

.nav-wizard li.active > a {
    background: #fff;
    color: #404650
}

.nav-wizard li.active > a small {
    color: #666
}

.nav-wizard li.active > a i {
    background: #404650;
    color: #fff
}

.nav-wizard li.active > a::after {
    border-left-color: #fff
}

.nav-wizard li.active > a:hover {
    background: #fff;
    color: #404650
}

.nav-wizard li.active > a:hover small {
    color: #666
}

.nav-wizard li.active > a:hover::after {
    border-left-color: #fff
}

.label, .badge {
    padding: 3px 6px;
    font-size: 11px;
    line-height: 12px;
    vertical-align: middle
}

.btn {
    padding: 5px 15px;
    height: 32;
    vertical-align: middle
}

.btn.btn-lg {
    padding: 6px 20px;
    height: 40px
}

.btn.btn-sm {
    padding: 3px 10px;
    height: 28px
}

.btn.btn-xs {
    padding: 3px 6px;
    height: 24px;
    font-size: 11px
}

.btn.btn-default {
    border-width: 1px
}

.btn.btn-primary {
    background: #1fb5ad;
    border-color: #1b9f98
}

.btn.btn-primary:active {
    background: #23cbc2;
    border-color: #23cbc2
}

.btn.btn-success {
    background: #5cb85c;
    border-color: #4cae4c
}

.btn.btn-warning {
    background: #f0ad4e;
    border-color: #eea236
}

.btn.btn-info {
    background: #5bc0de;
    border-color: #46b8da
}

.btn.btn-danger {
    background: #d9534f;
    border-color: #d43f3a
}

.btn-group {
    vertical-align: middle
}

.btn-group.btn-group-lg > .btn {
    padding: 6px 20px;
    height: 40px
}

.btn-group.btn-group-sm > .btn {
    padding: 3px 10px;
    height: 28px
}

.btn-group.btn-group-xs > .btn {
    padding: 3px 6px;
    height: 24px;
    font-size: 11px
}

.control-label {
    font-weight: bold
}

.form-group {
    position: relative
}

.form-group.has-error .form-control, .form-group.has-error .control-label, .form-group.has-error .help-block {
    border-color: #c00;
    color: #c00
}

.form-group.has-error .form-control:focus, .form-group.has-error .control-label:focus, .form-group.has-error .help-block:focus {
    box-shadow: none
}

.form-group.has-success .form-control, .form-group.has-success .control-label, .form-group.has-success .help-block {
    border-color: green;
    color: green
}

.form-group.has-success .form-control:focus, .form-group.has-success .control-label:focus, .form-group.has-success .help-block:focus {
    box-shadow: none
}

.form-group.has-success:after {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    bottom: 8px;
    height: 18px;
    line-height: 18px;
    margin-right: 5px;
    text-align: center;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -o-transform .3s;
    width: 18px;
    color: green
}

.form-group .regex-tip {
    position: absolute;
    right: 20px;
    top: 26px
}

.form-group .regex-tip:before {
    content: "\f071";
    font-family: FontAwesome;
    height: 18px;
    line-height: 18px;
    margin-right: 5px;
    text-align: center;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -o-transform .3s;
    width: 18px
}

.form-control {
    vertical-align: middle;
    padding: 6px 8px;
    height: 32;
    font-size: 13px;
    font-weight: normal;
    border-radius: 3px;
    background: #fbfbfb
}

.form-control.form-control-short {
    width: 300px
}

.form-control.form-control-long {
    width: 300px
}

.form-control:focus {
    box-shadow: none
}

.form-control.input-sm {
    padding: 3px 8px;
    height: 28px
}

.form-control.input-xs {
    padding: 1px 6px;
    height: 24px;
    font-size: 11px
}

.form-control.input-long {
    width: 400px
}

.form-control.input-short {
    width: 200px
}

.form-control-select {
    vertical-align: middle;
    padding: 6px 8px;
    height: 32;
    font-size: 13px;
    font-weight: normal;
    border-radius: 3px;
    background: #fbfbfb;
    -webkit-appearance: none;
    appearance: none;
    background-color: #f8f8f8;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='28' viewBox='0 0 16 28' fill='%23777'%3E%3Cpath d='M16 17q0 .406-.297.703l-7 7Q8.406 25 8 25t-.703-.297l-7-7Q0 17.406 0 17t.297-.703T1 16h14q.406 0 .703.297T16 17zm0-6q0 .406-.297.703T15 12H1q-.406 0-.703-.297T0 11t.297-.703l7-7Q7.594 3 8 3t.703.297l7 7Q16 10.594 16 11z'/%3E%3C/svg%3E");
    background-position: right 8px center;
    background-repeat: no-repeat;
    -webkit-background-size: 8px 16px;
    background-size: 8px 16px;
    padding-right: 25px
}

.form-control-select.form-control-short {
    width: 300px
}

.form-control-select.form-control-long {
    width: 300px
}

.form-control-select:focus {
    box-shadow: none
}

.form-control-select.input-sm {
    padding: 3px 8px;
    height: 28px
}

.form-control-select.input-xs {
    padding: 1px 6px;
    height: 24px;
    font-size: 11px
}

.form-control-select.input-long {
    width: 400px
}

.form-control-select.input-short {
    width: 200px
}

.form-control-select.input-sm, .form-control-select.input-xs {
    line-height: 1em
}

.input-group.input-long {
    width: 400px
}

.input-group.input-short {
    width: 200px
}

.input-group .input-group-btn .btn {
    padding: 6px 15px
}

.input-group.input-group-xs .form-control, .input-group.input-group-xs .input-group-addon, .input-group.input-group-xs .input-group-btn .btn {
    height: 26px;
    padding: 2px 10px;
    font-size: 12px;
    line-height: 1
}

.list-group-item {
    background: none;
    padding: 8px;
    color: #000;
    border-radius: 0;
    font-size: 12px
}

.list-group-item label {
    float: left;
    font-weight: bold;
    color: #666
}

.uploadify {
    display: inline
}

.uploadify object {
    max-height: 30px
}

.uploadify-queue {
    margin-bottom: 1em;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9999999
}

.uploadify-queue-item {
    background-color: #f5f5f5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: 11px Verdana, Geneva, sans-serif;
    margin-top: 5px;
    max-width: 350px;
    padding: 10px
}

.uploadify-error {
    background-color: #fde5dd !important
}

.uploadify-queue-item .cancel a {
    background: url('../img/uploadify-cancel.png') 0 0 no-repeat;
    float: right;
    height: 16px;
    text-indent: -9999px;
    width: 16px
}

.uploadify-queue-item.completed {
    background-color: #e5e5e5
}

.uploadify-progress {
    background-color: #e5e5e5;
    margin-top: 10px;
    width: 100%
}

.uploadify-progress-bar {
    background-color: #09f;
    height: 3px;
    width: 1px
}

.tooltip {
    word-spacing: normal;
    white-space: nowrap;
    z-index: 9999999
}

.alert ul {
    margin: 0;
    padding-left: 20px
}

body {
    overflow: hidden
}

.sui-container {
    width: 100%
}

.sui-notify {
    position: fixed;
    z-index: 99999999;
    top: 0;
    right: 0;
    background: rgba(204, 0, 0, 0.8);
    color: #fff;
    padding: 5px 15px
}

.sui-notify .sui-notify-close {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #fff
}

.sui-form {
    background: #fff;
    border: dotted 1px #ddd;
    padding: 30px 15px
}

.sui-form .form-group {
    position: relative;
    padding: 0 15%
}

.sui-form .form-group .control-label {
    position: absolute;
    left: 0;
    top: 7px;
    width: 15%;
    text-align: right;
    padding-right: 10px
}

.sui-form .form-group .radio, .sui-form .form-group .checkbox {
    margin: 0;
    padding: 7px 0
}

.sui-form .form-group .regex-tip {
    top: 3px;
    right: 15%;
    padding-right: 15px
}

.sui-form .form-group.has-success:after {
    right: 15%
}

.sui-form .form-action {
    text-indent: 15px;
    padding: 15px 15%;
    margin: -30px -15px;
    margin-top: 30px;
    background: #f0f0f0
}

.sui-form .sui-form-heading {
    border-bottom: dotted 1px #e0e0e0;
    margin-top: 30px;
    margin-bottom: 40px
}

.sui-form .sui-form-heading h1, .sui-form .sui-form-heading h2, .sui-form .sui-form-heading h3, .sui-form .sui-form-heading h4, .sui-form .sui-form-heading h5, .sui-form .sui-form-heading h6 {
    font-size: 16px;
    margin: 0 15px;
    margin-bottom: -10px;
    background: #fff;
    width: 100px;
    text-align: center;
    color: #888
}

.sui-form code {
    font-weight: bold
}

.sui-form-h {
    padding: 30px 15px
}

.sui-form-h .form-group {
    position: relative;
    padding: 0 15%
}

.sui-form-h .form-group .control-label {
    position: absolute;
    left: 0;
    top: 7px;
    width: 15%;
    text-align: right;
    padding-right: 10px
}

.sui-form-h .form-group .radio, .sui-form-h .form-group .checkbox {
    margin: 0;
    padding: 7px 0
}

.sui-form-h .form-group .regex-tip {
    top: 3px;
    right: 15%;
    padding-right: 15px
}

.sui-form-h .form-group.has-success:after {
    right: 15%
}

.sui-form-h .form-action {
    text-indent: 15px;
    padding: 15px 15%;
    margin: -30px -15px;
    margin-top: 30px;
    background: #f0f0f0
}

.sui-form-v {
    padding: 15px
}

.sui-form-v .form-group {
    padding: 0
}

.sui-form-v .form-group .control-label {
    position: static;
    left: 0;
    top: 0;
    width: auto;
    text-align: left
}

.sui-form-v .form-group .radio, .sui-form-v .form-group .checkbox {
    margin: 0;
    padding: 7px 0
}

.sui-form-v .form-group .regex-tip {
    right: 10px;
    top: 26px
}

.sui-form-v .form-group.has-success:after {
    top: 32px;
    right: 10px
}

.sui-form-v .form-action {
    max-width: inherit;
    padding: 15px 0;
    margin: -15px;
    margin-top: 30px;
    background: #f0f0f0
}

.sui-header {
    position: relative;
    z-index: 5
}

.sui-header .navbar-default {
    border-radius: 0
}

.sui-header .navbar-default .navbar-header {
    position: relative
}

.sui-header .navbar-default .navbar-header .navbar-brand {
    position: relative;
    width: 190px;
    height: 60px;
    background: #1fb5ad;
    text-align: center;
    padding: 0 15px
}

.sui-header .navbar-default .navbar-header .navbar-brand:hover {
    background: #1fb5ad
}

.sui-header .navbar-default .navbar-header .navbar-brand .logo {
    display: block;
    width: 120px;
    line-height: 54px;
    overflow: hidden;
    margin-top: -6px
}

.sui-header .navbar-default .navbar-header .navbar-brand .logo img {
    max-width: 100%
}

.sui-header .navbar-default .navbar-header .btn-collapse-sidebar {
    position: absolute;
    right: 10px;
    top: 15px;
    padding: 0 5px;
    background: #1fb5ad;
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
    font-weight: normal;
    z-index: 99;
    border: solid 1px rgba(255, 255, 255, 0.8);
    border-radius: 3px
}

.sui-header .navbar-default .navbar-collapse {
    position: absolute;
    top: 0;
    left: 190px;
    right: 0;
    z-index: 1;
    padding-left: 0;
    box-shadow: 0 0 3px #ddd;
    border-bottom: solid 1px #ccc;
    height: 60px;
    background: #eaedf1
}

.sui-header .navbar-default .navbar-collapse .sui-user-panel {
    height: 62px;
    padding: 8px 0
}

.sui-header .navbar-default .navbar-collapse .sui-user-panel a {
    color: #555
}

.sui-header .navbar-default .navbar-collapse .sui-user-panel h4 {
    margin: 0;
    margin-bottom: 5px
}

.sui-header .navbar-default .navbar-collapse .sui-user-panel .avatar {
    position: relative;
    margin-right: 10px
}

.sui-header .navbar-default .navbar-collapse .sui-user-panel .avatar i {
    display: none;
    position: absolute;
    color: #fff;
    font-style: normal;
    top: 13px;
    left: 9px;
    background: #f30
}

.sui-header .navbar-default .navbar-collapse .sui-user-panel .avatar:hover i {
    display: block
}

.sui-header .navbar-default .navbar-collapse .navbar-nav > li {
    position: relative
}

.sui-header .navbar-default .navbar-collapse .navbar-nav > li .badge {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 10px;
    padding: 2px 4px;
    line-height: 10px;
    background: #d9534f
}

.sui-header .navbar-default .navbar-collapse .navbar-nav > li > a {
    color: #333
}

.sui-header .navbar-default .navbar-collapse .navbar-nav .fa {
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    margin-top: -3px
}

.sui-header .navbar-default .navbar-collapse .navbar-nav .avatar {
    width: 46px;
    height: 46px;
    border: solid 2px #fff;
    border-radius: 46px;
    vertical-align: middle;
    margin: -12px 0
}

.sui-body {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fcfcfc;
    overflow: auto
}

.sui-breadcrumb {
    background: none;
    border-radius: 0;
    margin: 0 0 10px 0;
    padding: 0
}

.sui-breadcrumb a {
    color: #777
}

.sui-sidebar {
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
    width: 190px;
    background: #22282e;
    z-index: 10;
    overflow: auto
}

.sui-sidebar::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.sui-sidebar::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.sui-sidebar::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.4)
}

.sui-sidebar .copyright {
    position: absolute;
    bottom: 10px;
    left: 15px;
    right: 10px;
    color: #444
}

.sui-sidebar .caption {
    color: #777;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 15px;
    overflow: hidden;
    padding: 10px 15px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sui-sidebar .nav li a {
    color: #a6a6a6;
    display: block;
    font-size: 13px;
    line-height: 18px;
    padding: 10px 15px;
    position: relative;
    text-decoration: none;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.sui-sidebar .nav li a:hover {
    background: #313a43
}

.sui-sidebar .nav li ul {
    display: none;
    list-style: none;
    padding: 0
}

.sui-sidebar .nav li ul li a {
    background-color: #38414b;
    color: #a6a6a6;
    display: block;
    font-size: 13px;
    line-height: 18px;
    padding: 6px 15px 6px 36px;
    position: relative;
    text-decoration: none
}

.sui-sidebar .nav li.has-childs > a:before {
    content: "\f105";
    float: right;
    font-family: FontAwesome;
    height: 18px;
    line-height: 18px;
    margin-left: 5px;
    text-align: center;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -o-transform .3s;
    width: 18px
}

.sui-sidebar .nav li.active a {
    background: #22282e;
    color: #f3f3f3
}

.sui-sidebar .nav li.active:after {
    border-color: transparent #fcfcfc transparent transparent;
    border-style: solid;
    border-width: 6px;
    content: "";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0
}

.sui-sidebar .nav li.open a {
    background: #22282e;
    color: #f3f3f3
}

.sui-sidebar .nav li.open:after {
    border-color: transparent #fcfcfc transparent transparent;
    border-style: solid;
    border-width: 6px;
    content: "";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0
}

.sui-sidebar .nav li.open:after {
    display: none
}

.sui-sidebar .nav li.open > a {
    background: #2d353d
}

.sui-sidebar .nav li.open > a:before {
    transform: rotate(90deg)
}

.sui-sidebar .nav li.open ul {
    display: block
}

.sui-sidebar .nav li.open ul li.open:after {
    display: block
}

.sui-sidebar .nav li.open ul li a {
    background: #171b1f;
    color: #a6a6a6
}

.sui-sidebar .nav li.open ul li.active {
    position: relative
}

.sui-sidebar .nav li.open ul li.active a {
    color: #fff
}

.sui-sidebar .nav li.open ul li:hover a {
    color: #fff
}

.sui-primary {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin-left: 190px;
    padding: 20px
}

.sui-primary .sui-primary-2cols {
    position: absolute;
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-divider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 250px;
    z-index: 8
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-divider .ui-resizable-handle {
    width: 5px;
    background: #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -5px;
    cursor: col-resize;
    opacity: 0
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-divider .ui-resizable-handle:before {
    position: absolute;
    top: 50%;
    right: -10px;
    width: 20px;
    height: 60px;
    line-height: 60px;
    font-family: FontAwesome;
    content: "\f039";
    color: #888;
    background: #ddd;
    margin-top: -30px;
    margin-left: -1px;
    border-radius: 0 3px 3px 0;
    display: block;
    font-size: 12px;
    -webkit-transform: scale(.6);
    text-transform: rotate(-90deg);
    text-align: center
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-divider .ui-resizable-handle:hover {
    opacity: 1
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 250px;
    padding: 0;
    background: #f2f4f6;
    border-right: solid 1px #d5dbe0;
    box-shadow: 0 2px 2px #ddd;
    overflow-y: auto;
    z-index: 9
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left::-webkit-scrollbar {
    width: 6px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left::-webkit-scrollbar:horizontal {
    height: 6px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 0;
    border-radius: 0;
    border-left: solid 1px #ddd
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left::-webkit-scrollbar-track:horizontal {
    border-left: none;
    border-top: solid 1px #ddd
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.5)
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 46px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree .caption {
    position: fixed;
    top: 60px;
    width: 250px;
    font-size: 14px;
    padding: 12px 15px;
    background: #eaecef;
    border-bottom: solid 1px #c6ced5;
    box-shadow: 0 0 1px #ddd;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    z-index: 999
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree .caption a {
    color: #333
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree .caption a .fa {
    vertical-align: middle
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree .caption .dropdown .dropdown-menu-right {
    margin-right: -10px;
    margin-top: 10px;
    min-width: 80px;
    padding: 6px 0
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree .caption .dropdown .dropdown-menu-right:after {
    right: 10px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree .caption .dropdown .dropdown-menu-right li a {
    font-size: 13px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree .caption .dropdown .dropdown-menu-right li a:hover {
    background: #f0f0f0
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree .divider {
    background: #d5dbe0
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li {
    position: relative
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li a {
    display: block;
    color: #555;
    font-size: 14px;
    white-space: nowrap;
    padding: 2px 10px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li a .fa-fold {
    margin-bottom: -3px;
    border-radius: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: #777
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li a .fa-fold:hover {
    background: rgba(0, 0, 0, 0.2)
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li a .fa-fold:before {
    content: "\f0da"
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li a .fa-fold-empty {
    margin-bottom: -3px;
    border-radius: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: #777
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li a .x-tree-node-indent {
    width: 20px;
    display: inline-block
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li a:hover {
    background: #e4e7eb
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li.active > a {
    background: #1fb5ad;
    color: #fff
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li.active > a .fa-fold {
    color: #fff
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li.opened > a .fa-fold:before {
    content: '\f0d7'
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li .ext-status {
    position: absolute;
    right: 10px;
    top: 3px;
    color: #888
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li .menu-text {
    margin-left: 5px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li .dargsort-handle {
    display: none;
    position: absolute;
    right: 4px;
    top: 3px;
    z-index: 99;
    color: #ccc;
    padding-right: 4px;
    padding-left: 4px;
    background: transparent;
    cursor: row-resize;
    background: #f2f4f6;
    border-radius: 3px;
    box-shadow: 0 0 3px #ddd;
    font-size: 12px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li:hover > .dargsort-handle {
    display: block
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-tree ul li.active > .dargsort-handle {
    color: #1fb5ad
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list {
    position: absolute;
    top: -4px;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 46px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list::-webkit-scrollbar {
    width: 5px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list::-webkit-scrollbar:horizontal {
    height: 5px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.4);
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.4)
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list .caption {
    position: fixed;
    top: 60px;
    width: 250px;
    font-size: 14px;
    padding: 12px 15px;
    background: #eaecef;
    border-bottom: solid 1px #c6ced5;
    box-shadow: 0 0 1px #ddd;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    z-index: 999
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list .caption a {
    color: #333
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list .caption a .fa {
    vertical-align: middle
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list .caption .dropdown .dropdown-menu-right {
    margin-right: -10px;
    margin-top: 10px;
    min-width: 80px;
    padding: 6px 0
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list .caption .dropdown .dropdown-menu-right:after {
    right: 10px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list .caption .dropdown .dropdown-menu-right li a {
    font-size: 13px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list .caption .dropdown .dropdown-menu-right li a:hover {
    background: #f0f0f0
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list .divider {
    background: #d5dbe0
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li {
    position: relative
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li a {
    display: block;
    color: #555;
    font-size: 14px;
    white-space: nowrap;
    padding: 2px 10px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li a .fa-fold {
    margin-bottom: -3px;
    border-radius: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: #777
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li a .fa-fold:hover {
    background: rgba(0, 0, 0, 0.2)
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li a .fa-fold:before {
    content: "\f0da"
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li a .fa-fold-empty {
    margin-bottom: -3px;
    border-radius: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: #777
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li a .x-tree-node-indent {
    width: 20px;
    display: inline-block
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li a:hover {
    background: #e4e7eb
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li.active > a {
    background: #1fb5ad;
    color: #fff
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li.active > a .fa-fold {
    color: #fff
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li.opened > a .fa-fold:before {
    content: '\f0d7'
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li .ext-status {
    position: absolute;
    right: 10px;
    top: 3px;
    color: #888
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li .menu-text {
    margin-left: 5px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li .dargsort-handle {
    display: none;
    position: absolute;
    right: 4px;
    top: 3px;
    z-index: 99;
    color: #ccc;
    padding-right: 4px;
    padding-left: 4px;
    background: transparent;
    cursor: row-resize;
    background: #f2f4f6;
    border-radius: 3px;
    box-shadow: 0 0 3px #ddd;
    font-size: 12px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li:hover > .dargsort-handle {
    display: block
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li.active > .dargsort-handle {
    color: #1fb5ad
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list .caption {
    margin-bottom: 0
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list .caption .edit-btns {
    margin: -3px;
    display: none
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list .caption .edit-btns .chkall {
    margin-left: -2px;
    margin-right: 5px;
    font-size: 11px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list .caption .edit-btns .pull-right {
    margin: 3px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li a {
    position: relative;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
    padding: 6px 6px 6px 28px;
    background: #fff
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li a .fa {
    position: absolute;
    left: 10px;
    top: 8px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li a .msg-title {
    display: block;
    font-weight: bold;
    color: #333;
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 3px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li a .msg-summary {
    display: block;
    color: #666;
    width: 78%;
    overflow: hidden;
    line-height: 1.5em;
    max-height: 3em;
    white-space: normal
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li a .msg-date {
    position: absolute;
    top: 6px;
    right: 6px;
    display: block;
    color: #999;
    font-size: 11px;
    text-align: right
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li .chkbox {
    display: none
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li.active a .msg-title, .sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li.active a .msg-summary, .sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li.active a .msg-date {
    color: #fff
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li.edit {
    position: relative
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li.edit a {
    padding-left: 48px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li.edit a .fa {
    left: 30px
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-left .sui-mail-list ul li.edit .chkbox {
    display: block;
    position: absolute;
    top: 6px;
    left: 10px;
    z-index: 99
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-right {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 250px;
    right: 0;
    padding: 15px;
    overflow: auto;
    background: #f5f5f5
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-right .sui-form {
    background: #fff
}

.sui-primary .sui-primary-2cols .sui-primary-2cols-right .sui-form .form-action-fixed {
    position: fixed;
    right: 30px;
    top: 60px;
    margin: 0;
    padding: 12px;
    text-indent: 0;
    border-radius: 0 0 4px 4px;
    background: rgba(200, 200, 200, 0.5)
}

.sui-page {
    padding-bottom: 20px
}

.sui-page .sui-page-header {
    position: relative;
    margin-bottom: 15px
}

.sui-page .sui-page-header h1, .sui-page .sui-page-header h2, .sui-page .sui-page-header h3, .sui-page .sui-page-header h4, .sui-page .sui-page-header h5, .sui-page .sui-page-header h6 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 4px 0;
    margin-right: 60px
}

.sui-page .sui-page-header .sui-searchbox {
    position: absolute;
    right: 0;
    top: 0
}

.sui-page .sui-page-header .sui-searchbox .form-group {
    position: relative
}

.sui-page .sui-page-header .sui-searchbox .form-group .fa-remove {
    position: absolute;
    right: 7px;
    top: 7px;
    color: #666
}

.sui-page .sui-page-header .sui-breadcrumb {
    margin: 0;
    margin-bottom: 15px
}

.sui-page .sui-page-header .sui-page-tabs {
    position: absolute;
    bottom: 4px;
    left: 200px;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.sui-page .sui-page-header .sui-page-tabs li {
    display: inline-block
}

.sui-page .sui-page-header .sui-page-tabs li a {
    display: block;
    border-radius: 4px;
    padding: 2px 12px;
    color: #333
}

.sui-page .sui-page-header .sui-page-tabs li.active a, .sui-page .sui-page-header .sui-page-tabs li.active a:hover {
    background: #38414b;
    color: #fff
}

.sui-page .sui-page-body .sui-toolbar {
    background: #e5e5e5;
    color: #333;
    padding: 6px 8px;
    overflow: hidden;
    min-height: 36px
}

.sui-page .sui-page-body .sui-toolbar:before {
    content: "\f148";
    float: left;
    font-family: FontAwesome;
    height: 18px;
    line-height: 18px;
    margin: 5px 5px 5px 0;
    text-align: center;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s, -o-transform .3s;
    width: 18px;
    color: #333;
    transform: rotate(180deg)
}

.sui-page .sui-page-body .sui-toolbar:last-child:before {
    content: "\f149"
}

.sui-page .sui-page-body .table-datalist {
    border: none
}

.sui-page .sui-page-body .table-datalist th:last-child, .sui-page .sui-page-body .table-datalist td:last-child {
    border-right: none
}

.sui-page .sui-page-footer {
    background: #f8f8f8;
    padding: 10px
}

.sui-img-selector {
    height: auto;
    padding: 5px;
    background: #fff;
    overflow: hidden
}

.sui-img-selector .sui-selector-value {
    display: none
}

.sui-img-selector .sui-selector-box {
    position: relative;
    background: #fff;
    border-radius: 4px 4px 0 0
}

.sui-img-selector .sui-selector-box .img-preview {
    display: block;
    text-align: center;
    overflow: hidden
}

.sui-img-selector .sui-selector-box .img-preview img {
    margin: 10px;
    max-height: 200px
}

.sui-img-selector .sui-selector-box .img-item {
    position: relative;
    float: left;
    background: #ddd;
    margin: 5px;
    padding: 1px;
    width: 102px
}

.sui-img-selector .sui-selector-box .img-item:hover .operate {
    display: block
}

.sui-img-selector .sui-selector-box .img-item .thumb {
    display: block;
    width: 100px;
    height: 100px;
    line-height: 96px;
    text-align: center;
    background: #f8f8f8
}

.sui-img-selector .sui-selector-box .img-item .alt {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 102px;
    background: #f0f0f0;
    padding: 10px;
    text-align: left;
    display: none;
    z-index: 9999
}

.sui-img-selector .sui-selector-box .img-item .alt .btn {
    margin-top: 8px
}

.sui-img-selector .sui-selector-box .img-item .operate {
    position: absolute;
    top: 1px;
    right: 1px;
    background-color: rgba(0, 0, 0, 0.75);
    line-height: 1em;
    padding: 3px 5px
}

.sui-img-selector .sui-selector-box .img-item .operate a {
    color: #fff
}

.sui-img-selector .sui-selector-box .img-remove {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    padding: 3px 6px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff
}

.sui-img-selector .sui-selector-box img, .sui-img-selector .sui-selector-box .img-item img {
    max-width: 100%;
    max-height: 100%
}

.sui-img-selector .sui-selector-btns {
    padding: 7px 10px;
    position: relative;
    overflow: hidden;
    min-height: 30px;
    background: #f9f9f9;
    margin: -5px
}

.sui-img-selector .sui-selector-btns .btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    font-size: 14px;
    color: #333
}

.sui-img-explorer {
    padding: 20px 0;
    margin: -10px
}

.sui-img-explorer dl {
    background: #f0f0f0;
    box-shadow: 0 0 3px #ddd;
    border: solid 1px #ddd;
    border-radius: 3px;
    padding: 8px;
    cursor: pointer
}

.sui-img-explorer dl .thumb {
    display: block;
    height: 160px;
    width: 100%;
    text-align: center;
    line-height: 156px;
    overflow: hidden;
    background: #fff
}

.sui-img-explorer dl .thumb img {
    max-width: 90%;
    max-height: 90%
}

.sui-img-explorer dl .opts input {
    float: right
}

.sui-img-explorer dl .filename, .sui-img-explorer dl .title, .sui-img-explorer dl .summary {
    margin: 3px
}

.sui-img-explorer dl .summary {
    line-height: 1.4em;
    height: 4.2em;
    overflow: hidden;
    color: #888
}

.sui-img-explorer.pop {
    margin-top: 10px
}

.sui-img-explorer.pop dl {
    padding: 2px;
    position: relative;
    overflow: hidden
}

.sui-img-explorer.pop dl.selected {
    border-color: #1fb5ad;
    background: #1fb5ad
}

.sui-img-explorer.pop dl.selected .filename, .sui-img-explorer.pop dl.selected .title, .sui-img-explorer.pop dl.selected .summary {
    color: #fff
}

.sui-img-explorer.pop dl.selected .fa {
    display: block
}

.sui-img-explorer.pop dl .fa {
    position: absolute;
    right: 6px;
    top: 6px;
    color: #1fb5ad;
    font-size: 14px;
    display: none
}

.sui-img-explorer.pop dl .thumb {
    height: 100px;
    width: 100%;
    text-align: center;
    line-height: 96px
}

.sui-img-explorer.pop dl .thumb img {
    max-width: 90%;
    max-height: 90%
}

.sui-img-explorer.pop dl .filename {
    color: #666
}

.sui-sku-thumb .sui-img-value {
    display: none
}

.sui-sku-thumb .sui-img-selector-box {
    position: relative;
    display: block;
    background: none;
    border-radius: 0;
    width: 50px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    background: #ddd;
    border: solid 1px #ccc;
    cursor: pointer
}

.sui-sku-thumb .sui-img-selector-box a {
    display: block
}

.sui-sku-thumb .sui-img-selector-box img {
    max-width: 100%;
    max-height: 100%
}

.sui-sku-thumb .sui-img-selector-box .img-remove {
    position: absolute;
    padding: 0;
    top: -1px;
    right: -1px;
    line-height: 1em;
    font-size: 12px;
    z-index: 999;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    width: 14px;
    height: 14px;
    text-align: center
}

.sui-sku-thumb .sui-img-selector-box .img-remove span {
    display: none
}

.sui-sku-thumb .sui-img-selector-box:hover .img-remove {
    display: block
}

.sui-resource-selector {
    height: auto;
    padding: 5px;
    background: #fff;
    overflow: hidden
}

.sui-resource-selector .sui-selector-value {
    display: none
}

.sui-resource-selector .sui-selector-box {
    position: relative;
    background: #fff;
    border-radius: 4px 4px 0 0
}

.sui-resource-selector .sui-selector-box .img-preview {
    display: block;
    text-align: center;
    overflow: hidden
}

.sui-resource-selector .sui-selector-box .img-preview img {
    margin: 10px;
    max-height: 200px
}

.sui-resource-selector .sui-selector-box .img-item {
    position: relative;
    float: left;
    background: #ddd;
    margin: 5px;
    padding: 1px;
    width: 102px
}

.sui-resource-selector .sui-selector-box .img-item:hover .operate {
    display: block
}

.sui-resource-selector .sui-selector-box .img-item .thumb {
    display: block;
    width: 100px;
    height: 100px;
    line-height: 96px;
    text-align: center;
    background: #f8f8f8
}

.sui-resource-selector .sui-selector-box .img-item .alt {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 102px;
    background: #f0f0f0;
    padding: 10px;
    text-align: left;
    display: none;
    z-index: 9999
}

.sui-resource-selector .sui-selector-box .img-item .alt .btn {
    margin-top: 8px
}

.sui-resource-selector .sui-selector-box .img-item .operate {
    position: absolute;
    top: 1px;
    right: 1px;
    background-color: rgba(0, 0, 0, 0.75);
    line-height: 1em;
    padding: 3px 5px
}

.sui-resource-selector .sui-selector-box .img-item .operate a {
    color: #fff
}

.sui-resource-selector .sui-selector-box .img-remove {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    padding: 3px 6px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff
}

.sui-resource-selector .sui-selector-box img, .sui-resource-selector .sui-selector-box .img-item img {
    max-width: 100%;
    max-height: 100%
}

.sui-resource-selector .sui-selector-btns {
    padding: 7px 10px;
    position: relative;
    overflow: hidden;
    min-height: 30px;
    background: #f9f9f9;
    margin: -5px
}

.sui-resource-selector .sui-selector-btns .btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    font-size: 14px;
    color: #333
}

.sui-resource-selector .sui-selector-box .img-item {
    position: relative;
    float: left;
    width: 33.33%;
    margin: 0;
    background: none
}

.sui-resource-selector .sui-selector-box .img-item .box {
    position: relative;
    background: #f0f0f0;
    box-shadow: 0 0 3px #ddd;
    border: solid 1px #ddd;
    border-radius: 3px;
    padding-left: 100px;
    margin: 5px;
    height: 102px;
    border-radius: 4px;
    overflow: hidden
}

.sui-resource-selector .sui-selector-box .img-item .box .thumb {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100px;
    height: 100px;
    line-height: 96px;
    text-align: center;
    background: #f8f8f8
}

.sui-resource-selector .sui-selector-box .img-item .box .title {
    margin: 5px 10px;
    font-weight: bold
}

.sui-resource-selector .sui-selector-box .img-item .box .summary {
    margin: 5px 10px;
    line-height: 1.4em;
    height: 4.2em;
    overflow: hidden;
    color: #777
}

.sui-resource-selector .sui-selector-box .img-item .box .operate {
    top: 0;
    right: 0;
    border-radius: 0 3px 0 0
}

.sui-resource-explorer {
    padding: 20px 0;
    margin: -10px
}

.sui-resource-explorer dl {
    background: #f0f0f0;
    box-shadow: 0 0 3px #ddd;
    border: solid 1px #ddd;
    border-radius: 3px;
    padding: 8px;
    cursor: pointer
}

.sui-resource-explorer dl .thumb {
    display: block;
    height: 160px;
    width: 100%;
    text-align: center;
    line-height: 156px;
    overflow: hidden;
    background: #fff
}

.sui-resource-explorer dl .thumb img {
    max-width: 90%;
    max-height: 90%
}

.sui-resource-explorer dl .opts input {
    float: right
}

.sui-resource-explorer dl .filename, .sui-resource-explorer dl .title, .sui-resource-explorer dl .summary {
    margin: 3px
}

.sui-resource-explorer dl .summary {
    line-height: 1.4em;
    height: 4.2em;
    overflow: hidden;
    color: #888
}

.sui-resource-explorer.pop {
    margin-top: 10px
}

.sui-resource-explorer.pop dl {
    padding: 2px;
    position: relative;
    overflow: hidden
}

.sui-resource-explorer.pop dl.selected {
    border-color: #1fb5ad;
    background: #1fb5ad
}

.sui-resource-explorer.pop dl.selected .filename, .sui-resource-explorer.pop dl.selected .title, .sui-resource-explorer.pop dl.selected .summary {
    color: #fff
}

.sui-resource-explorer.pop dl.selected .fa {
    display: block
}

.sui-resource-explorer.pop dl .fa {
    position: absolute;
    right: 6px;
    top: 6px;
    color: #1fb5ad;
    font-size: 14px;
    display: none
}

.sui-resource-explorer.pop dl .thumb {
    height: 100px;
    width: 100%;
    text-align: center;
    line-height: 96px
}

.sui-resource-explorer.pop dl .thumb img {
    max-width: 90%;
    max-height: 90%
}

.sui-resource-explorer.pop dl .filename {
    color: #666
}

.sui-resource-explorer.pop dl {
    padding-left: 110px;
    min-height: 100px
}

.sui-resource-explorer.pop dl .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    overflow: hidden
}

.sui-resource-explorer.pop dl .title {
    font-weight: bold
}

.sui-login-form {
    width: 380px;
    margin: 120px auto;
    color: #fff;
    padding: 20px 40px;
    background: #f0f0f0;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2)
}

.sui-login-form .sui-login-logo {
    text-align: center;
    margin: 20px 0 30px 0;
    font-size: 22px;
    font-weight: bold;
    color: #555;
    line-height: 1.6em
}

.sui-login-form .sui-login-logo big {
    display: block;
    font-size: 18px
}

.sui-login-form .help-block {
    color: #666;
    margin-top: 30px
}

.sui-login-form .help-block ol {
    margin-top: 10px;
    padding-left: 20px
}

.sui-login-form .input-group {
    margin-bottom: 15px
}

.sui-login-form .btn-primary {
    background: #1fb5ad;
    border-color: #1fb5ad;
    padding: 0;
    line-height: 38px;
    font-size: 16px
}

.sui-login-form .btn-primary.action:hover, .sui-login-form .btn-primary:hover {
    background: #188983;
    border-color: #188983
}

.sui-collapsed .sui-header .btn-collapse-sidebar {
    z-index: 9;
    color: #fff
}

.sui-collapsed .sui-header .navbar-default .navbar-header .navbar-brand {
    width: 50px
}

.sui-collapsed .sui-header .navbar-default .navbar-header .navbar-brand img {
    display: none
}

.sui-collapsed .sui-header .navbar-default .navbar-collapse {
    left: 50px
}

.sui-collapsed .sui-sidebar {
    width: 50px;
    overflow: visible
}

.sui-collapsed .sui-sidebar .caption {
    visibility: hidden
}

.sui-collapsed .sui-sidebar .nav li.has-childs a:before {
    display: none
}

.sui-collapsed .sui-sidebar .nav li.has-childs ul {
    position: absolute;
    left: 50px;
    width: 140px;
    box-shadow: 3px 3px 3px #ddd;
    display: none;
    z-index: 999;
    padding-bottom: 4px;
    background: rgba(0, 0, 0, 0.9);
    border-top: solid 1px #000
}

.sui-collapsed .sui-sidebar .nav li.has-childs ul li a {
    padding: 5px 15px;
    background: none;
    text-align: left
}

.sui-collapsed .sui-sidebar .nav li.has-childs ul li a:hover {
    background: #000
}

.sui-collapsed .sui-sidebar .nav li.has-childs ul li .menu-text {
    position: static;
    padding: 0;
    font-weight: normal;
    background: none;
    color: #c0c0c0
}

.sui-collapsed .sui-sidebar .nav li.has-childs ul li .menu-text:after {
    display: none
}

.sui-collapsed .sui-sidebar .nav li.has-childs ul li.active a {
    background: #000
}

.sui-collapsed .sui-sidebar .nav li.has-childs ul li.active a .menu-text {
    color: #fff
}

.sui-collapsed .sui-sidebar .nav li.has-childs ul li.active:after {
    display: none
}

.sui-collapsed .sui-sidebar .nav li:hover > a {
    background: #38414b
}

.sui-collapsed .sui-sidebar .nav li:hover ul {
    display: block
}

.sui-collapsed .sui-sidebar .nav li:hover .menu-text {
    display: inline
}

.sui-collapsed .sui-sidebar .nav li a {
    text-align: center
}

.sui-collapsed .sui-sidebar .nav li a .fa {
    font-size: 16px
}

.sui-collapsed .sui-sidebar .nav li a .menu-text {
    position: absolute;
    top: 0;
    left: 50px;
    width: 140px;
    background: rgba(0, 0, 0, 0.9);
    padding: 10px 15px;
    display: none;
    color: #fff;
    text-align: left;
    font-weight: bold
}

.sui-collapsed .sui-sidebar .nav li a .menu-text:after {
    border-color: transparent #171b1f transparent transparent;
    border-style: solid;
    border-width: 6px;
    content: "";
    height: 0;
    pointer-events: none;
    position: absolute;
    left: -12px;
    top: 19px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    z-index: 99
}

.sui-collapsed .sui-sidebar .nav li ul {
    display: none
}

.sui-collapsed .sui-sidebar .copyright {
    display: none
}

.sui-collapsed .sui-primary {
    margin-left: 50px
}

.sui-attr-list dl {
    overflow: hidden;
    margin: 3px 0
}

.sui-attr-list dl dt {
    float: left;
    font-weight: normal
}

.sui-attr-list dl dd {
    float: right;
    color: #666
}

.sui-loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95)
}

.sui-loading .sui-loading-text {
    width: 160px;
    margin: 100px auto;
    padding: 5px 10px;
    text-align: center;
    background: #fff;
    border: solid 1px #ccc;
    box-shadow: 0 0 3px #ccc
}

.sui-card-chart {
    background: #fff;
    position: relative;
    padding: 10px;
    border: solid 1px #ddd;
    margin-bottom: 15px;
    box-shadow: 0 0 3px #ddd;
    overflow: hidden
}

.sui-card-chart .card-heading {
    padding: 5px;
    font-weight: bold
}

.sui-card-chart .card-heading .pull-right {
    font-weight: normal
}

.sui-card-chart .card-body {
    padding: 5px
}

.sui-card-chart .card-body .card-label {
    color: #999
}

.sui-card-chart .card-body .card-value {
    font-size: 22px
}

.sui-card-chart .card-body .card-icon {
    position: absolute;
    top: 15px;
    right: 15px
}

.sui-card-chart .card-body .card-icon .fa {
    font-size: 48px;
    color: #ccc
}

.sui-card-chart .card-body .card-desc {
    display: block
}

.sui-card-chart .card-body .table tr > td, .sui-card-chart .card-body .table tr > th {
    padding: 4px 0;
    border-top: dotted 1px #ddd
}

.sui-card-chart.sc-col1 {
    border-left: solid 6px #4fa9f9
}

.sui-card-chart.sc-col1 .card-icon {
    color: #80c1fb
}

.sui-card-chart.sc-col2 {
    border-left: solid 6px #6ec71f
}

.sui-card-chart.sc-col2 .card-icon {
    color: #88e039
}

.sui-card-chart.sc-col3 {
    border-left: solid 6px #f59446
}

.sui-card-chart.sc-col3 .card-icon {
    color: #f8b076
}

.sui-card-chart.sc-col4 {
    border-left: solid 6px #f44236
}

.sui-card-chart.sc-col4 .card-icon {
    color: #f76f66
}

.chk_1 {
    display: none
}

.chk_1 + label {
    background-color: #FFF;
    border: 2px solid #747774;
    width: 13px;
    min-height: 13px;
    padding-left: 0px;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-top: -2px
}

.chk_1 + label:active {
}

.chk_1:checked + label {
    background-color: #ffffff;
    border: 0px solid #666666;
    color: #666666
}

.chk_1:checked + label:after {
    content: '\f046';
    position: absolute;
    font-family: FontAwesome;
    top: -5px;
    left: 0px;
    color: #666666;
    width: 13px;
    height: 13px;
    text-align: center;
    font-size: 1.2em;
    padding: 1px 0 0 0;
    vertical-align: text-top
}

.chk_2 {
    display: none
}

.chk_2 + label {
    background-color: #ffffff;
    border: 2px solid #747774;
    width: 13px;
    min-height: 13px;
    padding-left: 0px;
    border-radius: 13px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-top: -2px
}

.chk_2 + label:active {
}

.chk_2:checked + label {
    background-color: #ffffff;
    border: 0px solid #666666;
    color: #666666
}

.chk_2:checked + label:after {
    content: '\f192';
    position: absolute;
    font-family: FontAwesome;
    top: -5px;
    left: 0px;
    color: #1fb5ad;
    width: 13px;
    height: 13px;
    text-align: center;
    font-size: 1.2em;
    padding: 1px 0 0 0;
    vertical-align: text-top
}

.img-item.place-holder + .img-item.place-holder {
    display: none
}

@supports (-moz-appearance:none) {
    input[type="checkbox"], input[type="radio"] {
        visibility: unset !important
    }
}