/*滚动条*/
.form-td-ns-icon-right {
    content: "";
    position: absolute;
    top: 8px;
    right: 0px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
    width: 40px;
    height: 40px;
}

.ns-input-shadow {
    -webkit-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
}

.ns-input-shadow-none {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.base-title-style {
    position: relative;
    display: block;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold !important;
    color: #222222;
}

.base-title-style:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    background: #fc7008;
    z-index: 9;
    height: 16px;
    top: 50%;
    left: 0;
    margin: -8px 0 0;
}

.empty-style {
    position: relative;
    padding: 5px 5px 5px 30px;
    min-height: 30px;
}

.empty-style:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f071";
    color: #f39800;
    top: 6px;
    left: 8px;
}

.no-data {
    min-height: 200px;
    background: #eff5fc;
    border: 1px solid #d9e9f8;
    position: relative;
}

.no-data:before {
    display: block;
    content: "\6682\65e0\6570\636e";
    position: absolute;
    width: 80px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin: 0px 0 0 -40px;
    color: #98c4ec;
}

.no-data:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '\f01c';
    font-family: "FontAwesome";
    font-size: 32px;
    margin: -26px 0 0 -16px;
    color: #98c4ec;
}

.triangle-variant {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
}

.transall,
.icon-collection .fontawesome-icon-list .fa-hover>i,
.icon-collection .fontawesome-icon-list .fa-hover>span,
.sidebar-menu .main-menu a {
    -webkit-transition: all 220ms ease-in-out;
    -moz-transition: all 220ms ease-in-out;
    -o-transition: all 220ms ease-in-out;
    transition: all 220ms ease-in-out;
}

.clearfix:before,
.clearfix:after,
.skin-color-palette:before,
.skin-color-palette:after,
.icon-collection .fontawesome-icon-list:before,
.icon-collection .fontawesome-icon-list:after,
.icon-collection .fontawesome-icon-list .fa-hover:before,
.icon-collection .fontawesome-icon-list .fa-hover:after,
.sidebar-menu .logo-env:before,
.sidebar-menu .logo-env:after {
    content: " ";
    display: table;
}

.clearfix:after,
.skin-color-palette:after,
.icon-collection .fontawesome-icon-list:after,
.icon-collection .fontawesome-icon-list .fa-hover:after,
.sidebar-menu .logo-env:after {
    clear: both;
}

.overflow-hidden {
    overflow: hidden !important;
}

.vertical-top>* {
    vertical-align: top;
}

strong+table {
    margin-top: 10px;
}

.text-small {
    font-size: 65%;
}

.text-bold {
    font-weight: bold;
}

address {
    padding-left: 20px;
    border-left: 5px solid #f0f0f0;
}

.scrollable .scrollable {
    margin-right: 20px;
}

.super-large {
    font-size: 62px;
}

.inline {
    display: inline-block !important;
}

div.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.list-margin {
    margin: 10px 0;
}

.list-margin li {
    padding: 5px 0;
}

.rotate-45deg {
    position: relative;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.text-medium {
    font-size: 11px;
}

.text-bold {
    font-weight: bold;
}

.text-bold.h1,
.text-bold.h2,
.text-bold.h3,
.text-bold.h4,
.text-bold.h5,
.text-bold.h6 {
    font-weight: bold;
}

.text-upper {
    text-transform: uppercase;
}

.chart-item-bg {
    position: relative;
    background: #fff;
    width: 100%;
    margin-bottom: 10px;
}

.chart-item-bg .chart-label {
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    font-size: 14px;
}

.chart-item-bg .chart-label.chart-label-small {
    padding: 20px;
}

.chart-item-bg .chart-label .h1,
.chart-item-bg .chart-label .h2,
.chart-item-bg .chart-label .h3,
.chart-item-bg .chart-label .h4 {
    margin: 0;
    padding: 0;
}

.chart-item-bg .chart-right-legend {
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    font-size: 14px;
    left: auto;
    right: 0;
}

.chart-item-bg .chart-right-legend.chart-label-small {
    padding: 20px;
}

.chart-item-bg .chart-right-legend .h1,
.chart-item-bg .chart-right-legend .h2,
.chart-item-bg .chart-right-legend .h3,
.chart-item-bg .chart-right-legend .h4 {
    margin: 0;
    padding: 0;
}

.chart-item-bg .chart-inner {
    padding: 20px;
}

.chart-item-bg .chart-inner-wide {
    padding: 20px 20px;
}

.chart-item-bg .chart-entry-view {
    border-top: 1px solid #eeeeee;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.chart-item-bg .chart-entry-view>div {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 10px;
    color: #989898;
    font-size: 13px;
}

.chart-item-bg .chart-entry-view:hover {
    background: #fafafa;
}

.chart-item-bg-2 {
    background: #fff;
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.chart-item-bg-2>div {
    display: table-cell;
    padding: 5px;
    vertical-align: middle;
}

.chart-item-bg-2 .chart-item-num {
    padding-left: 40px;
    font-size: 90px;
    color: #444444;
    padding-right: 10px;
    white-space: nowrap;
}

.chart-item-bg-2 .chart-item-num.num-sm {
    font-size: 70px;
}

.chart-item-bg-2 .chart-item-env>div {
    margin: 10px 0;
}

.skin-color-palette {
    display: block;
    border: 1px solid #f0f0f0;
    margin-right: 20px;
}

.skin-color-palette>span {
    float: left;
    width: 16.66666667%;
    height: 20px;
}

.skin-color-palette>span+span {
    border-left: 0px solid #fff;
}

.skin-color-palette.skin-color-palette-four>span {
    width: 25%;
}

.skin-name-link {
    font-weight: bold;
    color: #333333;
}

.skin-name-link:hover {
    color: #68b828;
}

.bs-example {
    line-height: 1.85;
}

.bs-example .label {
    margin-left: 2px;
}

.same-margin>* {
    margin-top: 0;
    margin-bottom: 15px;
}

.same-margin>*:last-child {
    margin-bottom: 0;
}

.vspacer {
    height: 80px;
}

.vspacer.v2 {
    height: 15px;
}

.vspacer.v3 {
    height: 10px;
    display: block !important;
}

.vspacer.v4 {
    height: 10px;
    display: block !important;
}

@media screen and (max-width: 768px) {
    .vspacer {
        display: none;
    }

    .vspacer.v2 {
        display: block;
    }
}

.img-container {
    margin-bottom: 20px;
}

.img-shade {
    display: block;
    background: #f5f5f5;
    text-align: center;
    line-height: 0;
    margin-bottom: 20px;
}

.img-preview {
    display: inline-block;
    overflow: hidden;
    background: #f7f7f7;
    line-height: 1;
}

.img-preview img {
    display: block;
}

.no-left-border {
    border-left: 0 !important;
}

.no-right-border {
    border-right: 0 !important;
}

.no-top-margin {
    margin-top: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-transition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

img.img-cirlce {
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
}

.col-margin.row>* {
    margin-bottom: 20px;
}

.col-margin.row>*:last-child {
    margin-bottom: 0;
}

.ckeditor+.cke {
    margin-top: 20px;
    margin-bottom: 10px;
}

*[class*="fa-"] {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

div.scrollable {
    max-height: 200px;
    overflow: hidden;
    position: relative;
}

.icon-collection .page-header {
    margin: 0;
    margin-bottom: 10px;
}

.icon-collection section .page-header {
    margin-top: 20px;
}

.icon-collection .fontawesome-icon-list .fa-hover {
    background: #fff;
    float: left;
    width: 24%;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #dddddd;
}

.icon-collection .fontawesome-icon-list .fa-hover:nth-child(4n) {
    margin-right: 0;
}

@media (max-width: 991px) {
    .icon-collection .fontawesome-icon-list .fa-hover {
        width: 31%;
    }

    .icon-collection .fontawesome-icon-list .fa-hover:nth-child(3n) {
        margin-right: 0;
    }

    .icon-collection .fontawesome-icon-list .fa-hover:nth-child(3n) i:hover {
        margin: 0;
    }

    .icon-collection .fontawesome-icon-list .fa-hover:nth-child(4n) {
        margin-right: 10px;
        clear: right;
    }
}

.icon-collection .fontawesome-icon-list .fa-hover>i {
    display: block;
    float: left;
    position: relative;
    background: #fafafa;
    border-right: 1px solid #d1d1d1;
    padding: 10px;
    text-align: center;
    width: 25%;
}

.icon-collection .fontawesome-icon-list .fa-hover>i:hover {
    width: 60%;
    background: #68b828;
    color: #fff;
    margin: -1px;
}

.icon-collection .fontawesome-icon-list .fa-hover>i:hover+span {
    width: 40%;
}

.icon-collection .fontawesome-icon-list .fa-hover>span {
    display: block;
    float: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px;
    padding-bottom: 8px;
    width: 75%;
    color: #7f7f7f;
}

.icon-collection .fontawesome-icon-list .fa-hover>span:hover {
    color: #333333;
}

.layout-variants {
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

.layout-variants .row-clearer {
    clear: both;
    height: 5px;
}

.layout-variants .layout-variant {
    display: block;
    margin-bottom: 20px;
    padding: 5px;
    border: 1px solid transparent;
}

.layout-variants .layout-variant:hover,
.layout-variants .layout-variant.layout-current {
    background: rgba(240, 240, 240, 0.2);
    border-color: #f0f0f0;
}

.layout-variants .layout-variant:hover .layout-name a,
.layout-variants .layout-variant.layout-current .layout-name a {
    color: #333333;
}

.layout-variants .layout-variant .layout-img {
    margin-bottom: 15px;
}

.layout-variants .layout-variant .layout-img img {
    display: block;
    width: 100%;
}

.layout-variants .layout-variant .layout-name {
    font-weight: bold;
}

.layout-variants .layout-variant .layout-name a {
    color: #737373;
    max-width: 218px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.layout-variants .layout-variant .layout-name:after {
    display: block;
    content: '';
    width: 20px;
    height: 1px;
    background: #ccc;
    margin: 5.88235294px 0;
}

.layout-variants .layout-variant .layout-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.layout-variants .layout-variant .layout-links li {
    margin: 2px 0;
}

.layout-variants .layout-variant .layout-links li a {
    color: #989898;
    font-size: 9px;
    text-transform: uppercase;
}

.layout-variants .layout-variant .layout-links li a:hover,
.layout-variants .layout-variant .layout-links li a.layout-mode-current {
    color: #4c4c4c;
}

.layout-variants .layout-variant .layout-links li a.layout-mode-current {
    font-weight: bold;
}

.layout-variants .layout-variant .layout-links li a.disabled {
    cursor: not-allowed;
    color: #989898;
}

* {
    font-family: "Microsoft YaHei", sans-serif;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background: #fff;
    color: #000;
}

html[ns-system="pc"]>* ::-webkit-scrollbar,
body[ns-system="pc"]>* ::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

html[ns-system="pc"]>* ::-webkit-scrollbar-thumb,
body[ns-system="pc"]>* ::-webkit-scrollbar-thumb {
    height: 48px;
    background: #b3cbe5;
    border-left: 0 solid #ffffff;
    border-radius: 7px;
    cursor: pointer;
}

html[ns-system="pc"]>* ::-webkit-scrollbar-thumb:hover,
body[ns-system="pc"]>* ::-webkit-scrollbar-thumb:hover {
    background: #8db1d8;
}

html[ns-system="pc"]>* ::-webkit-scrollbar-track,
body[ns-system="pc"]>* ::-webkit-scrollbar-track {
    background: #ededed;
    border-left: 0 solid #ffffff;
}

/* Firefox */
@-moz-document url-prefix() {

    html[ns-system="pc"]>* ::-moz-scrollbar,
    body[ns-system="pc"]>* ::-moz-scrollbar {
        width: 7px;
        height: 7px;
    }

    html[ns-system="pc"]>* ::-moz-scrollbar-thumb,
    body[ns-system="pc"]>* ::-moz-scrollbar-thumb {
        height: 48px;
        background: #b3cbe5;
        border-left: 0 solid #ffffff;
        border-radius: 7px;
        cursor: pointer;
    }

    html[ns-system="pc"]>* ::-moz-scrollbar-thumb:hover,
    body[ns-system="pc"]>* ::-moz-scrollbar-thumb:hover {
        background: #8db1d8;
    }

    html[ns-system="pc"]>* ::-moz-scrollbar-track,
    body[ns-system="pc"]>* ::-moz-scrollbar-track {
        background: #ededed;
        border-left: 0 solid #ffffff;
    }
}

i[class*="fa-"] {
    display: inline-block;
    font-size: 14px;
    text-rendering: auto;
}

a {
    text-decoration: none;
    outline: none !important;
}

a:hover,
a:focus {
    text-decoration: none;
}

input,
button {
    outline: none !important;
}

input::-ms-clear,
select::-ms-expand {
    display: none;
}

.timeout {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999998;
    background: rgba(0, 0, 0, 0.5);
}

.timeout .timeout-panel {
    position: fixed;
    width: 400px;
    top: 15%;
    left: 50%;
    margin: 0 0 0 -200px;
    padding: 30px 0 0;
    background: #fff;
    z-index: 999999999;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    text-align: center;
}

.timeout .timeout-panel i.fa-warning {
    font-size: 48px;
    margin: 0;
    color: #f39800;
}

.timeout .timeout-panel p {
    color: #777777;
}

.timeout .timeout-panel .btn {
    height: 40px;
    border-width: 1px 0 0;
    margin: 40px 0 0;
}

/*radiobox鼠标经过提示*/
.frame-standard .tooltip-inner {
    text-align: left;
    font-size: 12px;
    background: #00a9e1;
    border-radius: 4px;
}

.frame-standard .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.frame-standard .tooltip.top .tooltip-arrow,
.frame-standard .tooltip.top-left .tooltip-arrow,
.frame-standard .tooltip.left .tooltip-arrow,
.frame-standard .tooltip.top-right .tooltip-arrow,
.frame-standard .tooltip.right .tooltip-arrow,
.frame-standard .tooltip.bottom .tooltip-arrow,
.frame-standard .tooltip.bottom-left .tooltip-arrow,
.frame-standard .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #00a9e1;
}

.form-control::-moz-placeholder {
    color: #d9e9f8;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #d9e9f8;
}

.form-control::-webkit-input-placeholder {
    color: #d9e9f8;
}

.handle-type-group {
    background: #f9f9f9;
    margin: 0 -15px;
    padding: 9px 15px;
    border-bottom: 1px solid #ddd;
}

.handle {
    display: inline-block;
    border: 1px solid #b7b7b7;
}

.handle+.handle {
    margin: 0 0 0 10px;
}

.handle .handle-type {
    float: left;
    display: inline-block;
    color: #ffffff;
    padding: 5px 12px;
    background: #b7b7b7;
}

.handle .handle-type:hover {
    background: #9d9d9d;
}

.handle .handle-Number {
    position: relative;
    display: inline-block;
    background: #fff;
    padding: 5px 12px;
}

.handle.handle-primary {
    border-color: #bab7fe;
}

.handle.handle-primary .handle-type {
    background: #bab7fe;
}

.handle.handle-primary .handle-type:hover {
    background: #8a84fe;
}

.handle.handle-primary .handle-Number:hover {
    color: #8a84fe;
    background: #ffffff;
}

.handle.handle-info {
    border-color: #12b6ff;
}

.handle.handle-info .handle-type {
    background: #12b6ff;
}

.handle.handle-info .handle-type:hover {
    background: #009ade;
}

.handle.handle-info .handle-Number:hover {
    color: #009ade;
    background: #def5ff;
}

.handle.handle-success {
    border-color: #00cc5b;
}

.handle.handle-success .handle-type {
    background: #00cc5b;
}

.handle.handle-success .handle-type:hover {
    background: #009944;
}

.handle.handle-success .handle-Number:hover {
    color: #009944;
    background: #ccffe3;
}

.handle.handle-warning {
    border-color: #ffae27;
}

.handle.handle-warning .handle-type {
    background: #ffae27;
}

.handle.handle-warning .handle-type:hover {
    background: #f39800;
}

.handle.handle-warning .handle-Number:hover {
    color: #f39800;
    background: #fff1da;
}

.handle.handle-danger {
    border-color: #ff1a2c;
}

.handle.handle-danger .handle-type {
    background: #ff3343;
}

.handle.handle-danger .handle-type:hover {
    background: #e60012;
}

.handle.handle-danger .handle-Number:hover {
    color: #e60012;
    background: #ffe6e8;
}

.handle.handle-default {
    border-color: #919191;
}

.handle.handle-default .handle-type {
    background: #9d9d9d;
}

.handle.handle-default .handle-type:hover {
    background: #777777;
}

.handle.handle-default .handle-Number:hover {
    color: #777777;
    background: #f7f7f7;
}

.handle .handle-tips {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 18px;
    height: 18px;
    background: #ff4d5b;
    font-size: 8px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    border-radius: 14px;
    box-sizing: content-box;
    font-family: "Arial, sans-serif";
}

.handling-state {
    display: table;
    width: 100%;
    margin: 0 -5px;
}

.handling-state .handling-state-item {
    display: table-cell;
    padding: 0 5px;
}

.handling-state .handling-state-item:nth-child(1) .handling-state-box {
    color: #ffffff;
    background: #4691e5;
}

.handling-state .handling-state-item:nth-child(2) .handling-state-box {
    color: #ffffff;
    background: #fcb538;
}

.handling-state .handling-state-item:nth-child(3) .handling-state-box {
    color: #ffffff;
    background: #937af0;
}

.handling-state .handling-state-item:nth-child(4) .handling-state-box {
    color: #ffffff;
    background: #3fc9e0;
}

.handling-state .handling-state-item:nth-child(5) .handling-state-box {
    color: #ffffff;
    background: #6acd5a;
}

.handling-state .handling-state-item:nth-child(6) .handling-state-box {
    color: #ffffff;
    background: #e03d76;
}

.handling-state .handling-state-item:nth-child(7) .handling-state-box {
    color: #ffffff;
    background: #f06e4c;
}

.handling-state .handling-state-box {
    display: table;
    width: 100%;
    background: #ddd;
}

.handling-state .handling-state-box .handling-state-box-before {
    display: table-cell;
    width: 48px;
    text-align: left;
    vertical-align: top;
}

.handling-state .handling-state-box .handling-state-box-before i {
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.75);
    margin: 5px;
}

.handling-state .handling-state-box .handling-state-box-info {
    display: table-cell;
    padding: 5px 0;
}

.handling-state .handling-state-box .handling-state-box-info h6 {
    margin: 0;
    line-height: 18px;
}

.handling-state .handling-state-box .handling-state-box-info h5 {
    margin: 0;
    line-height: 18px;
    font-weight: bold;
}

.handling-state .handling-state-box .handling-state-box-after {
    width: 36px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.handling-state .handling-state-box .handling-state-box-after span {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    line-height: 20px;
    border-radius: 20px;
    background: #fff;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.text-success {
    color: #009944;
}

.text-info {
    color: #009ade;
}

.text-warning {
    color: #f39800;
}

.text-danger {
    color: #e60012;
}

.user-id-photo {
    position: absolute;
    display: block;
    width: 100%;
    height: 124px;
    z-index: 99;
    background: #fff;
}

.user-id-photo img {
    display: block;
    height: 100px;
    margin: 10px auto;
}

.color-preview {
    width: 16px;
    height: 16px;
    background: #FFF;
    display: inline-block;
    border: 1px solid #e4e4e4;
    background-color: #cd0c0c;
}

video {
    width: 100%;
}

header.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 80px;
    height: 48px;
    border-bottom: 1px solid #3da5fc;
    background: #56b1fc;
    z-index: 998;
}

header.header .logo {
    display: table;
    width: 100%;
    height: 48px;
}

header.header .logo a {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}

header.header .logo a img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

nav.navbar {
    height: 48px;
    min-height: 48px;
    margin: 0;
    border-bottom: none;
    box-shadow: 7px 7px 0 rgba(60, 150, 220, 0.075);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

nav .navbar-nav {
    float: right;
}

nav .dropdown {
    display: inline-block;
}

nav.nav-accordion {
    width: 100%;
}

nav.nav-accordion .nav-group .nav-item a {
    display: block;
}

.frame-standard nav.navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 80px;
    z-index: 998;
    padding: 7px 15px;
    background: #ffffff;
    border-radius: 0;
}

.frame-standard nav.navbar button i {
    font-size: 16px;
    color: #1ca1ea;
    padding-right: 0;
    position: relative;
    z-index: 2;
}

.frame-standard nav.navbar button i:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    width: 12px;
    height: 12px;
    line-height: 12px;
    margin: -6px;
    background: transparent;
    border-radius: 12px;
    z-index: -1;
    transform: scale(1);
    transition: ease-in-out all 0.15s;
}

.frame-standard nav.navbar button i:hover:after {
    background: #e5f1fa;
    border-radius: 30px;
    transform: scale(2.5);
}

.frame-standard nav.navbar button:hover i {
    color: #1073aa;
}

.frame-standard nav.navbar .btn-group .btn {
    position: relative;
}

.frame-standard nav.navbar .btn-group .btn .badge {
    position: absolute;
    top: -3px;
    right: -5px;
    display: block;
    padding: 0;
    color: #fff;
    font-weight: normal;
    width: 16px;
    height: 16px;
    line-height: 16px;
    z-index: 9;
}

.frame-standard nav.navbar .btn-group .btn .badge.badge-empty {
    top: 0;
    right: 0;
}

.frame-standard nav.navbar .btn-group .btn .badge:focus,
.frame-standard nav.navbar .btn-group .btn .badge:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.frame-standard nav.navbar .btn-icon:hover,
.frame-standard nav.navbar .btn-icon:focus {
    text-decoration: none;
}

.frame-standard nav.navbar .btn-icon.dropdown-toggle i:after {
    display: none;
}

.frame-standard nav.navbar .btn-icon+.btn-icon {
    margin-left: 5px;
}

.frame-standard nav.navbar .navbar-nav .dropdown-menu {
    margin-top: 11px;
    padding: 0;
    border-radius: 0;
    border-color: #d9e9f8;
    box-shadow: 5px 5px 0 rgba(60, 150, 220, 0.075);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.frame-standard nav.navbar .navbar-nav .dropdown-menu:before,
.frame-standard nav.navbar .navbar-nav .dropdown-menu:after {
    position: absolute;
    content: "";
    top: -8px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -4px;
}

.frame-standard nav.navbar .navbar-nav .dropdown-menu:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    z-index: 9;
}

.frame-standard nav.navbar .navbar-nav .dropdown-menu:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #3d97dc;
}

.frame-standard nav.navbar .navbar-nav .dropdown-menu>li.divider {
    margin: 0;
    background: #d9e9f8;
}

.frame-standard nav.navbar .navbar-nav .dropdown-menu>li>a {
    padding: 10px;
}

.settings-pane {
    background: #27292a;
    color: #ffffff;
    display: none;
    position: relative;
    overflow: hidden;
    -webkit-perspective: 50px;
    -moz-perspective: 50px;
    perspective: 50px;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

@media screen and (max-width: 768px) {
    .settings-pane {
        padding: 10px;
    }
}

.settings-pane .settings-pane-inner {
    position: relative;
    padding: 10px 30px 10px 10px;
}

@media screen and (max-width: 768px) {
    .settings-pane .settings-pane-inner {
        padding: 0;
    }
}

.settings-pane .settings-pane-inner .tel {
    font-size: 16px;
    text-align: right;
}

.settings-pane .settings-pane-inner .tel i {
    font-size: 16px;
}

.settings-pane .settings-pane-inner.with-animation {
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all 350ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -moz-transition: all 350ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    -o-transition: all 350ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
    transition: all 350ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

.settings-pane .settings-pane-inner.with-animation.visible {
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

.settings-pane .settings-pane-inner.with-animation.closing {
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms;
}

.settings-pane>a[data-toggle="settings-pane"] {
    display: block;
    color: #989898;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 12px;
    font-size: 18px;
    line-height: 1;
    z-index: 100;
}

.settings-pane>a[data-toggle="settings-pane"]:hover {
    color: #FFF;
}

.settings-pane-open .settings-pane {
    display: block;
}

.settings-pane-open .sidebar-menu .sidebar-menu-inner {
    position: relative !important;
}

.settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon {
    background: #27292a;
    -webkit-box-shadow: 0px 0px 0px 10px #27292a, 0px -10px 0px 10px #27292a, 0px -20px 0px 10px #27292a, 0px -30px 0px 10px #27292a;
    -moz-box-shadow: 0px 0px 0px 10px #27292a, 0px -10px 0px 10px #27292a, 0px -20px 0px 10px #27292a, 0px -30px 0px 10px #27292a;
    box-shadow: 0px 0px 0px 10px #27292a, 0px -10px 0px 10px #27292a, 0px -20px 0px 10px #27292a, 0px -30px 0px 10px #27292a;
}

/*====================================================================*/
/*main*/
/*====================================================================*/
.page-container {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: top;
    border-collapse: collapse;
    border-spacing: 0px;
    table-layout: fixed;
}

.page-container .main-content {
    display: table-cell;
    position: relative;
    z-index: 1;
    padding: 0px 15px;
    vertical-align: top;
    word-break: break-word;
}

.page-container .main-content:hover {
    z-index: 15;
}

.page-container .main-content.table-content,
.page-container .main-content.content-box {
    position: relative;
}

.page-container .main-content.table-content container>.row>.col-sm-3+.col-sm-9,
.page-container .main-content.content-box container>.row>.col-sm-3+.col-sm-9,
.page-container .main-content.table-content container>.row>.col-sm-5+.col-sm-5,
.page-container .main-content.content-box container>.row>.col-sm-5+.col-sm-5,
.page-container .main-content.table-content container>.row>.col-sm-6+.col-sm-6,
.page-container .main-content.content-box container>.row>.col-sm-6+.col-sm-6,
.page-container .main-content.table-content container>.row>.col-sm-5+.col-sm-7,
.page-container .main-content.content-box container>.row>.col-sm-5+.col-sm-7,
.page-container .main-content.table-content container>.row>.col-sm-3+.col-sm-8,
.page-container .main-content.content-box container>.row>.col-sm-3+.col-sm-8,
.page-container .main-content.table-content container>.row>.nspanel+.nspanel,
.page-container .main-content.content-box container>.row>.nspanel+.nspanel {
    padding-left: 0;
    padding-right: 0;
}

.page-container .main-content.table-content container>.row>.col-sm-3+.col-sm-9 .col-sm-12,
.page-container .main-content.content-box container>.row>.col-sm-3+.col-sm-9 .col-sm-12,
.page-container .main-content.table-content container>.row>.col-sm-5+.col-sm-5 .col-sm-12,
.page-container .main-content.content-box container>.row>.col-sm-5+.col-sm-5 .col-sm-12,
.page-container .main-content.table-content container>.row>.col-sm-6+.col-sm-6 .col-sm-12,
.page-container .main-content.content-box container>.row>.col-sm-6+.col-sm-6 .col-sm-12,
.page-container .main-content.table-content container>.row>.col-sm-5+.col-sm-7 .col-sm-12,
.page-container .main-content.content-box container>.row>.col-sm-5+.col-sm-7 .col-sm-12,
.page-container .main-content.table-content container>.row>.col-sm-3+.col-sm-8 .col-sm-12,
.page-container .main-content.content-box container>.row>.col-sm-3+.col-sm-8 .col-sm-12,
.page-container .main-content.table-content container>.row>.nspanel+.nspanel .col-sm-12,
.page-container .main-content.content-box container>.row>.nspanel+.nspanel .col-sm-12 {
    padding: 0;
}

.page-container .main-content.table-content container>.row>.col-sm-5+.col-sm-7>.col-sm-12,
.page-container .main-content.content-box container>.row>.col-sm-5+.col-sm-7>.col-sm-12 {
    padding: 0;
}

.page-container .main-content.table-content .layout-table.autoHeight .table-responsive,
.page-container .main-content.content-box .layout-table.autoHeight .table-responsive {
    margin: 0;
}

.main-panel>.panel-body {
    padding: 0;
}

.main-panel+.main-panel>.panel .panel-body {
    padding-left: 0;
}

.nspanel {
    min-height: 30px;
    margin: 0 0 10px;
    background: #fff;
}

.nspanel.layout-form {
    padding: 0;
}

.nspanel .nspanel-title {
    padding: 10px 15px;
    border-bottom: 1px solid #d9e9f8;
    position: relative;
    display: block;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold !important;
    color: #222222;
    padding-left: 0;
}

.nspanel .nspanel-title:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    background: #fc7008;
    z-index: 9;
    height: 16px;
    top: 50%;
    left: 0;
    margin: -8px 0 0;
}

.nspanel .nspanel-title:before {
    display: none;
}

.nspanel.table-single-templete {
    margin-bottom: 0;
}

.nspanel .nspanel-body {
    padding: 10px 0;
}

.nspanel .nspanel-body ul.code li {
    line-height: 170%;
    color: #9d9d9d;
}

.table-responsive {
    margin: 0;
}

.nspanel-hr {
    height: 0px !important;
}

.help-info-total {
    display: flex;
    justify-content: space-around;
}

.help-info-total .help-info-detailed {
    max-width: 94%;
    line-height: 25px;
    font-size: 12px;
    display: flex;
}

.help-info-total .help-info-detailed .help-info-img {
    width: 160px;
    padding: 10px;
    text-align: center;
    line-height: 25px;
}

.help-info-total .help-info-detailed .help-info-img img {
    border-right: 1px solid #dedede;
    padding-right: 15px;
}

.help-info-total .help-info-detailed .help-info-word {
    margin: 20px 0 0 30px;
}

.help-info-total .help-before,
.help-info-total .help-after {
    color: #999;
    padding: 60px 0;
}

.help-info-total .help-before .fa,
.help-info-total .help-after .fa {
    font-size: 36px;
}

.help-info-total .help-before .fa:hover,
.help-info-total .help-after .fa:hover,
.help-info-total .help-before .fa:active,
.help-info-total .help-after .fa:active {
    color: #666;
}

.sidebar-menu {
    display: table-cell;
    position: relative;
    width: 240px;
    background: #5b5b5b;
    z-index: 1;
}

.sidebar-menu .logo-env {
    height: 50px;
    background-color: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

.sidebar-menu .logo-env .logo {
    width: 220px;
    height: 50px;
    padding: 5px;
    float: left;
    position: relative;
}

.sidebar-menu .logo-env .logo .logo-expanded img {
    max-width: 210px;
    max-height: 40px;
}

.sidebar-menu .logo-env .logo .logo-collapsed {
    display: none;
    width: 28px;
    overflow: hidden;
}

.sidebar-menu .logo-env .logo .logo-collapsed img {
    max-width: 18px;
    min-width: 20px;
    max-height: 40px;
}

.sidebar-menu .logo-env .logo .help-info {
    position: absolute;
    left: 200px;
    bottom: 0;
    width: 20px;
    height: 50px;
    line-height: 50px;
    color: #83b7e8;
    font-size: 14px;
}

.sidebar-menu .logo-env .logo .help-info:hover,
.sidebar-menu .logo-env .logo .help-info:active {
    color: #216bb1;
}

.sidebar-menu .logo-env .sider-control {
    height: 50px;
    background-color: #ffffff;
    width: 20px;
    float: right;
    border-right: 1px solid #d9e9f8;
    padding: 7px 0;
}

.sidebar-menu .logo-env .sider-control a {
    display: block;
    width: 12px;
    height: 36px;
    float: right;
    line-height: 36px;
    border: 1px solid #d9e9f8;
    border-right-color: #ffffff;
    margin-right: -1px;
    text-align: right;
}

.sidebar-menu .logo-env .sider-control a:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "";
    content: "\f0d9";
    color: #83b7e8;
    top: 7px;
    right: 0;
}

.sidebar-menu .user-plane {
    height: 50px;
    background-color: #393939;
    width: 240px;
    position: fixed;
    top: 50px;
    left: 0;
    z-index: 1;
}

.sidebar-menu .user-plane .user-info {
    height: 50px;
    width: 150px;
    border-right: 1px solid #5b5b5b;
    float: left;
    position: relative;
}

.sidebar-menu .user-plane .user-info.open {
    color: #fff;
}

.sidebar-menu .user-plane .user-info a[data-toggle="dropdown"] {
    display: block;
    padding: 18px 0 0 15px;
    width: 150px;
    height: 50px;
    color: #9c9c9c;
}

.sidebar-menu .user-plane .user-info a[data-toggle="dropdown"]:link,
.sidebar-menu .user-plane .user-info a[data-toggle="dropdown"]:visited {
    color: #9c9c9c;
}

.sidebar-menu .user-plane .user-info a[data-toggle="dropdown"]:hover {
    color: #c4c4c4;
}

.sidebar-menu .user-plane .user-info a[data-toggle="dropdown"] i {
    font-size: 18px;
    margin-right: 3px;
}

.sidebar-menu .user-plane .tools {
    height: 50px;
    width: 90px;
    float: left;
    padding: 5px;
}

.sidebar-menu .user-plane .tools .icon {
    font-size: 24px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 33px;
    float: left;
    text-align: center;
}

.sidebar-menu .user-plane .tools .icon:link,
.sidebar-menu .user-plane .tools .icon:visited {
    color: #9c9c9c;
}

.sidebar-menu .user-plane .tools .icon:hover {
    color: #c4c4c4;
}

.sidebar-menu .user-plane .tools .icon.home {
    padding-top: 2px;
}

.sidebar-menu .user-plane .tools .icon i {
    font-size: 14px;
}

.sidebar-menu .user-plane .tools .icon i.fa-home {
    line-height: 18px;
    font-size: 18px;
}

.sidebar-menu .main-menu {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
    list-style: none;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .sidebar-menu .main-menu {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.sidebar-menu .main-menu a {
    color: #989898;
    text-decoration: none;
    display: block;
    padding: 10px 5px;
    border-bottom: 1px solid #686868;
}

.sidebar-menu .main-menu a>i {
    display: inline-block;
    margin: 0 10px 0 0;
    min-width: 14px;
    text-align: center;
}

.sidebar-menu .main-menu a>i+span {
    padding-right: 10px;
}

.sidebar-menu .main-menu a>span {
    display: inline-block;
    font-size: 11px;
}

.sidebar-menu .main-menu a>.label {
    margin-top: 1px;
}

.sidebar-menu .main-menu a>.badge {
    font-size: 75%;
    line-height: 1.2;
}

.sidebar-menu .main-menu a:hover {
    color: #ffffff;
}

.sidebar-menu .main-menu a.newtab {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    line-height: 38px;
    display: block;
    text-align: right;
    padding: 0;
    border: none;
}

.sidebar-menu .main-menu li.active>a {
    color: #ffffff;
}

.sidebar-menu .main-menu li.has-sub>a:before {
    position: relative;
    display: inline-block;
    font-family: 'FontAwesome';
    content: '\f107';
    float: right;
    color: #a8a8a8;
    margin-left: 10px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.sidebar-menu .main-menu li.has-sub.opened>a:before,
.sidebar-menu .main-menu li.has-sub.expanded>a:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.sidebar-menu .main-menu li.has-sub.expanded ul {
    padding-left: 30px;
}

.sidebar-menu .main-menu li.has-sub.expanded ul li a {
    padding-left: 0;
}

.sidebar-menu .main-menu>li.opened>ul {
    display: block;
}

.sidebar-menu .main-menu>li.opened .opened>ul {
    display: block;
}

.sidebar-menu .main-menu ul {
    display: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.sidebar-menu .main-menu ul li {
    position: relative;
}

@media screen and (min-width: 768px) {
    .sidebar-menu .main-menu ul li.is-hidden {
        left: -20px;
        zoom: 1;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        filter: alpha(opacity=0);
    }
}

.sidebar-menu .main-menu ul li.is-shown {
    left: 0;
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.sidebar-menu .main-menu ul li.is-shown+.is-shown {
    -webkit-transition-delay: 80ms;
    -moz-transition-delay: 80ms;
    -o-transition-delay: 80ms;
    transition-delay: 80ms;
}

.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown {
    -webkit-transition-delay: 120ms;
    -moz-transition-delay: 120ms;
    -o-transition-delay: 120ms;
    transition-delay: 120ms;
}

.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown {
    -webkit-transition-delay: 160ms;
    -moz-transition-delay: 160ms;
    -o-transition-delay: 160ms;
    transition-delay: 160ms;
}

.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown {
    -webkit-transition-delay: 240ms;
    -moz-transition-delay: 240ms;
    -o-transition-delay: 240ms;
    transition-delay: 240ms;
}

.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown {
    -webkit-transition-delay: 280ms;
    -moz-transition-delay: 280ms;
    -o-transition-delay: 280ms;
    transition-delay: 280ms;
}

.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown {
    -webkit-transition-delay: 320ms;
    -moz-transition-delay: 320ms;
    -o-transition-delay: 320ms;
    transition-delay: 320ms;
}

.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown {
    -webkit-transition-delay: 360ms;
    -moz-transition-delay: 360ms;
    -o-transition-delay: 360ms;
    transition-delay: 360ms;
}

.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown {
    -webkit-transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    transition-delay: 400ms;
}

.sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown {
    -webkit-transition-delay: 440ms;
    -moz-transition-delay: 440ms;
    -o-transition-delay: 440ms;
    transition-delay: 440ms;
}

.sidebar-menu .main-menu ul li.hidden-item {
    visibility: hidden;
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

.sidebar-menu .main-menu ul li a {
    padding-left: 35px;
}

.sidebar-menu .main-menu ul li ul li a {
    padding-left: 60px;
}

.sidebar-menu .main-menu ul li ul li ul li a {
    padding-left: 85px;
}

.sidebar-menu .main-menu ul li ul li ul li ul li a {
    padding-left: 110px;
}

.sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x,
.sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y {
    background-color: rgba(255, 255, 255, 0.6);
}

.sidebar-menu.fixed {
    height: 100%;
}

.sidebar-menu.fixed .sidebar-menu-inner {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: inherit;
    overflow: hidden;
}

.page-body.right-sidebar .sidebar-menu.fixed .sidebar-menu-inner {
    left: auto;
    right: 0;
}

@media screen and (min-width: 768px) {
    .sidebar-menu.collapsed {
        width: 48px;
        z-index: 10;
    }

    .sidebar-menu.collapsed .hidden-collapsed {
        display: none !important;
    }

    .sidebar-menu.collapsed+.main-content .main-footer {
        left: 48px;
    }

    .sidebar-menu.collapsed .sidebar-menu-inner {
        overflow: visible;
        position: relative;
    }

    .sidebar-menu.collapsed .logo-env {
        width: 48px;
        overflow: hidden;
    }

    .sidebar-menu.collapsed .logo-env .logo {
        width: 48px;
        overflow: hidden;
    }

    .sidebar-menu.collapsed .logo-env .logo-collapsed {
        display: block;
        text-align: center;
    }

    .sidebar-menu.collapsed .logo-env .logo-expanded,
    .sidebar-menu.collapsed .logo-env .settings-icon {
        display: none;
    }

    .sidebar-menu.collapsed .logo-env .sider-control {
        position: absolute;
        top: 0;
        right: 0;
        background-color: transparent;
    }

    .sidebar-menu.collapsed .logo-env .sider-control a {
        background-color: #ffffff;
    }

    .sidebar-menu.collapsed .logo-env .sider-control a:after {
        content: "\f0da";
    }

    .sidebar-menu.collapsed .user-plane {
        width: 48px;
    }

    .sidebar-menu.collapsed .user-plane:hover {
        width: 140px;
    }

    .sidebar-menu.collapsed .user-plane:hover .tools {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }

    .sidebar-menu.collapsed .user-plane .user-info {
        width: 48px;
    }

    .sidebar-menu.collapsed .user-plane .user-info a[data-toggle="dropdown"] {
        padding: 18px 0 0 10px;
        width: 140px;
    }

    .sidebar-menu.collapsed .user-plane .user-info a[data-toggle="dropdown"] .name {
        display: none;
    }

    .sidebar-menu.collapsed .user-plane .user-info .dropdown-menu {
        width: 140px;
        left: 0;
        top: 51px;
    }

    .sidebar-menu.collapsed .user-plane .tools {
        display: none;
    }

    .sidebar-menu.collapsed .main-menu {
        padding-left: 0;
        padding-right: 0;
    }

    .sidebar-menu.collapsed .main-menu>li {
        text-align: center;
        position: relative;
    }

    .sidebar-menu.collapsed .main-menu>li.active,
    .sidebar-menu.collapsed .main-menu>li li.active {
        background-color: #535353;
    }

    .sidebar-menu.collapsed .main-menu>li>a>i {
        margin-right: 0;
        font-size: 16px;
    }

    .sidebar-menu.collapsed .main-menu>li>a>span {
        display: none;
    }

    .sidebar-menu.collapsed .main-menu>li>a>span.label {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    .sidebar-menu.collapsed .main-menu>li.has-sub>a:before {
        display: none;
    }

    .sidebar-menu.collapsed .main-menu>li.opened>ul {
        display: none;
    }

    .sidebar-menu.collapsed .main-menu>li>ul {
        position: absolute;
        background: #5b5b5b;
        width: 250px;
        top: 0;
        left: 100%;
        text-align: left;
    }

    .page-body.right-sidebar .sidebar-menu.collapsed .main-menu>li>ul {
        left: auto;
        right: 100%;
    }

    .sidebar-menu.collapsed .main-menu>li>ul>li>a {
        padding-left: 20px;
    }

    .sidebar-menu.collapsed .main-menu>li>ul>li>ul>li>a {
        padding-left: 35px;
    }

    .sidebar-menu.collapsed .main-menu>li>ul>li>ul>li>ul>li>a {
        padding-left: 50px;
    }

    .sidebar-menu.collapsed .main-menu>li>ul>li>ul>li>ul>li>ul>li>a {
        padding-left: 65px;
    }

    .sidebar-menu.collapsed .main-menu>li>ul>li>ul>li>ul>li>ul>li>ul>li>a {
        padding-left: 80px;
    }

    .sidebar-menu.collapsed .main-menu>li>ul li.has-sub>a:before {
        margin-right: 10px;
    }

    .sidebar-menu.collapsed .main-menu>li:hover>ul {
        display: block;
    }
}

.sidebar-menu.sidebar-plus .main-menu a>span {
    font-size: 14px;
}

.sidebar-menu.sidebar-plus .main-menu a:hover {
    background: #375479;
    border-bottom-color: #4b709f;
}

.page-body.right-sidebar .page-container {
    direction: rtl;
}

.page-body.right-sidebar .page-container>* {
    direction: ltr;
}

.sidebar-menu-horizontal {
    position: fixed;
    top: 48px;
    bottom: 0;
    left: 0;
    width: 80px;
    display: block;
    background: #56b1fc;
    z-index: 998;
}

.sidebar-menu-horizontal .sidebar-menu-item a {
    display: block;
    padding: 15px 10px;
    font-size: 16px;
    line-height: 16px;
    border-top: 1px solid #56b1fc;
    border-bottom: 1px solid #56b1fc;
    color: #edf8ff;
    box-sizing: border-box;
}

.sidebar-menu-horizontal .sidebar-menu-item a span {
    font-size: 16px;
}

.sidebar-menu-horizontal .sidebar-menu-item a:hover {
    background: #75c1ff;
    color: #fff;
}

.sidebar-menu-horizontal .sidebar-menu-item a.current {
    position: relative;
    background: #1b95f9;
    color: #ffffff;
    border-top: 1px solid #0689f4;
    border-bottom: 1px solid #84c8ff;
    color: #fff;
}

.sidebar-menu-horizontal .sidebar-menu-item a.current:hover {
    background: #1b95f9;
    color: #ffffff;
}

.sidebar-menu-horizontal .sidebar-menu-item a.current:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    margin: -8px 0 0;
}

.sidebar-menu-horizontal .sidebar-menu-item a.open {
    background: #75c1ff;
    color: #ffffff;
    border-top: 1px solid #75c1ff;
    border-bottom: 1px solid #75c1ff;
}

.sidebar-menu-horizontal .sidebar-menu-item a.open.current {
    background: #1b95f9;
}

.sidebar-menu-horizontal .sidebar-menu-item a i {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto 10px;
    font-size: 16px;
    text-align: center;
}

.sidebar-menu-horizontal .sidebar-menu-item a>span {
    display: block;
    text-align: center;
    font-size: 14px;
}

.sidebar-menu-horizontal>ul {
    padding: 0;
}

.sidebar-menu-horizontal>ul li {
    list-style-type: none;
}

.sidebar-menu-horizontal .submenu-block {
    position: fixed;
    top: 56px;
    left: 80px;
    padding: 25px 5px;
    background: #ffffff;
    box-shadow: 3px 1px 5px rgba(95, 135, 180, 0.25);
    z-index: 998;
}

.sidebar-menu-horizontal .submenu-block>ul {
    padding: 0;
}

.sidebar-menu-horizontal .submenu-block .submenu-list-title {
    padding-bottom: 10px;
    color: #0051aa;
    font-weight: bold;
    font-size: 15px;
}

.sidebar-menu-horizontal .submenu-block .submenu-list {
    display: block;
    float: left;
    width: 220px;
    padding-left: 30px;
}

.sidebar-menu-horizontal .submenu-block .submenu-list ul {
    padding: 0;
}

.sidebar-menu-horizontal .submenu-block .submenu-list ul li {
    list-style-type: none;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item {
    position: relative;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item a {
    display: block;
    padding: 12.5px;
    padding-left: 10px;
    padding-right: 30px;
    border-radius: 3px;
    color: #000;
    font-size: 12px;
    max-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 0;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item a.open {
    position: relative;
    background: transparent;
    color: #0051aa;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item a.open:after {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    margin-top: -3px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid #f39800;
    border-bottom: 5px solid transparent;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-text.submenu-list-item-blank {
    position: relative;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-text.submenu-list-item-blank .newtab {
    position: absolute;
    top: 8px;
    right: 5px;
    padding: 0;
    text-align: center;
    border-color: #d6e8ff;
    border-radius: 0;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-text.submenu-list-item-blank .newtab i {
    margin: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-text.submenu-list-item-blank:hover .newtab {
    background: #d6e8ff;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-text.submenu-list-item-blank:hover .newtab:hover {
    background: #bcd9ff;
    border-color: #bcd9ff;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .badge {
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    top: 50%;
    left: -18px;
    margin: -9px 0 0;
    padding: 3px;
    font-weight: normal;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .badge.badge-square {
    border-radius: 2px;
    color: #fff;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .badge.badge-empty {
    width: 8px;
    height: 8px;
    margin: -4px 0 0 10px;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-control {
    position: absolute;
    top: 50%;
    right: 0;
    padding: 0 5px;
    margin-top: -12px;
    display: none;
    background: #eff6ff;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-control .btn {
    border-radius: 0;
    padding: 0;
    text-align: center;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-control .btn-icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #d6e8ff;
    border-color: #d6e8ff;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-control .btn-icon:hover {
    background: #bcd9ff;
    border-color: #bcd9ff;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-control .btn-icon+.btn-icon {
    margin-left: 5px;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .caret {
    display: none;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item:hover a {
    background: #eff6ff;
}

.sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item:hover .submenu-list-item-control {
    display: block;
}

[ns-system="mobile"] .sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-control {
    display: none;
    top: 0;
    background: transparent;
    margin-top: 50px;
    border-radius: 3px;
    z-index: 99;
}

[ns-system="mobile"] .sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-control:before {
    position: absolute;
    content: "";
    top: -12px;
    left: 50%;
    margin-left: -6px;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #000000;
    border-left: 4px solid transparent;
    border-width: 6px;
    border-bottom-color: #56b1fc;
}

[ns-system="mobile"] .sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-control .btn {
    background: #56b1fc;
    border-color: #56b1fc;
    margin: 0;
}

[ns-system="mobile"] .sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-control .btn:first-child {
    border-radius: 3px 0 0 3px;
}

[ns-system="mobile"] .sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-control .btn:last-child {
    border-radius: 0 3px 3px 0;
}

[ns-system="mobile"] .sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-control .btn.btn-icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

[ns-system="mobile"] .sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .submenu-list-item-control .btn.btn-icon:hover {
    background: #249afb;
}

[ns-system="mobile"] .sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item:hover .submenu-list-item-control,
[ns-system="mobile"] .sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item:focus .submenu-list-item-control {
    display: block;
}

[ns-system="mobile"] .sidebar-menu-horizontal .submenu-block .submenu-list .submenu-list-item .caret {
    position: absolute;
    display: block;
    right: 5px;
    bottom: 5px;
    border-top: none;
    border-right: none;
    border-bottom: 5px solid #009944;
    border-left: 5px solid transparent;
}

.sidebar-menu-horizontal .submenu-block .submenu-list+.submenu-list {
    margin-left: 5px;
    border-left: 1px solid #daefff;
}

.sidebar-menu-horizontal .submenu-block .submenu-list+.submenu-list.line-feed {
    border-left: 0;
    margin-left: 0;
    clear: left;
}

/*====================================================================*/
/* page-title */
/*====================================================================*/
.page-title {
    height: 51px;
    border-bottom: 1px solid #d9e9f8;
    background-color: #ffffff;
    margin: 0 -15px;
}

form .page-title {
    margin: 0;
}

.page-title .btn-group {
    float: left;
    padding: 10px;
}

.page-title .btn-group .btn-group {
    padding: 0 !important;
}

.page-title .btn-group-big {
    float: right;
    height: 50px;
}

.page-title .btn-group-big .btn-big {
    width: 50px;
    height: 50px;
    border: none;
    background-color: transparent;
    border-left: 1px solid #d9e9f8;
    color: #cccccc;
    float: left;
}

.page-title .btn-group-big .btn-big:hover,
.page-title .btn-group-big .btn-big:active {
    color: #999999;
    -webkit-box-shadow: inset 0 0 2px 2px #eeeeee;
    -moz-box-shadow: inset 0 0 2px 2px #eeeeee;
    box-shadow: inset 0 0 2px 2px #eeeeee;
}

.page-title .btn-group-big .btn-big i {
    font-size: 24px;
    line-height: 24px;
}

.page-title .btn-group-big .btn-big.disable {
    color: #cccccc;
}

.page-title .btn-group-big .btn-big.btn-histroy {
    padding: 6px 4px 0 0;
}

.page-title .btn-group-big .btn-big.btn-plus {
    padding: 3px 0 0 2px;
}

.page-title .btn-group-big .btn-big.btn-plus:hover,
.page-title .btn-group-big .btn-big.btn-plus:active {
    color: #009944;
}

.page-title .btn-group-big .btn-big.btn-plus i {
    font-size: 24px;
    line-height: 24px;
}

.content-box .page-title .btn-group-big {
    background-color: transparent;
}

.content-box .page-title .btn-group-big .btn-group {
    padding: 10px 0;
}

.page-title .btn-custom {
    float: right;
    width: 40px;
    height: 50px;
    padding: 18px 0 0 10px;
    position: relative;
}

.page-title .btn-custom a.nav-config-btn {
    color: #cccccc;
}

.page-title .btn-custom a.nav-config-btn:hover,
.page-title .btn-custom a.nav-config-btn:active {
    color: #009ade;
}

.page-title .btn-custom .dropdown-menu {
    min-width: 140px;
    left: auto;
    right: -1px;
}

.page-title .panel-search {
    float: right;
    height: 50px;
    padding: 10px;
    position: relative;
}

.page-title .panel-search input {
    width: 150px;
    height: 30px;
    float: left;
    border: 1px solid #d9e9f8;
    padding: 5px;
}

.page-title .panel-search input:focus {
    border-color: #999999;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
}

.page-title .panel-search input::-moz-placeholder {
    color: #dddddd;
    opacity: 1;
}

.page-title .panel-search input:-ms-input-placeholder {
    color: #dddddd;
}

.page-title .panel-search input::-webkit-input-placeholder {
    color: #dddddd;
}

.page-title .panel-search input::-webkit-input-placeholder {
    color: #dddddd;
}

.page-title .panel-search input:-moz-placeholder {
    color: #dddddd;
}

.page-title .panel-search input::-moz-placeholder {
    color: #dddddd;
}

.page-title .panel-search input:-ms-input-placeholder {
    color: #dddddd;
}

.page-title .panel-search button {
    height: 30px;
    background-color: transparent;
    color: #cccccc;
}

.page-title .panel-search button:hover,
.page-title .panel-search button:active {
    color: #999999;
}

.page-title .panel-search .search-info {
    position: fixed;
    z-index: 9;
    display: none;
    top: 50px;
    right: 0;
    background-color: #fff;
    line-height: 20px;
    border: 1px solid #d9e9f8;
    border-right: none;
    padding: 5px 10px;
    background-color: #ffffff;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

.page-title .panel-search .search-info i {
    display: inline-block;
    width: 20px;
    text-align: left;
    color: #333333;
}

.page-title .panel-search.simple {
    width: 170px;
}

.page-title .panel-search.simple button {
    position: absolute;
    padding: 0;
    margin: 0;
    border: none;
    top: 10px;
    right: 10px;
    width: 30px;
}

.page-title .panel-search.select {
    width: auto;
}

.page-title .panel-search.select input.select {
    width: 150px;
}

.page-title .panel-search.select button.angle {
    position: static;
    float: left;
    width: auto;
    padding: 0 5px;
    border: 1px solid #dddddd;
    border-right: none;
    line-height: 28px;
}

.page-title .panel-search.select button.calendar {
    position: static;
    float: left;
    min-width: 30px;
    width: auto;
    padding: 0 5px;
    border: 1px solid #dddddd;
    border-right: none;
    line-height: 28px;
}

.page-title .panel-search.select button.calendar span {
    padding-left: 6px;
    color: #989898;
}

.page-title .panel-search.select button.search {
    position: static;
    float: left;
    border: none;
    padding: 0;
    margin: 0 0 0 -30px;
    width: 30px;
}

.page-title .panel-search.select button.search.with-advance {
    left: 130px;
}

.page-title .panel-search.select button.search.hiddeninput {
    position: static;
    border: 1px solid #d9e9f8;
}

.page-title .panel-search.select button.advance {
    float: left;
    border: none;
    color: #333333;
}

.page-title .panel-search.select button.advance:hover,
.page-title .panel-search.select button.advance:active {
    color: #009ade;
}

.page-title .panel-search.select .search-title {
    float: left;
    height: 30px;
    line-height: 30px;
}

.page-title .panel-search.select ul.dropdown-menu {
    top: 39px;
    left: 10px;
    width: auto;
    right: 10px;
}

.page-title .search-advance-panel {
    position: fixed;
    top: 51px;
    left: 240px;
    right: 0;
    border-bottom: 1px solid #d9e9f8;
    background-color: #f9f9f9;
    padding: 0 10px;
    z-index: 10;
}

.page-title .search-advance-panel .form-td {
    padding: 9px 10px;
}

.page-title .search-advance-panel .form-td.col-none {
    padding: 9px 10px 9px 0;
}

.page-title .search-advance-panel:before,
.page-title .search-advance-panel:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.page-title .search-advance-panel:before {
    top: -9px;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-bottom: 9px solid #d9e9f8;
    left: 43px;
}

.page-title .search-advance-panel:after {
    top: -7px;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fafafa;
    border-left: 7px solid transparent;
    left: 45px;
}

.page-title .nav-title {
    display: inline-block;
    float: left;
    line-height: 30px;
    padding: 10px 15px;
    margin-left: 10px;
    position: relative;
    display: block;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold !important;
    color: #222222;
    padding-left: 0;
}

.page-title .nav-title:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    background: #fc7008;
    z-index: 9;
    height: 16px;
    top: 50%;
    left: 0;
    margin: -8px 0 0;
}

.page-title .nav-title:before {
    display: none;
}

[ns-system="mobile"] .page-title {
    margin: 0;
}

[ns-system="mobile"] .page-title .nav-title:before {
    display: none;
}

.page-title.modal-customsearchdialog {
    height: 1px;
}

.page-title.modal-customsearchdialog .btn-group:nth-child(1) {
    position: absolute;
    bottom: 0;
    right: 15px;
    padding: 0 0 15px 0;
}

.page-title.modal-customsearchdialog .btn-group:nth-child(1) .btn {
    border: 1px solid #d9e9f8;
    padding: 10px 18px;
    line-height: 18px;
    height: 40px;
}

.page-title.modal-customsearchdialog .btn-group:nth-child(2) {
    position: absolute;
    top: 0;
    left: 120px;
}

.breadcrumb-container {
    float: left;
    clear: both;
    width: 100%;
    padding: 0 15px;
    background: #fff;
}

.breadcrumb-container h1 {
    font-size: 18px;
    line-height: 30px;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
}

.breadcrumb-container .breadcrumb {
    display: block;
    float: left;
    margin: 0;
    padding: 17px 0;
    width: 100%;
    height: 49px;
    background: transparent;
}

.breadcrumb-container .breadcrumb li {
    color: #aaaaaa;
}

.loader-1 {
    -webkit-animation: loaderAnimate 1000ms linear infinite;
    -moz-animation: loaderAnimate 1000ms linear infinite;
    -o-animation: loaderAnimate 1000ms linear infinite;
    animation: loaderAnimate 1000ms linear infinite;
    clip: rect(0, 30px, 30px, 15px);
    height: 30px;
    width: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes loaderAnimate {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(220deg);
    }
}

@-moz-keyframes loaderAnimate {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(220deg);
    }
}

@-o-keyframes loaderAnimate {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(220deg);
    }
}

@keyframes loaderAnimate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(220deg);
        -moz-transform: rotate(220deg);
        -ms-transform: rotate(220deg);
        transform: rotate(220deg);
    }

    ;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes loaderAnimate2 {
    0% {
        box-shadow: inset #555555 0 0 0 8px;
        -webkit-transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #555555 0 0 0 2px;
    }

    100% {
        box-shadow: inset #555555 0 0 0 8px;
        -webkit-transform: rotate(140deg);
    }
}

@-moz-keyframes loaderAnimate2 {
    0% {
        box-shadow: inset #555555 0 0 0 8px;
        -moz-transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #555555 0 0 0 2px;
    }

    100% {
        box-shadow: inset #555555 0 0 0 8px;
        -moz-transform: rotate(140deg);
    }
}

@-o-keyframes loaderAnimate2 {
    0% {
        box-shadow: inset #555555 0 0 0 8px;
        -o-transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #555555 0 0 0 2px;
    }

    100% {
        box-shadow: inset #555555 0 0 0 8px;
        -o-transform: rotate(140deg);
    }
}

@keyframes loaderAnimate2 {
    0% {
        box-shadow: inset #555555 0 0 0 8px;
        -webkit-transform: rotate(-140deg);
        -moz-transform: rotate(-140deg);
        -ms-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #555555 0 0 0 2px;
    }

    100% {
        box-shadow: inset #555555 0 0 0 8px;
        -webkit-transform: rotate(140deg);
        -moz-transform: rotate(140deg);
        -ms-transform: rotate(140deg);
        transform: rotate(140deg);
    }

    ;
}

.loader-1:after {
    -webkit-animation: loaderAnimate2 1000ms ease-in-out infinite;
    -moz-animation: loaderAnimate2 1000ms ease-in-out infinite;
    -o-animation: loaderAnimate2 1000ms ease-in-out infinite;
    animation: loaderAnimate2 1000ms ease-in-out infinite;
    clip: rect(0, 30px, 30px, 15px);
    content: '';
    border-radius: 50%;
    height: 30px;
    width: 30px;
    position: absolute;
}

@keyframes loaderAnimate2 {
    0% {
        box-shadow: inset #fff 0 0 0 17px;
        transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #fff 0 0 0 2px;
    }

    100% {
        box-shadow: inset #fff 0 0 0 17px;
        transform: rotate(140deg);
    }
}

.loader-2 {
    -webkit-animation: loaderAnimate2 1000ms linear infinite;
    -moz-animation: loaderAnimate2 1000ms linear infinite;
    -o-animation: loaderAnimate2 1000ms linear infinite;
    animation: loaderAnimate2 1000ms linear infinite;
    clip: rect(0, 30px, 30px, 15px);
    height: 30px;
    width: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -50px;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes loaderAnimate2 {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(220deg);
    }
}

@-moz-keyframes loaderAnimate2 {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(220deg);
    }
}

@-o-keyframes loaderAnimate2 {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(220deg);
    }
}

@keyframes loaderAnimate2 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(220deg);
        -moz-transform: rotate(220deg);
        -ms-transform: rotate(220deg);
        transform: rotate(220deg);
    }

    ;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes loaderAnimate22 {
    0% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -webkit-transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #ffffff 0 0 0 2px;
    }

    100% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -webkit-transform: rotate(140deg);
    }
}

@-moz-keyframes loaderAnimate22 {
    0% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -moz-transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #ffffff 0 0 0 2px;
    }

    100% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -moz-transform: rotate(140deg);
    }
}

@-o-keyframes loaderAnimate22 {
    0% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -o-transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #ffffff 0 0 0 2px;
    }

    100% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -o-transform: rotate(140deg);
    }
}

@keyframes loaderAnimate22 {
    0% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -webkit-transform: rotate(-140deg);
        -moz-transform: rotate(-140deg);
        -ms-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #ffffff 0 0 0 2px;
    }

    100% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -webkit-transform: rotate(140deg);
        -moz-transform: rotate(140deg);
        -ms-transform: rotate(140deg);
        transform: rotate(140deg);
    }

    ;
}

.loader-2:after {
    -webkit-animation: loaderAnimate22 1000ms ease-in-out infinite;
    -moz-animation: loaderAnimate22 1000ms ease-in-out infinite;
    -o-animation: loaderAnimate22 1000ms ease-in-out infinite;
    animation: loaderAnimate22 1000ms ease-in-out infinite;
    clip: rect(0, 30px, 30px, 15px);
    content: '';
    border-radius: 50%;
    height: 30px;
    width: 30px;
    position: absolute;
}

@keyframes loaderAnimate22 {
    0% {
        box-shadow: inset #fff 0 0 0 17px;
        transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #fff 0 0 0 2px;
    }

    100% {
        box-shadow: inset #fff 0 0 0 17px;
        transform: rotate(140deg);
    }
}

.page-loading-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #5b5b5b;
    z-index: 20000;
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.page-loading-overlay.loaded {
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    display: none;
}

.loader-3 {
    -webkit-animation: loaderAnimate3 0 linear infinite;
    -moz-animation: loaderAnimate3 0 linear infinite;
    -o-animation: loaderAnimate3 0 linear infinite;
    animation: loaderAnimate3 0 linear infinite;
    clip: rect(0, 30px, 30px, 15px);
    height: 30px;
    width: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -50px;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes loaderAnimate3 {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(220deg);
    }
}

@-moz-keyframes loaderAnimate3 {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(220deg);
    }
}

@-o-keyframes loaderAnimate3 {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(220deg);
    }
}

@keyframes loaderAnimate3 {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(220deg);
        -moz-transform: rotate(220deg);
        -ms-transform: rotate(220deg);
        transform: rotate(220deg);
    }

    ;
}

lesshat-selector {
    -lh-property: 0;
}

@-webkit-keyframes loaderAnimate33 {
    0% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -webkit-transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #ffffff 0 0 0 2px;
    }

    100% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -webkit-transform: rotate(140deg);
    }
}

@-moz-keyframes loaderAnimate33 {
    0% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -moz-transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #ffffff 0 0 0 2px;
    }

    100% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -moz-transform: rotate(140deg);
    }
}

@-o-keyframes loaderAnimate33 {
    0% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -o-transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #ffffff 0 0 0 2px;
    }

    100% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -o-transform: rotate(140deg);
    }
}

@keyframes loaderAnimate33 {
    0% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -webkit-transform: rotate(-140deg);
        -moz-transform: rotate(-140deg);
        -ms-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #ffffff 0 0 0 2px;
    }

    100% {
        box-shadow: inset #ffffff 0 0 0 8px;
        -webkit-transform: rotate(140deg);
        -moz-transform: rotate(140deg);
        -ms-transform: rotate(140deg);
        transform: rotate(140deg);
    }

    ;
}

.loader-3:after {
    -webkit-animation: loaderAnimate33 0 ease-in-out infinite;
    -moz-animation: loaderAnimate33 0 ease-in-out infinite;
    -o-animation: loaderAnimate33 0 ease-in-out infinite;
    animation: loaderAnimate33 0 ease-in-out infinite;
    clip: rect(0, 30px, 30px, 15px);
    content: '';
    border-radius: 50%;
    height: 30px;
    width: 30px;
    position: absolute;
}

@keyframes loaderAnimate33 {
    0% {
        box-shadow: inset #fff 0 0 0 17px;
        transform: rotate(-140deg);
    }

    50% {
        box-shadow: inset #fff 0 0 0 2px;
    }

    100% {
        box-shadow: inset #fff 0 0 0 17px;
        transform: rotate(140deg);
    }
}

.page-loading-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #5b5b5b;
    z-index: 20000;
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.page-loading-overlay.loaded {
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    visibility: hidden;
}

table.ns-form-table {
    background-color: #ffffff;
    border: 1px solid #cad7e6;
}

table.ns-form-table.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

table.ns-form-table thead th {
    text-align: center;
    height: 40px;
    line-height: 40px;
    border: 1px solid #cad7e6;
    position: relative;
}

table.ns-form-table thead th .resize-handler {
    cursor: e-resize;
    background-color: #ff0000;
    width: 30px;
    height: 40px;
    position: absolute;
    top: 0;
    right: -15px;
    z-index: 2;
}

table.ns-form-table thead th .resize-table-handler {
    cursor: e-resize;
    background-color: #ffff00;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

table.ns-form-table tbody td {
    height: 40px;
    line-height: 40px;
    padding: 4px;
    border: 1px solid #cad7e6;
    background-color: #ffffff;
}

table.ns-form-table tbody td input[type="text"] {
    padding: 6px;
    height: 30px;
    line-height: 18px;
}

table.ns-form-table tbody td input[type="text"][readonly] {
    background-color: #eeeeee;
}

table.ns-form-table tbody td input[type="text"].number {
    color: #03004c;
    text-align: right;
}

table.ns-form-table tbody td input[type="text"].money {
    color: #81511c;
    text-align: right;
}

table.table {
    width: 100%;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0px;
    background: #d9e9f8;
}

table.table thead tr {
    background: #ebedf0;
}

table.table thead tr th {
    position: relative;
    padding: 0;
    margin: 0;
    height: 40px;
    max-height: 40px;
    vertical-align: middle;
    text-align: center;
    outline: none;
    font-size: 12px;
}

table.table thead tr th .sorting-style {
    position: absolute;
    content: "";
    top: 3px;
    right: 3px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent !important;
    border-right: 3px solid transparent !important;
    background-color: transparent !important;
}

table.table thead tr th.sorting_asc:before,
table.table thead tr th.sorting_desc:before {
    position: absolute;
    content: "";
    top: 3px;
    right: 3px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent !important;
    border-right: 3px solid transparent !important;
    background-color: transparent !important;
}

table.table thead tr th.sorting_asc:before {
    border-bottom: 4px solid #b7b7b7 !important;
}

table.table thead tr th.sorting_desc:before {
    border-top: 4px solid #b7b7b7 !important;
}

table.table thead tr th:first-child {
    width: 40px;
    min-width: 40px;
    max-width: 40px;
}

table.table thead tr th:last-child .handler {
    right: 0;
}

table.table thead tr th .handler {
    position: absolute;
    top: 0;
    right: -10px;
    width: 20px;
    height: 100%;
    cursor: e-resize;
    z-index: 21;
}

table.table thead tr th label.radio-inline,
table.table thead tr th label.checkbox-inline {
    height: 36px;
}

table.table tbody tr th,
table.table tbody tr td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
}

table.table tbody tr th {
    height: 40px;
    vertical-align: middle;
    padding: 2px;
    text-align: center;
    overflow: hidden;
    font-weight: normal;
    color: #ccc;
    background: #fff;
}

table.table tbody tr th .resize-handler {
    cursor: e-resize;
    background-color: #ff0000;
    width: 30px;
    height: 40px;
    position: absolute;
    top: 0;
    right: -15px;
    z-index: 2;
}

table.table tbody tr th .resize-table-handler {
    cursor: e-resize;
    background-color: #ffff00;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

table.table tbody tr td {
    position: relative;
    color: #000;
    height: 40px;
    vertical-align: middle;
    padding: 4px;
    background-color: #ffffff;
}

table.table tbody tr td a {
    color: inherit;
}

table.table tbody tr td a:hover {
    text-decoration: underline;
}

table.table tbody tr td a.btn-clear {
    color: #f39800;
}

table.table tbody tr td:first-child {
    text-align: center;
}

table.table tbody tr td.td-button,
table.table tbody tr td.td-btn {
    min-width: 70px;
    padding: 5px;
    text-align: center;
    line-height: 0;
}

table.table tbody tr td.td-button .btn,
table.table tbody tr td.td-btn .btn {
    width: 30px;
    height: 30px;
}

table.table tbody tr td.td-button .btn.btn-icon,
table.table tbody tr td.td-btn .btn.btn-icon {
    border-color: transparent;
    background: transparent;
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    padding: 0;
}

table.table tbody tr td.td-button .btn.btn-icon i,
table.table tbody tr td.td-btn .btn.btn-icon i {
    padding: 0;
}

table.table tbody tr td.td-button .btn-group,
table.table tbody tr td.td-btn .btn-group {
    width: auto;
}

table.table tbody tr td.td-button .btn-group .btn,
table.table tbody tr td.td-btn .btn-group .btn {
    width: auto;
    background-color: transparent !important;
}

table.table tbody tr td.td-button .btn-group .dropdown-menu,
table.table tbody tr td.td-btn .btn-group .dropdown-menu {
    left: auto;
    right: 0;
}

table.table tbody tr td.td-input input[type="text"] {
    width: 100%;
    padding: 6px;
    height: 31px;
    padding-right: 30px;
    line-height: 18px;
}

table.table tbody tr td.td-input input[type="text"][readonly] {
    background-color: #eeeeee;
}

table.table tbody tr td.td-input input[type="text"].number {
    color: #03004c;
    text-align: right;
}

table.table tbody tr td.td-input input[type="text"].money {
    color: #81511c;
    text-align: right !important;
}

table.table tbody tr td.td-input input[type="text"]+button.btn {
    width: 28px;
    height: 28px;
    border-left: 0;
    margin-left: -29px;
}

table.table tbody tr td.td-input input[type="text"]+button.btn i {
    padding-right: 0;
    color: #ccc;
}

table.table tbody tr td.td-input input[type="text"]+button.btn:hover i {
    color: #555555;
}

table.table tbody tr td.td-select .selectboxit-container {
    width: 100%;
}

table.table tbody tr td.td-selectbase select {
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

table.table tbody tr td.td-selectbase select option {
    height: 30px;
}

table.table tbody tr td.td-formatDate .form-control {
    width: 100% !important;
}

table.table tbody tr td.td-upload .upload-content {
    display: table;
    width: auto;
    border: 1px solid #d9e9f8;
    background: #fff;
}

table.table tbody tr td.td-upload .upload-content:hover {
    border-color: #c3ddf4;
    background: #e2e2e2;
}

table.table tbody tr td.td-upload .upload-content .upload-title,
table.table tbody tr td.td-upload .upload-content .upload-delete {
    display: table-cell;
    padding: 6px 5px;
}

table.table tbody tr td.td-upload .upload-content .upload-title:hover {
    text-decoration: none;
}

table.table tbody tr td.td-upload .upload-content .upload-delete {
    min-width: 20px;
    position: relative;
}

table.table tbody tr td.td-upload .upload-content .upload-delete:hover:after {
    color: #f39800;
}

table.table tbody tr td.td-upload .upload-content .upload-delete:after {
    content: "\f057";
    position: absolute;
    top: 7px;
    right: 8px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
    top: 8px;
    right: 5px;
}

table.table tbody tr td.td-href .ns-table-href {
    color: #009ade;
    text-decoration: underline;
}

table.table tbody tr td.td-href .ns-table-href:hover {
    color: #333333;
    text-decoration: none;
}

table.table tbody tr td.td-number,
table.table tbody tr td.number {
    text-align: right;
}

table.table tbody tr td.td-money,
table.table tbody tr td.money {
    text-align: right !important;
}

table.table tbody tr td.td-date,
table.table tbody tr td.date {
    text-align: center;
}

table.table tbody tr td.td-positivenumber {
    color: #00cb6e !important;
}

table.table tbody tr td.td-negativenumber {
    color: #ff3c3c !important;
}

table.table tbody tr td.td-dictionary {
    text-align: center;
}

table.table tbody tr td.td-dictionary label {
    display: inline-block;
    margin-bottom: 0;
    background: #f5f5f5;
    border: 1px solid #e1e1e1;
    padding: 1px 5px;
    color: #333333;
}

table.table tbody tr td.td-dictionary label+label {
    margin-left: 5px;
}

table.table tbody tr td.td-dictionary i.fa-close {
    color: #e60012;
}

table.table tbody tr td.td-thumb img,
table.table tbody tr td.td-multithumb img {
    display: inline-block;
    max-width: 26px;
    min-width: 26px;
    margin: 2px;
    cursor: pointer;
}

table.table tbody tr td.td-thumb img {
    display: block;
    margin: 0 auto;
}

table.table tbody tr.selected th,
table.table tbody tr.selected td {
    background: #ddd;
}

table.table tbody tr.selected th .btn,
table.table tbody tr.selected td .btn {
    color: #fff;
    background-color: transparent;
}

table.table tbody tr.selected th .btn:hover,
table.table tbody tr.selected td .btn:hover {
    box-shadow: none;
}

table.table tbody tr.selected th .checkbox-inline.checked,
table.table tbody tr.selected td .checkbox-inline.checked {
    color: #333333;
}

table.table tbody tr.current th,
table.table tbody tr.current td {
    background: #eeeeee;
}

table.table tbody tr .current-small-count:hover th,
table.table tbody tr .current-small-count:hover td {
    background: #fff;
}

table.table-bordered {
    border-color: #cad7e6;
}

table.table-bordered thead>tr>th,
table.table-bordered tbody>tr>th,
table.table-bordered tbody>tr>td {
    border-color: #cad7e6;
    border-width: 0 0 1px 1px;
}

table.table-bordered thead>tr>th:first-child,
table.table-bordered tbody>tr>th:first-child,
table.table-bordered tbody>tr>td:first-child {
    border-left: 0;
}

table.table-bordered tbody>tr:last-child th,
table.table-bordered tbody>tr:last-child td {
    border-bottom: 0;
}

table.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

table tbody tr.info>td {
    background: #e0f5ff !important;
    color: #222222;
}

table tbody tr.info:hover>td {
    background: #ade5ff !important;
    color: #222222 !important;
}

table tbody tr.success>td {
    background: #e0ffeb !important;
    color: #222222;
}

table tbody tr.success:hover>td {
    background: #adffca !important;
    color: #222222 !important;
}

table tbody tr.warning>td {
    background: #ffe7d6 !important;
    color: #222222;
}

table tbody tr.warning:hover>td {
    background: #ffc9a3 !important;
    color: #222222 !important;
}

table tbody tr.danger>td,
table tbody tr.error>td {
    background: #ffd6d6 !important;
    color: #222222;
}

table tbody tr.danger:hover>td,
table tbody tr.error:hover>td {
    background: #ffa3a3 !important;
    color: #222222 !important;
}

table tbody tr.msg-warning>td {
    border: 1px solid #ff9800 !important;
    border-right: 0 !important;
}

table tbody tr.msg-warning>td+td {
    border-left: 0 !important;
}

table tbody tr.msg-warning>td:last-child {
    border-right: 1px solid #ff9800 !important;
}

table tbody tr.text-info>td {
    color: #009ade !important;
}

table tbody tr.text-info:hover>td {
    color: #003045;
}

table tbody tr.text-success>td {
    color: #009944 !important;
}

table tbody tr.text-success:hover>td {
    color: #000000;
}

table tbody tr.text-warning>td {
    color: #f39800 !important;
}

table tbody tr.text-warning:hover>td {
    color: #5a3800;
}

table tbody tr.text-danger>td,
table tbody tr.text-error>td {
    color: #e60012 !important;
}

table tbody tr.text-danger:hover>td,
table tbody tr.text-error:hover>td {
    color: #4d0006;
}

table tbody tr.tr-disabled {
    position: relative;
    -webkit-filter: grayscale();
    filter: grayscale();
    cursor: not-allowed;
}

table tbody tr.tr-disabled td {
    color: #555555;
}

table tbody tr.tr-disabled td:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.05);
    z-index: 9;
}

table tbody tr.tr-disabled td:last-child:after {
    display: none;
    position: absolute;
    content: '\e97d';
    font-family: "icomoon";
    top: 2px;
    right: 2px;
    color: #333333;
    font-size: 18px;
}

table tbody tr.tr-disabled td.href {
    filter: grayscale(0) !important;
    background: rgba(0, 0, 0, 0.05) !important;
}

table tbody tr.tr-disabled td.href:before {
    display: none;
}

table tbody tr.tr-disabled td.href a {
    color: #009ade;
}

table tbody tr.tr-disabled:hover td {
    color: #555555 !important;
}

table tbody tr>td.info {
    background: #e0f5ff;
}

table tbody tr>td.success {
    background: #e0ffeb;
}

table tbody tr>td.warning {
    background: #ffe7d6;
}

table tbody tr>td.danger,
table tbody tr>td.error {
    background: #ffd6d6;
}

table tbody tr.selected:hover td,
table tbody tr.info:hover td,
table tbody tr.success:hover td,
table tbody tr.warning:hover td,
table tbody tr.danger:hover td,
table tbody tr.error:hover td {
    color: #222;
}

table tbody tr>td.info,
table tbody tr>td.success,
table tbody tr>td.warning,
table tbody tr>td.danger,
table tbody tr>td.error {
    color: #222;
}

.nstable-bottom .dataTables_paginate {
    float: right;
}

.nstable-bottom .dataTables_paginate .dataTables_paginate {
    height: 24px;
}

.nstable-bottom .dataTables_paginate .pagination {
    margin: .25rem .5rem;
}

.nstable-bottom .dataTables_paginate .pagination .paginate_button.disabled a {
    color: #cccccc;
}

.nstable-bottom .dataTables_paginate .pagination>li>a,
.nstable-bottom .dataTables_paginate .pagination>li>span {
    border: none;
    padding: 0;
    line-height: 24px;
    height: 24px;
    text-align: center;
    width: 24px;
    border-radius: 100%;
    background-color: transparent;
    color: #333333;
}

.nstable-bottom .dataTables_paginate .pagination>li>a:hover,
.nstable-bottom .dataTables_paginate .pagination>li>span:hover {
    background: #ffffff;
}

.nstable-bottom .dataTables_paginate .pagination>li.paginate_button.active a {
    background: #f8f8f8;
    cursor: pointer;
}

.nstable-bottom .dataTables_paginate .pagination li.paginate_button {
    float: left;
    display: inline-block;
}

.nstable-bottom .dataTables_paginate .pagination .paginate-input.form-control {
    max-width: 56px;
    display: inline-block;
    height: 22px;
    padding: 0 5px;
    text-align: center;
    font-size: 12px;
    float: left;
}

.nstable-bottom-none {
    display: none;
}

.table-responsive table.table {
    table-layout: fixed;
}

.table-responsive .nstable-container-x {
    width: 100%;
    display: block;
    overflow-x: auto;
}

.table-responsive .nstable-container-y {
    width: 100%;
    display: block;
    overflow-y: auto;
    margin-top: 10px;
}

.table-responsive .nstable-container-auto {
    width: 100%;
    display: block;
    overflow: auto;
}

.layout-modal .layout-table {
    position: relative;
    border: none;
}

.layout-modal .layout-table .table-responsive {
    position: relative;
}

.layout-modal .layout-table table {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #cad7e6;
    margin-bottom: 0;
}

.layout-modal .layout-table table tbody td.td-button .btn.btn-icon {
    border: none;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.layout-modal .layout-table table tbody td.td-button .btn-group {
    width: 30px;
}

.layout-modal .layout-table table tbody td.td-button .btn-group>.btn {
    width: 30px;
    text-indent: -9999px;
    overflow: hidden;
    border-left: 1px solid #eeeeee;
}

.layout-modal .layout-table table tbody td.td-button .btn-group>.btn:before {
    content: '\f0d7';
    position: absolute;
    text-indent: 0;
    bottom: 0;
    left: 0;
    font-family: "FontAwesome";
    color: #009ade;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.layout-modal .layout-table table tbody td.td-button .btn-group .dropdown-menu {
    left: auto;
    right: 0;
}

.layout-modal .layout-table table tbody td.td-button .btn-group .dropdown-menu>li {
    white-space: nowrap;
    padding: 3px 0;
    float: left;
    width: 100%;
}

.layout-modal .layout-table table tbody td.td-button .btn-group .dropdown-menu>li a {
    padding: 7px 10px;
    line-height: 16px;
    display: block;
}

.layout-modal .layout-table table tbody td.td-button .btn-group .dropdown-menu>li button {
    padding: 7px 10px;
}

.layout-modal .layout-table table tbody td.td-button .btn-group .dropdown-menu>li button[istitle="true"] {
    border: none;
}

.layout-modal .layout-table table tbody td.td-button .btn-group .dropdown-menu>li .li-title {
    float: left;
}

.layout-modal .layout-table table tbody td.td-button .btn-group .dropdown-menu>li .li-btns {
    float: right;
}

.layout-modal .layout-table .nstable-bottom {
    width: 100%;
    background-color: #fff;
}

.layout-planes.layout-modal.ziptable {
    padding: 10px 0 0 0;
}

.layout-planes.layout-modal.ziptable .layout-table {
    background-color: #fff;
}

.layout-planes.layout-modal.ziptable .layout-table table.table thead:first-child>tr:first-child>th {
    height: 25px;
    border-bottom-width: 1px;
}

.layout-planes.layout-modal.ziptable .layout-table table.table tbody>tr>th {
    height: 25px;
}

.layout-planes.layout-modal.ziptable .layout-table table.table tbody>tr>td {
    height: 25px;
}

.layout-planes.layout-modal.ziptable .layout-table table.table tbody>tr>td.td-button {
    padding: 0;
}

.layout-planes.layout-modal.ziptable .layout-table table.table tbody>tr>td.td-button>button.btn {
    padding: 4px;
    width: 25px;
    height: 25px;
}

.layout-planes.layout-modal.ziptable .layout-table table.table tbody>tr>td.td-button>.btn-group>button.btn {
    padding: 4px;
    width: 25px;
    height: 25px;
}

.nstable-bottom {
    padding: 5px 0 0 0;
    height: 40px;
    border: 0;
    margin-top: -1px;
    border: 1px solid #d9e9f8;
}

.nstable-bottom .btn-group {
    display: inline-block;
    float: left;
    position: relative;
}

.nstable-bottom .btn-group .btn {
    padding: 3px 10px;
    display: inline-block;
    float: left;
    margin: 0 5px;
    line-height: 22px;
    border: none;
}

.nstable-bottom .btn-group .btn .caret {
    margin: -2px 0 0 10px;
}

.nstable-bottom ul.dropdown-menu {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 12px;
    min-width: 60px;
}

.nstable-bottom ul.dropdown-menu li a {
    padding: 5px 10px;
}

.nstable-bottom .dataTables_info {
    float: left;
    padding: 0 10px 0;
    line-height: 30px;
}

.nstable-bottom .datatables-total {
    display: block;
    float: left;
    margin: 2px 0 0 1rem;
    padding: 3px .5rem;
    background: #f2fffb;
    border: 1px solid #c4e2d8;
    font-weight: bold;
}

.nstable-bottom .datatables-total .datatables-total-item {
    display: inline-block;
    font-weight: normal;
    padding-left: 1rem;
}

.nstable-bottom .datatables-total .datatables-total-item span {
    color: #009944;
    font-weight: bold;
}

.dataTables_filter {
    float: right;
}

.dataTables_filter label {
    position: relative;
    float: right;
}

.dataTables_filter label .form-control {
    padding-right: 30px;
}

.dataTables_filter label i {
    position: absolute;
    top: 7px;
    right: 8px;
    color: #777777;
}

.no-table-search .dataTables_filter {
    display: none;
}

.control-btn-toolbar {
    float: left;
    margin-bottom: 5px;
}

.control-btn-toolbar .btn-title {
    display: inline-block;
    margin: 0 20px 0 0;
    line-height: 30px;
    position: relative;
    display: block;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold !important;
    color: #222222;
    padding-left: 0;
    float: left;
}

.control-btn-toolbar .btn-title:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    background: #fc7008;
    z-index: 9;
    height: 16px;
    top: 50%;
    left: 0;
    margin: -8px 0 0;
}

.control-btn-toolbar .btn-title:before {
    display: none;
}

.control-btn-toolbar .btn-notes {
    display: inline-block;
    height: 30px;
    padding: 7px 10px;
}

.control-btn-toolbar .btn-group {
    float: left;
}

.control-btn-toolbar.columnform-control-btn-toolbar {
    display: block;
    float: none;
    margin-bottom: 5px;
    height: 35px;
}

.control-btn-toolbar.columnform-control-btn-toolbar .btn-group {
    float: left;
}

.control-btn-toolbar.columnform-control-btn-toolbar .table-columnselect {
    float: right;
}

.nstable-plus-panel {
    float: left;
    height: 40px;
}

.nstable-plus-panel>.nstable-plus-panel-tabs {
    float: left;
    padding-left: 4px;
    padding-top: 0;
    height: 40px;
}

.nstable-plus-panel>.nstable-plus-panel-tabs>a.nstable-plus-panel-tabs-tab {
    position: relative;
    display: block;
    float: left;
    padding: 5px 10px 0;
    min-width: 36px;
    margin-right: 3px;
    margin-top: -1px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    color: #999;
    border: 1px solid #d9e9f8;
    border-radius: 0 0 3px 3px;
}

.nstable-plus-panel>.nstable-plus-panel-tabs>a.nstable-plus-panel-tabs-tab.active {
    background-color: #ebedf0;
    color: #222222;
}

.nstable-plus-panel>.nstable-plus-panel-tabs>a.nstable-plus-panel-tabs-tab:hover {
    color: #222222;
    background: #ebedf0;
    border-color: #d9e9f8;
}

.nstable-plus-panel>.nstable-plus-panel-btns {
    float: left;
    padding-top: 5px;
    margin: 0 5px;
}

.nstable-plus-panel>.nstable-plus-panel-btns .btn-group .btn.btn-white {
    margin: 0 5px 0 0;
}

.nstable-plus-panel>.nstable-plus-panel-btns .btn-group .btn.btn-white:first-child i {
    color: #f39800;
}

.nstable-plus-panel>.nstable-plus-panel-btns .btn-group .btn.btn-white:last-child i {
    color: #009944;
}

td.td-columnState {
    line-height: 32px !important;
    position: relative;
    white-space: inherit !important;
}

td.td-columnState label.ordinary-icon {
    width: 28px;
    height: 28px;
    line-height: 24px;
    text-align: center;
    margin: 3px;
    border-radius: 14px;
    float: right;
    position: relative;
}

td.td-columnState label.icon-expedit {
    border: 1px #ff7800 solid;
    color: #ff7800;
}

td.td-columnState label.icon-reminder {
    border: 1px #b2915e solid;
    color: #b2915e;
}

td.td-columnState label.icon-overdue {
    border: 1px #d60101 solid;
    color: #d60101;
}

td.td-columnState label.icon-overdue {
    border: 1px #d60101 solid;
    color: #d60101;
}

td.td-columnState label.icon-sampling {
    border: 1px #729bfa solid;
    color: #729bfa;
}

td.td-columnState label.icon-sampled {
    border: 1px #4ad080 solid;
    color: #4ad080;
}

td.td-columnState .grade {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 7px;
    background: #ff7800;
    color: #fff;
    display: none;
}

td.td-columnState .special-icon {
    position: absolute;
    left: 25px;
    top: 7px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 100px;
    text-align: center;
    font-size: 14px;
    margin: 0;
}

td.td-columnState label.icon-destroy {
    border: 1px #d60101 solid;
    color: #d60101;
}

td.td-columnState label.icon-goback,
td.td-columnState label.icon-quality,
td.td-columnState label.icon-outsource,
td.td-columnState label.icon-recheck {
    border: 1px #888 solid;
    color: #888;
}

td.td-columnState label.icon-notes {
    color: #009ade;
    border: 1px solid #009ade;
}

/******************普通状态：加急、催办、超期 end***********************************/
/******************特殊状态：作废、回退 end***********************************/
.table-state {
    width: 100%;
}

.table-state tbody td {
    padding: 6px;
    background: #eeeeee;
    height: 30px;
    border: 2px solid #fff;
}

.table-state tbody td.warning {
    color: #ffffff;
    background: #f39800;
}

.table-state tbody td.warning:hover {
    background: #c07800;
}

.table-state tbody td.success {
    color: #ffffff;
    background: #009944;
}

.table-state tbody td.success:hover {
    background: #00662d;
}

.table-state tbody td.error {
    color: #ffffff;
    background: #e60012;
}

.table-state tbody td.error:hover {
    background: #b3000e;
}

.table-state tbody td.info {
    color: #ffffff;
    background: #009ade;
}

.table-state tbody td.info:hover {
    background: #0077ab;
}

.td-itemsub>span.caprit {
    cursor: pointer;
    float: right;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background-color: #f39800;
    color: #fff;
    border-radius: 50%;
    margin-right: 5px;
}

.table-itemsub-container {
    position: absolute;
    z-index: 999;
    margin-top: 8px;
}

.table-itemsub-container .list-span {
    position: relative;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.table-itemsub-container .list-span:before {
    position: absolute;
    content: "";
    top: -6px;
    left: 20px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid #d9e9f8;
    border-bottom: 8px solid transparent;
    z-index: 1000;
}

.table-itemsub-container .list-span:after {
    position: absolute;
    content: "";
    top: -5px;
    left: 21px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid transparent;
    z-index: 1000;
}

.table-itemsub-container .list-body {
    position: absolute;
    top: -8px;
    left: 27px;
    border: 1px solid #d9e9f8;
    background: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}

.table-itemsub-container .list-body .itemsub-list {
    width: 200px;
    margin: 0;
    padding: 0;
}

.table-itemsub-container .list-body .itemsub-list li {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 6px 10px 7px;
}

.table-itemsub-container .list-body .pagination {
    margin: 0;
    display: block;
    width: 100%;
    float: left;
    height: 30px;
    text-align: right;
    border-top: 1px solid #ddd;
}

.table-itemsub-container .list-body .pagination li {
    display: inline-block;
}

.table-itemsub-container .list-body .pagination li a {
    border-width: 0 1px 0;
}

.table-itemsub-container .list-body .pagination li:last-child a {
    margin-right: -1px;
}

.table-columnselect .table-form {
    height: 32px;
    margin-bottom: 0 !important;
}

.table-columnselect .table-form .form-td {
    display: inline-block;
}

.table-columnselect .table-form .form-td .input-group .input-group-btn {
    height: 28px;
}

.table-columnselect .table-form .form-td .input-group .input-group-btn .btn {
    height: 30px;
}

html {
    font-size: 12px;
}

.page-body[ns-system="mobile"] .page-container .sidebar-menu {
    width: 0;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .page-title {
    height: 4rem;
    background-color: #4093dc;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .page-title .nav-title {
    line-height: 4rem;
    padding: 0;
    color: #ffffff;
    float: right;
    width: 50%;
    margin: 0 25%;
    text-align: center;
    font-size: 1.3rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .page-title .btn-group-big {
    position: fixed;
    top: 0;
    left: 0;
    height: 4rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .page-title .btn-group-big .btn-big {
    width: 3rem;
    height: 4rem;
    color: #ffffff;
    border-left: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .page-title .btn-group-big .btn-big.btn-histroy {
    padding: 0.2rem 0.4rem 0 0;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .page-title .btn-group-big .btn-big:hover,
.page-body[ns-system="mobile"] .page-container .main-content.table-content .page-title .btn-group-big .btn-big:active {
    box-shadow: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .page-title .btn-group-big .btn-big i {
    line-height: 4rem;
    font-size: 1.5rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .page-nav-mobile {
    position: fixed;
    top: 0;
    right: 0;
    height: 4rem;
    z-index: 100;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .page-nav-mobile .btn {
    width: 3rem;
    height: 4rem;
    border: none;
    background: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .page-nav-mobile .btn:hover,
.page-body[ns-system="mobile"] .page-container .main-content.table-content .page-nav-mobile .btn:active {
    box-shadow: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .page-nav-mobile .btn i {
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 2.2rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes {
    padding: 0;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group {
    width: 10rem;
    background: #fff;
    color: #666;
    position: fixed;
    top: 4rem;
    right: 0.5rem;
    border-radius: 0.5rem;
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
    z-index: 101;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group .btn-group {
    border-radius: 0;
    box-shadow: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group .btn-group .btn.btn-icon {
    width: 100% !important;
    border-radius: 0;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group .btn-group .btn.btn-icon:hover {
    box-shadow: none !important;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group .btn-group .btn-group {
    box-shadow: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -1.5rem;
    right: 0.9rem;
    border-width: 0.8rem;
    border-style: solid dashed dashed;
    border-color: transparent transparent #fff transparent;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group .btn {
    display: flex;
    flex: 0 0 100%;
    width: 100%;
    height: 4rem;
    margin: 0;
    padding: 0 1rem;
    justify-content: flex-start;
    align-items: center;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group .btn span {
    font-size: 1.2rem;
    margin: 0 0.3rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group .btn:first-child {
    border-radius: 0.5rem 0.5rem 0 0;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group .btn:last-child {
    border-bottom: none;
    border-radius: 0 0 0.5rem 0.5rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group .btn:hover,
.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group .btn:active {
    background-color: #efefef;
    color: #666 !important;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group .dropdown-menu {
    position: absolute;
    left: 0;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group .btn-group .dropdown-menu {
    position: absolute;
    top: 2px;
    left: -158px;
    padding: 0;
    border: 0;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group .btn-group .dropdown-menu li a {
    padding: 1rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .control-btn-toolbar.columnform-control-btn-toolbar .btn-group i {
    color: #666;
    font-size: 1.3rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 7.2rem;
    background-color: #4093dc;
    z-index: 101;
    border: none;
    width: 100%;
    margin: 0;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form {
    height: 7.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.5rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .row-close {
    margin: 0;
    padding: 0;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .form-td {
    background: none;
    border: none;
    margin: 0;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form {
    height: 3.5rem;
    background: none;
    box-sizing: border-box;
    display: flex;
    flex: 1;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td {
    display: flex;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td:nth-child(2) {
    flex: 1;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group {
    height: 3.5rem;
    margin: 0;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .select {
    height: 3.5rem;
    background-color: #bedffc;
    margin: 0;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .select .form-control {
    height: 3.5rem;
    bottom: 0;
    top: 0;
    font-size: 1.1rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .select .selectboxit-container {
    height: 3.5rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .select .selectboxit-container span {
    background-color: #bedffc;
    color: #4093dc;
    line-height: 3.5rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .select .selectboxit-container .selectboxit-arrow-container {
    height: 3.5rem;
    line-height: 3.5rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .select .selectboxit-container .selectboxit-arrow-container.selectboxit-text {
    height: 3.5rem;
    line-height: 3.5rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .select .selectboxit-container .selectboxit-arrow-container:after {
    top: 1.16666667rem;
    color: #4093dc;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .select .selectboxit-container .selectboxit-arrow-container .selectboxit-default-arrow {
    width: 0;
    height: 0;
    border-top: 0.4rem solid #4093dc;
    border-right: 0.4rem solid transparent;
    border-left: 0.4rem solid transparent;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .form-item.textBtn {
    background: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .form-item.textBtn:before {
    content: "";
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .form-item.textBtn .input-group {
    position: relative;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .form-item.textBtn .input-group input.form-control {
    height: 3.5rem;
    background-color: #e0f0fd;
    max-width: none;
    padding: 0 30px 0 10px;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .form-item.textBtn .input-group a.mobile-close {
    position: absolute;
    top: 0;
    right: 3.5rem;
    width: 3.5rem;
    height: 3.5rem;
    z-index: 100;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .form-item.textBtn .input-group a.mobile-close:after {
    content: "\f00d";
    font-family: "FontAwesome";
    padding: 0 1.3rem;
    line-height: 3.5rem;
    color: #b5d4ee;
    font-size: 1.3rem;
    text-align: center;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .form-item.textBtn .input-group .input-group-btn.text-btn .btn.btn-white {
    height: 3.5rem;
    width: 3.5rem;
    background: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .form-item.textBtn .input-group .input-group-btn.text-btn .btn.btn-white span {
    color: #fff;
    font-size: 1.15rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .form-item.textBtn .input-group .input-group-btn.text-btn:hover,
.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .form-item.textBtn .input-group .input-group-btn.text-btn:active,
.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .form-item.textBtn .input-group .input-group-btn.text-btn .btn.btn-white:hover,
.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .form-item.textBtn .input-group .input-group-btn.text-btn .btn.btn-white:hover {
    border: none;
    box-shadow: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .form-item {
    display: table-row;
    height: 3.5rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-columnselect .panel-form .table-form .form-td .form-group .form-item:before {
    background: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive {
    position: fixed;
    top: 4rem;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
    border: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .tabchange-table-column {
    position: relative;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .tabchange-table-column .btn {
    height: 3rem;
    background: none;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    z-index: 100;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .tabchange-table-column .btn i {
    font-size: 1.5rem;
    color: #333333;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .tabchange-table-column .btn.disabled i {
    color: #b7b7b7;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .tabchange-table-column .btn:first-child {
    left: 4rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .tabchange-table-column .btn:last-child {
    right: 1rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap table.table {
    border: 0;
    position: absolute;
    top: 0;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap table.table thead {
    background-color: #ecedef;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap table.table thead:first-child tr:first-child th {
    height: 3rem;
    color: #a2a4a9;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap table.table tbody {
    font-size: 1.4rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap table.table tbody tr th {
    height: 3.7rem;
    font-size: 1rem;
    color: #a2a4a9;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap table.table tbody tr th:first-child {
    background-color: #f4f5f7;
    width: 3rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap table.table tbody tr.odd td {
    background-color: #fff;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap table.table tbody tr.even td {
    background-color: #fafcfd;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap table.table tbody tr.selected td,
.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap table.table tbody tr.selected th {
    background-color: #e0f1ff !important;
    border: none !important;
    color: #00549e;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap table.table tbody tr td {
    font-size: 1.16rem;
    color: #333;
    padding-left: 0.8rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap table.table .td-button {
    display: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap table.table tr,
.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap table.table th,
.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap table.table td {
    border: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .nstable-plus-panel {
    min-height: 4rem;
    width: 35%;
    border-right: #ddd solid 0.1rem;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: flex;
    align-items: center;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .nstable-plus-panel .btn.btn-icon {
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .nstable-plus-panel .btn.btn-icon i {
    margin-right: 1rem;
    color: #333;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .nstable-plus-panel .btn.btn-icon span {
    font-size: 14px;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .nstable-plus-panel .nstable-plus-panel-tabs-mobile {
    position: fixed;
    bottom: 3.9rem;
    left: 0;
    width: 35%;
    -moz-box-shadow: 2px -2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 2px -2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 2px -2px 5px rgba(0, 0, 0, 0.15);
    background: #fff;
    border: #ddd solid 0.1rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .nstable-plus-panel .nstable-plus-panel-tabs-mobile a.nstable-plus-panel-tabs-tab {
    width: 100%;
    display: block;
    padding: 0 1rem;
    text-align: center;
    height: 4.2rem;
    line-height: 4.2rem;
    font-size: 14px;
    border-bottom: #ddd solid 0.1rem;
    color: #666;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .nstable-plus-panel .nstable-plus-panel-tabs-mobile a.nstable-plus-panel-tabs-tab:last-child {
    border-bottom: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .nstable-bottom {
    background: #ecedef;
    min-height: 4rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 0;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .nstable-bottom .dataTables_paginate {
    margin-left: 35%;
    float: left;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .nstable-bottom .dataTables_paginate ul.pagination {
    margin: 0;
    padding: 0;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .nstable-bottom .dataTables_paginate ul.pagination li a {
    padding: 0 2rem;
    width: auto;
    font-size: 14px;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .nstable-bottom .dataTables_paginate ul.pagination li a:hover {
    background: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .nstable-bottom .dataTables_paginate ul.pagination li i.fa {
    font-size: 2rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .template-mobile-slider-modal {
    position: fixed;
    bottom: 4rem;
    left: 0;
    right: 0;
    height: 7rem;
    background: #ecedef;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .template-mobile-slider-modal:before {
    position: absolute;
    bottom: 2.1rem;
    left: 2rem;
    right: 2rem;
    content: "";
    height: 0.1rem;
    background: #b9b9b9;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .template-mobile-slider-modal .template-mobile-slider-page {
    position: absolute;
    bottom: 2.1rem;
    left: 2rem;
    right: 2rem;
    content: "";
    height: 0.1rem;
    background: #b9b9b9;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .template-mobile-slider-modal .template-mobile-slider-page.pageactive {
    position: absolute;
    bottom: 2.1rem;
    left: 2rem;
    height: 0.1rem;
    background: #0d74b2;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .template-mobile-slider-modal .template-mobile-slider-page .pointer {
    position: absolute;
    bottom: -0.55rem;
    left: 0rem;
    width: 1.3rem;
    height: 1.3rem;
    background: #095f95;
    cursor: move;
    border-radius: 100rem;
    z-index: 2;
    box-sizing: content-box;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .template-mobile-slider-modal .template-mobile-slider-page .pointer:after {
    position: absolute;
    top: -0.2rem;
    left: -0.2rem;
    content: "";
    width: 1.7rem;
    height: 1.7rem;
    z-index: 1;
    background-color: #45aded;
    opacity: 0.4;
    border-radius: 1rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .template-mobile-slider-modal .template-mobile-slider-page .pointer span {
    min-width: 4.2rem;
    padding: 0.3rem 0.5rem;
    text-align: center;
    position: absolute;
    top: -3.5rem;
    left: -1.3rem;
    background: #0d74b2;
    color: #fff;
    border-radius: 0.3rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .template-mobile-slider-modal .template-mobile-slider-page .pointer span:after {
    position: absolute;
    content: '';
    width: 0.8rem;
    height: 0.8rem;
    bottom: -0.4rem;
    left: 50%;
    background: #0d74b2;
    margin-left: -0.4rem;
    overflow: hidden;
    pointer-events: none;
    -webkit-transform: rotate(45deg);
    -mz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .table-nstemplate-layout-templatetest-managerTable-table-plus-button-panel {
    position: relative;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .table-nstemplate-layout-templatetest-managerTable-table-plus-button-panel .templates-mobile-plus-btn {
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 2.25rem;
    position: fixed;
    bottom: 5rem;
    right: 2rem;
    background: -webkit-linear-gradient(left top, #1e7acb, #52a4f5);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #1e7acb, #52a4f5);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #1e7acb, #52a4f5);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #1e7acb, #52a4f5);
    /* 标准的语法 */
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
    border: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .table-nstemplate-layout-templatetest-managerTable-table-plus-button-panel .templates-mobile-plus-btn i {
    color: #fff;
    font-size: 2.5rem;
    transition: ease-in-out all 0.5s;
    margin: 0 auto;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .table-nstemplate-layout-templatetest-managerTable-table-plus-button-panel .templates-mobile-plus-btn.active i {
    transform: rotate(45deg);
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .table-nstemplate-layout-templatetest-managerTable-table-plus-button-panel .btn-group {
    position: fixed;
    top: auto;
    bottom: 11rem;
    right: 1.75rem;
    width: 5rem;
    border-radius: 0.5rem;
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .table-nstemplate-layout-templatetest-managerTable-table-plus-button-panel .btn-group:before,
.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .table-nstemplate-layout-templatetest-managerTable-table-plus-button-panel .btn-group:after {
    position: absolute;
    content: '';
    width: 1.2rem;
    height: 1.2rem;
    bottom: -0.6rem;
    top: auto;
    left: 50%;
    margin-left: -0.6rem;
    overflow: hidden;
    pointer-events: none;
    -webkit-transform: rotate(45deg);
    -mz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .table-nstemplate-layout-templatetest-managerTable-table-plus-button-panel .btn-group:before {
    background: #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .table-nstemplate-layout-templatetest-managerTable-table-plus-button-panel .btn-group:after {
    bottom: -0.6rem;
    background: #fff;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .table-nstemplate-layout-templatetest-managerTable-table-plus-button-panel .btn-group .btn {
    width: 100%;
    margin-left: 0 !important;
    height: 3.8rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .table-nstemplate-layout-templatetest-managerTable-table-plus-button-panel .btn-group .btn i {
    font-size: 2rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .table-nstemplate-layout-templatetest-managerTable-table-plus-button-panel .btn-group .btn:first-child {
    border-radius: 0.5rem 0.5rem 0 0;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .table-nstemplate-layout-templatetest-managerTable-table-plus-button-panel .btn-group .btn:last-child {
    border-bottom: none;
    border-radius: 0 0 0.5rem 0.5rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .table-nstemplate-layout-templatetest-managerTable-table-plus-button-panel .btn-group .btn:hover,
.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table .table-responsive .dataTables_wrapper.form-inline.dt-bootstrap .table-nstemplate-layout-templatetest-managerTable-table-plus-button-panel .btn-group .btn:active {
    background: #fff;
    color: #666 !important;
    box-shadow: none;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table.senior-search .panel-form {
    height: 8.1rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table.senior-search .table-columnselect {
    height: 8.1rem;
}

.page-body[ns-system="mobile"] .page-container .main-content.table-content .layout-planes .layout-table.senior-search .table-responsive {
    top: 8rem;
}

.table-layout {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.table-layout .table-cell {
    display: table-cell;
}

table.table-sm thead>tr>th,
table.table-sm tbody>tr>th,
table.table-sm tbody>tr>td {
    height: 32px;
    padding: 0 4px;
}

table.table-sm+.nstable-plus-panel {
    height: 32px;
}

table.table-sm+.nstable-plus-panel>.nstable-plus-panel-tabs {
    height: 30px;
}

table.table-sm+.nstable-plus-panel>.nstable-plus-panel-tabs .nstable-plus-panel-tabs-tab {
    height: 28px;
    line-height: 26px;
    padding: 0 5px;
}

table.table-sm+.nstable-plus-panel .nstable-plus-panel-btns {
    padding-top: 0;
}

table.table-sm+.nstable-plus-panel+.nstable-bottom,
table.table-sm+.nstable-bottom {
    padding-top: 1px;
    height: 32px;
}

table.table-sm+.nstable-plus-panel+.nstable-bottom .dataTables_info,
table.table-sm+.nstable-bottom .dataTables_info {
    line-height: 29px;
}

table.table-sm+.nstable-plus-panel+.nstable-bottom .dataTables_paginate,
table.table-sm+.nstable-bottom .dataTables_paginate {
    height: 29px;
}

table.table-sm+.nstable-plus-panel+.nstable-bottom .btn,
table.table-sm+.nstable-bottom .btn {
    height: 28px;
}

table.table-sm thead>tr>th label.radio-inline,
table.table-sm tbody>tr>th label.radio-inline,
table.table-sm thead>tr>th label.checkbox-inline,
table.table-sm tbody>tr>th label.checkbox-inline,
table.table-sm thead>tr>th label.checkbox-inline-none,
table.table-sm tbody>tr>th label.checkbox-inline-none {
    height: 24px;
    line-height: 24px;
}

table.table-sm thead>tr>th label.radio-inline:after,
table.table-sm tbody>tr>th label.radio-inline:after,
table.table-sm thead>tr>th label.checkbox-inline:after,
table.table-sm tbody>tr>th label.checkbox-inline:after,
table.table-sm thead>tr>th label.checkbox-inline-none:after,
table.table-sm tbody>tr>th label.checkbox-inline-none:after {
    top: 4px;
}

table.table-sm tbody>tr>td.td-button,
table.table-sm tbody>tr>td.td-btn {
    padding: 4px;
}

table.table-sm tbody>tr>td.td-button .btn,
table.table-sm tbody>tr>td.td-btn .btn {
    padding: 0;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

table.table-sm tbody>tr>td.td-upload .table-upload {
    width: 24px;
    height: 24px;
}

table.table-sm tbody>tr>td.td-upload .table-upload:after {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

table.table-sm tbody>tr>td.td-upload .table-upload img.image-empty {
    width: 24px;
    height: 24px;
}

table.table-sm tbody>tr>td.td-upload .upload-content .upload-title {
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
}

table.table-sm tbody>tr>td.td-upload .upload-content .upload-delete:after {
    top: 5px;
}

table.table-sm tbody>tr>td.td-input input[type="text"] {
    height: 24px;
}

table.table-sm tbody>tr>td.td-input input[type="text"]+.btn.btn-icon {
    width: 21px;
    height: 21px;
    margin-left: -22px;
    padding: 0;
    text-align: center;
}

table.table-sm tbody>tr>td.td-select .form-control,
table.table-sm tbody>tr>td.td-selectbase .form-control {
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
}

table.table-sm tbody>tr>td.td-select .selectboxit .selectboxit-text,
table.table-sm tbody>tr>td.td-selectbase .selectboxit .selectboxit-text {
    height: 24px;
    line-height: 24px;
}

table.table-sm tbody>tr>td.td-select .selectboxit .selectboxit-arrow-container,
table.table-sm tbody>tr>td.td-selectbase .selectboxit .selectboxit-arrow-container {
    width: 22px;
    height: 22px;
}

table.table-sm tbody>tr>td.td-select .selectboxit .selectboxit-arrow-container:after,
table.table-sm tbody>tr>td.td-selectbase .selectboxit .selectboxit-arrow-container:after {
    top: 4px;
    right: 7px;
}

table.table-sm tbody>tr>td.td-formatDate .form-control {
    height: 24px;
    padding: 0 5px;
}

table.table-sm tbody>tr>td.td-columnState .ordinary-icon,
table.table-sm tbody>tr>td.td-columnState .special-icon {
    width: 24px;
    height: 24px;
    line-height: 22px;
}

table.table-sm tbody>tr>td.td-thumb,
table.table-sm tbody>tr>td.td-multithumb {
    max-width: 20px;
    min-width: 20px;
}

table.table-sm.dataTable>tr td {
    height: 24px;
}

.layout-planes table.table.dataTable.table-sm tbody>tr>td {
    height: 24px;
}

td.dataTables_empty {
    position: relative;
    background: #f4f4f4 !important;
    border-color: #d9e9f8 !important;
    color: #a5cbee !important;
}

td.dataTables_empty .fa {
    display: block;
    position: absolute;
    color: #a5cbee !important;
}

[ns-pagelength="fixed"] td.dataTables_empty .fa {
    font-size: 36px;
    top: 50%;
    left: 50%;
    margin: -40px -18px -18px;
}

[ns-pagelength="change"] td.dataTables_empty .fa {
    font-size: 20px;
    top: 50%;
    left: 50%;
    margin: -10px 0 -10px -64px;
}

[ns-pagelength="fixed"] td.dataTables_empty span.tips {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 0 0 -36px;
}

.layout-table.secondary-table {
    background: #f2f6fc;
}

.layout-table.secondary-table.nspanel {
    padding: 10px;
}

.layout-table.secondary-table table.table-striped thead tr th {
    background: #f2f6fc;
}

.layout-table.secondary-table table.table-striped tbody tr.odd td,
.layout-table.secondary-table table.table-striped tbody tr.even td,
.layout-table.secondary-table table.table-striped tbody tr.tr-empty-row td,
.layout-table.secondary-table table.table-striped tbody tr.odd th,
.layout-table.secondary-table table.table-striped tbody tr.even th,
.layout-table.secondary-table table.table-striped tbody tr.tr-empty-row th {
    background: #fff;
}

.layout-table.secondary-table table.table-striped tbody tr.odd:hover td,
.layout-table.secondary-table table.table-striped tbody tr.even:hover td,
.layout-table.secondary-table table.table-striped tbody tr.tr-empty-row:hover td,
.layout-table.secondary-table table.table-striped tbody tr.odd:hover th,
.layout-table.secondary-table table.table-striped tbody tr.even:hover th,
.layout-table.secondary-table table.table-striped tbody tr.tr-empty-row:hover th {
    color: #000;
    background: #eef3fb;
}

.layout-table.secondary-table table.table-striped tbody tr.selected:hover th,
.layout-table.secondary-table table.table-striped tbody tr.selected:hover td {
    background: #186ba0;
    color: #fff;
}

.layout-table.secondary-table table.table-bordered {
    border-color: #e1eaf5 !important;
}

.layout-table.secondary-table table.table-bordered tr th,
.layout-table.secondary-table table.table-bordered tr td {
    border-color: #e1eaf5 !important;
}

.layout-table.secondary-table table.table-bordered tr.selected th,
.layout-table.secondary-table table.table-bordered tr.selected td {
    border-color: #186ba0 !important;
}

.layout-table.secondary-table .control-btn-toolbar .btn {
    border-color: #e1eaf5 !important;
}

.layout-table.secondary-table .control-btn-toolbar .btn:hover {
    border-color: #ceddef !important;
}

.layout-table.secondary-table .table-responsive .form-control {
    border-color: #e1eaf5;
}

.layout-table.secondary-table .table-responsive .form-control:focus {
    border-color: #ceddef;
}

.layout-table.secondary-table .table-responsive .nstable-bottom {
    border-color: #e1eaf5 !important;
}

.layout-table.secondary-table .nsui-quicktyping .label-title {
    background: #fff;
    border-color: #e1eaf5;
}

.layout-table.secondary-table .nsui-quicktyping .input-main {
    border-color: #e1eaf5;
}

.layout-table.secondary-table.quicktyping .control-btn-toolbar {
    top: 10px;
    right: 193px;
}

.layout-table.secondary-table.quicktyping .dataTables_filter {
    top: 10px;
    right: 10px;
}

.input-ajaxselect-btn {
    float: right;
}

.ajaxselect-plane {
    position: absolute;
    z-index: 99;
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.ajaxselect-plane ul {
    list-style: none;
    padding: 0;
    max-height: 330px;
    overflow-y: auto;
}

.ajaxselect-plane ul li {
    line-height: 30px;
    padding: 0 10px;
    color: #777;
}

.ajaxselect-plane ul li:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    color: #56b1fc;
    cursor: pointer;
}

.ajaxselect-plane ul li:nth-child(10n+1) {
    border-bottom: 0;
}

.panel-body .table-responsive {
    overflow-x: visible;
}

.ps-container .ps-scrollbar-x-rail {
    position: absolute;
    /* please don't change 'position' */
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 5px;
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    zoom: 1;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: alpha(opacity=60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    background-color: rgba(255, 255, 255, 0.9);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    /* please don't change 'position' */
    right: 2px;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 5px;
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    zoom: 1;
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: alpha(opacity=60);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
    background-color: #eee;
    zoom: 1;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x {
    position: absolute;
    /* please don't change 'position' */
    bottom: 0;
    /* there must be 'bottom' for ps-scrollbar-x */
    height: 5px;
    background-color: #aaa;
    -o-transition: background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0;
    /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute;
    /* please don't change 'position' */
    right: 0;
    /* there must be 'right' for ps-scrollbar-y */
    width: 5px;
    background-color: #aaa;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-y {
    font-size: 0;
    /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #FAFAFA;
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
    visibility: hidden;
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible;
}

.simple-table {
    padding: 15px;
    border: 1px solid #eee;
}

.simple-table table.table>thead:first-child>tr>th {
    height: 30px;
}

.simple-table table.table>tbody>tr:nth-child(odd) th,
.simple-table table.table>tbody>tr:nth-child(odd) td {
    background: #fff;
}

.simple-table table.table>tbody>tr>th {
    height: 30px;
}

.simple-table table.table>tbody>tr>td {
    height: 30px;
}

.simple-table table.table>tbody>tr:hover th,
.simple-table table.table>tbody>tr:hover td {
    background: #f8f8f8;
}

.simple-table .nstable-bottom {
    height: 30px;
    padding: 0;
}

.simple-table .nstable-bottom .dataTables_info {
    line-height: 28px;
}

.form-wide-panel {
    height: 50px;
    margin: 0;
    background: #ffffff;
}

.panel.form-wide-panel {
    background: #ffffff;
    margin: 0;
    border: 1px solid #d9e9f8;
}

.form-wide-panel form .row-close {
    margin: 0;
}

.form-wide-panel form .col-none {
    float: left;
    padding: 10px;
}

.form-wide-panel form .col-none .selectboxit-container .selectboxit {
    min-width: 120px;
}

.form-wide-panel form .col-none .form-control {
    border: 1px solid #d9e9f8;
}

.form-wide-panel form .col-none .form-control[readonly],
.form-wide-panel form .col-none .form-control[readonly="readonly"] {
    border: 1px solid #d9e9f8 !important;
}

.form-wide-panel form .col-none .selectText .selectboxit-container {
    width: 120px;
    float: left;
}

.form-wide-panel form .col-none .selectText input[nstype="selectText-text"] {
    margin-left: -1px;
}

.form-wide-panel form .col-none .selectSelect .selectboxit-container {
    width: 120px;
    float: left;
    margin-left: -1px;
}

.form-wide-panel form .form-group {
    margin-bottom: 0;
    height: 30px;
}

.form-wide-panel form .form-group .control-label {
    float: left;
    line-height: 30px;
    vertical-align: middle;
    padding-right: 5px;
    margin-bottom: 0;
}

.form-wide-panel form .form-group .form-control {
    height: 30px;
}

.form-wide-panel form .form-group .form-item {
    float: left;
    position: relative;
}

.form-wide-panel form .form-group .form-item input {
    border: 1px solid #d9e9f8;
}

.form-wide-panel form .form-group .form-item input:focus {
    border-color: #999999;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
}

.form-wide-panel form .form-group .form-item input.has-error {
    border-color: #e60012;
}

.form-wide-panel form .form-group .form-item input.has-error::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

.form-wide-panel form .form-group .form-item input.has-error:-ms-input-placeholder {
    color: #ffffff;
}

.form-wide-panel form .form-group .form-item input.has-error::-webkit-input-placeholder {
    color: #ffffff;
}

.form-wide-panel form .form-group .form-item input.has-error::-webkit-input-placeholder {
    color: #ffffff;
}

.form-wide-panel form .form-group .form-item input.has-error:-moz-placeholder {
    color: #ffffff;
}

.form-wide-panel form .form-group .form-item input.has-error::-moz-placeholder {
    color: #ffffff;
}

.form-wide-panel form .form-group .form-item input.has-error:-ms-input-placeholder {
    color: #ffffff;
}

.form-wide-panel form .form-group .form-item input[readonly] {
    background: none;
    cursor: default;
    width: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.form-wide-panel form .form-group .form-item input[readonly]:focus {
    border-color: #d9e9f8;
}

.form-wide-panel form .form-group .form-item .input-group-addon {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: auto;
    background-color: transparent;
    z-index: 3;
    height: 30px;
    line-height: 28px;
    text-align: center;
    padding: 0;
    border: none;
    margin-left: -1px;
}

.form-wide-panel form .form-group .form-item .input-group-addon a {
    display: block;
    width: 100%;
    height: 30px;
}

.form-wide-panel form .form-group .form-item .input-group-addon a i {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    line-height: 30px;
}

.form-wide-panel form .form-group .form-item .input-group-addon a:hover i,
.form-wide-panel form .form-group .form-item .input-group-addon a:active i {
    color: #009ade;
}

.form-wide-panel form .form-group .form-item label.has-error {
    position: absolute;
    top: 7px;
    right: 7px;
    font-weight: normal;
    color: #e60012;
    z-index: 2;
}

.form-wide-panel form .form-group .form-item input[nstype="date"]+.has-error {
    right: 30px;
}

.form-wide-panel form .form-group .form-item .input-loading {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    height: 28px;
    line-height: 28px;
    background-color: #fff;
    text-align: left;
    color: #d9e9f8;
    padding: 0 0 0 5px;
}

.form-wide-panel form .form-group .form-item .input-loading i.fa {
    -webkit-animation-duration: 1;
    animation-duration: 1;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}

.form-wide-panel form .form-group .form-item.daterange input.form-control.input-mini {
    width: 200px;
}

.form-wide-panel form .form-group .form-item.daterange .input-group-addon {
    left: auto;
}

.form-wide-panel form .form-group .form-item.daterange .input-group-addon a i {
    position: static;
}

.form-wide-panel form label.radio-clear,
.form-wide-panel form label.checkbox-clear {
    height: 30px;
    line-height: 30px;
}

.form-wide-panel form label.radio-clear:after,
.form-wide-panel form label.checkbox-clear:after {
    line-height: 30px;
}

.toggle-box {
    position: fixed;
    top: 48px;
    width: 300px;
    right: -307px;
    bottom: 0;
    background: #fff;
    padding-bottom: 50px;
    border: 1px solid #d9e9f8;
    border-top-width: 0;
    box-shadow: -7px -7px 0 rgba(60, 150, 220, 0.075);
    box-shadow: 0 0 -7px rgba(0, 0, 0, 0.15);
    transition: ease-in-out all 0.5s;
}

.toggle-box.right {
    right: 0;
    -webkit-transtion: ease-in-out all 0.5;
    -moz-transtion: ease-in-out all 0.5;
    -o-transtion: ease-in-out all 0.5;
    transtion: ease-in-out all 0.5;
}

.toggle-box .toggle-box-header {
    background: #f5f9fe;
    text-align: right;
    padding: 5px 15px;
}

.toggle-box .toggle-box-header h5 {
    display: inline-block;
    padding-top: 2px;
    font-weight: bold;
}

.toggle-box .toggle-box-header .badge {
    display: inline-block;
    margin-left: 20px;
}

.toggle-box .toggle-box-body .list .list-item {
    padding: 15px;
    border: 1px solid #d9e9f8;
    border-width: 1px 0;
}

.toggle-box .toggle-box-body .list .list-item+.list-item {
    margin-top: -1px;
}

.toggle-box .toggle-box-body .list .list-item span {
    display: block;
    color: #999;
    margin-bottom: 5px;
}

.toggle-box .toggle-box-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 40px;
}

.toggle-box .toggle-box-footer .btn-block {
    border-radius: 0;
    height: 40px;
    background-color: transparent;
    border-top: 1px solid #d9e9f8;
}

footer {
    position: fixed;
    width: 80px;
    bottom: 0;
    left: 0;
    background: #56b1fc;
    z-index: 99;
}

footer .links-group .links-item {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 20px auto;
    padding: 2px;
    border-radius: 2px;
    color: #6fc1ff;
    text-align: center;
}

footer .links-group .links-item i {
    font-size: 20px;
}

footer .links-group .links-item:hover {
    background: #3da5fc;
}

footer .copyright p {
    text-align: center;
    color: #6fc1ff;
}

/*====================================================================*/
/* 下拉列表 */
/* 下拉列表 */
/*====================================================================*/
.page-body .dropdown-menu {
    margin-top: 0;
    font-size: 12px;
}

.page-body .dropdown-menu li a {
    padding: 8px 15px;
}

.page-body .dropdown-menu li a i {
    width: 20px;
}

.page-body .dropdown-menu.inherit {
    min-width: 120px;
    max-width: auto;
    right: -1px;
}

.btn {
    outline: none;
    border: 1px solid transparent;
    background-color: #ffffff;
    height: 30px;
    margin-bottom: 0;
    line-height: 14px;
    padding: 7px 10px;
    font-size: 12px;
    color: #333333;
    border-radius: 0;
}

.btn i {
    color: #333333;
    font-size: 14px;
    padding-right: 5px;
}

.btn span {
    color: #333333;
    font-size: 12px;
}

.btn:active,
.btn:focus {
    outline: none !important;
}

.btn:active,
.btn.active {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.btn.btn-icon {
    padding: 7px;
    text-align: center;
    width: 30px;
}

.btn.btn-icon.dropdown-toggle {
    width: auto !important;
}

.btn.btn-icon i {
    padding-right: 0;
}

.btn.btn-icon-standalone {
    padding: 0;
    border: 0;
    line-height: 1;
}

.btn.btn-icon-standalone i,
.btn.btn-icon-standalone span {
    display: block;
    padding: 12px 12px;
}

.btn.btn-icon-standalone i {
    border-right: 1px solid transparent;
    float: left;
}

.btn.btn-icon-standalone span {
    padding-left: 55px;
    padding-right: 13px;
}

.btn.btn-success {
    color: #000;
    border-color: transparent;
    background-color: #ffffff;
}

.btn.btn-success i {
    color: #009944;
}

.btn.btn-success span {
    color: #333333;
}

.btn.btn-success:hover,
.btn.btn-success:active {
    -webkit-box-shadow: inset 0 0 2px 2px #eeeeee;
    -moz-box-shadow: inset 0 0 2px 2px #eeeeee;
    box-shadow: inset 0 0 2px 2px #eeeeee;
    color: #009944;
}

.btn.btn-success:hover span,
.btn.btn-success:active span {
    color: #009944;
}

.btn.btn-info {
    color: #000;
    border-color: transparent;
    background-color: #ffffff;
}

.btn.btn-info i {
    color: #009ade;
}

.btn.btn-info span {
    color: #333333;
}

.btn.btn-info:hover,
.btn.btn-info:active {
    -webkit-box-shadow: inset 0 0 2px 2px #eeeeee;
    -moz-box-shadow: inset 0 0 2px 2px #eeeeee;
    box-shadow: inset 0 0 2px 2px #eeeeee;
    color: #009ade;
}

.btn.btn-info:hover span,
.btn.btn-info:active span {
    color: #009ade;
}

.btn.btn-info i {
    color: #12b6ff;
}

.btn.btn-warning {
    color: #000;
    border-color: transparent;
    background-color: #ffffff;
}

.btn.btn-warning i {
    color: #f39800;
}

.btn.btn-warning span {
    color: #333333;
}

.btn.btn-warning:hover,
.btn.btn-warning:active {
    -webkit-box-shadow: inset 0 0 2px 2px #eeeeee;
    -moz-box-shadow: inset 0 0 2px 2px #eeeeee;
    box-shadow: inset 0 0 2px 2px #eeeeee;
    color: #f39800;
}

.btn.btn-warning:hover span,
.btn.btn-warning:active span {
    color: #f39800;
}

.btn.btn-white {
    color: #000;
    border-color: transparent;
    background-color: #ffffff;
}

.btn.btn-white i {
    color: #333333;
}

.btn.btn-white span {
    color: #333333;
}

.btn.btn-white:hover,
.btn.btn-white:active {
    -webkit-box-shadow: inset 0 0 2px 2px #eeeeee;
    -moz-box-shadow: inset 0 0 2px 2px #eeeeee;
    box-shadow: inset 0 0 2px 2px #eeeeee;
    color: #333333;
}

.btn.btn-white:hover span,
.btn.btn-white:active span {
    color: #333333;
}

.btn.btn-white i {
    color: #007eb5;
}

.btn.btn-danger {
    color: #000;
    border-color: transparent;
    background-color: #ffffff;
}

.btn.btn-danger i {
    color: #e60012;
}

.btn.btn-danger span {
    color: #333333;
}

.btn.btn-danger:hover,
.btn.btn-danger:active {
    -webkit-box-shadow: inset 0 0 2px 2px #eeeeee;
    -moz-box-shadow: inset 0 0 2px 2px #eeeeee;
    box-shadow: inset 0 0 2px 2px #eeeeee;
    color: #e60012;
}

.btn.btn-danger:hover span,
.btn.btn-danger:active span {
    color: #e60012;
}

.btn.btn-default {
    color: #000;
    border-color: transparent;
    background-color: #ffffff;
}

.btn.btn-default i {
    color: #333333;
}

.btn.btn-default span {
    color: #333333;
}

.btn.btn-default:hover,
.btn.btn-default:active {
    -webkit-box-shadow: inset 0 0 2px 2px #eeeeee;
    -moz-box-shadow: inset 0 0 2px 2px #eeeeee;
    box-shadow: inset 0 0 2px 2px #eeeeee;
    color: #333333;
}

.btn.btn-default:hover span,
.btn.btn-default:active span {
    color: #333333;
}

.btn.btn-gray {
    color: #000;
    border-color: transparent;
    background-color: #ffffff;
}

.btn.btn-gray i {
    color: #cccccc;
}

.btn.btn-gray span {
    color: #333333;
}

.btn.btn-gray:hover,
.btn.btn-gray:active {
    -webkit-box-shadow: inset 0 0 2px 2px #eeeeee;
    -moz-box-shadow: inset 0 0 2px 2px #eeeeee;
    box-shadow: inset 0 0 2px 2px #eeeeee;
    color: #cccccc;
}

.btn.btn-gray:hover span,
.btn.btn-gray:active span {
    color: #cccccc;
}

.btn.btn-primary {
    color: #fff;
    border-color: transparent;
    background-color: #ffffff;
}

.btn.btn-primary i {
    color: #56b1fc;
}

.btn.btn-primary span {
    color: #333333;
}

.btn.btn-primary:hover,
.btn.btn-primary:active {
    -webkit-box-shadow: inset 0 0 2px 2px #eeeeee;
    -moz-box-shadow: inset 0 0 2px 2px #eeeeee;
    box-shadow: inset 0 0 2px 2px #eeeeee;
    color: #56b1fc;
}

.btn.btn-primary:hover span,
.btn.btn-primary:active span {
    color: #56b1fc;
}

.btn-unstyled {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    height: auto;
    line-height: 1;
}

.btn-unstyled:active,
.btn-unstyled:focus {
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.td-button .btn:hover {
    box-shadow: none;
}

.td-button .btn:hover i {
    color: #fff !important;
}

.td-button .btn-info:hover {
    background: rgba(0, 154, 222, 0.5) !important;
}

.td-button .btn-success:hover {
    background: rgba(0, 153, 68, 0.5) !important;
}

.td-button .btn-warning:hover {
    background: rgba(243, 152, 0, 0.5) !important;
}

.td-button .btn-danger:hover {
    background: rgba(230, 0, 18, 0.5) !important;
}

.td-button .btn-white:hover {
    background: rgba(0, 154, 222, 0.4) !important;
}

.td-button .btn-white.dropdown-toggle:hover {
    background: rgba(0, 154, 222, 0.5);
}

.td-button .btn-white.dropdown-toggle:hover:before {
    color: #fff !important;
}

.td-button .btn-group .btn:before {
    transition: ease-in-out all 0.3s;
}

.td-button .btn-group.open .btn:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
}

.btn.disabled i,
.btn[disabled] i,
fieldset[disabled] .btn i {
    color: #777777;
}

.btn-group .btn {
    margin-left: -1px;
    border-radius: 0;
}

a.btn-clear {
    margin-right: 10px;
}

.padmode .btn-group .btn {
    height: 42px;
}

.padmode .btn-group .btn.btn-icon {
    width: 42px;
}

.btn-dropdown .btn-group:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.btn-dropdown .btn-group .btn {
    border: 0;
    padding-right: 3px;
}

.btn-dropdown .btn-group .btn:hover {
    background: #f9f9f9;
}

.btn-dropdown .btn-group .btn.btn-icon {
    width: 18px;
    padding: 6px 0;
}

.btn-dropdown .btn-group .btn>span .badge {
    position: relative;
    bottom: -1px;
    margin-left: 3px;
    margin-bottom: -1px;
    vertical-align: bottom;
}

.btn-dropdown .dropdown-menu {
    border: 0;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15);
}

.btn-dropdown .dropdown-menu.open {
    display: block;
}

.btn-dropdown .dropdown-menu .dropdown-item .btn {
    width: 100%;
    text-align: left;
    margin-left: 0;
    height: 34px;
}

.btn-dropdown .dropdown-menu .dropdown-item .btn:hover {
    box-shadow: none;
    background: #f6f6f6;
}

.btn-dropdown .dropdown-menu .dropdown-item .btn i {
    color: #888;
}

.btn-dropdown .badge {
    border: 0;
    background: #d9e9f8;
    font-weight: normal;
    width: 15px;
    height: 15px;
    line-height: 15px;
    padding: 0px;
    text-align: center;
    border-radius: 10px;
}

.daterangepicker {
    position: absolute;
    color: #222222;
    background-color: #fafafa;
    width: 278px;
    padding: 10px;
    top: 100px;
    left: 20px;
}

.daterangepicker i {
    color: #222222;
}

.daterangepicker i:hover,
.daterangepicker i:active {
    color: #999;
}

.daterangepicker:before,
.daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #d9e9f8;
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fafafa;
    border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
    right: 9px;
}

.daterangepicker.opensleft:after {
    right: 10px;
}

.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.opensright:before {
    left: 9px;
}

.daterangepicker.opensright:after {
    left: 10px;
}

.daterangepicker.dropup {
    margin-top: -5px;
}

.daterangepicker.dropup:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #d9e9f8;
}

.daterangepicker.dropup:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fafafa;
}

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001;
    margin: -1px -2px 0 0;
}

.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
    float: none;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar {
    display: none;
    margin: 0;
}

.daterangepicker .calendar.single .calendar-table {
    border: none;
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    white-space: nowrap;
    text-align: center;
    min-width: 32px;
}

.daterangepicker .calendar th i:hover,
.daterangepicker .calendar td i:hover,
.daterangepicker .calendar th i:active,
.daterangepicker .calendar td i:active {
    color: #777;
}

.daterangepicker .calendar-table {
    border: 1px solid #fafafa;
    padding: 0;
    border-radius: 0;
    background-color: #fafafa;
}

.daterangepicker table {
    width: 100%;
    margin: 0;
}

.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: none;
    border-color: transparent;
    color: #333333;
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker td {
    color: #333333;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    background-color: transparent;
    border-color: transparent;
    color: #626262;
}

.daterangepicker td.in-range {
    background-color: #def5ff;
    border-color: transparent;
    color: #333333;
    border-radius: 0;
}

.daterangepicker td.start-date {
    border-radius: 0 0 0 0;
}

.daterangepicker td.end-date {
    border-radius: 0 0 0 0;
}

.daterangepicker td.start-date.end-date {
    border-radius: 0;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #009ade;
    border-color: transparent;
    color: #ffffff;
}

.daterangepicker th {
    font-weight: normal;
}

.daterangepicker th.month {
    width: auto;
    font-weight: normal;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
    color: #cccccc;
    cursor: not-allowed;
    text-decoration: line-through;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0;
}

.daterangepicker .input-mini {
    border: 1px solid #dddddd;
    border-radius: 0;
    color: #323435;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    font-size: 12px;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%;
}

.daterangepicker .input-mini.active {
    border: 1px solid #009ade;
    border-radius: 0;
}

.daterangepicker .daterangepicker_input {
    position: relative;
}

.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 8px;
}

.daterangepicker .daterangepicker_input .input-mini.active+i {
    color: #009ade;
}

.daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px;
}

.daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px;
}

.daterangepicker .calendar-time select.disabled {
    color: #cccccc;
    cursor: not-allowed;
}

.daterangepicker .ranges {
    font-size: 12px;
    float: none;
    padding-left: 12px;
    text-align: left;
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    display: table;
}

.daterangepicker .ranges li {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0;
    color: #009ade;
    text-align: center;
    margin-bottom: 4px;
    cursor: pointer;
    display: block;
    width: 50%;
    float: left;
    margin: 0;
    height: 30px;
    line-height: 28px;
    margin: 0 0 0 0;
}

.daterangepicker .ranges li:hover {
    background-color: #ffffff;
    color: #009ade;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.daterangepicker .ranges li.active {
    background-color: #009ade;
    border: 1px solid #009ade;
    color: #ffffff;
}

.daterangepicker .ranges li[data-range-key="默认日期区间"] {
    width: 161px;
    margin-top: 10px;
    border-bottom: none;
}

.daterangepicker .ranges li:nth-child(even) {
    border-left: none;
}

.daterangepicker .ranges li:nth-child(1),
.daterangepicker .ranges li:nth-child(2),
.daterangepicker .ranges li:nth-child(3),
.daterangepicker .ranges li:nth-child(4),
.daterangepicker .ranges li:nth-child(5),
.daterangepicker .ranges li:nth-child(6) {
    border-bottom: none;
}

.daterangepicker .ranges li:last-child {
    width: 162px;
    border-left: 1px solid #dddddd;
    margin: -1px -1px 0 0;
    background-color: #ffffff;
}

.daterangepicker .ranges li:last-child:hover {
    background-color: #ffffff;
    color: #009ade;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.daterangepicker .ranges li:last-child.active {
    background-color: #009ade;
    border: 1px solid #009ade;
    color: #ffffff;
}

.daterangepicker .ranges .range_inputs {
    text-align: right;
    border-top: 1px solid #d9e9f8;
    padding-top: 10px;
    margin-top: 10px;
}

.daterangepicker .ranges .range_inputs .btn {
    width: 60px;
    height: 30px;
}

.daterangepicker .ranges .range_inputs .btn:first-child {
    width: 75px;
    height: 30px;
    padding-right: 15px;
    text-align: right;
    position: relative;
}

.daterangepicker .ranges .range_inputs .btn:first-child:before {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 14px;
    height: 14px;
    font-family: "FontAwesome";
    content: "\f00c";
    color: #009944;
    display: flex;
    align-items: center;
}

/*  屏幕规格 */
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }

    .daterangepicker .ranges ul {
        width: 162px;
    }

    .daterangepicker.single .ranges ul {
        width: 100%;
    }

    .daterangepicker.single .calendar.left {
        clear: none;
    }

    .daterangepicker.single.ltr .ranges,
    .daterangepicker.single.ltr .calendar {
        float: left;
    }

    .daterangepicker.single.rtl .ranges,
    .daterangepicker.single.rtl .calendar {
        float: right;
    }

    .daterangepicker.ltr {
        direction: ltr;
        text-align: left;
    }

    .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0;
    }

    .daterangepicker.ltr .calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .daterangepicker.ltr .calendar.right {
        margin-left: 0;
    }

    .daterangepicker.ltr .calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px;
    }

    .daterangepicker.ltr .calendar.left .calendar-table {
        padding-right: 12px;
    }

    .daterangepicker.ltr .ranges,
    .daterangepicker.ltr .calendar {
        float: left;
    }

    .daterangepicker.rtl {
        direction: rtl;
        text-align: right;
    }

    .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0;
    }

    .daterangepicker.rtl .calendar.left .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .daterangepicker.rtl .calendar.right {
        margin-right: 0;
    }

    .daterangepicker.rtl .calendar.right .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px;
    }

    .daterangepicker.rtl .calendar.left .calendar-table {
        padding-left: 12px;
    }

    .daterangepicker.rtl .ranges,
    .daterangepicker.rtl .calendar {
        text-align: right;
        float: right;
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }

    .daterangepicker.ltr .ranges {
        float: left;
    }

    .daterangepicker.rtl .ranges {
        float: right;
    }

    .daterangepicker .calendar.left {
        clear: none !important;
    }
}

.daterange-inline {
    background: #f5f5f5;
    border: 1px solid #cccccc;
    padding: 10px;
    cursor: pointer;
}

.daterange-inline i {
    color: #333333;
    margin-right: 5px;
}

.daterange-inline:hover {
    color: #333333;
}

.datepicker {
    display: none;
    color: #000000;
    background-color: #fafafa;
}

.datepicker table th,
.datepicker table td {
    white-space: nowrap;
    text-align: center;
    min-width: 32px;
}

.datepicker table thead th,
.datepicker table thead td {
    font-weight: normal;
}

.datepicker table thead th {
    font-size: 12px;
}

.datepicker table thead th[class="prev"],
.datepicker table thead th[class="next"] {
    width: 32px;
    font-size: 14px;
    color: #fafafa;
    position: relative;
    cursor: pointer;
}

.datepicker table thead th[class="prev"]:before {
    position: absolute;
    left: 0px;
    top: 6px;
    width: 32px;
    font-family: "FontAwesome";
    content: "\f053";
    color: #000000;
}

.datepicker table thead th[class="next"]:before {
    position: absolute;
    right: 0px;
    top: 6px;
    width: 32px;
    font-family: "FontAwesome";
    content: "\f054";
    color: #000000;
}

.datepicker table thead th[colspan="5"] {
    position: relative;
    cursor: pointer;
}

.datepicker table thead th[colspan="5"]:after {
    position: absolute;
    right: 39px;
    top: 7px;
    font-family: "FontAwesome";
    content: "\f0d7";
    color: #000000;
}

.datepicker.dropdown-menu {
    padding: 0 !important;
    border-width: 1px 0 0;
}

.datepicker .datepicker-days tbody td {
    color: #333333;
    cursor: pointer;
}

.datepicker .datepicker-days tbody td.day.old,
.datepicker .datepicker-days tbody td.day.new {
    background-color: transparent;
    border-color: transparent;
    color: #626262;
}

.datepicker .datepicker-days tbody td.day:hover {
    background-color: #def5ff;
    border-color: transparent;
    color: #333333;
    border-radius: 0;
}

.datepicker .datepicker-days tbody td.day:active,
.datepicker .datepicker-days tbody td.day.active {
    background-color: #009ade;
    border-color: transparent;
    color: #ffffff;
}

.datepicker .datepicker-days tbody td.day:active.disabled.disabled-date,
.datepicker .datepicker-days tbody td.day.active.disabled.disabled-date {
    color: #626262;
    background-color: transparent;
}

.datepicker .datepicker-days tbody td.day:active.disabled.disabled-date:hover,
.datepicker .datepicker-days tbody td.day.active.disabled.disabled-date:hover {
    background-color: transparent;
    cursor: default;
}

.datepicker .datepicker-days tbody td.day.focused {
    background-color: #def5ff;
}

.datepicker .datepicker-days tbody td.day.disabled.disabled-date {
    color: #626262;
}

.datepicker .datepicker-days tbody td.day.disabled.disabled-date:hover {
    background-color: transparent;
    cursor: default;
}

.datepicker .datepicker-months,
.datepicker .datepicker-years {
    max-width: 224px;
}

.datepicker .datepicker-months tbody tr td span,
.datepicker .datepicker-years tbody tr td span {
    width: 25%;
    display: inline-block;
    float: left;
    padding: 5px;
}

.datepicker .datepicker-months tbody tr td span:nth-child(4n),
.datepicker .datepicker-years tbody tr td span:nth-child(4n) {
    word-wrap: break-word;
    word-break: normal;
}

.datepicker .datepicker-months tbody tr td span:hover,
.datepicker .datepicker-years tbody tr td span:hover {
    background-color: #def5ff;
    border-color: transparent;
    cursor: pointer;
    color: #333333;
    border-radius: 0;
}

.datepicker .datepicker-months tbody tr td span:active,
.datepicker .datepicker-years tbody tr td span:active,
.datepicker .datepicker-months tbody tr td span.active,
.datepicker .datepicker-years tbody tr td span.active {
    background-color: #009ade;
    border-color: transparent;
    color: #ffffff;
}

.page-body .dropdown-menu {
    margin-top: -1px;
    padding: 10px;
}

.page-body .input-group-addon a i {
    font-size: 12px 2px;
}

.form-control+.datepicker.active {
    border: 1px solid #009ade;
    border-radius: 0px;
}

.form-control.datepicker {
    background-color: #fff;
    cursor: pointer;
}

.form-control.datepicker[readonly="readonly"] {
    background-color: transparent;
    cursor: not-allowed;
}

.form-control.datepicker[readonly="readonly"]+.input-group-addon {
    cursor: not-allowed;
}

.form-item.select [disabled="disabled"]+span {
    color: #333333 !important;
    background: #f9f9f9 !important;
    box-shadow: none !important;
    outline: none !important;
    background: #eee;
    color: #555555;
    cursor: not-allowed;
    color: #afafaf !important;
    background: #f6f6f6 !important;
    border: 0 !important;
    resize: none;
    border-color: #dddddd !important;
}

.form-item.select [disabled="disabled"]+span:hover,
.form-item.select [disabled="disabled"]+span:focus {
    color: #333333 !important;
    background: #f9f9f9 !important;
    cursor: not-allowed;
    box-shadow: none !important;
    outline: none !important;
}

.form-item.select [disabled="disabled"]+span:hover,
.form-item.select [disabled="disabled"]+span:active,
.form-item.select [disabled="disabled"]+span:focus,
.form-item.select [disabled="disabled"]+span:visited {
    color: #afafaf !important;
    background: #f6f6f6 !important;
}

.panel-form .form-td .form-item.select {
    display: inline;
    float: left;
    width: 100%;
}

/* SelectBoxIt container */
.selectboxit-container {
    position: relative;
    display: block;
    vertical-align: top;
}

.form-td .selectboxit-container {
    width: 100%;
    min-width: 120px;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
    font-size: 12px;
    /* Prevents text selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
    white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {
    width: 100% !important;
    cursor: pointer;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
    position: relative;
}

/* Height and Vertical Alignment of Text */
.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
    height: 40px;
    /* Height of the drop down */
    line-height: 40px;
    /* Vertically positions the drop down text */
    display: block;
}

.compactmode .selectboxit-container span,
.compactmode .selectboxit-container .selectboxit-options a,
.form-wide-panel .selectboxit-container span,
.form-wide-panel .selectboxit-container .selectboxit-options a,
.table>tbody>tr>td .selectboxit-container span,
.table>tbody>tr>td .selectboxit-container .selectboxit-options a,
.col-none .selectboxit-container span,
.col-none .selectboxit-container .selectboxit-options a,
.user-panel .selectboxit-container span,
.user-panel .selectboxit-container .selectboxit-options a {
    height: 30px;
    line-height: 30px;
}

.selectboxit-text[data-val=""] {
    color: #dddddd;
    padding-right: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.compactmode .selectboxit-text[data-val=""],
.form-wide-panel .selectboxit-text[data-val=""],
.table>tbody>tr>td .selectboxit-text[data-val=""],
.col-none .selectboxit-text[data-val=""],
.user-panel .selectboxit-text[data-val=""] {
    padding-right: 30px;
}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
    outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled,
.selectboxit-options .selectboxit-disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default;
}

/* Button Text */
.selectboxit-text {
    min-width: 100%;
    padding-right: 40px;
    text-indent: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    box-sizing: border-box;
    color: #222222;
    text-align: left;
}

.compactmode .selectboxit-text,
.form-wide-panel .selectboxit-text,
.table>tbody>tr>td .selectboxit-text,
.col-none .selectboxit-text,
.user-panel .selectboxit-text {
    padding-right: 30px;
}

.selectboxit .selectboxit-option-icon-container {
    display: none;
}

/* Options List */
.selectboxit-container .selectboxit-options {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 100%;
    /* Minimum Width of the dropdown list box options */
    *width: 100%;
    max-height: 240px;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    display: none;
    z-index: 99;
    text-align: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.selectboxit-container .selectboxit-options::-webkit-scrollbar {
    display: none;
}

.selectboxit-container .selectboxit-options .ps-scrollbar-x-rail {
    height: 0 !important;
    display: none !important;
}

.selectboxit-option {
    height: 40px;
    line-height: 40px;
}

.selectboxit-option a {
    height: 40px;
    line-height: 40px;
}

.compactmode .selectboxit-option a,
.form-wide-panel .selectboxit-option a,
.table>tbody>tr>td .selectboxit-option a,
.col-none .selectboxit-option a,
.user-panel .selectboxit-option a {
    height: 30px;
    line-height: 30px;
}

.compactmode .selectboxit-option,
.form-wide-panel .selectboxit-option,
.table>tbody>tr>td .selectboxit-option,
.col-none .selectboxit-option,
.user-panel .selectboxit-option {
    height: 30px;
    line-height: 30px;
}

.selectboxit-option.selectboxit-option-first {
    position: relative;
}

.selectboxit-option.selectboxit-option-first .selectboxit-option-anchor {
    color: transparent !important;
}

.selectboxit-option.selectboxit-option-first .selectboxit-option-anchor:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: "请选择";
    color: #d9e9f8;
}

.selectboxit-option.selectboxit-option-first .selectboxit-option-anchor:after {
    width: 40px;
    height: 40px;
    position: absolute;
    font-family: "FontAwesome";
    content: "\f057";
    top: 0;
    right: 0;
    color: #dddddd;
    text-align: center;
    z-index: 999;
}

.selectboxit-option.selectboxit-option-first .selectboxit-option-anchor:hover {
    color: transparent !important;
}

.selectboxit-option.selectboxit-option-first .selectboxit-option-anchor:hover:after {
    color: #f39800;
}

/* Individual options */
/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover:hover {
    color: #009ade;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.selectboxit-option .selectboxit-option-anchor:hover:active.selectboxit-option .selectboxit-option-anchor:hover:focus {
    background-color: #009ade;
    color: #fff;
}

/* Individual Option Optgroup Header */
.selectboxit-option,
.selectboxit-optgroup-header {
    text-indent: 5px;
    /* Horizontal Positioning of the select box option text */
    margin: 0;
    list-style-type: none;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
    font-weight: bold;
}

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
    cursor: default;
}

/* 下拉箭头 */
.selectboxit-arrow-container {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 8px;
    cursor: pointer;
    padding: 0;
    line-height: 30px;
    width: 32px;
    height: 40px;
    right: 0;
}

.selectboxit-arrow-container:after {
    content: "\f0d7";
    position: absolute;
    top: 8px;
    right: 0px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
}

.selectboxit-arrow-container:after {
    transition: ease-in-out all 0.5s;
    top: 13px;
    right: 12px;
    color: #777777;
}

.selectboxit-arrow-container:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.selectboxit-arrow-container:hover:after {
    color: #009ade;
    top: 13px;
    right: 12px;
}

.compactmode .selectboxit-arrow-container,
.form-wide-panel .selectboxit-arrow-container,
.table>tbody>tr>td .selectboxit-arrow-container,
.col-none .selectboxit-arrow-container,
.user-panel .selectboxit-arrow-container {
    width: 24px;
    height: 30px;
}

.compactmode .selectboxit-arrow-container:after,
.form-wide-panel .selectboxit-arrow-container:after,
.table>tbody>tr>td .selectboxit-arrow-container:after,
.col-none .selectboxit-arrow-container:after,
.user-panel .selectboxit-arrow-container:after {
    top: 7px;
    right: 8px;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    display: none;
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
    top: 30%;
}

.selectboxit-option-icon-container {
    width: 0;
    float: left;
}

.selectboxit-container .selectboxit-option-icon {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.selectboxit-option-icon-url {
    width: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    float: left;
}

.selectboxit-rendering {
    display: inline-block !important;
    *display: inline !important;
    zoom: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

.jqueryui .ui-icon {
    background-color: inherit;
}

.jqueryui .ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

/* Default Theme*/
.selectboxit-btn {
    background-color: transparent;
    background-repeat: repeat-x;
    border: 1px solid #ddd;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
    color: #333333;
    background-color: transparent;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
}

.selectboxit-default-arrow {
    width: 0;
    height: 0;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.selectboxit-list {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.selectboxit-list .selectboxit-option-anchor {
    color: #333333;
}

.selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor {
    color: #000;
    background-color: #fff;
}

.selectboxit-list>.selectboxit-disabled>.selectboxit-option-anchor {
    color: #999999;
}

.select2-btn {
    position: absolute;
    width: 32px;
    height: 38px;
    top: 0;
    right: 0;
    transition: ease-in-out all 0.3s;
}

.select2-btn:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 40px;
    user-select: none;
    -webkit-user-select: none;
    outline: none !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 12px;
    padding-right: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.compactmode .select2-container .select2-selection--single .select2-selection__rendered,
.form-wide-panel .select2-container .select2-selection--single .select2-selection__rendered,
.table>tbody>tr>td .select2-container .select2-selection--single .select2-selection__rendered,
.col-none .select2-container .select2-selection--single .select2-selection__rendered,
.user-panel .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 24px;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.compactmode .select2-container .select2-selection--single,
.form-wide-panel .select2-container .select2-selection--single,
.table>tbody>tr>td .select2-container .select2-selection--single,
.col-none .select2-container .select2-selection--single,
.user-panel .select2-container .select2-selection--single {
    height: 30px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    user-select: none;
    -webkit-user-select: none;
    height: 40px;
}

.compactmode .select2-container .select2-selection--multiple,
.form-wide-panel .select2-container .select2-selection--multiple,
.table>tbody>tr>td .select2-container .select2-selection--multiple,
.col-none .select2-container .select2-selection--multiple,
.user-panel .select2-container .select2-selection--multiple {
    height: 30px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-right: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    padding: 8px 6px 9px;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-container .select2-search--inline .select2-search__field::-moz-placeholder {
    color: #d9e9f8;
    opacity: 1;
}

.select2-container .select2-search--inline .select2-search__field:-ms-input-placeholder {
    color: #d9e9f8;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-input-placeholder {
    color: #d9e9f8;
}

.compactmode .select2-container .select2-search--inline .select2-search__field,
.form-wide-panel .select2-container .select2-search--inline .select2-search__field,
.table>tbody>tr>td .select2-container .select2-search--inline .select2-search__field,
.col-none .select2-container .select2-search--inline .select2-search__field,
.user-panel .select2-container .select2-search--inline .select2-search__field {
    padding: 3px 6px 4px;
}

.select2-dropdown {
    position: absolute;
    left: -100000px;
    background: #ffffff;
    border: 1px solid #d9e9f8;
    box-sizing: border-box;
    display: block;
    width: 100%;
    z-index: 98;
}

.select2-results {
    display: block;
}

.select2-results__options {
    min-height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 0 6px;
    line-height: 30px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    top: 0;
    left: 0;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1060;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
}

.select2-search--dropdown {
    display: block;
    padding: 5px;
    background: #eeeeee;
    border-bottom: 1px solid #d9e9f8;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    height: 30px;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background: #ffffff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #d9e9f8;
    background: #ffffff;
}

.form-td .select2-container--default .select2-selection--single {
    border: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #222222;
    line-height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered[title="必填"],
.select2-container--default .select2-selection--single .select2-selection__rendered[title="请选择"] {
    color: #777777;
}

.compactmode .select2-container--default .select2-selection--single .select2-selection__rendered,
.form-wide-panel .select2-container--default .select2-selection--single .select2-selection__rendered,
.table>tbody>tr>td .select2-container--default .select2-selection--single .select2-selection__rendered,
.col-none .select2-container--default .select2-selection--single .select2-selection__rendered,
.user-panel .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #dddddd;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    width: 32px;
    height: 38px;
    top: 0;
    right: 0;
    transition: ease-in-out all 0.3s;
    height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    transition: ease-in-out all 0.3s;
    content: '\f0d7';
    position: absolute;
    text-indent: 0;
    bottom: 0;
    left: 0;
    font-family: "FontAwesome";
    color: #777777;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    width: 32px;
    height: 40px;
    line-height: 40px;
    text-emphasis: circle;
    text-align: center;
}

.compactmode .select2-container--default .select2-selection--single .select2-selection__arrow b:after,
.form-wide-panel .select2-container--default .select2-selection--single .select2-selection__arrow b:after,
.table>tbody>tr>td .select2-container--default .select2-selection--single .select2-selection__arrow b:after,
.col-none .select2-container--default .select2-selection--single .select2-selection__arrow b:after,
.user-panel .select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    width: 24px;
    height: 28px;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:hover:after {
    color: #009ade;
}

.compactmode .select2-container--default .select2-selection--single .select2-selection__arrow,
.form-wide-panel .select2-container--default .select2-selection--single .select2-selection__arrow,
.table>tbody>tr>td .select2-container--default .select2-selection--single .select2-selection__arrow,
.col-none .select2-container--default .select2-selection--single .select2-selection__arrow,
.user-panel .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 24px;
    height: 28px;
}

.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #98c4ec;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    color: #333333 !important;
    background: #f9f9f9 !important;
    box-shadow: none !important;
    outline: none !important;
    background: #eee;
    color: #555555;
    cursor: not-allowed;
    color: #afafaf !important;
    background: #f6f6f6 !important;
    border: 0 !important;
    resize: none;
    border-color: #dddddd !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single:hover,
.select2-container--default.select2-container--disabled .select2-selection--single:focus {
    color: #333333 !important;
    background: #f9f9f9 !important;
    cursor: not-allowed;
    box-shadow: none !important;
    outline: none !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single:hover,
.select2-container--default.select2-container--disabled .select2-selection--single:active,
.select2-container--default.select2-container--disabled .select2-selection--single:focus,
.select2-container--default.select2-container--disabled .select2-selection--single:visited {
    color: #afafaf !important;
    background: #f6f6f6 !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
    color: #333333 !important;
    background: #f9f9f9 !important;
    box-shadow: none !important;
    outline: none !important;
    background: #eee;
    color: #555555;
    cursor: not-allowed;
    color: #afafaf !important;
    background: #f6f6f6 !important;
    border: 0 !important;
    resize: none;
    border-color: #dddddd !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow:hover,
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow:focus {
    color: #333333 !important;
    background: #f9f9f9 !important;
    cursor: not-allowed;
    box-shadow: none !important;
    outline: none !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow:hover,
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow:active,
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow:focus,
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow:visited {
    color: #afafaf !important;
    background: #f6f6f6 !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow:hover,
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow:focus {
    color: #bbbbbb !important;
}

.select2-container--default .select2-selection--multiple {
    background: #ffffff;
    border: 1px solid #d9e9f8;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 40px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search--inline {
    height: 40px;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #777777;
    margin-top: 5px;
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: 1px solid #d9e9f8;
    cursor: default;
    float: left;
    margin: 5px 0 0 5px;
    padding: 5px;
    background: #eeeeee;
    color: #222222;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background: #e2e2e2;
    border-color: #c3ddf4;
}

.compactmode .select2-container--default .select2-selection--multiple .select2-selection__choice,
.form-wide-panel .select2-container--default .select2-selection--multiple .select2-selection__choice,
.table>tbody>tr>td .select2-container--default .select2-selection--multiple .select2-selection__choice,
.col-none .select2-container--default .select2-selection--multiple .select2-selection__choice,
.user-panel .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #555555;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-left: 2px;
    float: right;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333333;
}

.form-td .select2-container--default .select2-selection--multiple {
    border: 0;
}

.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    color: transparent;
    overflow: hidden;
    position: absolute;
    width: 32px;
    height: 38px;
    top: 0;
    right: 0;
    transition: ease-in-out all 0.3s;
    height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__clear:hover,
.select2-container--default .select2-selection--multiple .select2-selection__clear:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.select2-container--default .select2-selection--single .select2-selection__clear:after,
.select2-container--default .select2-selection--multiple .select2-selection__clear:after {
    content: "\f057";
    position: absolute;
    top: 7px;
    right: 8px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
    top: 12px;
    right: 10px;
    text-indent: 0;
}

.select2-container--default .select2-selection--single .select2-selection__clear:hover:after,
.select2-container--default .select2-selection--multiple .select2-selection__clear:hover:after {
    color: #f39800;
}

.compactmode .select2-container--default .select2-selection--single .select2-selection__clear,
.compactmode .select2-container--default .select2-selection--multiple .select2-selection__clear,
.form-wide-panel .select2-container--default .select2-selection--single .select2-selection__clear,
.form-wide-panel .select2-container--default .select2-selection--multiple .select2-selection__clear,
.table>tbody>tr>td .select2-container--default .select2-selection--single .select2-selection__clear,
.table>tbody>tr>td .select2-container--default .select2-selection--multiple .select2-selection__clear,
.col-none .select2-container--default .select2-selection--single .select2-selection__clear,
.col-none .select2-container--default .select2-selection--multiple .select2-selection__clear,
.user-panel .select2-container--default .select2-selection--single .select2-selection__clear,
.user-panel .select2-container--default .select2-selection--multiple .select2-selection__clear {
    width: 24px;
    height: 28px;
}

.compactmode .select2-container--default .select2-selection--single .select2-selection__clear:after,
.compactmode .select2-container--default .select2-selection--multiple .select2-selection__clear:after,
.form-wide-panel .select2-container--default .select2-selection--single .select2-selection__clear:after,
.form-wide-panel .select2-container--default .select2-selection--multiple .select2-selection__clear:after,
.table>tbody>tr>td .select2-container--default .select2-selection--single .select2-selection__clear:after,
.table>tbody>tr>td .select2-container--default .select2-selection--multiple .select2-selection__clear:after,
.col-none .select2-container--default .select2-selection--single .select2-selection__clear:after,
.col-none .select2-container--default .select2-selection--multiple .select2-selection__clear:after,
.user-panel .select2-container--default .select2-selection--single .select2-selection__clear:after,
.user-panel .select2-container--default .select2-selection--multiple .select2-selection__clear:after {
    top: 7px;
    right: 6px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    right: 32px;
}

.compactmode .select2-container--default .select2-selection--single .select2-selection__clear,
.form-wide-panel .select2-container--default .select2-selection--single .select2-selection__clear,
.table>tbody>tr>td .select2-container--default .select2-selection--single .select2-selection__clear,
.col-none .select2-container--default .select2-selection--single .select2-selection__clear,
.user-panel .select2-container--default .select2-selection--single .select2-selection__clear {
    right: 24px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background: #eeeeee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #d9e9f8;
    text-indent: 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: #83b7e8;
}

.select2-container--default .select2-search--inline .select2-search__field {
    height: 30px;
    min-width: 50px;
    margin-top: 5px;
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true],
.select2-container--default .select2-results__option[aria-selected=true] {
    background: #d9e9f8;
    color: #777777;
    cursor: default;
}

.select2-container--default .select2-results__option[aria-disabled=true]:hover,
.select2-container--default .select2-results__option[aria-selected=true]:hover,
.select2-container--default .select2-results__option[aria-disabled=true]:focus,
.select2-container--default .select2-results__option[aria-selected=true]:focus {
    color: #777777;
    box-shadow: none;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #222222;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    background: #009ade;
    color: #fff;
    font-weight: 200;
    padding: 0 6px;
    padding-left: 1em;
}

自定义读取多选 .form-group.select2-height-auto {
    height: auto;
}

自定义读取多选 .form-group.select2-height-auto .select2-container .select2-selection--multiple {
    height: auto;
}

自定义读取多选 .form-group.select2-height-auto .select2-container--default .select2-selection--multiple {
    height: auto;
}

自定义读取多选 .form-group.select2-height-auto .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: auto;
}

/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Improvements by Sébastien Malot
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
    padding: 4px;
    margin-top: 1px;
    white-space: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
}

.datetimepicker.datetimepicker-rtl {
    direction: rtl;
}

.datetimepicker.datetimepicker-rtl table tr td span {
    float: right;
}

.datetimepicker>div {
    display: none;
}

.datetimepicker.minutes div.datetimepicker-minutes {
    display: block;
}

.datetimepicker.hours div.datetimepicker-hours {
    display: block;
}

.datetimepicker.days div.datetimepicker-days {
    display: block;
}

.datetimepicker.months div.datetimepicker-months {
    display: block;
}

.datetimepicker.years div.datetimepicker-years {
    display: block;
}

.datetimepicker table {
    margin: 0;
}

.datetimepicker table tr td.minute:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datetimepicker table tr td.hour:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datetimepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datetimepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datetimepicker table tr td span:hover {
    background: #eeeeee;
}

.datetimepicker table tr td span.old {
    color: #999999;
}

.datetimepicker .datetimepicker-hours span {
    height: 26px;
    line-height: 26px;
}

.datetimepicker .datetimepicker-minutes span {
    height: 26px;
    line-height: 26px;
}

.datetimepicker th.switch {
    width: 145px;
}

.datetimepicker-inline {
    width: 220px;
}

.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
    top: 0;
    left: 0;
}

[class*="datetimepicker-dropdown"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

[class*="datetimepicker-dropdown"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
}

[class*="datetimepicker-dropdown-top"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0;
}

[class*="datetimepicker-dropdown-top"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    border-bottom: 0;
}

.datetimepicker-dropdown-bottom-left:before {
    top: -7px;
    right: 6px;
}

.datetimepicker-dropdown-bottom-left:after {
    top: -6px;
    right: 7px;
}

.datetimepicker-dropdown-bottom-right:before {
    top: -7px;
    left: 6px;
}

.datetimepicker-dropdown-bottom-right:after {
    top: -6px;
    left: 7px;
}

.datetimepicker-dropdown-top-left:before {
    bottom: -7px;
    right: 6px;
}

.datetimepicker-dropdown-top-left:after {
    bottom: -6px;
    right: 7px;
}

.datetimepicker-dropdown-top-right:before {
    bottom: -7px;
    left: 6px;
}

.datetimepicker-dropdown-top-right:after {
    bottom: -6px;
    left: 7px;
}

.datetimepicker td,
.datetimepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
    background-color: transparent;
}

.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
    color: #999999;
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}

.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
    width: 14.6%;
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
    margin-bottom: inherit;
    line-height: 30px;
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
    cursor: pointer;
}

.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
    background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
    cursor: pointer;
    width: 14px;
    height: 14px;
}

.datetime .form-control.datepicker {
    width: 65% !important;
    display: block !important;
    float: left;
    border-right: 1px solid #d9e9f8 !important;
    box-sizing: border-box;
}

.datetime .form-control.timepicker {
    width: 35% !important;
    float: left;
    position: relative;
}

.bootstrap-timepicker {
    position: relative;
}

.bootstrap-timepicker .add-on {
    cursor: pointer;
}

.bootstrap-timepicker .add-on i {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
    left: auto;
    right: 0;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
    left: auto;
    right: 12px;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
    left: auto;
    right: 13px;
}

.bootstrap-timepicker-widget.dropdown-menu {
    padding: 0;
}

.bootstrap-timepicker-widget.dropdown-menu.open {
    display: inline-block;
    z-index: 1060;
}

.bootstrap-timepicker-widget.dropdown-menu:before {
    position: absolute;
    display: inline-block;
    content: "";
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d9e9f8;
    border-left: 7px solid transparent;
}

.bootstrap-timepicker-widget.dropdown-menu:after {
    position: absolute;
    display: inline-block;
    content: "";
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}

.bootstrap-timepicker-widget.timepicker-orient-left:before,
.bootstrap-timepicker-widget.timepicker-orient-right:before {
    left: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-left:after,
.bootstrap-timepicker-widget.timepicker-orient-right:after {
    left: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -7px;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-top: 6px solid #fff;
    border-bottom: 0;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-top: 6px solid #fff;
    border-bottom: 0;
}

.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
    border-radius: 0;
}

.bootstrap-timepicker-widget table {
    border: 0;
    width: 100%;
}

.bootstrap-timepicker-widget table td {
    height: 30px;
    margin: 0;
    padding: 2px;
    text-align: center;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
}

.bootstrap-timepicker-widget table td:not(.separator) {
    min-width: 30px;
}

.bootstrap-timepicker-widget table td span {
    width: 100%;
}

.bootstrap-timepicker-widget table td a {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    outline: 0;
    color: #555555;
    border: 1px solid transparent;
}

.bootstrap-timepicker-widget table td a .icon-chevron-up:before {
    font-family: "FontAwesome";
    content: "\f0d8";
    font-style: normal;
    color: #555555;
}

.bootstrap-timepicker-widget table td a .icon-chevron-down:before {
    font-family: "FontAwesome";
    content: "\f0d7";
    font-style: normal;
    color: #555555;
}

.bootstrap-timepicker-widget table td a i {
    margin-top: 2px;
    font-size: 18px;
}

.bootstrap-timepicker-widget table td a:hover {
    text-decoration: none;
    background: #f5f5f5;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.bootstrap-timepicker-widget table td input {
    width: 25px;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    background: none;
}

.bootstrap-timepicker-widget .modal-content {
    padding: 4px;
}

@media (min-width: 767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px;
    }
}

@media (max-width: 767px) {
    .bootstrap-timepicker {
        width: 100%;
    }

    .dropdown-menu {
        width: 100%;
    }
}

.date-and-time .form-control {
    float: left;
}

.date-and-time .form-control+.form-control {
    border-left: 0;
}

.date-and-time .form-control.datepicker {
    width: 65%;
}

.date-and-time .form-control.timepicker {
    width: 35%;
}

.modal-content .form-control.datepicker {
    display: inline-block;
    width: 65%;
}

.modal-content .form-control.timepicker {
    display: inline-block;
    width: 35%;
    margin-left: -1px;
}

.modal-content .timepicker-orient-top.open {
    z-index: 1060;
}

.modal-content .input-group .form-control.datepicker {
    width: 100%;
}

.drag-element {
    color: #fff;
    background-color: #b3d465;
    zoom: 1;
    -webkit-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
    border: 1px solid #b3d465;
    position: absolute;
    z-index: 99999;
}

div.form-item.radio {
    margin: 0;
}

div.form-item.radio .radio-clear {
    color: transparent;
    position: relative;
}

div.form-item.radio .radio-clear:after,
div.form-item.radio .radio-clear .after {
    position: absolute;
    left: 22px;
    font-family: 'FontAwesome';
    content: "\f057";
    font-size: 18px;
    color: #cccccc;
}

div.form-item.radio .radio-clear:hover:after {
    color: #f39800;
}

input[type="radio"],
input[type="checkbox"] {
    display: none;
}

.dropdown-menu input[type="radio"],
.dropdown-menu input[type="checkbox"] {
    display: block !important;
}

label.radio-inline,
label.checkbox-inline,
label.checkbox-inline-none {
    height: 40px;
    line-height: 40px;
    position: relative;
    margin-left: 10px;
    float: left;
    overflow: hidden;
}

label.radio-inline:after,
label.checkbox-inline:after,
label.checkbox-inline-none:after {
    display: block;
    position: absolute;
    content: "";
    font-family: 'FontAwesome';
    top: 12px;
    left: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    background-color: #fff;
    line-height: 16px;
    text-align: center;
    color: #222222;
}

.compactmode label.radio-inline:after,
.compactmode label.checkbox-inline:after,
.compactmode label.checkbox-inline-none:after,
.form-wide-panel label.radio-inline:after,
.form-wide-panel label.checkbox-inline:after,
.form-wide-panel label.checkbox-inline-none:after,
table>tbody>tr>td label.radio-inline:after,
table>tbody>tr>td label.checkbox-inline:after,
table>tbody>tr>td label.checkbox-inline-none:after,
.col-none label.radio-inline:after,
.col-none label.checkbox-inline:after,
.col-none label.checkbox-inline-none:after,
.user-panel label.radio-inline:after,
.user-panel label.checkbox-inline:after,
.user-panel label.checkbox-inline-none:after,
.input-checkboxajax-container label.radio-inline:after,
.input-checkboxajax-container label.checkbox-inline:after,
.input-checkboxajax-container label.checkbox-inline-none:after {
    top: 7px;
}

label.radio-inline.disabled,
label.checkbox-inline.disabled,
label.checkbox-inline-none.disabled {
    cursor: not-allowed;
    color: #cccccc;
    background: transparent;
}

label.radio-inline.disabled:after,
label.checkbox-inline.disabled:after,
label.checkbox-inline-none.disabled:after {
    border-color: #ddd;
    cursor: not-allowed;
    color: #bbb;
    background-color: #eee;
}

label.radio-inline.active,
label.checkbox-inline.active,
label.checkbox-inline-none.active {
    border-color: #ff0000;
}

.compactmode label.radio-inline,
.compactmode label.checkbox-inline,
.compactmode label.checkbox-inline-none,
.form-wide-panel label.radio-inline,
.form-wide-panel label.checkbox-inline,
.form-wide-panel label.checkbox-inline-none,
table>tbody>tr>td label.radio-inline,
table>tbody>tr>td label.checkbox-inline,
table>tbody>tr>td label.checkbox-inline-none,
.col-none label.radio-inline,
.col-none label.checkbox-inline,
.col-none label.checkbox-inline-none,
.user-panel label.radio-inline,
.user-panel label.checkbox-inline,
.user-panel label.checkbox-inline-none,
.input-checkboxajax-container label.radio-inline,
.input-checkboxajax-container label.checkbox-inline,
.input-checkboxajax-container label.checkbox-inline-none {
    height: 30px;
    line-height: 30px;
}

table>tbody>tr>td label.radio-inline,
table>tbody>tr>td label.checkbox-inline,
table>tbody>tr>td label.checkbox-inline-none {
    float: none;
}

label.radio-inline.half-checked:after,
label.checkbox-inline.half-checked:after,
label.checkbox-inline-none.half-checked:after,
label.radio-inline.half-checked.checked:after,
label.checkbox-inline.half-checked.checked:after,
label.checkbox-inline-none.half-checked.checked:after {
    background: #fff;
    content: '\f068';
}

.radio-single,
.checkbox-single {
    text-align: center;
}

.radio-single label.radio-inline,
.checkbox-single label.radio-inline,
.radio-single label.checkbox-inline,
.checkbox-single label.checkbox-inline {
    float: none;
}

label.checkbox-inline.th-check.checked:after {
    content: "\f00c";
}

label.radio-clear,
label.checkbox-clear {
    line-height: 40px;
    position: relative;
    cursor: pointer;
    color: transparent;
    margin: 0 0 0 5px;
}

label.radio-clear:after,
label.checkbox-clear:after {
    content: "\f057";
    position: absolute;
    top: 7px;
    right: 8px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
    right: 0;
    top: 1px;
    font-size: 18px;
    line-height: 40px;
}

.compactmode label.radio-clear:after,
.compactmode label.checkbox-clear:after {
    line-height: 30px;
}

label.radio-clear:hover:after,
label.checkbox-clear:hover:after {
    color: #f39800;
}

.compactmode label.radio-clear,
.compactmode label.checkbox-clear {
    line-height: 30px;
}

label.radio-inline:after {
    border-radius: 100%;
}

label.radio-inline.checked:after {
    content: "\f111";
    font-size: 10px;
    line-height: 14px;
}

label.checkbox-inline.checked:after {
    content: "\f00c";
}

label.checkbox-inline-none:after {
    display: none;
}

label.checkbox-inline-none.checked:after {
    display: none;
}

.td-radio .form-block,
.td-checkbox .form-block {
    display: inline-block;
}

.td-radio .cbr-input,
.td-checkbox .cbr-input {
    display: none;
}

.form-horizontal label.checkbox-inline,
.form-horizontal label.radio-inline,
.form-horizontal .radio,
.form-horizontal .checkbox {
    padding-top: 0;
}

.form-td.center .checkbox-inline {
    width: 100%;
    padding: 0;
    margin: 0;
}

.form-td.center .checkbox-inline:after {
    left: 50%;
    margin-left: -8px;
}

.table>thead>tr>th label.radio-inline,
.table>tbody>tr>th label.radio-inline,
.table>thead>tr>th label.checkbox-inline,
.table>tbody>tr>th label.checkbox-inline {
    float: none;
    margin: 0 auto;
    height: 34px;
    line-height: 34px;
}

.table>tbody>tr.selected label.checkbox-inline.th-check:after {
    content: "\f00c";
}

.switch-inline:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 20px;
    width: 18px;
    height: 18px;
    margin: -9px 0 0 -9px;
    border-radius: 18px;
    background: #fff;
    z-index: 2;
    transition: ease-in-out all 0.35s;
    cursor: pointer;
}

.switch-inline:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 20px;
    width: 40px;
    height: 20px;
    line-height: 20px;
    margin: -10px;
    border-radius: 20px;
    background-color: #dddddd;
    transition: ease-in-out all 0.35s;
}

.switch-inline.checked:before {
    margin-left: 11px;
}

.switch-inline.checked:after {
    background-color: #36e0a2;
}

.form-horizontal .switch-inline:before {
    left: 25px;
    margin: 0 0 0 -9px;
}

.form-horizontal .switch-inline:after {
    margin-top: -1px;
    margin-left: -5px;
}

.form-horizontal .switch-inline.checked:before {
    margin-left: 11px;
}

.form-horizontal td .switch-inline:before,
td .switch-inline:before {
    left: 50%;
    margin-top: -9px;
    margin-left: -19px;
}

.form-horizontal td .switch-inline:after,
td .switch-inline:after {
    left: 50%;
    margin-top: -10px;
    margin-left: -20px;
}

.form-horizontal td .switch-inline.checked:before,
td .switch-inline.checked:before {
    margin-left: 1px;
}

.radiocheckstring .radio-options,
.radiocheckstring .checkbox-options {
    border: 0;
    border-bottom: 1px solid #d9e9f8;
    padding: 3px 6px;
    padding-top: 8px;
    height: 26px;
}

.radiocheckstring .radio-options[disabled],
.radiocheckstring .checkbox-options[disabled] {
    background: transparent;
    cursor: not-allowed;
}

.radiocheckstring .radio-options:focus,
.radiocheckstring .checkbox-options:focus {
    border-color: #009ade;
}

.switch-btn {
    display: inline-table;
    margin-left: 30px;
    margin-top: 2px;
}

.switch-btn span {
    display: table-cell;
    text-align: right;
    padding-right: 0;
    padding-left: 0;
    vertical-align: middle;
}

.switch-btn .switch-inline {
    display: table-cell;
    display: table;
    width: 40px;
    height: 20px;
    margin-top: 2px;
    position: relative;
}

/*====================================================================*/
/*forms*/
/*====================================================================*/
.form-control {
    height: 40px;
    font-size: 12px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #d9e9f8;
    border-radius: 0;
    color: #222222;
}

.form-control:focus,
.form-control:active {
    outline: none;
    border-color: #999999;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
}

.form-td .form-control {
    border: 0;
    height: 40px;
}

.input-group .form-control,
.typeahead__field .form-control {
    border-right: 0;
}

.form-control.input-sm {
    height: 30px;
}

.compactmode .form-control,
.table>tbody>tr>td .form-control,
.col-none .form-control,
.user-panel .form-control {
    height: 30px;
}

.form-wide-panel .form-control {
    border: 1px solid #d9e9f8;
}

.form-group {
    height: 40px;
    min-height: 40px;
}

.form-group .form-item {
    float: left;
    position: relative;
}

.compactmode .form-group,
.form-wide-panel .form-group,
.table>tr>td .form-group,
.col-none .form-group,
.user-panel .form-group {
    height: 30px;
    min-height: 30px;
}

label.control-label {
    padding: 5px;
    line-height: 15px;
    text-align: left;
}

.form-horizontal label.control-label {
    padding-top: 12px;
}

.compactmode label.control-label {
    line-height: 10px;
}

.form-wide-panel label.control-label {
    padding: 0;
}

.form-horizontal label.control-label.label-label {
    text-align: left !important;
}

.panel-form.standard {
    width: 900px;
}

.panel-form .row-close {
    margin: 0 0 15px;
    padding: 1px 0 0 2px;
}

.panel-form .fillbg {
    background: #d9e9f8;
}

.panel-form .fillbg.destroy {
    position: relative;
    overflow: hidden;
}

.panel-form .fillbg.destroy:before {
    position: absolute;
    content: "";
    width: 100%;
    min-height: 500px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.05);
    z-index: 998;
}

.panel-form .fillbg.destroy:after {
    position: absolute;
    content: "";
    width: 128px;
    height: 128px;
    top: 0;
    right: 0;
    background: url("../images/netstar/destroy.png") center center no-repeat;
    background-size: 90%;
    transform: rotate(-30deg);
    z-index: 999;
}

.modal .panel-form .fillbg {
    padding: 1px 0 0 2px;
}

.panel-form .form-td {
    margin: -1px 0 0 -2px;
    padding: 0;
    border: 1px solid #d9e9f8;
    box-sizing: content-box;
    background: #fff;
}

.panel-form .form-td .form-group {
    display: table;
    width: 100%;
    margin: 0;
    position: relative;
}

.panel-form .form-td label.control-label {
    display: table-cell;
    padding: 5px;
    background: #f1f1f1;
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
    position: relative;
}

.panel-form .form-td label.control-label.control-label-md {
    max-width: 200px;
    min-width: 200px;
}

.panel-form .form-td label.control-label.control-label-lg {
    max-width: 300px;
    min-width: 300px;
}

.panel-form .form-td label.control-label .btn {
    position: absolute;
    right: 0;
    top: 0;
}

.panel-form .form-td .form-item {
    position: relative;
    display: table-cell;
    float: none;
    background: #fff;
    vertical-align: top;
}

.panel-form .form-td .form-item:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #d9e9f8;
    z-index: 9;
    top: 0;
    left: -1px;
}

.panel-form .form-td .form-item.checkbox,
.panel-form .form-td .form-item.radio {
    margin: 0;
    vertical-align: middle;
}

.panel-form .form-td .form-item .input-group-addon {
    border: none;
    border-radius: 0;
}

.panel-form .form-td .form-item.numrange .form-group {
    display: table-cell;
    width: auto;
    padding: 5px;
    vertical-align: middle;
}

.panel-form .form-td .form-item.numrange .form-group label {
    display: table;
    margin: 0;
}

.panel-form .form-td .form-item.numrange .form-group label span {
    display: table-cell;
    padding: 0 5px;
}

.panel-form .form-td .form-item.numrange .form-group .form-control {
    border: 1px solid #d9e9f8;
    height: 20px;
    padding: 5px;
}

.panel-form .form-td .form-item.numrange .form-group+.form-group {
    padding-left: 0;
}

.panel-form .element-title {
    position: relative;
    background: #fff;
    padding: 12px 5px;
    margin-left: -1px;
}

.panel-form .element-title:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #d9e9f8;
    z-index: 9;
    bottom: 0;
    left: 0;
}

.panel-form .element-title label {
    margin: 0;
    padding: 0;
    font-size: 18px;
}

.panel-form .element-space {
    background: #fff;
    display: none;
}

.panel-form .element-hr {
    background: #fff;
    position: relative;
}

.panel-form .handler-btn {
    text-align: center;
}

.panel-form .handler-btn:after {
    content: "\f057";
    position: absolute;
    top: 7px;
    right: 8px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
    width: 30px;
    height: 28px;
    line-height: 30px;
    text-align: center;
    top: 1px;
    right: 0;
}

.panel-form .handler-btn:hover:after {
    color: #f39800;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    cursor: pointer;
}

.panel-form .handler-btn:after {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.handler-btn {
    position: absolute;
    width: 38px;
    line-height: 38px;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    text-align: center;
    color: transparent;
}

.handler-btn:hover:after {
    color: #f39800;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.handler-btn:after {
    content: "\f057";
    position: absolute;
    top: 7px;
    right: 8px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
    top: 0;
    right: 0;
}

.compactmode .handler-btn:after {
    width: 28px;
    height: 28px;
    line-height: 28px;
}

.compactmode .handler-btn {
    width: 28px;
    line-height: 28px;
}

.input-group {
    width: 100%;
    height: 38px;
}

.input-group .input-group-addon,
.input-group .input-group-btn {
    display: table-cell;
    width: 32px;
    padding: 0;
    text-align: center;
    color: #cccccc;
    background-color: transparent;
    cursor: pointer;
    color: #777777;
}

.input-group .input-group-addon:hover,
.input-group .input-group-btn:hover {
    color: #009ade;
}

.input-group .input-group-addon:hover,
.input-group .input-group-btn:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.input-group .input-group-addon:hover i,
.input-group .input-group-btn:hover i {
    color: #009ade;
}

.input-group .input-group-addon.text-btn .btn,
.input-group .input-group-btn.text-btn .btn {
    border: 1px solid #d9e9f8;
    width: 32px;
    height: 40px;
}

.input-group .input-group-addon.text-btn .btn i,
.input-group .input-group-btn.text-btn .btn i {
    color: #777777;
}

.input-group .input-group-addon.text-btn .btn:hover,
.input-group .input-group-btn.text-btn .btn:hover {
    box-shadow: none;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.input-group .input-group-addon.text-btn .btn:hover i,
.input-group .input-group-btn.text-btn .btn:hover i {
    color: #009ade;
}

.form-td .input-group .input-group-addon.text-btn .btn,
.form-td .input-group .input-group-btn.text-btn .btn {
    border: 0;
}

.compactmode .input-group .input-group-addon.text-btn .btn,
.compactmode .input-group .input-group-btn.text-btn .btn {
    width: 24px;
    height: 30px;
}

.compactmode .input-group .input-group-addon,
.compactmode .input-group .input-group-btn {
    width: 24px;
}

.compactmode .input-group,
.form-wide-panel .input-group,
.table>tr>td .input-group,
.col-none .input-group,
.user-panel .input-group {
    height: 28px;
}

.nscomponent-modal .input-group .input-group-btn {
    border: 1px solid #d9e9f8;
    border-left-width: 0;
}

.nscomponent-modal .input-group .input-group-btn+.input-group-btn {
    margin-left: -1px;
}

.form-control[readonly="readonly"],
.form-control[readonly],
.form-control.readonly,
fieldset[disabled] .form-control,
.form-control[disabled] {
    color: #333333 !important;
    background: #f9f9f9 !important;
    box-shadow: none !important;
    outline: none !important;
    background: #eee;
    color: #555555;
    cursor: not-allowed;
    color: #afafaf !important;
    background: #f6f6f6 !important;
    border: 0 !important;
    resize: none;
    border-color: #dddddd !important;
}

.form-control[readonly="readonly"]:hover,
.form-control[readonly]:hover,
.form-control.readonly:hover,
fieldset[disabled] .form-control:hover,
.form-control[disabled]:hover,
.form-control[readonly="readonly"]:focus,
.form-control[readonly]:focus,
.form-control.readonly:focus,
fieldset[disabled] .form-control:focus,
.form-control[disabled]:focus {
    color: #333333 !important;
    background: #f9f9f9 !important;
    cursor: not-allowed;
    box-shadow: none !important;
    outline: none !important;
}

.form-control[readonly="readonly"]:hover,
.form-control[readonly]:hover,
.form-control.readonly:hover,
fieldset[disabled] .form-control:hover,
.form-control[disabled]:hover,
.form-control[readonly="readonly"]:active,
.form-control[readonly]:active,
.form-control.readonly:active,
fieldset[disabled] .form-control:active,
.form-control[disabled]:active,
.form-control[readonly="readonly"]:focus,
.form-control[readonly]:focus,
.form-control.readonly:focus,
fieldset[disabled] .form-control:focus,
.form-control[disabled]:focus,
.form-control[readonly="readonly"]:visited,
.form-control[readonly]:visited,
.form-control.readonly:visited,
fieldset[disabled] .form-control:visited,
.form-control[disabled]:visited {
    color: #afafaf !important;
    background: #f6f6f6 !important;
}

.form-control[readonly="readonly"]+.input-group-btn,
.form-control[readonly]+.input-group-btn,
.form-control.readonly+.input-group-btn,
fieldset[disabled] .form-control+.input-group-btn,
.form-control[disabled]+.input-group-btn,
.form-control[readonly="readonly"]+.input-group-btn .btn,
.form-control[readonly]+.input-group-btn .btn,
.form-control.readonly+.input-group-btn .btn,
fieldset[disabled] .form-control+.input-group-btn .btn,
.form-control[disabled]+.input-group-btn .btn,
.form-control[readonly="readonly"]+.input-group-addon,
.form-control[readonly]+.input-group-addon,
.form-control.readonly+.input-group-addon,
fieldset[disabled] .form-control+.input-group-addon,
.form-control[disabled]+.input-group-addon {
    color: #333333 !important;
    background: #f9f9f9 !important;
    box-shadow: none !important;
    outline: none !important;
    background: #eee;
    color: #555555;
    cursor: not-allowed;
    color: #afafaf !important;
    background: #f6f6f6 !important;
    border: 0 !important;
    resize: none;
    border-color: #dddddd !important;
}

.form-control[readonly="readonly"]+.input-group-btn:hover,
.form-control[readonly]+.input-group-btn:hover,
.form-control.readonly+.input-group-btn:hover,
fieldset[disabled] .form-control+.input-group-btn:hover,
.form-control[disabled]+.input-group-btn:hover,
.form-control[readonly="readonly"]+.input-group-btn .btn:hover,
.form-control[readonly]+.input-group-btn .btn:hover,
.form-control.readonly+.input-group-btn .btn:hover,
fieldset[disabled] .form-control+.input-group-btn .btn:hover,
.form-control[disabled]+.input-group-btn .btn:hover,
.form-control[readonly="readonly"]+.input-group-addon:hover,
.form-control[readonly]+.input-group-addon:hover,
.form-control.readonly+.input-group-addon:hover,
fieldset[disabled] .form-control+.input-group-addon:hover,
.form-control[disabled]+.input-group-addon:hover,
.form-control[readonly="readonly"]+.input-group-btn:focus,
.form-control[readonly]+.input-group-btn:focus,
.form-control.readonly+.input-group-btn:focus,
fieldset[disabled] .form-control+.input-group-btn:focus,
.form-control[disabled]+.input-group-btn:focus,
.form-control[readonly="readonly"]+.input-group-btn .btn:focus,
.form-control[readonly]+.input-group-btn .btn:focus,
.form-control.readonly+.input-group-btn .btn:focus,
fieldset[disabled] .form-control+.input-group-btn .btn:focus,
.form-control[disabled]+.input-group-btn .btn:focus,
.form-control[readonly="readonly"]+.input-group-addon:focus,
.form-control[readonly]+.input-group-addon:focus,
.form-control.readonly+.input-group-addon:focus,
fieldset[disabled] .form-control+.input-group-addon:focus,
.form-control[disabled]+.input-group-addon:focus {
    color: #333333 !important;
    background: #f9f9f9 !important;
    cursor: not-allowed;
    box-shadow: none !important;
    outline: none !important;
}

.form-control[readonly="readonly"]+.input-group-btn:hover,
.form-control[readonly]+.input-group-btn:hover,
.form-control.readonly+.input-group-btn:hover,
fieldset[disabled] .form-control+.input-group-btn:hover,
.form-control[disabled]+.input-group-btn:hover,
.form-control[readonly="readonly"]+.input-group-btn .btn:hover,
.form-control[readonly]+.input-group-btn .btn:hover,
.form-control.readonly+.input-group-btn .btn:hover,
fieldset[disabled] .form-control+.input-group-btn .btn:hover,
.form-control[disabled]+.input-group-btn .btn:hover,
.form-control[readonly="readonly"]+.input-group-addon:hover,
.form-control[readonly]+.input-group-addon:hover,
.form-control.readonly+.input-group-addon:hover,
fieldset[disabled] .form-control+.input-group-addon:hover,
.form-control[disabled]+.input-group-addon:hover,
.form-control[readonly="readonly"]+.input-group-btn:active,
.form-control[readonly]+.input-group-btn:active,
.form-control.readonly+.input-group-btn:active,
fieldset[disabled] .form-control+.input-group-btn:active,
.form-control[disabled]+.input-group-btn:active,
.form-control[readonly="readonly"]+.input-group-btn .btn:active,
.form-control[readonly]+.input-group-btn .btn:active,
.form-control.readonly+.input-group-btn .btn:active,
fieldset[disabled] .form-control+.input-group-btn .btn:active,
.form-control[disabled]+.input-group-btn .btn:active,
.form-control[readonly="readonly"]+.input-group-addon:active,
.form-control[readonly]+.input-group-addon:active,
.form-control.readonly+.input-group-addon:active,
fieldset[disabled] .form-control+.input-group-addon:active,
.form-control[disabled]+.input-group-addon:active,
.form-control[readonly="readonly"]+.input-group-btn:focus,
.form-control[readonly]+.input-group-btn:focus,
.form-control.readonly+.input-group-btn:focus,
fieldset[disabled] .form-control+.input-group-btn:focus,
.form-control[disabled]+.input-group-btn:focus,
.form-control[readonly="readonly"]+.input-group-btn .btn:focus,
.form-control[readonly]+.input-group-btn .btn:focus,
.form-control.readonly+.input-group-btn .btn:focus,
fieldset[disabled] .form-control+.input-group-btn .btn:focus,
.form-control[disabled]+.input-group-btn .btn:focus,
.form-control[readonly="readonly"]+.input-group-addon:focus,
.form-control[readonly]+.input-group-addon:focus,
.form-control.readonly+.input-group-addon:focus,
fieldset[disabled] .form-control+.input-group-addon:focus,
.form-control[disabled]+.input-group-addon:focus,
.form-control[readonly="readonly"]+.input-group-btn:visited,
.form-control[readonly]+.input-group-btn:visited,
.form-control.readonly+.input-group-btn:visited,
fieldset[disabled] .form-control+.input-group-btn:visited,
.form-control[disabled]+.input-group-btn:visited,
.form-control[readonly="readonly"]+.input-group-btn .btn:visited,
.form-control[readonly]+.input-group-btn .btn:visited,
.form-control.readonly+.input-group-btn .btn:visited,
fieldset[disabled] .form-control+.input-group-btn .btn:visited,
.form-control[disabled]+.input-group-btn .btn:visited,
.form-control[readonly="readonly"]+.input-group-addon:visited,
.form-control[readonly]+.input-group-addon:visited,
.form-control.readonly+.input-group-addon:visited,
fieldset[disabled] .form-control+.input-group-addon:visited,
.form-control[disabled]+.input-group-addon:visited {
    color: #afafaf !important;
    background: #f6f6f6 !important;
}

.form-control[readonly="readonly"]+.input-group-btn a,
.form-control[readonly]+.input-group-btn a,
.form-control.readonly+.input-group-btn a,
fieldset[disabled] .form-control+.input-group-btn a,
.form-control[disabled]+.input-group-btn a,
.form-control[readonly="readonly"]+.input-group-btn .btn a,
.form-control[readonly]+.input-group-btn .btn a,
.form-control.readonly+.input-group-btn .btn a,
fieldset[disabled] .form-control+.input-group-btn .btn a,
.form-control[disabled]+.input-group-btn .btn a,
.form-control[readonly="readonly"]+.input-group-addon a,
.form-control[readonly]+.input-group-addon a,
.form-control.readonly+.input-group-addon a,
fieldset[disabled] .form-control+.input-group-addon a,
.form-control[disabled]+.input-group-addon a,
.form-control[readonly="readonly"]+.input-group-btn i,
.form-control[readonly]+.input-group-btn i,
.form-control.readonly+.input-group-btn i,
fieldset[disabled] .form-control+.input-group-btn i,
.form-control[disabled]+.input-group-btn i,
.form-control[readonly="readonly"]+.input-group-btn .btn i,
.form-control[readonly]+.input-group-btn .btn i,
.form-control.readonly+.input-group-btn .btn i,
fieldset[disabled] .form-control+.input-group-btn .btn i,
.form-control[disabled]+.input-group-btn .btn i,
.form-control[readonly="readonly"]+.input-group-addon i,
.form-control[readonly]+.input-group-addon i,
.form-control.readonly+.input-group-addon i,
fieldset[disabled] .form-control+.input-group-addon i,
.form-control[disabled]+.input-group-addon i {
    color: #afafaf !important;
}

.form-control[readonly="readonly"]+.input-group-btn a:hover,
.form-control[readonly]+.input-group-btn a:hover,
.form-control.readonly+.input-group-btn a:hover,
fieldset[disabled] .form-control+.input-group-btn a:hover,
.form-control[disabled]+.input-group-btn a:hover,
.form-control[readonly="readonly"]+.input-group-btn .btn a:hover,
.form-control[readonly]+.input-group-btn .btn a:hover,
.form-control.readonly+.input-group-btn .btn a:hover,
fieldset[disabled] .form-control+.input-group-btn .btn a:hover,
.form-control[disabled]+.input-group-btn .btn a:hover,
.form-control[readonly="readonly"]+.input-group-addon a:hover,
.form-control[readonly]+.input-group-addon a:hover,
.form-control.readonly+.input-group-addon a:hover,
fieldset[disabled] .form-control+.input-group-addon a:hover,
.form-control[disabled]+.input-group-addon a:hover,
.form-control[readonly="readonly"]+.input-group-btn i:hover,
.form-control[readonly]+.input-group-btn i:hover,
.form-control.readonly+.input-group-btn i:hover,
fieldset[disabled] .form-control+.input-group-btn i:hover,
.form-control[disabled]+.input-group-btn i:hover,
.form-control[readonly="readonly"]+.input-group-btn .btn i:hover,
.form-control[readonly]+.input-group-btn .btn i:hover,
.form-control.readonly+.input-group-btn .btn i:hover,
fieldset[disabled] .form-control+.input-group-btn .btn i:hover,
.form-control[disabled]+.input-group-btn .btn i:hover,
.form-control[readonly="readonly"]+.input-group-addon i:hover,
.form-control[readonly]+.input-group-addon i:hover,
.form-control.readonly+.input-group-addon i:hover,
fieldset[disabled] .form-control+.input-group-addon i:hover,
.form-control[disabled]+.input-group-addon i:hover {
    box-shadow: none;
    cursor: default;
}

.form-control[readonly="readonly"]+.input-group-btn+.input-group-btn,
.form-control[readonly]+.input-group-btn+.input-group-btn,
.form-control.readonly+.input-group-btn+.input-group-btn,
fieldset[disabled] .form-control+.input-group-btn+.input-group-btn,
.form-control[disabled]+.input-group-btn+.input-group-btn,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-btn,
.form-control[readonly]+.input-group-btn .btn+.input-group-btn,
.form-control.readonly+.input-group-btn .btn+.input-group-btn,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-btn,
.form-control[disabled]+.input-group-btn .btn+.input-group-btn,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-btn,
.form-control[readonly]+.input-group-addon+.input-group-btn,
.form-control.readonly+.input-group-addon+.input-group-btn,
fieldset[disabled] .form-control+.input-group-addon+.input-group-btn,
.form-control[disabled]+.input-group-addon+.input-group-btn,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-addon,
.form-control[readonly]+.input-group-btn+.input-group-addon,
.form-control.readonly+.input-group-btn+.input-group-addon,
fieldset[disabled] .form-control+.input-group-btn+.input-group-addon,
.form-control[disabled]+.input-group-btn+.input-group-addon,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-addon,
.form-control[readonly]+.input-group-btn .btn+.input-group-addon,
.form-control.readonly+.input-group-btn .btn+.input-group-addon,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-addon,
.form-control[disabled]+.input-group-btn .btn+.input-group-addon,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-addon,
.form-control[readonly]+.input-group-addon+.input-group-addon,
.form-control.readonly+.input-group-addon+.input-group-addon,
fieldset[disabled] .form-control+.input-group-addon+.input-group-addon,
.form-control[disabled]+.input-group-addon+.input-group-addon {
    color: #333333 !important;
    background: #f9f9f9 !important;
    box-shadow: none !important;
    outline: none !important;
    background: #eee;
    color: #555555;
    cursor: not-allowed;
    color: #afafaf !important;
    background: #f6f6f6 !important;
    border: 0 !important;
    resize: none;
    border-color: #dddddd !important;
}

.form-control[readonly="readonly"]+.input-group-btn+.input-group-btn:hover,
.form-control[readonly]+.input-group-btn+.input-group-btn:hover,
.form-control.readonly+.input-group-btn+.input-group-btn:hover,
fieldset[disabled] .form-control+.input-group-btn+.input-group-btn:hover,
.form-control[disabled]+.input-group-btn+.input-group-btn:hover,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-btn:hover,
.form-control[readonly]+.input-group-btn .btn+.input-group-btn:hover,
.form-control.readonly+.input-group-btn .btn+.input-group-btn:hover,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-btn:hover,
.form-control[disabled]+.input-group-btn .btn+.input-group-btn:hover,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-btn:hover,
.form-control[readonly]+.input-group-addon+.input-group-btn:hover,
.form-control.readonly+.input-group-addon+.input-group-btn:hover,
fieldset[disabled] .form-control+.input-group-addon+.input-group-btn:hover,
.form-control[disabled]+.input-group-addon+.input-group-btn:hover,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-addon:hover,
.form-control[readonly]+.input-group-btn+.input-group-addon:hover,
.form-control.readonly+.input-group-btn+.input-group-addon:hover,
fieldset[disabled] .form-control+.input-group-btn+.input-group-addon:hover,
.form-control[disabled]+.input-group-btn+.input-group-addon:hover,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-addon:hover,
.form-control[readonly]+.input-group-btn .btn+.input-group-addon:hover,
.form-control.readonly+.input-group-btn .btn+.input-group-addon:hover,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-addon:hover,
.form-control[disabled]+.input-group-btn .btn+.input-group-addon:hover,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-addon:hover,
.form-control[readonly]+.input-group-addon+.input-group-addon:hover,
.form-control.readonly+.input-group-addon+.input-group-addon:hover,
fieldset[disabled] .form-control+.input-group-addon+.input-group-addon:hover,
.form-control[disabled]+.input-group-addon+.input-group-addon:hover,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-btn:focus,
.form-control[readonly]+.input-group-btn+.input-group-btn:focus,
.form-control.readonly+.input-group-btn+.input-group-btn:focus,
fieldset[disabled] .form-control+.input-group-btn+.input-group-btn:focus,
.form-control[disabled]+.input-group-btn+.input-group-btn:focus,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-btn:focus,
.form-control[readonly]+.input-group-btn .btn+.input-group-btn:focus,
.form-control.readonly+.input-group-btn .btn+.input-group-btn:focus,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-btn:focus,
.form-control[disabled]+.input-group-btn .btn+.input-group-btn:focus,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-btn:focus,
.form-control[readonly]+.input-group-addon+.input-group-btn:focus,
.form-control.readonly+.input-group-addon+.input-group-btn:focus,
fieldset[disabled] .form-control+.input-group-addon+.input-group-btn:focus,
.form-control[disabled]+.input-group-addon+.input-group-btn:focus,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-addon:focus,
.form-control[readonly]+.input-group-btn+.input-group-addon:focus,
.form-control.readonly+.input-group-btn+.input-group-addon:focus,
fieldset[disabled] .form-control+.input-group-btn+.input-group-addon:focus,
.form-control[disabled]+.input-group-btn+.input-group-addon:focus,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-addon:focus,
.form-control[readonly]+.input-group-btn .btn+.input-group-addon:focus,
.form-control.readonly+.input-group-btn .btn+.input-group-addon:focus,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-addon:focus,
.form-control[disabled]+.input-group-btn .btn+.input-group-addon:focus,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-addon:focus,
.form-control[readonly]+.input-group-addon+.input-group-addon:focus,
.form-control.readonly+.input-group-addon+.input-group-addon:focus,
fieldset[disabled] .form-control+.input-group-addon+.input-group-addon:focus,
.form-control[disabled]+.input-group-addon+.input-group-addon:focus {
    color: #333333 !important;
    background: #f9f9f9 !important;
    cursor: not-allowed;
    box-shadow: none !important;
    outline: none !important;
}

.form-control[readonly="readonly"]+.input-group-btn+.input-group-btn:hover,
.form-control[readonly]+.input-group-btn+.input-group-btn:hover,
.form-control.readonly+.input-group-btn+.input-group-btn:hover,
fieldset[disabled] .form-control+.input-group-btn+.input-group-btn:hover,
.form-control[disabled]+.input-group-btn+.input-group-btn:hover,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-btn:hover,
.form-control[readonly]+.input-group-btn .btn+.input-group-btn:hover,
.form-control.readonly+.input-group-btn .btn+.input-group-btn:hover,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-btn:hover,
.form-control[disabled]+.input-group-btn .btn+.input-group-btn:hover,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-btn:hover,
.form-control[readonly]+.input-group-addon+.input-group-btn:hover,
.form-control.readonly+.input-group-addon+.input-group-btn:hover,
fieldset[disabled] .form-control+.input-group-addon+.input-group-btn:hover,
.form-control[disabled]+.input-group-addon+.input-group-btn:hover,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-addon:hover,
.form-control[readonly]+.input-group-btn+.input-group-addon:hover,
.form-control.readonly+.input-group-btn+.input-group-addon:hover,
fieldset[disabled] .form-control+.input-group-btn+.input-group-addon:hover,
.form-control[disabled]+.input-group-btn+.input-group-addon:hover,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-addon:hover,
.form-control[readonly]+.input-group-btn .btn+.input-group-addon:hover,
.form-control.readonly+.input-group-btn .btn+.input-group-addon:hover,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-addon:hover,
.form-control[disabled]+.input-group-btn .btn+.input-group-addon:hover,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-addon:hover,
.form-control[readonly]+.input-group-addon+.input-group-addon:hover,
.form-control.readonly+.input-group-addon+.input-group-addon:hover,
fieldset[disabled] .form-control+.input-group-addon+.input-group-addon:hover,
.form-control[disabled]+.input-group-addon+.input-group-addon:hover,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-btn:active,
.form-control[readonly]+.input-group-btn+.input-group-btn:active,
.form-control.readonly+.input-group-btn+.input-group-btn:active,
fieldset[disabled] .form-control+.input-group-btn+.input-group-btn:active,
.form-control[disabled]+.input-group-btn+.input-group-btn:active,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-btn:active,
.form-control[readonly]+.input-group-btn .btn+.input-group-btn:active,
.form-control.readonly+.input-group-btn .btn+.input-group-btn:active,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-btn:active,
.form-control[disabled]+.input-group-btn .btn+.input-group-btn:active,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-btn:active,
.form-control[readonly]+.input-group-addon+.input-group-btn:active,
.form-control.readonly+.input-group-addon+.input-group-btn:active,
fieldset[disabled] .form-control+.input-group-addon+.input-group-btn:active,
.form-control[disabled]+.input-group-addon+.input-group-btn:active,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-addon:active,
.form-control[readonly]+.input-group-btn+.input-group-addon:active,
.form-control.readonly+.input-group-btn+.input-group-addon:active,
fieldset[disabled] .form-control+.input-group-btn+.input-group-addon:active,
.form-control[disabled]+.input-group-btn+.input-group-addon:active,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-addon:active,
.form-control[readonly]+.input-group-btn .btn+.input-group-addon:active,
.form-control.readonly+.input-group-btn .btn+.input-group-addon:active,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-addon:active,
.form-control[disabled]+.input-group-btn .btn+.input-group-addon:active,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-addon:active,
.form-control[readonly]+.input-group-addon+.input-group-addon:active,
.form-control.readonly+.input-group-addon+.input-group-addon:active,
fieldset[disabled] .form-control+.input-group-addon+.input-group-addon:active,
.form-control[disabled]+.input-group-addon+.input-group-addon:active,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-btn:focus,
.form-control[readonly]+.input-group-btn+.input-group-btn:focus,
.form-control.readonly+.input-group-btn+.input-group-btn:focus,
fieldset[disabled] .form-control+.input-group-btn+.input-group-btn:focus,
.form-control[disabled]+.input-group-btn+.input-group-btn:focus,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-btn:focus,
.form-control[readonly]+.input-group-btn .btn+.input-group-btn:focus,
.form-control.readonly+.input-group-btn .btn+.input-group-btn:focus,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-btn:focus,
.form-control[disabled]+.input-group-btn .btn+.input-group-btn:focus,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-btn:focus,
.form-control[readonly]+.input-group-addon+.input-group-btn:focus,
.form-control.readonly+.input-group-addon+.input-group-btn:focus,
fieldset[disabled] .form-control+.input-group-addon+.input-group-btn:focus,
.form-control[disabled]+.input-group-addon+.input-group-btn:focus,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-addon:focus,
.form-control[readonly]+.input-group-btn+.input-group-addon:focus,
.form-control.readonly+.input-group-btn+.input-group-addon:focus,
fieldset[disabled] .form-control+.input-group-btn+.input-group-addon:focus,
.form-control[disabled]+.input-group-btn+.input-group-addon:focus,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-addon:focus,
.form-control[readonly]+.input-group-btn .btn+.input-group-addon:focus,
.form-control.readonly+.input-group-btn .btn+.input-group-addon:focus,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-addon:focus,
.form-control[disabled]+.input-group-btn .btn+.input-group-addon:focus,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-addon:focus,
.form-control[readonly]+.input-group-addon+.input-group-addon:focus,
.form-control.readonly+.input-group-addon+.input-group-addon:focus,
fieldset[disabled] .form-control+.input-group-addon+.input-group-addon:focus,
.form-control[disabled]+.input-group-addon+.input-group-addon:focus,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-btn:visited,
.form-control[readonly]+.input-group-btn+.input-group-btn:visited,
.form-control.readonly+.input-group-btn+.input-group-btn:visited,
fieldset[disabled] .form-control+.input-group-btn+.input-group-btn:visited,
.form-control[disabled]+.input-group-btn+.input-group-btn:visited,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-btn:visited,
.form-control[readonly]+.input-group-btn .btn+.input-group-btn:visited,
.form-control.readonly+.input-group-btn .btn+.input-group-btn:visited,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-btn:visited,
.form-control[disabled]+.input-group-btn .btn+.input-group-btn:visited,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-btn:visited,
.form-control[readonly]+.input-group-addon+.input-group-btn:visited,
.form-control.readonly+.input-group-addon+.input-group-btn:visited,
fieldset[disabled] .form-control+.input-group-addon+.input-group-btn:visited,
.form-control[disabled]+.input-group-addon+.input-group-btn:visited,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-addon:visited,
.form-control[readonly]+.input-group-btn+.input-group-addon:visited,
.form-control.readonly+.input-group-btn+.input-group-addon:visited,
fieldset[disabled] .form-control+.input-group-btn+.input-group-addon:visited,
.form-control[disabled]+.input-group-btn+.input-group-addon:visited,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-addon:visited,
.form-control[readonly]+.input-group-btn .btn+.input-group-addon:visited,
.form-control.readonly+.input-group-btn .btn+.input-group-addon:visited,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-addon:visited,
.form-control[disabled]+.input-group-btn .btn+.input-group-addon:visited,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-addon:visited,
.form-control[readonly]+.input-group-addon+.input-group-addon:visited,
.form-control.readonly+.input-group-addon+.input-group-addon:visited,
fieldset[disabled] .form-control+.input-group-addon+.input-group-addon:visited,
.form-control[disabled]+.input-group-addon+.input-group-addon:visited {
    color: #afafaf !important;
    background: #f6f6f6 !important;
}

.form-control[readonly="readonly"]+.input-group-btn+.input-group-btn a,
.form-control[readonly]+.input-group-btn+.input-group-btn a,
.form-control.readonly+.input-group-btn+.input-group-btn a,
fieldset[disabled] .form-control+.input-group-btn+.input-group-btn a,
.form-control[disabled]+.input-group-btn+.input-group-btn a,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-btn a,
.form-control[readonly]+.input-group-btn .btn+.input-group-btn a,
.form-control.readonly+.input-group-btn .btn+.input-group-btn a,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-btn a,
.form-control[disabled]+.input-group-btn .btn+.input-group-btn a,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-btn a,
.form-control[readonly]+.input-group-addon+.input-group-btn a,
.form-control.readonly+.input-group-addon+.input-group-btn a,
fieldset[disabled] .form-control+.input-group-addon+.input-group-btn a,
.form-control[disabled]+.input-group-addon+.input-group-btn a,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-addon a,
.form-control[readonly]+.input-group-btn+.input-group-addon a,
.form-control.readonly+.input-group-btn+.input-group-addon a,
fieldset[disabled] .form-control+.input-group-btn+.input-group-addon a,
.form-control[disabled]+.input-group-btn+.input-group-addon a,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-addon a,
.form-control[readonly]+.input-group-btn .btn+.input-group-addon a,
.form-control.readonly+.input-group-btn .btn+.input-group-addon a,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-addon a,
.form-control[disabled]+.input-group-btn .btn+.input-group-addon a,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-addon a,
.form-control[readonly]+.input-group-addon+.input-group-addon a,
.form-control.readonly+.input-group-addon+.input-group-addon a,
fieldset[disabled] .form-control+.input-group-addon+.input-group-addon a,
.form-control[disabled]+.input-group-addon+.input-group-addon a,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-btn i,
.form-control[readonly]+.input-group-btn+.input-group-btn i,
.form-control.readonly+.input-group-btn+.input-group-btn i,
fieldset[disabled] .form-control+.input-group-btn+.input-group-btn i,
.form-control[disabled]+.input-group-btn+.input-group-btn i,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-btn i,
.form-control[readonly]+.input-group-btn .btn+.input-group-btn i,
.form-control.readonly+.input-group-btn .btn+.input-group-btn i,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-btn i,
.form-control[disabled]+.input-group-btn .btn+.input-group-btn i,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-btn i,
.form-control[readonly]+.input-group-addon+.input-group-btn i,
.form-control.readonly+.input-group-addon+.input-group-btn i,
fieldset[disabled] .form-control+.input-group-addon+.input-group-btn i,
.form-control[disabled]+.input-group-addon+.input-group-btn i,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-addon i,
.form-control[readonly]+.input-group-btn+.input-group-addon i,
.form-control.readonly+.input-group-btn+.input-group-addon i,
fieldset[disabled] .form-control+.input-group-btn+.input-group-addon i,
.form-control[disabled]+.input-group-btn+.input-group-addon i,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-addon i,
.form-control[readonly]+.input-group-btn .btn+.input-group-addon i,
.form-control.readonly+.input-group-btn .btn+.input-group-addon i,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-addon i,
.form-control[disabled]+.input-group-btn .btn+.input-group-addon i,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-addon i,
.form-control[readonly]+.input-group-addon+.input-group-addon i,
.form-control.readonly+.input-group-addon+.input-group-addon i,
fieldset[disabled] .form-control+.input-group-addon+.input-group-addon i,
.form-control[disabled]+.input-group-addon+.input-group-addon i {
    color: #afafaf !important;
}

.form-control[readonly="readonly"]+.input-group-btn+.input-group-btn a:hover,
.form-control[readonly]+.input-group-btn+.input-group-btn a:hover,
.form-control.readonly+.input-group-btn+.input-group-btn a:hover,
fieldset[disabled] .form-control+.input-group-btn+.input-group-btn a:hover,
.form-control[disabled]+.input-group-btn+.input-group-btn a:hover,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-btn a:hover,
.form-control[readonly]+.input-group-btn .btn+.input-group-btn a:hover,
.form-control.readonly+.input-group-btn .btn+.input-group-btn a:hover,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-btn a:hover,
.form-control[disabled]+.input-group-btn .btn+.input-group-btn a:hover,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-btn a:hover,
.form-control[readonly]+.input-group-addon+.input-group-btn a:hover,
.form-control.readonly+.input-group-addon+.input-group-btn a:hover,
fieldset[disabled] .form-control+.input-group-addon+.input-group-btn a:hover,
.form-control[disabled]+.input-group-addon+.input-group-btn a:hover,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-addon a:hover,
.form-control[readonly]+.input-group-btn+.input-group-addon a:hover,
.form-control.readonly+.input-group-btn+.input-group-addon a:hover,
fieldset[disabled] .form-control+.input-group-btn+.input-group-addon a:hover,
.form-control[disabled]+.input-group-btn+.input-group-addon a:hover,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-addon a:hover,
.form-control[readonly]+.input-group-btn .btn+.input-group-addon a:hover,
.form-control.readonly+.input-group-btn .btn+.input-group-addon a:hover,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-addon a:hover,
.form-control[disabled]+.input-group-btn .btn+.input-group-addon a:hover,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-addon a:hover,
.form-control[readonly]+.input-group-addon+.input-group-addon a:hover,
.form-control.readonly+.input-group-addon+.input-group-addon a:hover,
fieldset[disabled] .form-control+.input-group-addon+.input-group-addon a:hover,
.form-control[disabled]+.input-group-addon+.input-group-addon a:hover,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-btn i:hover,
.form-control[readonly]+.input-group-btn+.input-group-btn i:hover,
.form-control.readonly+.input-group-btn+.input-group-btn i:hover,
fieldset[disabled] .form-control+.input-group-btn+.input-group-btn i:hover,
.form-control[disabled]+.input-group-btn+.input-group-btn i:hover,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-btn i:hover,
.form-control[readonly]+.input-group-btn .btn+.input-group-btn i:hover,
.form-control.readonly+.input-group-btn .btn+.input-group-btn i:hover,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-btn i:hover,
.form-control[disabled]+.input-group-btn .btn+.input-group-btn i:hover,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-btn i:hover,
.form-control[readonly]+.input-group-addon+.input-group-btn i:hover,
.form-control.readonly+.input-group-addon+.input-group-btn i:hover,
fieldset[disabled] .form-control+.input-group-addon+.input-group-btn i:hover,
.form-control[disabled]+.input-group-addon+.input-group-btn i:hover,
.form-control[readonly="readonly"]+.input-group-btn+.input-group-addon i:hover,
.form-control[readonly]+.input-group-btn+.input-group-addon i:hover,
.form-control.readonly+.input-group-btn+.input-group-addon i:hover,
fieldset[disabled] .form-control+.input-group-btn+.input-group-addon i:hover,
.form-control[disabled]+.input-group-btn+.input-group-addon i:hover,
.form-control[readonly="readonly"]+.input-group-btn .btn+.input-group-addon i:hover,
.form-control[readonly]+.input-group-btn .btn+.input-group-addon i:hover,
.form-control.readonly+.input-group-btn .btn+.input-group-addon i:hover,
fieldset[disabled] .form-control+.input-group-btn .btn+.input-group-addon i:hover,
.form-control[disabled]+.input-group-btn .btn+.input-group-addon i:hover,
.form-control[readonly="readonly"]+.input-group-addon+.input-group-addon i:hover,
.form-control[readonly]+.input-group-addon+.input-group-addon i:hover,
.form-control.readonly+.input-group-addon+.input-group-addon i:hover,
fieldset[disabled] .form-control+.input-group-addon+.input-group-addon i:hover,
.form-control[disabled]+.input-group-addon+.input-group-addon i:hover {
    color: #afafaf !important;
    box-shadow: none;
    cursor: default;
}

.form-control[nstype="map"]+.input-group-btn,
.form-control[nstype="map"]+.input-group-btn .btn,
.form-control[nstype="map"]+.input-group-addon {
    background: transparent !important;
}

.form-control[nstype="map"]+.input-group-btn a,
.form-control[nstype="map"]+.input-group-btn .btn a,
.form-control[nstype="map"]+.input-group-addon a,
.form-control[nstype="map"]+.input-group-btn i,
.form-control[nstype="map"]+.input-group-btn .btn i,
.form-control[nstype="map"]+.input-group-addon i {
    color: #222222 !important;
    background: transparent;
}

.form-control[nstype="map"]+.input-group-btn a:hover,
.form-control[nstype="map"]+.input-group-btn .btn a:hover,
.form-control[nstype="map"]+.input-group-addon a:hover,
.form-control[nstype="map"]+.input-group-btn i:hover,
.form-control[nstype="map"]+.input-group-btn .btn i:hover,
.form-control[nstype="map"]+.input-group-addon i:hover {
    box-shadow: none;
    cursor: pointer;
}

.form-control[nstype="map"]+.input-group-btn+.input-group-btn,
.form-control[nstype="map"]+.input-group-btn .btn+.input-group-btn,
.form-control[nstype="map"]+.input-group-addon+.input-group-btn,
.form-control[nstype="map"]+.input-group-btn+.input-group-addon,
.form-control[nstype="map"]+.input-group-btn .btn+.input-group-addon,
.form-control[nstype="map"]+.input-group-addon+.input-group-addon {
    background: transparent !important;
}

.form-control[nstype="map"]+.input-group-btn+.input-group-btn a,
.form-control[nstype="map"]+.input-group-btn .btn+.input-group-btn a,
.form-control[nstype="map"]+.input-group-addon+.input-group-btn a,
.form-control[nstype="map"]+.input-group-btn+.input-group-addon a,
.form-control[nstype="map"]+.input-group-btn .btn+.input-group-addon a,
.form-control[nstype="map"]+.input-group-addon+.input-group-addon a,
.form-control[nstype="map"]+.input-group-btn+.input-group-btn i,
.form-control[nstype="map"]+.input-group-btn .btn+.input-group-btn i,
.form-control[nstype="map"]+.input-group-addon+.input-group-btn i,
.form-control[nstype="map"]+.input-group-btn+.input-group-addon i,
.form-control[nstype="map"]+.input-group-btn .btn+.input-group-addon i,
.form-control[nstype="map"]+.input-group-addon+.input-group-addon i {
    color: #222222 !important;
}

.form-control[nstype="map"]+.input-group-btn+.input-group-btn a:hover,
.form-control[nstype="map"]+.input-group-btn .btn+.input-group-btn a:hover,
.form-control[nstype="map"]+.input-group-addon+.input-group-btn a:hover,
.form-control[nstype="map"]+.input-group-btn+.input-group-addon a:hover,
.form-control[nstype="map"]+.input-group-btn .btn+.input-group-addon a:hover,
.form-control[nstype="map"]+.input-group-addon+.input-group-addon a:hover,
.form-control[nstype="map"]+.input-group-btn+.input-group-btn i:hover,
.form-control[nstype="map"]+.input-group-btn .btn+.input-group-btn i:hover,
.form-control[nstype="map"]+.input-group-addon+.input-group-btn i:hover,
.form-control[nstype="map"]+.input-group-btn+.input-group-addon i:hover,
.form-control[nstype="map"]+.input-group-btn .btn+.input-group-addon i:hover,
.form-control[nstype="map"]+.input-group-addon+.input-group-addon i:hover {
    color: #222222 !important;
    box-shadow: none;
    cursor: pointer;
}

.disabled-style {
    color: #afafaf !important;
    background: #f6f6f6 !important;
    border: 0 !important;
    resize: none;
    border-color: #dddddd !important;
}

.disabled-style:hover,
.disabled-style:active,
.disabled-style:focus,
.disabled-style:visited {
    color: #afafaf !important;
    background: #f6f6f6 !important;
}

[disabled="disabled"]+.selectboxit-container .selectboxit-text,
.readonly+.selectboxit-container .selectboxit-text,
.select2-container--disabled+.selectboxit-container .selectboxit-text,
[disabled="disabled"]+.typeahead__button .selectboxit-text,
.readonly+.typeahead__button .selectboxit-text,
.select2-container--disabled+.typeahead__button .selectboxit-text,
[disabled="disabled"] .select2-selection__arrow .selectboxit-text,
.readonly .select2-selection__arrow .selectboxit-text,
.select2-container--disabled .select2-selection__arrow .selectboxit-text,
[disabled="disabled"]+.selectboxit-container .selectboxit-arrow-container,
.readonly+.selectboxit-container .selectboxit-arrow-container,
.select2-container--disabled+.selectboxit-container .selectboxit-arrow-container,
[disabled="disabled"]+.typeahead__button .selectboxit-arrow-container,
.readonly+.typeahead__button .selectboxit-arrow-container,
.select2-container--disabled+.typeahead__button .selectboxit-arrow-container,
[disabled="disabled"] .select2-selection__arrow .selectboxit-arrow-container,
.readonly .select2-selection__arrow .selectboxit-arrow-container,
.select2-container--disabled .select2-selection__arrow .selectboxit-arrow-container,
[disabled="disabled"]+.selectboxit-container .typeahead__search-icon,
.readonly+.selectboxit-container .typeahead__search-icon,
.select2-container--disabled+.selectboxit-container .typeahead__search-icon,
[disabled="disabled"]+.typeahead__button .typeahead__search-icon,
.readonly+.typeahead__button .typeahead__search-icon,
.select2-container--disabled+.typeahead__button .typeahead__search-icon,
[disabled="disabled"] .select2-selection__arrow .typeahead__search-icon,
.readonly .select2-selection__arrow .typeahead__search-icon,
.select2-container--disabled .select2-selection__arrow .typeahead__search-icon,
[disabled="disabled"]+.selectboxit-container b,
.readonly+.selectboxit-container b,
.select2-container--disabled+.selectboxit-container b,
[disabled="disabled"]+.typeahead__button b,
.readonly+.typeahead__button b,
.select2-container--disabled+.typeahead__button b,
[disabled="disabled"] .select2-selection__arrow b,
.readonly .select2-selection__arrow b,
.select2-container--disabled .select2-selection__arrow b {
    color: #333333 !important;
    background: #f9f9f9 !important;
    box-shadow: none !important;
    outline: none !important;
    background: #eee;
    color: #555555;
    cursor: not-allowed;
    color: #afafaf !important;
    background: #f6f6f6 !important;
    border: 0 !important;
    resize: none;
    border-color: #dddddd !important;
}

[disabled="disabled"]+.selectboxit-container .selectboxit-text:hover,
.readonly+.selectboxit-container .selectboxit-text:hover,
.select2-container--disabled+.selectboxit-container .selectboxit-text:hover,
[disabled="disabled"]+.typeahead__button .selectboxit-text:hover,
.readonly+.typeahead__button .selectboxit-text:hover,
.select2-container--disabled+.typeahead__button .selectboxit-text:hover,
[disabled="disabled"] .select2-selection__arrow .selectboxit-text:hover,
.readonly .select2-selection__arrow .selectboxit-text:hover,
.select2-container--disabled .select2-selection__arrow .selectboxit-text:hover,
[disabled="disabled"]+.selectboxit-container .selectboxit-arrow-container:hover,
.readonly+.selectboxit-container .selectboxit-arrow-container:hover,
.select2-container--disabled+.selectboxit-container .selectboxit-arrow-container:hover,
[disabled="disabled"]+.typeahead__button .selectboxit-arrow-container:hover,
.readonly+.typeahead__button .selectboxit-arrow-container:hover,
.select2-container--disabled+.typeahead__button .selectboxit-arrow-container:hover,
[disabled="disabled"] .select2-selection__arrow .selectboxit-arrow-container:hover,
.readonly .select2-selection__arrow .selectboxit-arrow-container:hover,
.select2-container--disabled .select2-selection__arrow .selectboxit-arrow-container:hover,
[disabled="disabled"]+.selectboxit-container .typeahead__search-icon:hover,
.readonly+.selectboxit-container .typeahead__search-icon:hover,
.select2-container--disabled+.selectboxit-container .typeahead__search-icon:hover,
[disabled="disabled"]+.typeahead__button .typeahead__search-icon:hover,
.readonly+.typeahead__button .typeahead__search-icon:hover,
.select2-container--disabled+.typeahead__button .typeahead__search-icon:hover,
[disabled="disabled"] .select2-selection__arrow .typeahead__search-icon:hover,
.readonly .select2-selection__arrow .typeahead__search-icon:hover,
.select2-container--disabled .select2-selection__arrow .typeahead__search-icon:hover,
[disabled="disabled"]+.selectboxit-container b:hover,
.readonly+.selectboxit-container b:hover,
.select2-container--disabled+.selectboxit-container b:hover,
[disabled="disabled"]+.typeahead__button b:hover,
.readonly+.typeahead__button b:hover,
.select2-container--disabled+.typeahead__button b:hover,
[disabled="disabled"] .select2-selection__arrow b:hover,
.readonly .select2-selection__arrow b:hover,
.select2-container--disabled .select2-selection__arrow b:hover,
[disabled="disabled"]+.selectboxit-container .selectboxit-text:focus,
.readonly+.selectboxit-container .selectboxit-text:focus,
.select2-container--disabled+.selectboxit-container .selectboxit-text:focus,
[disabled="disabled"]+.typeahead__button .selectboxit-text:focus,
.readonly+.typeahead__button .selectboxit-text:focus,
.select2-container--disabled+.typeahead__button .selectboxit-text:focus,
[disabled="disabled"] .select2-selection__arrow .selectboxit-text:focus,
.readonly .select2-selection__arrow .selectboxit-text:focus,
.select2-container--disabled .select2-selection__arrow .selectboxit-text:focus,
[disabled="disabled"]+.selectboxit-container .selectboxit-arrow-container:focus,
.readonly+.selectboxit-container .selectboxit-arrow-container:focus,
.select2-container--disabled+.selectboxit-container .selectboxit-arrow-container:focus,
[disabled="disabled"]+.typeahead__button .selectboxit-arrow-container:focus,
.readonly+.typeahead__button .selectboxit-arrow-container:focus,
.select2-container--disabled+.typeahead__button .selectboxit-arrow-container:focus,
[disabled="disabled"] .select2-selection__arrow .selectboxit-arrow-container:focus,
.readonly .select2-selection__arrow .selectboxit-arrow-container:focus,
.select2-container--disabled .select2-selection__arrow .selectboxit-arrow-container:focus,
[disabled="disabled"]+.selectboxit-container .typeahead__search-icon:focus,
.readonly+.selectboxit-container .typeahead__search-icon:focus,
.select2-container--disabled+.selectboxit-container .typeahead__search-icon:focus,
[disabled="disabled"]+.typeahead__button .typeahead__search-icon:focus,
.readonly+.typeahead__button .typeahead__search-icon:focus,
.select2-container--disabled+.typeahead__button .typeahead__search-icon:focus,
[disabled="disabled"] .select2-selection__arrow .typeahead__search-icon:focus,
.readonly .select2-selection__arrow .typeahead__search-icon:focus,
.select2-container--disabled .select2-selection__arrow .typeahead__search-icon:focus,
[disabled="disabled"]+.selectboxit-container b:focus,
.readonly+.selectboxit-container b:focus,
.select2-container--disabled+.selectboxit-container b:focus,
[disabled="disabled"]+.typeahead__button b:focus,
.readonly+.typeahead__button b:focus,
.select2-container--disabled+.typeahead__button b:focus,
[disabled="disabled"] .select2-selection__arrow b:focus,
.readonly .select2-selection__arrow b:focus,
.select2-container--disabled .select2-selection__arrow b:focus {
    color: #333333 !important;
    background: #f9f9f9 !important;
    cursor: not-allowed;
    box-shadow: none !important;
    outline: none !important;
}

[disabled="disabled"]+.selectboxit-container .selectboxit-text:hover,
.readonly+.selectboxit-container .selectboxit-text:hover,
.select2-container--disabled+.selectboxit-container .selectboxit-text:hover,
[disabled="disabled"]+.typeahead__button .selectboxit-text:hover,
.readonly+.typeahead__button .selectboxit-text:hover,
.select2-container--disabled+.typeahead__button .selectboxit-text:hover,
[disabled="disabled"] .select2-selection__arrow .selectboxit-text:hover,
.readonly .select2-selection__arrow .selectboxit-text:hover,
.select2-container--disabled .select2-selection__arrow .selectboxit-text:hover,
[disabled="disabled"]+.selectboxit-container .selectboxit-arrow-container:hover,
.readonly+.selectboxit-container .selectboxit-arrow-container:hover,
.select2-container--disabled+.selectboxit-container .selectboxit-arrow-container:hover,
[disabled="disabled"]+.typeahead__button .selectboxit-arrow-container:hover,
.readonly+.typeahead__button .selectboxit-arrow-container:hover,
.select2-container--disabled+.typeahead__button .selectboxit-arrow-container:hover,
[disabled="disabled"] .select2-selection__arrow .selectboxit-arrow-container:hover,
.readonly .select2-selection__arrow .selectboxit-arrow-container:hover,
.select2-container--disabled .select2-selection__arrow .selectboxit-arrow-container:hover,
[disabled="disabled"]+.selectboxit-container .typeahead__search-icon:hover,
.readonly+.selectboxit-container .typeahead__search-icon:hover,
.select2-container--disabled+.selectboxit-container .typeahead__search-icon:hover,
[disabled="disabled"]+.typeahead__button .typeahead__search-icon:hover,
.readonly+.typeahead__button .typeahead__search-icon:hover,
.select2-container--disabled+.typeahead__button .typeahead__search-icon:hover,
[disabled="disabled"] .select2-selection__arrow .typeahead__search-icon:hover,
.readonly .select2-selection__arrow .typeahead__search-icon:hover,
.select2-container--disabled .select2-selection__arrow .typeahead__search-icon:hover,
[disabled="disabled"]+.selectboxit-container b:hover,
.readonly+.selectboxit-container b:hover,
.select2-container--disabled+.selectboxit-container b:hover,
[disabled="disabled"]+.typeahead__button b:hover,
.readonly+.typeahead__button b:hover,
.select2-container--disabled+.typeahead__button b:hover,
[disabled="disabled"] .select2-selection__arrow b:hover,
.readonly .select2-selection__arrow b:hover,
.select2-container--disabled .select2-selection__arrow b:hover,
[disabled="disabled"]+.selectboxit-container .selectboxit-text:active,
.readonly+.selectboxit-container .selectboxit-text:active,
.select2-container--disabled+.selectboxit-container .selectboxit-text:active,
[disabled="disabled"]+.typeahead__button .selectboxit-text:active,
.readonly+.typeahead__button .selectboxit-text:active,
.select2-container--disabled+.typeahead__button .selectboxit-text:active,
[disabled="disabled"] .select2-selection__arrow .selectboxit-text:active,
.readonly .select2-selection__arrow .selectboxit-text:active,
.select2-container--disabled .select2-selection__arrow .selectboxit-text:active,
[disabled="disabled"]+.selectboxit-container .selectboxit-arrow-container:active,
.readonly+.selectboxit-container .selectboxit-arrow-container:active,
.select2-container--disabled+.selectboxit-container .selectboxit-arrow-container:active,
[disabled="disabled"]+.typeahead__button .selectboxit-arrow-container:active,
.readonly+.typeahead__button .selectboxit-arrow-container:active,
.select2-container--disabled+.typeahead__button .selectboxit-arrow-container:active,
[disabled="disabled"] .select2-selection__arrow .selectboxit-arrow-container:active,
.readonly .select2-selection__arrow .selectboxit-arrow-container:active,
.select2-container--disabled .select2-selection__arrow .selectboxit-arrow-container:active,
[disabled="disabled"]+.selectboxit-container .typeahead__search-icon:active,
.readonly+.selectboxit-container .typeahead__search-icon:active,
.select2-container--disabled+.selectboxit-container .typeahead__search-icon:active,
[disabled="disabled"]+.typeahead__button .typeahead__search-icon:active,
.readonly+.typeahead__button .typeahead__search-icon:active,
.select2-container--disabled+.typeahead__button .typeahead__search-icon:active,
[disabled="disabled"] .select2-selection__arrow .typeahead__search-icon:active,
.readonly .select2-selection__arrow .typeahead__search-icon:active,
.select2-container--disabled .select2-selection__arrow .typeahead__search-icon:active,
[disabled="disabled"]+.selectboxit-container b:active,
.readonly+.selectboxit-container b:active,
.select2-container--disabled+.selectboxit-container b:active,
[disabled="disabled"]+.typeahead__button b:active,
.readonly+.typeahead__button b:active,
.select2-container--disabled+.typeahead__button b:active,
[disabled="disabled"] .select2-selection__arrow b:active,
.readonly .select2-selection__arrow b:active,
.select2-container--disabled .select2-selection__arrow b:active,
[disabled="disabled"]+.selectboxit-container .selectboxit-text:focus,
.readonly+.selectboxit-container .selectboxit-text:focus,
.select2-container--disabled+.selectboxit-container .selectboxit-text:focus,
[disabled="disabled"]+.typeahead__button .selectboxit-text:focus,
.readonly+.typeahead__button .selectboxit-text:focus,
.select2-container--disabled+.typeahead__button .selectboxit-text:focus,
[disabled="disabled"] .select2-selection__arrow .selectboxit-text:focus,
.readonly .select2-selection__arrow .selectboxit-text:focus,
.select2-container--disabled .select2-selection__arrow .selectboxit-text:focus,
[disabled="disabled"]+.selectboxit-container .selectboxit-arrow-container:focus,
.readonly+.selectboxit-container .selectboxit-arrow-container:focus,
.select2-container--disabled+.selectboxit-container .selectboxit-arrow-container:focus,
[disabled="disabled"]+.typeahead__button .selectboxit-arrow-container:focus,
.readonly+.typeahead__button .selectboxit-arrow-container:focus,
.select2-container--disabled+.typeahead__button .selectboxit-arrow-container:focus,
[disabled="disabled"] .select2-selection__arrow .selectboxit-arrow-container:focus,
.readonly .select2-selection__arrow .selectboxit-arrow-container:focus,
.select2-container--disabled .select2-selection__arrow .selectboxit-arrow-container:focus,
[disabled="disabled"]+.selectboxit-container .typeahead__search-icon:focus,
.readonly+.selectboxit-container .typeahead__search-icon:focus,
.select2-container--disabled+.selectboxit-container .typeahead__search-icon:focus,
[disabled="disabled"]+.typeahead__button .typeahead__search-icon:focus,
.readonly+.typeahead__button .typeahead__search-icon:focus,
.select2-container--disabled+.typeahead__button .typeahead__search-icon:focus,
[disabled="disabled"] .select2-selection__arrow .typeahead__search-icon:focus,
.readonly .select2-selection__arrow .typeahead__search-icon:focus,
.select2-container--disabled .select2-selection__arrow .typeahead__search-icon:focus,
[disabled="disabled"]+.selectboxit-container b:focus,
.readonly+.selectboxit-container b:focus,
.select2-container--disabled+.selectboxit-container b:focus,
[disabled="disabled"]+.typeahead__button b:focus,
.readonly+.typeahead__button b:focus,
.select2-container--disabled+.typeahead__button b:focus,
[disabled="disabled"] .select2-selection__arrow b:focus,
.readonly .select2-selection__arrow b:focus,
.select2-container--disabled .select2-selection__arrow b:focus,
[disabled="disabled"]+.selectboxit-container .selectboxit-text:visited,
.readonly+.selectboxit-container .selectboxit-text:visited,
.select2-container--disabled+.selectboxit-container .selectboxit-text:visited,
[disabled="disabled"]+.typeahead__button .selectboxit-text:visited,
.readonly+.typeahead__button .selectboxit-text:visited,
.select2-container--disabled+.typeahead__button .selectboxit-text:visited,
[disabled="disabled"] .select2-selection__arrow .selectboxit-text:visited,
.readonly .select2-selection__arrow .selectboxit-text:visited,
.select2-container--disabled .select2-selection__arrow .selectboxit-text:visited,
[disabled="disabled"]+.selectboxit-container .selectboxit-arrow-container:visited,
.readonly+.selectboxit-container .selectboxit-arrow-container:visited,
.select2-container--disabled+.selectboxit-container .selectboxit-arrow-container:visited,
[disabled="disabled"]+.typeahead__button .selectboxit-arrow-container:visited,
.readonly+.typeahead__button .selectboxit-arrow-container:visited,
.select2-container--disabled+.typeahead__button .selectboxit-arrow-container:visited,
[disabled="disabled"] .select2-selection__arrow .selectboxit-arrow-container:visited,
.readonly .select2-selection__arrow .selectboxit-arrow-container:visited,
.select2-container--disabled .select2-selection__arrow .selectboxit-arrow-container:visited,
[disabled="disabled"]+.selectboxit-container .typeahead__search-icon:visited,
.readonly+.selectboxit-container .typeahead__search-icon:visited,
.select2-container--disabled+.selectboxit-container .typeahead__search-icon:visited,
[disabled="disabled"]+.typeahead__button .typeahead__search-icon:visited,
.readonly+.typeahead__button .typeahead__search-icon:visited,
.select2-container--disabled+.typeahead__button .typeahead__search-icon:visited,
[disabled="disabled"] .select2-selection__arrow .typeahead__search-icon:visited,
.readonly .select2-selection__arrow .typeahead__search-icon:visited,
.select2-container--disabled .select2-selection__arrow .typeahead__search-icon:visited,
[disabled="disabled"]+.selectboxit-container b:visited,
.readonly+.selectboxit-container b:visited,
.select2-container--disabled+.selectboxit-container b:visited,
[disabled="disabled"]+.typeahead__button b:visited,
.readonly+.typeahead__button b:visited,
.select2-container--disabled+.typeahead__button b:visited,
[disabled="disabled"] .select2-selection__arrow b:visited,
.readonly .select2-selection__arrow b:visited,
.select2-container--disabled .select2-selection__arrow b:visited {
    color: #afafaf !important;
    background: #f6f6f6 !important;
}

[disabled="disabled"]+.selectboxit-container .selectboxit-text:after,
.readonly+.selectboxit-container .selectboxit-text:after,
.select2-container--disabled+.selectboxit-container .selectboxit-text:after,
[disabled="disabled"]+.typeahead__button .selectboxit-text:after,
.readonly+.typeahead__button .selectboxit-text:after,
.select2-container--disabled+.typeahead__button .selectboxit-text:after,
[disabled="disabled"] .select2-selection__arrow .selectboxit-text:after,
.readonly .select2-selection__arrow .selectboxit-text:after,
.select2-container--disabled .select2-selection__arrow .selectboxit-text:after,
[disabled="disabled"]+.selectboxit-container .selectboxit-arrow-container:after,
.readonly+.selectboxit-container .selectboxit-arrow-container:after,
.select2-container--disabled+.selectboxit-container .selectboxit-arrow-container:after,
[disabled="disabled"]+.typeahead__button .selectboxit-arrow-container:after,
.readonly+.typeahead__button .selectboxit-arrow-container:after,
.select2-container--disabled+.typeahead__button .selectboxit-arrow-container:after,
[disabled="disabled"] .select2-selection__arrow .selectboxit-arrow-container:after,
.readonly .select2-selection__arrow .selectboxit-arrow-container:after,
.select2-container--disabled .select2-selection__arrow .selectboxit-arrow-container:after,
[disabled="disabled"]+.selectboxit-container .typeahead__search-icon:after,
.readonly+.selectboxit-container .typeahead__search-icon:after,
.select2-container--disabled+.selectboxit-container .typeahead__search-icon:after,
[disabled="disabled"]+.typeahead__button .typeahead__search-icon:after,
.readonly+.typeahead__button .typeahead__search-icon:after,
.select2-container--disabled+.typeahead__button .typeahead__search-icon:after,
[disabled="disabled"] .select2-selection__arrow .typeahead__search-icon:after,
.readonly .select2-selection__arrow .typeahead__search-icon:after,
.select2-container--disabled .select2-selection__arrow .typeahead__search-icon:after,
[disabled="disabled"]+.selectboxit-container b:after,
.readonly+.selectboxit-container b:after,
.select2-container--disabled+.selectboxit-container b:after,
[disabled="disabled"]+.typeahead__button b:after,
.readonly+.typeahead__button b:after,
.select2-container--disabled+.typeahead__button b:after,
[disabled="disabled"] .select2-selection__arrow b:after,
.readonly .select2-selection__arrow b:after,
.select2-container--disabled .select2-selection__arrow b:after {
    color: #afafaf !important;
}

.form-btn-color {
    color: #777777;
}

.form-btn-color:hover {
    color: #009ade;
}

.form-btn-base {
    width: 38px;
    height: 38px;
    background: #fff;
    line-height: 38px;
    text-align: center;
    color: #777777;
}

.form-btn-base:hover {
    color: #009ade;
}

.form-btn-base i {
    color: #777777;
}

.form-btn-base i:hover {
    color: #009ade;
}

.form-btn-base:after {
    color: #777777;
}

.form-btn-base:after:hover {
    color: #009ade;
}

.form-btn-base:hover,
.form-btn-base:hover:after {
    color: #009ade;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

select option {
    font-size: 12px;
}

.readonly-view .fillbg {
    border: 1px solid #d9e9f8;
    background: transparent;
    padding: 0;
    margin-bottom: 0;
}

.readonly-view .fillbg label.control-label,
.readonly-view .fillbg [readonly],
.readonly-view .fillbg [readonly="readonly"],
.readonly-view .fillbg .form-control[type="text"][readonly],
.readonly-view .fillbg [disabled="disabled"]+.selectboxit-container .selectboxit-text,
.readonly-view .fillbg [disabled="disabled"],
.readonly-view .fillbg [disabled],
.readonly-view .fillbg [disabled]+.select2-container--disabled .select2-selection--single,
.readonly-view .fillbg .disabled {
    background-color: #fff !important;
    color: #000 !important;
    cursor: default;
}

.readonly-view .fillbg label.control-label+.input-group-addon,
.readonly-view .fillbg [readonly]+.input-group-addon,
.readonly-view .fillbg [readonly="readonly"]+.input-group-addon,
.readonly-view .fillbg .form-control[type="text"][readonly]+.input-group-addon,
.readonly-view .fillbg [disabled="disabled"]+.selectboxit-container .selectboxit-text+.input-group-addon,
.readonly-view .fillbg [disabled="disabled"]+.input-group-addon,
.readonly-view .fillbg [disabled]+.input-group-addon,
.readonly-view .fillbg [disabled]+.select2-container--disabled .select2-selection--single+.input-group-addon,
.readonly-view .fillbg .disabled+.input-group-addon,
.readonly-view .fillbg label.control-label+.selectboxit-arrow-container,
.readonly-view .fillbg [readonly]+.selectboxit-arrow-container,
.readonly-view .fillbg [readonly="readonly"]+.selectboxit-arrow-container,
.readonly-view .fillbg .form-control[type="text"][readonly]+.selectboxit-arrow-container,
.readonly-view .fillbg [disabled="disabled"]+.selectboxit-container .selectboxit-text+.selectboxit-arrow-container,
.readonly-view .fillbg [disabled="disabled"]+.selectboxit-arrow-container,
.readonly-view .fillbg [disabled]+.selectboxit-arrow-container,
.readonly-view .fillbg [disabled]+.select2-container--disabled .select2-selection--single+.selectboxit-arrow-container,
.readonly-view .fillbg .disabled+.selectboxit-arrow-container,
.readonly-view .fillbg label.control-label .select2-selection__arrow,
.readonly-view .fillbg [readonly] .select2-selection__arrow,
.readonly-view .fillbg [readonly="readonly"] .select2-selection__arrow,
.readonly-view .fillbg .form-control[type="text"][readonly] .select2-selection__arrow,
.readonly-view .fillbg [disabled="disabled"]+.selectboxit-container .selectboxit-text .select2-selection__arrow,
.readonly-view .fillbg [disabled="disabled"] .select2-selection__arrow,
.readonly-view .fillbg [disabled] .select2-selection__arrow,
.readonly-view .fillbg [disabled]+.select2-container--disabled .select2-selection--single .select2-selection__arrow,
.readonly-view .fillbg .disabled .select2-selection__arrow {
    border: none !important;
    display: none !important;
}

.readonly-view .fillbg [disabled="disabled"]+.selectboxit-container .selectboxit-text[data-val=""] {
    color: transparent !important;
}

.readonly-view .fillbg .radio-inline:after,
.readonly-view .fillbg .checkbox-inline:after,
.readonly-view .fillbg .radio-clear,
.readonly-view .fillbg .input-group-btn,
.readonly-view .fillbg .typeahead__button,
.readonly-view .fillbg .treeselect-arrow,
.readonly-view .fillbg .input-select-btn,
.readonly-view .fillbg .person-select-plane-btn,
.readonly-view .fillbg .select2-selection__placeholder {
    display: none;
}

.readonly-view .fillbg .selectboxit-disabled {
    opacity: 1;
}

.readonly-view .fillbg .form-td {
    border: 0;
    margin: 0;
}

.readonly-view .fillbg .form-item:before {
    display: none;
}

.readonly-view .fillbg .form-control::-webkit-input-placeholder {
    /* WebKit browsers */
    color: transparent;
}

.readonly-view .fillbg .form-control:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: transparent;
}

.readonly-view .fillbg .form-control::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: transparent;
}

.readonly-view .fillbg .form-control:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: transparent;
}

.readonly-view .fillbg .form-control.datepicker {
    border-color: transparent !important;
}

.readonly-view .fillbg .form-control:focus,
.readonly-view .fillbg .form-control:active {
    box-shadow: none;
}

.readonly-view .fillbg .select2-container.select2-container--disabled .select2-selection--multiple {
    background: #fff;
}

.readonly-view .fillbg .select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.readonly-view .fillbg .select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    border: 0;
    background: #fff;
}

.row.form-content .problems-list {
    margin-top: 10px;
    height: 500px;
    overflow-y: scroll;
}

.row.form-content .problems-list table.problems-list-table {
    width: 100%;
    margin-bottom: 5px;
    background-color: #f9f9f9;
}

.row.form-content .problems-list table.problems-list-table:first-child {
    border-top: none;
}

.row.form-content .problems-list table.problems-list-table tr {
    width: 100%;
}

.row.form-content .problems-list table.problems-list-table tr td span {
    margin-right: 5px;
    font-weight: bold;
    font-size: 14px;
}

.row.form-content .problems-list table.problems-list-table tr.problems-list-title {
    background-color: #f1f1f1;
}

.row.form-content .problems-list table.problems-list-table tr.problems-list-title td {
    padding: 5px 10px;
    color: #666;
}

.row.form-content .problems-list table.problems-list-table tr.problems-list-problem td {
    font-size: 14px;
    color: #3b6caa;
    width: 100%;
    padding: 5px 10px 3px 10px;
}

.row.form-content .problems-list table.problems-list-table tr.problems-list-answer td {
    font-size: 14px;
    width: 100%;
    padding: 3px 10px;
    color: #666;
}

.row.form-content .problems-list table.problems-list-table.problems-list-pitch {
    background-color: #ecf3fb;
    border-top: none;
}

.row.form-content .problems-list table.problems-list-table.problems-list-pitch tr.problems-list-title {
    background-color: #d8e8fc;
}

/* 加宽文本 附加在通用form-td上*/
div.form-td.width140 div.form-group label.control-label {
    width: 140px;
    max-width: 140px;
    min-width: 140px;
}

/* 加宽文本 附加在通用form-td上*/
div.form-td.width200 div.form-group label.control-label {
    width: 200px;
    max-width: 200px;
    min-width: 200px;
}

/* strong 强调文本 独立与form-td*/
div.strongtext {
    width: 100%;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

div.strongtext div.form-group {
    height: 50px;
    min-height: 50px;
    line-height: 50px;
    background-color: #fff;
    margin: -2px 0 0 -1px;
}

div.strongtext div.form-group label.control-label {
    width: 140px;
    max-width: 140px;
    min-width: 140px;
    line-height: 40px;
    float: left;
    display: block;
    margin: 0;
}

div.strongtext div.form-group div.form-item {
    height: 50px;
    padding: 5px 0;
}

div.strongtext div.form-group div.form-item input {
    height: 40px;
    font-size: 24px;
    color: red;
    background-color: #fff6f6;
}

.shortcut-html-input {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    min-height: 30px;
    line-height: 28px;
    padding: 6px 12px;
    background: #fff;
}

.shortcut-html-input span {
    position: relative;
}

.shortcut-html-input span.active:after {
    content: "";
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    left: -1px;
    animation: cursorflash 1.5s infinite;
    -webkit-animation: cursorflash 1s infinite;
    /*Safari and Chrome*/
}

.shortcut-html-input span.selected {
    color: #fff;
    background: #4091fd;
}

.shortcut-html-input.readonly {
    color: #afafaf;
    background: #f6f6f6;
}

.shortcut-html-input.readonly span.active:after {
    display: none;
}

@keyframes cursorflash {
    0% {
        background: #000000;
    }

    20% {
        background: #000000;
    }

    40% {
        background: rgba(0, 0, 0, 0);
    }

    60% {
        background: rgba(0, 0, 0, 0);
    }

    80% {
        background: rgba(0, 0, 0, 0);
    }

    100% {
        display: rgba(0, 0, 0, 0);
    }
}

@-webkit-keyframes cursorFlash {
    0% {
        background: #000000;
    }

    20% {
        background: #000000;
    }

    40% {
        background: rgba(0, 0, 0, 0);
    }

    60% {
        background: rgba(0, 0, 0, 0);
    }

    80% {
        background: rgba(0, 0, 0, 0);
    }

    100% {
        display: rgba(0, 0, 0, 0);
    }
}

sub,
sup {
    margin: 0 -0.2em;
}

.provincelinkage>select+.selectboxit-container {
    width: 33.3333%;
    display: block;
    float: left;
    border-right: 1px solid #d9e9f8;
}

.provincelinkage>select+.selectboxit-container:nth-last-of-type(1) {
    border-right-color: transparent;
}

.modal-expand-more {
    position: relative;
    border: 1px solid #d9e9f8;
    text-align: right;
    padding-right: 15px;
    background: #eff5fc;
}

.modal-expand-more i {
    display: none;
}

.modal-expand-more:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    content: "\f0d7";
    font-family: "FontAwesome";
    transition: ease-in-out all 0.35s;
}

.modal-expand-more.open:after {
    transform: rotate(180deg);
}

.panel-form .panel-body .modal-expand-more {
    margin: 15px -15px;
}

.form-td-attach-checkbox .form-item-attach-checkbox>* {
    display: block;
    float: left;
}

.form-td-attach-checkbox .form-item-attach-checkbox>*.project-select-input {
    display: table-cell;
    width: calc(100% - 28px);
    height: 40px;
}

.compactmode .form-td-attach-checkbox .form-item-attach-checkbox>*.project-select-input {
    height: 30px;
}

.compactmode .form-td-attach-checkbox .form-item-attach-checkbox>*.project-select-input .project-select-text {
    margin-top: 4px;
    padding: 2px 5px;
}

.form-td-attach-checkbox .form-item-attach-checkbox .attach-checkbox {
    width: 28px;
    padding-left: 5px;
    text-align: center;
    float: right;
}

.form-td-attach-checkbox .form-item-attach-checkbox .attach-checkbox .checkbox-inline {
    width: 24px;
    display: block;
    margin: 0 auto;
}

.form-td-attach-checkbox .form-item-attach-checkbox input.form-control,
.form-td-attach-checkbox .form-item-attach-checkbox .selectboxit-container {
    width: calc(100% - 28px);
}

.form-td.upload-area {
    background: #fff;
    height: 240px;
    overflow: hidden;
}

.form-td.upload-area .upload-image {
    height: 240px;
    position: relative;
}

.form-td.upload-area .upload-image .upload-image-show {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    padding: 10px;
    background: #fff;
    z-index: 2;
    line-height: 220px;
    text-align: center;
}

.form-td.upload-area .upload-image .upload-image-show img {
    display: block;
    margin: 0 auto;
    max-width: 400px;
    min-height: 220px;
    max-height: 220px;
}

.form-td.upload-area .upload-image .upload-image-show i {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    z-index: 9;
    cursor: pointer;
    color: #aaa;
}

.form-td.upload-area .upload-image .upload-image-show i:hover {
    color: #333;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.form-horizontal .form-td.upload-area {
    width: 100% !important;
    padding: 0;
    height: auto;
    min-height: 40px;
}

.form-horizontal .form-td.upload-area .upload-image {
    height: auto;
    min-height: 40px;
}

.form-horizontal .form-td.upload-area .upload-image-show {
    display: table;
    width: 100%;
    padding: 0;
    line-height: 40px;
}

.form-horizontal .form-td.upload-area .upload-image-show .upload-image-intro {
    width: 33.333333%;
    display: table-cell;
    min-height: 40px;
    padding: 0 15px;
    text-align: right;
}

.form-horizontal .form-td.upload-area .upload-image-show .upload-image-box {
    display: table-cell;
    width: 66.6666%;
    border: 1px solid #d9e9f8;
}

.modal .modal-dialog .modal-content {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #d9e9f8;
    padding: 15px;
    border-radius: 0;
    border: 0;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.15);
}

.modal .modal-dialog .modal-content .modal-body {
    margin: 10px 0;
    padding: 0;
}

.modal .modal-dialog .modal-content .modal-body .row-close {
    margin: 0;
}

.modal .modal-dialog .modal-content .modal-body .form-group {
    position: relative;
    margin: 10px -15px;
    min-height: 30px;
    clear: both;
}

.modal .modal-footer {
    padding: 15px 0 0;
    border: 0;
}

.modal .modal-footer .btn {
    margin-bottom: 0;
}

.modal.scale .modal-dialog {
    zoom: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 1000ms ease-in-out;
    -moz-transition: all 1000ms ease-in-out;
    -o-transition: all 1000ms ease-in-out;
    transition: all 1000ms ease-in-out;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

.modal.scale.in .modal-dialog {
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.modal.edit-modal {
    z-index: 1059;
}

.modal[backdrop="true"] {
    position: absolute;
}

.modal[backdrop="true"]:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.5);
}

.modal-header {
    margin: 0;
    padding: 15px;
    background: #edeff2;
    border-bottom: 0;
    margin: -15px -15px 0;
}

.modal-header .modal-title {
    margin-right: 40px;
    position: relative;
    display: block;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold !important;
    color: #222222;
    padding-left: 0;
}

.modal-header .modal-title:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    background: #fc7008;
    z-index: 9;
    height: 16px;
    top: 50%;
    left: 0;
    margin: -8px 0 0;
}

.modal-header .modal-title:before {
    display: none;
}

.modal-header .close {
    display: block;
    width: 30px;
    height: 30px;
    outline: none;
    color: #000;
    opacity: 1;
    margin-top: -4px;
}

.modal-header .close:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.modal-dialog.uimodal .modal-body-content .nav.nav-tabs {
    margin: 0 0 5px 0;
    padding: 0;
    border-bottom: 1px solid #c1c8d2;
    position: relative;
}

.modal-dialog.uimodal .modal-body-content .nav.nav-tabs li {
    padding: 0 2px 0 0;
}

.modal-dialog.uimodal .modal-body-content .nav.nav-tabs li a {
    padding: 0 5px;
    line-height: 30px;
    text-align: center;
    background: #f8f8f8;
    border-color: #dfe2e7;
    border-bottom: 1px solid #cad0d8;
    color: #777;
}

.modal-dialog.uimodal .modal-body-content .nav.nav-tabs li a .badge {
    margin-left: 5px;
    padding: 2px 5px;
    background: #ff8700;
    color: #fff;
    font-weight: normal;
    font-family: "proxima-nova", "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 9px;
}

.modal-dialog.uimodal .modal-body-content .nav.nav-tabs li.active a {
    background: #ffffff;
    border-color: #c1c8d2;
    cursor: pointer;
    position: relative;
    border-bottom-color: #ffffff;
    color: #000;
}

.modal-dialog.uimodal .modal-body-content .nav.nav-tabs li.active a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #c1c8d2;
    z-index: 9;
    top: 0;
    left: 0;
}

.modal-dialog.uimodal .modal-body-content .table-responsive {
    margin-top: -43px;
}

.modal-dialog.uimodal .modal-body-content .table-responsive .form-control.input-sm {
    height: 28px;
}

.modal-dialog.uimodal .modal-body-content .table-responsive .dataTables_filter {
    margin-bottom: 5px;
}

.modal-dialog.uimodal .modal-body-content .tab-content {
    margin-top: 10px;
}

.modal-dialog.uimodal .modal-body-content .tab-content table.table {
    height: 241px;
}

.modal-dialog.uimodal .modal-body-content .tab-content table.table>tbody>tr>td {
    padding: 0 5px;
}

.modal-dialog.uimodal .modal-body-content .loading-data {
    text-align: center;
    padding: 45px 0 100px;
}

.modal-dialog.uimodal .modal-body-content .loading-data i {
    font-size: 72px;
}

.modal-dialog.uimodal .modal-body-content .text-link {
    text-align: center;
    padding: 5px 0;
}

.modal-dialog.uimodal .modal-body-content .text-link a {
    display: inline-block;
    margin: 30px auto;
    text-align: center;
    text-decoration: underline;
}

.modal-dialog.uimodal .modal-body-content .text-link a i {
    padding-right: 5px;
}

.modal-dialog.uimodal .modal-body-content .text-link a:hover {
    color: #009ade;
    text-decoration: none;
}

.modal-dialog.uimodal .modal-body-content .text-link a.btn {
    float: right;
    margin: 0 0 5px;
    text-decoration: none;
}

.modal-dialog.uimodal .modal-body-content .modal-content-tips {
    padding: 30px 0 15px 30px;
    color: #666;
}

.modal-dialog.uimodal .modal-body-content .statistics {
    background: #f9f9f9;
}

.modal-dialog.uimodal .modal-body-content .statistics .statistics-item {
    min-height: 30px;
    text-align: center;
    padding: 10px;
    color: #666;
}

.modal-dialog.uimodal .modal-body-content .statistics .statistics-item span {
    font-size: 21px;
    color: #333;
    display: block;
    margin-bottom: 10px;
}

.modal-dialog.uimodal .modal-body-content .input-file {
    position: relative;
    z-index: 2;
}

.modal-dialog.uimodal .modal-body-content .input-file input[type="file"] {
    opacity: 0;
    position: relative;
    z-index: 3;
}

.modal-dialog.uimodal .modal-body-content .input-file:before {
    position: absolute;
    content: "选择文件";
    width: 70px;
    height: 26px;
    top: 7px;
    right: 11px;
    background: #eee;
    color: #222;
    text-align: center;
    line-height: 26px;
    z-index: 1;
    border-radius: 3px;
}

.modal-dialog.uimodal .modal-body-content .input-file:after {
    position: absolute;
    content: "";
    border: 1px solid #d9e9f8;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.modal-dialog.uimodal .modal-body-content .input-file .file-name {
    position: absolute;
    height: 30px;
    line-height: 30px;
    top: 5px;
    left: 15px;
}

.modal-dialog.uimodal .modal-body-content .fixd-offside {
    float: right;
}

.modal-dialog.uimodal .modal-body-content .fixd-offside .checkbox-inline {
    height: 30px;
    line-height: 30px;
}

.modal-dialog.uimodal .modal-body-content .fixd-offside .checkbox-inline:after {
    top: 8px;
}

.modal-dialog.uimodal .modal-body-content .fixd-offside+.text-link {
    padding: 0;
    float: right;
}

.error-box {
    margin-top: 10px;
    max-width: 240px;
    background: #56b1fc;
    padding: 5px 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    color: #fff;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 3px;
    background-clip: padding-box;
}

.error-box:before {
    position: absolute;
    top: -3px;
    left: 50%;
    margin-left: -5px;
    content: "";
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background: #56b1fc;
    z-index: -1;
}

.textBtn .input-group .form-control+.btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    display: block;
}

.layout-form .form-td .textBtn .input-group .form-control+.btn {
    padding: 0;
    width: 38px !important;
    height: 38px !important;
    border: 0;
    top: 1px;
    right: 2px;
}

/*====================================================================*/
/*treeSelect*/
/*====================================================================*/
.tree-close {
    width: 38px;
    line-height: 38px;
    text-align: center;
    color: #777777;
    width: 32px;
    height: 38px;
    position: absolute;
    top: 1px;
    right: 48px;
    background: #fff;
}

.tree-close:after {
    content: "\f057";
    position: absolute;
    top: 7px;
    right: 8px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
    width: 30px;
    height: 28px;
    line-height: 30px;
    text-align: center;
    top: 1px;
    right: 0;
}

.tree-close:hover:after {
    color: #f39800;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    cursor: pointer;
}

.tree-close:hover {
    color: #009ade;
}

.tree-close i {
    color: #777777;
}

.tree-close i:hover {
    color: #009ade;
}

.tree-close:after {
    color: #777777;
}

.tree-close:after:hover {
    color: #009ade;
}

.tree-close:hover,
.tree-close:hover:after {
    color: #009ade;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.tree-close:after {
    width: 32px;
    height: 38px;
    line-height: 38px;
    color: #ccc;
    background: #fff;
    top: 0;
    right: 0;
}

.compactmode .tree-close:after,
.form-wide-panel .tree-close:after,
.table>tbody>tr>td .tree-close:after,
.col-none .tree-close:after,
.user-panel .tree-close:after {
    width: 24px;
    height: 28px;
    line-height: 28px;
}

.tree-close:hover:after {
    color: #f39800;
}

.form-td .tree-close {
    right: 32px;
}

.compactmode .form-td .tree-close,
.form-wide-panel .form-td .tree-close,
.table>tbody>tr>td .form-td .tree-close,
.col-none .form-td .tree-close,
.user-panel .form-td .tree-close {
    right: 24px;
}

.compactmode .tree-close,
.form-wide-panel .tree-close,
.table>tbody>tr>td .tree-close,
.col-none .tree-close,
.user-panel .tree-close {
    width: 24px;
    height: 28px;
    line-height: 28px;
    right: 40px;
}

.treeselect-arrow {
    content: "";
    position: absolute;
    top: 8px;
    right: 0px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    color: #777777;
    width: 32px;
    height: 38px;
    top: 1px;
    right: 16px;
    background: #fff;
}

.treeselect-arrow:hover {
    color: #009ade;
}

.treeselect-arrow i {
    color: #777777;
}

.treeselect-arrow i:hover {
    color: #009ade;
}

.treeselect-arrow:after {
    color: #777777;
}

.treeselect-arrow:after:hover {
    color: #009ade;
}

.treeselect-arrow:hover,
.treeselect-arrow:hover:after {
    color: #009ade;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.treeselect-arrow i {
    color: #777777;
    transition: ease-in-out all 0.5s;
}

.treeselect-arrow:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.treeselect-arrow:hover i {
    color: #009ade;
}

.form-td .treeselect-arrow {
    right: 1px;
}

.compactmode .treeselect-arrow,
.form-wide-panel .treeselect-arrow,
.table>tbody>tr>td .treeselect-arrow,
.col-none .treeselect-arrow,
.user-panel .treeselect-arrow {
    width: 28px;
    height: 28px;
    line-height: 28px;
}

.treeform-ztree>ul,
.ztree {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
    min-height: 30px;
    /* max-height: 300px; */
    padding: 10px;
    border: 1px solid #d9e9f8;
    margin-top: 1px;
    background: #fff;
    overflow-y: scroll;
    overflow-x: auto;
    z-index: 21;
}

.form-td .treeform-ztree>ul,
.form-td .ztree {
    margin: 0;
}

.treeform-ztree>ul li,
.ztree li {
    list-style-type: none;
    min-width: 100px;
}

.treeform-ztree>ul li:focus,
.ztree li:focus {
    outline: 0;
}

.treeform-ztree>ul li a,
.ztree li a {
    padding: 0;
}

.treeform-ztree>ul li a.curSelectedNode,
.ztree li a.curSelectedNode {
    border: 0;
    background: none;
    color: #333333;
    opacity: 1;
}

.treeform-ztree>ul li a.curSelectedNode .node_name,
.ztree li a.curSelectedNode .node_name {
    background: #cbdde6;
    color: #000;
}

.treeform-ztree>ul li ul,
.ztree li ul {
    padding: 0 0 0 16px;
}

.treeform-ztree>ul li span,
.ztree li span {
    cursor: pointer;
}

.treeform-ztree>ul li span.button,
.ztree li span.button {
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-block;
    background: none;
}

.treeform-ztree>ul li span.button:after,
.ztree li span.button:after {
    position: absolute;
    top: 0 !important;
}

.treeform-ztree>ul li span.button.chk,
.ztree li span.button.chk {
    margin: 0 2px 0 0;
    cursor: pointer;
}

.treeform-ztree>ul li span.button.chk.checkbox_false_disable,
.ztree li span.button.chk.checkbox_false_disable,
.treeform-ztree>ul li span.button.chk.checkbox_true_disable,
.ztree li span.button.chk.checkbox_true_disable {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    cursor: not-allowed;
}

.treeform-ztree>ul li span.button.chk.checkbox_false_disable:after,
.ztree li span.button.chk.checkbox_false_disable:after,
.treeform-ztree>ul li span.button.chk.checkbox_true_disable:after,
.ztree li span.button.chk.checkbox_true_disable:after {
    color: #ddd;
}

.treeform-ztree>ul li span.button.root_open:after,
.ztree li span.button.root_open:after,
.treeform-ztree>ul li span.button.roots_open:after,
.ztree li span.button.roots_open:after,
.treeform-ztree>ul li span.button.center_open:after,
.ztree li span.button.center_open:after,
.treeform-ztree>ul li span.button.bottom_open:after,
.ztree li span.button.bottom_open:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f0d7";
    top: 7px;
    left: 3px;
    color: #333333;
    font-size: 14px;
}

.treeform-ztree>ul li span.button.root_close:after,
.ztree li span.button.root_close:after,
.treeform-ztree>ul li span.button.roots_close:after,
.ztree li span.button.roots_close:after,
.treeform-ztree>ul li span.button.center_close:after,
.ztree li span.button.center_close:after,
.treeform-ztree>ul li span.button.bottom_close:after,
.ztree li span.button.bottom_close:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f0da";
    top: 8px;
    left: 6px;
    color: #333333;
    font-size: 14px;
}

.treeform-ztree>ul li span.button.radio_false_full:after,
.ztree li span.button.radio_false_full:after,
.treeform-ztree>ul li span.button.radio_false_full_focus:after,
.ztree li span.button.radio_false_full_focus:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f10c";
    top: 6px;
    left: 0;
    color: #999999;
    font-size: 14px;
}

.treeform-ztree>ul li span.button.radio_true_full:after,
.ztree li span.button.radio_true_full:after,
.treeform-ztree>ul li span.button.radio_true_full_focus:after,
.ztree li span.button.radio_true_full_focus:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f192";
    top: 6px;
    left: 0;
    color: #ff7800;
    font-size: 14px;
}

.treeform-ztree>ul li span.button.radio_false_part:after,
.ztree li span.button.radio_false_part:after,
.treeform-ztree>ul li span.button.radio_false_part_focus:after,
.ztree li span.button.radio_false_part_focus:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f111";
    top: 6px;
    left: 0;
    color: #bbbbbb;
    font-size: 14px;
}

.treeform-ztree>ul li span.button.radio_true_part:after,
.ztree li span.button.radio_true_part:after,
.treeform-ztree>ul li span.button.radio_true_part_focus:after,
.ztree li span.button.radio_true_part_focus:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f192";
    top: 6px;
    left: 0;
    color: #ff7600;
    font-size: 14px;
}

.treeform-ztree>ul li span.button.checkbox_false_full:after,
.ztree li span.button.checkbox_false_full:after,
.treeform-ztree>ul li span.button.checkbox_false_full_focus:after,
.ztree li span.button.checkbox_false_full_focus:after,
.treeform-ztree>ul li span.button.checkbox_false_disable:after,
.ztree li span.button.checkbox_false_disable:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f096";
    top: 6px;
    left: 0;
    color: #666666;
    font-size: 14px;
}

.treeform-ztree>ul li span.button.checkbox_true_full:after,
.ztree li span.button.checkbox_true_full:after,
.treeform-ztree>ul li span.button.checkbox_true_full_focus:after,
.ztree li span.button.checkbox_true_full_focus:after,
.treeform-ztree>ul li span.button.checkbox_true_disable:after,
.ztree li span.button.checkbox_true_disable:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f14a";
    top: 6px;
    left: 0;
    color: #ff7800;
    font-size: 14px;
}

.treeform-ztree>ul li span.button.checkbox_false_part:after,
.ztree li span.button.checkbox_false_part:after,
.treeform-ztree>ul li span.button.checkbox_false_part_focus:after,
.ztree li span.button.checkbox_false_part_focus:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f0c8";
    top: 6px;
    left: 0;
    color: #bbbbbb;
    font-size: 14px;
}

.treeform-ztree>ul li span.button.checkbox_true_part:after,
.ztree li span.button.checkbox_true_part:after,
.treeform-ztree>ul li span.button.checkbox_true_part_focus:after,
.ztree li span.button.checkbox_true_part_focus:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f14a";
    top: 6px;
    left: 0;
    color: #bbbbbb;
    font-size: 14px;
}

.treeform-ztree>ul li span.button.ico_close:after,
.ztree li span.button.ico_close:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f07b";
    top: 8px;
    left: 0;
    color: #333333;
    font-size: 14px;
}

.treeform-ztree>ul li span.button.ico_open:after,
.ztree li span.button.ico_open:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f07c";
    top: 8px;
    left: 0;
    color: #333333;
    font-size: 14px;
}

.treeform-ztree>ul li span.button.ico_docu:after,
.ztree li span.button.ico_docu:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f016";
    top: 8px;
    left: 0;
    color: #333333;
    font-size: 14px;
}

.treeform-ztree>ul li span.node_name,
.ztree li span.node_name {
    padding: 1px 3px;
    border-radius: 3px;
}

.treeform-ztree>ul li span.node_name:hover,
.ztree li span.node_name:hover {
    background: #fcefe8;
    color: #ff6500;
}

.tree-plane .treeform-ztree>ul,
.tree-plane .ztree {
    position: relative;
}

.treeform-ztree.modal {
    display: block;
    margin-left: 15px;
}

.treeform-ztree.form>ul {
    margin-left: 100px;
}

.form-control[nstype="treeSelect"] {
    padding-right: 32px;
}

.form-control[nstype="treeSelect"][readonly="readonly"]+.treeselect-arrow {
    color: #333333 !important;
    background: #f9f9f9 !important;
    box-shadow: none !important;
    outline: none !important;
    background: #eee;
    color: #555555;
    cursor: not-allowed;
    color: #afafaf !important;
    background: #f6f6f6 !important;
    border: 0 !important;
    resize: none;
    border-color: #dddddd !important;
    color: #bbbbbb !important;
}

.form-control[nstype="treeSelect"][readonly="readonly"]+.treeselect-arrow:hover,
.form-control[nstype="treeSelect"][readonly="readonly"]+.treeselect-arrow:focus {
    color: #333333 !important;
    background: #f9f9f9 !important;
    cursor: not-allowed;
    box-shadow: none !important;
    outline: none !important;
}

.form-control[nstype="treeSelect"][readonly="readonly"]+.treeselect-arrow:hover,
.form-control[nstype="treeSelect"][readonly="readonly"]+.treeselect-arrow:active,
.form-control[nstype="treeSelect"][readonly="readonly"]+.treeselect-arrow:focus,
.form-control[nstype="treeSelect"][readonly="readonly"]+.treeselect-arrow:visited {
    color: #afafaf !important;
    background: #f6f6f6 !important;
}

.form-control[nstype="treeSelect"][readonly="readonly"]+.treeselect-arrow:hover,
.form-control[nstype="treeSelect"][readonly="readonly"]+.treeselect-arrow:focus {
    color: #bbbbbb !important;
}

.person-select-plane .ztree {
    border-width: 0 0 0 1px;
}

.nstree-btns-container {
    height: 36px;
    width: 100%;
    padding: 3px 5px;
    border: 1px solid #d9e9f8;
    border-width: 1px 1px 0;
    background: #f8f8f8;
}

.nstree-btns-container .btn {
    background-color: transparent;
}

.nstree-btns-container .btn:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.ztree.zTreeDragUL {
    border: 0;
    padding: 0;
    overflow-y: auto;
    right: auto;
}

[ns-system="pad"] .treeform-ztree>ul {
    padding: 0;
}

[ns-system="pad"] .treeform-ztree>ul li a {
    line-height: 32px;
}

[ns-system="pad"] .treeform-ztree>ul li span.button {
    width: 32px;
    height: 32px;
    text-align: center;
    display: block;
    float: left;
}

[ns-system="pad"] .treeform-ztree>ul li span.button:after {
    left: 50% !important;
    margin-left: -5px !important;
}

[ns-system="pad"] .treeform-ztree>ul li span.button.root_close:after,
[ns-system="pad"] .treeform-ztree>ul li span.button.roots_close:after,
[ns-system="pad"] .treeform-ztree>ul li span.button.center_close:after,
[ns-system="pad"] .treeform-ztree>ul li span.button.bottom_close:after,
[ns-system="pad"] .treeform-ztree>ul li span.button.root_open:after,
[ns-system="pad"] .treeform-ztree>ul li span.button.roots_open:after,
[ns-system="pad"] .treeform-ztree>ul li span.button.center_open:after,
[ns-system="pad"] .treeform-ztree>ul li span.button.bottom_open:after {
    top: 50% !important;
    margin-top: -10px !important;
}

[ns-system="pad"] .treeform-ztree>ul li .node_name {
    display: block;
    line-height: 32px;
    padding: 0;
}

[ns-system="pad"] .treeform-ztree>ul li ul {
    padding-left: 32px;
}

.pt-modal-body .pt-tree-position {
    display: inline-table;
    width: 100%;
    margin-bottom: 10px;
}

.pt-modal-body .pt-tree-position .pt-form-control,
.pt-modal-body .pt-tree-position .pt-btn-group {
    display: table-cell;
}

.pt-modal-body .pt-tree-position .pt-form-control {
    width: 100%;
}

.pt-modal-body .pt-tree-position .pt-btn-group {
    width: 22px;
}

.pt-modal-body .pt-tree-position .pt-btn-group .pt-btn {
    border: none;
    width: 22px;
    height: 22px;
}

.pt-modal-body ul.ztree {
    max-height: 400px;
    overflow-y: auto;
    left: 16px;
    right: 16px;
    border-color: #bfbfbf;
}

/*====================================================================*/
/*personSelect*/
/*====================================================================*/
.personSelect .form-control[readonly="readonly"] {
    color: #333333 !important;
    background: #f9f9f9 !important;
    box-shadow: none !important;
    outline: none !important;
    background: #eee;
    color: #555555;
    cursor: not-allowed;
    color: #afafaf !important;
    background: #f6f6f6 !important;
    border: 0 !important;
    resize: none;
    border-color: #dddddd !important;
}

.personSelect .form-control[readonly="readonly"]:hover,
.personSelect .form-control[readonly="readonly"]:focus {
    color: #333333 !important;
    background: #f9f9f9 !important;
    cursor: not-allowed;
    box-shadow: none !important;
    outline: none !important;
}

.personSelect .form-control[readonly="readonly"]:hover,
.personSelect .form-control[readonly="readonly"]:active,
.personSelect .form-control[readonly="readonly"]:focus,
.personSelect .form-control[readonly="readonly"]:visited {
    color: #afafaf !important;
    background: #f6f6f6 !important;
}

.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn+.person-select-plane-btn {
    color: #333333 !important;
    background: #f9f9f9 !important;
    box-shadow: none !important;
    outline: none !important;
    background: #eee;
    color: #555555;
    cursor: not-allowed;
    color: #afafaf !important;
    background: #f6f6f6 !important;
    border: 0 !important;
    resize: none;
    border-color: #dddddd !important;
    color: #bbbbbb !important;
    top: 4px;
}

.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn:hover,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn:hover,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn+.person-select-plane-btn:hover,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn:focus,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn:focus,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn+.person-select-plane-btn:focus {
    color: #333333 !important;
    background: #f9f9f9 !important;
    cursor: not-allowed;
    box-shadow: none !important;
    outline: none !important;
}

.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn:hover,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn:hover,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn+.person-select-plane-btn:hover,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn:active,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn:active,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn+.person-select-plane-btn:active,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn:focus,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn:focus,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn+.person-select-plane-btn:focus,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn:visited,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn:visited,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn+.person-select-plane-btn:visited {
    color: #afafaf !important;
    background: #f6f6f6 !important;
}

.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn:hover,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn:hover,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn+.person-select-plane-btn:hover,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn:focus,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn:focus,
.personSelect .form-control[readonly="readonly"]+.person-select-plane-btn+.person-select-plane-btn+.person-select-plane-btn:focus {
    color: #bbbbbb !important;
}

.personSelect .person-select-plane-btn,
.personSelectSystem .person-select-system-plane-btn {
    position: absolute;
    top: 5px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border: 1px solid transparent;
}

.personSelect .person-select-plane-btn:hover,
.personSelectSystem .person-select-system-plane-btn:hover {
    color: #009ade;
}

.personSelect .person-select-plane-btn.current,
.personSelectSystem .person-select-system-plane-btn.current {
    color: #009ade;
    border-color: #d9e9f8;
    background: #fff;
    padding-top: 0;
    z-index: 9;
}

.compactmode .personSelect .person-select-plane-btn,
.compactmode .personSelectSystem .person-select-system-plane-btn {
    top: 2px;
    height: 30px;
}

.personSelectSystem .person-select-inputmask {
    right: 65px;
}

.personSelectSystem .person-select-system-plane-btn {
    right: 35px !important;
}

.personSelectSystem .person-select-system-plane-btn:last-child {
    right: 5px !important;
}

.person-select-inputmask {
    position: absolute;
    top: 0;
    right: 98px;
    height: 30px;
    display: table-cell;
    padding: 8px 28px 7px 0;
    vertical-align: middle;
    cursor: text;
}

.person-select-inputmask.blur {
    left: 5px;
    cursor: text;
}

.person-select-inputmask .name {
    padding: 2px 5px;
    margin: 0 3px 0 0;
    background: #f5f5f5;
    display: inline-block;
    border: 1px solid #d9e9f8;
}

.person-select-inputmask a.close {
    float: right;
    opacity: .2;
}

.person-select-inputmask a.close:after {
    content: "\f057";
    position: absolute;
    top: 7px;
    right: 8px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
    top: 13px;
    color: #000;
}

.compactmode .person-select-inputmask a.close:after {
    top: 9px;
}

.person-select-inputmask a.close:hover {
    opacity: .8;
}

.person-select-inputmask a.close:hover:after {
    color: #f39800;
}

.compactmode .person-select-inputmask {
    height: 30px;
    padding-top: 4px;
}

.person-select-plane {
    position: absolute;
    top: 40px;
    right: 0;
    left: -1px;
    height: 362px;
    background: #fff;
    border: 1px solid #d9e9f8;
    display: none;
    z-index: 21;
}

.person-select-plane .plane-content.show {
    visibility: visible;
    display: block;
}

.person-select-plane .plane-content span {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    overflow-y: hidden;
    text-overflow: ellipsis;
    padding: 5px;
    min-width: 100px;
}

.person-select-plane .plane-content span:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #d9e9f8;
    z-index: 9;
    bottom: 0;
    right: 0;
    background: #eee;
}

.person-select-plane .plane-content span:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #d9e9f8;
    z-index: 9;
    bottom: 0;
    left: 0;
    background: #eee;
}

.person-select-plane .plane-content span:first-child {
    width: 40px;
    height: 30px;
    min-width: 40px;
    max-width: 40px;
    text-align: center;
    background: #f5f5f5;
    overflow: hidden;
}

.person-select-plane .plane-content span:last-child:before {
    display: none;
}

.person-select-plane .plane-content span .name .personNum {
    display: block;
    float: right;
}

.person-select-plane .plane-content a {
    display: table;
    width: 100%;
}

.person-select-plane .plane-content a:hover {
    background: #f5f5f5;
    color: #555555;
}

.person-select-plane .plane-content.disabled a {
    cursor: default;
    background: #eee;
    color: #ccc;
}

.person-select-plane .result-plane {
    position: absolute;
    top: -1px !important;
    left: 100%;
    width: 330px;
    height: 362px;
    padding: 10px;
    background: #fff;
    border: 1px solid #d9e9f8;
    overflow-y: hidden;
}

.person-select-plane .result-plane span.person-label {
    display: inline-block;
    padding: 5px 24px 6px 5px;
    margin: 0 3px 3px 0;
    border: 1px solid #d9e9f8;
    cursor: pointer;
    float: left;
    min-height: 30px;
}

.person-select-plane .result-plane span.person-label:hover {
    background: #f8f8f8;
    border-color: #aed0f0;
}

.person-select-plane .result-plane span.person-label a.close {
    position: absolute;
    padding: 5px;
    width: 28px;
    height: 30px;
    margin: -5px 0;
}

.person-select-plane .result-plane span.person-label a.close:hover {
    color: #f39800;
    opacity: .8;
}

.person-select-plane .result-plane span.person-label a.close:hover:after {
    color: #f39800;
}

.person-select-plane .result-plane span.person-label a.close:after {
    content: "\f057";
    position: absolute;
    top: 7px;
    right: 8px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
    color: #000;
}

.person-select-plane .common-plane {
    position: relative;
    height: 360px;
    min-height: 30px;
    display: none;
}

.person-select-plane .common-plane .plane-title {
    display: table;
    width: 100%;
    background: #f0f0f0;
    color: #555555;
}

.person-select-plane .common-plane .state {
    padding: 0 10px 0 0;
    height: 30px;
    line-height: 30px;
    text-align: right;
}

.person-select-plane .common-plane .state .page {
    display: table;
    float: left;
}

.person-select-plane .common-plane .state .page span {
    display: table-cell;
    min-width: 30px;
    max-width: 55px;
    text-align: center;
    cursor: pointer;
}

.person-select-plane .common-plane .state .page span.disabled {
    cursor: default;
    color: #ccc;
}

.person-select-plane .common-plane .state .page span.able {
    color: #009ade;
}

.person-select-plane .group-plane .group-person-plane {
    position: absolute;
    width: 200px;
    height: 360px;
    top: 0;
    right: 0;
    border-left: 1px solid #d9e9f8;
    z-index: 22;
    background: #fff;
}

.person-select-plane .group-plane .group-person-plane .btn.group-person-select-button {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
    border: 0;
    height: 30px;
    color: #ddd;
}

.person-select-plane .group-plane .group-person-plane .btn.group-person-select-button:hover {
    background: #f2f2f2;
}

.person-select-plane .group-plane .group-person-plane .state {
    position: absolute;
    width: 200px;
    height: 30px;
    text-align: left;
    right: 0;
    bottom: 0;
}

.person-select-plane .group-plane .group-person-plane .state-empty {
    padding: 5px;
}

.person-select-plane .history-plane span.time {
    width: 100px;
    overflow-y: hidden;
    color: #ddd;
    border: none;
    text-align: right;
    padding-right: 5px;
}

.person-select-plane .history-plane .empty {
    padding-top: 100px;
    text-align: center;
    font-size: 12px;
}

.person-select-plane .history-plane .empty i {
    font-size: 48px;
    color: #ddd;
}

.person-select-plane .history-plane .empty p {
    padding-top: 15px;
}

.person-select-plane .btn-plane {
    position: absolute;
    width: 100%;
    height: 50px;
    right: 0;
    bottom: 0;
    padding: 10px 10px 0;
    border-top: 1px solid #d9e9f8;
    z-index: 15;
    text-align: right;
}

.person-select-plane .btn-plane .btn+.btn {
    margin-left: 5px;
}

.compactmode .person-select-plane {
    top: 30px;
}

/*====================================================================*/
/*typeahead*/
/*====================================================================*/
.typeahead__container {
    position: relative;
}

.typeahead__container * {
    box-sizing: border-box;
    outline: 0;
}

.typeahead__container button,
.typeahead__container input,
.typeahead__container optgroup,
.typeahead__container select,
.typeahead__container textarea {
    margin: 0;
}

.typeahead__container button {
    border: 0 !important;
    width: 38px;
    height: 38px;
    background: #fff;
    line-height: 38px;
    text-align: center;
    color: #777777;
}

.typeahead__container button:hover {
    color: #009ade;
}

.typeahead__container button i {
    color: #777777;
}

.typeahead__container button i:hover {
    color: #009ade;
}

.typeahead__container button:after {
    color: #777777;
}

.typeahead__container button:after:hover {
    color: #009ade;
}

.typeahead__container button:hover,
.typeahead__container button:hover:after {
    color: #009ade;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.compactmode .typeahead__container button,
.form-wide-panel .typeahead__container button,
.table>tbody>tr>td .typeahead__container button,
.col-none .typeahead__container button,
.user-panel .typeahead__container button {
    width: 28px;
    height: 28px;
    line-height: 28px;
}

.typeahead__container input {
    overflow: visible;
}

.typeahead__container input.disabled,
.typeahead__container input[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    box-shadow: none;
    background: #fff;
    border-color: #d9e9f8;
}

.typeahead__container select {
    text-transform: none;
}

.typeahead__container button,
.typeahead__container [type="reset"],
.typeahead__container [type="submit"],
.typeahead__container [type="button"] {
    -webkit-appearance: button;
}

.typeahead__container button::-moz-focus-inner,
.typeahead__container [type="reset"]::-moz-focus-inner,
.typeahead__container [type="submit"]::-moz-focus-inner,
.typeahead__container [type="button"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

.typeahead__container button:-moz-focusring,
.typeahead__container [type="reset"]:-moz-focusring,
.typeahead__container [type="submit"]:-moz-focusring,
.typeahead__container [type="button"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

.typeahead__container fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 6px 8px 12px;
}

.typeahead__container legend {
    display: table;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    color: inherit;
    white-space: normal;
}

.typeahead__container textarea {
    overflow: auto;
}

.typeahead__container [type="checkbox"],
.typeahead__container [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

.typeahead__container [type="number"]::-webkit-inner-spin-button,
.typeahead__container [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

.typeahead__container [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

.typeahead__container [type="search"]::-webkit-search-cancel-button,
.typeahead__container [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.typeahead__container::-webkit-input-placeholder {
    color: inherit;
    opacity: .54;
}

.typeahead__container::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

.typeahead__container.hint .typeahead__field input {
    border-color: transparent;
}

.typeahead__container.hint .typeahead__field input:last-child {
    background: #fff;
}

.typeahead__container.filter .typeahead__filter {
    z-index: 23;
}

.typeahead__container.backdrop+.typeahead__backdrop,
.typeahead__container.filter .typeahead__dropdown,
.typeahead__container.hint .typeahead__hint,
.typeahead__container.result .typeahead__list {
    display: block !important;
}

.typeahead__container+.typeahead__backdrop,
.typeahead__container .typeahead__dropdown,
.typeahead__container .typeahead__hint,
.typeahead__container .typeahead__list {
    display: none !important;
}

.typeahead__query {
    position: relative;
    width: 100%;
    z-index: 2;
}

.typeahead__query.readonly+.typeahead__button>button {
    color: #333333 !important;
    background: #f9f9f9 !important;
    box-shadow: none !important;
    outline: none !important;
    background: #eee;
    color: #555555;
    cursor: not-allowed;
    color: #afafaf !important;
    background: #f6f6f6 !important;
    border: 0 !important;
    resize: none;
    border-color: #dddddd !important;
}

.typeahead__query.readonly+.typeahead__button>button:hover,
.typeahead__query.readonly+.typeahead__button>button:focus {
    color: #333333 !important;
    background: #f9f9f9 !important;
    cursor: not-allowed;
    box-shadow: none !important;
    outline: none !important;
}

.typeahead__query.readonly+.typeahead__button>button:hover,
.typeahead__query.readonly+.typeahead__button>button:active,
.typeahead__query.readonly+.typeahead__button>button:focus,
.typeahead__query.readonly+.typeahead__button>button:visited {
    color: #afafaf !important;
    background: #f6f6f6 !important;
}

.typeahead__filter {
    position: relative;
    z-index: 1;
    border: 1px solid #d9e9f8;
    border-width: 1px 0;
}

.typeahead__filter .typeahead__dropdown {
    border-right-color: #d9e9f8;
    padding-right: 2px !important;
}

.typeahead__filter:active,
.typeahead__filter:active button:active,
.typeahead__filter:active button:focus,
.typeahead__filter:focus,
.typeahead__filter:focus button:active,
.typeahead__filter:focus button:focus,
.typeahead__filter:hover,
.typeahead__filter:hover button:active,
.typeahead__filter:hover button:focus {
    z-index: 5;
}

.typeahead__filter button {
    min-width: 100%;
    white-space: nowrap;
    border: 1px solid #d9e9f8;
    box-sizing: border-box;
}

.typeahead__filter button:after {
    display: inline-block;
    margin-left: 4px;
    width: 0;
    height: 0;
    vertical-align: -2px;
    content: "";
    border: 4px solid;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.typeahead__filter+.typeahead__button {
    border: 1px solid #d9e9f8;
    border-left: 0;
}

.typeahead__filter.loading .typeahead__query:after,
.typeahead__filter.loading .typeahead__query:before {
    transition: all 0s linear, opacity .2s ease;
    position: absolute;
    z-index: 3;
    content: "";
    top: 50%;
    right: .55em;
    margin-top: -10.5px;
    width: 21px;
    height: 21px;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
}

.typeahead__filter.loading .typeahead__query:before {
    background: rgba(0, 0, 0, 0.35);
}

.typeahead__filter.loading .typeahead__query:after {
    -webkit-animation: a .6s linear;
    animation: a .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-color: #fff transparent transparent;
    box-shadow: 0 0 0 1px transparent;
}

.typeahead__field {
    position: relative;
    display: table;
    width: 100%;
    font-size: 0;
    color: #555555;
    border-collapse: separate;
}

.typeahead__field>* {
    display: table-cell;
    vertical-align: top;
}

.typeahead__field input {
    display: block;
    width: 100%;
    padding: 6px 6px;
    background: #fff;
    border: 1px solid #d9e9f8;
    transition: ease-in-out all 0.15s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
}

.typeahead__field input:active,
.typeahead__field input:focus {
    border-color: #d9e9f8;
}

.typeahead__field input[type="search"],
.typeahead__field input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: textfield;
    appearance: textfield;
}

.typeahead__field input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.typeahead__filter-button,
.typeahead__button button {
    width: 36px;
    height: 36px;
    padding: 0 5px;
}

.typeahead__filter-button {
    min-width: 48px !important;
}

.typeahead__button {
    width: 30px;
    font-size: 0;
    width: 1%;
    margin-left: -1px;
    vertical-align: middle;
    border-radius: 0;
    z-index: 1;
}

.typeahead__button button {
    width: 38px;
    height: 38px;
    background: #fff;
    line-height: 38px;
    text-align: center;
    color: #777777;
}

.typeahead__button button:hover {
    color: #009ade;
}

.typeahead__button button i {
    color: #777777;
}

.typeahead__button button i:hover {
    color: #009ade;
}

.typeahead__button button:after {
    color: #777777;
}

.typeahead__button button:after:hover {
    color: #009ade;
}

.typeahead__button button:hover,
.typeahead__button button:hover:after {
    color: #009ade;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.typeahead__button:active,
.typeahead__button:active button:active,
.typeahead__button:active button:focus,
.typeahead__button:focus,
.typeahead__button:focus button:active,
.typeahead__button:focus button:focus,
.typeahead__button:hover,
.typeahead__button:hover button:active,
.typeahead__button:hover button:focus {
    z-index: 5;
}

.typeahead__hint {
    background: #fff;
}

.typeahead__dropdown,
.typeahead__list {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    min-width: 160px;
    padding: 2px 1px 2px 2px;
    margin: -1px 0 0;
    list-style: none;
    text-align: left;
    background: #fff;
    border: 1px solid #d9e9f8;
    border-radius: 0;
    background-clip: padding-box;
    z-index: 99;
    border-right-color: transparent;
}

.typeahead__dropdown {
    margin-top: 0;
}

.typeahead__dropdown li {
    border-bottom: 1px solid #fff;
}

.typeahead__list>li {
    position: relative;
    border-top: 1px solid #fff;
}

.typeahead__list>li:first-child {
    border-top: 0;
}

.typeahead__list>li.typeahead__group {
    border-color: #d9e9f8;
    font-weight: 700;
}

.typeahead__list>li.typeahead__group.active>a,
.typeahead__list>li.typeahead__group>a,
.typeahead__list>li.typeahead__group>a:focus,
.typeahead__list>li.typeahead__group>a:hover {
    cursor: default;
    color: #fff;
    background: #aaa;
}

.typeahead__list>li.typeahead__group+li.typeahead__item {
    border-color: #d9e9f8;
}

.typeahead__list>li>a,
.typeahead__dropdown>li>a {
    display: block;
    padding: 6px 12px;
    clear: both;
    color: #333333;
    text-decoration: none;
    background: #f7f7f7;
}

.typeahead__dropdown>li.active>a:hover,
.typeahead__dropdown>li>a:focus:hover,
.typeahead__dropdown>li>a:hover:hover,
.typeahead__list>li.active>a:hover,
.typeahead__list>li>a:focus:hover,
.typeahead__list>li>a:hover:hover {
    color: #009ade;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.typeahead__dropdown>li.active>a:active.typeahead__dropdown>li.active>a:focus,
.typeahead__dropdown>li.active>a:active.typeahead__dropdown>li>a:focus:focus,
.typeahead__dropdown>li.active>a:active.typeahead__dropdown>li>a:hover:focus,
.typeahead__dropdown>li.active>a:active.typeahead__list>li.active>a:focus,
.typeahead__dropdown>li.active>a:active.typeahead__list>li>a:focus:focus,
.typeahead__dropdown>li.active>a:active.typeahead__list>li>a:hover:focus,
.typeahead__dropdown>li>a:focus:active.typeahead__dropdown>li.active>a:focus,
.typeahead__dropdown>li>a:focus:active.typeahead__dropdown>li>a:focus:focus,
.typeahead__dropdown>li>a:focus:active.typeahead__dropdown>li>a:hover:focus,
.typeahead__dropdown>li>a:focus:active.typeahead__list>li.active>a:focus,
.typeahead__dropdown>li>a:focus:active.typeahead__list>li>a:focus:focus,
.typeahead__dropdown>li>a:focus:active.typeahead__list>li>a:hover:focus,
.typeahead__dropdown>li>a:hover:active.typeahead__dropdown>li.active>a:focus,
.typeahead__dropdown>li>a:hover:active.typeahead__dropdown>li>a:focus:focus,
.typeahead__dropdown>li>a:hover:active.typeahead__dropdown>li>a:hover:focus,
.typeahead__dropdown>li>a:hover:active.typeahead__list>li.active>a:focus,
.typeahead__dropdown>li>a:hover:active.typeahead__list>li>a:focus:focus,
.typeahead__dropdown>li>a:hover:active.typeahead__list>li>a:hover:focus,
.typeahead__list>li.active>a:active.typeahead__dropdown>li.active>a:focus,
.typeahead__list>li.active>a:active.typeahead__dropdown>li>a:focus:focus,
.typeahead__list>li.active>a:active.typeahead__dropdown>li>a:hover:focus,
.typeahead__list>li.active>a:active.typeahead__list>li.active>a:focus,
.typeahead__list>li.active>a:active.typeahead__list>li>a:focus:focus,
.typeahead__list>li.active>a:active.typeahead__list>li>a:hover:focus,
.typeahead__list>li>a:focus:active.typeahead__dropdown>li.active>a:focus,
.typeahead__list>li>a:focus:active.typeahead__dropdown>li>a:focus:focus,
.typeahead__list>li>a:focus:active.typeahead__dropdown>li>a:hover:focus,
.typeahead__list>li>a:focus:active.typeahead__list>li.active>a:focus,
.typeahead__list>li>a:focus:active.typeahead__list>li>a:focus:focus,
.typeahead__list>li>a:focus:active.typeahead__list>li>a:hover:focus,
.typeahead__list>li>a:hover:active.typeahead__dropdown>li.active>a:focus,
.typeahead__list>li>a:hover:active.typeahead__dropdown>li>a:focus:focus,
.typeahead__list>li>a:hover:active.typeahead__dropdown>li>a:hover:focus,
.typeahead__list>li>a:hover:active.typeahead__list>li.active>a:focus,
.typeahead__list>li>a:hover:active.typeahead__list>li>a:focus:focus,
.typeahead__list>li>a:hover:active.typeahead__list>li>a:hover:focus {
    background-color: #009ade;
    color: #fff;
}

.typeahead__list>li:first-child>a:hover {
    background: #aaa;
    color: #fff;
}

.typeahead__list.empty>li>a {
    cursor: default;
}

.typeahead__list.empty>li.active>a,
.typeahead__list.empty>li>a:focus,
.typeahead__list.empty>li>a:hover {
    background-color: transparent;
}

.typeahead__cancel-button {
    visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
}

.typeahead__cancel-button:after {
    content: "\f057";
    position: absolute;
    top: 7px;
    right: 8px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
    width: 30px;
    height: 28px;
    line-height: 30px;
    text-align: center;
    top: 1px;
    right: 0;
}

.typeahead__cancel-button:hover:after {
    color: #f39800;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    cursor: pointer;
}

.typeahead__container.cancel:not(.loading) .typeahead__cancel-button {
    visibility: visible;
}

.typeahead__search-icon:after {
    content: "\f002";
    position: absolute;
    top: 8px;
    right: 0px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
    color: #777777;
    top: 12px;
    right: 14px;
}

.compactmode .typeahead__search-icon:after,
.form-wide-panel .typeahead__search-icon:after,
.table>tbody>tr>td .typeahead__search-icon:after {
    top: 7px;
    right: 8px;
}

.typeahead__search-icon:hover:after {
    color: #009ade;
}

@-webkit-keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

@keyframes a {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}

/*====================================================================*/
/*provinceSelect*/
/*====================================================================*/
input[nstype="select-province"] {
    border: 0;
}

.provinceSelect .close:after {
    content: "\f057";
    position: absolute;
    top: 7px;
    right: 8px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
    color: #000;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    top: 5px;
    right: 5px;
}

.provinceSelect .close:hover {
    opacity: .8;
}

.provinceSelect .close:hover:after {
    color: #f39800;
}

.province-plane {
    position: absolute;
    width: 100%;
    top: 30px;
    left: -1px;
    padding-top: 1px;
    border: 1px solid #d9e9f8;
    border-width: 0 1px;
    box-sizing: content-box;
    background: #d9e9f8;
    z-index: 20;
    overflow: hidden;
}

.province-plane .pro-sel-content {
    position: relative;
    display: block;
    float: left;
    min-width: 20%;
    padding: 6px;
    margin: -1px -7px 0;
    background: #fff;
    cursor: pointer;
    box-sizing: content-box;
    border: 1px solid #d9e9f8;
    text-indent: -3px;
    text-align: center;
}

.province-plane .pro-sel-content:hover {
    background: #eee;
    color: #444;
}

.province-plane .pro-sel-content:nth-child(5n):after {
    display: none;
}

.province-plane .pro-sel-content:last-child:after {
    position: absolute;
    content: '';
    width: 13px;
    height: 100%;
    top: 0;
    right: 0;
    background: #d9e9f8;
}

.layout-form .form-td .province-plane {
    top: 40px;
}

/*====================================================================*/
/*Add-Select-Input*/
/*====================================================================*/
.nsui-addsearchinput .value-tag,
.nscomponent-type-addSelectInput .value-tag {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 0 5px;
    background: #009ade;
    z-index: 8;
    color: #fff;
    margin: 3px 13px 3px 3px;
    line-height: 34px;
    overflow: hidden;
}

.nsui-addsearchinput .value-tag .remark,
.nscomponent-type-addSelectInput .value-tag .remark {
    padding: 0 6px;
    color: rgba(255, 255, 255, 0.75);
}

.nsui-addsearchinput .value-tag .handler-btn:after,
.nscomponent-type-addSelectInput .value-tag .handler-btn:after {
    width: 34px;
    height: 34px;
    line-height: 34px;
}

.compactmode .nsui-addsearchinput .value-tag .handler-btn:after,
.compactmode .nscomponent-type-addSelectInput .value-tag .handler-btn:after,
.form-wide-panel .nsui-addsearchinput .value-tag .handler-btn:after,
.form-wide-panel .nscomponent-type-addSelectInput .value-tag .handler-btn:after,
.table>tbody>tr>td .nsui-addsearchinput .value-tag .handler-btn:after,
.table>tbody>tr>td .nscomponent-type-addSelectInput .value-tag .handler-btn:after,
.col-none .nsui-addsearchinput .value-tag .handler-btn:after,
.col-none .nscomponent-type-addSelectInput .value-tag .handler-btn:after,
.user-panel .nsui-addsearchinput .value-tag .handler-btn:after,
.user-panel .nscomponent-type-addSelectInput .value-tag .handler-btn:after {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.nsui-addsearchinput .result-plane,
.nscomponent-type-addSelectInput .result-plane {
    position: absolute;
    top: 40px;
    left: -1px;
    width: 100%;
    min-height: 40px;
    padding: 0;
    background: #fff;
    border: 1px solid #d9e9f8;
    box-sizing: content-box;
    text-align: left;
    z-index: 29;
}

.nsui-addsearchinput .result-plane:before,
.nscomponent-type-addSelectInput .result-plane:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #d9e9f8;
    z-index: 9;
    width: 5px;
    left: -1px;
}

.nsui-addsearchinput .result-plane .empty,
.nscomponent-type-addSelectInput .result-plane .empty {
    height: 40px;
    line-height: 30px;
    padding: 5px 10px;
    color: #f39800;
}

.nsui-addsearchinput .result-plane .plane-content,
.nscomponent-type-addSelectInput .result-plane .plane-content {
    border-bottom: 1px solid #d9e9f8;
}

.nsui-addsearchinput .result-plane .plane-content a,
.nscomponent-type-addSelectInput .result-plane .plane-content a {
    display: block;
    width: 100%;
    height: 30px;
}

.nsui-addsearchinput .result-plane .plane-content a span,
.nscomponent-type-addSelectInput .result-plane .plane-content a span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border-right: 1px solid #d9e9f8;
    padding: 0 5px;
    overflow: hidden;
}

.nsui-addsearchinput .result-plane .plane-content a span:first-child,
.nscomponent-type-addSelectInput .result-plane .plane-content a span:first-child {
    padding-left: 10px;
}

.nsui-addsearchinput .result-plane .plane-content a span:last-child,
.nscomponent-type-addSelectInput .result-plane .plane-content a span:last-child {
    border: 0;
}

.nsui-addsearchinput .result-plane .plane-content a:hover span,
.nscomponent-type-addSelectInput .result-plane .plane-content a:hover span {
    background: #eee;
}

.nsui-addsearchinput .result-plane .plane-content.current span,
.nscomponent-type-addSelectInput .result-plane .plane-content.current span,
.nsui-addsearchinput .result-plane .plane-content.current:hover span,
.nscomponent-type-addSelectInput .result-plane .plane-content.current:hover span {
    background: #009ade;
    color: #fff;
}

.nsui-addsearchinput .result-plane .plane-content.current span,
.nscomponent-type-addSelectInput .result-plane .plane-content.current span {
    background: #009ade;
    color: #fff;
}

.nsui-addsearchinput .result-plane .plane-content.add span,
.nscomponent-type-addSelectInput .result-plane .plane-content.add span,
.nsui-addsearchinput .result-plane .plane-content.add a:hover span,
.nscomponent-type-addSelectInput .result-plane .plane-content.add a:hover span {
    background: #009944;
    color: #fff;
}

.nsui-addsearchinput .result-plane .plane-title,
.nscomponent-type-addSelectInput .result-plane .plane-title {
    background: #eeeeee;
}

.nsui-addsearchinput .result-plane .plane-title span,
.nscomponent-type-addSelectInput .result-plane .plane-title span {
    display: inline-block;
    border-right: 1px solid #d9e9f8;
    line-height: 30px;
    text-align: center;
}

.nsui-addsearchinput label.has-error,
.nscomponent-type-addSelectInput label.has-error {
    z-index: 98;
    right: 40px;
}

.nsui-addsearchinput {
    display: table;
    min-width: 600px;
    border: 1px solid #d9e9f8;
}

.nsui-addsearchinput .label-title {
    display: table-cell;
    width: 80px;
    height: 40px;
    margin: 0;
    padding: 0 5px;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #d9e9f8;
    border-width: 0 1px 0 0;
    background: #f1f1f1;
}

.nsui-addsearchinput .form-td {
    display: table-cell;
    border: 0;
}

.nsui-addsearchinput .form-td .input-group {
    background: #fff;
}

.nsui-addsearchinput .form-control {
    box-shadow: none;
}

.nsui-addsearchinput .input-group-btn {
    border: 1px solid #d9e9f8;
    border-width: 0 0 0 1px;
}

.addSelectInput {
    position: relative;
}

.addSelectInput .control-btn-toolbar {
    position: absolute;
    top: 0;
    right: 183px;
}

.addSelectInput .dataTables_filter {
    position: absolute;
    top: 0;
    right: 0;
}

.addSelectInput .nsui-addsearchinput {
    height: 30px;
}

.addSelectInput .nsui-addsearchinput .label-title,
.addSelectInput .nsui-addsearchinput .input-group,
.addSelectInput .nsui-addsearchinput .form-control {
    height: 30px;
}

.addSelectInput .nsui-addsearchinput .value-tag {
    margin-right: 5px;
    line-height: 24px;
    background: #cce8ff;
    color: #000;
}

.addSelectInput .nsui-addsearchinput .value-tag .remark {
    color: #3497e9;
}

.addSelectInput .nsui-addsearchinput .value-tag .handler-btn {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.addSelectInput .nsui-addsearchinput .value-tag .handler-btn:after {
    color: #aaa;
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.addSelectInput .nsui-addsearchinput .value-tag .handler-btn:hover:after {
    color: #ff6500;
}

.addSelectInput .nsui-addsearchinput .add-select-input-btn {
    width: 30px;
    height: 30px;
}

.addSelectInput .nsui-addsearchinput .result-plane {
    top: 30px;
}

.addSelectInput .nsui-addsearchinput .result-plane {
    border-color: #e1eaf5;
}

.addSelectInput .nsui-addsearchinput .result-plane:before {
    background: #e1eaf5;
}

.addSelectInput .nsui-addsearchinput .result-plane .plane-content {
    border-color: #e1eaf5;
}

.addSelectInput .nsui-addsearchinput .result-plane .plane-content.current a span {
    background: #e1eaf5;
    color: #333;
}

.addSelectInput .nsui-addsearchinput .result-plane .plane-content.current a:hover span {
    background: #e1eaf5;
    color: #333;
}

.addSelectInput .nsui-addsearchinput .result-plane .plane-content a span {
    border-color: #e1eaf5;
}

.addSelectInput .nsui-addsearchinput .result-plane .plane-content a:hover span {
    background: #f2f6fc;
}

.addSelectInput .nsui-addsearchinput .result-plane .plane-content.add a span {
    background: #f7fefb;
    color: #5fbb93;
    font-weight: bold;
    border: 1px solid #e1eaf5;
    border-width: 1px 1px 1px 0;
}

.addSelectInput .nsui-addsearchinput .result-plane .plane-content.add a span:last-child {
    border-right: 0;
}

.addSelectInput .nsui-addsearchinput .result-plane .plane-title {
    background: #f2f6fc;
}

.addSelectInput .nsui-addsearchinput .result-plane .plane-title span {
    border-color: #e1eaf5;
}

.addSelectInput .nsui-addsearchinput .result-plane .plane-title span:last-child {
    border: 0;
}

.modal-dialog .addSelectInput .input-group {
    border: 1px solid #d9e9f8;
}

.modal-dialog .addSelectInput .input-group .form-control {
    border: 0;
}

.modal-dialog .addSelectInput .handler-btn:after {
    top: 0;
    right: 0;
}

.uk-nestable {
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid #d9e9f8;
    overflow-y: auto;
}

.uk-nestable-list {
    margin: 0;
    padding-left: 30px;
    list-style: none;
}

.uk-nestable-list-dragged {
    position: absolute;
    z-index: 1050;
    padding-left: 0;
    pointer-events: none;
}

.uk-nestable-item {
    margin-bottom: 10px;
    padding: 0;
}

.uk-nestable-item .list-label {
    border-radius: 3px;
    padding: 0 5px 0 20px;
    color: #222222;
}

.uk-nestable-item:hover .list-label {
    background: #538cd6;
    color: #fff;
}

.uk-nestable-item.item-selected .list-label {
    background: #186ba0;
    color: #fff;
}

.uk-nestable-placeholder {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
    border: 1px dashed #e4e4e4;
}

.uk-nestable-empty {
    min-height: 40px;
}

.uk-nestable-handle {
    display: inline-block;
    font-size: 15px;
    color: #979898;
}

.uk-nestable-handle:hover {
    cursor: move;
}

/* Icon */
.uk-nestable-handle:after {
    content: "";
    font-family: FontAwesome;
}

.uk-nestable-moving,
.uk-nestable-moving * {
    cursor: move;
}

[data-nestable-action='toggle'] {
    display: inline-block;
    color: #979898;
    visibility: hidden;
}

[data-nestable-action='toggle']+.list-label {
    margin-left: -30px;
}

[data-nestable-action='toggle']:hover {
    color: #578fd7;
    cursor: pointer;
}

.uk-parent>.uk-nestable-item [data-nestable-action='toggle'] {
    visibility: visible;
}

.uk-parent>.uk-nestable-item [data-nestable-action='toggle']+.list-label {
    margin-left: 0;
}

.uk-parent>.uk-nestable-item [data-nestable-action='toggle']+.uk-nestable-list .list-label {
    margin-left: 20px;
}

.uk-parent>.uk-nestable-item [data-nestable-action='toggle']+.list-label {
    padding-left: 5px !important;
}

.uk-parent>.uk-nestable-item [data-nestable-action='toggle']+.list-label:before {
    display: none;
}

[data-nestable-action='toggle']:before {
    content: "\f0d7";
    font-family: "FontAwesome";
    color: #333333;
}

[data-nestable-action='toggle']:after {
    content: "\f07c";
    font-family: "FontAwesome";
    color: #333333;
    margin-left: 5px;
}

.uk-collapsed>.uk-nestable-item [data-nestable-action='toggle']:before {
    content: "\f0da";
}

.uk-collapsed>.uk-nestable-item [data-nestable-action='toggle']:after {
    content: "\f07b";
}

.uk-collapsed .uk-nestable-list {
    display: none;
}

.uk-nestable li .list-content {
    margin-bottom: 0;
    cursor: pointer;
    font-size: 12px;
    padding: 2px;
}

.uk-nestable li .list-content .list-label {
    display: inline-block;
    line-height: 22px;
}

.uk-nestable li .list-content .list-label .span_style {
    padding: 0px 0px 0px 50px;
}

.uk-nestable .uk-nestable-list-item .uk-nestable-list .uk-nestable-list-item:last-child {
    border-bottom: 0;
}

.uk-nestable .uk-nestable-list-item:last-child {
    border-bottom: 0;
}

.uk-nestable .uk-nestable-toggle {
    position: relative;
    min-width: 15px;
}

.uk-nestable .uk-nestable-toggle:after {
    font-size: 14px;
}

.list-label {
    position: relative;
    padding-left: 20px;
}

.list-label:before {
    position: absolute;
    content: "\f1c2";
    font-family: "FontAwesome";
    top: 0;
    left: 5px;
}

.tree-form {
    padding: 5px;
    background: #d9e9f8;
}

.tree-form .btn-group .btn {
    background-color: transparent;
}

.tree-form .btn-group .btn:hover {
    box-shadow: none;
    background: #0077ab;
}

.tree-form .btn-group .btn:hover i {
    color: #fff;
}

.tree-form .btn-group .btn i {
    color: #0077ab;
}

.advanced-search .tree .list-content .uk-nestable-toggle:before,
.advanced-search .tree .list-content .uk-nestable-toggle:after {
    color: #fff;
}

.advanced-search .tree .list-content.uk-nestable-item .list-label {
    color: #fff;
    margin-left: 7px;
}

.advanced-search .tree .list-content.uk-nestable-item.item-selected .list-label {
    background: #285da2;
}

/*====================================================================*/
/*Organiza-Select*/
/*====================================================================*/
.organizaSelect .organiza-plane {
    position: absolute;
    top: 30px;
    left: -1px;
    display: table;
    width: 100%;
    background: #fff;
    border: 1px solid #d9e9f8;
    z-index: 25;
    box-sizing: content-box;
}

.organizaSelect .organiza-plane .plane-title span {
    background: #f0f0f0 !important;
}

.organizaSelect .organiza-plane .plane-title:hover {
    cursor: default;
}

.organizaSelect .organiza-plane .plane-content.current,
.organizaSelect .organiza-plane .plane-content.current:hover {
    background: #777777;
}

.organizaSelect .organiza-plane .plane-content.current span {
    color: #fff;
    cursor: default;
}

.organizaSelect .organiza-plane .plane-content.current span:first-child {
    background: #777777;
    color: #fff;
}

.organizaSelect .organiza-plane .plane-content:hover {
    background: #f5f5f5;
    cursor: pointer;
}

.organizaSelect .organiza-plane .plane-title,
.organizaSelect .organiza-plane .plane-content {
    display: table;
    width: 100%;
}

.organizaSelect .organiza-plane .plane-title span,
.organizaSelect .organiza-plane .plane-content span {
    display: table-cell;
    width: 100%;
    height: 30px;
    vertical-align: middle;
    padding: 0 5px;
    position: relative;
    color: #555555;
}

.organizaSelect .organiza-plane .plane-title span:before,
.organizaSelect .organiza-plane .plane-content span:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #d9e9f8;
    z-index: 9;
    left: -1px;
    top: 0;
}

.organizaSelect .organiza-plane .plane-title span:after,
.organizaSelect .organiza-plane .plane-content span:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #d9e9f8;
    z-index: 9;
    left: 0;
    bottom: 0;
}

.organizaSelect .organiza-plane .plane-title span:first-child,
.organizaSelect .organiza-plane .plane-content span:first-child {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    text-align: center;
    color: #777777;
    background: #f5f5f5;
    cursor: default;
}

.organizaSelect .organiza-plane .plane-title span.plane-content-button,
.organizaSelect .organiza-plane .plane-content span.plane-content-button {
    width: 100px;
    min-width: 100px;
}

.organizaSelect .organiza-plane .plane-title span.plane-content-button .btn,
.organizaSelect .organiza-plane .plane-content span.plane-content-button .btn {
    display: inline-block;
    width: 30px;
    padding: 0 5px;
    line-height: 30px;
    border-color: transparent;
    background: transparent;
}

.organizaSelect .organiza-plane .empty {
    padding: 10px;
}

.organizaSelect .state {
    width: 100%;
    text-align: right;
    padding-right: 10px;
    line-height: 30px;
}

.organizaSelect .state .page {
    display: table;
    float: left;
}

.organizaSelect .state .page span {
    width: 30px;
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

.organizaSelect .state .page span:hover,
.organizaSelect .state .page span.able {
    color: #009ade;
}

.organizaSelect .state .page span.disabled {
    color: rgba(119, 119, 119, 0.4);
    cursor: default;
}

.organizaSelect .handler-btn {
    right: 76px;
    z-index: 22;
}

.compactmode .organizaSelect .handler-btn {
    right: 56px;
}

.organizaSelect label.has-error {
    position: absolute;
    top: 0;
    right: 120px;
    line-height: 40px;
    margin: 0;
    z-index: 22;
}

.compactmode .organizaSelect label.has-error {
    right: 90px;
    line-height: 30px;
}

label {
    font-weight: normal !important;
}

label.has-error {
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    font-weight: normal;
    color: #f39800;
    z-index: 98;
}

label.grouplable {
    display: block;
    width: 100%;
    margin: -1px -2px;
    padding: 12px 2px 12px 0;
    box-sizing: border-box;
    float: left;
    background: #fff;
    color: #333333;
    text-indent: 10px;
    border: 1px solid #d9e9f8;
    position: relative;
    font-weight: bold !important;
}

label.grouplable:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    top: 0;
    right: -2px;
    background: #fff;
}

[ns-system="pc"] .panel-form .form-td label.control-label {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}

.td-icon i {
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #555555;
}

.droppable-area-form {
    height: 40px;
    padding: 5px;
    overflow: hidden;
    color: #ddd;
}

.droppable-area-form .dropzone-upload-span {
    margin-bottom: 3px;
    position: relative;
    display: block;
    float: left;
    line-height: 24px;
    margin-right: 5px;
    padding: 1px 20px 2px 2px;
    background: #f5f5f5;
    background-clip: padding-box;
    border: 1px solid #d9e9f8;
    border-radius: 0;
    max-width: 126px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.droppable-area-form .dropzone-upload-span .upload-title {
    padding: 0 2px;
}

.droppable-area-form .dropzone-upload-span .upload-close {
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background: transparent;
    margin: -10px 0 0;
}

.droppable-area-form .dropzone-upload-span .upload-close:after {
    content: "\f057";
    position: absolute;
    top: 7px;
    right: 8px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.droppable-area-form .dropzone-upload-span .upload-close:hover:after {
    color: #f39800;
}

.compactmode .droppable-area-form .dropzone-upload-span {
    line-height: 14px;
}

.droppable-area-form.dz-max-files-reached {
    color: #333333;
}

.droppable-area-form+.input-group-addon {
    color: #777777;
}

.droppable-area-form+.input-group-addon:hover {
    color: #009ade;
}

.droppable-area.dz-clickable {
    min-width: 150px !important;
    max-width: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
    line-height: 150px;
    margin: 0 auto;
    background: #eeeeee;
    -webkit-border-radius: 100%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 100%;
    -moz-background-clip: padding;
    border-radius: 100%;
    background-clip: padding-box;
    box-sizing: border-box;
    border: 1px solid #d9e9f8;
    overflow: hidden;
    cursor: pointer;
}

img.image-empty {
    width: 30px;
    height: 30px;
    display: inline-block;
    float: left;
    border-color: #d9e9f8;
}

.table-upload.dz-clickable {
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    float: left;
    margin: 0 5px;
    border: 1px solid transparent;
}

.table-upload.dz-clickable:hover {
    cursor: pointer;
}

.table-upload.dz-clickable:hover:after {
    color: #fff !important;
    background: rgba(85, 85, 85, 0.4);
}

.table-upload.dz-clickable:after {
    content: "\f093";
    position: absolute;
    text-indent: 0;
    bottom: 0;
    left: 0;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #007eb5;
}

.nspop-container.page-container {
    height: 0;
    overflow: hidden;
}

.nspop-container .nswindow {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    min-height: 100px;
    background: #fff;
    margin: 50px auto;
    padding: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
    overflow-x: hidden;
    overflow-y: auto;
}

.nspop-container .nswindow::-webkit-scrollbar {
    display: none;
}

.nspop-container .nswindow .window-title {
    margin: 0 0 -1px;
    min-height: 48px;
    line-height: 48px;
    background: #edeff2;
    position: relative;
    display: block;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold !important;
    color: #222222;
    padding-left: 0;
    padding: 0 48px 0 30px;
}

.nspop-container .nswindow .window-title:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    background: #fc7008;
    z-index: 9;
    height: 16px;
    top: 50%;
    left: 0;
    margin: -8px 0 0;
}

.nspop-container .nswindow .window-title:before {
    display: none;
}

.nspop-container .nswindow .window-title span {
    font-size: 16px;
}

.nspop-container .nswindow .window-title:before {
    left: 15px !important;
}

.nspop-container .nswindow .content {
    padding: 0 15px;
}

.nspop-container .nswindow .content .row.layout-planes {
    margin: 0;
}

.nspop-container .nswindow .content .row .nspanel-body {
    padding: 10px 0;
}

.nspop-container .nswindow .content .panel {
    margin-bottom: 0;
    border: 0;
}

.nspop-container .nswindow .content .panel-body {
    padding: 0;
}

.nspop-container .nswindow .content .table-responsive {
    margin: 0 0 15px;
    border: 0;
}

.nspop-container .nswindow .content .dataTables_empty {
    border: 0;
}

.nspop-container .nswindow .nspanel {
    border: 0;
}

.nspop-container .nswindow .nstable-bottom .dropdown-menu {
    margin-top: -11px;
}

.nspop-container .nswindow .window-min,
.nspop-container .nswindow .window-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    top: 10px;
    text-align: center;
    cursor: pointer;
    color: #6f6f6f;
    transition: ease-in-out all 0.5s;
}

.nspop-container .nswindow .window-min:hover,
.nspop-container .nswindow .window-close:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    color: #555555;
}

.nspop-container .nswindow .window-close {
    right: 15px;
}

.nspop-container .nswindow .window-close:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f00d";
    top: 0;
    right: 8px;
}

.nspop-container .nswindow .window-min {
    right: 40px;
}

.nspop-container .nswindow .page-title {
    margin: 0;
    border-bottom: 0;
    border-top: 1px solid #dddddd;
}

.nspop-container .nswindow .page-title .btn-group {
    padding-left: 0;
}

.nspop-container .nswindow.fixed-title {
    /*内容容器*/
}

.nspop-container .nswindow.fixed-title .window-title,
.nspop-container .nswindow.fixed-title .window-close {
    position: fixed;
    z-index: 10000;
}

.nspop-container .nswindow.fixed-title .window-close {
    width: 48px;
    height: 48px;
    color: transparent;
    transition: ease-in-out all 0s;
    z-index: 10003;
}

.nspop-container .nswindow.fixed-title .window-close:after {
    color: #555555;
    top: 8px;
    right: 16px;
}

.nspop-container .nswindow.fixed-title .content {
    overflow: auto;
    padding-top: 50px;
    /*头部导航按钮组*/
}

.nspop-container .nswindow.fixed-title .content .page-title {
    border-top: none;
}

.nspop-container .nswindow.fixed-title .content .page-title.fixed-nav {
    position: fixed;
    z-index: 10002;
    background-color: transparent;
}

.nspop-container .nswindow.fixed-title .content .page-title.fixed-nav .btn-group .btn.btn-primary,
.nspop-container .nswindow.fixed-title .content .page-title.fixed-nav .btn-group .btn.btn-success,
.nspop-container .nswindow.fixed-title .content .page-title.fixed-nav .btn-group .btn.btn-warning,
.nspop-container .nswindow.fixed-title .content .page-title.fixed-nav .btn-group .btn.btn-danger,
.nspop-container .nswindow.fixed-title .content .page-title.fixed-nav .btn-group .btn.btn-white {
    background: transparent !important;
}

.nspop-container .nswindow.fixed-title .content .page-title.fixed-nav .btn-group .btn.btn-primary:hover,
.nspop-container .nswindow.fixed-title .content .page-title.fixed-nav .btn-group .btn.btn-success:hover,
.nspop-container .nswindow.fixed-title .content .page-title.fixed-nav .btn-group .btn.btn-warning:hover,
.nspop-container .nswindow.fixed-title .content .page-title.fixed-nav .btn-group .btn.btn-danger:hover,
.nspop-container .nswindow.fixed-title .content .page-title.fixed-nav .btn-group .btn.btn-white:hover {
    background: transparent !important;
}

.nspop-container .nspop-bg {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.page-loading-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #2c2e2f;
    z-index: 10000;
    zoom: 1;
    filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

.page-loading-overlay .info {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    text-align: center;
    width: 200px;
    margin: 0 0 0 -100px;
    color: #fff;
}

.page-loading-overlay .info span {
    background: #2c2e2f;
    padding: 4px 10px;
    border-radius: 4px;
}

.page-loading-overlay.loaded {
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
}

.dataTables_processing {
    position: absolute !important;
    width: 50px;
    height: 48px;
    text-align: center;
    z-index: 99;
    margin: 0 !important;
    top: 120px;
    right: 0;
    bottom: 0;
    left: 50%;
    color: #222222;
    background-color: transparent !important;
}

.dataTables_processing i {
    font-size: 24px;
}

.input-loading {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 13px 10px 10px 50px;
}

.input-loading i {
    color: #777777;
    opacity: .4;
}

/* ==================== */
/* advance 高级*/
/* ==================== */
.advance-search-box {
    position: absolute;
    top: 10px;
    right: 320px;
    width: 160px;
}

.advance-search-box .form-control {
    height: 30px;
    line-height: 30px;
}

.advance-tages {
    position: relative;
    height: auto;
    margin: 10px 0;
    padding: 10px;
    background: #fff;
    border: 1px solid #dddddd;
    line-height: 30px;
    overflow: hidden;
}

.advance-tages .advance-tagMsg {
    line-height: 30px;
    margin: 0;
}

.advance-tages .advance-infoMsg {
    display: block;
    background: #eeeeee;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
}

.advance-tages .advance-infoMsg span {
    float: right;
    color: #777777;
}

.advance-tages .tag-content {
    display: table;
    float: left;
    height: 30px;
    background: #f1f1f1;
}

.advance-tages .tag-content+.tag-content {
    margin-left: 10px !important;
}

.advance-tages .tag-title {
    display: table-cell;
    padding-left: 7px;
}

.advance-tages .tag-close {
    position: relative;
    display: table-cell;
    width: 30px;
}

.advance-tages .tag-close:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f057";
    width: 30px;
    height: 30px;
    top: 0;
    right: 0;
    color: #aaa;
    text-align: center;
}

.advance-tages .tag-close:hover:after {
    color: #ffa800;
}

.advance-table {
    background: #fff;
}

.advance-table .table-responsive {
    border: 0;
}

.advance-table .nstable-bottom {
    height: 48px;
    padding-top: 10px;
}

.advance-table .nstable-bottom .nstable-page {
    display: inline-block;
    float: left;
    margin: 0 10px 0 0;
}

.advance-table .nstable-bottom .nstable-page .btn {
    margin: 0;
}

.advance-table .dataTables_info {
    padding: 0 !important;
}

.advance-table .dataTables_paginate {
    padding: 0;
}

.advance-search-plane {
    position: absolute;
    width: 90%;
    top: 100px;
    right: 0;
    left: 50%;
    margin: 0 0 0 -45%;
    z-index: 1059;
    background: #fff;
}

.advance-search-plane:after {
    position: fixed;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: .7;
    z-index: -1;
}

.advance-search-plane .advance-title {
    width: 100%;
    height: 50px;
    background: #e4ecf6;
    position: relative;
}

.advance-search-plane .advance-title label {
    margin: 0;
    padding-left: 10px;
    line-height: 50px;
    font-size: 16px;
}

.advance-search-plane .advance-title .advance-close-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    color: transparent;
    top: 0;
    right: 0;
}

.advance-search-plane .advance-title .advance-close-btn:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f00d";
    top: 0;
    right: 0;
    width: 40px;
    height: 50px;
    line-height: 50px;
    color: #555555;
}

.advance-search-plane .advance-title .advance-close-btn:hover,
.advance-search-plane .advance-title .advance-close-btn:focus {
    text-decoration: none;
}

.advance-search-plane .advance-button {
    padding: 10px 10px 0;
    height: 40px;
    text-align: right;
    background: #e4ecf6;
    position: absolute;
    top: 0;
    right: 30px;
}

.advance-search-plane .advance-button .btn {
    margin-bottom: 0;
}

.advance-search-plane .advance-button .btn.btn-info {
    background: #3b6caa;
    padding: 7px 15px !important;
    margin: 0 10px;
}

.advance-search-plane .advance-button .btn.btn-info:hover {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25) inset;
}

.advance-search-plane .advance-button .btn.btn-info i {
    color: #fff;
}

.advance-search-plane .advance-button .btn.btn-info span {
    color: #fff !important;
}

.advance-search-plane .advance-form {
    background: #f9f9f9;
}

.advance-search-plane .advance-form .panel.panel-form {
    background-color: transparent;
    padding: 10px;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close {
    margin: 0;
    border: 0;
    background-color: transparent;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td {
    width: auto;
    border: 0;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td+.form-td {
    margin-left: 5px;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td label.control-label {
    margin: 0;
    width: auto;
    min-width: auto;
    height: 30px;
    line-height: 30px;
    background-color: transparent;
    padding: 0 5px 0 0;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td label.control-label:before {
    display: none;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .form-control {
    max-width: 120px;
    height: 30px;
    min-height: 30px;
    border: 1px solid #d9e9f8;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .form-item {
    height: 32px;
    background-color: transparent;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .form-item:before {
    display: none;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .treeselect-arrow,
.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .tree-close {
    width: 30px;
    height: 28px;
    line-height: 28px;
    right: 1px;
    top: 1px;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .tree-close {
    top: 1px;
    right: 31px;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .tree-close:after {
    width: 30px;
    height: 28px;
    line-height: 28px;
    top: 0;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .ztree {
    left: 0;
    right: 0;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td span.selectboxit-text {
    height: 28px;
    line-height: 28px;
    padding: 0 30px 0 12px;
    text-indent: 0;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .selectboxit-arrow-container {
    width: 30px;
    height: 28px;
    line-height: 28px;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .selectboxit-arrow-container:after {
    top: 8px;
    right: 8px;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .selectboxit-option {
    height: 30px;
    line-height: 30px;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .selectboxit-option.selectboxit-option-first {
    height: 28px;
    line-height: 28px;
    top: 0px;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .selectboxit-option.selectboxit-option-first a {
    height: 28px;
    line-height: 28px;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .selectboxit-option.selectboxit-option-first a:hover {
    box-shadow: none;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .selectboxit-option.selectboxit-option-first a:before {
    top: 8px;
    right: 8px;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .selectboxit-option.selectboxit-option-first .selectboxit-option-anchor:before {
    top: 0;
    height: 30px;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .selectboxit-option.selectboxit-option-first .selectboxit-option-anchor:after {
    width: 30px;
    height: 30px;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td .selectboxit-options a {
    height: 30px;
    line-height: 30px;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td label.radio-inline,
.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td label.checkbox-inline {
    height: 30px;
    line-height: 30px;
}

.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td label.radio-inline:after,
.advance-search-plane .advance-form .panel.panel-form form .row-close .form-td label.checkbox-inline:after {
    top: 7px;
}

.advance-search-plane .advance-tages {
    position: relative;
    padding: 0 10px 10px;
    margin: 0;
    border: 0;
    background: #fff;
}

.advance-search-plane .advance-tages:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 10px 10px;
    border: 1px solid #dddddd;
}

.advance-search-plane .advance-tages .advance-tagMsg {
    margin: 0 0 0 10px;
    padding: 0 0 10px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #777777;
}

.advance-search-plane .advance-tages .tag-content {
    margin: 0 0 10px 10px;
}

.advance-search-plane .advance-tages+.advance-table {
    margin-top: 0;
}

.advance-search-plane .advance-table {
    padding: 0 10px;
}

.advance-search-plane .advance-table table.table {
    margin-bottom: 0 !important;
}

/* ==================== */
/* multiselect*/
/* ==================== */
.ms-container {
    position: relative;
    background: transparent;
}

.ms-container:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px;
    font-family: "FontAwesome";
    font-size: 18px;
    content: "\f0ec";
    color: #777777;
}

.ms-container:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    min-height: 0;
    visibility: hidden;
}

.ms-container ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
}

.ms-container .ms-optgroup-container {
    width: 100%;
}

.ms-container .ms-list {
    -webkit-transition: border linear 0.2s;
    -moz-transition: border linear 0.2s;
    -ms-transition: border linear 0.2s;
    -o-transition: border linear 0.2s;
    transition: border linear 0.2s;
    border: 1px solid #eeeeee;
    position: relative;
    height: 200px;
    padding: 0;
    overflow-y: auto;
}

.ms-container .ms-list.ms-focus {
    border-color: #d5d5d5;
    outline: 0;
    outline: thin dotted \9;
}

.ms-container>div>.ms-list {
    overflow: hidden;
}

.ms-container .ms-optgroup-label {
    margin: 0;
    padding: 5px 0px 0px 5px;
    cursor: pointer;
    color: #999;
}

.ms-container .ms-selectable {
    width: 45%;
    float: left;
    background: #fff;
    color: #555555;
}

.ms-container .ms-selectable li.ms-elem-selectable {
    padding: 8px 10px;
    color: #555555;
    border-bottom: 1px solid #eee;
}

.ms-container .ms-selectable li.ms-elem-selectable.selection-selected {
    background: #009ade;
    color: #fff;
}

.ms-container .ms-selectable li.ms-elem-selectable.ms-hover {
    background: #eeeeee;
    color: #333333;
    cursor: pointer;
}

.ms-container .ms-selectable li.disabled {
    background: #eee;
    color: #aaa;
    cursor: text;
}

.ms-container .ms-selection {
    width: 45%;
    float: right;
    background: #fff;
    color: #555555;
}

.ms-container .ms-selection li.ms-elem-selection {
    padding: 8px 10px;
    color: #555555;
    border-bottom: 1px solid #eee;
}

.ms-container .ms-selection li.ms-elem-selection.selection-selected {
    background: #009944;
    color: #fff;
}

.ms-container .ms-selection li.ms-elem-selection.ms-hover {
    background: #eeeeee;
    color: #333333;
    cursor: pointer;
}

.ms-container .ms-selection li.disabled {
    background: #eee;
    color: #aaa;
    cursor: text;
}

/*====================================================================*/
/*inputSelect-------输入下拉框*/
/*====================================================================*/
.inputSelect .input-group {
    width: 100%;
}

.inputSelect input.form-control[type="text"] {
    display: table-cell;
}

.inputSelect input.form-control[type="text"][readonly],
.inputSelect input.form-control[type="text"][readonly]+.input-select-btn {
    color: #333333 !important;
    background: #f9f9f9 !important;
    box-shadow: none !important;
    outline: none !important;
    background: #eee;
    color: #555555;
    cursor: not-allowed;
    color: #afafaf !important;
    background: #f6f6f6 !important;
    border: 0 !important;
    resize: none;
    border-color: #dddddd !important;
}

.inputSelect input.form-control[type="text"][readonly]:hover,
.inputSelect input.form-control[type="text"][readonly]+.input-select-btn:hover,
.inputSelect input.form-control[type="text"][readonly]:focus,
.inputSelect input.form-control[type="text"][readonly]+.input-select-btn:focus {
    color: #333333 !important;
    background: #f9f9f9 !important;
    cursor: not-allowed;
    box-shadow: none !important;
    outline: none !important;
}

.inputSelect input.form-control[type="text"][readonly]:hover,
.inputSelect input.form-control[type="text"][readonly]+.input-select-btn:hover,
.inputSelect input.form-control[type="text"][readonly]:active,
.inputSelect input.form-control[type="text"][readonly]+.input-select-btn:active,
.inputSelect input.form-control[type="text"][readonly]:focus,
.inputSelect input.form-control[type="text"][readonly]+.input-select-btn:focus,
.inputSelect input.form-control[type="text"][readonly]:visited,
.inputSelect input.form-control[type="text"][readonly]+.input-select-btn:visited {
    color: #afafaf !important;
    background: #f6f6f6 !important;
}

.inputSelect input.form-control[type="text"][readonly]:hover i,
.inputSelect input.form-control[type="text"][readonly]+.input-select-btn:hover i {
    transform: rotate(0deg);
}

.inputSelect input.form-control[type="text"][readonly]+.input-select-btn {
    color: #bbbbbb !important;
}

.inputSelect input.form-control[type="text"][readonly]+.input-select-btn:hover,
.inputSelect input.form-control[type="text"][readonly]+.input-select-btn:focus {
    color: #bbbbbb !important;
}

.inputSelect .input-select-btn {
    display: table-cell;
    width: 38px;
    height: 38px;
    text-align: center;
    vertical-align: middle;
}

.inputSelect .input-select-btn i {
    transition: ease-in-out all 0.5s;
}

.inputSelect .input-select-btn:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.inputSelect .input-select-btn:hover i {
    transform: rotate(180deg);
}

.compactmode .inputSelect .input-select-btn {
    width: 28px;
    height: 28px;
}

.inputSelect .input-select-btn.input-group-btn {
    border: 0;
}

.input-select-btn.input-group-btn {
    border: 1px solid #d9e9f8;
    border-left: 0;
}

.input-select-plane {
    position: absolute;
    display: none;
    right: 0;
    left: 100px;
    padding: 1px 0 1px 1px;
    box-sizing: content-box;
    background: #fff;
    border: 1px solid #d9e9f8;
    z-index: 21;
    max-height: 150px;
    overflow-y: auto;
}

.input-select-plane .show {
    visibility: visible;
    display: block;
}

.input-select-plane .empty {
    padding: 10px;
    background: #f9f9f9;
}

.input-select-plane .empty i,
.input-select-plane .empty p {
    display: inline-block;
}

.input-select-plane .empty i {
    margin-right: 10px;
}

.input-select-plane .plane-content a {
    display: table;
    width: 100%;
}

.input-select-plane .plane-content a:hover {
    background: #009ade;
    color: #fff;
}

.input-select-plane .plane-content span {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    overflow-y: hidden;
    text-overflow: ellipsis;
    padding: 7px 12px 6px;
    min-width: 100px;
}

.input-select-plane .plane-content.current {
    background: #d9e9f8;
    color: #555555;
}

.input-select-plane .plane-content.current a:hover,
.input-select-plane .plane-content.current a:active,
.input-select-plane .plane-content.current a:focus {
    background: #d9e9f8;
    color: #555555;
}

.form-content .form-group.inputSelect input.form-control[type="text"] {
    height: 40px;
}

.form-group.nscomponent-modal+.input-select-plane {
    left: 25%;
    margin: -11px 0 0 40px;
}

/* ============================ */
/*项目选择器*/
/* ============================ */
.project-select-plane {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    margin: -240px 0 0 -400px;
    background: #fff;
    font-size: 12px;
    z-index: 1070;
    /* 头部 */
    /* 主要列表，左右 */
    /* 底部按钮和提示 */
    /* 旋转时间 */
}

.project-select-plane:after {
    position: fixed;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.project-select-plane.withoutBg:after {
    display: none;
}

.project-select-plane .ps-title {
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    background: #12b6ff;
}

.project-select-plane .ps-title .ps-label {
    display: block;
    float: left;
    line-height: 40px;
    font-size: 12px;
    text-indent: 10px;
    color: #fff;
}

.project-select-plane .ps-title .ps-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 25px;
    font-size: 16px;
    text-align: center;
}

.project-select-plane .ps-title .ps-close-btn:link,
.project-select-plane .ps-title .ps-close-btn:visited {
    color: #addef0;
}

.project-select-plane .ps-title .ps-close-btn:hover {
    color: #fff;
}

.project-select-plane .ps-title .ps-treeselect {
    float: left;
    margin: 0;
    padding-top: 5px;
}

.project-select-plane .ps-title .ps-treeselect .form-control {
    height: 30px;
    width: 250px;
    border-radius: 0;
    border: 0;
}

.project-select-plane .ps-title .ps-treeselect .ztree {
    margin: 0;
}

.project-select-plane .ps-title .ps-treeselect .tree-close,
.project-select-plane .ps-title .ps-treeselect .treeselect-arrow,
.project-select-plane .ps-title .ps-treeselect .tree-close:after {
    width: 30px;
    height: 30px;
    line-height: 30px;
    top: 0;
}

.project-select-plane .ps-title .ps-treeselect .treeselect-arrow {
    right: 1px;
}

.project-select-plane .ps-title .ps-treeselect .tree-close {
    right: 31px;
}

.project-select-plane .ps-title .ps-select {
    position: relative;
    float: left;
    padding: 5px;
    padding-right: 0;
}

.project-select-plane .ps-title .ps-select .dropdown-toggle {
    width: 100%;
    margin: 0;
    border: 1px solid #12b6ff;
    background: #0096d9;
    color: #fff;
    padding: 5px 8px;
    font-size: 12px;
}

.project-select-plane .ps-title .ps-select .dropdown-toggle:hover {
    background: #007cb3;
}

.project-select-plane .ps-title .ps-select .dropdown-menu {
    font-size: 12px;
}

.project-select-plane .ps-title .ps-select .btn {
    border-radius: 0;
}

.project-select-plane .ps-title .ps-select .btn:hover {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.35) inset;
}

.project-select-plane .ps-title .ps-select .btn span {
    color: #fff;
}

.project-select-plane .ps-title .ps-input {
    float: left;
    width: 200px;
    height: 40px;
    padding: 5px 0;
    margin-left: 10px;
}

.project-select-plane .ps-title .ps-input input {
    display: block;
    float: left;
    background: #e4f7fe;
    width: 140px;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    border: 1px solid #12b6ff;
    border-left: 0;
}

.project-select-plane .ps-title .ps-input input:focus {
    background: #fff;
}

.project-select-plane .ps-title .ps-input button {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    border: 1px solid #12b6ff;
    background: #12b6ff;
    color: #fff;
}

.project-select-plane .ps-title .ps-input button:hover,
.project-select-plane .ps-title .ps-input button:active {
    background: #0088c5;
}

.project-select-plane .ps-body {
    display: block;
    float: left;
    width: 100%;
    padding: 10px;
    background: #fff;
    /* 批量操作按钮 */
}

.project-select-plane .ps-body .ps-select,
.project-select-plane .ps-body .ps-list {
    float: left;
    width: 45%;
    height: 330px;
    border: 1px solid #d9e9f8;
}

.project-select-plane .ps-body .ps-select ul,
.project-select-plane .ps-body .ps-list ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.project-select-plane .ps-body .ps-select ul li,
.project-select-plane .ps-body .ps-list ul li {
    position: relative;
    float: left;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #d9e9f8;
    /* 选中状态 */
}

.project-select-plane .ps-body .ps-select ul li:last-child,
.project-select-plane .ps-body .ps-list ul li:last-child {
    height: 30px;
}

.project-select-plane .ps-body .ps-select ul li a,
.project-select-plane .ps-body .ps-list ul li a {
    width: 100%;
    display: table;
    height: 29px;
    line-height: 29px;
}

.project-select-plane .ps-body .ps-select ul li a .index,
.project-select-plane .ps-body .ps-list ul li a .index {
    display: table-cell;
    width: 30px;
    border-right: 1px solid #d9e9f8;
    background: #eff5fc;
    color: #555555;
    text-align: center;
}

.project-select-plane .ps-body .ps-select ul li a .name,
.project-select-plane .ps-body .ps-list ul li a .name {
    position: relative;
    display: block;
    height: 29px;
    padding: 0 30px 0 10px;
    overflow: hidden;
}

.project-select-plane .ps-body .ps-select ul li a .name .badge,
.project-select-plane .ps-body .ps-list ul li a .name .badge {
    position: absolute;
    font-weight: normal;
    padding: 0;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 20px;
    top: 6px;
    right: 6px;
    background: #f39800;
    font-family: "proxima-nova", "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 10px;
    overflow-y: hidden;
}

.project-select-plane .ps-body .ps-select ul li a .name .plus-component-text,
.project-select-plane .ps-body .ps-list ul li a .name .plus-component-text {
    border: 1px solid #d9e9f8;
    margin-left: 10px;
    padding: 0 5px;
    background: transparent;
    position: relative;
}

.project-select-plane .ps-body .ps-select ul li a .name .plus-component-text:before,
.project-select-plane .ps-body .ps-list ul li a .name .plus-component-text:before {
    position: absolute;
    height: 18px;
    line-height: 18px;
    content: '\f0d9';
    font-family: "FontAwesome";
    top: 0;
    left: -4px;
    color: #d9e9f8;
}

.project-select-plane .ps-body .ps-select ul li a .name .plus-component-icon,
.project-select-plane .ps-body .ps-list ul li a .name .plus-component-icon {
    position: absolute;
    width: 21px;
    height: 21px;
    top: 4px;
    right: 4px;
    z-index: 9;
    border-radius: 21px;
}

.project-select-plane .ps-body .ps-select ul li a .name .plus-component-icon:after,
.project-select-plane .ps-body .ps-list ul li a .name .plus-component-icon:after {
    position: absolute;
    content: '\f107';
    font-family: "FontAwesome";
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    color: #aed0f0;
}

.project-select-plane .ps-body .ps-select ul li.select:before,
.project-select-plane .ps-body .ps-list ul li.select:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f00c";
    top: 0;
    left: 0;
    width: 29px;
    height: 29px;
    line-height: 26px;
    border: 1px solid #fff;
    font-size: 14px;
    text-indent: 0;
    color: #fff;
    text-align: center;
}

.project-select-plane .ps-body .ps-select ul li.half-select:before,
.project-select-plane .ps-body .ps-list ul li.half-select:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f00c";
    top: 1px;
    left: 1px;
    width: 27px;
    height: 27px;
    line-height: 26px;
    font-size: 14px;
    text-indent: 0;
    text-align: center;
    border: 1px solid #4d8600;
    background: #fff;
    color: #4d8600;
}

.project-select-plane .ps-body .ps-select {
    overflow: auto;
}

.project-select-plane .ps-body .ps-select .name {
    display: table-cell;
}

.project-select-plane .ps-body .ps-select.null a:hover {
    background: #eeeeee;
}

.project-select-plane .ps-body .ps-select a:hover {
    background: #dcefd6;
}

.project-select-plane .ps-body .ps-select ul li.select:before {
    background: #4d8600;
}

.project-select-plane .ps-body .ps-list {
    overflow: hidden;
    /* 键盘操作 */
    /* 列表加载中 */
}

.project-select-plane .ps-body .ps-list li[ns-psid].null a {
    background: #eeeeee;
    cursor: default;
    color: #999999;
}

.project-select-plane .ps-body .ps-list li[ns-psid] a:hover {
    background: #e1f2f8;
}

.project-select-plane .ps-body .ps-list .state {
    height: 28px;
    line-height: 24px;
    padding: 2px 5px 0 2px;
    background: #eeeeee;
    color: #777777;
    font-size: 12px;
    text-align: right;
}

.project-select-plane .ps-body .ps-list .state .page {
    float: left;
    margin-right: 1px;
    min-width: 24px;
    height: 24px;
    text-align: center;
}

.project-select-plane .ps-body .ps-list .state .page a {
    display: block;
    width: 24px;
    height: 24px;
}

.project-select-plane .ps-body .ps-list .state .page a:link,
.project-select-plane .ps-body .ps-list .state .page a:visited {
    color: #2ab3e7;
}

.project-select-plane .ps-body .ps-list .state .page a:active {
    color: #1890bd;
}

.project-select-plane .ps-body .ps-list .state .page a.not {
    color: #d9e9f8;
}

.project-select-plane .ps-body .ps-list ul li.select:before {
    background: #2ab3e7;
}

.project-select-plane .ps-body .ps-list .ready {
    background: #e1f2f8;
}

.project-select-plane .ps-body .ps-list .ready:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f11c";
    top: 0;
    left: 0;
    width: 29px;
    height: 29px;
    line-height: 24px;
    border: 1px solid #fff;
    background: #2ab3e7;
    color: #fff;
    font-size: 16px;
    text-indent: 0;
    text-align: center;
}

.project-select-plane .ps-body .ps-list .loading {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    padding: 10px;
    padding-top: 130px;
    height: 340px;
    background: #fff;
    text-align: center;
}

.project-select-plane .ps-body .ps-list .loading i.fa {
    font-size: 48px;
    color: #d9e9f8;
}

.project-select-plane .ps-body .ps-list .loading p {
    padding: 10px 0;
    color: #d9e9f8;
}

.project-select-plane .ps-body .ps-list[disabled="disabled"] {
    position: relative;
    z-index: 1;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    cursor: not-allowed;
}

.project-select-plane .ps-body .ps-list[disabled="disabled"]:after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.project-select-plane .ps-body .arr {
    float: left;
    width: 10%;
    height: 330px;
    padding: 110px 5px 0 5px;
}

.project-select-plane .ps-body .arr a {
    display: block;
    line-height: 40px;
    font-size: 24px;
    text-align: center;
}

.project-select-plane .ps-body .arr a i {
    font-size: 24px;
}

.project-select-plane .ps-body .arr a.arr-add {
    margin-bottom: 1px;
    color: #2ab3e7;
}

.project-select-plane .ps-body .arr a.arr-add:hover,
.project-select-plane .ps-body .arr a.arr-add:active {
    color: #59c6ef;
}

.project-select-plane .ps-body .arr a.arr-remove {
    color: #8dc63f;
}

.project-select-plane .ps-body .arr a.arr-remove:hover,
.project-select-plane .ps-body .arr a.arr-remove:active {
    color: #a9e556;
}

.project-select-plane .ps-body .arr a.arr-add.none,
.project-select-plane .ps-body .arr a.arr-remove.none {
    color: #d9e9f8;
    cursor: default;
}

.project-select-plane .ps-footer {
    float: left;
    width: 100%;
    height: 60px;
    background: #fff;
}

.project-select-plane .ps-footer .ps-help {
    float: left;
    widows: 65%;
    height: 60px;
    line-height: 160%;
    padding: 5px 0 0 12px;
    color: #aaa;
    font-size: 12px;
}

.project-select-plane .ps-footer .ps-help i {
    width: 16px;
}

.project-select-plane .ps-footer .ps-btn {
    width: 157px;
    float: right;
    height: 60px;
    padding-top: 10px;
}

.project-select-plane .ps-footer .ps-btn .btn {
    float: left;
    width: 70px;
}

.project-select-plane .ps-footer .ps-btn .btn.btn-success {
    margin-right: 5px !important;
}

.project-select-plane i.fa-spin {
    color: #40bbea;
    animation-duration: 1.2s;
}

.modal-content .project-select-plane .ps-btn {
    display: none;
}

/* 嵌入显示模式 */
.project-select-container {
    height: 460px;
    padding: 10px 0;
}

.project-select-container .project-select-plane {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
}

.project-select-container .project-select-plane:after {
    display: none;
}

.project-select-container .project-select-plane .ps-title .ps-close-btn {
    display: none;
}

.project-select-container .project-select-plane .ps-body {
    padding: 10px 0;
}

.project-select-container .project-select-plane .ps-body .ps-select {
    float: right;
}

/****************************** 文件树 和 项目选择面板 begin **********************************/
.project-tree-plane {
    width: 892px;
    height: 462px;
    top: 50%;
    left: 50%;
    margin: -231px 0 0 -446px;
    font-size: 12px;
    position: absolute;
    z-index: 10010;
    background-color: #fff;
}

.project-tree-plane:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.project-tree-plane .title-tree {
    width: 300px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-indent: 10px;
    float: left;
    background-color: #40bbea;
    border-right: 10px solid #ddd;
}

.project-tree-plane .container-tree {
    width: 300px;
    height: 422px;
    float: left;
    position: relative;
    background-color: #fff;
    border-right: 10px solid #ddd;
    overflow: auto;
}

.project-tree-plane .container-project {
    width: 592px;
    height: 462px;
    float: right;
    background-color: #fff;
}

.project-tree-plane .container-tree .ztree {
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    margin: 0;
    overflow: auto;
    border: none;
    bottom: 0;
}

.project-tree-plane .project-select-plane {
    margin: 0;
    left: 0;
    top: 0;
    position: relative;
}

.project-tree-plane .project-select-plane:after {
    display: none;
}

.project-tree-plane .project-select-plane .ps-title a.ps-close-btn {
    display: none;
}

.project-tree-plane .project-select-plane .ps-footer .ps-btn {
    display: none;
}

.project-tree-plane a.ps-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    text-decoration: none;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 25px;
    font-size: 16px;
    z-index: 10011;
    color: #addef0;
}

.project-tree-plane a.ps-close-btn:hover {
    color: #fff;
}

.project-tree-plane .ps-btn {
    width: 140px;
    height: 60px;
    float: right;
    padding-top: 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10011;
}

.project-select-plane .ps-body .ps-select ul li.ps-select-child {
    padding-left: 45px;
}

.project-select-plane .ps-body .ps-select ul li.ps-select-child:before {
    background: #8dc63f;
    font-size: 8px;
}

.project-select-plane .ps-intro {
    position: absolute;
    width: 252px;
    height: 330px;
    z-index: 999;
    background: #fff;
    border: 1px solid #d9e9f8;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
    margin: 0 0 0 45px;
}

.project-select-plane .ps-intro:before {
    position: absolute;
    content: "";
    top: 9px;
    left: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid #d9e9f8;
    border-bottom: 8px solid transparent;
    z-index: 1000;
}

.project-select-plane .ps-intro:after {
    position: absolute;
    content: "";
    top: 10px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid transparent;
    z-index: 1000;
}

.project-select-plane .ps-intro ul {
    list-style: none;
    padding: 0;
    max-height: 330px;
    overflow-y: auto;
}

.project-select-plane .ps-intro ul li {
    line-height: 30px;
    padding: 0 10px;
    color: #777;
    border-bottom: 1px solid #eee;
}

.project-select-plane .ps-intro ul li:nth-child(10n+1) {
    border-bottom: 0;
}

.project-select-plane .ps-intro ul li:first-child {
    border-bottom: 1px solid #eee;
}

.state-group-list {
    display: table;
    width: 100%;
}

.state-group-list ul {
    padding: 0;
    margin-bottom: 0;
}

.state-group-list ul li {
    border: 1px solid #d9e9f8;
    list-style-type: none;
}

.state-group-list ul li label.label {
    display: table-cell;
    min-width: 100px;
    vertical-align: top;
    color: #000;
    border-right: 1px solid #d9e9f8;
    padding-top: 7px;
    border-radius: 0;
    text-align: left;
}

.state-group-list ul li .state-group-content {
    display: table-cell;
    padding: 0 10px;
    width: 100%;
}

.state-group-list ul li .state-group-content span {
    display: inline-block;
    background: #eff5fc;
    border: 1px solid #d9e9f8;
    padding: 3px 5px;
    margin: 3px 0;
}

.state-group-list ul li .state-group-content span+span {
    margin-left: 5px;
}

.state-group-list ul li .btn-group {
    display: table-cell;
    min-width: 60px;
}

.state-group-list ul li+li {
    margin-top: -1px;
}

.project-select-input {
    height: 40px;
    display: block;
    width: calc(100% - 30px);
    float: left;
    overflow: hidden;
}

.compactmod .project-select-input {
    height: 30px;
}

.project-select-input+.attach-checkbox .checkbox-inline {
    margin-left: 7px;
}

.project-select-input .project-select-text {
    display: inline-block;
    padding: 3px 5px;
    border: 1px solid #d9e9f8;
    margin: 8px 0 0 5px;
    background: #f3f8fd;
}

.plus-positionId-option {
    position: absolute;
    top: 15px;
    right: 10px;
    z-index: 1071;
    display: table;
    width: 220px;
}

.plus-positionId-option label.control-label {
    min-width: 60px;
    text-align: left;
    color: #fff;
    float: none;
    display: table-cell;
    padding: 0;
    vertical-align: middle;
}

.plus-positionId-option>div {
    width: 160px;
    display: table-cell;
    float: none;
    padding: 0;
}

.plus-positionId-option>div .form-control,
.plus-positionId-option>div .selectboxit-container {
    border-color: #12b6ff;
    background: #e4f7fe;
}

.plus-positionId-option>div .form-control:hover,
.plus-positionId-option>div .selectboxit-container:hover {
    border-color: #12b6ff;
    background: #e4f7fe;
}

.plus-positionId-option>div .form-control:focus,
.plus-positionId-option>div .selectboxit-container:focus {
    background: #fff;
}

.ps-list-title {
    position: absolute;
    display: block !important;
    color: #fff;
    border: 1px solid #d9e9f8;
    background: rgba(0, 0, 0, 0.75);
    padding: 5px 10px;
    margin-top: 30px;
    margin-left: 30px;
    border-radius: 5px;
}

.ps-list-title p {
    margin: 0;
}

.ps-list-title:after {
    position: absolute;
    content: '';
    top: -4px;
    left: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent rgba(0, 0, 0, 0.75) transparent;
}

.searchPlus-dropdown.dropdown-menu {
    width: 240px;
    padding: 5px;
}

.searchPlus-dropdown.dropdown-menu li {
    display: table;
    width: 100%;
}

.searchPlus-dropdown.dropdown-menu li span[ns-query="query"] {
    display: table-cell;
}

.searchPlus-dropdown.dropdown-menu li span[ns-query="query"] a {
    display: block;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
}

.searchPlus-dropdown.dropdown-menu li span[ns-query="query"] a .ico {
    display: none;
}

.searchPlus-dropdown.dropdown-menu li span[ns-query="query"] a:hover {
    color: #009ade;
    background: #fbfbfb;
}

.searchPlus-dropdown.dropdown-menu li .ico-right {
    display: table-cell;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.searchPlus-dropdown.dropdown-menu li .ico-right a {
    padding: 0;
    color: #009ade;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.searchPlus-dropdown.dropdown-menu li .ico-right a i {
    width: auto;
    border: 0;
    text-align: center;
}

.searchPlus-dropdown.dropdown-menu li .ico-right a:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.searchPlus-dropdown.dropdown-menu li .ico-right:last-child a {
    color: #f39800;
}

.searchPlus-dropdown.dropdown-menu li:last-child a.btn {
    padding: 0;
    line-height: 30px;
    background: #eeeeee;
    margin-top: 5px;
}

.searchPlus-dropdown.dropdown-menu li:last-child a.btn:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.searchPlus-dropdown.dropdown-menu li:last-child:hover {
    box-shadow: none;
}

.searchPlus-dropdown.dropdown-menu li.search-custom {
    border-top: 1px solid #d9e9f8;
}

.searchPlus-dropdown.dropdown-menu li.search-custom a {
    margin-top: 5px;
    padding: 5px;
}

/* ================= */
/* 科学计数法 */
/* ================= */
.scientificInput,
.powerInput {
    position: relative;
}

.scientificInput .scientific-input-msg,
.powerInput .scientific-input-msg,
.scientificInput .power-input-msg,
.powerInput .power-input-msg {
    position: absolute;
    height: 30px;
    line-height: 30px;
    margin: 0;
    top: 0;
    right: 10px;
    color: #aaaaaa;
}

.scientificInput .form-control,
.powerInput .form-control {
    padding-right: 200px;
}

.scientificInput[readonly="readonly"],
.powerInput[readonly="readonly"] {
    padding-right: 0;
}

.form-td .scientificInput .scientific-input-msg,
.form-td .powerInput .scientific-input-msg,
.form-td .scientificInput .power-input-msg,
.form-td .powerInput .power-input-msg {
    height: 40px;
    line-height: 40px;
}

.form-sm .form-td .scientificInput .scientific-input-msg,
.col-none.form-td .scientificInput .scientific-input-msg,
.form-sm .form-td .powerInput .scientific-input-msg,
.col-none.form-td .powerInput .scientific-input-msg,
.form-sm .form-td .scientificInput .power-input-msg,
.col-none.form-td .scientificInput .power-input-msg,
.form-sm .form-td .powerInput .power-input-msg,
.col-none.form-td .powerInput .power-input-msg {
    height: 30px;
    line-height: 30px;
}

.inputMap {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    margin: -320px 0 0 -400px;
    width: 800px;
    height: 640px;
    display: block;
    background: url("/NPE/assets/images/map.jpg") center center no-repeat #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.inputMap:after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: -1;
}

.inputMap .inputMap-header {
    padding: 10px;
    height: 50px;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.05);
    background: #fff;
}

.inputMap .inputMap-header .map-search {
    display: block;
    float: left;
    min-width: 280px;
}

.inputMap .inputMap-header .map-search .form-control {
    display: inline-block;
    width: auto;
    min-width: 220px;
}

.inputMap .inputMap-header .map-search .btn {
    display: inline-block;
    margin-left: 10px;
}

.inputMap .inputMap-header .btn.close {
    float: right;
    padding: 0;
    line-height: 24px;
}

.inputMap .inputMap-header .btn.close i {
    padding-right: 0;
}

/* ======================== */
/* 车型选择器 */
/* ======================== */
.model-selector-plane {
    position: absolute;
    width: 90%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    margin: 100px 0 0 -45%;
    z-index: 2080;
    background: #ffffff;
}

.model-selector-plane:after {
    position: fixed;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    background: #000000;
    z-index: -1;
}

.model-selector-plane .model-selector-title {
    position: relative;
    width: 100%;
    height: 50px;
    background: #e4ecf6;
}

.model-selector-plane .model-selector-title label {
    margin: 0;
    padding-left: 10px;
    line-height: 50px;
    font-size: 16px;
}

.model-selector-plane .model-selector-title .model-selector-close {
    display: block;
    float: right;
    margin: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
}

.model-selector-plane .model-selector-title .model-selector-close:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.model-selector-plane .model-selector-detail {
    padding-top: 10px;
    background: #ffffff;
}

.model-selector-plane .model-selector-detail .car-title {
    position: relative;
    height: 30px;
    background: #f7f7f7;
}

.model-selector-plane .model-selector-detail .car-title .car-breadcrumb {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

.model-selector-plane .model-selector-detail .car-title .car-breadcrumb li.tag-title {
    position: relative;
    display: none;
    float: left;
    padding: 0 5px 0 15px;
    background: #eaeaea;
    list-style-type: none;
    line-height: 30px;
    cursor: pointer;
}

.model-selector-plane .model-selector-detail .car-title .car-breadcrumb li.tag-title+li {
    padding-left: 20px;
}

.model-selector-plane .model-selector-detail .car-title .car-breadcrumb li.tag-title:before,
.model-selector-plane .model-selector-detail .car-title .car-breadcrumb li.tag-title:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -15px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 13px solid;
    right: -12px;
}

.model-selector-plane .model-selector-detail .car-title .car-breadcrumb li.tag-title:before {
    border-left-color: #d1d1d1;
    right: -1.1em;
    z-index: 1;
}

.model-selector-plane .model-selector-detail .car-title .car-breadcrumb li.tag-title:after {
    z-index: 2;
    border-left-color: #eaeaea;
}

.model-selector-plane .model-selector-detail .car-title .car-breadcrumb li.tag-title:hover {
    background: #3d73b7;
    color: #fff;
}

.model-selector-plane .model-selector-detail .car-title .car-breadcrumb li.tag-title:hover:before {
    border-left-color: #bed1e9;
}

.model-selector-plane .model-selector-detail .car-title .car-breadcrumb li.tag-title:hover:after {
    z-index: 2;
    border-left-color: #3d73b7;
}

.model-selector-plane .model-selector-detail .car-title .car-breadcrumb li.tag-title.level-choose-on {
    display: inline-block;
}

.model-selector-plane .model-selector-detail .car-title .checkbox-inline {
    position: absolute;
    top: 0;
    right: 15px;
}

.model-selector-plane .model-selector-detail .models-selector-firstspell {
    margin: -10px -10px 10px;
    padding: 0;
    background: #d1dff0;
}

.model-selector-plane .model-selector-detail .models-selector-firstspell li {
    display: inline-block;
    margin: 3px 0;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 24px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 24px;
    -moz-background-clip: padding;
    border-radius: 24px;
    background-clip: padding-box;
    text-align: center;
    line-height: 24px;
    list-style-type: none;
    cursor: pointer;
}

.model-selector-plane .model-selector-detail .models-selector-firstspell li:hover {
    background: #3d73b7;
    color: #fff;
}

.model-selector-plane .model-selector-detail .models-selector-firstspell li[letter-index="all"] {
    margin: 3px 10px;
    background: #3d73b7;
    min-width: 48px;
    color: #fff;
}

.model-selector-plane .model-selector-detail .models-selector-firstspell li[letter-index="all"]:hover {
    background: #3d73b7;
    color: #fff;
}

.model-selector-plane .model-selector-detail .car-content {
    margin: 15px;
    padding: 10px;
    height: auto;
    overflow-y: hidden;
    border: 1px solid #d1dff0;
}

.model-selector-plane .model-selector-detail .car-content .models-selector-tab {
    padding: 0;
    text-align-last: auto;
}

.model-selector-plane .model-selector-detail .car-content .models-selector-tab li {
    position: relative;
    display: table;
    float: left;
    margin: 5px;
    list-style-type: none;
    cursor: pointer;
}

.model-selector-plane .model-selector-detail .car-content .models-selector-tab label {
    margin: 0;
}

.model-selector-plane .model-selector-detail .car-content .models-selector-tab label.checkbox-inline {
    position: absolute;
    left: 10px;
    padding: 0;
}

.model-selector-plane .model-selector-detail .car-content .models-selector-tab label.tab-label {
    padding: 6px 20px 6px 40px;
    border: 1px solid #d9e9f8;
    cursor: pointer;
}

.model-selector-plane .model-selector-detail .car-content .models-selector-tab label.tab-label.disabled {
    background: #eeeeee;
    cursor: not-allowed;
    color: #777777;
}

.model-selector-plane .model-selector-detail .car-content .models-selector-tab label.tab-label.disabled:hover {
    background: #eeeeee;
    color: #777777;
    border-color: #d9e9f8;
}

.model-selector-plane .model-selector-detail .car-content .models-selector-tab label.tab-label:hover {
    background: #eff4fa;
    border-color: #d1dff0;
}

.model-selector-plane .model-selector-detail .car-content .models-selector-tab label.checkbox-inline:after,
.model-selector-plane .model-selector-detail .car-content .models-selector-tab label.checkbox-inline-none:after {
    top: 8px;
}

.model-selector-plane .model-selector-detail .car-result label {
    margin: 0;
}

.model-selector-plane .model-selector-detail .car-result .confirm-list {
    margin: 0;
    padding: 0;
    text-align: left;
}

.model-selector-plane .model-selector-detail .car-result .confirm-list li {
    position: relative;
    display: inline-block;
    margin: 10px 10px 0 0;
    padding: 1px 20px 1px 5px;
    background: #ffffff;
    list-style-type: none;
    color: #333333;
    cursor: pointer;
}

.model-selector-plane .model-selector-detail .car-result .confirm-list li:after {
    position: absolute;
    content: "x";
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    color: #777777;
    text-align: center;
    line-height: 16px;
}

.model-selector-plane .model-selector-detail .car-result .confirm-list li:hover {
    background: #e4ecf6;
    color: #222222;
}

.model-selector-plane .car-footer {
    padding: 15px;
    background: #fff;
}

.model-selector-plane .car-footer .model-selector-button {
    margin-top: 10px;
    padding-top: 10px;
    text-align: right;
    border-top: 1px solid #d9e9f8;
}

.nspanel.resultinput {
    padding-right: 13px;
}

.resultinput {
    min-height: 200px;
    position: relative;
    overflow-x: auto;
}

.resultinput>.loading {
    background-color: #fff;
    position: absolute;
    top: 1px;
    left: 3px;
    right: 15px;
    bottom: 0;
}

.resultinput>.loading i {
    color: #ccc;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    font-size: 32px;
}

.resultinput>.loading span {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 20px 0 0 -25px;
}

.resultinput>table.table-result {
    border: none;
    table-layout: fixed;
    margin-bottom: 10px;
    border-collapse: separate;
    border-spacing: 0px;
}

.resultinput>table.table-result thead {
    visibility: hidden;
    height: 1px;
    min-height: 1px;
    line-height: 1px;
}

.resultinput>table.table-result thead th {
    min-height: 0px;
    min-width: 0px;
}

.resultinput>table.table-result thead th.first-top {
    padding: 0;
    margin: 0;
    width: 1px;
}

.resultinput>table.table-result tbody tr>td:last-child {
    border-right: 1px solid #dddddd;
}

.resultinput>table.table-result tbody tr:last-child td {
    border-bottom: 1px solid #ddd;
}

.resultinput>table.table-result tbody td {
    position: relative;
    border: 1px solid #cad7e6;
    border-width: 1px 0 0 1px;
    min-height: 30px;
    height: 40px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 4px 15px 4px 10px;
    z-index: 1;
    background: #fff;
}

.resultinput>table.table-result tbody td sup {
    font-size: 9px;
}

.resultinput>table.table-result tbody td sub {
    font-size: 9px;
}

.resultinput>table.table-result tbody td:first-child {
    visibility: hidden;
    border: none;
    width: 0;
    padding: 0;
    margin: 0;
}

.resultinput>table.table-result tbody td.none {
    background: #eee;
}

.resultinput>table.table-result tbody td.textarea {
    overflow: visible;
    white-space: normal;
    vertical-align: middle;
}

.resultinput>table.table-result tbody td.scientificInput,
.resultinput>table.table-result tbody td.number {
    text-align: right;
}

.resultinput>table.table-result tbody td.scientificInput .plus,
.resultinput>table.table-result tbody td.number .plus {
    color: #61b2a7;
}

.resultinput>table.table-result tbody td.scientificInput .minus,
.resultinput>table.table-result tbody td.number .minus {
    color: #cc3344;
}

.resultinput>table.table-result tbody td.multiinput {
    text-align: center;
}

.resultinput>table.table-result tbody td.multiinput span.multiinput-underline-span {
    display: inline-block;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 0 5px;
}

.resultinput>table.table-result tbody td.multiinput span.multiinput-noline-span {
    display: inline-block;
    text-align: center;
    padding: 0 5px;
}

.resultinput>table.table-result tbody td.checkbox {
    display: table-cell;
    margin: 0;
    padding: 0;
}

.resultinput>table.table-result tbody td.checkbox .checkbox-more-underline {
    display: inline-block;
    min-width: 30px;
    border-bottom: 1px solid #ccc;
    line-height: 26px;
    padding: 0 6px;
}

.resultinput>table.table-result tbody td.checkbox .checkbox-inline-none {
    padding-left: 5px;
    margin-left: 5px;
}

.resultinput>table.table-result tbody td.checkboxajax {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: center;
}

.resultinput>table.table-result tbody td.checkboxajax .checkbox-more-underline {
    display: inline-block;
    min-width: 30px;
    border-bottom: 1px solid #ccc;
    line-height: 26px;
    padding: 0 6px;
}

.resultinput>table.table-result tbody td.checkboxajax .checkbox-inline {
    float: left;
}

.resultinput>table.table-result tbody td.checkboxajax .checkbox-inline-none {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-bottom: 0;
    padding-left: 5px;
    float: left;
    margin-left: 5px;
}

.resultinput>table.table-result tbody td.checkboxajax .checkbox-inline-none:after {
    display: none;
}

.resultinput>table.table-result tbody td[ns-readonly="readonly"] {
    background-color: #f8f8f8;
}

.resultinput>table.table-result tbody td[ns-readonly="readonly"] .checkbox-inline.checked:after {
    background-color: transparent;
    color: #aaa;
}

.resultinput>table.table-result tbody td.uploadtitle {
    padding-right: 40px;
}

.resultinput>table.table-result tbody td.multiupload {
    padding-right: 40px;
}

.resultinput>table.table-result tbody td.multiupload .input-multiupload .btn {
    position: absolute;
    top: 5px;
    right: 5px;
}

.resultinput>table.table-result tbody td.uploadtitle,
.resultinput>table.table-result tbody td.multiupload {
    position: relative;
}

.resultinput>table.table-result tbody td.uploadtitle .empty-multiupload,
.resultinput>table.table-result tbody td.multiupload .empty-multiupload {
    color: #ccc;
}

.resultinput>table.table-result tbody td .notes {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

.resultinput>table.table-result tbody td .notes.wait,
.resultinput>table.table-result tbody td .notes.read {
    cursor: pointer;
}

.resultinput>table.table-result tbody td .notes.wait:before,
.resultinput>table.table-result tbody td .notes.read:before {
    position: absolute;
    top: 0;
    left: 3px;
    content: "\f06a";
    font-family: "FontAwesome";
    color: rgba(115, 190, 150, 0.5);
    font-size: 14px;
}

.resultinput>table.table-result tbody td .notes:hover:before {
    color: rgba(115, 190, 150, 0.7);
}

.resultinput>table.table-result tbody td .notes.wait:before {
    color: #ff364e;
}

.resultinput>table.table-result tbody td .notes.wait:hover:before {
    color: #e13147;
}

.resultinput>table.table-result tbody td .simpleorder {
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: 1px;
    left: -1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 8px !important;
    text-align: center;
    z-index: 99;
    text-indent: 2px;
}

.resultinput>table.table-result tbody td .simpleorder:after {
    position: absolute;
    top: 0;
    left: 2px;
    content: "";
    width: 0;
    height: 0;
    border-top: 22px solid rgba(215, 0, 0, 0.3);
    border-right: 22px solid transparent;
    z-index: -1;
}

.resultinput>table.table-result tbody td .history {
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: 1px;
    right: -1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 8px !important;
    text-align: center;
    z-index: 99;
    text-indent: 2px;
}

.resultinput>table.table-result tbody td .history:after {
    position: absolute;
    top: 0;
    right: 2px;
    content: "";
    width: 0;
    height: 0;
    border-top: 22px solid #a8d6ff;
    border-left: 22px solid transparent;
    z-index: -1;
}

.resultinput>table.table-result tbody td.testtd {
    padding-left: 10px;
    padding-right: 10px;
}

.resultinput>table.table-result tbody td.testtd .testing {
    background: #357bb9;
    text-align: center;
    line-height: 22px;
    color: #fff;
    position: relative;
    padding: 0 14px;
}

.resultinput>table.table-result tbody td.testtd .testing span {
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 9px;
    background: #357bb9;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    position: absolute;
    top: -8px;
    right: -8px;
    color: #fff;
}

.resultinput>table.table-result tbody td.statetd {
    padding-left: 10px;
    padding-right: 10px;
}

.resultinput>table.table-result tbody td.statetd .state {
    display: inline;
    padding: 4px 6px;
    text-align: center;
    border-radius: 14px;
    border: 2px solid;
    line-height: 22px;
    margin: 0 3px;
}

.resultinput>table.table-result tbody td.statetd .urgent {
    border-color: #ff3343;
    color: #ff3343;
}

.resultinput>table.table-result tbody td.statetd .overdue {
    border-color: #fc7700;
    color: #fc7700;
}

.resultinput>table.table-result tbody td.statetd .reminder {
    border-color: #ffae27;
    color: #ffae27;
}

.resultinput>table.table-result tbody td.no-border {
    border-color: #fff;
}

.resultinput>table.table-result tbody td.complete:before {
    position: absolute;
    content: "";
    bottom: 2px;
    right: 2px;
    width: 8px;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNGY3YjM4Mi1jYzUyLTQ1NDAtODRkYS00NDgzY2YxMjY5YmYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDYxMTA2MzQ5OUJFMTFFNzgwNDlGQTgzREI2NjAwMEYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDYxMTA2MzM5OUJFMTFFNzgwNDlGQTgzREI2NjAwMEYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0RCRDgxN0U2MDgwMTFFNzgzMUVDMUFDMEE2QjBBRDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0RCRDgxN0Y2MDgwMTFFNzgzMUVDMUFDMEE2QjBBRDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7tE9lKAAAAhklEQVR42mL8//8/Az7AyNBghE++nAmP5MWJHqW6IAV+WCTP7o+fJZBnHrGFKVjTORgocABJ8tS26EkiDgrGjYyNxisYgI6snntuwwOgW/YB8bH11/c/AIplg90GxCxAVa3/68/y/Gf4H8bPzsMcoOEwBSg2Fe4LJG82A/EXIO5EdgxAgAEAIckwwdHwzooAAAAASUVORK5CYII=) 0 0 no-repeat;
}

.resultinput>table.table-result tbody td.edit:before {
    position: absolute;
    content: "";
    bottom: 2px;
    right: 2px;
    width: 8px;
    height: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNGY3YjM4Mi1jYzUyLTQ1NDAtODRkYS00NDgzY2YxMjY5YmYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEJCMEI3NDQ2MDgwMTFFNzk5MENFOTMyREQ3NzlBRUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEJCMEI3NDM2MDgwMTFFNzk5MENFOTMyREQ3NzlBRUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REMxOTAzODA1RkJFMTFFN0FCMDVCNzE2OUE3OUYxOTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REMxOTAzODE1RkJFMTFFN0FCMDVCNzE2OUE3OUYxOTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ASICBAAAAWElEQVR42mLccOmFx5qzjxmwgB1A7MECkgwxlt2BSxETA3bgAaPBCkC6FyeYgDFIEGgiyFSwChQTYhec8YBK7ICJMeGTRDdhB7Kkv644mGbE402wOwACDADNPCJk2AZjjwAAAABJRU5ErkJggg==) 0 0 no-repeat;
}

.resultinput>table.table-result tbody td.process {
    color: #777777;
}

.resultinput>table.table-result tbody td.process:before {
    position: absolute;
    top: 22px;
    right: 2px;
    content: "\f110";
    font-family: "FontAwesome";
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    font-size: 14px;
    color: transparent;
}

.resultinput>table.table-result tbody td.process:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.05);
}

.resultinput>table.table-result tbody td.inselectzone {
    background-color: rgba(214, 241, 251, 0.5);
}

.resultinput>table.table-result tbody td.none.inselectzone {
    background-color: rgba(214, 241, 251, 0.5);
}

.resultinput>.input-component {
    background-color: rgba(214, 241, 251, 0.5);
    border: 1px solid rgba(0, 135, 255, 0.8);
    position: absolute;
    z-index: 9;
}

.resultinput>.input-component.checkbox {
    margin: 0;
}

.resultinput>.input-component>.component-container>div {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.resultinput>.input-component>.component-container>div.show {
    display: block;
}

.resultinput>.input-component>.component-container>div.show .btn.btn-info.btn-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: transparent;
}

.resultinput>.input-component>.component-container>div.show .btn.btn-info.btn-icon i {
    color: #009944;
}

.resultinput>.input-component>.component-container>div.show .btn.btn-info.btn-icon:hover {
    background: #009944;
    box-shadow: none;
}

.resultinput>.input-component>.component-container>div.show .btn.btn-info.btn-icon:hover i {
    color: #fff;
}

.resultinput>.input-component>.component-container>div input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    border: none;
    padding: 4px;
    height: 38px;
}

.resultinput>.input-component>.component-container>div input:focus {
    -webkit-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
}

.resultinput>.input-component>.component-container>div label.has-error {
    top: -24px;
    height: 24px;
    bottom: auto;
    background-color: rgba(0, 135, 255, 0.8);
    color: #fff;
    right: -1px;
    padding: 4px 6px;
    line-height: 16px;
}

.resultinput>.input-component>.component-container>div.input-number input {
    text-align: right;
}

.resultinput>.input-component>.component-container>div.input-select>div.select-list {
    position: absolute;
    left: -1px;
    padding: 2px 0;
    margin: 0;
    min-width: 100px;
    border: 1px solid #d9e9f8;
    background: #fff;
    list-style: none;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
}

.resultinput>.input-component>.component-container>div.input-select>div.select-list>a.select-list-option {
    display: block;
    padding: 5px;
    cursor: pointer;
    margin: 0 2px;
    line-height: 20px;
    color: #222222;
}

.resultinput>.input-component>.component-container>div.input-select>div.select-list>a.select-list-option:last-child {
    border-bottom: none;
}

.resultinput>.input-component>.component-container>div.input-select>div.select-list>a.select-list-option:hover {
    color: #428bca;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.resultinput>.input-component>.component-container>div.input-select>div.select-list>a.select-list-option.current {
    background-color: #eeeeee;
    color: #848484;
    cursor: default;
}

.resultinput>.input-component>.component-container>div.input-select>div.select-list>a.select-list-option.current:hover {
    box-shadow: none;
}

.resultinput>.input-component>.component-container>div.input-textarea textarea {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    border-color: rgba(0, 135, 255, 0.8);
    padding: 10px 4px;
}

.resultinput>.input-component>.component-container>div.input-multiinput {
    background-color: #fff;
    padding: 0 4px;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
}

.resultinput>.input-component>.component-container>div.input-multiinput>div.input-multiinput-container {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 100%;
    padding: 0 4px;
    margin-left: -50%;
}

.resultinput>.input-component>.component-container>div.input-multiinput>div.input-multiinput-container input.multiinput-input {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 0 4px;
    border: none;
    border-bottom: 1px solid #000;
    display: inline-block;
    line-height: 14px;
    text-align: center;
    height: 18px;
}

.resultinput>.input-component>.component-container>div.input-multiinput>div.input-multiinput-container input.multiinput-input:focus {
    box-shadow: none;
}

.resultinput>.input-component>.component-container>div.input-checkbox {
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
}

.resultinput>.input-component>.component-container>div.input-checkbox>div.input-checkbox-container {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: left;
    width: 100%;
    padding: 0;
}

.resultinput>.input-component>.component-container>div.input-checkbox>div.input-checkbox-container label.checkbox-inline {
    margin-right: auto;
}

.resultinput>.input-component>.component-container>div.input-checkbox>div.input-checkbox-container label.checkbox-inline.focus:after {
    border-color: rgba(0, 135, 255, 0.8);
}

.resultinput>.input-component>.component-container>div.input-checkbox>div.input-checkbox-container label.checkbox-inline:checked:after {
    color: #333333;
}

.resultinput>.input-component>.component-container>div.input-checkbox>div.input-checkbox-container label.checkbox-inline .checkbox-input {
    height: 25px;
}

.resultinput>.input-component>.component-container>div.input-checkbox>div.input-checkbox-container input.checkbox-input {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 0 4px;
    border: none;
    border-bottom: 1px solid #000;
    display: inline-block;
    line-height: 20px;
    text-align: left;
    width: 50px;
}

.resultinput>.input-component>.component-container>div.input-checkbox>div.input-checkbox-container input.checkbox-input:focus {
    box-shadow: none;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax {
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: left;
    width: 100%;
    padding: 0;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container label.checkbox-inline.focus:after {
    border-color: rgba(0, 135, 255, 0.8);
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container label.checkbox-inline-none {
    padding-left: 5px;
    float: left;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container label.checkbox-inline-none:after {
    display: none;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container label.checkbox-inline-none.focus:after {
    display: none;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container label.checkbox-inline-none.checked:after {
    display: none;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container label.checkbox-inline-none.checked.focus:after {
    display: none;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-input-container {
    position: relative;
    display: inline-block;
    height: 30px;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-input-container div.checkboxajax-more-values {
    position: absolute;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-input-container div.checkboxajax-more-values .values-tag {
    display: inline-block;
    position: relative;
    padding: 0 5px;
    line-height: 30px;
    cursor: text;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-input-container div.checkboxajax-more-values .values-tag .values-tag-close {
    width: 20px;
    height: 20px;
    display: none;
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-input-container div.checkboxajax-more-values .values-tag:hover .values-tag-close {
    display: inline-block;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-input-container div.checkboxajax-more-values .values-tag:hover .values-tag-close:after {
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    line-height: 20px;
    font-family: "FontAwesome";
    content: "\f057";
    color: #f39800;
    font-size: 21px;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-input-container input.checkboxajax-more-input {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 8px 4px 3px;
    border: none;
    border-bottom: 1px solid #000;
    display: inline-block;
    text-align: left;
    width: 50px;
    height: 27px;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-input-container input.checkboxajax-more-input:focus {
    box-shadow: none;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table {
    position: absolute;
    top: 26px;
    z-index: 9;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table {
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #fff;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr th,
.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr td:first-child {
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    padding: 0;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr th .checkbox-inline,
.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr td:first-child .checkbox-inline {
    margin-left: 7px;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr td {
    max-width: 200px;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr:hover {
    background: #fff;
    cursor: pointer;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr:hover:hover {
    color: #009ade;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr:hover:active.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr:hover:focus {
    background-color: #009ade;
    color: #fff;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr.checked {
    cursor: default;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr.checked th,
.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr.checked td {
    background: #eeeeee;
    color: #333333;
    border-color: #eeeeee;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr.checked .checkbox-inline:after {
    color: #333333;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr.default th,
.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr.default td {
    background: #009ade;
    border-color: #eeeeee;
    color: #fff;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr.empty th,
.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr.empty td {
    padding: 5px;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr.empty th:first-child,
.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr.empty td:first-child {
    width: auto;
    min-width: auto;
    max-width: auto;
    position: relative;
    padding: 5px 5px 5px 30px;
    min-height: 30px;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr.empty th:first-child:before,
.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr.empty td:first-child:before {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f071";
    color: #f39800;
    top: 6px;
    left: 8px;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr.empty:hover {
    box-shadow: none;
}

.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr.empty:hover th,
.resultinput>.input-component>.component-container>div.input-checkboxajax>div.input-checkboxajax-container div.checkboxajax-more-select-table table tbody>tr.empty:hover td {
    box-shadow: none;
    color: #222222;
    cursor: default;
}

.resultinput>.input-component>.component-container .multiselect-search-panel {
    padding: 5px;
    position: relative;
}

.resultinput>.input-component>.component-container .multiselect-search-panel .multiselect-search {
    position: relative;
    border: 1px solid #d9e9f8;
    padding-left: 38px;
}

.resultinput>.input-component>.component-container .multiselect-search-panel:before {
    position: absolute;
    top: 5px;
    left: 5px;
    content: "\f002";
    font-family: "FontAwesome";
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #d9e9f8;
    z-index: 99;
    font-size: 16px;
}

.resultinput>.input-component>.component-container .input-multiselect>.select-list {
    position: absolute;
    left: -1px;
    padding: 0;
    margin: 0;
    min-width: 100px;
    border: 1px solid #d9e9f8;
    border-width: 0 1px 1px;
    background: #fff;
    list-style: none;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    -moz-box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
    box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
}

.resultinput>.input-component>.component-container .input-multiselect>.select-list .empty {
    margin-top: 5px;
    padding: 10px;
    background: #f5f5f5;
    border-top: 1px solid #d9e9f8;
}

.resultinput>.input-component>.component-container .input-multiselect>.select-list .select-list-option {
    display: block;
    padding: 5px;
    cursor: pointer;
    margin: 0 2px;
    line-height: 20px;
    color: #222222;
}

.resultinput>.input-component>.component-container .input-multiselect>.select-list .select-list-option:last-child {
    border-bottom: none;
}

.resultinput>.input-component>.component-container .input-multiselect>.select-list .select-list-option:hover {
    color: #428bca;
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.resultinput>.input-component>.component-container .input-multiselect>.select-list .select-list-option.current {
    background-color: #eee;
    color: #848484;
    cursor: default;
}

.resultinput>.input-component>.component-container .input-multiselect>.select-list .select-list-option.current:hover {
    box-shadow: none;
}

.resultinput>.input-component>.component-container .input-multiselect>.select-list .select-scroll {
    min-height: 30px;
    max-height: 150px;
    overflow-y: auto;
}

.resultinput>.select-zone {
    background-color: rgba(214, 241, 251, 0.5);
    border: 1px solid rgba(0, 135, 255, 0.8);
    position: absolute;
    z-index: 300;
}

.resultinput>.history-panel {
    background-color: #fff;
    border: 1px solid #009ade;
    position: absolute;
    width: 400px;
    min-height: 100px;
    z-index: 201;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.15);
}

.resultinput>.history-panel .loading {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #ddd;
}

.resultinput>.history-panel .loading i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    margin: -16px 0 0 -50px;
    font-size: 32px;
}

.resultinput>.history-panel .loading span {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    margin: -8px 0 0 -30px;
    font-size: 12px;
    text-align: center;
    width: 100px;
}

.resultinput>.history-panel table {
    width: 100%;
    border: none;
    border-collapse: collapse;
}

.resultinput>.history-panel table td,
.resultinput>.history-panel table th {
    height: 30px;
    border: 1px solid #ddd;
}

.resultinput>.history-panel table thead th {
    text-align: center;
    font-weight: normal;
    background-color: #eee;
}

.resultinput>.history-panel table thead th:first-child {
    width: 30px;
}

.resultinput>.history-panel table thead th:last-child {
    width: 130px;
}

.resultinput>.history-panel table tbody tr td {
    padding: 2px 4px;
    line-height: 14px;
}

.resultinput>.history-panel table tbody tr td:first-child {
    text-align: center;
    background-color: #eee;
    color: #828282;
}

.resultinput>.history-panel table tbody tr td:last-child {
    color: #828282;
    text-align: center;
}

.resultinput>.control-panel {
    position: absolute;
    top: -30px;
    right: 10px;
}

.resultinput>.control-panel.padmode {
    top: -42px;
}

.resultinput .blankspace {
    display: inline-block;
    width: 10px;
}

.resultinput .checkbox-inline,
.resultinput .radio-inline {
    height: 30px;
    line-height: 30px;
    float: left;
}

.resultinput .checkbox-inline:after,
.resultinput .radio-inline:after {
    top: 7px;
}

.table-responsive .fa-check {
    color: #009944;
}

/*全屏模式*/
.nspanel.resultinput.fullscreen {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    margin: 0;
    padding: 42px 5px 5px 5px;
}

.nspanel.resultinput.left {
    left: -240px;
}

.nspanel.resultinput.left-collapsed {
    left: -48px;
}

/*全屏模式 按钮面板组位置需要改变*/
.resultinput.fullscreen>.control-panel {
    top: 0;
    right: 0;
}

/*缓存模式列表面板*/
.nspanel.resultinput.fullscreen.cacheListMode {
    overflow: hidden;
}

/*缓存模式列表面板 缓存模式要先进入全拼模式 */
.nspanel.resultinput.fullscreen .cache-panel {
    position: absolute;
    background-color: #fff;
    bottom: 0;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 200;
}

/* 缓存页面标题 */
.cache-panel-title h1 {
    display: inline-block;
    font-size: 21px;
    padding-right: 10px;
    margin: 0;
    line-height: 42px;
    float: left;
}

.cache-panel-title span {
    color: #f39800;
    line-height: 42px;
    display: inline-block;
    float: left;
}

/* 缓存页面按钮组 */
.cache-panel-listbtns {
    margin-bottom: 5px;
}

/*缓存数据列表*/
.nspanel.resultinput.fullscreen .cache-panel .cache-panel-list {
    width: 100%;
    padding: 10px 50px;
    margin: 0;
    border-top: 12px solid #fff;
    position: relative;
    clear: both;
}

.nspanel.resultinput.fullscreen .cache-panel .cache-panel-list .cache-panel-list-server {
    padding-left: 0;
    padding-right: 0;
}

.nspanel.resultinput.fullscreen .cache-panel .cache-panel-list .cache-panel-list-server.padmode td {
    height: 48px;
}

.nspanel.resultinput.fullscreen .cache-panel .cache-panel-list .cache-panel-list-server.padmode .td-button {
    padding: 0;
}

.nspanel.resultinput.fullscreen .cache-panel .cache-panel-list .cache-panel-list-server.padmode .td-button .btn-icon {
    width: 46px;
    height: 46px;
}

.nspanel.resultinput.fullscreen .cache-panel .cache-panel-list .cache-panel-list-server.padmode .td-button .btn-icon i {
    font-size: 18px;
}

.nspanel.resultinput.fullscreen .cache-panel .cache-panel-list .cache-panel-list-localstorage {
    padding-left: 10px;
    padding-right: 0;
}

.nspanel.resultinput.fullscreen .cache-panel .cache-panel-list .cache-panel-list-localstorage.padmode td {
    height: 48px;
}

.nspanel.resultinput.fullscreen .cache-panel .cache-panel-list:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    top: 0px;
    left: 0;
    background: #d9e9f8;
}

/*加载页面*/
.nspanel.resultinput.fullscreen .cache-panel .cache-panel-list .cache-panel-loading {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #eaeaea;
    z-index: 201;
}

/*缓存选择列表*/
.cache-panel-list-cacheselect {
    position: absolute;
    left: -235px;
    top: 0;
    width: 240px;
    z-index: 300;
    overflow: hidden;
}

.cache-panel-list-cacheselect:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.cache-panel-list-cacheselect:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f0d7";
    top: 13px;
    right: 15px;
    transition: ease-in-out all 0.5s;
}

.cache-panel-list-cacheselect ul li {
    background: #fff;
}

.cache-panel-list-cacheselect.active {
    overflow: visible;
}

.cache-panel-list-cacheselect.active:after {
    transform: rotate(180deg);
}

.cache-panel-list-cacheselect.active ul li.current {
    color: #0068bb;
}

.cache-panel-list-cacheselect.active ul li {
    display: block;
}

.cache-panel-list-cacheselect ul {
    padding: 0;
    margin: 0;
    display: block;
    box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.2);
}

.cache-panel-list-cacheselect ul li {
    min-height: 42px;
    line-height: 18px;
    width: 100%;
    display: none;
    padding: 12px 25px 12px 5px;
    background: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cache-panel-list-cacheselect ul li:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    cursor: pointer;
}

.cache-panel-list-cacheselect ul li.current {
    display: block;
}

.help-info-total>span,
.upload-images-content>span {
    display: none;
}

.help-info-total>span.show,
.upload-images-content>span.show {
    display: block;
}

.help-info-total>span.show img,
.upload-images-content>span.show img {
    display: block;
    max-width: 200px;
    max-height: 100px;
    margin: 0 auto;
}

.help-info-total>span .form-control,
.upload-images-content>span .form-control {
    margin: 15px auto 10px;
    text-align: center;
}

.help-info-total .help-before,
.help-info-total .help-after {
    padding: 30px 0;
}

.input-uploadtitle .btn.btn-info.btn-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: transparent;
}

.input-uploadtitle .btn.btn-info.btn-icon i {
    color: #009944;
}

.input-uploadtitle .btn.btn-info.btn-icon:hover {
    background: #009944;
    box-shadow: none;
}

.input-uploadtitle .btn.btn-info.btn-icon:hover i {
    color: #fff;
}

.resultinput+.control-panel {
    display: none;
    position: absolute;
    top: 57px;
    right: 13px;
    z-index: 9999;
}

.resultinput.fullscreen+.control-panel {
    display: block;
    top: 0;
    right: 7px;
}

.resultTable-tooltip-title {
    position: fixed;
    right: 30px;
    bottom: 20px;
    left: 241px;
    min-width: 200px;
    margin: 0 0 0 15px;
    padding: 11px 15px;
    z-index: 1030;
    font-size: 12px;
    background: #f5f5f5;
    color: #555;
    border: 1px solid #d9e9f8;
    border-left-width: 3px;
    box-shadow: 0 20px 0 #ffffff;
}

.resulttable-viewerbutton {
    padding: 2px 3px;
    border: 1px solid #ddd;
}

.viewerButton .resulttable-viewerbutton {
    position: relative;
    padding: 2px 5px;
    border: 1px solid #ddd;
}

.viewerButton .resulttable-viewerbutton:hover {
    background: #eee;
}

.nsui-quicktyping {
    display: table;
    width: 100%;
    margin: 0;
    background-color: #eeeeee !important;
    border: none;
    /*加载状态*/
    /*标题*/
    /*tag容器和标签*/
}

.nsui-quicktyping .loading .input input {
    background-color: #eeeeee;
}

.nsui-quicktyping .label-title {
    height: 40px;
    min-width: 80px;
    padding: 0 5px;
    background: #f1f1f1;
    margin: 0;
    float: left;
    line-height: 40px;
    border: 1px solid #d9e9f8;
    border-right: none;
    text-align: left;
}

.nsui-quicktyping .input {
    float: left;
    height: 40px;
    width: 500px;
    position: relative;
    background-color: #fff;
    border: 1px solid #d9e9f8;
    border-width: 1px 0;
}

.nsui-quicktyping .input input.input-main {
    height: 40px;
    position: absolute;
    top: -1px;
    right: 0;
    border: 1px solid #d9e9f8;
    padding: 0 5px;
}

.nsui-quicktyping .input input.input-main:focus {
    border-color: #999;
}

.nsui-quicktyping .input .empty {
    box-sizing: border-box;
    border: 1px solid #d9e9f8;
    line-height: 30px;
    height: 30px;
    padding: 0 5px;
    border-top: none;
    width: 100%;
    text-align: left;
}

.nsui-quicktyping .input .result-panel table.table {
    margin: -2px 0 0 0;
    border: 0;
}

.nsui-quicktyping .input .result-panel table.table thead {
    border: none;
}

.nsui-quicktyping .input .result-panel table.table thead th tr {
    color: #222;
    background: #f2f6fc !important;
}

.nsui-quicktyping .input .result-panel table.table tbody tr th,
.nsui-quicktyping .input .result-panel table.table tbody tr td {
    height: 32px;
    line-height: 32px;
    padding: 0 5px;
    color: #555555;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.nsui-quicktyping .input .result-panel table.table tbody tr th:first-child,
.nsui-quicktyping .input .result-panel table.table tbody tr td:first-child {
    text-align: left;
}

.nsui-quicktyping .input .result-panel table.table tbody tr.current th,
.nsui-quicktyping .input .result-panel table.table tbody tr.current td {
    background: #e1eaf5;
}

.nsui-quicktyping .input .result-panel table.table tbody tr:hover th,
.nsui-quicktyping .input .result-panel table.table tbody tr:hover td {
    background: #f2f6fc;
}

.nsui-quicktyping .input .result-panel table.table.table-bordered {
    border-color: #e1eaf5;
}

.nsui-quicktyping .input .result-panel table.table.table-bordered thead tr th {
    border: 0;
}

.nsui-quicktyping .input .result-panel table.table.table-bordered tbody tr th,
.nsui-quicktyping .input .result-panel table.table.table-bordered tbody tr td {
    border: 0;
    border-bottom: 1px solid #d9e9f8;
}

.nsui-quicktyping .input .result-panel .nstable-plus-panel>.nstable-plus-panel-tabs>a.nstable-plus-panel-tabs-tab {
    padding: 0 10px;
}

.nsui-quicktyping .input .result-panel.select {
    margin-left: -1px;
}

.nsui-quicktyping .input .result-panel.select ul {
    padding: 0;
    margin: 0;
}

.nsui-quicktyping .input .result-panel.select ul li {
    line-height: 30px;
    list-style: none;
    padding-left: 10px;
    text-align: left;
}

.nsui-quicktyping .input+.btn.btn-white {
    height: 40px;
    margin-left: 10px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
}

.nsui-quicktyping .input+.btn.btn-white:hover,
.nsui-quicktyping .input+.btn.btn-white:focus {
    box-shadow: none;
    background-color: #449d44;
}

.nsui-quicktyping .result-panel {
    position: absolute;
    top: 39px;
    width: 100%;
    min-height: 30px;
    background: #fff;
    border: 5px solid #56b1fc;
    box-sizing: content-box;
    z-index: 29;
    -webkit-box-shadow: 3px 5px 12px rgba(153, 153, 153, 0.5);
    -moz-box-shadow: 3px 5px 12px rgba(153, 153, 153, 0.5);
    box-shadow: 3px 5px 12px rgba(153, 153, 153, 0.5);
    /*空白面板只显示文字*/
    /*当前选中*/
    /*下拉列表*/
}

.nsui-quicktyping .result-panel .list {
    padding: 0;
    background-color: #fff;
}

.nsui-quicktyping .result-panel .list table {
    width: 100%;
    margin-bottom: 0;
}

.nsui-quicktyping .result-panel .current {
    color: #333333;
    background: #f6f6f6;
}

.nsui-quicktyping .result-panel .select {
    margin: 0 0 0 -1px;
}

.nsui-quicktyping .result-panel .select ul {
    margin-bottom: 0;
    padding-left: 0;
    background-color: #fff;
}

.nsui-quicktyping .result-panel .select ul li {
    list-style: none;
    line-height: 30px;
    padding: 0 5px;
    border: 1px solid #d9e9f8;
    margin-top: -1px;
}

.nsui-quicktyping .result-panel.select {
    width: 220px;
}

.nsui-quicktyping .tags-container {
    position: absolute;
    left: 5px;
    top: 4px;
    width: auto;
}

.nsui-quicktyping .tags-container .quicktyping-tag {
    position: relative;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    margin-right: 5px;
    border: 1px solid #d9e9f8;
    color: #555555;
    background: #f6f6f6;
    display: table;
}

.nsui-quicktyping .tags-container .quicktyping-tag span,
.nsui-quicktyping .tags-container .quicktyping-tag .form-control {
    display: table-cell;
    padding: 0 5px;
}

.nsui-quicktyping .tags-container .quicktyping-tag .form-control {
    height: 30px;
    border: 0;
}

.nsui-quicktyping .tags-container .quicktyping-tag .withclose {
    padding-right: 25px;
}

.nsui-quicktyping .tags-container .quicktyping-tag .close {
    width: 28px;
    height: 28px;
    line-height: 28px;
    position: relative;
    opacity: 1;
    margin-left: 5px;
    margin-right: -5px;
    text-shadow: none;
}

.nsui-quicktyping .tags-container .quicktyping-tag .close:after {
    font-family: "FontAwesome";
    width: 28px;
    height: 28px;
    position: absolute;
    content: "\f057";
    top: 0px;
    font-size: 12px;
    text-align: center;
    color: #c4c4c4;
    opacity: 1;
}

.nsui-quicktyping .tags-container .quicktyping-tag .close:hover:after {
    color: #f39800;
}

.nsui-quicktyping table>tr .current {
    color: #555555;
    background: #f6f6f6;
}

.quicktyping-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    margin: -100px 0 0 -400px;
    background: #fff;
    z-index: 1040;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.quicktyping-dialog:after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.15);
    z-index: -1;
}

.quicktyping-dialog .quicktyping-title {
    height: auto;
    padding: 10px 20px;
    overflow: hidden;
    background: #edeff2;
    border-bottom: 1px solid #d9e9f8;
}

.quicktyping-dialog .quicktyping-title label {
    position: relative;
    display: block;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold !important;
    color: #222222;
    padding-left: 0;
    float: left;
    margin-bottom: 0;
    line-height: 22px;
}

.quicktyping-dialog .quicktyping-title label:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    background: #fc7008;
    z-index: 9;
    height: 16px;
    top: 50%;
    left: 0;
    margin: -8px 0 0;
}

.quicktyping-dialog .quicktyping-title label:before {
    display: none;
}

.quicktyping-dialog .quicktyping-close-btn {
    float: right;
    display: inline-block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
}

.quicktyping-dialog .quicktyping-close-btn:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.quicktyping-dialog .panel {
    padding: 20px !important;
    background: #fff;
}

.layout-table.quicktyping {
    position: relative;
}

.layout-table.quicktyping .service-component .panel {
    background: transparent;
    padding-bottom: 5px;
}

.layout-table.quicktyping .service-component .nsui-quicktyping {
    background: transparent !important;
}

.layout-table.quicktyping .service-component .nsui-quicktyping .label-title {
    height: 30px;
    line-height: 28px;
}

.layout-table.quicktyping .service-component .nsui-quicktyping .input {
    height: 30px;
}

.layout-table.quicktyping .service-component .nsui-quicktyping .input input.input-main {
    height: 30px;
}

.layout-table.quicktyping .service-component .nsui-quicktyping .result-panel {
    top: 29px;
}

.layout-table.quicktyping .service-component .tags-container .quicktyping-tag {
    height: 21px;
    line-height: 21px;
}

.layout-table.quicktyping .control-btn-toolbar {
    position: absolute;
    top: 0;
    right: 183px;
}

.layout-table.quicktyping .dataTables_filter {
    position: absolute;
    top: 0;
    right: 0;
}

.layout-table.quicktyping .dataTables_filter label {
    margin-bottom: 0;
}

/*表格用户设置界面*/
.modal-tablemanger {
    position: fixed;
    top: 50px;
    left: 50%;
    margin-left: -450px;
    width: 900px;
    z-index: 2080;
}

.modal-tablemanger .modal-header {
    margin: 0;
}

.modal-tablemanger .modal-body .nav.nav-tabs.float-right {
    position: absolute;
    top: -31px;
    right: 12px;
    border-bottom: 0;
}

.modal-tablemanger .modal-body .nav.nav-tabs.float-right>li a {
    border-bottom: 0;
    padding: 6px 15px;
    background: #edeff2;
}

.modal-tablemanger .modal-body .nav.nav-tabs.float-right>li a:hover {
    background: #f6f7f8;
    border-color: #cfd5dd;
}

.modal-tablemanger .modal-body .nav.nav-tabs.float-right>li.active a {
    background: #fff;
    color: #222222;
    position: relative;
    border-color: #c1c8d2;
}

.modal-tablemanger .modal-body .nav.nav-tabs.float-right>li.active a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #c1c8d2;
    z-index: 9;
    top: 0;
    left: 0;
}

.modal-tablemanger .modal-body .nav.nav-tabs.float-right>li.active a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #ffffff;
    z-index: 9;
    top: auto;
    left: 0;
    bottom: -1px;
}

.modal-tablemanger .tab-content-intro {
    padding-left: 15px;
    border-left: 3px solid #d9e9f8;
    margin-bottom: 10px;
    padding: 10px;
    background: #f8f8f8;
}

.modal-tablemanger:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.manager-addtab .has-error {
    border-color: #ff0000;
}

.manager-addtab {
    padding: 10px 0 5px;
}

.manager-addtab:before,
.manager-addtab:after {
    content: " ";
    display: table;
}

.manager-addtab:after {
    clear: both;
}

.manager-addtab:before,
.manager-addtab:after {
    content: " ";
    display: table;
}

.manager-addtab:after {
    clear: both;
}

.manager-addtab .manager-addtab-input {
    display: inline-block;
    height: 30px;
    margin-left: 5px;
    border: 1px solid #d9e9f8;
    padding: 0 10px;
}

.manager-addtab .manager-addtab-input+div {
    display: inline-block;
    float: left;
}

/*静态表格 staticable */
.statictable .td-input {
    position: relative;
}

.statictable .td-input button.btn {
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: transparent;
}

.statictable .td-input {
    position: relative;
}

.statictable .td-switch {
    text-align: center;
}

.statictable .td-switch .checkbox-switch {
    float: none;
    margin-left: 0;
}

.statictable .td-switch label.checkbox-inline.checkbox-switch {
    line-height: 30px;
    height: 30px;
}

table.table.statictable.no-border>tbody>tr>td {
    border: none;
}

table.table.statictable.no-border>tbody>tr>th {
    border: none;
}

table.table.statictable>tbody>tr>td.td-input input[type="text"] {
    padding-right: 6px;
}

/*!
 * FullCalendar v3.4.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
.fc-icon,
body .fc {
    font-size: 1em;
}

.fc-button-group,
.fc-icon {
    display: inline-block;
}

.fc-bg,
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
    bottom: 0;
}

.fc-icon,
.fc-unselectable {
    -khtml-user-select: none;
    -webkit-touch-callout: none;
}

.fc {
    direction: ltr;
    text-align: left;
}

.fc-rtl {
    text-align: right;
}

.fc th {
    height: 24px;
    line-height: 24px;
}

.fc th,
.fc-basic-view td.fc-week-number,
.fc-icon,
.fc-toolbar {
    text-align: center;
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: #dddddd;
}

.fc-unthemed .fc-popover {
    background-color: #ffffff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-popover .fc-header {
    background: #eeeeee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #666666;
}

.fc-unthemed td.fc-today {
    background: #fcf8e3;
}

.fc-highlight {
    background: #bce8f1;
    opacity: 0.3;
}

.fc-bgevent {
    background: #8fdf82;
    opacity: 0.3;
}

.fc-nonbusiness {
    background: #d7d7d7;
}

.fc-unthemed .fc-disabled-day {
    background: #d7d7d7;
    opacity: 0.3;
}

.ui-widget .fc-disabled-day {
    background-image: none;
}

.fc-icon {
    height: 1em;
    line-height: 1em;
    overflow: hidden;
    font-family: "Courier New", Courier, monospace;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fc-icon:after {
    position: relative;
}

.fc-icon-left-single-arrow:after {
    content: "\02039";
    font-weight: 700;
    font-size: 200%;
    top: -7%;
}

.fc-icon-right-single-arrow:after {
    content: "\0203A";
    font-weight: 700;
    font-size: 200%;
    top: -7%;
}

.fc-icon-left-double-arrow:after {
    content: "\000AB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-right-double-arrow:after {
    content: "\000BB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%;
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%;
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%;
}

.fc-icon-x:after {
    content: "\000D7";
    font-size: 200%;
    top: 6%;
}

.fc button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 2.1em;
    padding: 0 .6em;
    font-size: 1em;
    white-space: nowrap;
    cursor: pointer;
}

.fc button::-moz-focus-inner {
    margin: 0;
    padding: 0;
}

.fc-state-default {
    border: none;
    background-color: #f5f5f5;
    background-image: none;
    background-repeat: repeat-x;
    border-color: none;
    color: #333;
    text-shadow: none;
    box-shadow: none;
}

.fc-state-default.fc-corner-left {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.fc-state-default.fc-corner-right {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.fc button .fc-icon {
    position: relative;
    top: -0.05em;
    margin: 0 .2em;
    vertical-align: middle;
}

.fc-state-active,
.fc-state-disabled,
.fc-state-down,
.fc-state-hover {
    color: #333;
    background-color: #e6e6e6;
}

.fc-state-hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.fc-state-active,
.fc-state-down {
    background-color: #ccc;
    background-image: none;
    box-shadow: none;
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: .65;
    box-shadow: none;
}

.fc-event.fc-draggable,
.fc-event[href],
.fc-popover .fc-header .fc-close,
a[data-goto] {
    cursor: pointer;
}

.fc .fc-button-group>* {
    float: left;
    margin: 0 0 0 -1px;
}

.fc .fc-button-group> :first-child {
    margin-left: 0;
}

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
    padding: 10px 5px;
}

.fc-popover .fc-header .fc-title {
    margin: 0 2px;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
    float: left;
}

.fc-ltr .fc-popover .fc-header .fc-close,
.fc-rtl .fc-popover .fc-header .fc-title {
    float: right;
}

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    font-size: .9em;
    margin-top: 2px;
}

.fc-popover>.ui-widget-header+.ui-widget-content {
    border-top: 0;
}

.fc-divider {
    border-style: solid;
    border-width: 1px;
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0;
}

.fc-bg table,
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
    height: 100%;
}

.fc-clear {
    clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-helper-skeleton,
.fc-highlight-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
}

.fc td,
.fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
}

.fc td.fc-today {
    border-style: double;
}

a[data-goto]:hover {
    text-decoration: underline;
}

.fc .fc-row {
    border-style: solid;
    border-width: 0;
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
    border-top: 0 hidden transparent;
}

.fc-row {
    position: relative;
}

.fc-row .fc-bg {
    z-index: 1;
}

.fc-row .fc-bgevent-skeleton td,
.fc-row .fc-highlight-skeleton td {
    border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
    z-index: 2;
}

.fc-row .fc-highlight-skeleton {
    z-index: 3;
}

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
    padding-bottom: 2px;
}

.fc-row .fc-helper-skeleton {
    z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
    background: 0 0;
    border-color: #d9e9f8 !important;
    border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
    border-top: 0;
}

.fc-scroller {
    -webkit-overflow-scrolling: touch;
}

.fc-row.fc-rigid,
.fc-time-grid-event {
    overflow: hidden;
}

.fc-scroller>.fc-day-grid,
.fc-scroller>.fc-time-grid {
    position: relative;
    width: 100%;
}

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 0;
    border: 3px solid #009ade;
    border-width: 0 0 0 3px;
    font-weight: 400;
}

.fc-event .fc-title,
.fc-event .fc-time {
    color: #004569;
}

.fc-event,
.fc-event-dot {
    background-color: #96dbff;
}

.fc-event:hover,
.fc-event:active {
    background-color: #5bbb5b;
    border-left: 3px solid #228b22;
}

.fc-color {
    background-color: #5bbb5b;
    border-left: 3px solid #228b22;
}

.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
    color: #fff;
    text-decoration: none;
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
    cursor: not-allowed;
}

.fc-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: 0.25;
}

.fc-event .fc-content {
    position: relative;
    z-index: 2;
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
    display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
    display: block;
}

.fc-event.fc-selected .fc-resizer:before {
    content: "";
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
}

.fc-event.fc-selected {
    z-index: 9999 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected.fc-dragging {
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0;
}

.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px;
}

.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px;
}

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    bottom: -1px;
}

.fc-h-event.fc-selected .fc-resizer {
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    top: 50%;
    margin-top: -4px;
}

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px;
}

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px;
}

.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px;
}

tr:first-child>td>.fc-day-grid-event {
    margin-top: 2px;
}

.fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: #000;
    opacity: 0.25;
}

.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden;
    padding: 3px;
}

.fc-day-grid-event .fc-time {
    font-weight: 700;
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px;
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px;
}

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none;
}

a.fc-more:hover {
    text-decoration: underline;
}

.fc-limited {
    display: none;
}

.fc-day-grid .fc-row {
    z-index: 1;
}

.fc-more-popover {
    z-index: 2;
    width: 220px;
}

.fc-more-popover .fc-event-container {
    padding: 10px;
}

.fc-now-indicator {
    position: absolute;
    border: 0 solid #ff0000;
}

.fc-unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 1em;
}

.fc-toolbar.fc-footer-toolbar {
    margin-top: 1em;
}

.fc-toolbar .fc-left {
    float: left;
}

.fc-toolbar .fc-right {
    float: right;
}

.fc-toolbar .fc-center {
    display: inline-block;
}

.fc .fc-toolbar>*>* {
    float: left;
    margin-left: 0.75em;
}

.fc .fc-toolbar>*> :first-child {
    margin-left: 0;
}

.fc-toolbar h2 {
    margin: 0;
}

.fc-toolbar button {
    position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
    z-index: 2;
}

.fc-toolbar .fc-state-down {
    z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 4;
}

.fc-toolbar button:focus {
    z-index: 5;
}

.fc-view-container *,
.fc-view-container:after,
.fc-view-container:before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.fc-view,
.fc-view>table {
    position: relative;
    z-index: 1;
}

.fc-basicDay-view .fc-content-skeleton,
.fc-basicWeek-view .fc-content-skeleton {
    padding-bottom: 1em;
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em;
}

.fc-view-container table {
    background-color: transparent;
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc-day-top.fc-other-month {
    opacity: 0.3;
}

.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
    padding: 2px;
}

.fc-basic-view th.fc-day-number,
.fc-basic-view th.fc-week-number {
    padding: 0 2px;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: right;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px;
}

.fc-basic-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    text-align: center;
    background-color: #f2f2f2;
    color: #808080;
}

.fc-basic-view td.fc-week-number>* {
    display: inline-block;
    min-width: 1.25em;
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2;
}

.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em;
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
    padding-bottom: 1em;
}

.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
}

.fc-ltr .fc-axis {
    text-align: right;
}

.fc-rtl .fc-axis {
    text-align: left;
}

.ui-widget td.fc-axis {
    font-weight: 400;
}

.fc-time-grid,
.fc-time-grid-container {
    position: relative;
    z-index: 1;
}

.fc-time-grid {
    min-height: 100%;
}

.fc-time-grid table {
    border: 0 hidden transparent;
}

.fc-time-grid>.fc-bg {
    z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid>hr {
    position: relative;
    z-index: 2;
}

.fc-time-grid .fc-content-col {
    position: relative;
}

.fc-time-grid .fc-content-skeleton {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
}

.fc-time-grid .fc-business-container {
    position: relative;
    z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
    position: relative;
    z-index: 2;
}

.fc-time-grid .fc-highlight-container {
    z-index: 3;
    position: relative;
}

.fc-time-grid .fc-event-container {
    position: relative;
    z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
    z-index: 5;
}

.fc-time-grid .fc-helper-container {
    position: relative;
    z-index: 6;
}

.fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0;
}

.fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content {
    background: 0 0;
}

.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0;
}

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-bgevent,
.fc-time-grid .fc-event {
    position: absolute;
    z-index: 1;
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0;
}

.fc-v-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-time-grid-event.fc-selected {
    overflow: visible;
}

.fc-time-grid-event.fc-selected .fc-bg {
    display: none;
}

.fc-time-grid-event .fc-content {
    overflow: hidden;
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
    padding: 0 1px;
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
    display: none;
}

.fc-time-grid-event.fc-short .fc-time:before {
    content: attr(data-start);
}

.fc-time-grid-event.fc-short .fc-time:after {
    content: "\000A0-\000A0";
}

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
    content: "=";
}

.fc-time-grid-event.fc-selected .fc-resizer {
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    bottom: -5px;
}

.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0;
}

.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px;
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

.fc-rtl .fc-list-view {
    direction: rtl;
}

.fc-list-view {
    border-width: 1px;
    border-style: solid;
}

.fc .fc-list-table {
    table-layout: auto;
}

.fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 14px;
}

.fc-list-table tr:first-child td {
    border-top-width: 0;
}

.fc-list-heading {
    border-bottom-width: 1px;
}

.fc-list-heading td {
    font-weight: 700;
}

.fc-ltr .fc-list-heading-main {
    float: left;
}

.fc-ltr .fc-list-heading-alt,
.fc-rtl .fc-list-heading-main {
    float: right;
}

.fc-rtl .fc-list-heading-alt {
    float: left;
}

.fc-list-item.fc-has-url {
    cursor: pointer;
}

.fc-list-item:hover td {
    background-color: #f5f5f5;
}

.fc-list-item-marker,
.fc-list-item-time {
    white-space: nowrap;
    width: 1px;
}

.fc-ltr .fc-list-item-marker {
    padding-right: 0;
}

.fc-rtl .fc-list-item-marker {
    padding-left: 0;
}

.fc-list-item-title a {
    text-decoration: none;
    color: inherit;
}

.fc-list-item-title a[href]:hover {
    text-decoration: underline;
}

.fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    display: table;
}

.fc-list-empty {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.fc-unthemed .fc-list-empty {
    background-color: #eeeeee;
}

.timeline-container {
    position: relative;
    padding-top: 4px;
    margin-bottom: 32px;
}

.timeline-container:before {
    /* the vertical line running through icons */
    content: "";
    display: block;
    position: absolute;
    left: 28px;
    top: 0;
    bottom: 0;
    border: 1px solid #E2E3E7;
    background-color: #E7EAEF;
    width: 4px;
    border-width: 0 1px;
}

.timeline-container:first-child:before {
    border-top-width: 1px;
}

.timeline-container:last-child {
    margin-bottom: 0;
}

.timeline-container:last-child:before {
    border-bottom-width: 1px;
}

.timeline-container:not(.timeline-style2) .timeline-indicator {
    opacity: 1;
    border-radius: 100%;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 30px;
    width: 36px;
    text-align: center;
    text-shadow: none !important;
    padding: 0;
    cursor: default;
    border: 3px solid #FFF !important;
}

.timeline-items {
    padding: 20px 0;
}

.timeline-item {
    position: relative;
    margin-bottom: 8px;
}

.timeline-item .widget-box {
    background-color: #F2F6F9;
    color: #595C66;
    margin: 0;
    position: relative;
    max-width: none;
    margin-left: 60px;
}

.timeline-item .transparent.widget-box {
    border-left: 3px solid #DAE1E5;
}

.timeline-item .transparent .widget-header {
    background-color: #ECF1F4;
    border-bottom-width: 0;
}

.timeline-item .transparent .widget-header>.widget-title {
    margin-left: 8px;
}

.timeline-item:nth-child(even) .widget-box {
    background-color: #F3F3F3;
    color: #616161;
}

.timeline-item:nth-child(even) .widget-box.transparent {
    border-left-color: #DBDBDB !important;
}

.timeline-item:nth-child(even) .widget-box.transparent .widget-header {
    background-color: #EEE !important;
}

.timeline-item .widget-main {
    float: left;
    width: 100%;
    margin: 0;
    padding: 15px !important;
    position: relative;
    max-width: none;
    border-bottom-width: 0;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    border-left: 5px solid #78d6ff;
}

.timeline-item .widget-main:after {
    position: absolute;
    content: "";
    top: 3px;
    left: -11px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 6px solid #78d6ff;
    border-bottom: 6px solid transparent;
}

.timeline-item .widget-main .timeline-title-main,
.timeline-item .widget-main .timeline-title-second,
.timeline-item .widget-main .timeline-title-remark {
    display: block;
    margin-bottom: 10px;
}

.timeline-item .widget-main .timeline-title-main:before,
.timeline-item .widget-main .timeline-title-second:before,
.timeline-item .widget-main .timeline-title-remark:before,
.timeline-item .widget-main .timeline-title-main:after,
.timeline-item .widget-main .timeline-title-second:after,
.timeline-item .widget-main .timeline-title-remark:after {
    content: " ";
    display: table;
}

.timeline-item .widget-main .timeline-title-main:after,
.timeline-item .widget-main .timeline-title-second:after,
.timeline-item .widget-main .timeline-title-remark:after {
    clear: both;
}

.timeline-item .widget-main .timeline-title-main:before,
.timeline-item .widget-main .timeline-title-second:before,
.timeline-item .widget-main .timeline-title-remark:before,
.timeline-item .widget-main .timeline-title-main:after,
.timeline-item .widget-main .timeline-title-second:after,
.timeline-item .widget-main .timeline-title-remark:after {
    content: " ";
    display: table;
}

.timeline-item .widget-main .timeline-title-main:after,
.timeline-item .widget-main .timeline-title-second:after,
.timeline-item .widget-main .timeline-title-remark:after {
    clear: both;
}

.timeline-item .widget-main .timeline-title-main {
    font-size: 16px;
    font-weight: bold;
    color: #009ade;
    float: left;
}

.timeline-item .widget-main .timeline-title-second {
    margin-left: 20px;
    font-size: 12px;
    line-height: 22px;
    float: left;
}

.timeline-item .widget-main .timeline-title-remark {
    padding: 1px 5px;
    display: inline-block;
    border-radius: 3px;
    float: right;
    line-height: 22px;
}

.timeline-item .widget-main .timeline-content-second-href {
    display: inline-block;
    text-decoration: underline;
    line-height: 24px;
}

.timeline-item .widget-main .timeline-content-main-normal {
    margin: 10px 0;
}

.timeline-item .timeline-content {
    display: block;
    width: 100%;
    float: left;
}

.timeline-item .timeline-content table {
    margin: 10px 0;
}

.timeline-item .timeline-content table>thead>tr>th:first-child,
.timeline-item .timeline-content table>tbody>tr>th:first-child,
.timeline-item .timeline-content table>tbody>tr>td:first-child {
    width: auto !important;
}

.timeline-item .widget-body {
    background-color: transparent;
}

.timeline-item .widget-body:before,
.timeline-item .widget-body:after {
    content: " ";
    display: table;
}

.timeline-item .widget-body:after {
    clear: both;
}

.timeline-item .widget-body:before,
.timeline-item .widget-body:after {
    content: " ";
    display: table;
}

.timeline-item .widget-body:after {
    clear: both;
}

.timeline-item .widget-toolbox {
    padding: 4px 8px 0 !important;
    background-color: transparent !important;
    border-width: 0 !important;
    margin: 0 0px !important;
}

.timeline-item img {
    border: 1px solid #AAA;
    padding: 2px;
    background-color: #FFF;
}

.timeline-info {
    float: left;
    width: 60px;
    text-align: center;
    position: relative;
}

.timeline-info img {
    border-radius: 100%;
    max-width: 42px;
}

.timeline-info .label,
.timeline-info .badge {
    font-size: 12px;
}

.timeline-label {
    display: block;
    clear: both;
    margin: 0 0 18px;
    margin-left: 34px;
}

.timeline-style2:before {
    display: none;
}

.timeline-style2 .timeline-item {
    padding-bottom: 22px;
    margin-bottom: 0;
}

.timeline-style2 .timeline-item:before {
    content: "";
    display: block;
    position: absolute;
    left: 90px;
    top: 5px;
    bottom: -5px;
    border-width: 0;
    background-color: #78d6ff;
    width: 1px;
    max-width: 2px;
}

.timeline-style2 .timeline-item:first-child:before {
    display: block;
}

.timeline-style2 .timeline-item:last-child {
    padding-bottom: 0;
}

.timeline-style2 .timeline-item:last-child:before {
    display: none;
}

.timeline-style2 .timeline-item .transparent .widget-header {
    background-color: transparent !important;
}

.timeline-style2 .timeline-item .transparent.widget-box {
    background-color: transparent !important;
    border-left: none !important;
}

.timeline-style2 .timeline-item .widget-box {
    margin-left: 112px;
}

.timeline-style2 .timeline-info {
    width: 100px;
}

.timeline-style2 .timeline-indicator {
    left: 85px;
    top: 3px;
    font-size: 0;
    width: 11px;
    height: 11px;
    line-height: 11px;
    border-width: 2px !important;
    background-color: #fff;
    position: absolute;
    opacity: 1;
    border-radius: 100%;
    display: inline-block;
    padding: 0;
    border: 2px solid #78d6ff;
}

.timeline-style2 .timeline-indicator.current {
    border-color: #009ade;
}

.timeline-style2 .timeline-indicator:after {
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    background: rgba(0, 185, 255, 0.2);
    border-radius: 30px;
    z-index: -1;
    margin: -4px;
    transition: ease-in-out all 0.3s;
    transform: scale(0);
}

.timeline-style2 .timeline-indicator:hover:after {
    transform: scale(1.3);
}

.timeline-style2 .timeline-date {
    display: inline-block;
    width: 72px;
    text-align: right;
    margin-right: 25px;
    color: #555555;
}

.timeline-style2 .timeline-label {
    width: 75px;
    text-align: center;
    margin-left: 0;
    margin-bottom: 10px;
    text-align: right;
    color: #666;
    font-size: 14px;
}

.timeline-time {
    text-align: center;
    position: static;
}

.orgChart {
    border: 1px solid #d9e9f8;
    overflow: auto;
    padding: 10px;
}

.orgChart h2 {
    margin: 0;
    border-bottom: none;
    position: relative;
    font-size: 12px;
    padding: 10px;
    height: 120px;
    display: table;
    width: 100%;
}

.orgChart h2 img {
    display: table-cell;
    width: 60px;
    height: 80px;
    margin: 10px;
    background: #dfdfdf;
    border-radius: 3px;
}

.orgChart h2 span {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    padding: 10px;
    text-align: left;
    line-height: 18px;
}

.orgChart ul {
    list-style: none;
    margin: 4px;
    padding: 0px;
    font-size: 0.8em;
    text-align: left;
}

div.orgChart ul.stack,
div.orgChart ul.stack ul {
    text-align: center;
}

div.orgChart table {
    width: 100%;
    border: 0;
}

div.orgChart tr.lines td.line {
    width: 1px;
    height: 20px;
}

.orgChart tr.lines td.top {
    border-top: 1px solid #d9e9f8;
}

.orgChart tr.lines td.left {
    border-right: 1px solid #d9e9f8;
}

.orgChart tr.lines td.right {
    border-left: 1px solid #d9e9f8;
}

.orgChart td {
    text-align: center;
    vertical-align: top;
}

.orgChart div.node {
    cursor: default;
    border: 1px solid #d9e9f8;
    display: inline-block;
    padding: 0;
    width: 220px;
    height: 140px;
    background: #ffffff;
    line-height: 1.3em;
}

.orgChart div.hasChildren {
    background-color: #f8f8f8;
}

.orgChart.interactive div.hasChildren {
    cursor: pointer;
}

.orgChart div.node.hover {
    background-color: #ebebeb;
}

.orgChart div.adjunct.node {
    position: absolute;
    margin-top: 8px;
    margin-left: -110px;
    width: 80px;
    height: 40px;
    background-color: #efefef;
}

.orgChart div.adjunct-link {
    display: inline-block;
    position: absolute;
    margin-left: -20px;
    margin-top: 25px;
    width: 20px;
    border: 1px dashed black;
}

/*====================================================================*/
/*====================================================================*/
.ns-notify-container {
    position: fixed;
    right: 15px;
    bottom: 15px;
    width: 300px;
    height: 150px;
    background: #fff;
    border: 1px solid #d9e9f8;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    z-index: 999;
}

.ns-notify-container .notify-header {
    position: relative;
    border-bottom: 1px solid #d9e9f8;
    background: #edeff2;
}

.ns-notify-container .notify-header .notify-title {
    height: 30px;
    line-height: 30px;
    padding: 0 30px 0 10px;
    margin: 0;
    font-size: 14px;
}

.ns-notify-container .notify-header .close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.ns-notify-container .notify-body {
    padding: 20px 30px 20px 20px;
}

.ns-notify-container .notify-body .notify-icon {
    display: inline-block;
}

.ns-notify-container .notify-body .notify-content.warning:before,
.ns-notify-container .notify-body .notify-content.success:before,
.ns-notify-container .notify-body .notify-content.error:before {
    font-family: "FontAwesome";
    font-size: 16px;
    padding-right: 10px;
}

.ns-notify-container .notify-body .notify-content.warning:before {
    content: "\f071";
    color: #f39800;
}

.ns-notify-container .notify-body .notify-content.success:before {
    content: "\f058";
    color: #009944;
}

.ns-notify-container .notify-body .notify-content.error:before {
    content: "\f057";
    color: #e60012;
}

.ns-notify-container .notify-footer {
    padding: 0 10px;
}

/*====================================================================*/
/*====================================================================*/
.page-body .edui-default .edui-editor-toolbarboxouter {
    border-radius: 0;
    box-shadow: none;
    background: #f8f8f8;
    background-image: none;
}

.page-body .edui-default .edui-editor {
    border: 0;
    border-radius: 0;
}

.page-body .edui-default .edui-editor-toolbarbox {
    box-shadow: none;
    border-radius: 0;
}

.modal-body .edui-default .edui-editor-toolbarboxouter {
    border: 1px solid #d9e9f8;
}

.modal-body .edui-default .edui-editor-iframeholder {
    border: 1px solid #d9e9f8;
    margin-top: -1px;
}

div#edui_fixedlayer {
    z-index: 1999 !important;
}

/*====================================================================*/
/*editor-编辑器*/
/*====================================================================*/
/*左侧浮动面板*/
.menus-cover-left {
    background-color: #fafafa;
    position: fixed;
    left: 0;
    top: 0;
    width: 240px;
    bottom: 0;
    z-index: 2000;
    border-right: 1px solid #eee;
    overflow: auto;
    /*左侧浮动面板 最小化按钮*/
    /*左侧浮动面板最小化状态*/
    /*左侧浮动面板 Tab*/
    /*左侧浮动面板 组件*/
    /*表单*/
}

.menus-cover-left h2 {
    height: 24px;
    line-height: 14px;
    font-size: 16px;
    margin: 0;
    background: #fff;
    padding: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.menus-cover-left .substr {
    margin: 5px auto;
    padding: 0 5px;
    height: 24px;
    line-height: 24px;
}

.menus-cover-left .btn-close {
    position: absolute;
    font-family: "FontAwesome";
    content: "";
    right: 0;
    top: 0;
    width: 30px;
    height: 24px;
    background: #fff;
    cursor: pointer;
}

.menus-cover-left .btn-close:after {
    position: absolute;
    content: "\f0d9";
    width: 30px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

.menus-cover-left.min {
    top: 0;
    bottom: auto;
    left: 0;
    width: 30px;
    height: 100%;
    overflow: hidden;
    /*左侧浮动面板最小化状态 最小化按钮*/
}

.menus-cover-left.min+.attr+.canvas {
    left: 45px;
}

.menus-cover-left.min+.attr+.canvas+.background {
    left: 45px;
}

.menus-cover-left.min .btn-close:after {
    position: absolute;
    content: "\f0da";
    width: 30px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

.menus-cover-left.min .menus-cover-left h2 {
    display: none;
}

.menus-cover-left .nav>li>a {
    padding: 3px 8px;
}

.menus-cover-left ul.components {
    margin: 0;
    padding: 5px;
    list-style: none;
}

.menus-cover-left ul.components li {
    float: left;
    width: 50%;
    text-align: center;
    height: 31px;
}

.menus-cover-left ul.components li a {
    width: 100%;
    text-align: center;
    height: 30px;
    background-color: #eee;
    line-height: 30px;
    display: block;
}

.menus-cover-left.attr {
    width: 280px;
}

.menus-cover-left .panel-attrform {
    margin-right: -1px;
}

.menus-cover-left .panel-attrform .panel-form .form-td label.control-label {
    width: 80px;
    margin-right: -1px;
}

/*输出画板*/
.nseditor-board {
    width: 100%;
    background-color: #eee;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
    z-index: 99;
    /* 顶部工具条 */
    /*输出面板拖拽对象*/
    /*画板*/
    /*背景*/
    /*拖拽手柄*/
}

.nseditor-board .control-panel {
    position: fixed;
    height: 24px;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background: #fff;
    text-align: right;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    padding-right: 15px;
}

.nseditor-board .control-panel .btn-group {
    display: inline-block;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

.nseditor-board .control-panel .btn-group .btn {
    padding: 0;
    width: 28px;
    height: 24px;
    line-height: 24px;
    border: 0;
}

.nseditor-board .control-panel .btn-group .btn i {
    padding-right: 0;
    color: #999;
}

.nseditor-board .control-panel .btn-group .btn:hover {
    box-shadow: none;
    background: #4a4a4a;
}

.nseditor-board .control-panel .btn-group .btn:hover i {
    color: #fff;
}

.nseditor-board .control-panel .btn-group+.btn-group {
    margin-left: -1px;
}

.nseditor-board-dragitem {
    width: 100px;
    height: 50px;
    background-color: #ddd;
    position: absolute;
    z-index: 3000;
    cursor: pointer;
}

.nseditor-board-dragitem.available {
    background-color: #66CD00;
}

.nseditor-board .canvas {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 255px;
    right: 15px;
    top: 40px;
    bottom: 15px;
    z-index: 101;
    /*画板上的布局组件*/
}

.nseditor-board .canvas>.row>.nspanel+.nspanel {
    padding-left: 0;
    padding-right: 0;
}

.nseditor-board .canvas.editstate {
    opacity: 0.5;
}

.nseditor-board .canvas .page-title {
    background-color: #F0FFF0;
    border: 1px solid #fff;
}

.nseditor-board .canvas .nspanel {
    background-color: #BBFFFF;
    border: 1px solid #fff;
    cursor: pointer;
}

.nseditor-board .canvas .nspanel:hover {
    background-color: #4DFFFF;
}

.nseditor-board .canvas .nspanel.tabs {
    background-color: #E6E6F2;
}

.nseditor-board .background {
    background-color: #fff;
    position: absolute;
    left: 255px;
    right: 15px;
    top: 40px;
    bottom: 15px;
    z-index: 100;
    /*可用区域*/
}

.nseditor-board .background .availablezone {
    background-color: rgba(0, 255, 0, 0.5);
}

.nseditor-board .drag-widget {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 900;
}

.nseditor-board .drag-widget:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.nseditor-board .drag-widget-width {
    width: 10px;
    right: 0;
    bottom: 0;
    top: 0;
    cursor: e-resize;
}

.nspanel .chat {
    height: auto;
    overflow: hidden;
}

.nspanel .chat .search-box {
    padding: 10px 0;
}

.nspanel .chat .search-box .form-group {
    margin-bottom: 0;
}

.nspanel .chat .search-box .form-group .input-group {
    position: relative;
}

.nspanel .chat .search-box .form-group .input-group i.fa-search {
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    top: 0;
    left: 0;
    z-index: 9;
}

.nspanel .chat .search-box .form-group .input-group .form-control {
    padding-left: 40px;
}

.nspanel .chat .search-box .form-group .input-group .input-group-btn {
    border: 1px solid #ddd;
    padding: 0 10px;
}

.nspanel .chat .search-box .form-group .input-group .input-group-btn .btn {
    border: 0;
    background-color: transparent;
    box-shadow: none;
}

.nspanel .chat .search-box .form-group .input-group .input-group-btn .btn:hover {
    background: none;
}

.nspanel .chat .card .card-item {
    display: block;
    height: auto;
    overflow: hidden;
    padding: 15px 0;
    border: 1px solid #ddd;
    border-width: 1px 0;
}

.nspanel .chat .card .card-item+.card-item {
    margin-top: -1px;
}

.nspanel .chat .card .card-item:hover {
    background: #f8f8f8;
}

.nspanel .chat .card .card-item .card-before {
    position: relative;
    width: 96px;
    float: left;
}

.nspanel .chat .card .card-item .card-before img {
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto;
    background: #eee;
    border-radius: 5px;
}

.nspanel .chat .card .card-item .card-before .badge {
    position: absolute;
    top: -10px;
    right: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 9;
    font-weight: normal;
    font-family: "sans-serif";
}

.nspanel .chat .card .card-item .card-before .badge.badge-danger {
    background: #e60012;
    color: #fff;
}

.nspanel .chat .card .card-item .card-block {
    padding: 0 10px;
    float: left;
}

.nspanel .chat .card .card-item .card-block .card-title {
    font-size: 14px;
    color: #333;
}

.nspanel .chat .card .card-item .card-after {
    display: block;
    width: 120px;
    float: right;
    text-align: right;
    padding: 0 10px;
}

.chat-box {
    position: fixed;
    display: table;
    top: 50%;
    left: 50%;
    width: 900px;
    height: 550px;
    background: #fff;
    z-index: 1060;
    margin: -275px 0 0 -450px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.chat-box:after {
    position: fixed;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.chat-box .card {
    position: relative;
    background: #fff;
    display: table;
    width: 100%;
    height: 480px;
}

.chat-box .card .card-header {
    position: absolute;
    background: #ccc;
    top: 0;
    left: 0;
    width: 900px;
    height: 56px;
    overflow: hidden;
    padding: 0 10px;
}

.chat-box .card .card-header h4 {
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 13px 0;
    position: relative;
    padding: 0 0 0 20px;
}

.chat-box .card .card-header h4:before {
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: 4px;
    height: 16px;
    background: #fc7008;
}

.chat-box .card .card-header a.btn {
    float: right;
    margin: 13px 0;
    background-color: transparent;
}

.chat-box .card .card-before {
    display: table-cell;
    width: 200px;
    height: 100%;
    overflow-y: auto;
    vertical-align: top;
    background: #f1f1f1;
    padding: 56px 0 0;
}

.chat-box .card .card-before .contact-group {
    padding: 0;
}

.chat-box .card .card-before .contact-group .contact-item {
    position: relative;
    padding: 0 10px;
    height: 56px;
    overflow: hidden;
    box-sizing: border-box;
}

.chat-box .card .card-before .contact-group .contact-item img {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 5px;
    background: #ddd;
    float: left;
    margin: 7px 0;
}

.chat-box .card .card-before .contact-group .contact-item .user-name {
    float: left;
    padding: 7px 10px;
    line-height: 42px;
}

.chat-box .card .card-before .contact-group .contact-item .contact-item-remove {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 24px;
    height: 24px;
    margin: -12px 0 0 0;
    text-align: center;
    line-height: 24px;
    opacity: 0;
}

.chat-box .card .card-before .contact-group .contact-item .badge {
    position: absolute;
    font-size: 9px;
    font-weight: normal;
    background: #e60012;
    width: 18px;
    height: 18px;
    text-align: center;
    left: 42px;
    top: 2px;
}

.chat-box .card .card-before .contact-group .contact-item .badge:badge-more {
    position: absolute;
}

.chat-box .card .card-before .contact-group .contact-item:hover {
    background: #e9e9e9;
}

.chat-box .card .card-before .contact-group .contact-item:hover .contact-item-remove {
    opacity: .5;
    cursor: pointer;
}

.chat-box .card .card-before .contact-group .contact-item.current {
    background: #ddd;
}

.chat-box .card .card-before .contact-group .contact-item.current img {
    background: #aaa;
}

.chat-box .card .card-block {
    display: table-cell;
    width: 560px;
    vertical-align: top;
    padding-top: 56px;
}

.chat-box .card .card-block .chat-group {
    height: 280px;
    padding: 0;
    position: relative;
    overflow-y: auto;
}

.chat-box .card .card-block .chat-group .chat-date {
    text-align: center;
    padding: 15px 0;
    position: relative;
}

.chat-box .card .card-block .chat-group .chat-date span {
    display: inline-block;
    background: #eee;
    border-radius: 5px;
    padding: 3px 5px;
}

.chat-box .card .card-block .chat-group .chat-message {
    position: relative;
    float: left;
}

.chat-box .card .card-block .chat-group .chat-item {
    padding: 15px;
    height: auto;
}

.chat-box .card .card-block .chat-group .chat-item img {
    display: block;
    width: 42px;
    height: 42px;
    background: #eee;
    border-radius: 5px;
    float: left;
}

.chat-box .card .card-block .chat-group .chat-item .chat-text,
.chat-box .card .card-block .chat-group .chat-item .chat-media,
.chat-box .card .card-block .chat-group .chat-item .chat-voice {
    margin: 0 10px;
    float: left;
    background: #f8f8f8;
    min-height: 42px;
    padding: 12px 10px 11px;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    box-sizing: border-box;
    max-width: 295px;
    background: #f1f1f1;
    color: #444;
}

.chat-box .card .card-block .chat-group .chat-item .chat-text img,
.chat-box .card .card-block .chat-group .chat-item .chat-media img,
.chat-box .card .card-block .chat-group .chat-item .chat-voice img {
    display: block;
    width: 128px;
    height: 128px;
}

.chat-box .card .card-block .chat-group .chat-item .chat-text {
    float: none;
}

.chat-box .card .card-block .chat-group .chat-item .chat-text {
    position: relative;
}

.chat-box .card .card-block .chat-group .chat-item .chat-text .tag-mouse {
    position: absolute;
    display: inline-block;
    border-radius: 5px;
    background: #fff;
    padding: 2px;
    z-index: 9;
    width: 72px;
    border: 1px solid #d9e9f8;
}

.chat-box .card .card-block .chat-group .chat-item .chat-text .tag-mouse ul {
    padding: 0;
    margin: 0;
}

.chat-box .card .card-block .chat-group .chat-item .chat-text .tag-mouse ul li {
    display: block;
    font-size: 12px;
    color: #444;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

.chat-box .card .card-block .chat-group .chat-item .chat-text .tag-mouse ul li:hover {
    background: #f6f6f6;
    color: #009ade;
}

.chat-box .card .card-block .chat-group .chat-item .chat-media {
    padding: 0;
    background-color: transparent;
    border: 0;
}

.chat-box .card .card-block .chat-group .chat-item .chat-voice {
    min-width: 160px;
    max-width: 280px;
    position: relative;
}

.chat-box .card .card-block .chat-group .chat-item .chat-voice:before {
    position: absolute;
    top: 5px;
    left: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    content: "\f1eb";
    font-family: "FontAwesome";
    font-size: 12px;
    text-align: center;
    transform: rotate(90deg);
    color: #aaa;
}

.chat-box .card .card-block .chat-group .chat-item .chat-voice-second {
    position: absolute;
    display: block;
    width: 30px;
    right: -40px;
    bottom: 0;
}

.chat-box .card .card-block .chat-group .chat-item .chat-tips {
    display: block;
    width: 100%;
    float: left;
    padding-left: 52px;
    margin: 5px 0;
}

.chat-box .card .card-block .chat-group .chat-item .chat-tips.checked {
    color: #ccc;
}

.chat-box .card .card-block .chat-group .chat-item .chat-tips .chat-time {
    padding-right: 5px;
}

.chat-box .card .card-block .chat-group .chat-item.chat-send img,
.chat-box .card .card-block .chat-group .chat-item.chat-send .chat-media,
.chat-box .card .card-block .chat-group .chat-item.chat-send .chat-voice {
    float: right;
}

.chat-box .card .card-block .chat-group .chat-item.chat-send .chat-message {
    float: right;
}

.chat-box .card .card-block .chat-group .chat-item.chat-send .chat-text {
    background: #fff;
    border-color: #ddd;
    color: #000;
}

.chat-box .card .card-block .chat-group .chat-item.chat-send .chat-tips {
    text-align: right;
    padding-right: 52px;
}

.chat-box .card .card-block .chat-group .chat-item.chat-send .chat-voice {
    background: #fff;
    color: #333;
}

.chat-box .card .card-block .chat-group .chat-item.chat-send .chat-voice:before {
    transform: rotate(-90deg);
    left: auto;
    right: 0;
    color: #000;
}

.chat-box .card .card-block .chat-group .chat-item.chat-send .chat-voice-second {
    left: -40px;
    text-align: right;
}

.chat-box .card .card-block .chat-control {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px;
    background: #f5f5f5;
    text-align: center;
    color: #999;
    cursor: pointer;
}

.chat-box .card .card-block .chat-control:hover {
    background: #f1f1f1;
    color: #333;
}

.chat-box .card .card-block .chat-new-tips {
    position: absolute;
    width: 185px;
    height: 32px;
    line-height: 30px;
    background: #a9f7a6;
    color: #333;
    text-align: center;
    top: -36px;
    right: 32px;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    z-index: 99;
}

.chat-box .card .card-block .chat-editor {
    height: 211px;
    position: relative;
}

.chat-box .card .card-block .chat-editor .chat-editor-header {
    border: 1px solid #eee;
    border-width: 1px 0;
    height: 32px;
    position: relative;
}

.chat-box .card .card-block .chat-editor .chat-editor-header i {
    font-size: 18px;
    color: #444;
}

.chat-box .card .card-block .chat-editor .chat-editor-header .btn-group {
    position: absolute;
    top: 0;
    left: 30px;
    z-index: 999;
}

.chat-box .card .card-block .chat-editor .input-box {
    background: #f8f8f8;
    display: block;
    height: 128px;
    overflow-y: auto;
    border: 0;
}

.chat-box .card .card-block .chat-editor .input-box:focus {
    box-shadow: none;
}

.chat-box .card .card-block .chat-editor .chat-editor-footer {
    height: 50px;
    padding: 10px;
    text-align: right;
    border-top: 1px solid #eee;
    margin-top: 128px;
}

.chat-box .card .card-block .chat-editor .chat-editor-footer .btn {
    display: inline-block;
    border: 1px solid #ddd;
}

.chat-box .card .card-after {
    display: table-cell;
    vertical-align: top;
    width: 260px;
    border-left: 1px solid #ddd;
    padding: 56px 0 10px;
}

.chat-box .card .card-after .project-info {
    height: 472px;
    overflow-y: auto;
}

.chat-box .card .card-after .project-info img {
    display: block;
    width: 232px;
    height: 232px;
    background: #eee;
    border-radius: 5px;
    margin: 15px auto;
}

.chat-box .card .card-after .project-info .title {
    padding: 0 50px 0 10px;
}

.chat-box .card .card-after .project-info .price {
    display: block;
    color: #e60012;
    margin-bottom: 5px;
    padding: 0 10px;
    font-size: 16px;
}

.chat-box .card .card-after .project-info .type {
    display: block;
    margin-bottom: 5px;
    padding: 0 10px;
}

.chat-box .card .card-after .project-info .text {
    display: block;
    margin-bottom: 5px;
    padding: 0 10px;
}

.chat-box .card .card-after .project-info .btn {
    border: 1px solid #ddd;
    position: absolute;
    top: 63px;
    right: 5px;
    height: 24px;
    padding: 0 8px;
    font-size: 12px;
}

span.emoji {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: baseline;
    width: 1em;
    height: 1em;
    background-size: 1em;
    background-repeat: no-repeat;
    text-indent: -9999px;
}

span.emoji-sizer {
    line-height: 0.81em;
    font-size: 1em;
    margin: -2px 0;
}

span.emoji-outer {
    display: -moz-inline-box;
    display: inline-block;
    height: 1em;
    width: 1em;
}

span.emoji-inner {
    display: -moz-inline-box;
    display: inline-block;
    text-indent: -9999px;
    width: 100%;
    height: 100%;
    vertical-align: baseline;
}

img.emoji {
    width: 1em;
    height: 1em;
}

.emoji-wysiwyg-editor:empty:before {
    content: attr(placeholder);
    color: #9aa2ab;
}

.emoji-picker-container {
    position: relative;
    margin: 0;
    height: 140px;
    padding-top: 32px;
}

.emoji-picker-icon {
    cursor: pointer;
    position: absolute;
    left: 0px;
    top: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    opacity: 1;
    z-index: 100;
    transition: none;
    color: black;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.emoji-picker-icon:active,
.emoji-picker-icon.active {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.emoji-picker-icon:before {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.emoji-picker-icon.parent-has-scroll {
    right: 28px;
}

.emoji-picker-icon:hover {
    opacity: 1;
}

/* Emoji area */
.emoji-wysiwyg-editor:empty:before {
    content: attr(placeholder);
    color: #9aa2ab;
}

.emoji-wysiwyg-editor:active:before,
.emoji-wysiwyg-editor:focus:before {
    content: none;
}

.emoji-wysiwyg-editor {
    padding: 6px;
    margin-bottom: 0px;
    min-height: 35px;
    /* 35 */
    height: 30px;
    max-height: 284px;
    overflow: auto;
    line-height: 17px;
    border: 1px solid #d2dbe3;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-user-select: text;
    word-wrap: break-word;
    color: #333;
}

.emoji-wysiwyg-editor.parent-has-scroll {
    padding-right: 40px;
}

.emoji-wysiwyg-editor.single-line-editor {
    min-height: 35px;
    height: inherit;
}

.emoji-wysiwyg-editor img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin: -3px 0 0 0;
}

.emoji-menu {
    position: absolute;
    top: 32px;
    right: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.emoji-items-wrap1 {
    background: #ffffff;
    padding: 0;
}

.emoji-items-wrap1 .emoji-menu-tabs {
    width: 100%;
    border: 0;
    background: #f8f8f8;
}

.emoji-items-wrap1 .emoji-menu-tabs td {
    text-align: center;
    color: white;
    line-height: 0;
    max-width: 30px;
}

.emoji-menu-tabs .emoji-menu-tab {
    display: block;
    height: 30px;
    border: 0;
    position: relative;
    cursor: pointer;
    opacity: .7;
}

.emoji-menu-tabs .emoji-menu-tab:hover {
    opacity: 1;
}

.emoji-menu-tabs .emoji-menu-tab:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    height: 30px;
    line-height: 30px;
    content: "";
    color: #aaa;
    font-family: "FontAwesome";
    font-size: 18px;
    margin-left: -50%;
}

.emoji-menu-tabs .emoji-menu-tab.icon-recent:before {
    content: "\f017";
}

.emoji-menu-tabs .emoji-menu-tab.icon-recent-selected:before {
    content: "\f017";
    color: #009ade;
}

.emoji-menu-tabs .emoji-menu-tab.icon-smile:before {
    content: "\f118";
}

.emoji-menu-tabs .emoji-menu-tab.icon-smile-selected:before {
    content: "\f118";
    color: #009ade;
}

.emoji-menu-tabs .emoji-menu-tab.icon-flower:before {
    content: "\f06c";
}

.emoji-menu-tabs .emoji-menu-tab.icon-flower-selected:before {
    content: "\f06c";
    color: #009ade;
}

.emoji-menu-tabs .emoji-menu-tab.icon-bell:before {
    content: "\f0f3";
}

.emoji-menu-tabs .emoji-menu-tab.icon-bell-selected:before {
    content: "\f0f3";
    color: #009ade;
}

.emoji-menu-tabs .emoji-menu-tab.icon-car:before {
    content: "\f1b9";
}

.emoji-menu-tabs .emoji-menu-tab.icon-car-selected:before {
    content: "\f1b9";
    color: #009ade;
}

.emoji-menu-tabs .emoji-menu-tab.icon-grid:before {
    content: "\f292";
}

.emoji-menu-tabs .emoji-menu-tab.icon-grid-selected:before {
    content: "\f292";
    color: #009ade;
}

.emoji-menu-tabs .emoji-menu-tab.icon-recent-selected,
.emoji-menu-tabs .emoji-menu-tab.icon-smile-selected,
.emoji-menu-tabs .emoji-menu-tab.icon-flower-selected,
.emoji-menu-tabs .emoji-menu-tab.icon-bell-selected,
.emoji-menu-tabs .emoji-menu-tab.icon-car-selected,
.emoji-menu-tabs .emoji-menu-tab.icon-grid-selected {
    background: #fff;
}

.emoji-menu-tabs .icon-recent {
    background-position: -9px -306px;
}

.emoji-menu-tabs .icon-recent-selected {
    background-position: -9px -277px;
}

.emoji-menu-tabs .icon-smile {
    background-position: -9px -34px;
}

.emoji-menu-tabs .icon-smile-selected {
    background-position: -9px -5px;
}

.emoji-menu-tabs .icon-flower {
    background-position: -9px -145px;
}

.emoji-menu-tabs .icon-flower-selected {
    background-position: -9px -118px;
}

.emoji-menu-tabs .icon-bell {
    background-position: -9px -89px;
}

.emoji-menu-tabs .icon-bell-selected {
    background-position: -9px -61px;
}

.emoji-menu-tabs .icon-car {
    background-position: -9px -196px;
}

.emoji-menu-tabs .icon-car-selected {
    background-position: -9px -170px;
}

.emoji-menu-tabs .icon-grid {
    background-position: -9px -248px;
}

.emoji-menu-tabs .icon-grid-selected {
    background-position: -9px -222px;
}

.emoji-menu .emoji-items-wrap {
    position: relative;
    height: 174px;
    padding: 5px;
    overflow-y: auto;
}

.emoji-menu .emoji-items {
    padding-right: 8px;
    outline: 0 !important;
}

.emoji-menu img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border: 0 none;
}

.emoji-menu .emoji-items a {
    margin: -1px 0 0 -1px;
    padding: 5px;
    display: block;
    float: left;
    border-radius: 2px;
    border: 0;
}

.emoji-menu .emoji-items a:hover {
    background-color: #edf2f5;
}

.emoji-menu:after {
    content: ' ';
    display: block;
    clear: left;
}

.emoji-menu a .label {
    display: none;
}

.timeline-log {
    position: relative;
    display: block;
    min-height: 600px;
    padding: 15px 0;
}

.timeline-log .timeline-log-panel {
    padding: 0;
    margin-bottom: 10px;
}

.timeline-log .date {
    display: block;
    width: 90px;
    text-align: center;
    margin: 0 0 0 60px;
    padding: 3px 10px;
    background: #eee;
    border-radius: 100px;
}

.timeline-log .timeline-log-panel-item {
    position: relative;
    padding: 15px 15px 15px 60px;
}

.timeline-log .timeline-log-panel-item .timeline-log-panel-item-mark {
    position: absolute;
    top: 24px;
    left: 8px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    background: #ff9000;
    z-index: 98;
    text-align: center;
}

.timeline-log .timeline-log-panel-item .timeline-log-panel-item-mark i {
    color: #fff;
}

.timeline-log .timeline-log-panel-item:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #eeeeee;
    z-index: 9;
    height: auto;
    top: 0;
    bottom: 0;
    left: 24px;
    margin: -15px 0;
}

.timeline-log .timeline-log-panel-item .card {
    position: relative;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    background: #fff;
}

.timeline-log .timeline-log-panel-item .card:before {
    position: absolute;
    top: 18px;
    left: -5px;
    content: "";
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
    z-index: 2;
    background: #fff;
}

.timeline-log .timeline-log-panel-item .card .card-header {
    padding: 3px 10px;
    height: auto;
    overflow: hidden;
    line-height: 30px;
    border-bottom: 1px solid #f1f1f1;
}

.timeline-log .timeline-log-panel-item .card .card-header .user-photo {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 30px;
}

.timeline-log .timeline-log-panel-item .card .card-header .user-photo img {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin: 0 auto;
    background: #eee;
}

.timeline-log .timeline-log-panel-item .card .card-header .user-name {
    float: left;
    padding-left: 10px;
    font-weight: bold;
}

.timeline-log .timeline-log-panel-item .card .card-header .type {
    float: left;
    text-align-last: left;
    padding: 0 10px;
}

.timeline-log .timeline-log-panel-item .card .card-header .type span {
    display: inline-block;
    background: #e8f6ff;
    padding: 2px 10px;
    line-height: 18px;
    border-radius: 30px;
    color: #0077c3;
}

.timeline-log .timeline-log-panel-item .card .card-header .card-header-after {
    float: right;
    color: #999;
}

.timeline-log .timeline-log-panel-item .card .card-block {
    padding: 15px;
    font-size: 15px;
}

.timeline-log .timeline-log-panel-item .card .card-footer {
    position: relative;
    padding: 10px 80px 10px 15px;
    color: #888;
    height: auto;
    overflow: hidden;
    min-height: 40px;
}

.timeline-log .timeline-log-panel-item .card .card-footer .card-footer-before {
    float: left;
}

.timeline-log .timeline-log-panel-item .card .card-footer .card-footer-before a {
    padding-left: 10px;
    color: #888;
    text-decoration: underline;
}

.timeline-log .timeline-log-panel-item .card .card-footer .card-footer-before a:hover {
    text-decoration: none;
    color: #333;
}

.timeline-log .timeline-log-panel-item .card .card-footer .card-footer-before span {
    padding: 0 10px;
}

.timeline-log .timeline-log-panel-item .card .card-footer .card-footer-after {
    float: right;
}

.timeline-log .timeline-log-panel-item .card .card-footer .card-footer-after .btn {
    position: absolute;
    top: 50%;
    right: 15px;
    margin: -15px 0 0;
    border: 1px solid #ddd;
}

.timeline-log .timeline-log-panel-item .timeline-log-reply {
    padding: 0 10px 10px;
}

.timeline-log .timeline-log-panel-item .timeline-log-reply .card {
    background: #f7fbfe;
    margin: 5px 0 0 25px;
    box-shadow: 0 0 4px rgba(45, 125, 200, 0.25);
}

.timeline-log .timeline-log-panel-item .timeline-log-reply .card:before {
    display: none;
}

.timeline-log .timeline-log-panel-item .timeline-log-reply .card+.card,
.timeline-log .timeline-log-panel-item .timeline-log-reply .card+.form-group {
    margin-top: 10px;
}

.timeline-log .timeline-log-panel-item .timeline-log-reply .card .card-header {
    border-color: #e1f0f5;
}

.timeline-log .timeline-log-panel-item .timeline-log-reply .card .card-block {
    color: #006592;
    font-size: 14px;
}

.timeline-log .timeline-log-panel-item .timeline-log-reply .form-group {
    margin: 0;
    height: auto;
}

.timeline-log .timeline-log-panel-item .timeline-log-reply .form-group .btn {
    height: 40px;
    border: 1px solid #d9e9f8;
    margin-left: 0;
}

.timeline-log .timeline-log-panel-item .timeline-log-reply .card .card-footer .card-footer-after .btn-icon {
    border: 0;
    right: 10px;
    background: none;
}

.timeline-log .timeline-log-panel-item .timeline-log-reply .card .card-footer .card-footer-after .btn-icon i {
    color: #f39800;
}

.logtimeline-right {
    float: right;
}

.layout-planes>.nspanel.logtimeline-right {
    border-left: 15px solid #f4f8f9;
}

.graphics-score-star {
    position: relative;
    cursor: pointer;
}

.empty-star,
.fill-star {
    position: absolute;
    top: 3px;
    left: 0;
    bottom: 0;
    width: auto;
    white-space: nowrap;
}

.empty-star .star,
.fill-star .star,
.empty-star .fill-star .star,
.fill-star .fill-star .star {
    padding: 0 5px;
    text-align: center;
    width: 38px;
    height: 38px;
    line-height: 38px;
}

.empty-star i,
.fill-star i {
    font-size: 32px;
}

.star-sm .empty-star,
.star-sm .fill-star {
    top: 3px;
}

.star-sm i {
    font-size: 18px;
}

.star-md .empty-star,
.star-md .fill-star {
    top: 5px;
}

.star-md i {
    font-size: 24px;
}

.empty-star {
    color: #aaa;
}

.fill-star {
    width: 0;
    overflow: hidden;
    color: #fde16d;
    height: 38px;
}

.statistics {
    display: table;
    width: 100%;
    border: 1px solid #d9e9f8;
    background: #fff;
}

.statistics .title {
    margin: 0;
    padding: 5px 15px 5px 20px;
    position: relative;
}

.statistics .title:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    background: #f39800;
    z-index: 9;
    left: 10px;
    height: 12px;
}

.statistics .format-content {
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}

.statistics .statistics-item {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 15px 0;
}

.statistics .statistics-item .format-content-value {
    font-size: 18px;
}

.statistics .statistics-item .format-content-value a {
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding: 5px 0;
}

.statistics .statistics-item .format-content-value a:hover {
    color: #009ade;
}

.statistics .statistics-item .format-content-name {
    text-align: center;
    color: #999;
}

.step_process ul {
    margin: 0;
    padding: 15px 0;
    display: table;
    width: 100%;
    table-layout: fixed;
}

.step_process ul li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
    padding: 25px 0 10px;
}

.step_process ul li span {
    display: block;
    padding-top: 30px;
    background: #fff;
    position: relative;
}

.step_process ul li span:before {
    position: absolute;
    content: "\f10c";
    font-family: "FontAwesome";
    top: -11px;
    left: 50%;
    margin: 0 0 0 -12px;
    font-size: 18px;
    border: 5px solid #fff;
    background: #fff;
    z-index: 9;
    color: #d9e9f8;
}

.step_process ul li span:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #d9e9f8;
    z-index: 9;
    top: 5px;
    left: 0;
    z-index: 2;
}

.step_process ul li.current {
    color: #4ad6b0;
}

.step_process ul li.current span:before {
    content: "\f192";
    color: #4ad6b0;
}

.step_process ul li.current span:after {
    background: #4ad6b0;
}

.step_process ul li.complete {
    color: #777;
}

.step_process ul li.complete span:before {
    content: "\f058";
}

.calendar {
    position: relative;
    min-width: 320px;
    background: #fff;
}

.calendar .calendar-row {
    display: table;
    width: 100%;
    table-layout: fixed;
    height: 3rem;
}

.calendar .calendar-row .calendar-item {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.calendar .calendar-row .calendar-item.today,
.calendar .calendar-row .calendar-item.prev,
.calendar .calendar-row .calendar-item.next {
    width: 60px;
}

.calendar .calendar-row .calendar-item.today i,
.calendar .calendar-row .calendar-item.prev i,
.calendar .calendar-row .calendar-item.next i {
    padding: 0;
}

.calendar .calendar-row .calendar-item.year {
    text-align: left;
    padding-left: 2rem;
    font-weight: bold;
}

.calendar .calendar-row button {
    background: transparent;
    border: 0;
}

.calendar .calendar-years {
    border-bottom: 1px solid #eee;
}

.calendar .calendar-years .calendar-row {
    position: relative;
    height: 3rem;
    cursor: pointer;
}

.calendar .calendar-years i {
    padding-left: 10px;
}

.calendar .calendar-years .calendar-item {
    position: relative;
}

.calendar .calendar-years .calendar-item .calendar-dropdown ul>li>a {
    font-weight: normal;
}

.calendar .calendar-month .calendar-row {
    position: relative;
    height: 3rem;
    cursor: pointer;
}

.calendar .calendar-month i {
    padding-left: 10px;
}

.calendar .calendar-month .calendar-item {
    position: relative;
}

.calendar .calendar-weeks {
    background: #f5f5f5;
}

.calendar .calendar-weeks .calendar-row {
    height: 2.5rem;
}

.calendar .calendar-days .calendar-row {
    height: 4rem;
}

.calendar .calendar-days .calendar-item {
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.calendar .calendar-days .calendar-item .calendar-tips {
    position: absolute;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    top: 6rem;
    left: 0;
    margin: 0;
    width: 18rem;
    background: #fff;
}

.calendar .calendar-days .calendar-item:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    background: #eee;
    margin: -1rem 0 0 -1rem;
    transition: ease-in-out all 0.35s;
    transform: scale(0);
    opacity: 0;
    border-radius: 4rem;
    z-index: -1;
}

.calendar .calendar-days .calendar-item:hover {
    color: #222;
}

.calendar .calendar-days .calendar-item:hover:after {
    transform: scale(1.25);
    opacity: 1;
}

.calendar .calendar-days .calendar-item.past {
    color: #ccc;
}

.calendar .calendar-days .calendar-item.current {
    color: #fff;
}

.calendar .calendar-days .calendar-item.current:after {
    background: #009ade;
    opacity: 1;
    transform: scale(1.25);
}

.calendar .calendar-days .calendar-item.current:hover {
    color: #222;
}

.calendar .calendar-days .calendar-item.current:hover:after {
    background: #eee;
    transform: scale(1.25);
    opacity: 1;
}

.calendar .calendar-days .calendar-item.active {
    color: #fff;
}

.calendar .calendar-days .calendar-item.active:after {
    background: #ff7900;
    opacity: 1;
    transform: scale(1.25);
}

.calendar .calendar-days .calendar-item.active:hover {
    color: #222;
}

.calendar .calendar-days .calendar-item.active:hover:after {
    background: #eee;
    transform: scale(1.25);
    opacity: 1;
}

.calendar .calendar-days .calendar-item.mark {
    background: transparent !important;
}

.calendar .calendar-days .calendar-item.mark:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border-radius: 1rem;
    background: #e60012;
    margin: 15px 0 0 -3px;
}

.calendar .calendar-days .calendar-item.badge-mark {
    background: transparent !important;
}

.calendar .calendar-days .calendar-item.badge-mark .badge {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    line-height: 16px;
    margin: -15px 0 0 10px;
    padding: 0;
    text-align: center;
    font-family: "proxima-nova", "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-size: 8px;
    font-weight: normal;
    background: #f39800;
}

.calendar .calendar-dropdown {
    position: absolute;
    top: 60px;
    left: 50%;
    width: 120px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    margin: 0 0 0 -60px;
    opacity: 0;
    transition: ease-in-out all 0.35s;
    display: none;
}

.calendar .calendar-dropdown.show {
    top: 3rem;
    opacity: 1;
    display: block;
    z-index: 9;
}

.calendar .calendar-dropdown:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #fff;
    top: -5px;
    left: 50%;
    margin: 0 0 0 -5px;
    transform: rotate(45deg);
    box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.08);
    z-index: -1;
}

.calendar .calendar-dropdown ul {
    height: 174px;
    overflow-y: auto;
    padding: 0;
    margin-bottom: 0;
}

.calendar .calendar-dropdown ul::-webkit-scrollbar {
    display: none;
}

.calendar .calendar-dropdown ul li {
    list-style: none;
}

.calendar .calendar-dropdown ul li a {
    display: block;
    background: #fff;
    padding: .5rem 1rem;
}

.calendar .calendar-dropdown ul li a:hover {
    background: #f5f5f5;
}

.calendar .calendar-dropdown ul li.current a {
    background: #009ade;
    color: #fff;
}

.calendar .calendar-dropdown.years {
    left: 0;
    margin-left: 10px;
}

.calendar.calendar-lg {
    min-width: 514px;
}

.calendar.calendar-lg .calendar-row {
    height: 4rem;
}

.calendar.calendar-lg .calendar-item {
    font-size: 14px;
}

.calendar.calendar-lg .calendar-years .calendar-row {
    height: 4rem;
}

.calendar.calendar-lg .calendar-years .calendar-row .calendar-dropdown.show {
    top: 4rem;
}

.calendar.calendar-lg .calendar-weeks .calendar-row {
    height: 4rem;
}

.calendar.calendar-lg .calendar-days .calendar-row {
    height: 6rem;
}

.calendar.calendar-lg .calendar-days .calendar-item:before {
    margin-top: 20px;
}

.calendar.calendar-lg .calendar-days .calendar-item:after {
    width: 2.4rem;
    height: 2.4rem;
    margin: -1.2rem 0 0 -1.2rem;
}

.calendar.calendar-lg .calendar-dropdown.show {
    top: 4rem;
}

.calendar .calendar-text .calendar-text-empty {
    border-top: 1px solid #eee;
    padding: 2.5rem;
    text-align: center;
}

.calendar .calendar-text .calendar-text-empty i {
    font-size: 4rem;
    color: #eee;
}

.calendar .calendar-text .calendar-text-empty span {
    display: block;
    text-align: center;
    line-height: 2rem;
    color: #ccc;
}

.calendar .calendar-text .calendar-text-list {
    margin: 0;
    padding: 1rem 0;
    border-top: 1px solid #eee;
}

.calendar .calendar-text .calendar-text-list li {
    position: relative;
    list-style: none;
    padding: 1rem 3rem;
    color: #666;
}

.calendar .calendar-text .calendar-text-list li:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #eeeeee;
    z-index: 9;
    left: 18px;
    top: 0;
}

.calendar .calendar-text .calendar-text-list li:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    top: 1.25rem;
    left: 15px;
    background: #ccc;
    border-radius: 4rem;
    z-index: 9;
}

.calendar .calendar-text .calendar-text-list li a {
    padding: 0 .5rem;
    color: #222;
    text-decoration: underline;
}

.calendar .calendar-text .calendar-text-list li a:hover {
    text-decoration: none;
}

.calendar .calendar-text .calendar-text-list li .btn {
    position: absolute;
    top: 5px;
    right: 3px;
}

.calendar .calendar-text .calendar-text-list li .btn i {
    color: #ddd;
}

.calendar .calendar-text .calendar-text-list li .btn:hover {
    box-shadow: none;
}

.calendar .calendar-text .calendar-text-list li .btn:hover i {
    color: #666;
}

.factory-dropdown {
    position: absolute;
    z-index: 1099;
    top: 0;
    border: 1px solid #d9e9f8;
    background: #fff;
    padding: 1rem;
    box-shadow: 4px 4px 1px rgba(0, 0, 0, 0.08);
}

.factory-dropdown .factory-tag {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #eff5fc;
    margin: -1px 0 0 -1px;
    cursor: pointer;
}

.factory-dropdown .factory-tag:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) inset;
    color: #009ade;
}

.advanced-search {
    position: fixed;
    top: 120px;
    left: 50%;
    display: table;
    width: 900px;
    margin: 0 0 0 -450px;
    z-index: 1099;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.advanced-search:after {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    background: rgba(0, 0, 0, 0.15);
}

.advanced-search .tree {
    display: table-cell;
    width: 240px;
    padding: 15px;
    vertical-align: top;
    background: #3e76be;
}

.advanced-search .tree .uk-nestable {
    border: none;
}

.advanced-search .advanced-search-box {
    display: table-cell;
    vertical-align: top;
    background: #fff;
}

.advanced-search .advanced-search-box .advanced-search-header {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

.advanced-search .advanced-search-box .advanced-search-header h4 {
    margin: 0;
    display: inline-block;
}

.advanced-search .advanced-search-box .advanced-search-header .colse {
    float: right;
}

.advanced-search .advanced-search-box .advanced-search-body {
    padding: 15px;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-text {
    position: relative;
    padding: 15px 0 15px 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-text p {
    margin: 0;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-text:before {
    position: absolute;
    content: "";
    width: 5px;
    top: 15px;
    bottom: 15px;
    left: 0;
    background: #eee;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-tags {
    background: #f2f2f2;
    height: 40px;
    margin-bottom: 20px;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-tags .advanced-search-tags-item {
    position: relative;
    display: inline-block;
    padding: 0 20px 0 10px;
    margin: 0;
    height: 40px;
    line-height: 40px;
    background: transparent;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-tags .advanced-search-tags-item:after {
    position: absolute;
    content: "\f057";
    top: 0;
    right: 5px;
    font-family: "FontAwesome";
    color: transparent;
    transition: ease-in-out all 0.35s;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-tags .advanced-search-tags-item:hover {
    background: #ebebeb;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-tags .advanced-search-tags-item:hover:after {
    color: #777;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-tags .advanced-search-tags-item+.advanced-search-tags-item {
    margin-left: -4px;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-forms .advanced-search-forms-item {
    padding: 10px 0;
    border: 1px solid #d9e9f8;
    border-width: 1px 0;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-forms .advanced-search-forms-item+.advanced-search-forms-item {
    margin-top: -1px;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-forms .panel-form .fillbg {
    margin: 0;
    background: transparent;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-forms .panel-form .fillbg .form-td {
    display: inline-block;
    float: none;
    background: transparent;
    border: 0;
    margin: 0;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-forms .panel-form .fillbg .form-td .control-label {
    min-width: 160px;
    background: transparent;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-forms .panel-form .fillbg .form-td .form-item {
    background: transparent;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-forms .panel-form .fillbg .form-td .form-item:before {
    display: none;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-forms .panel-form .fillbg .form-td .form-item .form-control {
    padding: 0 7.5px;
    border: 1px solid #d9e9f8;
}

.advanced-search .advanced-search-box .advanced-search-body .advanced-search-forms .panel-form .fillbg.row-close {
    padding: 0;
}

.advanced-search .advanced-search-box .advanced-search-footer {
    padding: 10px 15px;
}

.advanced-search .advanced-search-box .advanced-search-footer .btn.btn-white:first-child {
    background: #6391cc;
}

.advanced-search .advanced-search-box .advanced-search-footer .btn.btn-white:first-child span,
.advanced-search .advanced-search-box .advanced-search-footer .btn.btn-white:first-child i {
    color: #fff;
}

.advanced-search .advanced-search-box .advanced-search-footer .btn.btn-white:first-child:hover {
    background: #3e76be;
    box-shadow: none;
}

.caret.top {
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #000000;
    border-left: 4px solid transparent;
}

.caret.right {
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #000000;
}

.caret.bottom {
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
}

.caret.left {
    border-top: 4px solid transparent;
    border-right: 4px solid #000000;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
}

.badge {
    color: #fff;
}

.badge.badge-primary {
    background: #3d97dc;
}

.badge.badge-success {
    background: #44ddac;
}

.badge.badge-warning {
    background: #e09723;
}

.badge.badge-danger {
    background: #ff3200;
}

.badge.badge-empty {
    display: block;
    padding: 0;
    width: 8px;
    height: 8px;
    min-width: 8px;
    max-width: 8px;
    border-radius: 8px;
}

/* BASICS */
.CodeMirror {
    /* Set height, width, borders, and global font properties here */
    font-family: monospace;
    height: 300px;
    color: black;
    direction: ltr;
}

/* PADDING */
.CodeMirror-lines {
    padding: 4px 0;
    /* Vertical padding around content */
}

.CodeMirror pre {
    padding: 0 4px;
    /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
    background-color: white;
    /* The little square between H and V scrollbars */
}

/* GUTTER */
.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap;
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap;
}

.CodeMirror-guttermarker {
    color: black;
}

.CodeMirror-guttermarker-subtle {
    color: #999;
}

/* CURSOR */
.CodeMirror-cursor {
    border-left: 1px solid black;
    border-right: none;
    width: 0;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0 !important;
    background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1;
}

.cm-fat-cursor-mark {
    background-color: rgba(20, 255, 20, 0.5);
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite;
}

.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    -webkit-animation: blink 1.06s steps(1) infinite;
    -moz-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite;
    background-color: #7e7;
}

@-moz-keyframes blink {
    50% {
        background-color: transparent;
    }
}

@-webkit-keyframes blink {
    50% {
        background-color: transparent;
    }
}

@keyframes blink {
    50% {
        background-color: transparent;
    }
}

/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
    display: inline-block;
    text-decoration: inherit;
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: -20px;
    overflow: hidden;
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute;
}

/* DEFAULT THEME */
.cm-s-default .cm-header {
    color: blue;
}

.cm-s-default .cm-quote {
    color: #090;
}

.cm-negative {
    color: #d44;
}

.cm-positive {
    color: #292;
}

.cm-header,
.cm-strong {
    font-weight: bold;
}

.cm-em {
    font-style: italic;
}

.cm-link {
    text-decoration: underline;
}

.cm-strikethrough {
    text-decoration: line-through;
}

.cm-s-default .cm-keyword {
    color: #708;
}

.cm-s-default .cm-atom {
    color: #219;
}

.cm-s-default .cm-number {
    color: #164;
}

.cm-s-default .cm-def {
    color: #00f;
}

.cm-s-default .cm-variable-2 {
    color: #05a;
}

.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
    color: #085;
}

.cm-s-default .cm-comment {
    color: #a50;
}

.cm-s-default .cm-string {
    color: #a11;
}

.cm-s-default .cm-string-2 {
    color: #f50;
}

.cm-s-default .cm-meta {
    color: #555;
}

.cm-s-default .cm-qualifier {
    color: #555;
}

.cm-s-default .cm-builtin {
    color: #30a;
}

.cm-s-default .cm-bracket {
    color: #997;
}

.cm-s-default .cm-tag {
    color: #170;
}

.cm-s-default .cm-attribute {
    color: #00c;
}

.cm-s-default .cm-hr {
    color: #999;
}

.cm-s-default .cm-link {
    color: #00c;
}

.cm-s-default .cm-error {
    color: #f00;
}

.cm-invalidchar {
    color: #f00;
}

.CodeMirror-composing {
    border-bottom: 2px solid;
}

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #a22;
}

.CodeMirror-matchingtag {
    background: rgba(255, 150, 0, 0.3);
}

.CodeMirror-activeline-background {
    background: #e8f2ff;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
    position: relative;
    overflow: hidden;
    background: white;
}

.CodeMirror-scroll {
    overflow: auto !important;
    /* Things will break if this is overridden */
    /* 30px is the magic margin used to hide the element's real scrollbars */
    /* See overflow: hidden in .CodeMirror */
    height: 100%;
    outline: none;
    /* Prevent dragging from highlighting the element */
    position: relative;
    border: 1px solid #e4e4e4;
}

.CodeMirror-sizer {
    position: relative;
    border-right: 30px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
    position: absolute;
    z-index: 6;
    display: none;
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0;
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0;
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3;
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -30px;
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: none !important;
    border: none !important;
}

.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4;
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4;
}

.CodeMirror-gutter-wrapper ::selection {
    background-color: transparent;
}

.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent;
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px;
    /* prevents collapsing before first draw */
}

.CodeMirror pre {
    /* Reset some styles that the rest of the page might have set */
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-width: 0;
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-variant-ligatures: contextual;
    font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal;
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    padding: 0.1px;
    /* Force widget margins to stay inside of the container */
}

.CodeMirror-rtl pre {
    direction: rtl;
}

.CodeMirror-code {
    outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.CodeMirror-cursor {
    position: absolute;
    pointer-events: none;
}

.CodeMirror-measure pre {
    position: static;
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3;
}

div.CodeMirror-dragcursors {
    visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
    visibility: visible;
}

.CodeMirror-selected {
    background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0;
}

.CodeMirror-crosshair {
    cursor: crosshair;
}

.CodeMirror-line::selection,
.CodeMirror-line>span::selection,
.CodeMirror-line>span>span::selection {
    background: #d7d4f0;
}

.CodeMirror-line::-moz-selection,
.CodeMirror-line>span::-moz-selection,
.CodeMirror-line>span>span::-moz-selection {
    background: #d7d4f0;
}

.cm-searching {
    background-color: #ffa;
    background-color: rgba(255, 255, 0, 0.4);
}

/* Used to force a border model for a node */
.cm-force-border {
    padding-right: .1px;
}

@media print {

    /* Hide the cursor when printing */
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden;
    }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after {
    content: '';
}

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
    background: none;
}

.imgeditor .imgeditor-header .imgeditor-header-after {
    display: inline-block;
}

.imgeditor .imgeditor-header .imgeditor-header-after .btn {
    padding: 7px;
}

.imgeditor .imgeditor-header .imgeditor-header-after .dropdown {
    display: inline-block;
}

.imgeditor .imgeditor-header .imgeditor-header-after .dropdown .dropdown-menu {
    min-width: 311px;
    box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.15);
    border: 5px solid #56b1fc;
    padding: 0 15px;
}

.imgeditor .imgeditor-header .imgeditor-header-after .dropdown.open>.dropdown-toggle.btn-info {
    background: #56b1fc;
    border-color: #56b1fc;
}

.imgeditor .imgeditor-header .imgeditor-header-after .dropdown.open>.dropdown-toggle.btn-info:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15) inset;
}

.imgeditor .imgeditor-header .imgeditor-header-after .dropdown.open>.dropdown-toggle.btn-info i {
    color: #fff;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item {
    padding: 15px 0;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item+.eidtor-tools-item {
    border-top: 1px solid #f5f5f5;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    transition: ease-in-out all 0.35s;
    cursor: pointer;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span+span {
    margin-left: 10px;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span:after {
    display: block;
    position: absolute;
    content: "";
    z-index: 9;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-line:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #666666;
    z-index: 9;
    top: 9px;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-line.checked:after,
.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-line:hover:after {
    background: #56b1fc;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-circle:after {
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    border: 1px solid #666666;
    border-radius: 20px;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-circle .checked:after,
.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-circle:hover:after {
    border-color: #56b1fc;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-dot:after {
    width: 6px;
    height: 6px;
    top: 50%;
    left: 50%;
    border-radius: 20px;
    background: #666666;
    margin: -3px;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-dot.checked:after,
.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-dot:hover:after {
    background: #56b1fc;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color {
    width: 18px;
    height: 18px;
    border-color: transparent;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.red {
    background: #ff0000;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.red.checked,
.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.red:hover {
    border-color: #ff0000;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.orange {
    background: #ff7800;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.orange.checked,
.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.orange:hover {
    border-color: #ff7800;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.yellow {
    background: #ffc600;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.yellow.checked,
.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.yellow:hover {
    border-color: #ffc600;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.green {
    background: #10df41;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.green.checked,
.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.green:hover {
    border-color: #10df41;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.cyan {
    background: #00bad6;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.cyan.checked,
.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.cyan:hover {
    border-color: #00bad6;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.blue {
    background: #1800ff;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.blue.checked,
.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.blue:hover {
    border-color: #1800ff;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.purple {
    background: #a800ff;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.purple.checked,
.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.purple:hover {
    border-color: #a800ff;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.dark {
    background: #000000;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.dark.checked,
.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.dark:hover {
    border-color: #000000;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.light {
    background: #f0f0f0;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.light.checked,
.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.light:hover {
    border-color: #eff5fc;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color.checked,
.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-color:hover {
    border: 5px solid #d9e9f8;
    background-color: transparent;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-pen:after {
    position: absolute;
    display: block;
    content: "";
    border-radius: 20px;
    background: #666666;
    z-index: 9;
    top: 50%;
    left: 50%;
    transition: ease-in-out all 0.35s;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-pen.light:after {
    width: 6px;
    height: 6px;
    margin: -3px;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-pen.normal:after {
    width: 12px;
    height: 12px;
    margin: -6px;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-pen.bold:after {
    width: 18px;
    height: 18px;
    margin: -9px;
}

.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-pen.checked:after,
.imgeditor .imgeditor-header .imgeditor-header-after .eidtor-tools .eidtor-tools-item span.editor-pen:hover:after {
    background: #56b1fc;
}

.imgeditor .imgeditor-body {
    padding-top: 5px;
}

.imgeditor .imgeditor-body .imgeditor-area {
    display: table;
    width: 100%;
    height: 100%;
}

.imgeditor .imgeditor-body .imgeditor-area .imgeditor-area-item {
    display: table-cell;
    width: 50%;
    height: 100%;
    vertical-align: middle;
}

.imgeditor .imgeditor-body .imgeditor-area .imgeditor-area-item+.imgeditor-area-item {
    border-left: 3px dashed #d9e9f8;
}

.imgeditor .imgeditor-body .imgeditor-area .imgeditor-area-item canvas {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.webupload {
    position: relative;
    width: 100%;
    height: 200px;
    border: 1px solid #d9e9f8;
    margin: 10px auto 110px;
    box-sizing: border-box;
}

.webupload.webupload-start:after {
    position: absolute;
    content: "\f093";
    top: -1px;
    left: -1px;
    width: 102%;
    height: 200px;
    line-height: 200px;
    text-align: center;
    font-family: "FontAwesome";
    font-size: 24px;
    color: #eee;
    background: #f8f8f8;
    border: 1px solid #d9e9f8;
    box-sizing: border-box;
}

.webupload .progres-box {
    position: absolute;
    right: -1px;
    bottom: -18px;
    left: -1px;
    background: transparent;
}

.webupload .progress {
    margin: 0;
    background: #53d69d;
    color: #fff;
}

.webupload .progress .text {
    display: block;
    text-align: center;
}

.webupload .progress .percent {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.webupload .webuploader-pick {
    position: absolute;
    width: 168px;
    text-align: center;
    left: 50%;
    bottom: -60px;
    margin-left: -84px;
}

.webupload .form-control-focus {
    position: absolute;
    top: 200px;
    right: 0;
    left: 0;
}

.webupload .form-control-focus label {
    padding: 6px 12px;
    margin: 0;
}

.webupload .form-control-focus .webuploader-pick {
    width: 168px;
    border: 1px solid #d9e9f8;
    padding: 6px 12px;
    transition: ease-in-out all 0.15s;
    margin-left: -84px;
}

.webupload .form-control-focus:hover .webuploader-pick {
    background: #358fff;
    border-color: #358fff;
    color: #fff;
}

.webupload .btn.btn-default.uploadBtn {
    position: absolute;
    width: 168px;
    text-align: center;
    left: 50%;
    bottom: -100px;
    background: #53d69d;
    border: 1px solid #53d69d;
    margin-left: -84px;
    color: #fff;
}

.webupload .btn.btn-default.uploadBtn:hover {
    background: #31c484;
    border-color: #31c484;
    box-shadow: none;
}

.webupload .btn.btn-default.disabled {
    border: 1px solid #ddd;
    background: #f5f5f5;
    color: #888;
}

.webupload .statusBar .info {
    text-align: left;
    background: #f5f5f5;
    padding: 5px;
    border-bottom: 1px solid #eee;
}

.webupload .filelist {
    height: 170px;
    overflow-y: auto;
    padding: 0;
    margin-bottom: 0;
}

.webupload .filelist li {
    text-align: right;
    list-style: none;
    background: #f8f8f8;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-top: -1px;
}

.webupload .filelist li .title {
    display: block;
    width: 100%;
    text-align: left;
    background: #fff;
    padding: 10px 5px;
}

.webupload .filelist li .file-cancel {
    display: inline-block;
    margin-left: 10px;
    margin-right: 5px;
    cursor: pointer;
    color: #666;
    padding: 2px 0;
}

.webupload .filelist li .file-cancel:hover {
    color: #ff3100;
}

.webupload .filelist li .size {
    display: inline-block;
    color: #666;
    padding: 2px 0;
}

input[type="hidden"] {
    display: none;
}

input[type="file"] {
    display: block;
}

.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

/* 
    Default styles for jsPlumb Toolkit

    Copyright 2018 https://jsplumbtoolkit.com
*/
/* --------------------------------------------------------------------------------------------- */
/* --- SURFACE WIDGET -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/*
    Assigned to every Node managed by an instance of the Toolkit. They are required to be positioned absolute, to
    enable dragging to work properly.
*/
.jtk-node {
    position: absolute;
}

/*
    Assigned to every Group managed by an instance of the Toolkit. They are required to be positioned absolute, to
    enable dragging to work properly. We set overflow:visible on Group elements too, as a drag outside of the bounds
    is automatically reverted anyway, and without overflow:visible you cannot drag a node to some other element. You can
    also drag a node out of the element's viewport and if you drop it you can never get it back.
*/
.jtk-group {
    position: absolute;
    overflow: visible;
}

/*

    This is the attribute used to mark which part of a Group DOM element should contain the child Nodes. We mark it
    as having `position:relative` so that the absolute positioned Nodes are drawn correctly.
*/
[jtk-group-content] {
    position: relative;
}

/*
    This style was created in response to this Chrome bug:
    http://stackoverflow.com/questions/13758215/artifacts-when-css-scaled-in-chrome

    Basically it's about how sometimes there can be artefacts left on screen when the user drags an element. It seems
    the issue has been fixed in more recent versions of Chrome, but the style is left here in case you come across
    the problem.
*/
.jtk-node.jtk-drag {
    /*-webkit-backface-visibility: hidden;*/
}

/*
    Suppresses the pointer events on an element that was created by Katavorio in response to a drag in which the element
    should first be cloned. Having this clone ignore pointer events means there is less chance that any other
    mouse activity (such as click) on the original element will not be consumed by katavorio.
 */
.katavorio-clone-drag {
    pointer-events: none;
}

/*
    Assigned to an element that is the `Container` in a `render` call.
    Elements that are acting as Surface widgets should have overflow:hidden set to prevent libs from
    scrolling them during drag (we don't want scrollbars; we have an infinite canvas). Position is set to
    `relative` as this is the parent for nodes, which are positioned absolute (and for absolute positioning
    to work, you need to ensure the parent node has `position:relative`). This style also sets some default
    values for the cursor - using a `grab` cursor where supported.
*/
.jtk-surface {
    overflow: hidden !important;
    position: relative;
    cursor: move;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    /*
        For IE10+. As discussed on this page:

        https://msdn.microsoft.com/en-us/library/ie/jj583807(v=vs.85).aspx

        Microsoft have very helpfully implemented default behaviours for a bunch of touch events and
        then consumed the events so you don't have to be bothered by them. They've "done a lot of research"
        about this stuff and put together a really great default experience for everyone in the entire world.
    */
    touch-action: none;
    /*
        Another Chrome issue that appears to have been fixed in later versions
        http://stackoverflow.com/questions/15464055/css-transition-effect-makes-image-blurry-moves-image-1px-in-chrome
    */
    /*
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    */
}

/**
* Assigned to a Surface element when direct rendering is switched on - no pan or zoom, the underlying canvas scaled to fit its contents at zoom:1.
 */
.jtk-surface-direct-render {
    overflow: hidden !important;
}

/*
    Assigned to the surface when it is being panned. The default is to change the cursor (in browsers that support
    a `grabbing` cursor), and to disable text selection.
*/
.jtk-surface-panning {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*
    The work area in a surface renderer.
*/
.jtk-surface-canvas {
    overflow: visible !important;
}

/*
    For IE10+. Discussed above in the .jtk-surface styles. This one is specific to elements that are configured
    to be droppable on a Surface via its `registerDroppableNodes` method.
*/
.jtk-surface-droppable-node {
    touch-action: none;
}

/*
    Assigned to a Surface widget when panning is disabled (and therefore the app is relying on scrollbars when the content overflows).
*/
.jtk-surface-nopan {
    overflow: scroll !important;
    cursor: default;
}

/*
Assigned to tile images in a tiled background
*/
.jtk-surface-tile {
    border: none;
    outline: none;
    margin: 0;
    -webkit-transition: opacity .3s ease .15s;
    -moz-transition: opacity .3s ease .15s;
    -o-transition: opacity .3s ease .15s;
    -ms-transition: opacity .3s ease .15s;
    transition: opacity .3s ease .15s;
}

/*
    Assigned to the element used for node select with the mouse ("lasso").
*/
.jtk-lasso {
    border: 2px solid #3177b8;
    background-color: WhiteSmoke;
    opacity: 0.5;
    display: none;
    z-index: 20000;
    position: absolute;
}

/*
    This class is added to the document body on lasso drag start and removed at the end of lasso dragging. Its purpose
    is to switch off text selection on all elements while the user is dragging the lasso.
*/
.jtk-lasso-select-defeat * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/**
    Added to the lasso mask when it is operating in 'inverted' mode, ie. the excluded parts of the UI are covered, rather
    than the normal mode in which the selected parts of the UI are covered.
*/
.jtk-lasso-mask {
    position: fixed;
    z-index: 20000;
    display: none;
    opacity: 0.5;
    background-color: #07234E;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

/*
    Assigned to some element that has been selected (either via lasso or programmatically).
*/
.jtk-surface-selected-element {
    border: 2px dashed #f76258 !important;
}

/*
    Assigned to all pan buttons in a surface widget.
*/
.jtk-surface-pan {
    background-color: Azure;
    opacity: 0.4;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: background-color 0.15s ease-in;
    -moz-transition: background-color 0.15s ease-in;
    -o-transition: background-color 0.15s ease-in;
    transition: background-color 0.15s ease-in;
}

/*
    Specific styles for the top and bottom pan buttons.
    Top/bottom are 100% width and 20px high by default
*/
.jtk-surface-pan-top,
.jtk-surface-pan-bottom {
    width: 100%;
    height: 20px;
}

/*
    Hover styles for all pan buttons.
    On hover, change color, background color, font weight and opacity.
*/
.jtk-surface-pan-top:hover,
.jtk-surface-pan-bottom:hover,
.jtk-surface-pan-left:hover,
.jtk-surface-pan-right:hover {
    opacity: 0.6;
    background-color: #3177b8;
    color: white;
    font-weight: bold;
}

/*
    Specific styles for the left and right pan buttons.
    Left/right pan buttons are 100% height and 20px wide
*/
.jtk-surface-pan-left,
.jtk-surface-pan-right {
    width: 20px;
    height: 100%;
    line-height: 40;
}

/*
    Assigned to a pan button when the user is pressing it.
*/
.jtk-surface-pan-active,
.jtk-surface-pan-active:hover {
    background-color: #f76258;
}

/* --------------------------------------------------------------------------------------------- */
/* --- MINIVIEW WIDGET ------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/*
    Assigned to an element that is acting as a Miniview.
    As with Surface, Miniview elements should have overflow:hidden set to prevent
    libs from scrolling them during drag. This style also provides a default width/height for a miniview,
    which you may wish to override.
*/
.jtk-miniview {
    overflow: hidden !important;
    width: 125px;
    height: 125px;
    position: relative;
    background-color: #B2C9CD;
    border: 1px solid #E2E6CD;
    border-radius: 4px;
    opacity: 0.8;
}

/* 
    Assigned to the element that shows the size of the related viewport in a Miniview widget, and which can be dragged to
    move the surface.
*/
.jtk-miniview-panner {
    border: 5px dotted WhiteSmoke;
    opacity: 0.4;
    background-color: #4f6f7e;
    cursor: move;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

/*
    Assigned to the miniview's panner when it is being dragged.
*/
.jtk-miniview-panning {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

/*
    Added to all elements displayed in a miniview.
*/
.jtk-miniview-element {
    background-color: #607a86;
    position: absolute;
}

/*
    Added to Group elements displayed in a miniview
*/
.jtk-miniview-group-element {
    background: transparent;
    border: 2px solid #607a86;
}

/*
    Assigned to the collapse/expand miniview button
*/
.jtk-miniview-collapse {
    color: whiteSmoke;
    position: absolute;
    font-size: 18px;
    top: -1px;
    right: 3px;
    cursor: pointer;
    font-weight: bold;
}

/*
    The '-' symbol when the miniview is expanded
*/
.jtk-miniview-collapse:before {
    content: "\2012";
}

/*
    Assigned to the miniview element when it is collapsed.
*/
.jtk-miniview-collapsed {
    background-color: #449ea6;
    border-radius: 4px;
    height: 22px;
    margin-right: 0;
    padding: 4px;
    width: 21px;
}

/*
    Hide all children of the miniview (except the expand button) when it is collapsed so you don't see anything
    poking through under the + icon.
*/
.jtk-miniview-collapsed .jtk-miniview-element,
.jtk-miniview-collapsed .jtk-miniview-panner {
    visibility: hidden;
}

/*
    The '+' symbol when the miniview is collapsed.
*/
.jtk-miniview-collapsed .jtk-miniview-collapse:before {
    content: "+";
}

/*
    Hover state for the collapse/expand icon.
*/
.jtk-miniview-collapse:hover {
    color: #E4F013;
}

/* ------------------------------------------------------------------------------------------- */
/* --- DIALOGS --------------------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------- */
/*
    This is the element that acts as the dialog underlay - the modal "mask". Note the high z-index default
    set here (and note also the overlay style below has a z-index with a value higher by one).
*/
.jtk-dialog-underlay {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    z-index: 100000;
    opacity: 0.8;
    background-color: #CCC;
    display: none;
}

/*
    This is the element that acts as the parent for dialog content.
*/
.jtk-dialog-overlay {
    position: fixed;
    z-index: 100001;
    display: none;
    background-color: white;
    font-family: "Open Sans", sans-serif;
    padding: 7px;
    box-shadow: 0 0 5px gray;
    overflow: hidden;
}

.jtk-dialog-overlay-x {
    max-height: 0;
    transition: max-height 0.5s ease-in;
    -moz-transition: max-height 0.5s ease-in;
    -ms-transition: max-height 0.5s ease-in;
    -o-transition: max-height 0.5s ease-in;
    -webkit-transition: max-height 0.5s ease-in;
}

.jtk-dialog-overlay-y {
    max-width: 0;
    transition: max-width 0.5s ease-in;
    -moz-transition: max-width 0.5s ease-in;
    -ms-transition: max-width 0.5s ease-in;
    -o-transition: max-width 0.5s ease-in;
    -webkit-transition: max-width 0.5s ease-in;
}

.jtk-dialog-overlay-top {
    top: 20px;
}

.jtk-dialog-overlay-bottom {
    bottom: 20px;
}

.jtk-dialog-overlay-left {
    left: 20px;
}

.jtk-dialog-overlay-right {
    right: 20px;
}

.jtk-dialog-overlay-x.jtk-dialog-overlay-visible {
    max-height: 1000px;
}

.jtk-dialog-overlay-y.jtk-dialog-overlay-visible {
    max-width: 1000px;
}

/*
    The element containing buttons in a dialog.
*/
.jtk-dialog-buttons {
    text-align: right;
    margin-top: 5px;
}

/*
    An individual button in a dialog.
*/
.jtk-dialog-button {
    border: none;
    cursor: pointer;
    margin-right: 5px;
    min-width: 56px;
    background-color: white;
    outline: 1px solid #ccc;
}

/*
    Hover style for an individual button in a dialog.
*/
.jtk-dialog-button:hover {
    color: white;
    background-color: #234b5e;
}

/*
    The titlebar of a dialog.
*/
.jtk-dialog-title {
    text-align: left;
    font-size: 14px;
    margin-bottom: 9px;
}

.jtk-dialog-content {
    font-size: 12px;
    text-align: left;
    min-width: 250px;
    margin: 0 14px;
}

.jtk-dialog-content ul {
    width: 100%;
    padding-left: 0;
}

.jtk-dialog-content label {
    cursor: pointer;
    font-weight: inherit;
}

.jtk-dialog-overlay input,
.jtk-dialog-overlay textarea {
    background-color: #FFF;
    border: 1px solid #CCC;
    color: #333;
    font-size: 14px;
    font-style: normal;
    outline: none;
    padding: 6px 4px;
    margin-right: 6px;
}

.jtk-dialog-overlay input:focus,
.jtk-dialog-overlay textarea:focus {
    background-color: #cbeae1;
    border: 1px solid #83b8a8;
    color: #333;
    font-size: 14px;
    font-style: normal;
    outline: none;
}

/* -------------------------------------------------------------------------------------------- */
/* --- DRAWING TOOLS -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
/*
    Assigned to the element that is drawn around some other element when a drawing operation is taking place.
*/
.jtk-draw-skeleton {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    outline: 2px solid #84acb3;
    opacity: 0.8;
}

/*
    Assigned to every handle (top left, top right, bottom left, bottom right, center) in a draw skeleton.
*/
.jtk-draw-handle {
    position: absolute;
    width: 7px;
    height: 7px;
    background-color: #84acb3;
}

/*
    Assigned to the top left handle in a draw skeleton
*/
.jtk-draw-handle-tl {
    left: 0;
    top: 0;
    cursor: nw-resize;
}

/*
    Assigned to the top right handle in a draw skeleton
*/
.jtk-draw-handle-tr {
    right: 0;
    top: 0;
    cursor: ne-resize;
}

/*
    Assigned to the bottom left handle in a draw skeleton
*/
.jtk-draw-handle-bl {
    left: 0;
    bottom: 0;
    cursor: sw-resize;
}

/*
    Assigned to the bottom right handle in a draw skeleton
*/
.jtk-draw-handle-br {
    bottom: 0;
    right: 0;
    cursor: se-resize;
}

/*
    Assigned to the center handle in a draw skeleton (the handle by which the element may be dragged). This is
    not visible by defaut; enable if you need it.
*/
.jtk-draw-drag {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    background-color: #84acb3;
    cursor: move;
}

/*
    This class is added to the document body on drag resize start and removed at the end of resizing. Its purpose
    is to switch off text selection on all elements while the user is resizing an element.
*/
.jtk-drag-select-defeat * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.jtk-bezier-handle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: darkcyan;
    cursor: move;
    z-index: 10;
}

.jtk-bezier-handle-secondary {
    cursor: default;
    background-color: lightgreen;
}

.jtk-bezier-handle-secondary-source {
    background-color: lavenderblush;
}

.jtk-bezier-guideline {
    position: absolute;
}

.jtk-bezier-guideline path {
    stroke: darkcyan;
    stroke-linewidth: 3;
}

.jtk-connection-edit path {
    stroke-dasharray: 2 2;
}

.jtk-demo-main {
    position: relative;
}

.jtk-demo-main .description {
    font-size: 13px;
    margin-top: 25px;
    padding: 13px;
    margin-bottom: 22px;
    background-color: #f4f5ef;
}

.jtk-demo-main .description li {
    list-style-type: disc !important;
}

.jtk-demo-canvas {
    height: 550px;
    max-height: 700px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.canvas-wide {
    margin-left: 0;
}

/** ELEMENTS **/
.jsplumb-process .window {
    width: 120px;
    height: 40px;
    line-height: 40px;
    padding: 5px;
    font-size: 14px;
    color: #333333;
    background: #ecf6ff;
    border: 3px solid #d9e9f8;
    border-radius: 5px;
}

.jsplumb-process .window:hover,
.jsplumb-process .window.jtk-source-hover,
.jsplumb-process .window.jtk-target-hover {
    color: #ffffff;
    background: #56b1fc;
    border: 3px solid #0689f4;
    border-radius: 5px;
}

.jsplumb-process .window.jsplumb-process-start,
.jsplumb-process .window.jsplumb-process-end {
    color: #ffffff;
    background: #ff8900;
    border: 3px solid #f4b200;
    border-radius: 50px / 25px;
    width: 100px;
    height: 50px;
    margin: 0 10px;
    cursor: default;
}

.jsplumb-process .window.jsplumb-process-start:hover,
.jsplumb-process .window.jsplumb-process-end:hover {
    color: #ffffff;
    background: #ff8900;
    border: 3px solid #f4b200;
    border-radius: 50px / 25px;
}

.jsplumb-process .window.jsplumb-process-end {
    background: #00ce5c;
    border-color: #37da6c;
}

.jsplumb-process .window.jsplumb-process-end:hover {
    background: #00ce5c;
    border-color: #37da6c;
}

/** HOVER EFFECTS **/
/** ELEMENT POSITIONS **/
/*#chartWindow1 { left:20em; top:4em;}
		#chartWindow2 { left:20em;top:16em;}
		#chartWindow3 { left:20em;top:28em;}
		#chartWindow4 { left:20em;top:40em;}*/
.window {
    z-index: 24;
    cursor: pointer;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 菱形 */
.window.jsplumb-process-diamond {
    width: 150px;
    height: 100px;
    background-color: transparent;
    border-color: transparent;
    color: #fff;
}

.window.jsplumb-process-diamond:before {
    position: absolute;
    content: "";
    top: 8px;
    left: -12px;
    width: 0;
    height: 0;
    border-top: 42px solid transparent;
    border-right: 84px solid #6c6cff;
    border-bottom: 42px solid transparent;
    z-index: -1;
}

.window.jsplumb-process-diamond:after {
    position: absolute;
    content: "";
    top: 8px;
    right: -12px;
    width: 0;
    height: 0;
    border-top: 42px solid transparent;
    border-bottom: 42px solid transparent;
    border-left: 84px solid #6c6cff;
    z-index: -1;
}

.window.jsplumb-process-diamond:hover {
    border-color: transparent;
    background: none;
    box-shadow: none;
}

.window.jsplumb-process-diamond.jtk-target-hover {
    border-color: transparent;
    background-color: transparent;
}

.window.jsplumb-process-diamond.jtk-target-hover:hover {
    border-color: transparent;
    background-color: transparent;
}

path,
.jtk-endpoint {
    cursor: pointer;
}

.jtk-demo-main {
    width: 100%;
    display: table;
    position: relative;
}

.jtk-demo-main>div {
    display: table-cell;
    border: 1px solid #d9e9f8;
}

.jtk-demo-main .left {
    position: relative;
    width: 200px;
    min-width: 200px;
    background: #f7fafe;
}

.jtk-demo-main .left .window {
    left: 50%;
    margin-left: -30%;
}

.jtk-demo-main .left .window.jsplumb-process-start,
.jtk-demo-main .left .window.jsplumb-process-end {
    margin-left: -25%;
}

.jtk-demo-main .left .window.jsplumb-process-diamond {
    margin-left: -38%;
}

.jtk-demo-main .right {
    min-width: 600px;
}

.jtk-demo-main .right p {
    padding: 5px 10px;
    border-bottom: 1px solid #d9e9f8;
}

.jtk-demo-main .right .jtk-demo-canvas {
    box-shadow: none;
    overflow: auto !important;
}

#node1 {
    top: 50px;
}

#node2 {
    top: 120px;
}

#node3 {
    top: 180px;
}

#node4 {
    top: 320px;
}

#node5 {
    top: 400px;
}

#node6 {
    top: 480px;
}

.jsplumb-process-subprocess {
    color: #000;
    border-style: dotted !important;
}

.jsplumb-process-notes {
    border: 1px dashed #ddd !important;
    background-color: transparent !important;
}

.jsplumb-process-notes:hover {
    background: #f5f5f5 !important;
    color: #000 !important;
    border-color: #dddddd;
}

.jsplumb-input-text {
    color: red;
}

.common-fixed-simple-panel {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 900px;
    min-height: 100px;
    margin: -200px 0 0 -450px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    z-index: 1049;
}

.common-fixed-simple-panel:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
}

.common-fixed-simple-panel:after {
    position: fixed;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.3);
}

.common-fixed-simple-panel .panel-title {
    display: block;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold !important;
    color: #222222;
    padding-left: 0;
    position: relative;
    z-index: 1050;
    border-bottom: 1px solid #d9e9f8;
    padding: 8px 15px 9px;
    background: #fff;
}

.common-fixed-simple-panel .panel-title:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    background: #fc7008;
    z-index: 9;
    height: 16px;
    top: 50%;
    left: 0;
    margin: -8px 0 0;
}

.common-fixed-simple-panel .panel-title:before {
    display: none;
}

.common-fixed-simple-panel .panel-body {
    position: relative;
    z-index: 1050;
    background: #fff;
}

.common-fixed-simple-panel .close-btn {
    width: 30px;
    height: 30px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1051;
}

.common-fixed-simple-panel .close-btn:before {
    width: 30px;
    height: 30px;
    position: absolute;
    content: "\f00d";
    line-height: 30px;
    text-align: center;
    font-family: "FontAwesome";
    font-size: 16px;
    color: #666666;
}

.common-fixed-simple-panel .close-btn:hover:before {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) inset;
}

.common-fixed-simple-panel .close-btn:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
}

.common-fixed-simple-panel .close-btn:hover:before {
    width: 40px;
    height: 40px;
}

.common-fixed-simple-panel .panel-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%;
}

/*!
 * Bootstrap Colorpicker v2.5.2
 * https://itsjavi.com/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */
.colorpicker-saturation {
    width: 100px;
    height: 100px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAP9klEQVR4XnRWC47rNgwcKjlA0bv2VL1Qi/YELRav7203iS1ppqZoiXCAhuBHVLI74xFtG3/Hz2joIOjRGuR5eMYuRn9YA1fds859KX8ZvczLr9/pImiR3Rqky9/wlajRIdVE/1Rufeu/0No3/ASgBZAJUkwgi0iCaEatekJJoEqiTQncd67/gyOfRCZshTed0Nl8LbLj8D6qxtoq9/7kJz/aH/3Xfu8VwI5+AUH8DxE7gUyiIpZ5LwiGzUqE3CScJsCDQHAsvBnxWpkbC0QMHmBp6latWS0bnvrCN/x1+xPfce+Ij0GAyeAGGz15sOiax2UylPhKrFaMPnVWClwepKh07hdhkVDsK2uoyEIySergjdbY2VBtV8VLr8Mf9mF/4wMb7kR8FOhzFWZZe7HIZD9JRIbee28eJKBweTB6TwjYkAgWaUmtDveGw1Wx3zZ76YlPPfQd/+gTTUFkiGiJ+NQAszU1EPT/QJEgufolAMPkNU4CVOyUIBLg4xglEZHGQnTFOFV0VaulYddBhA986ge/7N/yQi/3flFgwfQq2ibLnTDBRl9TmUHyJASPV/eoN0UISIr+ICQKIFV4EpljSjV1uFVUq9hRtet5e9gXvuyHPW0zMhQxWaoBBa9Tg8vsCEhww23Smd0CKjIkmPIoxWrUBDgJqFCyESF43ctQxLUoHN7Q1KyVhqrNNm3cy2vMyQNPVKjc29Rh5SSU+giWdRJHkLnQG71FQEuNyNGBTDdBQQAKCuGiEUS/jcyGbkMPq931OIzb/dUPGuVlG7f+slqkO5NAAlzTMdcq0NkzmsEBmAQkbI+pSHbiqnuWIA6lijhvqwIxMyWxMGZiPU669XJE1tADDTs2HWpwKxuqdnTpOiOR42xlzLtm3pXGel3xd8/oTs8Xy0MV8GM1RlsC2Y3Wy3wut3M+2mEVux0Gt9fhzTWyLvGiiJYaqY5DWRFIwAiQ5r6gB9GpQihJw4I9j5Mkscj3BnzGjBhv8xna5P1Jo428o6IOPY5KFZtVOkEKqUjqQY9Gi+jrIOFwJUDzRtA9xyoIrGGmkNRmxVAnZoK+TkUIeUYni5wEzgOG5iZX5HCr2JyQNqdk++G0rgb1ochSIGutTj4P7F0PuRUAolmh5sCzAHn1BYyaADh6bgFeoBx6vst091CEvcSLWBBpqGq384jZ5llVHSwEShLx+D4d0mU3D5eEAJQ9KEhOZUYnDENV2qKgmIlQhWfdvcoXYaegPp/n1oKIOgYFqxrzQSciqNhv/5FqPpy6b0UcX2vf13DfWySRSEgkEYlEJJGQSyKJSEQSCYlEEpHexIVO3XOevffze2a+PfPv9x1rne1c3b3Mmlmz9mE++zuzngfnw/E+Dlc4LL4NwHdFy7u3KGPVmZ6/4eeMoDyre3i/KHADIHYO04w9zO0mAotuKnrc7XaPjvu66bNe5cDT7RlPepEnfS2X8dF1/utDvD+OwGDBxEgQywLCvIMYWBY+DShwAAORAdv9PswhDAqOUCi5+71AbFcDMR4xBDNfhySKXPXZ1+Vub+Q1Ltf5z7eC0AjVldHI26rIFdKIAyYBJCFVUhVDwttAnM52B3Ect1TFQXzJ0z33lOuib/QO8g+CuO0gKBRU80A8hkeJ0b1KRQWmFQVSh8mf3lpUpNaRulzN5NArrmKKGMijXgzk7w5ijdFVgT8f1IdFNjVWjDWicUYWEEMmSFDtILdzHW5XueHp7p+yuS54ep5/c5BE2Gw/gWPNYU4/PZaak2VGEsFjSbOf8irea6KQgojGCk0KxZY31tWWgzwayF8N5KYyo3VADVicWWrhwzr3ZqIOa5xW5zbqMPPMiyDURHDIHQTeWq7KFXcQPOqzPOL5Ov/iIDEDy7DHEwx0PTgjO8SS0fOEHcZNMt+XKEFMj8Q4QUSvPu6HPuvd4N9/x12RPwcIVRCAakSOUzHgsUSMFWYzDQ+PiOJqAOuYc9jh5TecnA+xHfFyOYhebeTH89P80wrCJzUjlsx7euIV0g4zQFUSiBPioIWBACFC7GgDj8P91ZSJOQmQP74MAnQo8H5RIe8kZ0kBcQCMAlEpRDiKROBxbR0ksdhWFq0gR9q9uQzkDzuIFQSPqAgRCAsCaVNF2ZAAhxvtzcqcnDk6tpXxSsayqXLIgSOb6zqeH+fvO0i9XEu5EVV+OZehRZJ6BGTeaRhCkTzVIZeAzaWGAFfErIPogQI5CuR3HQQx7DzBB16R3s7e0MBUPedjWutgG/JUTPqMeAQNEiytJRnJearWUgdwFNxN7rtBoECuj/O3BMHaTIxQ0a4GctireElTJHJvLTaalih5kvBCGMvkdESUMAdCFaI4yG8SpDfRWAptqkAJUwCG6B7lOREFSZBqKs57MEHqVJEBwHa2lp0OiKtiQ18gx9P89QrSXyc0vObBM4vPmBADqJZLAo/yzK7qPSZstCy+fDSZlhrm+Zkyjsf5q2otdC14zkLjHLf0me9wjNqQo0B1a6wBJRaIEgC2Qw9oby/cRHA+xHCQy/xlB1HVSV3Y/5yVhsc7dBi2UoIWCMcbELZWgxNCGUZ5y4ceBaLlE8dAfrEosrYT+z8ya3sxXndFBxuQivNGEHFCbLGBlBLKGYHZoeoQpcjtMn/uICPefcxecpuDOEemg9S/44cflZPIlWolyHkLrEpgbS9IQRlAgZgi0WDjsEiPh+PN/Fkogq4GdzPtarlRGW2tJwEK1RMTEvdVdmhAKHO1pdUuGQsVcX+rSfGzDbwGyE8NRPQc83HCaOkTZwPqABZBdFq8zAN1gue0FPO8wYUFBE1WkMwVzM1iQ4BItFh+H36Qy/yJg0DRQICmBl+tbKUC5cCj3yXI+SUFBS78ZAcBtHt+e9lBuiqpTNh9zTvIjzuIWxVYGQJpAZY+VWS3QKh84iSZbwuIdiDpc4KztQa/sjhMaDJEJDSZ8mZ+kCBdC0JpKVNQzZdKu+EsOeFCosrngVAkDS/uy6iGnW7UxmMpkB8FyFKo6iQW8z1HuBdMu1pdkZdB8jWTjlFtNaiJRYniIDcD+eECMqFLS9ED6DgxzCMKnRD3HYYA2uMCJUh70OK8G0EUnJV8lqe8nj84QdqLhdoJskNlEw1ivajM8LtPBhIeN99LESXI9xcQIHFQudHngZjUhXOQeGlUYmAddh5pxMhzV0M1vMAtMFIVmfp6fq+DgEWefjQVenstaqUy3bJQAiVlEihDghCDINFQg8oUhoQPkO8SBEM7SFQ72VYBwPuE7k8uYF5LNwg/TEd2zkuKjIIhTiJRlYrDfNS1QL7DYUcbcCyKJNwOwucVCVSwBBj/DwghXA2hQtACgCBBPprfXkAIFIYRXhONQARFU00Tsh6LEmmQUbkTImMi9me5qaHDIeBgHeRbdxAIqAJBCDSoCNVQglrciqX/ZCD9RRP6rgpBvhmKAFhg2ForBLXBYPtUjj7vCHPe8SXbYAY47gHB9mKeqjjIg/53fmMD0fR9Bug7SFcHI6EA1OC/E8QTL4NgBSGiCiyTChnI1zcQxmyfRZGM6w701KRybDvsIK3LWDx6mxGkcglEZQLkawnCdppZ6sgCh8trWWBUQaUWCEOlOs7HAenFE45QSu9RQQDAqchXNxDq4orQR44qRIFUQvM+mRJuB6GDEixgCbSBQGXghEEbdn1P/zO/QhAWCsWsmRhLa2VFkSZIgSVKmgEQhvk6K8YKMRZl7Dwg4amOUYvFBfLlE4RasOCB5S9PXKq0AqGDMiYIReXF0mYctITWBmqR5F38X5Y7yJfeCtKBzNbWYm5XpsMpf3dRZD3jPDesvdVCOs6KYQXIFw1E4fcE8dHWOepZBXpLJcACWUZVMRZbfvgXR4Ak8A7VVSKSVuu9p6/mFxyE7cOWavtLp952O8huK83+gmHzHaAsVXLgAvl8gPCvHzAFsM8GNXGKPH5cmN02sXTLa8QdKRXMzHv67/k5A9k1UIx36UH/VlWWtuKssNiRapB6BaLXl6MA+ayDcNS3v/sYXgCL620F1kk8QhKAEOvKu4DvajDO5zkHc4fBg76anyEIIcamBPex5EK8AoVHhMW7QAqWrYD1204CJB1hCfOAV/PTBPH0zBmJmsZZKCEaAmdqm4zMcYxYLN0JuHThIAjirAnp3px7TRgD+ZSD/K92M1CNIgbC8Ex7FkSEIlQEEUQEQQQBRBABEUQQEQTx3X0Evap9AhP39jL5OvuzAWuvbDaTTDIzX2aypUCJ0i7nAigoQAk9gUIUSxXEoCFyyVIuL9ZQcMZoArnwr4D0OLS8jGNGTgGnsZQWMYrcOARoIReAALBeWhf+RUCAIEsECFQHLkwR5zj4JW3t5WOUU5djvgQIawD53EDsctmYz8xGaZGPBUR3qNkiGwqDICUYIFpqBgRaayCfFiAWR2wWvoobmzxdF8N5kyxXmvap/sgGcLF/aoBosbG+lE395R8zCA4BqUYgOgYq+HtvBrT0LK15X8lZwx5f9klCX0rdgXzIIGbdhXMqZtHzJhuptEjmsFc4KzmN5IFPtfM7gWw2kPczSIqQSPUDYKYBMamsBCpKphW0iA5H8AbMDPJOQYjLZg1Vk4G49GlCYNYAkdOd0kwRQ8FCyAHydgLZ6Z2AqrVtjDUQ7hCEmrkEooDAsB2YnBCvkBpZ6yBvJpCd7Mn5zJ6C4QF2BUQPgHEIGUrGnHzQ8rlMekBeTyAzwDJksxwM4+w3BY02B8mIl0CmFRm+ZscxAuSnvwqQsECTIGSV6FEoJFTygVuzB5xAsKqBvAQE3+nkVoJDI1BJIaPBWik7ZSu5NIp5A3mRQaTFvLgkO9fVgEgMqqeVfb+p55tijWH+Kea71ubq4v8Sl8089sZKbKEZNq+VUfISJJF7j79WrbYgS994ZEf+nIz0pNFRWqapSmK6P45i3OQuItIiPDyg6RnxZ4D0g+CFPxAzluoRsWsaA6I6JOqVWCisDvJ0BgHTzMSRgMi0vmi8R+sR6tg/XUh7kCc7kMRqSNkTBDx0OkAUegFcMazciBXNpm798R6klXap/WZz49TQwBHqEcj4oCToUPjUuP9lfxcbyKMAwT6bTf1qqIIQDl3i5oCERNmVm0wgW4A8BGRxMX3hWh8bEV5Rvfp4DS5F3djWH2ztDNWKW7OBjgjIwsDWaKRknJjqMsh9QCa1p608lLovFkBE969DYtYelSzwSRcg535vAsFeNU9SzRCYZb4LDmxmFQKkwYGM+5y/G7b1uxMIylLdyE5yxIyYsoXWhQIpzQhYPi3JkJoKkB9+BxD0OMuyOEBe36DgyPSrxscmATldgKj8PxrkA/kA5PYMgkrocwIQ6GSRGmF0VaNqBKQZ5FYDEZSDzFTzq9mBQjAayE1A+ryDTzcQZe0Ibbxj7EwpAmTrJwEimZR9CCPtODhzxuNtY19Zd2Lf/fjCTnEiDAOg62j1utb/dv9mZ/aHCj4AyOHbsW3/As0BTzIgeJU7AAAAAElFTkSuQmCC");
    cursor: crosshair;
    float: left;
}

.colorpicker-saturation i {
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    margin: -4px 0 0 -4px;
}

.colorpicker-saturation i b {
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.colorpicker-hue,
.colorpicker-alpha {
    width: 15px;
    height: 100px;
    float: left;
    cursor: row-resize;
    margin-left: 4px;
    margin-bottom: 4px;
}

.colorpicker-hue i,
.colorpicker-alpha i {
    display: block;
    height: 1px;
    background: #000;
    border-top: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: -1px;
}

.colorpicker-hue {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAh0lEQVR4XgXAg3EDAAAAwI9to7Zt27a1/w49BASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHXo1KVbj159+g0YNGTYiFFjxk2YNGXajFlz5i1YtGTZilVr1m3YtGXbjl179h04dOTYiVNnzl24dOXajVt37j149OTZi1dv3n349OXbj19//wOxE1dQ8reGAAAAAElFTkSuQmCC");
}

.colorpicker-alpha {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=");
    display: none;
}

.colorpicker-saturation,
.colorpicker-hue,
.colorpicker-alpha {
    background-size: contain;
}

.colorpicker {
    padding: 4px;
    min-width: 130px;
    margin-top: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    z-index: 2500;
    position: absolute;
    top: 40px;
    left: auto;
    right: 0;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.colorpicker:before,
.colorpicker:after {
    display: table;
    content: "";
    line-height: 0;
}

.colorpicker:after {
    clear: both;
}

.colorpicker:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px;
}

.colorpicker:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 7px;
}

.colorpicker div {
    position: relative;
}

.colorpicker.colorpicker-with-alpha {
    min-width: 140px;
}

.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
    display: block;
}

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=");
    background-position: 0 100%;
}

.colorpicker-color div {
    height: 10px;
}

.colorpicker-selectors {
    display: none;
    height: 10px;
    margin-top: 5px;
    clear: both;
}

.colorpicker-selectors i {
    cursor: pointer;
    float: left;
    height: 10px;
    width: 10px;
}

.colorpicker-selectors i+i {
    margin-left: 3px;
}

.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
    display: inline-block;
    cursor: pointer;
    height: 16px;
    vertical-align: text-top;
    width: 16px;
}

.colorpicker.colorpicker-inline {
    position: relative;
    display: inline-block;
    float: none;
    z-index: auto;
}

.colorpicker.colorpicker-horizontal {
    width: 110px;
    min-width: 110px;
    height: auto;
}

.colorpicker.colorpicker-horizontal .colorpicker-saturation {
    margin-bottom: 4px;
}

.colorpicker.colorpicker-horizontal .colorpicker-color {
    width: 100px;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
    width: 100px;
    height: 15px;
    float: left;
    cursor: col-resize;
    margin-left: 0px;
    margin-bottom: 4px;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
    display: block;
    height: 15px;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    border: none;
    margin-top: 0px;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAbUlEQVR4XgXAghEDsbxtlrZt27ax/w49ACAYQTGcICmaYTleECVZUTXdMC1Wm93hdLk9Xp8/EAyFI9FYPJFMpTPZXL5QLJUr1Vq90Wy1O91efzAcjSfT2XyxXK03293+cDydL9fb/fF8vT/f3x+LfRNXARMbCAAAAABJRU5ErkJggg==");
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAQAAADoFTP1AAAB9ElEQVR4XoWTQW4VMRBEu9qWEimL7DhEMp8NF+ASnJJLcAQgE1bcgBUSkYKUuHCrZ9pjeqSU5Yn9LPu7umJQBIIv+k7vIOrtK66L4lmr3pVOrOv3otp619KZ0/KjdNI79L52Uo09FBQWrU0vfe5trezU+hLsoUKd3Repovte+0vbq/7Lj5XbaHECKasR9G4MPlbp+gzZxd6koPEJCkAYC5SjcOTAIIOK90Dja1IfIZ8Z+zAY9jm3b5Ia+MT5sFcqRJrR2AYYA8Kua5BzYRrFPNmD4PQMegGJMOffJJUsWiI3nCHZZjInNdffLWOufzbc3JaboCAVxwmnRHbhLSPwRJ4wU0BRSc6HkECYYVw95nMKgJOcylxrJttE5Ibzf9Xq9GPvP+WX3MiV/MGHfRu/SentRQrfG1GzsIrytdNXucSRKxQNIGHM9YhGFQJcdjNcBZvfJayuYe4Sia1CzwW+19mWOhe37HsxJWKwbu/jluEU15QzAQjAqCEbhMJc78GYV2E0kooHDubUImWkTOhGpgv8PoT8DJG/bzxna4BZ0eOFSOaLADGeSpFsg5AzeaDZIDQQXjZ4y/8ryfzUXBwdELRjTjCNvOeT0rNlrJz90vwy6N9pXXQEluX0inElpPWokSdiLCfiNJJjMKQ8Qsh8GEKQKMo/eiHrNbI9UksAAAAASUVORK5CYII=");
}

.colorpicker-right:before {
    left: auto;
    right: 6px;
}

.colorpicker-right:after {
    left: auto;
    right: 7px;
}

.colorpicker-no-arrow:before {
    border-right: 0;
    border-left: 0;
}

.colorpicker-no-arrow:after {
    border-right: 0;
    border-left: 0;
}

.colorpicker.colorpicker-visible,
.colorpicker-alpha.colorpicker-visible,
.colorpicker-saturation.colorpicker-visible,
.colorpicker-hue.colorpicker-visible,
.colorpicker-selectors.colorpicker-visible {
    display: block;
}

.colorpicker.colorpicker-hidden,
.colorpicker-alpha.colorpicker-hidden,
.colorpicker-saturation.colorpicker-hidden,
.colorpicker-hue.colorpicker-hidden,
.colorpicker-selectors.colorpicker-hidden {
    display: none;
}

.colorpicker-inline.colorpicker-visible {
    display: inline-block;
}

.colorpicker-guide i {
    border-color: #fff;
    margin: 0;
}

.search-fields {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    max-height: 300px;
    overflow-y: auto;
    border: 0;
}

.search-fields-item {
    color: #000;
    background: #fff;
    padding: 5px 10px;
    border: 0;
}

.search-fields-item.select-item {
    background: #009ade;
    color: #fff;
}

.exp-title {
    font-size: 14px;
    line-height: 24px;
    display: block;
}

.fullscreen.common-fixed-simple-panel:before {
    background-color: #000;
}

.fullscreen .panel-body {
    background-color: #000;
}

.fullscreen .panel-body .container-center {
    text-align: center;
}

.fullscreen .select-changepage {
    position: fixed;
    top: 10px;
    right: 40px;
}

.fullscreen .btns-container {
    position: fixed;
    right: 4px;
    bottom: 0;
}

.fullscreen.pdfview .info-center {
    position: fixed;
    z-index: 5;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -100px;
    width: 200px;
    text-align: center;
}

.fullscreen.pdfview .info-center span.word {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px;
    color: #fff;
    text-align: center;
}

.fullscreen.pdfview.pdfview-mobile .panel-body {
    position: absolute;
    overflow: auto;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 5px;
}

.fullscreen.pdfview.pdfview-mobile .container-center {
    padding: 0;
}

.fullscreen.pdfview .btn.btn-white i {
    color: #a6d0f4;
}

#dialog-pdf,
.common-fixed-simple-panel {
    z-index: 1051;
}

.block-tags {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #d9e9f8;
}

.block-tags .row {
    margin: 0 -5px;
}

.block-tags .row>div {
    padding: 5px;
    position: relative;
}

.block-tags .row .block-tags-content {
    display: block;
    border: 1px solid #d9e9f8;
}

.block-tags .row .block-tags-content>.text {
    padding: 10px;
    display: block;
}

.block-tags .row .block-tags-content>.text a {
    text-decoration: underline;
}

.block-tags .row .block-tags-content>.text a:hover {
    color: #009ade;
    text-decoration: none;
}

.block-tags .row .block-tags-content.button .text:last-child {
    padding: 0 10px;
    background: #f8f8f8;
    text-align: right;
    border-top: 1px solid #d9e9f8;
}

.block-tags .row .block-tags-content.button .text:last-child .btn {
    min-width: 30px;
}

.block-tags .row .block-tags-content.button .text:last-child .btn i {
    padding-right: 0;
}

.block-tags .row .block-tags-content.button .text:last-child .btn span {
    display: none;
}

.block-tags .row .block-tags-content.button .text:last-child .btn+.btn {
    margin-left: 5px;
}

.block-tags .row .block-tags-content.selected {
    background: #f4f8f9;
    border-color: #b7d5f2;
}

.block-tags .row .block-tags-content.selected.button .text:last-child {
    background: #eaf2f4;
}

.block-tags .row .block-tags-content select {
    border: 1px solid #d9e9f8;
    display: block;
    width: 100%;
    height: 30px;
    background: #f0f5fb;
}

.block-tags .row .block-tags-content select:focus {
    outline: none;
}

.block-tags .row .fa-close {
    opacity: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    float: none;
    top: 5px;
    right: 5px;
    cursor: pointer;
    transition: ease-in-out all 0.35s;
}

.block-tags .row .fa-close:before {
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    content: "\f057";
    color: #999;
}

.block-tags .row .fa-close:hover:before {
    color: #f39800;
}

.block-tags .row>div:hover .fa-close {
    opacity: 1;
}

.variablelist .block-tags {
    padding: 0;
    border: 0;
}

.block-tags .no-data {
    color: transparent;
    margin-top: 5px;
}

.block-tags.block-tags-list {
    padding: 0;
    padding-top: 2px;
    border: 0;
}

.block-tags.block-tags-list>.row>div {
    width: 100%;
    padding: 0 5px;
}

.block-tags.block-tags-list>.row>div .block-tags-content {
    padding: 0;
    padding-right: 135px;
    margin-top: -1px;
    min-height: 50px;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button .text {
    background-color: transparent;
    border: 0;
    padding: 0;
    line-height: 48px;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button .block-table-serial {
    float: left;
    width: 20px;
    height: 50px;
    line-height: 50px;
    border-right: 1px solid #d9e9f8;
    text-align: center;
    color: #aaaaaa;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button .block-table-left {
    float: left;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button .block-table-left .block-table-title {
    display: inline-block;
    float: left;
    padding-right: 10px;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button .block-table-left .block-table-title .text {
    font-size: 14px;
    color: #009ade;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button .block-table-left .block-table-title .text.serialState {
    overflow: hidden;
    width: 110px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    text-align: left;
    padding-left: 10px;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button .block-table-left .block-table-title .text.serialState.plus1 {
    position: relative;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button .block-table-left .block-table-title .text.serialState.plus1:before {
    position: absolute;
    width: 12px;
    text-align: center;
    height: 12px;
    line-height: 12px;
    content: '+';
    color: #fff;
    top: 0;
    left: 1px;
    z-index: 3;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button .block-table-left .block-table-title .text.serialState.plus1:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid #009944;
    border-right-color: transparent;
    border-bottom-color: transparent;
    z-index: 2;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button .block-table-left .block-table-title .text.serialState.plus2 {
    position: relative;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button .block-table-left .block-table-title .text.serialState.plus2:before {
    position: absolute;
    width: 12px;
    text-align: center;
    height: 12px;
    line-height: 12px;
    content: '+';
    color: #fff;
    top: 0;
    left: 1px;
    z-index: 3;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button .block-table-left .block-table-title .text.serialState.plus2:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid #73b6ff;
    border-right-color: transparent;
    border-bottom-color: transparent;
    z-index: 2;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button .block-table-right {
    position: absolute;
    top: -1px;
    right: 50px;
    float: right;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button .block-table-right i {
    font-style: normal;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button .block-table-button {
    position: absolute;
    top: 50%;
    right: -40px;
    margin-top: -26px;
}

.block-tags.block-tags-list>.row>div .block-tags-content.button.selected .text {
    background-color: transparent;
}

.block-tags.block-tags-list>.row>div .block-tags-content .text {
    font-size: 12px;
}

.block-tags.block-tags-list>.row>div .block-tags-content .text.title {
    font-size: 14px;
    color: #009ade;
}

.block-tags.block-tags-list>.row>div .block-tags-content .text.price {
    color: #d5d5d5;
    text-decoration: line-through;
    line-height: 48px;
    display: inline-block;
    min-width: 45px;
    text-align: right;
}

.block-tags.block-tags-list>.row>div .block-tags-content .text.rebate-price {
    display: inline-block;
    min-width: 45px;
    text-align: right;
    font-size: 14px;
    color: #009944;
    line-height: 48px;
}

.transactor {
    overflow: hidden;
}

.transactor .transactor-span {
    display: block;
    float: left;
    height: 30px;
    border: 1px solid #d9e9f8;
    padding: 5px;
    margin-right: 5px;
    background: #eff5fc;
}

.transactor .transactor-span .fa {
    float: right;
    margin-right: -5px;
    padding: 0 5px;
    line-height: 20px;
}

.transactor .transactor-span>div {
    float: left;
}

.transactor .transactor-span>div span {
    padding: 0 5px;
    line-height: 18px;
}

.transactor .transactor-span:hover {
    background: #e2eefa;
}

.transactor:before {
    left: 0 !important;
}

.transactor.component-editor-modal {
    width: 760px;
    height: 360px;
    margin: -180px 0 0 -380px;
}

.transactor.component-editor-modal .component-editor-body {
    height: 245px;
}

.geEditor {
    font-family: Helvetica Neue, Helvetica, Arial Unicode MS, Arial;
    font-size: 10pt;
    border: none;
    margin: 0px;
}

.geEditor input[type=text]::-ms-clear {
    display: none;
}

.geMenubarContainer .geItem,
.geToolbar .geButton,
.geToolbar .geLabel,
.geSidebarContainer .geTitle {
    cursor: pointer !important;
}

.geBackgroundPage {
    -webkit-box-shadow: 0px 0px 3px 0px #d9d9d9;
    -moz-box-shadow: 0px 0px 3px 0px #d9d9d9;
    box-shadow: 0px 0px 3px 0px #d9d9d9;
}

.geSidebarContainer a,
.geMenubarContainer a,
.geToolbar a {
    color: #000000;
    text-decoration: none;
}

.geMenubarContainer,
.geToolbarContainer,
.geDiagramContainer,
.geSidebarContainer,
.geFooterContainer,
.geHsplit,
.geVsplit {
    overflow: hidden;
    position: absolute;
    cursor: default;
}

.geFormatContainer {
    background-color: whiteSmoke !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    font-size: 12px;
}

.geDiagramContainer {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    font-size: 0px;
    outline: none;
}

.geMenubar,
.geToolbar {
    white-space: nowrap;
    display: block;
    width: 100%;
}

.geMenubarContainer .geItem,
.geToolbar .geButton,
.geToolbar .geLabel,
.geSidebar,
.geSidebarContainer .geTitle,
.geSidebar .geItem,
.mxPopupMenuItem {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.geHint {
    background-color: #ffffff;
    border: 1px solid gray;
    padding: 4px 16px 4px 16px;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px 0px #ddd;
    -moz-box-shadow: 1px 1px 2px 0px #ddd;
    box-shadow: 1px 1px 2px 0px #ddd;
    opacity: 0.8;
    filter: alpha(opacity=80);
    font-size: 9pt;
}

.geStatusAlert {
    white-space: nowrap;
    margin-top: -5px;
    font-size: 12px;
    padding: 4px 6px 4px 6px;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442 !important;
    border-radius: 3px;
}

.geStatusAlert:hover {
    background-color: #f1d8d8;
    border-color: #d6b2b8;
}

.geStatusMessage {
    white-space: nowrap;
    margin-top: -5px;
    padding: 4px 6px 4px 6px;
    font-size: 12px;
    background-image: -webkit-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0, #c8e5bc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
    background-image: linear-gradient(to bottom, #dff0d8 0, #c8e5bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    background-repeat: repeat-x;
    border: 1px solid #b2dba1;
    border-radius: 3px;
    color: #3c763d !important;
}

.geStatusMessage:hover {
    background: #c8e5bc;
    border-color: #b2dba1;
}

.geAlert {
    position: absolute;
    white-space: nowrap;
    padding: 14px;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 3px 0px #ddd;
    -moz-box-shadow: 2px 2px 3px 0px #ddd;
    box-shadow: 2px 2px 3px 0px #ddd;
}

.geBtn,
.mxWindow .geBtn {
    background-image: none;
    background-color: #f5f5f5;
    border-radius: 2px;
    border: 1px solid #d8d8d8;
    color: #333;
    cursor: default;
    font-size: 11px;
    font-weight: bold;
    height: 29px;
    line-height: 27px;
    margin: 0 0 0 8px;
    min-width: 72px;
    outline: 0;
    padding: 0 8px;
    cursor: pointer;
}

.geBtn:hover,
.geBtn:focus {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #c6c6c6;
    background-color: #f8f8f8;
    background-image: linear-gradient(#f8f8f8 0px, #f1f1f1 100%);
    color: #111;
}

.geBtn:disabled {
    opacity: .5;
}

.geBtnUp {
    background-image: url(data:image/gif;base64,R0lGODlhCgAGAJECAGZmZtXV1f///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QzM3ODJERjg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QzM3ODJFMDg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRDMzc4MkREODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRDMzc4MkRFODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAgAsAAAAAAoABgAAAg6UjwiQBhGYglCKhXFLBQA7);
    _background-image: url(up.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.geBtnUp:active {
    background-color: #4d90fe;
    background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
}

.geBtnDown {
    background-image: url(data:image/gif;base64,R0lGODlhCgAGAJECANXV1WZmZv///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0QzM3ODJEQjg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0QzM3ODJEQzg4NUQxMUU0OTFEQ0E2MzRGQzcwNUY3NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjRDMzc4MkQ5ODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjRDMzc4MkRBODg1RDExRTQ5MURDQTYzNEZDNzA1Rjc0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAgAsAAAAAAoABgAAAg6UjxLLewEiCAnOZBzeBQA7);
    _background-image: url(down.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.geBtnDown:active {
    background-color: #4d90fe;
    background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
}

.geColorBtn {
    background-color: #f5f5f5;
    background-image: linear-gradient(#f5f5f5 0px, #e1e1e1 100%);
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    color: #333;
    cursor: default;
    margin: 0px;
    outline: 0;
    padding: 0px;
    cursor: pointer;
}

.geColorBtn:hover {
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.7);
}

.geColorBtn:active {
    background-color: #4d90fe;
    background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
    border: 1px solid #2f5bb7;
    color: #fff;
}

.geColorBtn:disabled {
    opacity: .5;
}

.gePrimaryBtn,
.mxWindow .gePrimaryBtn {
    background-color: #4d90fe;
    background-image: linear-gradient(#4d90fe 0px, #4787ed 100%);
    border: 1px solid #3079ed;
    color: #fff;
}

.gePrimaryBtn:hover,
.gePrimaryBtn:focus {
    background-color: #357ae8;
    background-image: linear-gradient(#4d90fe 0px, #357ae8 100%);
    border: 1px solid #2f5bb7;
    color: #fff;
}

.gePrimaryBtn:disabled {
    opacity: .5;
}

.geAlertLink {
    color: #843534;
    font-weight: 700;
    text-decoration: none;
}

.geMenubarContainer {
    background-color: #ffffff;
}

.geMenubar {
    padding: 0px 2px 0px 2px;
    vertical-align: middle;
}

.geMenubarContainer .geItem,
.geToolbar .geItem {
    padding: 6px 8px 6px 8px;
    cursor: default;
}

.geMenubarContainer .geItem:hover {
    background: #eeeeee;
}

.mxDisabled:hover {
    background: inherit !important;
}

.geMenubar a.geStatus {
    color: #b3b3b3;
    padding-left: 6px;
    display: inline-block;
    cursor: default !important;
}

.geMenubar a.geStatus:hover {
    background: transparent;
}

.geMenubarMenu {
    border: 1px solid #d5d5d5 !important;
}

.geToolbarContainer {
    background: whiteSmoke;
    border-bottom: 1px solid #e0e0e0;
}

.geSidebarContainer .geToolbarContainer {
    background: transparent;
    border-bottom: none;
}

.geSidebarContainer button {
    text-overflow: ellipsis;
    overflow: hidden;
}

.geToolbar {
    padding: 1px 0px 0px 6px;
    border-top: 1px solid #e0e0e0;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
}

.geToolbarContainer .geSeparator {
    float: left;
    width: 1px;
    height: 34px;
    background: #e5e5e5;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: -2px;
}

.geToolbarContainer .geButton {
    float: left;
    width: 20px;
    height: 20px;
    padding: 0px 2px 4px 2px;
    margin: 2px;
    border: 1px solid transparent;
    cursor: pointer;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.geToolbarContainer .geButton:hover {
    border: 1px solid gray;
    border-radius: 2px;
    opacity: 1;
    filter: none !important;
}

.geToolbarContainer .geButton:active {
    border: 1px solid black;
}

div.mxWindow .geButton {
    margin: -1px 2px 2px 2px;
    padding: 1px 2px 2px 1px;
}

.geToolbarContainer .geLabel {
    float: left;
    margin: 2px;
    cursor: pointer;
    padding: 3px 5px 3px 5px;
    border: 1px solid transparent;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.geToolbarContainer .geLabel:hover {
    border: 1px solid gray;
    border-radius: 2px;
    opacity: 0.9;
    filter: alpha(opacity=90) !important;
}

.geToolbarContainer .geLabel:active {
    border: 1px solid black;
    opacity: 1;
    filter: none !important;
}

.geToolbarContainer .mxDisabled:hover {
    border: 1px solid transparent !important;
    opacity: 0.2 !important;
    filter: alpha(opacity=20) !important;
}

.geToolbarMenu {
    border: 3px solid #e0e0e0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    filter: none !important;
}

.geDiagramBackdrop {
    background-color: #ebebeb;
}

.geSidebarContainer {
    background: #ffffff;
    overflow: hidden;
    position: absolute;
    border-top: 1px solid #e5e5e5;
    overflow: auto;
}

.geSidebar {
    background: whiteSmoke;
    border-bottom: 1px solid #e5e5e5;
    padding: 5px;
    _padding: 1px;
    padding-bottom: 12px;
    overflow: hidden;
}

.geSidebarContainer .geTitle {
    display: block;
    font-size: 9pt;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
    padding: 6px 0px 6px 14px;
    margin: 0px;
    cursor: default;
    background: #eeeeee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
}

.geSidebarContainer .geTitle:hover {
    background: #e5e5e5;
}

.geTitle img {
    opacity: 0.5;
    _filter: alpha(opacity=50);
}

.geTitle img:hover {
    opacity: 1;
    _filter: alpha(opacity=100);
}

.geTitle .geButton {
    border: 1px solid transparent;
    padding: 3px;
    border-radius: 2px;
}

.geTitle .geButton:hover {
    border: 1px solid gray;
}

.geSidebar .geItem {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid transparent;
    border-radius: 2px;
    cursor: move;
}

.geSidebar .geItem:hover {
    border: 1px solid gray !important;
}

.geItem {
    vertical-align: top;
    display: inline-block;
}

.geSidebarTooltip {
    position: absolute;
    background: white;
    overflow: hidden;
    border: 1px solid gray;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 2px 2px #d5d5d5;
    -moz-box-shadow: 0px 0px 2px 2px #d5d5d5;
    box-shadow: 0px 0px 2px 2px #d5d5d5;
    _filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d5d5d5', Positive='true');
}

.geFooterContainer {
    background: #e5e5e5;
    border-top: 1px solid #c0c0c0;
}

.geFooterContainer a {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    white-space: nowrap;
    font-size: 14px;
    color: #235695;
    font-weight: bold;
    text-decoration: none;
}

.geFooterContainer table {
    border-collapse: collapse;
    margin: 0 auto;
}

.geFooterContainer td {
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}

.geFooterContainer td:hover {
    background-color: #b3b3b3;
}

.geHsplit {
    cursor: col-resize;
    background-color: #e5e5e5;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHBAMAAADdS/HjAAAAGFBMVEUzMzP///9tbW1QUFCKiopBQUF8fHxfX1/IXlmXAAAAHUlEQVQImWMQEGAQFWUQFmYQF2cQEmIQE2MQEQEACy4BF67hpEwAAAAASUVORK5CYII=);
    _background-image: url('thumb_vertical.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.geVsplit {
    font-size: 1pt;
    cursor: row-resize;
    background-color: #e5e5e5;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEBAMAAACw6DhOAAAAGFBMVEUzMzP///9tbW1QUFCKiopBQUF8fHxfX1/IXlmXAAAAFElEQVQImWNgNVdzYBAUFBRggLMAEzYBy29kEPgAAAAASUVORK5CYII=);
    _background-image: url('thumb_horz.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.geHsplit:hover,
.geVsplit:hover {
    background-color: #d5d5d5;
}

.geDialog {
    position: absolute;
    background: white;
    line-height: 1em;
    overflow: hidden;
    padding: 30px;
    border: 1px solid #acacac;
    -webkit-box-shadow: 0px 0px 2px 2px #d5d5d5;
    -moz-box-shadow: 0px 0px 2px 2px #d5d5d5;
    box-shadow: 0px 0px 2px 2px #d5d5d5;
    _filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d5d5d5', Positive='true');
    z-index: 2;
}

.geDialogClose {
    position: absolute;
    width: 9px;
    height: 9px;
    opacity: 0.5;
    cursor: pointer;
    _filter: alpha(opacity=50);
}

.geDialogClose:hover {
    opacity: 1;
}

.geDialogTitle {
    box-sizing: border-box;
    white-space: nowrap;
    background: #e5e5e5;
    border-bottom: 1px solid #c0c0c0;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    color: #235695;
}

.geDialogFooter {
    background: whiteSmoke;
    white-space: nowrap;
    text-align: right;
    box-sizing: border-box;
    border-top: 1px solid #e5e5e5;
    color: darkGray;
}

.geSprite {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAABeQCAMAAAByzXKPAAAA1VBMVEUAAAAzMzIzMzIzMzE1NTUzMzIzMzIzMzEzMzIyMjIzMzIzMzIzMzIzMzE6OjoyMjIzMzIzMzIzMzEzMzI0NDA0NDIwMDAyMjEzMzIzMzEzMzE0NDAzMzMzMzIyMjIzMzI0NDE0NDQyMjIzMzIzMzIzMzIzMzM5OTkAAAC1tbX///9mZmYwMDAQEBAmJiZTiPJ7e3v/Z2RwcHAgICB+fn5hYWFzc3NAQECoqKiampqMjIxTU1NGRkY3NzcbGxsNDQ3w8PBQUFDg4ODAwMCwsLCgoKBPT09W+xp5AAAAKHRSTlMAh4DDEd187+mljnhvVge5nmhMQi4hA8uxk2IlHOOYc102M/jW088J/2liTQAACt5JREFUeNrs3O1um0AQheG5nIPCoIq1Q7+r/Mn9X1K9xtEAM9RLQmODzyO1cV+NtzjShhjHkRkAgn9DMCaYnRXIGOQdtWmk1zRWm0vNN6az+Y+v2fXZ5iTX/kZ4ZGvUNT6/RJuCM/VVRKFB7YBwtnY1k3h2wboaHy8RFQC2VGuc1D730WWLS2GIZ27aM4yUT+9tXaLNw9m0mI9uokepRLeC+ZyCfFCoqwckqV3WBHFZaxHLFrNxVpgUVRWjg/jli2WbfH4WyxYnWcVV0Rz7FYj26X9ezQcuE3VYkXzFSYpm9eq6pqSiuNYAaj+r0GiFxKv5tEOqxVfV0utrCkZF/HCXTuOdGz2IHKbDR5wdJ6PdeRmIsfviED0C5ZV7ojf487v59fPHsT18//a1Yn1HJdoSjIUXBG5XgaBejhMYVmT9B1dRUONj4KtyRHNmNkULDYeD2CGVjiZ0paOK1jVuYKIpjJTO7m9dovvEn3bz/DH4440f2+d9fvlVh+4LLuK6cM8GVcKKkmq3ZqqBfbhaef4n+pijBudNZH3H+OW3No+rbTmVXjfciPbs/GVQ7QU6tWqUW5lonefHfn5f6xI9DAxdqQU3n55uU821mj2ZuUq0SYo2ivA5tThxk3rK6u+urYtZiqKuGiWMEkbp4/OFLITIvyrfekt35WGvjvP6OlERwP6+VU39z+ansp+0SThP8jk+0SeoAehRjObmdha0f2YwfucMss7uaPVF3rThN/EH6fH3YhEt3bD1zMlwGtu8/8a5zrHJuR6NyrkKMK5N5qqf9ev6Y4hfGfSPrc7ZWZqPQrQPa+x5Cfe8FO55m3Xrcs8T3TFUYQ0zqj5jTPoMmagQz4brFh8D3x5L9OngyRy+IEa0JgBRlaBWAIJYyVYjYDF47PwNV/TwAIRfB+BiFcyeolchija6+P7xd//IveI+JlpwnrdZP7xexdD6/4N/PDzP06NZdc8vP4H7WKFXLbqjQcU9T7QZvFhHdN/+sndmy6lCQRQ9KOA8Ro1TxjttYuUlX5BK5f+/6YJIWjlNFREkpLJXGQuWO01e2mPaU4pA17qH7iEeKfRsrrqh4/t0hJQPEJSokULPFpJse0Iu0PNQNVSNnOu8ZHPWZc8TUhkBgECRikZMrp4Xq9W1NPubkIIUm4hnrtyikSIjq+jck3bOBQkpnSBrkU97ALl73pJqXfFc5AlJqN3cXvoTEKIzJcu5PSEFqHiGp6ahz+33Z3rWtpzhEfK16DO8XXi3S2vIvfUCHnpWrcsZHiHVAFUG0KQJoEgjGjGRFG1l9bq25gyPkIoANBcEab9DEPf27iCk40VbWa0uP86WkMsTQHPQHBSnJJHCytp1dW9Uz2cBQoo0PEqVes/r2bM0131CLtLzUCVUidw9n6uuaPY8IdnUYMet2BTccUtIfShnz60mBe65JaTunL/tVqTAbbeE1ImCc3vl16McIEiWc3tCClD5DM9Ak7ZFZCBkZEVzhkfI5/n6Hbdp+wF33BJSH8rZc6vISB/gnltCas/Z225FStdz2y0hZXE19lrt5p177NyR11+OHb/THhzJP86wP2uYrjvz1h92eTseNEzDbB2nd/OY1Py9WNw6/qjnN+fmvnmwnYkxjf1t+mAW7XlsbzaJ3a7DzH1sf3Udp7m/dcOf615sW26SdfvGrCaxbV4l9nEan0X0xqEaRrbvmnlrGFu3PTN3ndUoLOuapW8ODLzudLVomMHA71z/MwmT9mTmN+bOZnS9NcJDs+V53t+WPzQnbNa9/nRoCPl2AKqObKFvltEBoPvcVwNwmavxOy3IDwFAlkWCWPBqhJDC8GtsCPlGYI8ciQyRI+3/CLHHscysXvf0ynzWIOQsPr3wWllkxNQskD+b82/Ihi8qCCm150XpObXnc2RFs+cJqRhAE5AHpI8BOZbH5TQdlXB8JAUEIC4AvkFPSMEl/dQ+v74+2/bl6enFtm/v72+W/c/eHSW3CUNRGNZyjgiZNHE6fW2b6f63VGScCHSvI7CxjfH/tYnTU43CywFiAfnT/On+lunH3274R5G2zbv03rTj9F+z92+U7pqPX52PZjdM35uf6vxs3ofp799Kulf2B8CEc2JVjvJm6OIT5CO9PekvD/8T767XgTc2z1umnEdggyT5eX2s+k9yGpvH1kqvI523IVfSAzdlW2gbu3zn5+6j/JFcfIft0lBOi4/J6cbmBTZJTdPo9fV1/3pamqTUFCalOVkunVdNTU5bSa2Nn7ULjl0A7o5/aGt6Z6TKUpVC7/VLSrWzqTo7b+yzO+9i28shHtugl5cXXS9NLnyYHVZ+Nz79UG7y4in7Aqza9po+tBsXP1B8wCW3m01yVqq9G3w3q/X+/1lpZ5WEbKdOTnNsxiYtd+ngjl28Fw+zhwGwLA0/mDeIS46AxWnO2MVnUFD627+sasuAxyJpTsp3A+6WgnplGpILpL1JR21lZt5k2ZSrFPE41AteEy+Q9qrn58qW77lNM877sXXq+fcGLp/2giETZO5tTYumHObxKDQ0aezhxb2feNE0MWlvqZS1SzwsJZdslu3x9fYae8HFXYeAKcIVejxwzgwc0YE6jTzuWOAuqOS+GTY3rc+rmDxAKn7VEPAt+amm/7Yu8ev0gfnkHckljT8nSoaf/RkeNgUejaKburGiYt696FNIcXrt/3yJh8Qba+advg0BwJCk66Qamp3WvxtX1gMzSDZya+BU8y2OR+ogyk7w5h+Nox+/6S04pNunwKqpt9Db9yemA2GokjqThGR+ms1JeYMe92hu5y2Zbs5O5be7mkru2Hlpgc5j434M1NPiq0qqgXoaDkwqTU21V0s7dgY/TfLX9XMT1udx56RJqTqf5aqlR3vVqtOWaYpbp4NtW2tmPaXbwAZI0U1zroI/tiRW9oBVOtL5QT6uu2TH0nlgnXRSqsLkGXg+JnBTCjopVeGceXk2FnAtColkUynGMn1SrHXejq3Py4U5wHXZvtluJtXO27H+vFyMB9xElFIxNQ6fUmFj9Xm6Sr67SrA6b94Gfp4HLsb2rSM53VSMpseK1c7bsXbechs4zgO3EiUvs6kK7tgsUmlglaLkZiZVStzOBzoPrJHOS1VgVR5YuTPXz1VgXR5YM/+u9xglkyZRT2WqghlbnVc8CA+4mtxRp5vB7XxW7bw3LwvywI0pr5MN6HNNrUi/fUZO4o6tzxuiuO0GuLzUUdu3GOV3M6raeTu2Nm8aR+eBlVD1BnoVjowt0HBgnY51PrqdT/9yxtJ5YHWkeGKswoxJuMcGuIYoKdowKOQ4Xxov+4Zb/khU8Mf681a3gZ/0gYt1PjGdV1J2/mBS5z/58zrbQOeBE6zpGZgA7smRzgc6D2xKlORlCiUVKrfSslMAVulI56PX+XHv81g6D6yPFM+MVWCJDliLJdfoMhVYowPWYsk1ukwF1uiAu1R/Hh5v2wNb8r+9O0pBGAaiKLqdm/1vUCiFSCdhTIjWhntAwefY5sMxRW1ToJnZ89KjQTnuGzGUWB1DLkJtul0ofocn3SOf5wMu3mu97q30GN2e99he2gKEpj6Dkvwjj4tebb5d8EBAuhuUJJ87f96f4aT/1OlNz7GRfgg+WheCUFsfE16cpEFNx5exIUmHx09zd34AaRdACCDp+TVLSlFv1blzgKR2egx5zx/see0pn+djbR4FIVofz4/UeV67G3+vr3niC+H04Oz/nbwA7lqtm+wByfQAAAAASUVORK5CYII=') no-repeat;
    _background: url('sprites.png') no-repeat top left;
    width: 21px;
    height: 21px;
}

.geBaseButton {
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #c0c0c0;
    cursor: pointer;
    background-color: #ececec;
    background-image: linear-gradient(#ececec 0%, #fcfcfc 100%);
}

.geBaseButton:hover {
    background: #ececec;
}

.geBigButton {
    color: #ffffff;
    border: none;
    padding: 10px;
    font-size: 14pt;
    white-space: nowrap;
    border-radius: 6px;
    text-shadow: #295989 0px 1px 0px;
    background-color: #428bca;
    background-image: linear-gradient(#4687ce 0px, #3068a2 100%);
    -webkit-box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
    -moz-box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
    box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.2) 0px 1px 1px 0px;
}

.geBigButton:hover {
    background-color: #2d6ca2;
    background-image: linear-gradient(#5a94d3 0px, #3673b5 100%);
}

.geBigButton:active {
    background-color: #3673b5;
    background-image: none;
}

@media print {
    div.geNoPrint {
        display: none !important;
    }
}

.geSprite-actualsize {
    background-position: 0 0;
}

.geSprite-bold {
    background-position: 0 -46px;
}

.geSprite-bottom {
    background-position: 0 -92px;
}

.geSprite-center {
    background-position: 0 -138px;
}

.geSprite-delete {
    background-position: 0 -184px;
}

.geSprite-fillcolor {
    background-position: 0 -229px;
}

.geSprite-fit {
    background-position: 0 -277px;
}

.geSprite-fontcolor {
    background-position: 0 -322px;
}

.geSprite-gradientcolor {
    background-position: 0 -368px;
}

.geSprite-image {
    background-position: 0 -414px;
}

.geSprite-italic {
    background-position: 0 -460px;
}

.geSprite-left {
    background-position: 0 -505px;
}

.geSprite-middle {
    background-position: 0 -552px;
}

.geSprite-print {
    background-position: 0 -598px;
}

.geSprite-redo {
    background-position: 0 -644px;
}

.geSprite-right {
    background-position: 0 -689px;
}

.geSprite-shadow {
    background-position: 0 -735px;
}

.geSprite-strokecolor {
    background-position: 0 -782px;
}

.geSprite-top {
    background-position: 0 -828px;
}

.geSprite-underline {
    background-position: 0 -874px;
}

.geSprite-undo {
    background-position: 0 -920px;
}

.geSprite-zoomin {
    background-position: 0 -966px;
}

.geSprite-zoomout {
    background-position: 0 -1012px;
}

.geSprite-arrow {
    background-position: 0 -1059px;
}

.geSprite-linkedge {
    background-position: 0 -1105px;
}

.geSprite-straight {
    background-position: 0 -1150px;
}

.geSprite-entity {
    background-position: 0 -1196px;
}

.geSprite-orthogonal {
    background-position: 0 -1242px;
}

.geSprite-curved {
    background-position: 0 -1288px;
}

.geSprite-noarrow {
    background-position: 0 -1334px;
}

.geSprite-endclassic {
    background-position: 0 -1380px;
}

.geSprite-endopen {
    background-position: 0 -1426px;
}

.geSprite-endblock {
    background-position: 0 -1472px;
}

.geSprite-endoval {
    background-position: 0 -1518px;
}

.geSprite-enddiamond {
    background-position: 0 -1564px;
}

.geSprite-endthindiamond {
    background-position: 0 -1610px;
}

.geSprite-endclassictrans {
    background-position: 0 -1656px;
}

.geSprite-endblocktrans {
    background-position: 0 -1702px;
}

.geSprite-endovaltrans {
    background-position: 0 -1748px;
}

.geSprite-enddiamondtrans {
    background-position: 0 -1794px;
}

.geSprite-endthindiamondtrans {
    background-position: 0 -1840px;
}

.geSprite-startclassic {
    background-position: 0 -1886px;
}

.geSprite-startopen {
    background-position: 0 -1932px;
}

.geSprite-startblock {
    background-position: 0 -1978px;
}

.geSprite-startoval {
    background-position: 0 -2024px;
}

.geSprite-startdiamond {
    background-position: 0 -2070px;
}

.geSprite-startthindiamond {
    background-position: 0 -2116px;
}

.geSprite-startclassictrans {
    background-position: 0 -2162px;
}

.geSprite-startblocktrans {
    background-position: 0 -2208px;
}

.geSprite-startovaltrans {
    background-position: 0 -2254px;
}

.geSprite-startdiamondtrans {
    background-position: 0 -2300px;
}

.geSprite-startthindiamondtrans {
    background-position: 0 -2346px;
}

.geSprite-globe {
    background-position: 0 -2392px;
}

.geSprite-orderedlist {
    background-position: 0 -2438px;
}

.geSprite-unorderedlist {
    background-position: 0 -2484px;
}

.geSprite-horizontalrule {
    background-position: 0 -2530px;
}

.geSprite-link {
    background-position: 0 -2576px;
}

.geSprite-indent {
    background-position: 0 -2622px;
}

.geSprite-outdent {
    background-position: 0 -2668px;
}

.geSprite-code {
    background-position: 0 -2714px;
}

.geSprite-fontbackground {
    background-position: 0 -2760px;
}

.geSprite-removeformat {
    background-position: 0 -2806px;
}

.geSprite-superscript {
    background-position: 0 -2852px;
}

.geSprite-subscript {
    background-position: 0 -2898px;
}

.geSprite-table {
    background-position: 0 -2944px;
}

.geSprite-deletecolumn {
    background-position: 0 -2990px;
}

.geSprite-deleterow {
    background-position: 0 -3036px;
}

.geSprite-insertcolumnafter {
    background-position: 0 -3082px;
}

.geSprite-insertcolumnbefore {
    background-position: 0 -3128px;
}

.geSprite-insertrowafter {
    background-position: 0 -3174px;
}

.geSprite-insertrowbefore {
    background-position: 0 -3220px;
}

.geSprite-grid {
    background-position: 0 -3272px;
}

.geSprite-guides {
    background-position: 0 -3324px;
}

.geSprite-dots {
    background-position: 0 -3370px;
}

.geSprite-alignleft {
    background-position: 0 -3416px;
}

.geSprite-alignright {
    background-position: 0 -3462px;
}

.geSprite-aligncenter {
    background-position: 0 -3508px;
}

.geSprite-aligntop {
    background-position: 0 -3554px;
}

.geSprite-alignbottom {
    background-position: 0 -3600px;
}

.geSprite-alignmiddle {
    background-position: 0 -3646px;
}

.geSprite-justifyfull {
    background-position: 0 -3692px;
}

.geSprite-formatpanel {
    background-position: 0 -3738px;
}

.geSprite-connection {
    background-position: 0 -3784px;
}

.geSprite-vertical {
    background-position: 0 -3830px;
}

.geSprite-simplearrow {
    background-position: 0 -3876px;
}

.geSprite-plus {
    background-position: 0 -3922px;
}

.geSprite-rounded {
    background-position: 0 -3968px;
}

.geSprite-toback {
    background-position: 0 -4014px;
}

.geSprite-tofront {
    background-position: 0 -4060px;
}

.geSprite-duplicate {
    background-position: 0 -4106px;
}

.geSprite-insert {
    background-position: 0 -4152px;
}

.geSprite-endblockthin {
    background-position: 0 -4201px;
}

.geSprite-endblockthintrans {
    background-position: 0 -4247px;
}

.geSprite-enderone {
    background-position: 0 -4293px;
}

.geSprite-enderonetoone {
    background-position: 0 -4339px;
}

.geSprite-enderonetomany {
    background-position: 0 -4385px;
}

.geSprite-endermany {
    background-position: 0 -4431px;
}

.geSprite-enderoneopt {
    background-position: 0 -4477px;
}

.geSprite-endermanyopt {
    background-position: 0 -4523px;
}

.geSprite-endclassicthin {
    background-position: 0 -4938px;
}

.geSprite-endclassicthintrans {
    background-position: 0 -4984px;
}

.geSprite-enddash {
    background-position: 0 -5029px;
}

.geSprite-endcircleplus {
    background-position: 0 -5075px;
}

.geSprite-endcircle {
    background-position: 0 -5121px;
}

.geSprite-endasync {
    background-position: 0 -5167px;
}

.geSprite-endasynctrans {
    background-position: 0 -5213px;
}

.geSprite-startblockthin {
    background-position: 0 -4569px;
}

.geSprite-startblockthintrans {
    background-position: 0 -4615px;
}

.geSprite-starterone {
    background-position: 0 -4661px;
}

.geSprite-starteronetoone {
    background-position: 0 -4707px;
}

.geSprite-starteronetomany {
    background-position: 0 -4753px;
}

.geSprite-startermany {
    background-position: 0 -4799px;
}

.geSprite-starteroneopt {
    background-position: 0 -4845px;
}

.geSprite-startermanyopt {
    background-position: 0 -4891px;
}

.geSprite-startclassicthin {
    background-position: 0 -5259px;
}

.geSprite-startclassicthintrans {
    background-position: 0 -5305px;
}

.geSprite-startdash {
    background-position: 0 -5351px;
}

.geSprite-startcircleplus {
    background-position: 0 -5397px;
}

.geSprite-startcircle {
    background-position: 0 -5443px;
}

.geSprite-startasync {
    background-position: 0 -5489px;
}

.geSprite-startasynctrans {
    background-position: 0 -5535px;
}

.geSprite-startcross {
    background-position: 0 -5581px;
}

.geSprite-startopenthin {
    background-position: 0 -5627px;
}

.geSprite-startopenasync {
    background-position: 0 -5673px;
}

.geSprite-endcross {
    background-position: 0 -5719px;
}

.geSprite-endopenthin {
    background-position: 0 -5765px;
}

.geSprite-endopenasync {
    background-position: 0 -5811px;
}

.geSprite-verticalelbow {
    background-position: 0 -5857px;
}

.geSprite-horizontalelbow {
    background-position: 0 -5903px;
}

.geSprite-horizontalisometric {
    background-position: 0 -5949px;
}

.geSprite-verticalisometric {
    background-position: 0 -5995px;
}

html div.mxRubberband {
    border-color: #0000DD;
    background: #99ccff;
}

td.mxPopupMenuIcon div {
    width: 16px;
    height: 16px;
}

html div.mxPopupMenu {
    -webkit-box-shadow: 2px 2px 3px #d5d5d5;
    -moz-box-shadow: 2px 2px 3px #d5d5d5;
    box-shadow: 2px 2px 3px #d5d5d5;
    _filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color='#d0d0d0', Positive='true');
    background: white;
    position: absolute;
    border: 3px solid #e7e7e7;
    padding: 3px;
}

html table.mxPopupMenu {
    border-collapse: collapse;
    margin: 0px;
}

html td.mxPopupMenuItem {
    padding: 7px 30px 7px 30px;
    font-family: Helvetica Neue, Helvetica, Arial Unicode MS, Arial;
    font-size: 10pt;
}

html td.mxPopupMenuIcon {
    background-color: white;
    padding: 0px;
}

td.mxPopupMenuIcon .geIcon {
    padding: 2px;
    padding-bottom: 4px;
    margin: 2px;
    border: 1px solid transparent;
    opacity: 0.5;
    _width: 26px;
    _height: 26px;
}

td.mxPopupMenuIcon .geIcon:hover {
    border: 1px solid gray;
    border-radius: 2px;
    opacity: 1;
}

html tr.mxPopupMenuItemHover {
    background-color: #eeeeee;
    color: black;
}

table.mxPopupMenu hr {
    color: #cccccc;
    background-color: #cccccc;
    border: none;
    height: 1px;
}

table.mxPopupMenu tr {
    font-size: 4pt;
}

html td.mxWindowTitle {
    font-family: Helvetica Neue, Helvetica, Arial Unicode MS, Arial;
    text-align: left;
    font-size: 12px;
    color: #707070;
    padding: 4px;
}

.propHeader,
.propRow {
    border: 1px solid #e9e9e9;
}

.propHeader>.propHeaderCell {
    border-top: 0;
    border-bottom: 0;
    text-align: left;
    width: 50%;
}

.propHeader>.propHeaderCell:first-child {
    border-left: none;
}

.propHeader>.propHeaderCell:last-child {
    border-right: none;
}

.propHeader {
    background: #e5e5e5;
    color: black;
}

.propRowCell {
    border-left: 1px solid #f3f3f3;
    width: 50%;
}

.propRow>.propRowCell {
    background: #fff;
}

.propRowAtl>.propRowCell {
    background: #fcfcfc;
}

.propEditor input:invalid {
    border: 1px solid red;
}

.frame-standard #app-editor-process>* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.frame-standard #app-editor-process input[type="checkbox"] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 0;
    float: left;
}

.frame-standard #app-editor-process input[type="checkbox"]:after {
    position: absolute;
    width: 16px;
    height: 16px;
    font-family: "FontAwesome";
    content: '\f096';
    font-size: 16px;
}

.frame-standard #app-editor-process input[type="checkbox"][checked]:after {
    position: absolute;
    width: 16px;
    height: 16px;
    font-family: "FontAwesome";
    content: '\f14a';
    font-size: 16px;
    color: #83b7e8;
}

.panel-form .form-td.nscomponent-type-flowchartviewer.nscomponent-form {
    overflow: hidden;
}

.nscomponent-type-flowchartviewer .btn-group {
    padding: 3px;
}

.nscomponent-type-flowchartviewer .btn-group .btn.btn-icon {
    border: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    border-radius: 3px;
    background: #f1f6f9;
}

.nscomponent-type-flowchartviewer .btn-group .btn.btn-icon i {
    color: #777777;
    vertical-align: text-top;
}

.nscomponent-type-flowchartviewer .btn-group .btn.btn-icon:hover {
    box-shadow: none;
    background: #dfebf1;
}

.nscomponent-type-flowchartviewer .btn-group .btn.btn-icon:first-child,
.nscomponent-type-flowchartviewer .btn-group .btn.btn-icon:last-child {
    border-radius: 3px;
}

.nscomponent-type-flowchartviewer .btn-group .btn.btn-icon:first-child:not(last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.nscomponent-type-flowchartviewer .btn-group .btn.btn-icon+.btn {
    margin-left: 5px;
}

.flowchartviewer {
    border-color: transparent;
    border: 0;
}

.flowchartviewer:hover,
.flowchartviewer:focus {
    border: 0;
}

.flowchartviewer-panel {
    background: #f2f5f7;
    border: 0;
    top: 40px;
    right: 0;
    opacity: 0.85;
}

.flowchartviewer-panel .flowchartviewer-header,
.flowchartviewer-panel .flowchartviewer-body {
    padding: 6px 12px;
}

.flowchartviewer-panel .flowchartviewer-header {
    border-bottom: 1px solid #ebeff2;
}

.flowchartviewer-panel .flowchartviewer-header .flowchartviewer-title {
    margin: 0;
}

.flowchartviewer-panel .flowchartviewer-header .btn-group {
    padding-top: 10px;
}

.flowchartviewer-panel .flowchartviewer-header .btn-group .btn {
    border: 1px solid #d9e9f8;
    font-size: 12px;
}

.flowchartviewer-panel .flowchartviewer-header .btn-group .btn+.btn {
    margin-left: 10px;
}

.flowchartviewer-panel .flowchartviewer-body {
    padding-left: 40px;
    position: relative;
    overflow-y: auto;
}

.flowchartviewer-panel .flowchartviewer-body:before {
    position: absolute;
    width: 1px;
    content: '';
    background: #ebeff2;
    top: 6px;
    bottom: 6px;
    left: 20px;
}

.flowchartviewer-panel .flowchartviewer-timeline .flowchartviewer-timeline-li {
    position: relative;
    margin-bottom: 15px;
}

.flowchartviewer-panel .flowchartviewer-timeline .flowchartviewer-timeline-li:before {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 9px;
    content: "";
    background: #c4d9e8;
    top: 5px;
    left: -24px;
    box-sizing: content-box;
}

.flowchartviewer-panel .flowchartviewer-timeline .flowchartviewer-timeline-li.current:before {
    width: 11px;
    height: 11px;
    background: #009944;
    border-radius: 11px;
    top: 4px;
    left: -25px;
}

.flowchartviewer-panel .flowchartviewer-timeline .flowchartviewer-timeline-li .flowchartviewer-timeline-type {
    display: block;
    font-size: 12px;
}

.flowchartviewer-panel .flowchartviewer-timeline .flowchartviewer-timeline-li .flowchartviewer-timeline-time {
    display: block;
    color: #555555;
}

.flowchartviewer-panel .flowchartviewer-footer {
    right: 0;
    left: 0;
    width: 100%;
    text-align: right;
}

.flowchartviewer-panel .flowchartviewer-footer .btn-group {
    width: 100%;
    float: none;
    padding: 0;
    border-top: 1px solid #d9e9f8;
}

.flowchartviewer-panel .flowchartviewer-footer .btn-group .btn {
    display: inline-block;
    float: none;
    border: 0;
    border-left: 1px solid #d9e9f8;
}

.panel-form .form-td.nscomponent-type-flowchartviewer.nscomponent-form {
    overflow: hidden;
}

.mxTooltip {
    position: absolute;
    background: #e49b3a;
    padding: 5px;
}

.popover.animation {
    animation: toTransparent 2s;
    -moz-animation: toTransparent 2s;
    /* Firefox */
    -webkit-animation: toTransparent 2s;
    /* Safari and Chrome */
    -o-animation: toTransparent 2s;
    /* Opera */
}

.flowchartviewer-footer {
    position: absolute;
    bottom: 0px;
}

@keyframes toTransparent {
    0% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes toTransparent {
    0% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes toTransparent {
    0% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

[ns-type="tree-process"] {
    padding: 10px 0;
}

[ns-type="tree-process"] li {
    display: inline-block;
    cursor: pointer;
}

[ns-type="tree-process"] li+li {
    padding-left: 5px;
}

.flowchart {
    position: relative;
}

.flowchart [ns-type="tree-process"] {
    padding: 10px;
    height: 40px;
    border-bottom: 1px solid #eee;
}

.flowchart .pt-btn-group-lg {
    position: absolute;
    width: 300px;
    right: 0;
    background: #ffffff;
    border-bottom: 1px solid #eee;
}

.flowchart .pt-btn-group-lg .pt-btn {
    height: 39px;
    line-height: 39px;
}

.flowchart .pt-btn-group-lg .pt-btn i {
    font-size: 20px;
}

.flowchart .pt-btn-group-lg .pt-btn.pt-btn-link:hover {
    text-decoration: none;
}

.flowchart [ns-type='flowchart-bllname'] {
    padding: 5px 10px;
    color: #888;
}

.component-editor {
    background: #75c1ff;
}

.component-editor-header {
    height: 44px;
    padding: 10px;
    padding-bottom: 0;
    background: #75c1ff;
}

.component-editor .component-editor-title {
    display: block;
    float: left;
    height: 34px;
    line-height: 34px;
    margin: 0;
    color: #fff;
}

.component-editor .component-editor-tab-nav {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
}

.component-editor .component-editor-tab-nav .component-editor-tab-nav-item {
    display: block;
    float: left;
    list-style-type: none;
    margin: 0;
}

.component-editor .component-editor-tab-nav .component-editor-tab-nav-item+.component-editor-tab-nav-item {
    margin-left: 3px;
}

.component-editor .component-editor-tab-nav .component-editor-tab-nav-item a {
    display: block;
    min-width: 60px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    background: #3da8ff;
    color: #fff;
}

.component-editor .component-editor-tab-nav .component-editor-tab-nav-item a.current {
    background: #fff;
    color: #0060ae;
}

.component-editor .component-editor-tab-nav .component-editor-tab-nav-item a.current:hover {
    background: #fff;
    color: #0060ae;
}

.component-editor .component-editor-tab-nav .component-editor-tab-nav-item a:hover {
    background: #008dff;
}

.component-editor-body {
    height: auto;
    overflow-y: auto;
    background: #fff;
    padding: 10px;
    border: 10px solid #75c1ff;
    border-width: 0 10px;
}

.component-editor-body .component-editor-tab-subnav {
    height: 34px;
    padding: 0;
    border-bottom: 2px solid #d9e9f8;
    margin-bottom: 10px;
}

.component-editor-body .component-editor-tab-subnav .component-editor-tab-subnav-item {
    display: block;
    float: left;
    list-style-type: none;
}

.component-editor-body .component-editor-tab-subnav .component-editor-tab-subnav-item+.component-editor-tab-subnav-item {
    margin-left: 10px;
}

.component-editor-body .component-editor-tab-subnav .component-editor-tab-subnav-item a {
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    text-align: center;
    position: relative;
}

.component-editor-body .component-editor-tab-subnav .component-editor-tab-subnav-item a.current {
    color: #75c1ff;
}

.component-editor-body .component-editor-tab-subnav .component-editor-tab-subnav-item a.current:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background: #75c1ff;
}

.component-editor-body .component-editor-tab-subnav .component-editor-tab-subnav-item a:hover {
    color: #75c1ff;
}

.component-editor-body table.table.changehandlertable tbody tr td span+span {
    margin-left: 5px;
}

.component-editor-footer {
    padding: 10px;
    height: 70px;
    background: #75c1ff;
    overflow: hidden;
}

.component-editor-footer .btn-group {
    float: right;
    padding: 10px 0;
}

.component-editor-footer .btn-group .btn {
    background-color: transparent;
}

.component-editor-footer .btn-group .btn i,
.component-editor-footer .btn-group .btn span {
    color: #fff;
}

.component-editor-footer .btn-group .btn:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25) inset;
}

.component-editor-modal {
    position: fixed;
    width: 960px;
    height: 600px;
    top: 50%;
    left: 50%;
    margin: -300px 0 0 -480px;
    z-index: 1049;
    padding: 0;
}

.component-editor-modal:after {
    position: fixed;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.component-editor-modal .component-editor-body {
    height: 486px;
}

.pt-upload {
    height: auto;
    overflow: hidden;
}

.pt-upload img {
    display: block;
    width: 100%;
}

.pt-upload-header {
    height: auto;
    overflow: hidden;
    padding: 15px 0;
}

.pt-upload-header .pt-btn-group .pt-btn.pt-btn-icon {
    position: relative;
    background: transparent;
    width: 60px;
    height: 60px;
}

.pt-upload-header .pt-btn-group .pt-btn.pt-btn-icon i {
    font-size: 42px;
}

.pt-upload-header .pt-btn-group .pt-btn.pt-btn-icon .pt-upload-control {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.pt-upload-header .pt-title {
    font-size: 18px;
    margin-left: 15px;
    padding-top: 18px;
}

.pt-upload-header .pt-title small {
    font-size: 12px;
    color: #f39800;
    display: block;
}

.pt-upload-header .pt-title .pt-radio {
    display: inline-block;
    line-height: 24px;
}

.pt-upload-header .pt-title .pt-radio label.pt-radio-inline {
    font-size: 14px;
}

.pt-media-list {
    margin: 0 -10px;
    overflow-y: auto;
}

.pt-media-item {
    width: 33.3333%;
    padding: 5px 10px;
    position: relative;
    float: left;
}

.pt-media-item .pt-media-image {
    position: relative;
    border: 1px solid #dddddd;
    overflow: hidden;
    height: 128px;
    width: 300px;
    display: table-cell;
    vertical-align: middle;
}

.pt-media-item .pt-media-image img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.pt-media-item .pt-media-image .pt-media-edit {
    position: absolute;
    right: 0;
    bottom: -34px;
    left: 0;
    padding: 1px 5px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    transition: ease-in-out all 0.25s;
    text-align: right;
}

.pt-media-item .pt-media-image .pt-media-edit .pt-btn {
    display: inline-block;
    background: transparent;
    border: 0;
}

.pt-media-item .pt-media-image .pt-media-edit .pt-btn:hover {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
}

.pt-media-item .pt-media-image:hover .pt-media-edit {
    bottom: 0;
}

.pt-media-current .pt-media-item .pt-media-image {
    border-color: #f39800;
}

.pt-media-item .pt-media-image.favorite {
    border-color: #f39800;
}

.pt-media-item .pt-media-image.pt-media-video {
    cursor: pointer;
}

.pt-media-item .pt-media-image.pt-media-video:before {
    position: absolute;
    font-family: "FontAwesome";
    content: '\f04b';
    font-size: 28px;
    top: 50%;
    left: 50%;
    color: #fff;
    opacity: 0.7;
    margin: -14px;
}

.pt-media-item .pt-media-image.pt-media-video:hover:before {
    opacity: 1;
}

.pt-media-item .pt-mark {
    position: absolute;
    top: 12px;
    left: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    background: #009944;
    text-align: center;
}

.pt-media-title {
    padding: 5px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    padding-right: 30px;
    line-height: 24px;
    height: 34px;
}

.pt-media-title .pt-btn.pt-btn-link {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
    opacity: 0;
    transition: ease-in-out all 0.25s;
    border: 0;
    background: transparent;
}

.pt-media-title:hover .pt-btn {
    opacity: 1;
    text-decoration: none;
}

.pt-media-title .pt-upload-edit {
    position: relative;
}

.pt-media-title .pt-upload-edit .pt-form-control {
    display: inline-block;
    height: 24px;
    border: 1px solid #d9e9f8;
    width: 60%;
    padding: 1px 3px;
    height: 26px;
}

.pt-media-title .pt-upload-edit .pt-btn-group {
    display: inline-block;
}

.pt-media-title .pt-upload-edit .pt-btn-group .pt-btn {
    border: 0;
    background: transparent;
}

.pt-media-title .pt-upload-edit .pt-btn-group .pt-btn.cancle i {
    color: #e60012;
}

.pt-media-title .pt-upload-edit .pt-btn-group .pt-btn.confirm i {
    color: #009944;
}

.pt-media-title .pt-upload-edit .pt-btn-group .pt-btn:hover {
    background: #777777;
}

.pt-media-mark {
    position: absolute;
    width: 48px;
    height: 48px;
    line-height: 48px;
    top: 10px;
    right: 10px;
    color: #fff;
    z-index: 1;
}

.pt-media-mark i {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
}

.pt-media-mark:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 48px 48px 0;
    border-color: transparent #f39800 transparent transparent;
    top: 0;
    right: 0;
    z-index: 1;
}

video {
    width: 100%;
}

.toast-title {
    font-weight: normal;
    margin-bottom: 5px;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.toast-message a,
.toast-message label {
    color: #ffffff;
}

.toast-message a:hover {
    color: #ffffff;
    text-decoration: none;
}

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    zoom: 1;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
    text-decoration: none;
    cursor: pointer;
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
    margin-top: 5px;
}

.toast-top-full-width .toast {
    margin-bottom: 5px !important;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 10px;
    right: 10px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    /*overrides*/
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-all;
}

#toast-container>div {
    margin: 0 0 6px;
    padding: 10px;
    width: 300px;
    margin-bottom: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-position: 15px center;
    background-repeat: no-repeat;
    color: #ffffff;
    zoom: 1;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

#toast-container>div i {
    margin-right: 6px;
}

#toast-container> :hover {
    zoom: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

#toast-container.toast-top-full-width>div,
#toast-container.toast-bottom-full-width>div {
    width: 96%;
    margin: auto;
}

.toast {
    background-color: #737373;
}

.toast-success {
    background-color: #40c893;
}

.toast-error {
    background-color: #ff6672;
}

.toast-info {
    background-color: #5fceff;
}

.toast-warning {
    background-color: #ffcb73;
}

.toast-default>div {
    background-color: rgba(115, 115, 115, 0.8);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}

/*====================================================================*/
/*nsconfirm*/
/*====================================================================*/
.ns-confirm-container {
    position: fixed;
    top: 30%;
    left: 50%;
    width: 300px;
    min-height: 100px;
    margin: -100px 0 0 -150px;
    background: #ffffff;
    z-index: 2080;
}

.ns-confirm-container .confrim-bg {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: -1;
}

.ns-confirm-container .confirm-header {
    height: 40px;
    background: #f8f8f8;
    padding: 6px 12px;
    border-bottom: 1px solid #d9e9f8;
}

.ns-confirm-container .confirm-header h4 {
    margin: 0;
    padding: 10px;
    font-size: 12px;
    color: #000000;
}

.ns-confirm-container .confirm-body {
    min-height: 60px;
    padding: 15px;
    line-height: 170%;
    background-color: #fff;
}

.ns-confirm-container .confirm-body .confirm-icon {
    display: none;
}

.ns-confirm-container .confirm-content .form-group {
    position: relative;
    display: table;
    width: 100%;
}

.ns-confirm-container .confirm-content .form-group.login-username-icon:after {
    content: "\f007";
    position: absolute;
    top: 14px;
    right: 16px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
}

.ns-confirm-container .confirm-content .form-group.login-password-icon:after {
    content: "\f13e";
    position: absolute;
    top: 14px;
    right: 16px;
    font-family: "FontAwesome";
    color: #cccccc;
    font-size: 14px;
    line-height: 14px;
}

.ns-confirm-container .confirm-content .form-group .control-label {
    display: table-cell;
    width: 60px;
}

.ns-confirm-container .confirm-content .form-group .form-control {
    display: table-cell;
    padding-right: 40px;
}

.ns-confirm-container .confirm-footer {
    height: 40px;
}

.ns-confirm-container .confirm-footer .btn-group {
    display: table;
    width: 100%;
}

.ns-confirm-container .confirm-footer button.btn {
    margin: 0;
    height: 40px;
    float: left;
    width: 50%;
    border: none;
    background-color: #f2f2f2;
    border-top: 1px solid #d9e9f8;
}

.ns-confirm-container .confirm-footer button.btn:hover {
    background-color: #fff;
    border-top-color: #fff;
}

.ns-confirm-container .confirm-footer button.btn[ns-confirm-type="confirm"] {
    border-right: 1px solid #d9e9f8;
}

.ns-confirm-container .confirm-footer button.btn.btn-info span,
.ns-confirm-container .confirm-footer button.btn.btn-success span,
.ns-confirm-container .confirm-footer button.btntn-warning span,
.ns-confirm-container .confirm-footer button.btn.btn-danger span {
    color: #000 !important;
}

.ns-confirm-container.success .confirm-content,
.ns-confirm-container.warning .confirm-content,
.ns-confirm-container.error .confirm-content {
    position: relative;
    padding-left: 40px;
}

.ns-confirm-container.success .confirm-content:after,
.ns-confirm-container.warning .confirm-content:after,
.ns-confirm-container.error .confirm-content:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    font-family: "FontAwesome";
    font-size: 25px;
}

.ns-confirm-container.success .confirm-content:after {
    content: "\f058";
    color: #009944;
}

.ns-confirm-container.warning .confirm-content:after {
    content: "\f071";
    color: #f39800;
}

.ns-confirm-container.error .confirm-content:after {
    content: "\f057";
    color: #e60012;
}

.layout-planes {
    margin: 0;
    padding: 15px 0;
}

.layout-planes .nspanel {
    border: 0;
    padding: 0;
}

.layout-planes .nspanel.autoHeight {
    margin-bottom: 0;
}

.layout-planes>.layout-tree {
    overflow-y: auto;
}

.layout-planes.treetable {
    padding: 0;
}

.layout-planes.treetable .nspanel {
    border: none;
}

.layout-planes.treetable .nspanel.layout-tree {
    padding: 0 0 15px 15px;
    overflow-y: auto;
}

.layout-planes.treetable .nspanel.layout-table {
    padding: 0 15px 15px 15px;
}

.layout-planes.treetable .nspanel .panel {
    padding: 0;
}

.layout-planes.treetable .nspanel .panel .panel-body {
    padding: 0;
}

.layout-planes.customsearchtable {
    padding-top: 65px;
}

.layout-planes.customsearchtable .table-responsive {
    padding-top: 0;
}

.layout-planes.customsearchtable .table-responsive .dataTables_filter {
    display: none;
}

.layout-planes.customsearchtable .control-btn-toolbar {
    float: none;
}

.layout-planes.customsearchdialog .page-title {
    height: 1px;
}

.layout-planes.customsearchdialog .page-title .btn-group:nth-child(1) {
    position: absolute;
    bottom: 0;
    right: 15px;
    border: 1px solid #d9e9f8;
}

.layout-planes.customsearchdialog .col-xs-12.nspanel {
    padding: 0;
}

.layout-planes>.layout-tree,
.layout-planes>.layout-table {
    padding: 0;
}

.layout-planes>.layout-tree+.layout-table,
.layout-planes>.layout-tree+.layout-table+.layout-table {
    margin-top: 0 !important;
}

.layout-planes .nspanel {
    border: 0;
}

.layout-planes .nspanel.border-left {
    border-left: 5px solid transparent !important;
    position: relative;
}

.layout-planes .nspanel.border-right {
    border-right: 5px solid transparent !important;
}

.layout-planes table.table.dataTable tr>td {
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

.page-container .main-content.table-content .layout-planes.customsearchtable .table-responsive {
    padding-top: 0;
    margin: 0;
    overflow: hidden;
}

.page-container .main-content.table-content .layout-planes.customsearchtable .table-responsive .dataTables_wrapper {
    overflow: auto;
}

.page-container .main-content.table-content .layout-planes.customsearchtable .table-responsive .dataTables_wrapper table {
    margin-bottom: 0;
}

.layout-planes .nspanel .container-btns {
    width: 100%;
    border-bottom: 1px #e9e9e9 solid;
}

.layout-planes .nspanel .container-tags {
    width: 100%;
    min-height: 53px;
    padding: 5px 10px;
    background: #f8f8f8;
}

.layout-planes .nspanel .container-tags .container-tags-content {
    float: none;
    display: inline-block;
    padding: 6px 10px;
    margin: 5px;
    background: #fff;
    color: #616161;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #dedede;
}

.layout-planes .nspanel .container-tags .container-tags-content span.close {
    float: none;
    font-size: 12px;
    line-height: 12px;
    padding-left: 10px;
}

.layout-planes .nspanel .container-tags .container-tags-content:hover {
    color: #186ba0;
    border: 1px solid #186ba0;
}

.layout-planes .nspanel .container-tags .container-tags-content:hover span.close {
    color: #186ba0;
    opacity: 0.8;
}

.layout-planes .nspanel .container-tags .container-tags-content.active {
    background: #186ba0;
    color: #fff;
    border: 1px solid #186ba0;
}

.layout-planes .nspanel .container-tags .container-tags-content.active span.close {
    color: #fff;
    opacity: 0.8;
}

.layout-planes .nspanel .container-tags .container-tags-content.active:hover {
    background: #186ba0;
    color: #fff;
    border: 1px solid #186ba0;
}

.panel {
    position: relative;
    border: 0;
    margin-bottom: 15px;
    padding: 0;
    border-style: none;
    background: #fff;
    box-shadow: none;
}

.panel.panel-form {
    margin-bottom: 0;
}

.panel>.panel-body {
    margin: 0;
    padding: 0;
    color: #555555;
}

.form-content .nspanel-control .panel {
    padding: 0;
}

.form-content .nav-form .nav-title {
    font-size: 16px;
}

.nswindow .page-title.nav-form {
    z-index: 98;
}

.nswindow .page-title.nav-form .btn-group {
    display: inline-block;
    float: none;
}

.nswindow.container-form-btns {
    position: static;
}

.nswindow .selectboxit-container .selectboxit-options {
    z-index: 1061;
}

.table.hasChart.padding {
    display: block;
    margin: 0;
}

.table.hasChart.padding.left {
    float: left;
}

.table.hasChart.padding.right {
    float: right;
}

.page-container .main-content.table-content .table-responsive.table.hasChart.padding {
    padding-top: 68px;
}

.chart.padding {
    padding-top: 10px;
}

.chart.padding.left {
    float: left;
}

.chart.padding.right {
    float: right;
}

.layout-customertable .table.table-striped {
    background: #fff;
    table-layout: fixed;
    border: none;
}

.layout-customertable .table.table-striped thead tr:first-child {
    visibility: hidden;
    height: 0;
    border: none;
    border-right: 1px solid #fff;
    line-height: 0;
    min-width: 1px;
    margin-bottom: -1px;
}

.layout-customertable .table.table-striped thead tr:first-child th {
    height: 0 !important;
}

.layout-customertable .table.table-striped thead tr th {
    border-color: #d6d6d6;
}

.layout-customertable .table.table-striped thead tr th .sorting {
    background: none;
}

.layout-customertable .table.table-striped thead tr th .sorting-desc:before,
.layout-customertable .table.table-striped thead tr th .sorting-asc:before {
    position: absolute;
    content: "";
    top: 3px;
    right: 3px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent !important;
    border-right: 3px solid transparent !important;
    background-color: transparent !important;
}

.layout-customertable .table.table-striped thead tr th .sorting-desc:before {
    border-top: 4px solid #b7b7b7 !important;
}

.layout-customertable .table.table-striped thead tr th .sorting-asc:before {
    border-bottom: 4px solid #b7b7b7 !important;
}

.layout-customertable .table.table-striped thead tr th:last-child {
    border-right: 1px solid #d6d6d6;
}

.layout-customertable .table.table-striped thead tr th:first-child {
    visibility: hidden;
    width: 0 !important;
    padding: 0;
    margin: 0;
}

.layout-customertable .table.table-striped tbody>tr td {
    height: 32px;
}

.layout-customertable .table.table-striped tbody>tr td:last-child {
    border-right: 1px solid #dddddd;
}

.layout-customertable .table.table-striped tbody>tr td:first-child {
    visibility: hidden;
    width: 0;
    padding: 0;
    margin: 0;
}

.layout-customertable .customer-table-input-component input {
    height: auto;
}

.row.layout-planes>.nspanel .nav.nav-tabs {
    margin: 0 -1px 5px -1px;
    padding: 0;
    border-bottom: 1px solid transparent;
    position: relative;
}

.row.layout-planes>.nspanel .nav.nav-tabs li {
    padding: 0 1px 0 1px;
}

.row.layout-planes>.nspanel .nav.nav-tabs li a {
    padding: 0 5px;
    line-height: 30px;
    text-align: center;
    background: #f8f8f8;
    border-color: #dfe2e7;
    border-bottom: 1px solid #cad0d8;
    color: #777;
}

.row.layout-planes>.nspanel .nav.nav-tabs li a:hover {
    background: #fff;
}

.row.layout-planes>.nspanel .nav.nav-tabs li.active a {
    background: #fff;
    border-color: #c1c8d2;
    cursor: pointer;
    position: relative;
    border-bottom-color: #fff;
    color: #000;
}

.row.layout-planes>.nspanel .nav.nav-tabs li.active a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #c1c8d2;
    z-index: 9;
    top: 0;
    left: 0;
}

.tab-content .tab-pane {
    position: relative;
}

.tab-content.tab-content-border {
    border: 1px solid #c1c8d2;
}

.tab-nav-default .nav.nav-tabs {
    margin: 0 -1px 5px -1px;
    padding: 0;
    border-bottom: 1px solid transparent;
    position: relative;
}

.tab-nav-default .nav.nav-tabs li {
    padding: 0 1px 0 1px;
}

.tab-nav-default .nav.nav-tabs li a {
    padding: 0 5px;
    line-height: 30px;
    text-align: center;
    background: #f8f8f8;
    border-color: #dfe2e7;
    border-bottom: 1px solid #cad0d8;
    color: #777;
}

.tab-nav-default .nav.nav-tabs li a:hover {
    background: #fff;
}

.tab-nav-default .nav.nav-tabs li.active a {
    background: #fff;
    border-color: #c1c8d2;
    cursor: pointer;
    position: relative;
    border-bottom-color: #fff;
    color: #000;
}

.tab-nav-default .nav.nav-tabs li.active a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #c1c8d2;
    z-index: 9;
    top: 0;
    left: 0;
}

.layout-customertable.nspanel .customertable-echart-table .nav.nav-tabs {
    margin: -25px -2px 0;
}

.template-disabled {
    -o-filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

/*====================================================================*/
/*landing*/
/*====================================================================*/
.home-container .row {
    margin: 0;
}

.home-container .home-content {
    padding: 0;
}

.home-container .home-content .home-title {
    position: relative;
    padding: 0 10px;
}

.home-container .home-content .home-title h3 {
    margin: 0;
    padding: 15px 0;
    font-size: 18px;
}

.home-container .home-content .home-title h3 i {
    font-size: inherit;
    margin-right: 8px;
}

.home-container .home-content .home-title .btn {
    position: absolute;
    top: 10px;
    right: 10px;
}

.home-container .home-content ul {
    padding: 10px;
    margin: 0 10px;
    background: #f2f6fc;
}

.home-container .home-content ul li {
    display: inline-block;
    padding: 10px 12px;
    list-style-type: none;
}

.home-container .home-content ul.home-tab {
    margin: 0;
    padding-bottom: 0;
    border: 0 !important;
    background-color: transparent;
}

.home-container .home-content ul.home-tab li {
    margin-right: 10px;
    margin-bottom: -1px;
    border: 1px solid #c8d7ef;
    cursor: pointer;
    color: #777777;
}

.home-container .home-content ul.home-tab li:hover,
.home-container .home-content ul.home-tab li.active:hover {
    background: #f3f6fb;
}

.home-container .home-content ul.home-tab li.active {
    position: relative;
    background: #f3f6fb;
    border-color: #c8d7ef;
    border-bottom-color: #fff;
    color: #000000;
}

.home-container .home-content ul.home-tab li.active:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #d9e9f8;
    z-index: 9;
    background: #c8d7ef;
    top: 0;
    left: 0;
}

.home-container .home-content ul.home-tab li.active:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #d9e9f8;
    z-index: 9;
    left: 0;
    bottom: -1px;
    background: #f3f6fb;
}

.home-container .home-content .bar-echart,
.home-container .home-content .tab-echart {
    padding: 0 10px;
    box-sizing: border-box;
}

.home-container .home-content .bar-echart>div,
.home-container .home-content .tab-echart>div {
    border: 1px solid #c8d7ef !important;
    background: #f2f6fc;
}

.home-container .home-content canvas {
    margin: 0 10px;
}

.home-container .home-content .home-element {
    margin: 0 5px 10px;
    background: #fff;
}

.home-container .home-content .home-element ul {
    border: 1px solid #c8d7ef;
}

.home-container .home-content .home-element ul>li>span:last-child {
    margin-left: 10px;
}

.home-container .home-content .home-element.primary>ul>li>span:last-child {
    color: #005378;
}

.home-container .home-content .home-element.info>ul>li>span:last-child {
    color: #009ade;
}

.home-container .home-content .home-element.success>ul>li>span:last-child {
    color: #009944;
}

.home-container .home-content .home-element.warning>ul>li>span:last-child {
    color: #f39800;
}

.home-container .home-content .home-element.danger>ul>li>span:last-child {
    color: #e60012;
}

.home-container .home-content .home-element.default>ul>li>span:last-child {
    color: #666666;
}

.dashboard {
    padding: 0 20px;
}

.content-box .dashboard {
    margin-top: -30px;
}

.dashboard .nstable-panel {
    margin-bottom: 0 !important;
}

.dashboard .nstable-panel:before,
.dashboard .nstable-panel:after {
    content: " ";
    display: table;
}

.dashboard .nstable-panel:after {
    clear: both;
}

.dashboard .nstable-panel:before,
.dashboard .nstable-panel:after {
    content: " ";
    display: table;
}

.dashboard .nstable-panel:after {
    clear: both;
}

.dashboard .nstable-panel>.row {
    margin-right: -10px;
    margin-left: -10px;
}

.dashboard .nstable-panel>.row>div {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.dashboard .nstable-panel .overview-box-item {
    display: table;
    width: 100%;
    padding: 10px;
}

.dashboard .nstable-panel .overview-box-item:before,
.dashboard .nstable-panel .overview-box-item:after {
    content: " ";
    display: table;
}

.dashboard .nstable-panel .overview-box-item:after {
    clear: both;
}

.dashboard .nstable-panel .overview-box-item:before,
.dashboard .nstable-panel .overview-box-item:after {
    content: " ";
    display: table;
}

.dashboard .nstable-panel .overview-box-item:after {
    clear: both;
}

.dashboard .nstable-panel .overview-box-item .overview-icon {
    display: table-cell;
    width: 64px;
}

.dashboard .nstable-panel .overview-box-item .overview-info {
    display: table-cell;
    vertical-align: top;
}

.dashboard .nstable-panel .overview-box-item .overflow-quantity {
    margin: 10px 0;
}

.dashboard .nstable-panel .overview-box-item i {
    text-align: center;
    display: block;
    margin: 7px auto;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 28px;
    border-radius: 100px;
    background: #fff;
}

.dashboard .nstable-panel .overview-box-item p {
    display: none;
}

.dashboard .nstable-panel .overview-box-item.overview-box-01 {
    background: #44dd7e;
}

.dashboard .nstable-panel .overview-box-item.overview-box-01 .overview-title {
    color: #3a5722;
}

.dashboard .nstable-panel .overview-box-item.overview-box-01 h2 {
    color: #3a5722;
}

.dashboard .nstable-panel .overview-box-item.overview-box-01 i {
    color: #44dd7e;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard .nstable-panel .overview-box-item.overview-box-02 {
    background: #ea8d2e;
}

.dashboard .nstable-panel .overview-box-item.overview-box-02 .overview-title {
    color: #64401d;
}

.dashboard .nstable-panel .overview-box-item.overview-box-02 h2 {
    color: #64401d;
}

.dashboard .nstable-panel .overview-box-item.overview-box-02 i {
    color: #ea8d2e;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard .nstable-panel .overview-box-item.overview-box-03 {
    background: #2ec8e2;
}

.dashboard .nstable-panel .overview-box-item.overview-box-03 .overview-title {
    color: #1e4e56;
}

.dashboard .nstable-panel .overview-box-item.overview-box-03 h2 {
    color: #1e4e56;
}

.dashboard .nstable-panel .overview-box-item.overview-box-03 i {
    color: #2ec8e2;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard .nstable-panel .overview-box-item.overview-box-04 {
    background: #ff653d;
}

.dashboard .nstable-panel .overview-box-item.overview-box-04 .overview-title {
    color: #784032;
}

.dashboard .nstable-panel .overview-box-item.overview-box-04 h2 {
    color: #784032;
}

.dashboard .nstable-panel .overview-box-item.overview-box-04 i {
    color: #ff653d;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard .nstable-panel .overview-box-item.overview-box-05 {
    background: #707aff;
}

.dashboard .nstable-panel .overview-box-item.overview-box-05 .overview-title {
    color: #383d7a;
}

.dashboard .nstable-panel .overview-box-item.overview-box-05 h2 {
    color: #383d7a;
}

.dashboard .nstable-panel .overview-box-item.overview-box-05 i {
    color: #707aff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard .nstable-panel .overview-box-item.overview-box-06 {
    background: #f0394f;
}

.dashboard .nstable-panel .overview-box-item.overview-box-06 .overview-title {
    color: #712931;
}

.dashboard .nstable-panel .overview-box-item.overview-box-06 h2 {
    color: #712931;
}

.dashboard .nstable-panel .overview-box-item.overview-box-06 i {
    color: #f0394f;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard .nstable-panel .ns-table-panel-header {
    background: #edeff2;
    padding: 5px 10px;
    border: 1px solid #d9e9f8;
    margin-bottom: -1px;
    height: 50px;
}

.dashboard .nstable-panel .ns-table-panel-header .ns-table-panel-title {
    font-weight: bold;
    font-size: 16px;
}

.dashboard .nstable-panel .ns-table-panel-header .ns-table-panel-title i {
    font-size: 20px;
    margin-right: 10px;
    color: #ff8700;
}

.dashboard .nstable-panel .nstable-panel-body {
    border: 1px solid #d9e9f8;
    padding: 20px;
}

.dashboard .nstable-panel .nstable-panel-body .card-list {
    margin: -20px;
    padding: 0;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li {
    list-style: none;
    border-top: 1px solid #d9e9f8;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item {
    border-top: 1px solid #d9e9f8;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item.card-list-lg {
    height: 60px;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item:first-child {
    border-top: 0;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item a {
    display: table;
    width: 100%;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item a:hover {
    background: #f9f9f9;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-before,
.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-info,
.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-after {
    display: table-cell;
    padding: 5px 10px;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-before {
    width: 48px;
    text-align: center;
    vertical-align: middle;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-before i {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    font-size: 16px;
    background: #eeeeee;
    border-radius: 50px;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-info .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-after {
    width: 48px;
    vertical-align: middle;
    text-align: right;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-after span.checked i {
    color: #aaa;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item .badge {
    font-weight: normal;
    background: #ccc;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item .badge.badge-info {
    background: #009ade;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item .badge.badge-danger {
    background: #e60012;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.card-list-item .badge.badge-warning {
    background: #f39800;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.page {
    padding: 10px;
    text-align: right;
    height: 45px;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.page a {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 100px;
}

.dashboard .nstable-panel .nstable-panel-body .card-list>li.page a:hover,
.dashboard .nstable-panel .nstable-panel-body .card-list>li.page a.current {
    font-weight: bold;
    background: #eff5fc;
    color: #222222;
}

.dashboard .nstable-panel .nstable-panel-body.nstable-calendar {
    min-height: 624px;
}

.dashboard-02 {
    padding: 0 20px;
}

.content-box .dashboard-02 {
    margin-top: -30px;
}

.dashboard-02 .nstable-panel {
    margin-bottom: 0 !important;
}

.dashboard-02 .nstable-panel:before,
.dashboard-02 .nstable-panel:after {
    content: " ";
    display: table;
}

.dashboard-02 .nstable-panel:after {
    clear: both;
}

.dashboard-02 .nstable-panel:before,
.dashboard-02 .nstable-panel:after {
    content: " ";
    display: table;
}

.dashboard-02 .nstable-panel:after {
    clear: both;
}

.dashboard-02 .nstable-panel>.row {
    margin-right: -10px;
    margin-left: -10px;
}

.dashboard-02 .nstable-panel>.row>div {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.dashboard-02 .nstable-panel .overview-box-item {
    display: table;
    width: 100%;
    background: #eeeeee;
    padding: 10px;
}

.dashboard-02 .nstable-panel .overview-box-item:before,
.dashboard-02 .nstable-panel .overview-box-item:after {
    content: " ";
    display: table;
}

.dashboard-02 .nstable-panel .overview-box-item:after {
    clear: both;
}

.dashboard-02 .nstable-panel .overview-box-item:before,
.dashboard-02 .nstable-panel .overview-box-item:after {
    content: " ";
    display: table;
}

.dashboard-02 .nstable-panel .overview-box-item:after {
    clear: both;
}

.dashboard-02 .nstable-panel .overview-box-item .overview-icon {
    display: table-cell;
    width: 48px;
}

.dashboard-02 .nstable-panel .overview-box-item .overview-info {
    display: table-cell;
    vertical-align: top;
}

.dashboard-02 .nstable-panel .overview-box-item .overflow-quantity {
    margin: 10px 0;
}

.dashboard-02 .nstable-panel .overview-box-item i {
    text-align: right;
    display: block;
    margin: 0 auto;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 32px;
    border-radius: 100px;
}

.dashboard-02 .nstable-panel .overview-box-item p {
    display: none;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-01 {
    background: #44dd7e;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-01 .overview-title {
    color: #157339;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-01 h2 {
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-01 i {
    color: rgba(255, 255, 255, 0.5);
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-02 {
    background: #fe9b00;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-02 .overview-title {
    color: #653e00;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-02 h2 {
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-02 i {
    color: rgba(255, 255, 255, 0.5);
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-03 {
    background: #2ec8e2;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-03 .overview-title {
    color: #0f5c69;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-03 h2 {
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-03 i {
    color: rgba(255, 255, 255, 0.5);
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-04 {
    background: #ff653d;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-04 .overview-title {
    color: #a32200;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-04 h2 {
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-04 i {
    color: rgba(255, 255, 255, 0.5);
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-05 {
    background: #6b74ec;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-05 .overview-title {
    color: #1620a8;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-05 h2 {
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-05 i {
    color: rgba(255, 255, 255, 0.5);
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-06 {
    background: #f0394f;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-06 .overview-title {
    color: #860a19;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-06 h2 {
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.dashboard-02 .nstable-panel .overview-box-item.overview-box-06 i {
    color: rgba(255, 255, 255, 0.5);
}

.dashboard-02 .nstable-panel .ns-table-panel-header {
    background: #eaf2fb;
    padding: 5px 10px;
    border: 1px solid #d7e4f3;
    margin-bottom: -1px;
    height: 50px;
}

.dashboard-02 .nstable-panel .ns-table-panel-header .ns-table-panel-title {
    font-weight: bold;
    font-size: 16px;
}

.dashboard-02 .nstable-panel .ns-table-panel-header .ns-table-panel-title i {
    font-size: 20px;
    margin-right: 10px;
    color: #ff8700;
}

.dashboard-02 .nstable-panel .nstable-panel-body {
    border: 1px solid #d7e4f3;
    padding: 20px;
    background: #fff;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list {
    margin: -20px;
    padding: 0;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li {
    list-style: none;
    border-top: 1px solid transparent;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item {
    border-top: 1px solid transparent;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item:first-child {
    border-top: 0;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item a {
    display: table;
    width: 100%;
    transition: ease-in-out all 0.3s;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-before,
.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-info,
.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-after {
    display: table-cell;
    padding: 5px 10px;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-before {
    width: 48px;
    text-align: center;
    vertical-align: middle;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-before i {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    font-size: 16px;
    background: #ecf4ff;
    border-radius: 50px;
    color: #468ee9;
    transition: ease-in-out all 0.3s;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-info .title {
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 9px 0;
    margin: 0;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-after {
    width: 48px;
    vertical-align: middle;
    text-align: right;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item a .card-list-after span.checked i {
    color: #aaa;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item a:hover {
    background: #f3f7fb;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item a:hover .card-list-before i {
    background: #cee3ff;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item .badge {
    font-weight: normal;
    background: #ccc;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item .badge.badge-info {
    background: #009ade;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item .badge.badge-danger {
    background: #e60012;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.card-list-item .badge.badge-warning {
    background: #f39800;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.page {
    padding: 10px;
    text-align: right;
    border-top: 1px solid #d7e4f3;
    height: 45px;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.page a {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 100px;
}

.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.page a:hover,
.dashboard-02 .nstable-panel .nstable-panel-body .card-list>li.page a.current {
    background: #ecf4ff;
    color: #468ee9;
}

.dashboard-02 .nstable-panel .nstable-panel-body.nstable-calendar {
    min-height: 624px;
}

.dashboard-03 {
    padding: 0px 20px;
    margin-top: -30px;
}

.dashboard-03 .row>div {
    padding-left: 5px;
    padding-right: 5px;
}

.dashboard-03 .special-width-5 {
    width: 20%;
}

.dashboard-03 .special-width-4 {
    width: 25%;
}

.dashboard-03 .ns-table-panel-body {
    width: 100%;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu {
    display: table;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box {
    width: 100%;
    display: block;
    float: left;
    display: table;
    padding: 10px;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box:before,
.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box:after {
    content: " ";
    display: table;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box:after {
    clear: both;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box:before,
.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box:after {
    content: " ";
    display: table;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box:after {
    clear: both;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box .overview-icon {
    display: table-cell;
    width: 64px;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box .overview-info {
    display: table-cell;
    vertical-align: top;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box .overflow-quantity {
    margin: 10px 0;
    color: #fff !important;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box i {
    text-align: center;
    display: block;
    margin: 7px auto;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 28px;
    border-radius: 100px;
    background: #fff;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box p {
    display: none;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-01 {
    background: #44dd7e;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-01 .overview-title {
    color: #3a5722;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-01 h2 {
    color: #3a5722;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-01 i {
    color: #44dd7e;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-02 {
    background: #ea8d2e;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-02 .overview-title {
    color: #64401d;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-02 h2 {
    color: #64401d;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-02 i {
    color: #ea8d2e;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-03 {
    background: #2ec8e2;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-03 .overview-title {
    color: #1e4e56;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-03 h2 {
    color: #1e4e56;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-03 i {
    color: #2ec8e2;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-04 {
    background: #ff653d;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-04 .overview-title {
    color: #784032;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-04 h2 {
    color: #784032;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-04 i {
    color: #ff653d;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-05 {
    background: #707aff;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-05 .overview-title {
    color: #383d7a;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-05 h2 {
    color: #383d7a;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-05 i {
    color: #707aff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-06 {
    background: #f0394f;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-06 .overview-title {
    color: #712931;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-06 h2 {
    color: #712931;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu a.overview-box.overview-box-06 i {
    color: #f0394f;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box {
    padding: 0 6px;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-01 {
    background: #36d497;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-01 .overview-title {
    color: #d9d9d9;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-01 h2 {
    color: #d9d9d9;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-01 i {
    color: #36d497;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-02 {
    background: #33c7d3;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-02 .overview-title {
    color: #d9d9d9;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-02 h2 {
    color: #d9d9d9;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-02 i {
    color: #33c7d3;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-03 {
    background: #3398dc;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-03 .overview-title {
    color: #d9d9d9;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-03 h2 {
    color: #d9d9d9;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-03 i {
    color: #3398dc;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-04 {
    background: #8d44ad;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-04 .overview-title {
    color: #d9d9d9;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-04 h2 {
    color: #d9d9d9;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-04 i {
    color: #8d44ad;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-05 {
    background: #e94f5b;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-05 .overview-title {
    color: #d9d9d9;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-05 h2 {
    color: #d9d9d9;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-05 i {
    color: #e94f5b;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-06 {
    background: #e9bc4f;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-06 .overview-title {
    color: #d9d9d9;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-06 h2 {
    color: #d9d9d9;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box.overview-box-06 i {
    color: #e9bc4f;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box .overview-icon {
    width: 70px;
    padding-left: 5px;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box .overview-icon i {
    width: 70px;
    height: 75px;
    line-height: 80px;
    font-size: 75px;
    margin: 20px 0;
    margin-bottom: 0;
    background-color: transparent;
    box-shadow: none;
    color: rgba(255, 255, 255, 0.5);
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box .overview-info {
    text-align: right;
    padding-right: 10px;
    vertical-align: middle;
}

.dashboard-03 .ns-table-panel-body.shortcut-menu-b a.overview-box .overview-info .overview-title {
    color: #fff;
    margin: 9px 0;
    line-height: 28px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
}

.dashboard-03 .card-list-before,
.dashboard-03 .card-list-after {
    padding: 5px;
    display: table-cell;
    vertical-align: middle;
    width: 32px;
}

.dashboard-03 .card-list-before.card-list-before,
.dashboard-03 .card-list-after.card-list-before {
    padding-right: 0;
}

.dashboard-03 .card-list-before.card-list-after,
.dashboard-03 .card-list-after.card-list-after {
    padding-left: 0;
}

.dashboard-03 .card-list-before span.list-icon,
.dashboard-03 .card-list-after span.list-icon {
    text-align: center;
    vertical-align: middle;
}

.dashboard-03 .card-list-before span.list-icon i,
.dashboard-03 .card-list-after span.list-icon i {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    font-size: 16px;
}

.dashboard-03 .card-list-before span.list-icon.text-warning,
.dashboard-03 .card-list-after span.list-icon.text-warning {
    color: #ff8700;
}

.dashboard-03 .card-list-before span.list-icon.text-warning.checked,
.dashboard-03 .card-list-after span.list-icon.text-warning.checked {
    color: #aaa;
}

.dashboard-03 .card-list-before span.list-icon.list-icon-bg i,
.dashboard-03 .card-list-after span.list-icon.list-icon-bg i {
    background: #ecf4ff;
    color: #a0c8ff;
    transition: ease-in-out all 0.35s;
    border-radius: 30px;
}

.dashboard-03 .card-list-before span.list-icon.list-icon-bg:hover,
.dashboard-03 .card-list-after span.list-icon.list-icon-bg:hover {
    background: #f3f7fb;
}

.dashboard-03 .card-list-before span.list-icon.list-icon-bg:hover.list-icon-bg i,
.dashboard-03 .card-list-after span.list-icon.list-icon-bg:hover.list-icon-bg i {
    background: #cde2ff;
    color: #539bff;
}

.dashboard-03 .card-list-before span.list-icon.badge,
.dashboard-03 .card-list-after span.list-icon.badge {
    font-weight: normal;
    background: #ccc;
    padding: 3px 6px;
    margin-left: 4px;
}

.dashboard-03 .card-list-before span.list-icon.badge.badge-info,
.dashboard-03 .card-list-after span.list-icon.badge.badge-info {
    background: #009ade;
}

.dashboard-03 .card-list-before span.list-icon.badge.badge-danger,
.dashboard-03 .card-list-after span.list-icon.badge.badge-danger {
    background: #e60012;
}

.dashboard-03 .card-list-before span.list-icon.badge.badge-warning,
.dashboard-03 .card-list-after span.list-icon.badge.badge-warning {
    background: #f39800;
}

.dashboard-03 .card-list-before span.list-icon.badge-number,
.dashboard-03 .card-list-after span.list-icon.badge-number {
    background-color: transparent;
    color: #ff8700;
}

.dashboard-03 .card-list-before span.list-icon.badge-number.badge-danger,
.dashboard-03 .card-list-after span.list-icon.badge-number.badge-danger {
    border-radius: 4px;
    color: #fff;
}

.dashboard-03 .card-list-group li.card-list-group-item.card-list-group-item-arrow {
    position: relative;
    padding-right: 40px;
}

.dashboard-03 .card-list-group li.card-list-group-item.card-list-group-item-arrow:after {
    position: absolute;
    top: 12px;
    right: 10px;
    font-family: "FontAwesome";
    content: "\f0a9";
    color: #1b926c;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

.dashboard-03 .card-list-group li.card-list-group-item.card-list-group-item-arrow .card-list-time {
    padding-right: 0;
}

.dashboard-03 .card-list-group {
    margin: -20px;
    padding: 0;
}

.dashboard-03 .card-list-group>li {
    list-style: none;
    border-top: 1px solid #d9e9f8;
}

.dashboard-03 .card-list-group>li.card-list-group-item {
    border-top: 1px solid #d9e9f8;
}

.dashboard-03 .card-list-group>li.card-list-group-item.card-list-lg {
    height: 60px;
}

.dashboard-03 .card-list-group>li.card-list-group-item:first-child {
    border-top: 0;
}

.dashboard-03 .card-list-group>li.card-list-group-item a {
    display: table;
    width: 100%;
}

.dashboard-03 .card-list-group>li.card-list-group-item a:hover {
    background: #f9f9f9;
}

.dashboard-03 .card-list-group>li.card-list-group-item a .card-list-info {
    display: table-cell;
    float: left;
    padding: 5px 10px;
}

.dashboard-03 .card-list-group>li.card-list-group-item a .card-list-info .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-03 .card-list-group>li.card-list-group-item a .card-list-time {
    display: table-cell;
    vertical-align: middle;
    color: #999;
    padding: 0 5px;
    text-align: right;
    padding-right: 10px;
}

.dashboard-03 .card-list-group>li.page {
    padding: 10px;
    text-align: right;
    height: 45px;
}

.dashboard-03 .card-list-group>li.page a {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 100px;
}

.dashboard-03 .card-list-group>li.page a:hover,
.dashboard-03 .card-list-group>li.page a.current {
    font-weight: bold;
    background: #eff5fc;
    color: #222222;
}

.dashboard-03 .calendar {
    display: table;
}

.dashboard-03 .calendar .calendar-body {
    display: table-cell;
}

.dashboard-03 .calendar .calendar-text {
    display: table-cell;
    width: 205px;
    background-color: #ebf5fe;
    position: relative;
    padding-bottom: 50px;
}

.dashboard-03 .calendar .calendar-text .calendar-text-title {
    padding-top: 15px;
    padding-left: 38px;
    color: #56b1fc;
    font-size: 13px;
    font-weight: bold;
    position: relative;
}

.dashboard-03 .calendar .calendar-text .calendar-text-title:before {
    position: absolute;
    left: 9px;
    top: 15px;
    width: 19px;
    height: 19px;
    font-family: "FontAwesome";
    content: "\f0a9";
    color: #fff;
    background-color: #56b1fc;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

.dashboard-03 .calendar .calendar-text ul.calendar-text-list {
    border-top: 0;
    padding: 0;
}

.dashboard-03 .calendar .calendar-text ul.calendar-text-list li {
    color: #6d6d72;
    padding: 1rem 2rem 1rem 3rem;
}

.dashboard-03 .calendar .calendar-text ul.calendar-text-list li a {
    text-decoration: none;
}

.dashboard-03 .calendar .calendar-text ul.calendar-text-list li:first-child {
    padding-top: 2rem;
}

.dashboard-03 .calendar .calendar-text ul.calendar-text-list li:first-child:after {
    top: 2.25rem;
}

.dashboard-03 .calendar .calendar-text ul.calendar-text-list li:before {
    background-color: #56b1fc;
}

.dashboard-03 .calendar .calendar-text ul.calendar-text-list li:after {
    width: 11px;
    height: 11px;
    left: 13px;
    background-color: #fff;
    border: 2px solid #56b1fc;
}

.dashboard-03 .calendar .calendar-text ul.calendar-text-list li p {
    color: #c5c5c5;
    padding-top: 0.5rem;
}

.dashboard-03 .calendar .calendar-text .form-group {
    height: 67px;
    padding: 10px;
    position: absolute;
    bottom: 5px;
    left: 0px;
    right: 0px;
}

.dashboard-03 .calendar .calendar-text .form-group .form-item {
    width: 100%;
    height: 32px;
    margin-bottom: 5px;
}

.dashboard-03 .calendar .calendar-text .form-group .form-item .form-control {
    width: 100%;
    height: 32px;
}

.dashboard-03 .calendar .calendar-text .form-group .btn {
    padding: 7px 20px;
    border-radius: 4px;
    float: right;
}

.dashboard-03 .calendar .calendar-text .form-group .btn:focus {
    box-shadow: none;
}

.dashboard-03 .calendar .calendar-text .form-group .btn.btn-warning {
    color: #ffffff;
    background-color: #ffba00;
    border-color: #e6a700;
    margin-right: 5px;
}

.dashboard-03 .calendar .calendar-text .form-group .btn.btn-success {
    color: #ffffff;
    background-color: #8dc63f;
    border-color: #80b636;
}

.dashboard-03 .ns-table-panel {
    margin-top: 10px;
    margin-bottom: 0 !important;
}

.dashboard-03 .ns-table-panel:before,
.dashboard-03 .ns-table-panel:after {
    content: " ";
    display: table;
}

.dashboard-03 .ns-table-panel:after {
    clear: both;
}

.dashboard-03 .ns-table-panel:before,
.dashboard-03 .ns-table-panel:after {
    content: " ";
    display: table;
}

.dashboard-03 .ns-table-panel:after {
    clear: both;
}

.dashboard-03 .ns-table-panel>.row {
    margin-right: -10px;
    margin-left: -10px;
}

.dashboard-03 .ns-table-panel>.row>div {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.dashboard-03 .ns-table-panel .ns-table-panel-header {
    background: #edeff2;
    padding: 5px 10px;
    border: 1px solid #d9e9f8;
    margin-bottom: -1px;
    height: 50px;
}

.dashboard-03 .ns-table-panel .ns-table-panel-header .ns-table-panel-title {
    font-weight: bold;
    font-size: 16px;
}

.dashboard-03 .ns-table-panel .ns-table-panel-header .ns-table-panel-title i {
    font-size: 20px;
    margin-right: 10px;
    color: #ff8700;
}

.dashboard-03 .ns-table-panel .ns-table-panel-header .ns-table-panel-title span.more {
    font-size: 12px;
    float: right;
    color: #999;
    font-weight: normal;
}

.dashboard-03 .ns-table-panel .ns-table-panel-body {
    background: #fff;
    border: 1px solid #d9e9f8;
    padding: 20px;
}

.dashboard-03 .ns-table-panel .ns-table-panel-body.nstable-calendar {
    min-height: 624px;
}

.layout-planes .nspanel.layout-overview-box {
    padding: 0;
    margin: 0 0 10px;
    background-color: transparent;
}

.layout-planes .nspanel.layout-overview-box .overview-box.row {
    margin: 0;
}

.layout-planes .nspanel.layout-overview-box .overview-box .col-xs-2 {
    padding: 0 10px;
}

.layout-planes .nspanel.layout-overview-box .overview-box .col-xs-2 a {
    display: block;
    margin: 0 -10px;
}

.layout-planes .nspanel.layout-overview-box .overview-box .col-xs-2+.col-xs-2 .overview-box-item {
    border-left: 10px solid #eee;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item {
    display: table;
    width: 100%;
    background: #eeeeee;
    padding: 10px;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item:before,
.layout-planes .nspanel.layout-overview-box .overview-box-item:after {
    content: " ";
    display: table;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item:after {
    clear: both;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item:before,
.layout-planes .nspanel.layout-overview-box .overview-box-item:after {
    content: " ";
    display: table;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item:after {
    clear: both;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item .overview-icon {
    display: table-cell;
    width: 64px;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item .overview-info {
    display: table-cell;
    vertical-align: top;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item .overflow-quantity {
    margin: 10px 0;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item i {
    text-align: center;
    display: block;
    margin: 7px auto;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 28px;
    border-radius: 100px;
    background: #fff;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item p {
    display: none;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-01 {
    background: #44dd7e;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-01 .overview-title {
    color: #3a5722;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-01 h2 {
    color: #3a5722;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-01 i {
    color: #44dd7e;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-02 {
    background: #ea8d2e;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-02 .overview-title {
    color: #64401d;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-02 h2 {
    color: #64401d;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-02 i {
    color: #ea8d2e;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-03 {
    background: #2ec8e2;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-03 .overview-title {
    color: #1e4e56;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-03 h2 {
    color: #1e4e56;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-03 i {
    color: #2ec8e2;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-04 {
    background: #ff653d;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-04 .overview-title {
    color: #784032;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-04 h2 {
    color: #784032;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-04 i {
    color: #ff653d;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-05 {
    background: #707aff;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-05 .overview-title {
    color: #383d7a;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-05 h2 {
    color: #383d7a;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-05 i {
    color: #707aff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-06 {
    background: #f0394f;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-06 .overview-title {
    color: #712931;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-06 h2 {
    color: #712931;
}

.layout-planes .nspanel.layout-overview-box .overview-box-item.overview-box-06 i {
    color: #f0394f;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.layout-planes .nspanel.layout-echart .nstable-panel-body {
    padding: 15px;
}

.layout-planes .nspanel.layout-echart .nstable-panel-footer {
    border: 1px solid #d9e9f8;
    margin-top: -1px;
    padding: 10px 15px;
}

.layout-planes .nspanel.layout-list .card-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.layout-planes .nspanel.layout-list .card-list .page {
    padding: 10px;
    text-align: right;
    height: 45px;
    border-top: 1px solid #ddd;
}

.layout-planes .nspanel.layout-list .card-list .page a {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 100px;
}

.layout-planes .nspanel.layout-list .card-list .page a.current,
.layout-planes .nspanel.layout-list .card-list .page a:hover {
    font-weight: bold;
    background: #eaeaea;
    color: #222222;
}

.layout-planes .nspanel.layout-list .card-list-item {
    list-style-type: none;
    height: 42px;
}

.layout-planes .nspanel.layout-list .card-list-item.card-list-lg {
    height: 60px;
}

.layout-planes .nspanel.layout-list .card-list-item.card-list-lg a {
    height: 60px;
}

.layout-planes .nspanel.layout-list .card-list-item a {
    display: table;
    width: 100%;
    height: 42px;
    line-height: 32px;
}

.layout-planes .nspanel.layout-list .card-list-item a:hover {
    background: #f8f8f8;
}

.layout-planes .nspanel.layout-list .card-list-item a .card-list-before,
.layout-planes .nspanel.layout-list .card-list-item a .card-list-info,
.layout-planes .nspanel.layout-list .card-list-item a .card-list-after {
    display: table-cell;
    padding: 5px 10px;
}

.layout-planes .nspanel.layout-list .card-list-item a .card-list-before {
    width: 48px;
    text-align: center;
    vertical-align: middle;
}

.layout-planes .nspanel.layout-list .card-list-item a .card-list-before i {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto;
    font-size: 16px;
    background: #eeeeee;
    border-radius: 50px;
}

.layout-planes .nspanel.layout-list .card-list-item a .card-list-info .title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.layout-planes .nspanel.layout-list .card-list-item a .card-list-after {
    width: 48px;
    vertical-align: middle;
    text-align: right;
}

.layout-planes .nspanel.layout-list .card-list-item a .card-list-after>.badge {
    font-weight: normal;
    background: #ccc;
}

.layout-planes .nspanel.layout-list .card-list-item a .card-list-after>.badge.badge-info {
    background: #009ade;
    color: #fff;
}

.layout-planes .nspanel.layout-list .card-list-item a .card-list-after>.badge.badge-success {
    background: #009944;
    color: #fff;
}

.layout-planes .nspanel.layout-list .card-list-item a .card-list-after>.badge.badge-warning {
    background: #f39800;
    color: #fff;
}

.layout-planes .nspanel.layout-list .card-list-item a .card-list-after>.badge.badge-danger {
    background: #e60012;
    color: #fff;
}

.layout-planes .nspanel.layout-list .card-list-item a .card-list-after .checked i {
    color: #aaa;
}

.layout-planes .nspanel.layout-list .card-list-item+.card-list-item {
    border-top: 1px solid #d9e9f8;
}

.layout-planes .nspanel.layout-calendar .nstable-panel-body {
    padding: 20px;
}

.layout-planes .nspanel.layout-overview-box .card-list-item,
.layout-planes .nspanel.layout-calendar .card-list-item,
.layout-planes .nspanel.layout-echart .card-list-item,
.layout-planes .nspanel.layout-list .card-list-item {
    height: 42px;
}

.layout-planes .nspanel.layout-overview-box .ns-table-panel-header .ns-table-panel-title,
.layout-planes .nspanel.layout-calendar .ns-table-panel-header .ns-table-panel-title,
.layout-planes .nspanel.layout-echart .ns-table-panel-header .ns-table-panel-title,
.layout-planes .nspanel.layout-list .ns-table-panel-header .ns-table-panel-title {
    margin: 0 0 -1px;
    height: 50px;
    line-height: 40px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    background: #edeff2;
    font-weight: bold;
    font-size: 16px;
}

.layout-planes .nspanel.layout-overview-box .ns-table-panel-header .ns-table-panel-title i,
.layout-planes .nspanel.layout-calendar .ns-table-panel-header .ns-table-panel-title i,
.layout-planes .nspanel.layout-echart .ns-table-panel-header .ns-table-panel-title i,
.layout-planes .nspanel.layout-list .ns-table-panel-header .ns-table-panel-title i {
    font-size: 20px;
    margin-right: 10px;
    color: #ff8700;
}

.layout-planes .nspanel.layout-overview-box .nstable-panel-body,
.layout-planes .nspanel.layout-calendar .nstable-panel-body,
.layout-planes .nspanel.layout-echart .nstable-panel-body,
.layout-planes .nspanel.layout-list .nstable-panel-body {
    border: 1px solid #ddd;
}

.layout-planes .nspanel.layout-overview-box.border-right,
.layout-planes .nspanel.layout-calendar.border-right,
.layout-planes .nspanel.layout-echart.border-right,
.layout-planes .nspanel.layout-list.border-right {
    border-right: 10px solid transparent !important;
}

.layout-planes .nspanel.layout-overview-box.border-left,
.layout-planes .nspanel.layout-calendar.border-left,
.layout-planes .nspanel.layout-echart.border-left,
.layout-planes .nspanel.layout-list.border-left {
    border-left: 10px solid transparent !important;
}

[ns-browser="IE11"] {
    border-collapse: separate;
    border-spacing: 0px;
}

a {
    text-decoration: none;
    color: #6d6d72;
}

* {
    box-sizing: border-box;
}

.login {
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-family: 'Microsoft Yahei';
    line-height: 20px;
}

.login .hide {
    display: none;
}

@media (min-width: 768px) {
    .login-body {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
        background: url(../images/netstar/login/bg.jpg) repeat-x top;
    }

    .login-body .login .wrap-left {
        width: 100%;
        height: 56px;
        position: fixed;
        top: 332px;
        right: 1000px;
        background: #1871d4;
        z-index: -1;
    }

    .login-body .login .wrap {
        width: 1200px;
        height: 100%;
        margin: 0px auto;
    }

    .login-body .login .wrap .header {
        width: 356px;
        height: 56px;
        margin: 58px 0px 0px 70px;
        padding: 23px 0px 0px 123px;
        color: #FFF;
        font-size: 22px;
        font-weight: bold;
        background: url(../images/netstar/login/logo.png) no-repeat top left;
    }

    .login-body .login .wrap .main {
        width: 1200px;
        height: 360px;
        background: url(../images/netstar/login/b-bg.png) no-repeat left bottom;
        margin-top: 56px;
        position: relative;
    }

    .login-body .login .wrap .main .login-frame {
        width: 345px;
        background: #fff;
        border: 1px #eaeaec solid;
        position: absolute;
        left: 588px;
        bottom: -50px;
        box-shadow: 1px 1px 10px #666;
    }

    .login-body .login .wrap .main .login-frame .title {
        width: 344px;
        height: 56px;
        border-bottom: 1px #e9e9eb solid;
        padding: 22px 27px 13px 27px;
    }

    .login-body .login .wrap .main .login-frame .title span {
        font-size: 14px;
        color: #000000;
    }

    .login-body .login .wrap .main .login-frame .title .hot {
        width: 100px;
        height: 20px;
        float: right;
        text-align: right;
    }

    .login-body .login .wrap .main .login-frame .title .hot input {
        width: 14px;
        height: 14px;
        background: #fff;
        padding: 3px;
        border: none;
        color: #8e8e93;
        float: left;
    }

    .login-body .login .wrap .main .login-frame .title .hot .text {
        color: #8e8e93;
        float: left;
    }

    .login-body .login .wrap .main .login-frame .group {
        width: 345px;
        height: 137px;
        padding: 10px 27px 10px 27px;
    }

    .login-body .login .wrap .main .login-frame .group .group-from {
        width: 289px;
        height: 39px;
        margin: 14px 0px;
        color: #8e8e93;
        position: relative;
    }

    .login-body .login .wrap .main .login-frame .group .group-from label {
        width: 15px;
        height: 15px;
        position: absolute;
        top: 12px;
        left: 10px;
    }

    .login-body .login .wrap .main .login-frame .group .group-from form {
        width: 289px;
        height: 39px;
        border: 1px #c8c7cc solid;
    }

    .login-body .login .wrap .main .login-frame .group .group-from form select {
        width: 289px;
        height: 42px;
        padding: 3px 5px 3px 26px;
        border: none;
        background: none;
        position: relative;
        color: #a9a9a9;
    }

    .login-body .login .wrap .main .login-frame .group .group-from form i.fa {
        right: 15px;
        font-size: 0.9rem;
        position: absolute;
        top: 13px;
        color: #8e8e93;
    }

    .login-body .login .wrap .main .login-frame .group .group-from input {
        width: 289px;
        height: 42px;
        padding: 6px 5px 6px 29px;
        border: 1px #c8c7cc solid;
        color: #8e8e93;
    }

    .login-body .login .wrap .main .login-frame .user {
        width: 289px;
        height: 20px;
        margin: 13px 27px 11px 27px;
    }

    .login-body .login .wrap .main .login-frame .user .reme {
        width: 100px;
        height: 20px;
    }

    .login-body .login .wrap .main .login-frame .user .reme input {
        width: 14px;
        height: 14px;
        background: #fff;
        padding: 3px;
        border: none;
        color: #8e8e93;
        float: left;
    }

    .login-body .login .wrap .main .login-frame .user .reme .text {
        color: #8e8e93;
        float: left;
    }

    .login-body .login .wrap .main .login-frame .btn {
        width: 289px;
        height: 53px;
        margin: 0px 27px 17px 27px;
        padding: 0;
    }

    .login-body .login .wrap .main .login-frame .btn input {
        width: 289px;
        height: 53px;
        background: #22ac38;
        border: none;
        text-align: center;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
    }

    .login-body .login .wrap .main .login-frame .foot {
        width: 344px;
        height: 47px;
        background: #efeff4;
        padding: 16px 27px 0px 27px;
        color: #6d6d72;
    }

    .login-body .login .wrap .main .login-frame .foot i.fa {
        font-size: 1.1rem;
        color: #83b864;
    }

    .login-body .login .wrap .main .login-frame .foot .order {
        width: 90px;
        height: 16px;
        float: left;
    }

    .login-body .login .wrap .main .login-frame .foot .order label {
        float: left;
    }

    .login-body .login .wrap .main .login-frame .foot .order .text {
        margin: 0px 5px;
        line-height: 17px;
        float: left;
    }

    .login-body .login .wrap .bottom {
        width: 500px;
        height: 20px;
        color: #666666;
        text-align: right;
        position: fixed;
        bottom: 34px;
        right: 60px;
    }

    .login-body .login .wrap .bottom span {
        color: #373d45;
    }
}

@media screen and (min-width: 860px) and (max-width: 1000px) {
    .login .wrap .main .login-frame {
        left: 520px;
    }
}

@media screen and (min-width: 768px) and (max-width: 859px) {
    .login .wrap .main .login-frame {
        left: 480px;
    }
}

@media (max-width: 767px) {
    .login-body {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        font-size: 0.8rem;
        font-family: 'Microsoft Yahei';
        background: #fff;
        background: url(../images/netstar/login/s-bg.jpg) repeat-x top;
    }

    .login-body .login .wrap {
        width: 100%;
        height: 100%;
    }

    .login-body .login .wrap .header {
        height: 52px;
        margin: 24px 0px 0px 5%;
        padding: 23px 0px 0px 123px;
        color: #FFF;
        font-size: 1rem;
        font-weight: bold;
        background: url(../images/netstar/login/logo.png) no-repeat center center;
        background-size: 80%;
    }

    .login-body .login .wrap .main {
        width: 100%;
        height: 100%;
        margin-top: 56px;
    }

    .login-body .login .wrap .main .login-frame {
        width: 100%;
        height: 350px;
        margin-bottom: 30px;
    }

    .login-body .login .wrap .main .login-frame .title {
        width: 90%;
        height: 36px;
        padding-top: 12px;
        margin: 0 5%;
    }

    .login-body .login .wrap .main .login-frame .title span {
        font-size: 1rem;
        color: #000000;
    }

    .login-body .login .wrap .main .login-frame .title .hot {
        height: 20px;
        float: right;
    }

    .login-body .login .wrap .main .login-frame .title .hot input {
        width: 14px;
        height: 14px;
        background: #fff;
        padding: 3px;
        border: 1px solid #dedede;
        color: #8e8e93;
        float: left;
    }

    .login-body .login .wrap .main .login-frame .title .hot input .text {
        color: #8e8e93;
        font-size: 0.8rem;
        float: left;
    }

    .login-body .login .wrap .main .login-frame .group {
        width: 90%;
        height: 140px;
        margin: 0 5%;
        color: #8e8e93;
    }

    .login-body .login .wrap .main .login-frame .group .group-from {
        width: 100%;
        height: 45px;
        margin: 14px 0;
        color: #666;
        position: relative;
        border: 1px #8e8e93 solid;
    }

    .login-body .login .wrap .main .login-frame .group .group-from label {
        width: 15px;
        height: 15px;
        position: absolute;
        top: 15px;
        left: 10px;
    }

    .login-body .login .wrap .main .login-frame .group .group-from input {
        width: 100%;
        height: 43px;
        font-size: 0.9rem;
        padding: 10px 5px 6px 31px;
        border: none;
    }

    .login-body .login .wrap .main .login-frame .group .group-from i.fa {
        font-size: 1.1rem;
        color: #8e8e93;
    }

    .login-body .login .wrap .main .login-frame .user {
        width: 90%;
        height: 20px;
        margin: 2% 0 2% 5%;
    }

    .login-body .login .wrap .main .login-frame .user .reme {
        width: 100px;
        height: 20px;
    }

    .login-body .login .wrap .main .login-frame .user .reme input {
        width: 14px;
        height: 14px;
        background: #fff;
        padding: 3px;
        border: 1px solid #dedede;
        color: #8e8e93;
        float: left;
    }

    .login-body .login .wrap .main .login-frame .user .reme .text {
        color: #8e8e93;
        font-size: 0.8rem;
        float: left;
    }

    .login-body .login .wrap .main .login-frame .btn {
        width: 90%;
        height: 53px;
        margin: 1% 5%;
        background: #22ac38;
        border: none;
        padding: 0;
    }

    .login-body .login .wrap .main .login-frame .btn input {
        width: 100%;
        height: 53px;
        background: none;
        border: none;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        font-weight: 700;
    }

    .login-body .login .wrap .main .login-frame .foot {
        width: 100%;
        height: 47px;
        background: #efeff4;
        padding: 15px 5%;
        margin-top: 35px;
        color: #6d6d72;
    }

    .login-body .login .wrap .main .login-frame .foot i.fa {
        font-size: 1.1rem;
        color: #83b864;
    }

    .login-body .login .wrap .main .login-frame .foot .order {
        width: 90px;
        height: 16px;
        float: left;
    }

    .login-body .login .wrap .main .login-frame .foot .order label {
        float: left;
    }

    .login-body .login .wrap .main .login-frame .foot .order .text {
        margin: 0px 5px;
        line-height: 17px;
        float: left;
    }

    .login-body .login .wrap .bottom {
        width: 100%;
        height: 50px;
        color: #666666;
        text-align: center;
        position: fixed;
        bottom: 10px;
    }

    .login-body .login .wrap .bottom span {
        color: #373d45;
        display: block;
    }
}

@media screen and (min-width: 535px) and (max-width: 767px) {
    .login .wrap .header {
        height: 72px;
        margin-top: 15px;
    }
}

.base-title-style {
    padding-left: 0;
}

.base-title-style:before {
    display: none;
}

.btn.btn-info,
.btn.btn-success,
.btn.btn-warning,
.btn.btn-danger,
.btn.btn-white,
.btn.btn-default {
    padding: 7px 5px;
    background: transparent;
    border-color: transparent;
}

.btn.btn-info:hover,
.btn.btn-success:hover,
.btn.btn-warning:hover,
.btn.btn-danger:hover,
.btn.btn-white:hover,
.btn.btn-default:hover {
    background: transparent;
    border-color: transparent;
}

.btn:focus {
    box-shadow: none;
}

.btn.btn-primary {
    color: #ffffff;
    background-color: #56b1fc;
    border-color: #56b1fc;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary.focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.open>.dropdown-toggle.btn.btn-primary {
    color: #ffffff;
    background-color: #249afb;
    border-color: #1a95fb;
}

.btn.btn-primary:active,
.btn.btn-primary.active,
.open>.dropdown-toggle.btn.btn-primary {
    background-image: none;
}

.btn.btn-primary.disabled,
.btn.btn-primary[disabled],
fieldset[disabled] .btn.btn-primary,
.btn.btn-primary.disabled:hover,
.btn.btn-primary[disabled]:hover,
fieldset[disabled] .btn.btn-primary:hover,
.btn.btn-primary.disabled:focus,
.btn.btn-primary[disabled]:focus,
fieldset[disabled] .btn.btn-primary:focus,
.btn.btn-primary.disabled.focus,
.btn.btn-primary[disabled].focus,
fieldset[disabled] .btn.btn-primary.focus,
.btn.btn-primary.disabled:active,
.btn.btn-primary[disabled]:active,
fieldset[disabled] .btn.btn-primary:active,
.btn.btn-primary.disabled.active,
.btn.btn-primary[disabled].active,
fieldset[disabled] .btn.btn-primary.active {
    background-color: #56b1fc;
    border-color: #56b1fc;
}

.btn.btn-primary .badge {
    color: #56b1fc;
    background-color: #ffffff;
}

.btn.btn-primary span {
    color: #fff;
}

.btn.btn-primary:hover {
    -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.08);
}

.btn.btn-primary:hover span {
    color: #fff;
}

.nstable-plus-panel-btns .btn.btn-info,
.nstable-plus-panel-btns .btn.btn-success,
.nstable-plus-panel-btns .btn.btn-warning,
.nstable-plus-panel-btns .btn.btn-danger,
.nstable-plus-panel-btns .btn.btn-white,
.nstable-plus-panel-btns .btn.btn-default {
    background: transparent;
}

.nstable-plus-panel-btns .btn.btn-info:hover,
.nstable-plus-panel-btns .btn.btn-success:hover,
.nstable-plus-panel-btns .btn.btn-warning:hover,
.nstable-plus-panel-btns .btn.btn-danger:hover,
.nstable-plus-panel-btns .btn.btn-white:hover,
.nstable-plus-panel-btns .btn.btn-default:hover {
    background: transparent;
}

.btn.btn-icon.dropdown-toggle {
    max-width: auto !important;
}

.btn.btn-white i {
    color: #a6d0f4;
}

.td-btn .btn.btn-info,
.td-btn .btn.btn-success,
.td-btn .btn.btn-warning,
.td-btn .btn.btn-danger,
.td-btn .btn.btn-white,
.td-btn .btn.btn-default {
    background: transparent;
}

.td-btn .btn.btn-info:hover,
.td-btn .btn.btn-success:hover,
.td-btn .btn.btn-warning:hover,
.td-btn .btn.btn-danger:hover,
.td-btn .btn.btn-white:hover,
.td-btn .btn.btn-default:hover {
    background: transparent;
}

.td-btn .btn.btn-icon {
    max-width: 24px;
}

.panel-form .form-td label.control-label {
    background: #f1f6f9;
}

.panel-form .fillbg {
    background: #fff;
}

.panel-container-content .tabs .nav.nav-tabs-justified {
    padding-left: 30% !important;
}

.page-title {
    margin: 0;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 80px;
    height: 48px;
    border-bottom: 1px solid #3da5fc;
    background: #56b1fc;
    z-index: 998;
    padding: 0;
    box-shadow: none;
    letter-spacing: 0;
}

.header .logo {
    display: table;
    width: 100%;
    height: 48px;
}

.header .logo a {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}

.header .logo a img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.page-currentdate {
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 32px;
    margin-right: 10px;
    color: #888;
    text-shadow: none;
}

nav.navbar {
    height: 48px;
    min-height: 48px;
    margin: 0;
    border-bottom: none;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    text-align: left;
}

nav .navbar-nav {
    float: right;
}

nav .dropdown {
    display: inline-block;
}

.frame-standard nav.navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 80px;
    z-index: 998;
    padding: 7px 15px;
    background: #ffffff;
    border-radius: 0;
}

.frame-standard nav.navbar button i {
    font-size: 16px;
    color: #1ca1ea;
    padding-right: 0;
    position: relative;
    z-index: 2;
}

.frame-standard nav.navbar button i:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    width: 12px;
    height: 12px;
    line-height: 12px;
    margin: -6px;
    background: transparent;
    border-radius: 12px;
    z-index: -1;
    transform: scale(1);
    transition: ease-in-out all 0.15s;
}

.frame-standard nav.navbar button i:hover:after {
    background: #e5f1fa;
    border-radius: 30px;
    transform: scale(2.5);
}

.frame-standard nav.navbar button:hover i {
    color: #1073aa;
}

.frame-standard nav.navbar .btn-group .btn {
    position: relative;
    margin-right: 5px;
    margin-left: 0;
}

.frame-standard nav.navbar .btn-group .btn .badge {
    position: absolute;
    top: -3px;
    right: -5px;
    display: block;
    padding: 0;
    color: #fff;
    font-weight: normal;
    width: 16px;
    height: 16px;
    line-height: 16px;
    z-index: 9;
}

.frame-standard nav.navbar .btn-group .btn .badge.badge-empty {
    top: 0;
    right: 0;
}

.frame-standard nav.navbar .btn-group .btn .badge:focus,
.frame-standard nav.navbar .btn-group .btn .badge:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.frame-standard nav.navbar .btn-group .btn+.btn {
    margin-left: 0;
}

.frame-standard nav.navbar .btn-icon {
    margin-right: 5px;
}

.frame-standard nav.navbar .btn-icon:hover,
.frame-standard nav.navbar .btn-icon:focus {
    text-decoration: none;
}

.frame-standard nav.navbar .btn-icon.dropdown-toggle i:after {
    display: none;
}

.frame-standard nav.navbar .btn-icon+.btn-icon {
    margin-left: 0;
}

.frame-standard nav.navbar .navbar-nav .dropdown-menu {
    margin-top: 11px;
    padding: 0;
    border-radius: 0;
    border-color: #d9e9f8;
    box-shadow: 5px 5px 0 rgba(60, 150, 220, 0.075);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.frame-standard nav.navbar .navbar-nav .dropdown-menu:before,
.frame-standard nav.navbar .navbar-nav .dropdown-menu:after {
    position: absolute;
    content: "";
    top: -8px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -4px;
}

.frame-standard nav.navbar .navbar-nav .dropdown-menu:before {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    z-index: 9;
}

.frame-standard nav.navbar .navbar-nav .dropdown-menu:after {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #3d97dc;
}

.frame-standard nav.navbar .navbar-nav .dropdown-menu>li.divider {
    margin: 0;
    background: #d9e9f8;
}

.frame-standard nav.navbar .navbar-nav .dropdown-menu>li>a {
    padding: 10px;
}

.sidebar-menu-horizontal {
    position: fixed;
    top: 48px;
    bottom: 0;
    left: 0;
    width: 80px;
    display: block;
    background: #56b1fc;
    z-index: 998;
}

.sidebar-menu-horizontal:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #d9e9f8;
    z-index: 9;
    top: 0;
    left: 0;
    background: #84c8ff;
}

.sidebar-menu-horizontal .sidebar-menu-item a {
    display: block;
    padding: 15px 10px;
    font-size: 16px;
    line-height: 16px;
    border-top: 1px solid #56b1fc;
    border-bottom: 1px solid #56b1fc;
    color: #edf8ff;
    box-sizing: border-box;
}

.sidebar-menu-horizontal .sidebar-menu-item a span {
    font-size: 16px;
}

.sidebar-menu-horizontal .sidebar-menu-item a:hover {
    background: #75c1ff;
    color: #fff;
}

.sidebar-menu-horizontal .sidebar-menu-item a.current {
    position: relative;
    background: #1b95f9;
    color: #ffffff;
    border-top: 1px solid #0689f4;
    border-bottom: 1px solid #84c8ff;
    color: #fff;
}

.sidebar-menu-horizontal .sidebar-menu-item a.current:hover {
    background: #1b95f9;
    color: #ffffff;
}

.sidebar-menu-horizontal .sidebar-menu-item a.current:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    margin: -8px 0 0;
}

.sidebar-menu-horizontal .sidebar-menu-item a.open {
    background: #75c1ff;
    color: #ffffff;
    border-top: 1px solid #75c1ff;
    border-bottom: 1px solid #75c1ff;
}

.sidebar-menu-horizontal .sidebar-menu-item a.open.current {
    background: #1b95f9;
}

.sidebar-menu-horizontal .sidebar-menu-item a i {
    display: block;
    height: 16px;
    margin: 0 auto 10px;
    font-size: 16px;
    text-align: center;
}

.sidebar-menu-horizontal .sidebar-menu-item a>span {
    display: block;
    text-align: center;
    font-size: 14px;
}

.sidebar-menu-horizontal>ul {
    padding: 0;
    position: relative;
    height: 100%;
    overflow-y: auto;
}

.sidebar-menu-horizontal>ul li {
    list-style-type: none;
}

table.table thead tr th {
    background: linear-gradient(to bottom, #f0f9ff, #dbedf9);
    color: #000;
}

table.table tbody tr th,
table.table tbody tr td {
    border-color: #cad7e6;
}

table.table tbody tr td.td-button .btn.btn-white:hover {
    background: rgba(86, 177, 252, 0.5);
}

table.table tbody tr.selected th,
table.table tbody tr.selected td {
    background: #56b3ff;
}

table.table-bordered thead {
    position: relative;
}

table.table-bordered tbody tr th,
table.table-bordered tbody tr td {
    border-color: #cad7e6;
}

table.table-bordered tbody tr.selected th,
table.table-bordered tbody tr.selected td {
    background: #56b3ff;
}

.nstable-bottom {
    border-color: #cad7e6;
}

.nstable-bottom .dataTables_paginate .pagination>li.paginate_button.active a {
    background-color: #e6f3ff;
}

.nstable-plus-panel>.nstable-plus-panel-tabs>a.nstable-plus-panel-tabs-tab {
    border-color: #cad7e6;
}

.nstable-plus-panel>.nstable-plus-panel-tabs>a.nstable-plus-panel-tabs-tab.active {
    background: #fff;
}

.dataTables_wrapper label>i {
    color: #ddd;
}

.content-box {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    padding: 63px 15px 15px 95px;
    background: #f4f8f9;
    overflow-y: auto;
}

.content-box .layout-planes {
    padding: 0 15px;
}

.content-box .nspanel {
    background-color: transparent;
}

.content-box .nspanel .nspanel-title,
.content-box .nspanel .nspanel-body {
    background: transparent;
    padding: 10px 0;
}

.panel-form .row-close {
    margin: 0;
}

.panel {
    background-color: transparent;
}

.nspanel {
    background-color: transparent;
}

.nspanel .nspanel-title {
    background-color: transparent;
}

.mode-horizontal {
    display: table;
    width: 100%;
}

.mode-horizontal>div {
    display: table-cell;
}

.nspanel[nsid="templateTitle"] {
    min-height: auto;
    margin: 0;
}

.templateTitle {
    padding: 5px 0;
    color: #3596e6;
    font-size: 16px;
    font-weight: bold;
}

.panel-container-content {
    min-height: 35px;
}

.panel-container-content .title-container-panel {
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    padding-left: 0;
    font-size: 16px;
    font-weight: bold;
    color: #2c353d;
}

.panel-container-content>div:last-child {
    padding-right: 0;
    margin-right: 0;
}

.panel-container-content>div:first-child {
    padding-left: 0;
    margin-left: 0;
}

.panel-container-content .service-component {
    display: inline-block;
    margin: 0 10px;
}

.panel-container-content .service-component .label-title {
    background: #fff;
    text-align: left;
}

.panel-container-content .service-component .form-td .form-control {
    height: 30px;
}

.panel-container-content .container-form-btns {
    display: inline-block;
    min-height: 30px;
}

.panel-container-content .container-form-btns .form-container-panel {
    float: left;
}

.panel-container-content .container-form-btns .form-container-panel .panel-form .form-td label.control-label {
    background-color: transparent;
}

.panel-container-content .container-form-btns .form-container-panel+.btn-container-panel {
    display: inherit;
}

.panel-container-content .container-form-btns>div:first-child.container-form-btns {
    padding-top: 40px;
}

.panel-container-content .container-form-btns .btn-group {
    display: inline;
}

.panel-container-content .container-form-btns .btn-group .btn {
    height: 30px;
}

.panel-container-content .container-form-btns .form-group,
.panel-container-content .container-form-btns .form-control,
.panel-container-content .container-form-btns .compactmode label.checkbox-inline,
.panel-container-content .container-form-btns .compactmode label.radio-inline {
    height: 28px;
    min-height: 28px;
}

.panel-container-content.nspanel-container-forms-inline {
    border: 0;
    padding: 0;
}

.panel-container-content.nspanel-container-forms-inline .panel-form .row-close {
    padding-left: 0;
}

.panel-container-content.nspanel-container-forms-inline .panel-form .row-close.container-panel-customerform .form-td {
    width: auto;
    min-width: 140px;
    float: left;
    display: inline-block;
    border: 0;
    margin-left: 0;
}

.panel-container-content.nspanel-container-forms-inline .panel-form .row-close.container-panel-customerform .form-td+.form-td {
    margin-left: 10px;
}

.panel-container-content.nspanel-container-forms-inline .panel-form .row-close.container-panel-customerform .form-td label.control-label {
    border: 1px solid #d9e9f8;
}

.panel-container-content.nspanel-container-forms-inline .panel-form .row-close.container-panel-customerform .form-td label.control-label+.form-item {
    border: 1px solid #d9e9f8;
    margin-left: -1px;
}

.panel-container-content.nspanel-container-forms-inline .panel-form .row-close.container-panel-customerform .form-td label.control-label+.form-item .form-control {
    height: 28px;
}

.panel-container-content.nspanel-container-forms-inline .panel-form .row-close.container-panel-customerform .form-td label.control-label+.form-item.radio,
.panel-container-content.nspanel-container-forms-inline .panel-form .row-close.container-panel-customerform .form-td label.control-label+.form-item.checkbox {
    padding-right: 10px;
}

.panel-container-content.nspanel-container-forms-inline .panel-form .row-close.container-panel-customerform .form-td .input-group .input-group-btn.text-btn .btn {
    height: 28px;
}

.panel-container-content.nspanel-container-forms-inline .panel-form .row-close.container-panel-customerform .form-td .input-group .input-group-btn.text-btn .btn span {
    display: none;
}

.panel-container-content.nspanel-container-forms-inline .form-container-panel {
    padding-right: 0;
}

.panel-container-content.nspanel-container-forms .title-container-panel {
    display: block;
    float: none;
    padding: 0;
    margin-bottom: 5px;
    text-align: left;
    font-weight: bold;
}

.panel-container-content.nspanel-container-forms>div:first-child.container-form-btns {
    padding-top: 34px;
}

.panel-container-content.nspanel-container-forms>div:first-child.container-form-btns .btn-container-panel {
    margin: 0;
}

.panel-container-content.nspanel-container-forms>div:first-child.title-container-panel+.container-form-btns .btn-container-panel {
    right: 6px;
    margin: 0;
}

.panel-container-content.nspanel-container-forms .container-form-btns {
    display: block;
    float: none;
    padding: 0;
}

.panel-container-content.nspanel-container-forms .container-form-btns .nspanel-container-forms {
    padding-top: 10px;
}

.panel-container-content.nspanel-container-forms .container-form-btns .form-container-panel {
    float: none;
    display: block;
    padding: 0 0 10px;
}

.panel-container-content.nspanel-container-forms .container-form-btns .form-container-panel+.btn-container-panel {
    position: absolute;
    top: 0;
    right: 182px;
}

.nspanel-container .tab-container-panel.tabs .nav.nav-tabs {
    margin: 0 0 -1px !important;
    padding-top: 0 !important;
}

.nspanel-container .tab-container-panel.tabs .tab-content {
    border: 1px solid #c1c8d2;
    padding: 10px;
    margin: 0 1px 10px;
    background: #fff;
}

.nspanel-container .form-item.select .selectboxit-container {
    min-width: 0px;
}

.nspanel-container .form-item.select .selectboxit-container .selectboxit {
    min-width: 100px;
    border: none;
}

.nspanel-container .form-item.select .selectboxit-container .selectboxit .selectboxit-text {
    text-indent: 6px;
}

.nspanel-container .form-item.select .selectboxit-container .selectboxit-options li a.selectboxit-option-anchor {
    padding: 0 5px;
}

.nspanel-container .form-item.textBtn .input-group-btn.text-btn {
    width: 30px;
}

.nspanel-container .form-item.textBtn .input-group-btn.text-btn .btn {
    width: 30px;
    height: 30px;
}

.nspanel-container .form-item.textBtn .form-control {
    height: 30px;
}

.nspanel-container .dropdown-menu {
    margin-left: -1px;
}

.nspanel-container .form-item.checkbox {
    min-width: 100px;
    height: 30px;
    padding-right: 10px;
}

.nspanel-container.layout-simplepanel {
    position: relative;
    padding: 10px;
    padding-top: 0;
}

.nspanel-container.layout-container-panel-table {
    position: relative;
}

.nspanel-container.layout-container-panel-table .form-container-panel {
    display: inline-block;
}

.nspanel-container.layout-container-panel-table .form-container-panel form .container-panel-customerform.row-close {
    margin: 0;
}

.nspanel-container.layout-container-panel-table .form-container-panel form .container-panel-customerform.fillbg {
    background: transparent;
}

.nspanel-container.layout-container-panel-table .panel-container-panel {
    margin-top: -1px;
}

.nspanel-container.layout-container-panel-table .panel-container-panel .dataTables_filter {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
}

.nspanel-container.layout-container-panel-table .panel-container-panel .dataTables_filter i {
    top: 9px;
}

.nspanel-container.layout-container-panel-table .panel-container-panel .dataTables_filter label {
    margin: 0;
}

.nspanel-container.layout-container-panel-table .panel-container-panel .dataTables_filter .form-control {
    height: 30px;
}

.nspanel-container.layout-container-panel-simplepanel {
    position: relative;
}

.nspanel-container.layout-container-panel-simplepanel .nspanel-container-forms-inline {
    position: absolute;
    top: 0;
    right: 193px;
}

.nspanel-container.layout-container-panel-simplepanel .nspanel-container-forms-inline .panel-form.panel {
    background-color: transparent;
}

.nspanel-container.layout-container-panel-simplepanel .nspanel-container-forms-inline .col-none.form-td {
    float: left;
}

.nspanel-container.layout-container-panel-simplepanel .nspanel-container-forms-inline .col-none.form-td .input-group-addon {
    width: 30px;
}

.mode-voucher .nspanel-container .title-container-panel {
    font-size: 16px;
    color: #49638a;
}

.mode-voucher .nspanel-container .btn-container-panel .btn {
    border-color: #d9e9f8 !important;
}

.mode-voucher .nspanel-container .nspanel-container-forms .container-form-btns {
    background: #ffffff;
    border: 0;
    padding-top: 0;
}

.mode-voucher .nspanel-container .nspanel-container-forms .container-form-btns label.control-label {
    background: #fff;
}

.mode-voucher .nspanel-container .nspanel-container-forms .container-form-btns .form-container-panel {
    padding: 10px;
}

.mode-voucher .nspanel-container .nspanel-container-forms .container-form-btns .form-td {
    border-color: #d9e9f8;
}

.mode-voucher .nspanel-container .nspanel-container-forms .container-form-btns .form-td .form-item:before {
    background: #d9e9f8;
}

.mode-voucher .nspanel-container .panel-container-panel {
    padding: 10px;
    background: #ffffff;
    padding-top: 0;
    height: auto;
    overflow: hidden;
    border-width: 0 2px 2px;
}

.mode-voucher .nspanel-container .panel-container-panel .table-responsive {
    margin-bottom: 0;
}

.mode-voucher .nspanel-container .panel-container-panel table {
    border-top: 1px solid #a6c8ec;
}

.mode-voucher .nspanel-container .panel-container-panel table thead tr th {
    border-color: #a6c8ec;
}

.mode-voucher .nspanel-container .panel-container-panel table tbody tr th,
.mode-voucher .nspanel-container .panel-container-panel table tbody tr td {
    background: #fff;
    border-color: #d9e9f8 !important;
}

.mode-voucher .nspanel-container .panel-container-panel table.table-bordered {
    border-color: #d9e9f8;
}

.mode-voucher .nspanel-container .panel-container-panel table.table-striped tr.odd:hover th,
.mode-voucher .nspanel-container .panel-container-panel table.table-striped tr.even:hover th,
.mode-voucher .nspanel-container .panel-container-panel table.table-striped tr.tr-empty-row:hover th,
.mode-voucher .nspanel-container .panel-container-panel table.table-striped tr.odd:hover td,
.mode-voucher .nspanel-container .panel-container-panel table.table-striped tr.even:hover td,
.mode-voucher .nspanel-container .panel-container-panel table.table-striped tr.tr-empty-row:hover td {
    background: #fcfcfc;
}

.mode-voucher .nspanel-container .panel-container-panel .dataTables_filter .form-control {
    border-color: #d9e9f8;
}

.mode-voucher .nspanel-container .panel-container-panel .nstable-bottom {
    clear: both;
    background: #fff;
    border-color: #d9e9f8;
}

.managerForms .layout-form .row-close {
    margin: 0;
}

.managerForms .layout-table {
    margin-top: 0 !important;
}

.layout-container-panel-forms .panel-container-content {
    padding-right: 0 !important;
}

.countCharttable .customertable-echart-table {
    padding-top: 20px;
    border: 1px solid #d9e9f8;
}

.countCharttable .customertable-echart-count {
    margin: 10px 0;
    min-height: 32px;
}

.countCharttable .customertable-echart-table {
    height: auto;
    overflow: hidden;
}

.countCharttable .funnel-detail {
    display: table;
    float: left;
    border: 1px solid #ddd;
}

.countCharttable .funnel-detail .funnel-name,
.countCharttable .funnel-detail .funnel-value {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 7px 10px;
}

.countCharttable .funnel-detail .funnel-value {
    color: #009ade;
    text-align: left;
    min-width: 60px;
    padding-left: 0;
}

.countCharttable .funnel-detail+.funnel-detail {
    margin-left: -1px;
}

.countCharttable .customer-table-input-component {
    position: absolute;
    top: 0;
    right: 0;
    left: 500px;
    background-color: transparent;
}

.countCharttable .customer-table-input-component .customertable-component-container input {
    border: 1px solid #d9e9f8;
    display: block;
    width: 100%;
    padding: 0 10px;
    min-height: 32px;
    line-height: 32px;
}

.countCharttable .customer-table-empty {
    display: block;
    width: 100%;
    text-align: center;
    height: 32px;
    line-height: 32px;
}

.form-view {
    height: auto;
    overflow: hidden;
    border: 1px solid #d9e9f8;
    margin-bottom: 15px;
    background: #fff;
}

.form-view .readonly-view .fillbg {
    border: 0;
}

.form-view .readonly-view .fillbg .radio-inline,
.form-view .readonly-view .fillbg .checkbox-inline {
    padding-left: 0;
    display: none;
}

.form-view .readonly-view .fillbg .radio-inline.checked,
.form-view .readonly-view .fillbg .checkbox-inline.checked {
    display: block;
}

.form-view .panel-form {
    margin-top: 0;
}

.form-view .empty {
    padding: 10px;
    text-align: center;
    color: #888;
}

.form-view-block {
    border: 1px solid #ddd;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.08);
}

.form-view-block:hover .form-view-subtitle .btn-group {
    display: block;
}

.form-view-title {
    border-bottom: 1px solid #ddd;
    height: 42px;
    padding: 6px 15px;
    position: relative;
    display: block;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold !important;
    color: #222222;
    padding-left: 0;
    padding-left: 25px;
    background: #edeff2;
}

.form-view-title:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    background: #fc7008;
    z-index: 9;
    height: 16px;
    top: 50%;
    left: 0;
    margin: -8px 0 0;
}

.form-view-title:before {
    display: none;
}

.form-view-title:before {
    left: 10px;
}

.form-view-title h6 {
    height: 30px;
    line-height: 30px;
    float: left;
    margin: 0;
    font-size: 14px;
    position: relative;
}

.form-view-title .btn-group {
    float: right;
}

.form-view-title .btn-group .btn+.btn {
    margin-left: 5px;
}

.form-view-subtitle {
    height: 30px;
    line-height: 30px;
    position: relative;
    padding: 0 30px 0 15px;
    background: #f9f9f9;
    border-bottom: 1px solid #f1f1f1;
}

.form-view-subtitle a.custom {
    float: left;
    color: #ff8700;
}

.form-view-subtitle a.custom:hover {
    text-decoration: underline;
}

.form-view-subtitle .btn-icon {
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
}

.form-view-subtitle .btn-icon i {
    color: #d9e9f8;
}

.form-view-subtitle .btn-icon:hover {
    box-shadow: none;
    background-color: transparent;
}

.form-view-subtitle .btn-icon:hover i {
    color: #333;
}

.form-view-subtitle .btn-group {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
}

.form-view-subtitle .btn-group .btn {
    width: 30px;
    padding: 7px 0;
    overflow: hidden;
    background-color: transparent;
    border: 0;
}

.form-view-subtitle .btn-group .btn span {
    display: none;
}

.form-view-subtitle .btn-group .btn i {
    padding: 0;
    color: #ccc;
}

.form-view .form-view-block .form-group,
.form-view .form-view-block .form-group .form-control {
    height: 30px;
    line-height: 30px;
    min-height: 30px;
}

.form-view .form-group label.control-label {
    padding: 5px 15px;
}

.form-view .table {
    border: 0;
}

.form-view .table>tbody>tr td {
    position: relative;
    padding: 10px 40px 10px 15px;
    border: 0;
    text-align: center;
}

.form-view .table>tbody>tr td .btn-icon {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    top: 4px;
    right: 0px;
    opacity: 0;
    background-color: transparent;
}

.form-view .table>tbody>tr td .btn-icon i {
    color: #aaa;
}

.form-view .table>tbody>tr td .btn-icon:hover {
    box-shadow: none;
}

.form-view .table>tbody>tr td .btn-icon:hover i {
    color: #555;
}

.form-view .table>tbody>tr td:hover .btn-icon {
    position: absolute;
    top: 4px;
    right: 0;
    opacity: 1;
    display: block;
}

.form-view .table>tbody>tr td a {
    color: #ff8700;
}

.form-view .table>tbody>tr td span {
    display: block;
    text-align: center;
}

.form-view .table>tbody>tr:hover td {
    background-color: transparent;
}

.doubleTables .panel-container-content .service-component .panel {
    padding-bottom: 0;
}

.doubleTables .panel-container-content .service-component .nsui-quicktyping .input {
    height: 30px;
}

.doubleTables .panel-container-content .service-component .nsui-quicktyping .label-title {
    height: 30px;
    line-height: 28px;
}

.doubleTables .panel-container-content .service-component .nsui-quicktyping .input input.input-main {
    height: 30px;
}

.doubleTables .panel-container-content .service-component .nsui-quicktyping .result-panel {
    top: 29px;
}

.doubleTables .panel-container-content .service-component .nsui-quicktyping .tags-container {
    top: 2px;
}

.doubleTables .panel-container-content .service-component .nsui-quicktyping .tags-container .quicktyping-tag {
    height: 22px;
    line-height: 22px;
}

.doubleTables .panel-container-content .service-component .nsui-quicktyping .tags-container .quicktyping-tag .form-control.ns-table-input {
    height: 22px;
}

.doubleTables .panel-container-content .service-component .input-group,
.doubleTables .panel-container-content .service-component .label-title,
.doubleTables .panel-container-content .service-component .form-control,
.doubleTables .panel-container-content .service-component .add-select-input-btn {
    height: 28px;
}

.doubleTables .panel-container-content .service-component .label-title {
    line-height: 28px;
}

.doubleTables.mode-horizontal .layout-container-panel-table+.layout-container-panel-table {
    padding-left: 10px;
}

.listFilter .nspanel.layout-form form .row-close {
    padding: 10px;
    margin-bottom: 0;
}

.listFilter .nspanel.layout-form form .fillbg {
    background: #fff;
    border: 1px solid #d9e9f8;
}

.listFilter .nspanel.layout-form form .form-td {
    width: 100%;
    margin: -1px 0 0;
    border: 0;
}

.listFilter .nspanel.layout-form form .form-td .form-group {
    height: 40px;
    padding: 5px 0;
}

.listFilter .nspanel.layout-form form.compactmode .form-td {
    margin: 0;
    padding-top: 10px;
}

.listFilter .nspanel.layout-form form.compactmode .form-td:first-child {
    padding-top: 0;
}

.listFilter .nspanel.layout-form form.compactmode .form-td .form-group {
    height: 30px;
}

.listFilter .nspanel.layout-form form .control-label {
    padding: 0 10px;
    background: #fff;
}

.listFilter .nspanel.layout-form form .form-item:before {
    display: none;
}

.listFilter .nspanel.layout-form form .form-item.radio .radio-inline,
.listFilter .nspanel.layout-form form .form-item.checkbox .radio-inline,
.listFilter .nspanel.layout-form form .form-item.radio .checkbox-inline,
.listFilter .nspanel.layout-form form .form-item.checkbox .checkbox-inline {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    margin: 0 10px 0 0;
}

.listFilter .nspanel.layout-form form .form-item.radio .radio-inline:after,
.listFilter .nspanel.layout-form form .form-item.checkbox .radio-inline:after,
.listFilter .nspanel.layout-form form .form-item.radio .checkbox-inline:after,
.listFilter .nspanel.layout-form form .form-item.checkbox .checkbox-inline:after {
    display: none;
}

.listFilter .nspanel.layout-form form .form-item.radio .radio-inline.checked,
.listFilter .nspanel.layout-form form .form-item.checkbox .radio-inline.checked,
.listFilter .nspanel.layout-form form .form-item.radio .checkbox-inline.checked,
.listFilter .nspanel.layout-form form .form-item.checkbox .checkbox-inline.checked {
    background: #e1f1ff;
    border-color: #e1f1ff;
    color: #00569f;
    position: relative;
    padding-left: 27px;
}

.listFilter .nspanel.layout-form form .form-item.radio .radio-inline.checked:before,
.listFilter .nspanel.layout-form form .form-item.checkbox .radio-inline.checked:before,
.listFilter .nspanel.layout-form form .form-item.radio .checkbox-inline.checked:before,
.listFilter .nspanel.layout-form form .form-item.checkbox .checkbox-inline.checked:before {
    position: absolute;
    top: 0;
    left: 6px;
    font-family: "FontAwesome";
    content: "\f14a";
    color: #7bc1ff;
    font-size: 14px;
}

.listFilter .nspanel.layout-form form .form-item.radio .radio-inline:hover,
.listFilter .nspanel.layout-form form .form-item.checkbox .radio-inline:hover,
.listFilter .nspanel.layout-form form .form-item.radio .checkbox-inline:hover,
.listFilter .nspanel.layout-form form .form-item.checkbox .checkbox-inline:hover {
    background: #7bc1ff;
    color: #fff;
}

.listFilter .nspanel.layout-form form .form-item.radio .radio-inline:hover.checked:before,
.listFilter .nspanel.layout-form form .form-item.checkbox .radio-inline:hover.checked:before,
.listFilter .nspanel.layout-form form .form-item.radio .checkbox-inline:hover.checked:before,
.listFilter .nspanel.layout-form form .form-item.checkbox .checkbox-inline:hover.checked:before {
    color: #e1f1ff;
}

.listFilter .nspanel.layout-form form .form-item .select,
.listFilter .nspanel.layout-form form .form-item .select2,
.listFilter .nspanel.layout-form form .form-item .input-group {
    max-width: 220px;
    height: 30px;
}

.listFilter .nspanel.layout-form form .form-item .select .input-group-addon,
.listFilter .nspanel.layout-form form .form-item .select2 .input-group-addon,
.listFilter .nspanel.layout-form form .form-item .input-group .input-group-addon {
    width: 30px;
    height: 30px;
    margin-left: -1px;
    padding: 0;
    border: 1px solid #d9e9f8;
    border-left: 0;
}

.listFilter .nspanel.layout-form form .form-item .form-control,
.listFilter .nspanel.layout-form form .form-item .selectboxit-container .selectboxit,
.listFilter .nspanel.layout-form form .form-item .select2-selection {
    max-width: 220px;
    height: 30px;
    border: 1px solid #d9e9f8;
}

.listFilter .nspanel.layout-form form .form-item .selectboxit-container .selectboxit-options {
    max-width: 220px;
    border: 1px solid #d9e9f8;
}

.listFilter .nspanel.layout-form form .form-item input.select2-search__field {
    margin-top: 0;
}

.listFilter .nspanel.layout-form form .form-item .select2-dropdown {
    max-width: 220px;
}

.listFilter .nspanel.layout-form form .form-item .select2-selection__choice {
    padding: 0 5px;
}

.listFilter .nspanel.layout-form form .form-item .select2-selection__rendered .select2-selection__clear {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.listFilter .nspanel.layout-form form .form-item .select2-selection__rendered .select2-selection__clear:after {
    top: 8px;
    right: 9px;
    z-index: 98;
}

.listFilter .nspanel.layout-form form .form-item.treeSelect .treeselect-arrow {
    width: 24px;
    left: 195px;
}

.listFilter .nspanel.layout-form .search-list {
    display: none;
    border: 1px solid #d9e9f8;
    margin-top: -1px;
    background: #fff;
}

.listFilter .nspanel.layout-form .search-list.show {
    display: table !important;
    width: 100%;
    margin-top: 0;
}

.listFilter .nspanel.layout-form .search-list label {
    display: table-cell;
    width: 100px;
    vertical-align: top;
    padding: 10px;
    line-height: 28px;
}

.listFilter .nspanel.layout-form .search-list .search-link {
    display: table-cell;
    vertical-align: top;
    padding: 10px;
}

.listFilter .nspanel.layout-form .search-list .search-link li {
    display: block;
    float: left;
    margin-right: 10px;
    background: #e1f1ff;
    color: #00569f;
    height: 28px;
    line-height: 28px;
    padding: 0 25px 0 10px;
    position: relative;
    cursor: pointer;
}

.listFilter .nspanel.layout-form .search-list .search-link li:after {
    position: absolute;
    content: "\e926";
    font-family: "icomoon";
    width: 15px;
    height: 30px;
    top: 0;
    right: 3px;
    opacity: .5;
}

.listFilter .nspanel.layout-form .search-list .search-link li:hover:after {
    opacity: 1;
}

.listFilter .nspanel.layout-form .search-list .search-link li.empty {
    background: none;
    color: #555555;
    padding: 0 10px;
    cursor: default;
}

.listFilter .nspanel.layout-form .search-list .search-link li.empty:after {
    display: none;
}

.listFilter .nspanel.layout-form .search-expand {
    border: 1px solid #d9e9f8;
    width: 30px;
    height: 12px;
    line-height: 9px;
    margin: -1px auto 0;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    border-top-color: #fff;
    background: #fff;
}

.listFilter .nspanel.layout-form .search-expand:hover {
    background: #f8f8f8;
}

.listFilter .nspanel.layout-form .search-expand i {
    color: #009ade;
    margin-top: -6px;
}

.listFilter .nspanel.layout-form form.compactmode .form-td {
    clear: both;
}

.listFilter .nspanel.layout-form form.compactmode .form-td .form-group .tree-close {
    left: 169px;
}

.listFilter .nspanel.layout-form form.compactmode .form-td.nscomponent-type-treeSelect {
    max-width: 320px;
}

.listFilter .nspanel.layout-form form.compactmode .form-td.nscomponent-type-provincelinkSelect .provincelinkage select+.selectboxit-container {
    width: auto;
    min-width: 150px;
    border-right: 0;
    margin-right: -1px;
}

.listFilter .nspanel-container .panel-container-content .nsui-quicktyping,
.listFilter .nspanel-container .panel-container-content .nsui-quicktyping>.label-title,
.listFilter .nspanel-container .panel-container-content .nsui-quicktyping>.input,
.listFilter .nspanel-container .panel-container-content .nsui-quicktyping>.input .input-main {
    height: 30px;
}

.listFilter .nspanel-container .panel-container-content .nsui-quicktyping>.label-title {
    line-height: 30px;
}

.listFilter .nspanel-container .panel-container-content .nsui-quicktyping .result-panel {
    top: 29px;
}

.listFilter .nspanel-container .nspanel-container-forms {
    display: block;
    float: none;
}

.listFilter .nspanel-container .nspanel-container-forms .btn-container-panel {
    position: absolute;
    top: 0;
    right: 0;
}

.listFilter .nspanel-container.layout-container-panel-table .nspanel-container-forms-inline .col-none.form-td {
    margin: 0;
}

.listFilter .nspanel-container.layout-container-panel-table .nspanel-container-forms-inline .col-none.form-td .form-item {
    height: 29px;
}

.listFilter .nspanel-container.layout-container-panel-table .nspanel-container-forms-inline .container-panel-customerform .form-td+.form-td {
    margin-left: -1px;
}

.listFilter .nspanel-container.layout-container-panel-table .nspanel-container-forms-inline .container-panel-customerform .input-group-btn.text-btn .btn i {
    padding-right: 0;
}

.listFilter .nspanel-container .container-form-btns .form-container-panel {
    position: absolute;
    right: 0;
}

.listFilter .nspanel-container .container-form-btns .form-container-panel+.btn-container-panel {
    margin-left: -1px;
}

.listFilter .nspanel-container .container-form-btns .form-container-panel .container-panel-customerform {
    padding: 0;
}

.listFilter .panel-container-panel .dataTables_filter {
    display: none;
}

.listFilter .layout-container-panel-forms .container-form-btns {
    top: 40px;
    right: 5px;
    z-index: 9;
}

.listFilter .btn.btn-primary {
    background: #fff;
    border: 1px solid transparent !important;
}

.listFilter .btn.btn-primary span,
.listFilter .btn.btn-primary i {
    color: #333;
}

.listFilter .btn.btn-primary:hover {
    background: #fff;
}

.listFilter .btn.btn-primary:hover span,
.listFilter .btn.btn-primary:hover i {
    color: #333;
}

.listFilter.mode-horizontal>div.layout-container-panel-forms {
    position: relative;
    width: 280px;
    padding-bottom: 40px;
}

.listFilter.mode-horizontal>div.layout-container-panel-forms .container-form-btns {
    top: auto;
    right: 0;
    bottom: 5px;
}

.listFilter.mode-horizontal>div.layout-container-panel-forms .container-form-btns .btn-primary {
    float: right;
    background: #56b1fc;
}

.listFilter.mode-horizontal>div.layout-container-panel-forms .container-form-btns .btn-primary i,
.listFilter.mode-horizontal>div.layout-container-panel-forms .container-form-btns .btn-primary span {
    color: #fff;
}

.listFilter.mode-horizontal>div.layout-container-panel-forms .search-expand {
    display: none;
}

.listFilter.mode-horizontal>div.layout-container-panel-table {
    width: calc(100% - 280px);
    padding-left: 10px;
}

.listFilter.mode-horizontal>div.layout-container-panel-table .container-panel-customerform {
    display: none;
}

.listFilter.mode-horizontal .nspanel.layout-form form.compactmode label.control-label {
    padding: 0;
}

.listFilter.mode-horizontal .nspanel.layout-form form.compactmode .form-td+.form-td {
    padding-top: 4px;
}

.listFilter.mode-horizontal .nspanel.layout-form form.compactmode .form-td .form-group {
    height: 26px;
    min-height: 26px;
}

.listFilter.mode-horizontal .nspanel.layout-form form.compactmode .form-control {
    height: 26px;
}

.nstemplate-tab {
    padding: 0;
}

.nstemplate-tab .nav.nav-tabs.nav-tabs-justified {
    border-bottom: 1px solid #d9e9f8;
    margin-bottom: 0;
}

.nstemplate-tab .nav.nav-tabs {
    margin: 0 -1px 5px -1px;
    padding: 0;
    border-bottom: 1px solid transparent;
    position: relative;
}

.nstemplate-tab .nav.nav-tabs li {
    padding: 0 1px 0 1px;
}

.nstemplate-tab .nav.nav-tabs li a {
    padding: 0 5px;
    line-height: 30px;
    text-align: center;
    background: #f8f8f8;
    border-color: #dfe2e7;
    border-bottom: 1px solid #cad0d8;
    color: #777;
}

.nstemplate-tab .nav.nav-tabs li a:hover {
    background: #fff;
}

.nstemplate-tab .nav.nav-tabs li.active a {
    background: #fff;
    border-color: #c1c8d2;
    cursor: pointer;
    position: relative;
    border-bottom-color: #fff;
    color: #000;
}

.nstemplate-tab .nav.nav-tabs li.active a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #c1c8d2;
    z-index: 9;
    top: 0;
    left: 0;
}

.nstemplate-tab.nspanel {
    background: #f4f8f9;
}

.row.managerTab .layout-logtimeline {
    background: #f4f8f9;
}

.row.managerTab .layout-logtimeline .panel-container-content.nspanel-container-forms-inline {
    padding: 0 15px;
    text-align: right;
}

.page-body[ns-system="mobile"] .sidebar-menu .user-plane {
    left: -100%;
}

.page-body[ns-system="mobile"] .page-title {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #4093dc;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-body[ns-system="mobile"] .page-title .nav-title {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.page-body[ns-system="mobile"] .page-title .btn-group-big {
    float: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nav-form {
    display: none;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel .nav.nav-tabs {
    position: fixed;
    top: 4rem;
    right: -85%;
    width: 85%;
    border: 0;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
    padding-top: 0;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    background: #fff;
    transition: ease-in-out all 0.35s;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel .nav.nav-tabs.show {
    right: 0;
    display: flex !important;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel .nav.nav-tabs>li {
    padding: 0;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    height: 4rem;
    overflow: hidden;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel .nav.nav-tabs>li>a {
    border: 0;
    background: none;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel .nav.nav-tabs>li.active>a {
    color: #0077ab;
    font-weight: bold;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel .nav.nav-tabs>li.active>a:before {
    height: 3px;
    width: 48px;
    top: auto;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -24px;
    background: #0077ab;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .search-list {
    position: fixed;
    display: flex;
    width: 100%;
    height: 4.5rem;
    top: 4rem;
    left: 0;
    z-index: 101;
    background: #f6fafe;
    justify-content: flex-start;
    align-items: center;
    border: 0;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .search-list label {
    padding: 0 1rem;
    margin: 0;
    display: flex;
    min-width: 7rem;
    justify-content: flex-start;
    align-items: center;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .search-list .search-link {
    display: block;
    padding: 0;
    margin: 0;
    height: 4.5rem;
    overflow-y: hidden;
    overflow-x: auto;
    padding-right: 4rem;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .search-list .search-link li {
    display: flex;
    flex: 1;
    height: 2.5rem;
    margin: 1rem .5rem;
    padding: 0 2rem 0 1rem;
    border-radius: .25rem;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .search-list .search-link li:after {
    font-size: .75rem;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .search-list .searchPage-form-clearbtn {
    position: absolute;
    top: 50%;
    right: .5rem;
    margin-top: -1.2rem;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .search-list .searchPage-form-clearbtn .btn {
    background-color: transparent;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .search-list .searchPage-form-clearbtn .btn:focus,
.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .search-list .searchPage-form-clearbtn .btn:hover {
    box-shadow: none;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form {
    position: fixed;
    top: 4rem;
    right: -85%;
    width: 85%;
    height: 100%;
    padding: 0;
    overflow-y: auto;
    padding-bottom: 6rem;
    z-index: 999;
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.05);
    transition: ease-in-out all 0.35s;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .searchpage-form-confirmbtn {
    display: flex;
    width: 85%;
    height: 5rem;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: -5rem;
    right: 0;
    z-index: 999;
    background: #fff;
    box-shadow: 0 -0.25rem 0.25rem rgba(0, 0, 0, 0.1);
    transition: ease-in-out all 0.35s;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .searchpage-form-confirmbtn .btn {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    height: 5rem;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .searchpage-form-confirmbtn .btn.btn-info {
    background: #4093dc;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .searchpage-form-confirmbtn .btn.btn-info span {
    color: #fff;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form.show {
    right: 0;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form.show .searchpage-form-confirmbtn {
    bottom: 0;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg {
    border: 0;
    padding: 5rem 1rem 5rem;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td {
    margin: 1px 0 0 0;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td label.control-label {
    display: flex;
    flex: 1;
    padding: 0;
    height: 3.5rem;
    align-items: center;
    font-size: 1.2rem;
    margin-bottom: 0;
    font-weight: bold !important;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item {
    display: block;
    width: 100%;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .checkbox-inline,
.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .radio-inline {
    position: relative;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    border: 1px solid #d9e9f8;
    margin: 0 .75rem .75rem 0;
    border-radius: .25rem;
    padding: 1.3rem .5rem;
    min-width: 30%;
    transition: ease-in-out all 0.35s;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .checkbox-inline:hover,
.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .radio-inline:hover {
    border-color: #e1f1ff;
    background: #e1f1ff;
    color: #00569f;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .checkbox-inline:before,
.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .radio-inline:before {
    position: absolute;
    top: 0;
    left: -0.5rem;
    width: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "icomoon" !important;
    content: "\e920";
    color: transparent;
    transition: ease-in-out all 0.35s;
    transform: scale(0);
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .checkbox-inline.checked,
.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .radio-inline.checked {
    border-color: #e1f1ff;
    background: #e1f1ff;
    color: #00569f;
    padding-left: 1.5rem;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .checkbox-inline.checked:before,
.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .radio-inline.checked:before {
    left: 0;
    color: #00569f;
    transform: scale(1);
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .select2,
.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .selectboxit,
.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .input-group,
.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .selectboxit-container .selectboxit,
.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .select2-selection,
.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item input.form-control {
    min-width: 100%;
    border-bottom-width: 1px;
    min-height: 3rem;
    border-radius: .25rem;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item input.select2-search__field,
.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .selectboxit-text,
.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .selectboxit-arrow-container {
    min-height: 3rem;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .input-group .form-control {
    border-radius: .25rem 0 0 .25rem;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .input-group .input-group-addon {
    border-radius: 0 .25rem .25rem 0;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .search-expand {
    display: none;
}

.page-body[ns-system="mobile"] .searchPage.layout-planes .panel-form .form-td lable.control-label {
    display: block;
}

@media screen and (max-width: 320px) {

    .page-body[ns-system="mobile"] .main-content.table-content .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .radio-inline,
    .page-body[ns-system="mobile"] .main-content.table-content .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .fillbg .form-td .form-item .checkbox-inline {
        margin: 0 .5rem .5rem 0;
    }

    .page-body[ns-system="mobile"] .main-content.table-content .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .searchpage-form-confirmbtn {
        height: 4rem;
    }

    .page-body[ns-system="mobile"] .main-content.table-content .searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body form .searchpage-form-confirmbtn .btn {
        height: 4rem;
    }
}

.searchPage .nspanel.layout-form form .row-close,
.advanceSearch .nspanel.layout-form form .row-close {
    padding: 10px;
    margin-bottom: 0;
}

.searchPage .nspanel.layout-form form .fillbg,
.advanceSearch .nspanel.layout-form form .fillbg {
    background: #fff;
    border: 1px solid #d9e9f8;
}

.searchPage .nspanel.layout-form form .form-td,
.advanceSearch .nspanel.layout-form form .form-td {
    width: 100%;
    margin: -1px 0 0;
    border: 0;
}

.searchPage .nspanel.layout-form form .form-td .form-group,
.advanceSearch .nspanel.layout-form form .form-td .form-group {
    height: 40px;
    padding: 5px 0;
}

.searchPage .nspanel.layout-form form.compactmode .form-td,
.advanceSearch .nspanel.layout-form form.compactmode .form-td {
    margin: 0;
    padding-top: 10px;
}

.searchPage .nspanel.layout-form form.compactmode .form-td:first-child,
.advanceSearch .nspanel.layout-form form.compactmode .form-td:first-child {
    padding-top: 0;
}

.searchPage .nspanel.layout-form form.compactmode .form-td .form-group,
.advanceSearch .nspanel.layout-form form.compactmode .form-td .form-group {
    height: 30px;
}

.searchPage .nspanel.layout-form form .control-label,
.advanceSearch .nspanel.layout-form form .control-label {
    padding: 0 10px;
    background: #fff;
}

.searchPage .nspanel.layout-form form .form-item:before,
.advanceSearch .nspanel.layout-form form .form-item:before {
    display: none;
}

.searchPage .nspanel.layout-form form .form-item.radio .radio-inline,
.advanceSearch .nspanel.layout-form form .form-item.radio .radio-inline,
.searchPage .nspanel.layout-form form .form-item.checkbox .radio-inline,
.advanceSearch .nspanel.layout-form form .form-item.checkbox .radio-inline,
.searchPage .nspanel.layout-form form .form-item.radio .checkbox-inline,
.advanceSearch .nspanel.layout-form form .form-item.radio .checkbox-inline,
.searchPage .nspanel.layout-form form .form-item.checkbox .checkbox-inline,
.advanceSearch .nspanel.layout-form form .form-item.checkbox .checkbox-inline {
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    margin: 0 10px 0 0;
}

.searchPage .nspanel.layout-form form .form-item.radio .radio-inline:after,
.advanceSearch .nspanel.layout-form form .form-item.radio .radio-inline:after,
.searchPage .nspanel.layout-form form .form-item.checkbox .radio-inline:after,
.advanceSearch .nspanel.layout-form form .form-item.checkbox .radio-inline:after,
.searchPage .nspanel.layout-form form .form-item.radio .checkbox-inline:after,
.advanceSearch .nspanel.layout-form form .form-item.radio .checkbox-inline:after,
.searchPage .nspanel.layout-form form .form-item.checkbox .checkbox-inline:after,
.advanceSearch .nspanel.layout-form form .form-item.checkbox .checkbox-inline:after {
    display: none;
}

.searchPage .nspanel.layout-form form .form-item.radio .radio-inline.checked,
.advanceSearch .nspanel.layout-form form .form-item.radio .radio-inline.checked,
.searchPage .nspanel.layout-form form .form-item.checkbox .radio-inline.checked,
.advanceSearch .nspanel.layout-form form .form-item.checkbox .radio-inline.checked,
.searchPage .nspanel.layout-form form .form-item.radio .checkbox-inline.checked,
.advanceSearch .nspanel.layout-form form .form-item.radio .checkbox-inline.checked,
.searchPage .nspanel.layout-form form .form-item.checkbox .checkbox-inline.checked,
.advanceSearch .nspanel.layout-form form .form-item.checkbox .checkbox-inline.checked {
    background: #e1f1ff;
    border-color: #e1f1ff;
    color: #00569f;
    position: relative;
    padding-left: 27px;
}

.searchPage .nspanel.layout-form form .form-item.radio .radio-inline.checked:before,
.advanceSearch .nspanel.layout-form form .form-item.radio .radio-inline.checked:before,
.searchPage .nspanel.layout-form form .form-item.checkbox .radio-inline.checked:before,
.advanceSearch .nspanel.layout-form form .form-item.checkbox .radio-inline.checked:before,
.searchPage .nspanel.layout-form form .form-item.radio .checkbox-inline.checked:before,
.advanceSearch .nspanel.layout-form form .form-item.radio .checkbox-inline.checked:before,
.searchPage .nspanel.layout-form form .form-item.checkbox .checkbox-inline.checked:before,
.advanceSearch .nspanel.layout-form form .form-item.checkbox .checkbox-inline.checked:before {
    position: absolute;
    top: 0;
    left: 6px;
    font-family: "FontAwesome";
    content: "\f14a";
    color: #7bc1ff;
    font-size: 14px;
}

.searchPage .nspanel.layout-form form .form-item.radio .radio-inline:hover,
.advanceSearch .nspanel.layout-form form .form-item.radio .radio-inline:hover,
.searchPage .nspanel.layout-form form .form-item.checkbox .radio-inline:hover,
.advanceSearch .nspanel.layout-form form .form-item.checkbox .radio-inline:hover,
.searchPage .nspanel.layout-form form .form-item.radio .checkbox-inline:hover,
.advanceSearch .nspanel.layout-form form .form-item.radio .checkbox-inline:hover,
.searchPage .nspanel.layout-form form .form-item.checkbox .checkbox-inline:hover,
.advanceSearch .nspanel.layout-form form .form-item.checkbox .checkbox-inline:hover {
    background: #7bc1ff;
    color: #fff;
}

.searchPage .nspanel.layout-form form .form-item.radio .radio-inline:hover.checked:before,
.advanceSearch .nspanel.layout-form form .form-item.radio .radio-inline:hover.checked:before,
.searchPage .nspanel.layout-form form .form-item.checkbox .radio-inline:hover.checked:before,
.advanceSearch .nspanel.layout-form form .form-item.checkbox .radio-inline:hover.checked:before,
.searchPage .nspanel.layout-form form .form-item.radio .checkbox-inline:hover.checked:before,
.advanceSearch .nspanel.layout-form form .form-item.radio .checkbox-inline:hover.checked:before,
.searchPage .nspanel.layout-form form .form-item.checkbox .checkbox-inline:hover.checked:before,
.advanceSearch .nspanel.layout-form form .form-item.checkbox .checkbox-inline:hover.checked:before {
    color: #e1f1ff;
}

.searchPage .nspanel.layout-form form .form-item .select,
.advanceSearch .nspanel.layout-form form .form-item .select,
.searchPage .nspanel.layout-form form .form-item .select2,
.advanceSearch .nspanel.layout-form form .form-item .select2,
.searchPage .nspanel.layout-form form .form-item .input-group,
.advanceSearch .nspanel.layout-form form .form-item .input-group {
    max-width: 220px;
    height: 30px;
}

.searchPage .nspanel.layout-form form .form-item .select .input-group-addon,
.advanceSearch .nspanel.layout-form form .form-item .select .input-group-addon,
.searchPage .nspanel.layout-form form .form-item .select2 .input-group-addon,
.advanceSearch .nspanel.layout-form form .form-item .select2 .input-group-addon,
.searchPage .nspanel.layout-form form .form-item .input-group .input-group-addon,
.advanceSearch .nspanel.layout-form form .form-item .input-group .input-group-addon {
    width: 30px;
    height: 30px;
    margin-left: -1px;
    padding: 0;
    border: 1px solid #d9e9f8;
    border-left: 0;
}

.searchPage .nspanel.layout-form form .form-item .form-control,
.advanceSearch .nspanel.layout-form form .form-item .form-control,
.searchPage .nspanel.layout-form form .form-item .selectboxit-container .selectboxit,
.advanceSearch .nspanel.layout-form form .form-item .selectboxit-container .selectboxit,
.searchPage .nspanel.layout-form form .form-item .select2-selection,
.advanceSearch .nspanel.layout-form form .form-item .select2-selection {
    max-width: 220px;
    height: 30px;
    border: 1px solid #d9e9f8;
}

.searchPage .nspanel.layout-form form .form-item .selectboxit-container .selectboxit-options,
.advanceSearch .nspanel.layout-form form .form-item .selectboxit-container .selectboxit-options {
    max-width: 220px;
    border: 1px solid #d9e9f8;
}

.searchPage .nspanel.layout-form form .form-item input.select2-search__field,
.advanceSearch .nspanel.layout-form form .form-item input.select2-search__field {
    margin-top: 0;
}

.searchPage .nspanel.layout-form form .form-item .select2-dropdown,
.advanceSearch .nspanel.layout-form form .form-item .select2-dropdown {
    max-width: 220px;
}

.searchPage .nspanel.layout-form form .form-item .select2-selection__choice,
.advanceSearch .nspanel.layout-form form .form-item .select2-selection__choice {
    padding: 0 5px;
}

.searchPage .nspanel.layout-form form .form-item .select2-selection__rendered .select2-selection__clear,
.advanceSearch .nspanel.layout-form form .form-item .select2-selection__rendered .select2-selection__clear {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.searchPage .nspanel.layout-form form .form-item .select2-selection__rendered .select2-selection__clear:after,
.advanceSearch .nspanel.layout-form form .form-item .select2-selection__rendered .select2-selection__clear:after {
    top: 8px;
    right: 9px;
    z-index: 98;
}

.searchPage .nspanel.layout-form form .form-item.treeSelect .treeselect-arrow,
.advanceSearch .nspanel.layout-form form .form-item.treeSelect .treeselect-arrow {
    width: 24px;
    left: 195px;
}

.searchPage .nspanel.layout-form .search-list,
.advanceSearch .nspanel.layout-form .search-list {
    display: none;
    border: 1px solid #d9e9f8;
    margin-top: -1px;
    background: #fff;
}

.searchPage .nspanel.layout-form .search-list.show,
.advanceSearch .nspanel.layout-form .search-list.show {
    display: table !important;
    width: 100%;
    margin-top: 0;
}

.searchPage .nspanel.layout-form .search-list label,
.advanceSearch .nspanel.layout-form .search-list label {
    display: table-cell;
    width: 100px;
    vertical-align: top;
    padding: 10px;
    line-height: 28px;
}

.searchPage .nspanel.layout-form .search-list .search-link,
.advanceSearch .nspanel.layout-form .search-list .search-link {
    display: table-cell;
    vertical-align: top;
    padding: 10px;
}

.searchPage .nspanel.layout-form .search-list .search-link li,
.advanceSearch .nspanel.layout-form .search-list .search-link li {
    display: block;
    float: left;
    margin-right: 10px;
    background: #e1f1ff;
    color: #00569f;
    height: 28px;
    line-height: 28px;
    padding: 0 25px 0 10px;
    position: relative;
    cursor: pointer;
}

.searchPage .nspanel.layout-form .search-list .search-link li:after,
.advanceSearch .nspanel.layout-form .search-list .search-link li:after {
    position: absolute;
    content: "\e926";
    font-family: "icomoon";
    width: 15px;
    height: 30px;
    top: 0;
    right: 3px;
    opacity: .5;
}

.searchPage .nspanel.layout-form .search-list .search-link li:hover:after,
.advanceSearch .nspanel.layout-form .search-list .search-link li:hover:after {
    opacity: 1;
}

.searchPage .nspanel.layout-form .search-list .search-link li.empty,
.advanceSearch .nspanel.layout-form .search-list .search-link li.empty {
    background: none;
    color: #555555;
    padding: 0 10px;
    cursor: default;
}

.searchPage .nspanel.layout-form .search-list .search-link li.empty:after,
.advanceSearch .nspanel.layout-form .search-list .search-link li.empty:after {
    display: none;
}

.searchPage .nspanel.layout-form .search-expand,
.advanceSearch .nspanel.layout-form .search-expand {
    border: 1px solid #d9e9f8;
    width: 30px;
    height: 12px;
    line-height: 9px;
    margin: -1px auto 0;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    border-top-color: #fff;
    background: #fff;
}

.searchPage .nspanel.layout-form .search-expand:hover,
.advanceSearch .nspanel.layout-form .search-expand:hover {
    background: #f8f8f8;
}

.searchPage .nspanel.layout-form .search-expand i,
.advanceSearch .nspanel.layout-form .search-expand i {
    color: #009ade;
    margin-top: -6px;
}

.searchPage.layout-planes,
.advanceSearch.layout-planes {
    position: relative;
}

.searchPage.layout-planes .nav-form,
.advanceSearch.layout-planes .nav-form {
    position: absolute !important;
    top: 14px;
    width: auto;
    right: 45px;
    z-index: 9999;
}

.searchPage.layout-planes .dataTables_filter,
.advanceSearch.layout-planes .dataTables_filter {
    display: none;
}

.searchPage.layout-planes .nspanel,
.advanceSearch.layout-planes .nspanel {
    margin-bottom: 0;
}

.searchPage.layout-planes .nspanel ul.nav-tabs,
.advanceSearch.layout-planes .nspanel ul.nav-tabs {
    margin-bottom: -1px !important;
    z-index: 9;
}

.searchPage.layout-planes .nspanel.layout-form .panel-form,
.advanceSearch.layout-planes .nspanel.layout-form .panel-form {
    background-color: transparent;
}

.searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body,
.advanceSearch.layout-planes .nspanel.layout-form .panel-form .panel-body {
    position: relative;
}

.searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body .fillbg,
.advanceSearch.layout-planes .nspanel.layout-form .panel-form .panel-body .fillbg {
    border-color: #c1c8d2;
}

.searchPage.layout-planes .nspanel.layout-form .panel-form .panel-body>button.btn,
.advanceSearch.layout-planes .nspanel.layout-form .panel-form .panel-body>button.btn {
    position: absolute;
    top: -34px;
    right: 0;
    z-index: 99;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar {
    float: none;
    min-height: 30px;
    margin-bottom: 10px;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .btn-title,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .btn-title {
    float: left;
    line-height: 30px;
    font-size: 12px;
    font-weight: normal !important;
    padding-left: 0;
}

d .searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .btn-title:before,
d .advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .btn-title:before {
    display: none;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .btn-title .customer,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .btn-title .customer {
    font-size: 14px;
    padding: 0 5px;
    color: #f39800;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .btn-group,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .btn-group {
    float: left;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect {
    float: right;
    margin-left: 10px;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg {
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .form-group,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .form-group {
    height: 30px;
    min-height: 30px;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .input-group,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .input-group {
    height: 30px;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .input-group .input-group-addon,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .input-group .input-group-addon,
.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .input-group .input-group-btn,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .input-group .input-group-btn {
    height: 30px;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .textBtn,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .textBtn {
    position: relative;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .textBtn .form-control,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .textBtn .form-control {
    max-width: 105px;
    padding-left: 24px;
    border-right: 1px solid #d9e9f8;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .textBtn:before,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .textBtn:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-family: "FontAwesome";
    content: "\f002";
    color: #aaa;
    background: #fff;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .form-td,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .form-td {
    display: table-cell;
    height: 30px;
    vertical-align: top;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .form-td .form-control,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .form-td .form-control {
    width: 100%;
    height: 30px;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .form-td .btn,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .form-td .btn {
    width: auto;
    height: 30px;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .form-td .selectboxit-container,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .table-columnselect .fillbg .form-td .selectboxit-container {
    min-width: 120px;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .selectboxit,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .selectboxit {
    border: 0;
    height: 30px;
    line-height: 30px;
}

.searchPage.layout-planes .nspanel.layout-table .control-btn-toolbar .th-btn-last,
.advanceSearch.layout-planes .nspanel.layout-table .control-btn-toolbar .th-btn-last {
    float: right;
    height: 32px;
    margin-left: -1px;
    border: 1px solid #d9e9f8;
}

.searchPage.layout-planes .nspanel.layout-table .td-btn .btn,
.advanceSearch.layout-planes .nspanel.layout-table .td-btn .btn {
    cursor: move;
}

.searchPage.layout-planes .nspanel.layout-table tr.selected>th>label:after,
.advanceSearch.layout-planes .nspanel.layout-table tr.selected>th>label:after {
    content: "\f00c";
}

.searchPage .selectboxit-container .selectboxit,
.advanceSearch .selectboxit-container .selectboxit {
    height: 30px;
    border: 1px solid #d9e9f8;
}

.searchPage .selectboxit-container .selectboxit .selectboxit-text,
.advanceSearch .selectboxit-container .selectboxit .selectboxit-text,
.searchPage .selectboxit-container .selectboxit .selectboxit-arrow-container,
.advanceSearch .selectboxit-container .selectboxit .selectboxit-arrow-container {
    height: 30px;
    line-height: 30px;
}

.searchPage .selectboxit-container .selectboxit .selectboxit-text,
.advanceSearch .selectboxit-container .selectboxit .selectboxit-text {
    padding-right: 30px;
}

.searchPage .selectboxit-container .selectboxit .selectboxit-arrow-container,
.advanceSearch .selectboxit-container .selectboxit .selectboxit-arrow-container {
    width: 30px;
}

.searchPage .selectboxit-container .selectboxit .selectboxit-arrow-container:after,
.advanceSearch .selectboxit-container .selectboxit .selectboxit-arrow-container:after {
    top: 8px;
    right: 11px;
}

.searchPage .selectboxit-container .selectboxit-options,
.advanceSearch .selectboxit-container .selectboxit-options {
    margin-top: -1px;
}

.searchPage .selectboxit-container .selectboxit-options .selectboxit-option,
.advanceSearch .selectboxit-container .selectboxit-options .selectboxit-option {
    height: 30px;
    line-height: 30px;
}

.searchPage .selectboxit-container .selectboxit-options .selectboxit-option a,
.advanceSearch .selectboxit-container .selectboxit-options .selectboxit-option a {
    height: 30px;
    line-height: 30px;
}

/***********表单用户配置****************/
.modal-formmanger {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -450px;
    margin-bottom: 50px;
    width: 900px;
    z-index: 10010;
}

.modal-formmanger .modal-header {
    margin: 0;
}

.modal-formmanger:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-formmanger .form-content-intro {
    border-left: 3px solid #dddddd;
    margin-bottom: 10px;
    padding: 10px 10px 10px 15px;
    background: #eeeeee;
}

.modal-formmanger .modal-body .table tbody>tr>th {
    border-left: 1px solid #ddd;
}

.modal-formmanger .modal-body .table tbody>tr>th:first-child {
    min-width: 30px;
}

.modal-formmanger .modal-body .table tbody>tr>td.td-input input.form-control[type="text"][readonly="readonly"] {
    border: 0;
    background: none !important;
    color: #333333 !important;
    cursor: default;
}

.modal-formmanger .modal-body .table tbody>tr>td.td-btn {
    text-align: center;
}

.modal-formmanger .modal-body .table tbody>tr>td .td-btn .btn {
    cursor: move;
}

.modal-formmanger .modal-body .table tbody>tr>td .th-btn-last {
    float: right;
    border: none;
}

.modal-formmanger .modal-body .table tbody>tr>td .page-body.skin-autoservice .table tbody>tr.selected>th,
.modal-formmanger .modal-body .table tbody>tr>td .page-body.skin-autoservice .table tbody>tr.selected>th>label:after {
    content: "\f00c";
}

.modal-formmanger .modal-body .nav.nav-tabs {
    margin: 0 -1px 5px -1px;
    padding: 0;
    border-bottom: 1px solid transparent;
    position: relative;
}

.modal-formmanger .modal-body .nav.nav-tabs li {
    padding: 0 1px 0 1px;
}

.modal-formmanger .modal-body .nav.nav-tabs li a {
    padding: 0 5px;
    line-height: 30px;
    text-align: center;
    background: #f8f8f8;
    border-color: #dfe2e7;
    border-bottom: 1px solid #cad0d8;
    color: #777;
}

.modal-formmanger .modal-body .nav.nav-tabs li a:hover {
    background: #fff;
}

.modal-formmanger .modal-body .nav.nav-tabs li.active a {
    background: #fff;
    border-color: #c1c8d2;
    cursor: pointer;
    position: relative;
    border-bottom-color: #fff;
    color: #000;
}

.modal-formmanger .modal-body .nav.nav-tabs li.active a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #c1c8d2;
    z-index: 9;
    top: 0;
    left: 0;
}

.modal-formmanger .modal-body .nav.nav-tabs.float-right {
    position: absolute;
    top: -36px;
    right: 12px;
    border-bottom: 0;
}

.modal-formmanger .modal-body .nav.nav-tabs.float-right li a {
    border-bottom: 1px solid #edeff2;
}

.modal-formmanger .modal-body .nav.nav-tabs.float-right li.active a {
    border-bottom: 1px solid #fff;
}

.tr-drag-panel {
    border: 1px dashed #ccc;
    margin-bottom: 5px;
    position: absolute;
}

.tils {
    font-size: 14px;
    margin: 15px 0;
}

.all-show-tab {
    width: 100%;
    overflow: hidden;
    height: 32px;
}

.all-show-tab span {
    position: static;
    display: block;
    float: left;
    line-height: 30px;
    border: 1px solid #d9e9f8;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: move;
    box-sizing: border-box;
}

.all-show-tab span+span {
    border-left: 0;
}

.alllabels {
    height: auto;
    overflow: hidden;
    margin: 0 -5px;
}

.alllabels>div {
    padding: 0 5px;
    margin-bottom: 10px;
}

.alllabels>div span {
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 6px 6px 7px;
    background: #f6f6f6;
}

.alllabels>div span:hover {
    background: #7bc1ff;
    color: #ffffff;
}

.alllabels>div.current span {
    background: #e1f1ff;
    color: #00569f;
}

.alllabels>div.current span:hover {
    background: #7bc1ff;
    color: #ffffff;
}

.tabFormList .panel-container-content .service-component .nsui-quicktyping {
    background: #fff !important;
}

.tabFormList .panel-container-content .service-component .nsui-quicktyping .label-title {
    height: 30px;
    line-height: 30px;
    border: 1px solid #d9e9f8;
    background: transparent;
}

.tabFormList .panel-container-content .service-component .nsui-quicktyping .input {
    height: 30px;
    border: 1px solid #d9e9f8;
    margin-left: -1px;
}

.tabFormList .panel-container-content .service-component .nsui-quicktyping .input .form-control {
    height: 28px;
}

.tabFormList .panel-container-panel .dataTables_filter {
    position: absolute;
    top: 0;
    right: 0;
}

.tabFormList .nsui-quicktyping .input input.input-main {
    height: 30px;
    border-right: 0;
}

.tabFormList .nsui-quicktyping .input input.input-main:focus {
    border-color: #c4c4c4;
}

.tabFormList .nsui-quicktyping .result-panel {
    top: 29px;
}

.tabFormList .addSelectInput {
    margin-right: 0;
}

.tabFormList .addSelectInput .panel-container-content {
    padding-right: 0;
}

.tabFormList .tabs .nav.nav-tabs>li {
    background-color: transparent;
}

.tabFormList .tabs .nav.nav-tabs>li a {
    position: relative;
    display: block;
    border: 1px solid #c1c8d2;
    border-bottom: 0;
    line-height: 30px;
    text-align: center;
}

.tabFormList .tabs .nav.nav-tabs>li a:after {
    display: none;
}

.tabFormList .tabs .nav.nav-tabs>li a:hover {
    background-color: transparent;
    border-color: #c1c8d2;
    color: #000;
}

.tabFormList .tabs .nav.nav-tabs>li a .tips {
    position: absolute;
    display: block;
    top: 8px;
    right: 5px;
    width: 7px;
    height: 7px;
    line-height: 7px;
    border-radius: 18px;
    background: #35ce84;
    color: transparent;
}

.tabFormList .tabs .nav.nav-tabs>li a .tips.empty {
    background: #ddd;
}

.tabFormList .tabs .nav.nav-tabs>li.active>a {
    background: #fff;
    border-color: #c1c8d2;
    cursor: pointer;
    position: relative;
    color: #000;
    z-index: 9;
}

.tabFormList .tabs .nav.nav-tabs>li.active>a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #c1c8d2;
    z-index: 9;
    top: 0;
    left: 0;
}

.tabFormList .tabs .nav.nav-tabs>li.active>a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #000000;
    z-index: 9;
    top: auto;
    bottom: 0;
    left: 0;
}

.tabFormList .tabs .nav.nav-tabs.nav-tabs-fixedwidth>li a {
    width: 160px;
}

.tabFormList .tabs .tab-content {
    border: 1px solid #d9e9f8;
    margin-top: -1px;
}

.tabFormList .tabs.nspanel {
    margin-bottom: 0;
}

.tabFormList .tabs.nspanel .nav.nav-tabs {
    margin-bottom: 0;
}

.tabFormList .variablelist {
    background: #fff;
    padding: 10px;
    border: 1px solid #c1c8d2;
    margin-top: -2px;
}

.tabFormList .variablelist .dataTables_filter {
    top: 10px;
    right: 10px;
}

.nspop-container .nswindow .nspanel.variablelist {
    border: 1px solid #c1c8d2;
    margin-bottom: 0;
}

.treeTable.layout-planes {
    margin: 0 -6px;
}

.treeTable.layout-planes .nspanel-container.nspanel {
    padding: 0 6px;
}

.treeTable.layout-planes .nspanel-container.nspanel.layout-ztree .panel-container-panel .tree-title {
    margin-bottom: -1px;
    padding: 7px 10px;
    color: #000;
    font-weight: bold;
    border: 1px solid #d9e9f7;
    background: #e8f0f7;
    box-sizing: border-box;
}

.treeTable.layout-planes .nspanel-container.nspanel.layout-ztree .panel-container-panel .ztree {
    position: static;
    margin: 0;
}

.treeTable.layout-planes .nspanel-container.nspanel.layout-table .panel-container-content .btn-container-panel {
    right: 188px;
}

.treeTable.layout-planes .nspanel-container.nspanel.layout-table .panel-container-content.nspanel-container-forms-inline {
    padding-right: 182px;
}

.treeTable.layout-planes .panel-container-panel .dataTables_filter {
    right: 6px;
}

.form-control::-moz-placeholder {
    color: #dddddd;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #dddddd;
}

.form-control::-webkit-input-placeholder {
    color: #dddddd;
}

.panel-form .element-title {
    background-color: transparent;
}

.frame-standard table {
    border-color: #d5e0ef;
    border-top-color: #d5e0ef;
}

.frame-standard table.table thead tr th {
    background: #e8f0f7;
}

.frame-standard table.table-bordered thead:first-child>tr:last-child>th {
    border-color: #d5e0ef;
    color: #000000;
}

.frame-standard table.table-bordered tbody tr th,
.frame-standard table.table-bordered tbody tr td {
    border-color: #d5e0ef;
    color: #333333;
}

.frame-standard table.table-bordered tbody tr th {
    background: #f2f7fb;
}

.frame-standard table.table-bordered tbody tr:hover th,
.frame-standard table.table-bordered tbody tr:hover td {
    background: #f3f8fd;
    color: #56b1fc;
}

.frame-standard table.table-bordered tbody tr:hover th {
    background: #eaf3fc;
}

.frame-standard table.table-bordered tbody tr.selected th,
.frame-standard table.table-bordered tbody tr.selected td {
    background: #eff5fd;
    border-color: #d5e0ef;
    color: #1b64b7;
}

.frame-standard table.table-bordered tbody tr.selected:hover th,
.frame-standard table.table-bordered tbody tr.selected:hover td {
    background: #eff5fd;
    color: #1b64b7;
}

.frame-standard table .table-striped>tbody>tr:nth-child(odd)>td.success {
    background: #000;
}

.frame-standard .nstable-plus-panel>.nstable-plus-panel-tabs>a.nstable-plus-panel-tabs-tab {
    border-color: #d5e0ef;
}

.frame-standard .nstable-plus-panel>.nstable-plus-panel-tabs>a.nstable-plus-panel-tabs-tab:hover {
    background: #e6effc;
}

.frame-standard .nstable-plus-panel>.nstable-plus-panel-btns .btn i {
    color: #9eb7da !important;
}

.frame-standard .nstable-bottom {
    border-color: #d5e0ef;
}