:root {
    --jc-font-awesome: 'Font Awesome 6 Pro';
}


* {
    /* 	font-family: "Microsoft YaHei"; */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
    font-size: 12px;
    line-height: 180%;
    /*   font-family: "Microsoft YaHei"; */
}

a.link-no-underline,
a.link-no-underline:hover,
a.link-no-underline:focus {
    text-decoration: none;
}

a.link-gray {
    color: #999;
}

a.link-gray:hover {
    color: #000;
}

small.inner-form-has-error-help-block {
    color: #dd4b39;
    width: 100%;
}

pre {
    font-family: inherit;
}

input[type='checkbox'], input[type='radio'] {
    cursor: pointer;
}

.wrapper {
    min-height: 100%;
    position: absolute;
    overflow: hidden;
}

.content-wrapper {
    min-height: 100%;
    background-color: #fff;
    z-index: 800;
}

.nav-tabs li a {
    height: 40px;
}

.content {
    min-height: 250px;
    padding: 15px;
    margin-right: auto;
    margin-left: auto;
    /*     padding-left: 0px;
        padding-right: 0px; */
}

.j_btn_100px {
    min-width: 100px;
}

.content-header > .breadcrumb > li > a {
    color: #337ab7;
}

.modal-dialog.maxium > .modal-content {
    border-radius: unset;
}

.modal-dialog .modal-content .modal-body .bootbox-body {
    font-size: 16px;
}

/*j-transition*/
.ptransition.scale {
    transition-property: transform, visibility, opacity;
    transition-duration: 200ms;
    opacity: 0;
}

.popuper-content.ptransition.scale {
    transform: scale(.9, .9);
}

.popuper-content.ptransition.scale.scale-lg {
    transition-duration: 400ms;
    transform: scale(.6, .6);
}

.popuper-content.ptransition.scale.scale-sm {
    transform: scale(.98, .98);
}

.popuper[data-popper-placement="top-start"] > .popuper-content.ptransition.scale {
    transform-origin: left bottom;
}

.popuper[data-popper-placement="top-end"] > .popuper-content.ptransition.scale {
    transform-origin: right bottom;
}

.popuper[data-popper-placement="top"] > .popuper-content.ptransition.scale {
    transform-origin: bottom;
}

.popuper[data-popper-placement="bottom"] > .popuper-content.ptransition.scale {
    transform-origin: top;
}

.popuper[data-popper-placement="bottom-start"] > .popuper-content.ptransition.scale {
    transform-origin: left top;
}

.popuper[data-popper-placement="bottom-end"] > .popuper-content.ptransition.scale {
    transform-origin: right top;
}

.popuper {
    z-index: 99;
}

.popuper > .popuper-content {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #bbb;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    z-index: 100;
    display: none;
}

.popuper.show > .popuper-content {
    display: block;
}

.popuper.on-show > .popuper-content {
    display: block;
}

.popuper.on-close > .popuper-content {
    display: block;
}

.popuper.show > .popuper-content.ptransition.scale {
    transform: scale(1);
    opacity: 1;
}

.popuper > .popuper-content > .popuper-body {
    padding: 15px;
    height: calc(100% - 60px);
    overflow: auto;
    min-height: 80px;
}

.popuper > .popuper-content > .popuper-footer {
    padding: 15px;
    text-align: right;
}

.popuper.popuper-confirm > .popuper-content > .popuper-body {
    min-height: unset;
    text-align: center;
    padding: 10px;
}

.popuper.popuper-confirm > .popuper-content {
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
}

.popuper.popuper-confirm .confirm-cancel {
    color: #666;
}

/*----------------------------*/

.must-input {
    color: black;
}

.must-input:before {
    content: '\203B\a0';
    color: red;
    font-weight: bold;
}

.radius-box {
    display: inline-block;
    border: 1px solid #cccccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.input-xm {
    padding: 3px 5px;
    line-height: 100%;
    height: 25px;
}

.btn-xm {
    padding: 3px 5px;
    line-height: 100%;
    height: 25px;
}

table.my-table {
    overflow: auto;
}

table.my-table th input {
    width: 140px;
}

.my-table > thead > tr > th {
    vertical-align: top;
}

.error {
    color: red;
}

table.my-table-vmiddle > tbody > tr > td {
    vertical-align: middle
}

/* Base class */
.bs-docs-example {
    position: relative;
    margin: 15px 0;
    padding: 39px 19px 14px;
    *padding-top: 19px;
    background-color: #fff;
    border: 1px solid #2e6da4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* Echo out a label for the example */
.bs-docs-example:after {
    content: attr(data-name);
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    background-color: #286090;
    border: 1px solid #2e6da4;
    color: #fff;
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
}

/* Base class */
.j_docs {
    position: relative;
    margin: 15px 0;
    padding: 35px 45px;
    background-color: #fff;
    border: 1px solid #2e6da4;
    border-radius: 4px;
}

/* Echo out a label for the example */
.j_docs:after {
    content: attr(data-j-docsname);
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    background-color: #286090;
    border: 1px solid #2e6da4;
    color: #fff;
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
}

.j_docs.lightsalmon {
    border: 1px solid #FFA07A;
}

.j_docs.lightsalmon:after {
    background-color: #FFA07A;
    border: 1px solid #FFA07A;
}

.j_docs_gray {
    border: 1px solid #b3b3b3;
}

.j_docs_gray:after {
    background-color: #b3b3b3;
    border: 1px solid #b3b3b3;
}

.j_docs_gray.lightsalmon {
    border: 1px solid #b3b3b3;
}

.j_docs_gray.lightsalmon:after {
    background-color: #b3b3b3;
    border: 1px solid #b3b3b3;
}

#loading {
    display: none;
    position: fixed;
    z-index: 1000;
    /* 	background-color:#e9e9e9;
        opacity : 0.5;
     */
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    text-align: center;
}

/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.0);
}

/* :not(:required) hides these rules from IE9 and below */
/*
.loading:not(:required) {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
*/

.load-in-cover {
    display: block;
    position: fixed;
    z-index: 1000;
    background-color: rgba(250, 250, 250, 0.0);
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

.loading-dual-ring {
    display: inline-block;
    width: 64px;
    height: 64px;
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.loading-dual-ring:after {
    content: " ";
    display: block;
    width: 46px;
    height: 46px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid #4285f4;
    border-color: #4285f4 transparent #4285f4 transparent;
    animation: loading-dual-ring 1.2s linear infinite;
}

@keyframes loading-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spread-dot:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    right: 10px;
    border-radius: 50%;
    top: 13px;
    border: 1px solid #F56C6C;
    background-color: #F56C6C;
    z-index: 2;
}

.spread-dot:after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    right: 10px;
    border-radius: 50%;
    top: 12px;
    border: 1px solid #F56C6C;
    background-color: #F56C6C;
    z-index: 1;
    -webkit-animation: notify-pulse 1s infinite;
}

@-webkit-keyframes notify-pulse /* Safari and Chrome */
{
    0% {
        opacity: .8;
        transition: scale(0.8);
    }
    to {
        opacity: 0;
        transform: scale(4);
    }
}

#error {
    color: red;
    margin: 1px 0 10px 0;
    display: block;
}

#error .title {
    font-weight: bold;
    border: 10px;
    margin: 10px 0 5px 10px;
}

#error > ul {
    float: left;
}

#error > ul > li {
    list-style-type: decimal;
}


.j_checkbox {
    background-image: url(../img/check.png);
    background-repeat: no-repeat;
    background-size: 13px 13px;
    text-align: center;
    width: 13px;
    height: 13px;
}

.j_img-set {
    background-image: url(../img/HK_logo.png);
    background-repeat: no-repeat;
    background-size: 85px 85px;
    width: 85px;
    height: 85px;
    margin-left: 40px;
    vertical-align: middle
}

.must-input:before {
    content: '\203B\a0';
    color: red;
}

.content label {
    font-weight: normal;
}

thead > tr > th .j-checkbox label {
    font-weight: bold;
}

.j_edit_form label {
    font-weight: normal;
}

.j_jviewonly {
    display: block;
    width: 100%;
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    /*    border: 1px solid #F5F5F5; */
    border: 1px solid #ccc;
    background-color: #F5F5F5;
    border-radius: 3px;
    color: #555;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.j_modal .modal-header {
    height: 52px;
}

.modal-header .close {
    font-size: 28px;
    position: absolute;
    right: 11px;
    margin-top: unset;
    color: #000 !important;
    opacity: 0.5;
    text-shadow: 0 1px 0 #fff;
}

.modal-header .close:hover {
    opacity: 0.75;
}

.modal-header .close.modal-light-close {
    right: 15px;
}

.modal-light .modal-header .close.modal-light-close {
    line-height: 44px;
}

.modal-title {
    cursor: default;
    padding-left: 5px;
}

.modal-light .modal-title {
    padding-left: 20px;
    line-height: 52px;
}

.modal-header {
    border-bottom: 1px solid #dee2e6;
    background-color: #FFF;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-light .modal-header {
    padding: 0px;
    border-bottom: unset;
    background-color: unset;
    -webkit-border-top-left-radius: unset;
    -webkit-border-top-right-radius: unset;
    -moz-border-radius-topleft: unset;
    -moz-border-radius-topright: unset;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

.modal-file-open .modal-content {
    border: unset;
}

.modal.modal-file-open .modal-dialog {
    transform: unset;
}

.modal.modal-without-header.modal-file-open .modal-body {
    padding: 0px;
}

.modal-footer {
    padding: 9px;
}

.bootbox .modal-footer {
    padding: 1.75rem;
}

.bootbox .modal-body {
    padding: 1.75rem;
}

.bootbox .modal-body button.close {
    font-weight: 400;
    font-family: Arial;
    margin-top: -5px;
    float: right;
    line-height: 1;
    color: #000;
    text-shadow: none;
    opacity: .5;
}

.j-checkbox label {
    padding-left: 0px;
}

.j-checkbox .checkbox-inline div[class^="icheckbox"] {
    /*
    margin-right: 6px;
    margin-left: 6px;
    margin-top: -5px;
    */
    /*
    margin-left: 6px;
     */
    margin-right: 6px;
}

.j-checkbox .checkbox {
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: unset;
    min-height: unset;
    line-height: 30px;
}

.j-checkbox .checkbox-inline {
    padding-top: 0px;
    line-height: 30px;
}

.j-radio label {
    padding-left: 0px;
}

.j-radio div[class^="iradio"] {
    /*
    margin-right: 6px;
    margin-left: 6px;
    margin-top: -5px;
    */
    /*
    margin-left: 6px;
     */
    margin-right: 6px;
}

.j-radio .radio {
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: unset;
    min-height: unset;
    line-height: 30px;
}

.j-radio .radio-inline {
    padding-top: 0px;
    line-height: 30px;
}

.j_pagination {
    width: 100%;
    display: inlin-block;
    text-align: right;
    font-weight: bold;
}

.j_pagination_top {
    width: 100%;
    display: inlin-block;
    text-align: right;
    font-weight: bold;
    padding-bottom: 3px;
}

.j_pagination_top .j_pagination_message_show {
    padding-bottom: 5px;
}

.j_pagination_bottom {
    width: 100%;
    display: inlin-block;
    margin-top: -10px;
    padding-bottom: 10px;
    text-align: right;
    font-weight: bold;
}

.j_pagination_message_show {
    float: left;
    font-weight: normal;
}

#j_pagedropup {
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
}

#j_pagedropup button {
    padding: 0px 7px 0 7px;
}

#j_pagedropup .pgn {
    margin-right: 2px;
}

.pagination {
    margin: 0px;
    margin-bottom: 0px;
}

.j_table > thead > tr > th {
    /*
    vertical-align: top;
     */
    vertical-align: middle;
}

.j_table > tbody > tr > td {
    vertical-align: middle;
}

/*
.j_table thead th .sortable {
    cursor: pointer;
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 30px;
}
.j_table thead th .both {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC');
}
.j_table thead th .asc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==');
}

.j_table thead th .desc {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ');
}
*/

thead th .sortable {
    cursor: pointer;
    position: relative;
}

thead th .sortable:after {
    font-family: var(--jc-font-awesome);
    position: absolute;
    right: 15px;
}

thead th .sortable.both:after {
    content: '\f362';
    color: rgb(0, 0, 0, 0.3);
    transform: rotate(90deg);
}

thead th .sortable.asc:after {
    content: '\f884';
    color: rgb(0, 0, 0, 0.8);
    transform: none;
}

thead th .sortable.desc:after {
    content: '\f160';
    color: rgb(0, 0, 0, 0.8);
    transform: none;
}

.j_table td {
    word-break: break-all;
}

.modal-content .ui-resizable {
    display: inline-block;
    width: 100%;
    height: 100%;
}


.btn-group {
    white-space: nowrap;
    display: inline-flex;
}

.table-container-overflow-show {
    overflow: visible;
}

.j_file.normal-file,
.j_file.image-file.show-thumb-small:not(.simple) {
    width: 100%;
    height: 30px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

.shift-route-confirm .j_file.normal-file,
.shift-route-confirm .j_file.image-file.show-thumb-small:not(.simple),
body.j-view-only .j_file.normal-file,
body.j-view-only .j_file.image-file.show-thumb-small:not(.simple) {
    border: unset;
    border-radius: unset;
    border-bottom: 1px solid #ccc;
}

.j_file.simple {
    height: unset;
    padding: unset;
}

.j_file.normal-file.simple {
    border: unset;
    border-radius: unset;
    width: unset;
}

.j_file.normal-file .dropdown-menu {
    width: 100%;
}

.j_file.normal-file.simple .dropdown-menu {
    width: unset;
}

.j_file.normal-file.simple .badge.server-file-cnt {
    margin-left: 5px;
    background-color: #5cb85c;
}

.j_file.normal-file.simple .badge.server-file-cnt.not-exist {
    background-color: #ccc;
}

.j_file.image-file.simple .j_file_client_content {
    display: none;
}

.j_file .j_file_client_content .file-tools {
    margin-top: 20px;
    margin-bottom: 10px;
}

.j_file_client_content {
    margin-bottom: 20px;
}

.file-input .input-group .input-group-btn > .btn.btn-file {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.file-input .input-group .input-group-btn > .btn.fileinput-additonal {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.j_file + .j_file_client_content .file-caption {
    border-radius: 0px;
}

.j_file a.dropdown-toggle {
    width: 100%;
    display: inline-block;
    text-decoration: none;
    text-align: left;
    height: 100%;
    line-height: 100%;
}

.j_file .dropdown-menu {
    padding: 15px;
    min-width: 400px;
    font-size: 14px;
}

.j_file .dropdown-menu .table th,
.j_file .dropdown-menu .table td {
    border-right: unset;
}

.j_file .dropdown-menu ul.file-tools {
    float: right;
}

.j_file .dropdown-toggle .caret {
    display: inline-block;
    margin-left: 5px;
    color: #606266;
}

.j_file ul.file-caption {
    max-width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-flex;
    height: 100%;
    line-height: 100%;
    align-self: center;
}

.j_file ul.file-caption > .server {
    display: inline-block;
}

.j_file ul.file-caption > .client {
    display: inline-block;
    color: #555555;
    float: unset;
}

.j_file ul.file-caption > .client.no-server-files > i:before,
.j_file ul.file-caption > .client.no-server-files {
    color: #999;
}

.j_file ul.file-caption li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
    background-position: 0 center;
}

.j_file ul.file-caption li.file-not-exists {
    color: darkgray;
    text-decoration: line-through;
}

.j_file ul.file-caption > li > i[data-file-ext] {
    font-size: 16px;
    margin-right: 5px;
    float: left;
}

.modal.modal-file-open .modal-content {
    border-radius: unset;
    background-clip: unset;
}

.modal.modal-file-open .modal-footer {
    height: 80px;
    padding: 0px;
    position: absolute;
    right: 0;
    left: 0;
}

.modal.modal-file-open .modal-footer ul.file-footer {
    padding: 15px 20px 15px 20px;
    height: 100%;
    width: 100%;
}

.modal.modal-file-open .modal-footer ul.file-footer > li.file-title {
    text-align: left;
    padding-right: 20px;
    width: 60%;
    cursor: default;
}

.modal.modal-file-open .modal-footer ul.file-footer > li.file-tools {
    margin-left: 0px;
    text-align: right;
    width: 40%;
}

.modal.modal-file-open .modal-footer .file-preview-nav {
    text-align: center;
    width: 100%;
    margin-top: -77px;
    padding: 25px;
}

.modal.modal-file-open .modal-footer .file-preview-nav ul {
    margin-top: -8px;
}

.modal.modal-file-open .modal-footer .file-preview-nav ul > li.active {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #409eff;
}

.modal.modal-file-open .modal-footer .file-preview-nav .file-preview-prenext {
    cursor: pointer;
    font-size: 20px;
    color: #c0bebe;
    margin-top: -5px;
}

.modal.modal-file-open .modal-footer .file-preview-nav .file-preview-prenext.disabled {
    color: #e8e8e8;
    cursor: auto;
}

.modal.modal-file-open .modal-footer .file-preview-nav .file-preview-prenext.nav-pre {
    margin-right: 15px;
}

.modal.modal-file-open .modal-footer .file-preview-nav .file-preview-prenext.nav-next {
    margin-left: 15px;
}

.modal.modal-file-open .modal-footer .file-preview-nav ul > li {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    cursor: pointer;
    background-color: #d8d8d8;
}

.modal.modal-file-open .modal-footer ul.file-footer > li.file-title > ul > li.file-icon {
    line-height: 100%;
    font-size: 40px;
}

.modal.modal-file-open .modal-footer ul.file-footer > li.file-title > ul > li > .file-name {
    font-size: 14px;
    max-width: 450px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.modal.modal-file-open .modal-footer ul.file-footer > li.file-title > ul > li > .file-size {
    font-size: 14px;
    color: #999;
}

.modal.modal-file-open .modal-footer ul.file-footer > li.file-tools > ul > li:first-child {
    margin-right: 10px;
}

.table.popover-table-file-client th,
.table.popover-table-file-client td {
    font-size: 14px;
}

.table.popover-table-file-client > tbody > tr > td {
    line-height: 100%;
}

.table.popover-table-file-client > tbody > tr > td.popover-client-file-name {
    text-align: left;
    vertical-align: middle;
}

.table.popover-table-file-client > tbody > tr > td.popover-client-file-name i[data-file-ext] {
    font-size: 24px;
    margin-right: 8px;
    line-height: 100%;
    vertical-align: middle;
}

.table.popover-table-file-client > tbody > tr > td.popover-client-file-size {
    text-align: right;
    width: 100%;
    vertical-align: middle;
}

.j_file .dropdown-toggle .server-file-caption + .client-file-caption:before {
    content: '|';
}

.j_file .dropdown-toggle .badge {
    float: right;
    margin-top: 5px;
}

.j_file.simple .server-file-cnt.badge {
    margin-top: -2px;
}

.kv-avatar .file-preview-frame, .kv-avatar .file-preview-frame:hover {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    text-align: center;
}

.kv-avatar .file-input {
    display: table-cell;
    max-width: 220px;
}

.kv-avatar .file-footer-caption {
    display: none;
}

.kv-avatar .file-actions .file-drag-handle {
    display: none;
}

.kv-avatar .file-footer-buttons .kv-file-remove {
    display: none;
}

.cargo_background {
    color: #CD2626;
}

.j_help_block {
    background-color: #fbf4f3;
    color: #dd4b39;
}

.j_img_thumb {
    display: inline-block;
    padding: 3px;
    margin: 5px;
    width: 250px;
    height: 230px;
    background-color: #FFF;
    border: 1px solid gray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center;
}

.j_img_thumb img {
    width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
    /* 	position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        margin: auto;
        padding: 3px; */
}

.j_img_thumb_small {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.j_img_thumb_small img {
    width: 100%;
    height: auto;
    max-height: 100%;
}

.j_img_preview {
    display: inline-block;
    padding: 2px;
    margin: 5px;
    width: 80px;
    height: 80px;
    background-color: #FFF;
    border: 1px solid gray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*  	-webkit-box-shadow: #bebfbe 5px 5px 5px;
        -moz-box-shadow: #bebfbe 5px 5px 5px;
        box-shadow: #bebfbe 5px 5px 5px;  */
}

.j_img_preview img {
    width: 100%;
    height: auto;
    max-height: 100%;
}

.j_img_preview_small {
    position: relative;
    top: -2px;
    display: inline-block;
    padding: 1px;
    margin-right: 5px;
    width: 23px;
    height: 23px;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*   	-webkit-box-shadow: #bebfbe 1px 1px 1px;
        -moz-box-shadow: #bebfbe 1px 1px 1px;
        box-shadow: #bebfbe 1px 1px 1px;  */
}

.j_img_preview_small img {
    width: 100%;
    height: auto;
    max-height: 100%;
}

.j_file .file-caption-name .fa {
    display: none;
}

.j_file_image_client_trash_btn {
    display: block;
    position: absolute;
    top: 100%;
    left: 100%;
    margin-top: -30px;
    margin-left: -31px;
}

.j_file_image_client_btn_content {
    display: block;
    position: absolute;
    top: 100%;
    margin-top: -30px;
    width: 100%;
    height: 30px;
    text-align: right;
    padding: 0px 10px 0 0;
}

.j_img_preview_inner {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.j_img_preview_inner img {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
    max-height: 100%;
    /*    	-webkit-box-shadow: 0px 0px 1px 1px #c4c4c4;
        -moz-box-shadow: 0px 0px 1px 1px #c4c4c4;
        box-shadow: 0px 0px 1px 1px #c4c4c4; 	 */
}

.j_inner_table {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

.j_inner_table tr th {
    border-right: 1px solid rgb(221, 221, 221);
    padding: 5px;
}

.j_inner_table > thead > tr > th:last-child {
    border-right: 0px;
}

.j_inner_table td {
    border-bottom: 1px solid rgb(221, 221, 221);
    border-right: 1px solid rgb(221, 221, 221);
    padding: 5px;
    word-break: break-all;
    white-space: normal;
}

.j_inner_table > tbody > tr:last-child > td {
    border-bottom: 0px;
}

.j_inner_table > tbody > tr > td:last-child {
    border-right: 0px;
}

.popover {
    max-width: 800px;
}

.center-block {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 14px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: 1px
}

.icon-addon.addon-lg .form-control {
    line-height: 1.33;
    height: 46px;
    font-size: 18px;
    padding: 10px 16px 10px 40px;
}

.icon-addon.addon-sm .form-control {
    height: 30px;
    padding: 5px 10px 5px 28px;
    font-size: 12px;
    line-height: 1.5;
}

.icon-addon.addon-sm select.form-control {
    text-indent: 18px;
}

.icon-addon.addon-lg .fa {
    font-size: 18px;
    margin-left: 0;
    left: 11px;
    top: 4px;
}

.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}

.icon-addon.addon-sm .fa {
    margin-left: 0;
    font-size: 12px;
    left: 5px;
    top: -1px
}


.icon-addon .form-control:focus + .fa,
.icon-addon:hover .fa {
    color: #2580db;
}

.j_breakall {
    word-break: break-all;
    white-space: normal;
}

.j-break-all-table th,
.j-break-all-table td {
    word-break: break-all;
    white-space: normal;
}

.j_checkbox_disable {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0px;
    font-weight: normal;
    vertical-align: middle;
    cursor: normal;
}

.j_checkbox_disable i {
    color: gray;
    margin-left: -20px;
}

/*��ͬ��ӡ��ʽ*/
.copyReview1 {
    margin-left: 16px;
}

.copyReview2 {
    margin-left: 30px;
}

.j_adv_search.checkbox {
    display: inline-block;
    margin-right: 10px;
    padding-top: 0;
}

.j_adv_search input[type=checkbox] {
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.j_adv_search label {
    color: gray;
    vertical-align: middle;
}

.j_adv_search input[type=checkbox]:hover + .j_label_text {
    color: #000000;
}

.j_adv_search input[type=checkbox]:checked + .j_label_text {
    color: #000000;
}

.j_adv_search label[data-toggle="collapse"] > .j_label_text > i {
    transition-duration: 0.3s;
}

.j_adv_search label[data-toggle="collapse"][aria-expanded="true"] > .j_label_text > i {
    transform: rotate(180deg);
}

.j_icon {
    margin-right: 5px;
}

.j_flow_signer_warning_message {
    margin-top: -15px;
    color: red;
}

.j_user_pending {
    /*
    background-image: url(../img/user.png);
    background-repeat:no-repeat;
    background-size:12px 12px;
    background-position:left;
    padding-left: 22px;
    */
    padding-left: 5px;
    font-weight: 900;
}

.j_user_pending::before {
    font-family: var(--jc-font-awesome);
    content: '\f007';
    font-size: 16px;
    margin-right: 5px;
}

.j_user_next {
    /*
    background-image: url(../img/user_next.png);
    background-repeat:no-repeat;
    background-size:12px 12px;
    background-position:left;
    padding-left: 22px;
    */
    padding-left: 5px;
    font-weight: 900;
}

.j_user_next::before {
    font-family: var(--jc-font-awesome);
    content: '\f007';
    font-size: 16px;
    margin-right: 5px;
    color: #04e404;
}

.j_user_approved {
    /*
    background-image: url(../img/user_approved.png);
    background-repeat:no-repeat;
    background-size:12px 12px;
    background-position:left;
    padding-left: 22px;
    */
    padding-left: 5px;
    font-weight: 900;
}

.j_user_approved::before {
    font-family: var(--jc-font-awesome);
    content: '\f007';
    font-size: 16px;
    margin-right: 5px;
    color: rgb(0, 0, 0, 0.3);
}

.j_flow_arrow_down {
    background-image: url(../img/arrow_down.png);
    background-repeat: no-repeat;
    background-size: 50px 20px;
    background-position: center;
    text-align: center;
    width: 100%;
    height: 20px;
    display: inline-block;
}

.j_flow_branch_parallel {
    background-image: url(../img/arrow_right.png);
    background-repeat: no-repeat;
    background-size: 20px 30px;
    background-position: left;
    margin: 0;
    padding: 0;
    margin-left: -3px;
    padding-left: 21px;
    display: inline-block;
    width: 100%;
}

.j_approver_active {
    color: #99CC66;
}

.j_branch_table {
    height: 100%;
}

.j_message_li_index {
    color: #444444;
    font-weight: normal;
    margin-right: 5px;
    cursor: pointer;
}

.j_approver_comment textarea {
    resize: none;
}

.j_tabFlowConfirm {
    min-width: 700px;
}

.input-group .bootstrap-select.form-control {
    z-index: inherit;
}

.input-group .bootstrap-select > .btn:first-child {
    margin-left: 1px;
}

.input-group .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: auto;
}

.j_table_toolbar {
    float: right;
}

.j_table_toolbar > .dropdown > ul {
    padding: 10px 0px 10px 0px;
}

.j_table_toolbar > .dropdown > ul > li {
    padding-left: 15px;
    padding-right: 15px;
}

.j_drowdown_left {
    position: absolute;
    right: 0;
    left: auto;
}

.j_affix {
    background-color: white;
}

.j_affix.affix {
    width: -webkit-calc(100% - 270px);
    width: -moz-calc(100% - 270px);
    width: calc(100% - 270px);
    padding-right: 15px;
}

.j_affix.affix .j_affix_inner {
    display: inline-block;
    width: 100%;
    margin-right: 15px;
    border-bottom: 1px solid #9e9a9a;
}

.j_file .dropdown-menu table td {
    text-align: left;
}

.j_file .dropdown-menu .file-size {
    text-align: right;
}

.j_file .dropdown-menu table .th-file-action {
    width: 50px;
}

.j_file .dropdown-menu .file-icon {
    width: 30px;
    vertical-align: top;
    padding-right: 3px;
}

.j_file .dropdown-menu .file-icon > i {
    font-size: 33px;
    line-height: 120%;
}

.j_file .dropdown-menu .file-action {
    text-align: center;
}

.j_file .dropdown-menu .file-action button {
    width: 15px;
}

.j_file .dropdown-menu .file-action button.btn-file-download > i {
    color: #5cb85c;
}

.j_file .dropdown-menu .file-action button.btn-file-delete > i {
    color: #f56c6c;
}

.j_file .dropdown-menu .file-action button.btn-file-return > i {
    color: #409eff;
}

.j_file .dropdown-menu tr.file-to-delete > td {
    text-decoration: line-through;
    background-color: whitesmoke;
    color: darkgray;
}

.j_file .dropdown-menu tr.file-to-delete > td.file-icon {
    text-decoration: unset;
}

.j_file .dropdown-menu tr.file-to-delete > td .file-name-only > a {
    text-decoration: line-through;
}

.j_file .dropdown-menu .file-not-exist .file-name {
    color: darkgray;
    text-decoration: line-through;
}

.j_fileinput_server_name_sumery.file-not-exist {
    color: darkgray;
    text-decoration: line-through;
}

.j_file .dropdown-menu .file-name {
    text-align: left;
    vertical-align: middle;
}

.j_file .dropdown-menu .file-name .file-name-only {
    line-height: 100%;
}

.j_file .dropdown-menu .file-name .file-date {
    font-size: 12px;
    color: #999;
    height: 12px;
    margin-top: 2px;
}

.j_file .dropdown-menu .file-name a {
    white-space: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    display: inline-block;
    height: 16px;
    line-height: 16px;
}

.j_file .dropdown-menu .file-name i {
    margin-right: 5px;
}

.j_file th {
    text-align: left;
    vertical-align: middle !important;
}

th.th-file-name {
    text-align: left;
    line-height: 30px !important;
}

th.th-file-size {
    width: 68px;
    text-align: right;
}

.j_file th.th-file-action {
    width: 68px;
    text-align: right;
}

.j_fileinput_server_name_sumery {
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.j_fileinput_server_name_sumery.view {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    height: 12px;
}

.j_text_ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.j_textarea_resize_both {
    resize: both;
}

.j_textarea_resize_vertical {
    resize: vertical;
}

.j_textarea_resize_horizontal {
    resize: horizontal;
}

.j_textarea_resize_none {
    resize: none;
}

.j_textarea_scroll_hide {
    overflow-x: hidden;
}

.j_popover_content {
    font-size: 12px;
}

.j_formtag_comment {
    color: #888888;
}

.j_inner_form_group.j_has_error .j_inner_error_mark {
    border-color: #dd4b39;
}

.inner-form-has-error, .inner-form-has-error:hover {
    border-color: #dd4b39;
    color: #dd4b39 !important;
}

.inner-form-has-error + .tooltip {
    white-space: nowrap;
}

.inner-form-has-error + .tooltip > .tooltip-inner:before {
    font-family: "Font Awesome 6 Pro";
    content: '\f071';
    font-weight: 900;
    margin-right: 3px;
}

.inner-form-has-error + .tooltip > .tooltip-inner {
    padding: 5px 10px;
    color: #a94442;
    background-color: #f2dede;
}

.inner-form-has-error + .tooltip > .tooltip-arrow {
    border-top-color: #f2dede;
}

.btn.btn-link.btn-classic {
    color: #333;
}

.btn.btn-link.btn-classic:hover, .btn.btn-link.btn-classic:focus {
    text-decoration: none;
}

.btn.btn-link.btn-classic.inner-form-has-error {
    color: #dd4b39;
    border: 1px solid transparent;
}

.btn.btn-link.btn-classic-blue {
    color: rgb(51, 122, 183);
}

.btn.btn-link.btn-classic-blue:hover, .btn.btn-link.btn-classic-blue:focus {
    text-decoration: none;
}

.btn.btn-link.btn-classic-blue.inner-form-has-error {
    color: #dd4b39;
    border: 1px solid transparent;
}

.shadow-md {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

table.j_table > tbody > tr:hover > td {
    background-color: #fcf0f3;
}

.j_modal_body {
    padding: 0px 0px 3px 0px;
}

.j_modal.modal-type-direct .j_modal_body {
    overflow: auto;
}

.modal.modal-without-header .modal-body {
    padding-top: 5px;
}

.j3-return {
    position: absolute;
    right: 0;
    top: 0;
}

.j3-return-colorbox {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 2px;
    margin-right: 3px;
    margin-left: 7px;
}

.j3-return-caption {
    display: inline-block;
}

.j3-return-label {
    display: inline-block;
    font-size: 12px;
}

.jchart-container {
    position: relative;
}

.jchart-nav {
    height: 25px;
    line-height: 25px;
    width: 100%;
    padding-right: 5px;
}

.jchart-breadcrumb {
    padding: 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb.jchart-breadcrumb > li + li:before {
    content: "\f054";
    font-family: "Font Awesome 6 Pro";
    font-weight: 700;
}

.jchart-return {
    display: none;
    float: right;
}

.jchart-return-colorbox {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 2px;
    margin-right: 3px;
    margin-left: 7px;
}

.jchart-return-caption {
    display: inline-block;
    padding-left: 5px;
}

.jchart-return-label {
    display: inline-block;
    font-size: 12px;
}


.c3-xgrid, .c3-ygrid {
    stroke-dasharray: 0;
}

.c3-grid line {
    stroke: #eee;
}

.j-back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 45px;
    right: 16px;
    display: none;
    background-color: #00c0ef;
    color: white;
    box-shadow: 6px 6px 5px rgba(0, 0, 0, 0.2);
    z-index: 20;
    transition: all 1s linear;
    opacity: 0.2;
}

.j-back-to-top:hover {
    opacity: 1;
}

.j-back-to-top > i {
    vertical-align: middle
}

.j-navi-filter {
    margin-top: 0px;
    padding: 5px 10px 5px 10px;
}

.j-navi-filter input {
    background-color: #374850;
    border: 1px solid transparent;
}

.j-navi-filter input:focus {
    background-color: #fff;
}

.j_message_li {
    background-color: #fff;
}

.j_message_li.readed {
    background-color: #F0F0F0;
}

.j_message_li .j_message_apname {
    display: inline-block;
    font-size: 14px;
    color: #666;
}

.j_message_li .j_message_apname:before {
    content: '#';
}

.j_message_li .j_message_apname:after {
    content: '/';
}

/* message-type */
li[data-j-message-type] .label.message-type,
.label[class*="message-type-"] {
    background-color: rgba(0, 0, 0, 0.05);
    color: #666;
    margin-left: 8px;
    padding: 1px 5px;
    font-weight: normal;
}

li[data-j-message-type="10_20_30"] .label.message-type,
.label.message-type-10_20_30 {
    background-color: #16aaff;
    color: #fff;
}

li[data-j-message-type="10"] .label.message-type,
.label.message-type-10 {
    background-color: #16aaff;
    color: #fff;
}

li[data-j-message-type="20"] .label.message-type,
.label.message-type-20 {
    background-color: #16aaff;
    color: #fff;
}

li[data-j-message-type="30"] .label.message-type,
.label.message-type-30 {
    background-color: #16aaff;
    color: #fff;
}

li[data-j-message-type="40"] .label.message-type,
.label.message-type-40 {
    background-color: #d9534f;
    color: #fff;
}

li[data-j-message-type="50"] .label.message-type,
.label.message-type-50 {
    background-color: #00a65a;
    color: #fff;
}

li[data-j-message-type="99"] .label.message-type,
.label.message-type-99 {
    background-color: #ffba5f;
    color: #fff;
}

li[data-j-message-type="999"] .label.message-type,
.label.message-type-999 {
    background-color: #d9534f;
    color: #fff;
}

li[data-j-message-type="60"] .label.message-type,
.label.message-type-60 {
    background-color: #E6A23C;
    color: #fff;
}

li[data-j-message-type="70"] .label.message-type,
.label.message-type-70 {
    background-color: #00e5e6;
    color: #fff;
}

li[data-j-message-type="80"] .label.message-type,
.label.message-type-80 {
    background-color: #ffc51a;
    color: #fff;
}

li[data-j-message-type="90"] .label.message-type,
.label.message-type-90 {
    background-color: #ff0000;
    color: #fff;
}

li[data-j-message-type="100"] .label.message-type,
.label.message-type-100 {
    background-color: #909399;
    color: #fff;
}

li[data-j-message-type] i.message-type,
i[class*="message-type-"] {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    display: inline-block;
    font-size: 14px;
    width: 20px;
    font-style: normal;
}

li[data-j-message-type="10_20_30"] i.message-type:before,
i.message-type-10_20_30:before {
    content: "\f4ff";
    color: #16aaff;
}

li[data-j-message-type="40"] i.message-type:before,
i.message-type-40:before {
    content: "\f0e2";
    color: #d9534f;
}

li[data-j-message-type="50"] i.message-type:before,
i.message-type-50:before {
    content: '\f3c1';
    color: #00a65a;
}

li[data-j-message-type="60"] i.message-type:before,
i.message-type-60:before {
    content: "\f02e";
    color: #E6A23C;
}

li[data-j-message-type="100"] i.message-type:before,
i.message-type-100:before {
    content: '\f086';
    color: #606266;
}

i.urgent-message {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    margin-right: 5px;
}

i.urgent-message:before {
    content: '\f06a';
    color: #F56C6C;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li.j_message_li.readed > a > h4 {
    font-size: 12px;
    font-weight: normal;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li.j_message_li > a > p {
    margin-top: 5px;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li.j_message_li.readed > a > p {
    color: #888888;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
    background: #f4f4f4;
}

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
    width: 35px;
    height: 35px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f5f5f5;
}

.zeropm {
    margin: 0px;
    padding: 0px;
}

/*chart*/
.c3.chart.lg .c3-axis-x g,
.c3.chart.lg .c3-axis-y g,
.c3.chart.lg .c3-legend-item-data text,
.c3.chart.lg .c3-axis-y-label,
.c3.chart.lg .c3-axis-x-label,
.c3.chart.lg .c3-legend-item {
    font-size: 12px;
}

.c3.chart.black .c3-axis-x path, .c3 .c3-axis-x line {
    stroke: #e0e0e0;
}

.c3.chart.black .c3-axis-y path, .c3 .c3-axis-y line {
    stroke: #e0e0e0;
}

.c3.chart.black .c3-axis-x path,
.c3.chart.black .c3-axis-x line,
.c3.chart.black .c3-axis-y path,
.c3.chart.black .c3-axis-y line {
    stroke: #e0e0e0;
}

.c3.chart.black .c3-axis-x g,
.c3.chart.black .c3-axis-y g,
.c3.chart.black .c3-legend-item-data text,
.c3.chart.black .c3-axis-y-label,
.c3.chart.black .c3-axis-x-label,
.c3.chart.black .c3-legend-item {
    fill: #e0e0e0;
}

.c3.chart.black text.c3-text {
    fill: #e0e0e0 !important;
    stroke: #e0e0e0 !important;
    stroke-opacity: 0.3 !important;
}

.c3.chart.black .c3-grid line {
    stroke: #4f4f4f;
}

.c3.chart.black {
    background: linear-gradient(to right, #2c2c2c, #1f1f1f);
    color: #fff;
    border-bottom: 0px;
}

.c3.chart.primary {
    border-color: #187da0;
    background-color: #20a8d8 !important;
}

.c3.chart.info,
.c3.chart.warning,
.c3.chart.danger,
.c3.chart.primary {
    border-radius: 3px;
}

.c3.chart.info .c3-axis-x g,
.c3.chart.info .c3-axis-y g,
.c3.chart.info .c3-legend-item-data text,
.c3.chart.info .c3-axis-y-label,
.c3.chart.info .c3-axis-x-label,
.c3.chart.info .c3-legend-item,
.c3.chart.warning .c3-axis-x g,
.c3.chart.warning .c3-axis-y g,
.c3.chart.warning .c3-legend-item-data text,
.c3.chart.warning .c3-axis-y-label,
.c3.chart.warning .c3-axis-x-label,
.c3.chart.warning .c3-legend-item,
.c3.chart.danger .c3-axis-x g,
.c3.chart.danger .c3-axis-y g,
.c3.chart.danger .c3-legend-item-data text,
.c3.chart.danger .c3-axis-y-label,
.c3.chart.danger .c3-axis-x-label,
.c3.chart.danger .c3-legend-item,
.c3.chart.primary .c3-axis-x g,
.c3.chart.primary .c3-axis-y g,
.c3.chart.primary .c3-legend-item-data text,
.c3.chart.primary .c3-axis-y-label,
.c3.chart.primary .c3-axis-x-label,
.c3.chart.primary .c3-legend-item {
    fill: #fff;
}

.c3.chart.info {
    border-color: #187da0;
    background-color: #63c2de !important;
}

.c3.chart.warning {
    border-color: #c69500;
    background-color: #ffc107 !important;
}

.c3.chart.danger {
    border-color: #f5302e;
    background-color: #f86c6b !important;
}

.j-box-shadow {
    -webkit-box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 5px 35px 0 rgba(0, 0, 0, .3);
}

.j-box-radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.j-data-alerm-sucess {
    color: #5cb85c;
}

.j-data-alerm-danger {
    color: #FF0000;
}

.j-data-alerm-warning {
    color: #FF9900;
}

.j-data-alerm-remind {
    color: #ffcc00;
}

.tt-hint {
    color: #999
}

.tt-menu {
    width: 100%;
    margin: 12px 0;
    padding: 4px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 14px;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}

.twitter-typeahead {
    width: 100%;
}

.twitter-typeahead > pre {
    display: unset;
    padding: unset;
}

.twitter-typeahead > .form-control.tt-input {
    background-color: transparent;
}

body:not(.j-view-only) .twitter-typeahead > .form-control.tt-input[disabled],
body:not(.j-view-only) .twitter-typeahead > .form-control.tt-input[readonly] {
    background-color: #f5f5f5;
}

@media screen, print {
    .j_page_break_before_always {
        page-break-before: always;
    }

    .j_page_break_after_always {
        page-break-after: always;
    }
}

.form-control.simple {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.form-control.simple:focus, .form-control.simple:active {
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    box-shadow: none;
}

.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) .form-control[disabled],
.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) .form-control[readonly],
.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) fieldset[disabled] .form-control,
body.j-view-only .form-control[disabled],
body.j-view-only .form-control[readonly],
body.j-view-only fieldset[disabled] .form-control {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    background-color: transparent !important;
}

.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) td .j-inner-box input.form-control,
.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) input.form-control,
body.j-view-only td .j-inner-box input.form-control,
body.j-view-only input.form-control {
    border: none;
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px !important;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) td .j-inner-box input.form-control:focus,
.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) td .j-inner-box input.form-control:active,
.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) input.form-control:focus,
.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) input.form-control:active,
body.j-view-only td .j-inner-box input.form-control:focus,
body.j-view-only td .j-inner-box input.form-control:active,
body.j-view-only input.form-control:focus,
body.j-view-only input.form-control:active {
    border-bottom: 1px solid #ddd;
    box-shadow: none;
}

.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) td input.form-control,
.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) td input.form-control:focus,
.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) td input.form-control:active,
body.j-view-only td input.form-control,
body.j-view-only td input.form-control:focus,
body.j-view-only td input.form-control:active {
    border: none;
}

.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) td .j-inner-box .input-group .input-group-addon,
.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) .input-group .input-group-addon,
body.j-view-only td .j-inner-box .input-group .input-group-addon,
body.j-view-only .input-group .input-group-addon {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid #ddd;
}

.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) td .input-group .input-group-addon,
body.j-view-only td .input-group .input-group-addon {
    background-color: transparent;
    border: 0px;
}

.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) .input-group,
body.j-view-only .input-group {
    width: 100%;
}

.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) .input-group .input-group-btn > button[disabled],
body.j-view-only .input-group .input-group-btn > button[disabled] {
    display: none;
}

.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) .input-group .input-group-btn > button:not(disabled),
body.j-view-only .input-group .input-group-btn > button:not(disabled) {
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    background-color: transparent;
    border-bottom: 1px solid #ddd;
    background-color: transparent;
}

.shift-route-confirm .tab-pane:not(.tab-route-content) td .input-group .input-group-btn > button:not(disabled),
body.j-view-only td .input-group .input-group-btn > button:not(disabled) {
    border: none;
}

.shift-route-confirm .tab-pane:not(.tab-route-content) .input-group .input-group-btn > button:not(disabled):active,
.shift-route-confirm .tab-pane:not(.tab-route-content) .input-group .input-group-btn > button:not(disabled):focus,
.shift-route-confirm .tab-pane:not(.tab-route-content) .input-group.input-group-btn > button:not(disabled):hover,
body.j-view-only .input-group .input-group-btn > button:not(disabled):active,
body.j-view-only .input-group .input-group-btn > button:not(disabled):focus,
body.j-view-only .input-group.input-group-btn > button:not(disabled):hover {
    color: #00c0ef;
}

body .j-select {
    min-height: 30px;
}

.shift-route-confirm .tab-pane:not(.tab-route-content) .j-select > .bootstrap-select.disabled,
body.j-view-only .bootstrap-select.disabled {
    box-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    background-color: transparent;
}

.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) .j-select > .bootstrap-select.disabled > button.dropdown-toggle,
body.j-view-only .bootstrap-select.disabled > button.dropdown-toggle {
    border-radius: 0px;
    color: #555;
    opacity: 1;
    border-color: transparent !important;
    border-bottom: 1px solid #ccc !important;
    background-color: transparent;
}

.shift-route-confirm .tab-pane:not(.tab-route-content) td .j-select > .bootstrap-select.disabled > button.dropdown-toggle,
body.j-view-only td .bootstrap-select.disabled > button.dropdown-toggle {
    border-bottom: transparent;
}

.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) .j-select > .bootstrap-select.disabled > button.dropdown-toggle > .bs-caret,
body.j-view-only .bootstrap-select.disabled > button.dropdown-toggle > .bs-caret {
    display: none;
}

.tab-content.shift-route-confirm .tab-pane:not(.tab-route-content) .j_file .j_file_client_content,
body.j-view-only .j_file .j_file_client_content {
    display: none;
}

.j_text_area_view_only {
    display: none;
    font-size: 12px;
}

.tab-content.shift-route-confirm > .tab-pane:not(.tab-route-content) textarea,
body.j-view-only textarea {
    display: none;
}

.tab-content.shift-route-confirm > .tab-pane:not(.tab-route-content) pre.j_text_area_view_only,
body.j-view-only td .j-inner-box pre.j_text_area_view_only,
body.j-view-only pre.j_text_area_view_only {
    display: block;
    min-height: 30px;
    word-break: break-all;
    white-space: pre-line;
    padding: 5px 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #ddd;
    background-color: transparent;
    color: #555;
}

.shift-route-confirm td pre.j_text_area_view_only,
body.j-view-only td pre.j_text_area_view_only {
    border: 0px;
}

body.j-view-only.masterrect .input-group {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
}

body.j-view-only.masterrect input.form-control {
    border: none;
}

body.j-view-only.masterrect .input-group .input-group-btn > button:not(disabled) {
    border: none;
}

body.j-inputmaster-simple input.form-control:focus,
body.j-inputmaster-simple input.form-control:active {
    box-shadow: none;
}

body.j-inputmaster-simple .input-group {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
}

body.j-inputmaster-simple input.form-control {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

body.j-inputmaster-simple .input-group .input-group-btn > button {
    border: none;
    background-color: transparent;
}

.j_icheckbox, .j_iradio {
    display: none;
}

[class^="j-flow-status"] > span.label {
    background-color: #bebebe;
    color: #fff;
}

.j-flow-status > span.label {
    background-color: #bebebe;
}

.j-flow-status1 > span.label {
    background-color: #41CAC0;
}

.j-flow-status4 > span.label {
    background-color: #d9534f;
}

.j-flow-status5 > span.label {
    background-color: #00a65a;
}

.j-flow-status2 > span.label {
    background-color: #58C9F3;
}

.tag-list {
    overflow: hidden;
    margin-right: 0
}

.tag-list li.tag-item {
    display: inline-block;
    float: left;
    position: relative;
    border: 1px solid #e5efec !important;
    /* border-radius:3px; */
    background-color: #fff !important;
    height: 30px;
    margin-right: 10px;
    cursor: pointer;
    padding: 3px 5px 0 5px;
}

.tag-list li.tag-item:hover {
    border-color: #00a1d6 !important;
    color: #00a1d6 !important;
}

.tag-list li.tag-item.on {
    background-color: #00a1d6 !important;
    color: #fff !important;
    border-color: #00a1d6 !important;
}

.tag-list li.tag-item.on .tag-a, .tag-list li.tag-item.on .tag-a:hover {
    color: #fff !important;
    text-decoration: none;
}

.tag-list li.tag-item .tag-a {
    display: block;
    line-height: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #222 !important;
    padding: 0 10px;
    text-decoration: none;
}

.tag-list li.tag-item .tag-a:hover {
    color: #00a1d6 !important;
}

.tag-label {
    margin: 5px 0 5px 0;
}

.j-transition {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.j-transition-fast {
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1 ease;
}

.badge.file {
    margin: -1px 5px 0 3px;
}

.badge.file.view.exist {
    background-color: #5cb85c;
}

.badge.file.view.not-exist {
    background-color: #ccc;
}

/*chart*/
.chart-form {
    height: calc(100% - 90px);
    display: inline-block;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
}

.chart-left-content {
    height: calc(100% - 40px);
}

.chart-left-content > .chart-container {
    /* float: left;  */
    height: 100%;
    min-height: 300px;
    width: 100%;
    display: inline-block
}

.chart-container > .chart {
    height: 100%;
    padding: 0;
}

.chart-resize {
    float: right;
    margin-right: 20px;
}

/*.chart-resize > .maximum > .glyphicon:before {*/
/*	content: "\e096";*/
/*}*/
/*.chart-margin-maximum .chart-resize > .maximum > .glyphicon:before {*/
/*	content: "\e097";*/
/*}*/
.chart-margin-maximum {
    width: 100%;
}

.chart-content {
    float: left;
}

.chart-table-content {
    padding-left: 30px;
}

.chart.table-view.max > .chart-table-content {
    padding-left: 0px;
}

.chart-table-content {
    float: left;
    display: block;
    height: 100%;
}

.chart-table-content .table-responsive {
    max-height: calc(100% - 40px);
    overflow: auto;
    position: relative;
    width: 100%;
}

.chart-table-content .table-responsive.chart-table-container-shadow {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #EBEEF5;
    padding: 30px;
    border-radius: 3px;
    margin: 10px 20px 40px 10px;
    transition: 0.3s;
}

.chart-table-content .table-responsive > table.table {
    margin-bottom: 0px;
}

.chart-table-content .table-responsive > table.table .badge.sum-value {
    float: right;
    font-weight: normal;
    padding: 2px 5px;
    border-radius: 3px;
    margin-left: 5px;
}

.chart-table-content .table-responsive > table.table td.data-value > .value {
    padding-right: 10px;
    width: 100%;
    white-space: nowrap;
    font-weight: normal;
    color: #777;
    font-size: 14px;
}

.chart-table-content .table-responsive > table.table td.data-value > .value.pointer {
    color: #337ab7;
    cursor: pointer;
    display: inline-block;
    text-decoration: underline;
}

.chart-table-content .table-responsive > table.table td.data-value > .value > .series-mark {
    max-width: 80%;
    width: 0px;
    height: 10px;
    display: table-cell;
    margin-right: 5px;
    float: left;
    margin-top: 6px;
    transition: width 1s linear, opacity 0.2s ease-out;
}

/*
.chart-table-content .table-responsive > table.j_table.default > tbody > tr:hover > td.xaxis {
	background-color: unset;
}
*/
.chart-table-content .table-responsive > table.table td.data-value > .value.pointer > .series-mark {
    box-shadow: 0 0px 8px 0 rgba(0, 0, 0, 0.2);
}

.chart-table-content .table-responsive > table.table td.data-value > .value.pointer:hover > .series-mark {
    opacity: 0.8;
}

.chart-table-content > .title {
    font-size: 16px;
    font-weight: bold;
    color: #666;
    text-align: left;
    width: 100%;
    margin-bottom: 5px;
}

.chart-table-view-tools {
    text-align: right;
    padding-top: 5px;
    line-height: 120%;
    float: right;
}

.chart-table-view-tools > ul {
    list-style-type: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.chart-table-view-tools > ul > li {
    margin: 0;
    padding: 0;
    float: left;
    margin-left: 3px;
}

.chart-table-view-tools li.maxmin-btn {
    margin-left: 15px;
}

.chart-table-view-tools a {
    color: #ccc !important;
    transition: all 0.3s ease;
}

.chart-table-view-tools li > a:hover,
.chart-table-view-tools li.active > a {
    color: #444 !important;
}

.chart-table-view-tools a > i {
    font-size: 16px;
}

.chart-table-content > table {
    width: 100%;
}

.chart-table-content .title-no-data {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
}

.chart-margin-maximum.chart-right-content {
    margin-top: 50px;
}

.chart-right-content {
    height: 100%;
}

.chart > .ctx {
    width: 100%;
    display: block;
}

.chart > .ctxTable {
    display: none;
}

.chart.table-view > .ctx {
    width: 60%;
    display: block;
}

.chart.table-view > .ctxTable {
    width: 40%;
    display: block;
    float: right;
}

.chart.table-view.max > .ctx {
    display: none;
}

.chart.table-view.max > .ctxTable {
    width: 100%;
    display: block;
    transition: width .15s ease-out;
}

.chart-filter > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-left: 5px;
}

.chart-filter > ul > li {
    float: left;
    margin-right: 10px;
}

.chart-filter > ul > li:not(:last-child):after {
    margin-left: 5px;
    content: ''
}

.chart-filter > ul > li > a {
    text-decoration: none;
    display: inline-block;
}

.chart-filter > ul > li > .dropdown-menu {
    padding: 20px;
    width: 100%;
    margin-left: 10px;
    margin-top: 10px;
}

.loader {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    display: none;
    z-index: 999;
    background-color: #ffffff91;
}

.loader > .inner {
    position: relative;
    text-align: center;
    top: calc(50% - 30px);
    vertical-align: middle;
}

.loader > .inner > i {
    font-size: 18px;
}

.dropdown-hover:hover .dropdown-menu {
    display: block;
    margin-top: 0px;
}

.chart-filter > ul > li > .dropdown-menu .filter-title {
    font-size: 18px;
    margin-bottom: 10px;
}

.chart-filter > ul > li > a > .filter-title:after {
    content: '';
}

.chart-filter > ul > li > a > .filter-title {
    color: #666;
    margin-right: 3px;
}

.chart-filter > ul > li > a.dropdown-toggle {
    display: inline-block;
    float: left;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chart-filter > ul .tag-list li.tag-item {
    margin: 7px;
}

.chart-filter > ul > li.open .triangle {
    display: block;
}

.jgs-tools {
    position: relative;
    display: inline-block;
    float: right;
}

.jgs-tools > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

:not(.jgs-popped) > .jgs-tools {
    margin-right: 5px;
}

.jgs-with-tools > .grid-stack-item-content.jgs-popped .chart-container > .chart {
    margin-top: 30px;
}

.jgs-tools > ul > li {
    float: left;
    margin-left: 10px;
}

.jgs-tools > ul > li i {
    font-size: 14px;
    color: #999;
}

.jgs-tools > ul > li a:hover > i {
    color: #444;
}

.grid-stack-item > .grid-stack-item-content.jgs-popped .jgs-tools > ul > li.jgs-tool-minimum {
    display: none;
}

.grid-stack-item > .grid-stack-item-content.jgs-minimumed:not(.jgs-popped) .chart-container {
    display: none;
}

.grid-stack-item > .grid-stack-item-content .jgs-title {
    font-size: 20px;
    display: none;
    margin-top: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-stack-item > .grid-stack-item-content.jgs-minimumed:not(.jgs-popped) .jgs-title {
    display: block;
}

.grid-stack-item > .grid-stack-item-content.jgs-popped .jgs-tools > ul > li.jgs-tool-popwin i {
    font-size: 40px;
    margin-bottom: 20px;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content.jgs-popped {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1040;
    border-radius: 0;
}

.grid-stack-item > .grid-stack-item-content.jgs-popped .jgs-tool-mini {
    display: none;
}

.triangle {
    position: absolute;
    display: none;
    margin-top: 15px;
    z-index: 2000;
}

.triangle:before {
    position: absolute;
    content: "";
    top: -15px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ccc;
}

/* ��ɫ����*/
.triangle:after {
    position: absolute;
    content: "";
    /*����������*/
    top: -14px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

img.country-flag {
    width: 18px;
    margin-right: 5px;
}

.badge-gray {
    background-color: #ccc;
}

ul.align-left {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

ul.align-left > li > .j_adv_search.checkbox {
    padding-top: 7px;
}

ul.align-left > li {
    float: left;
    margin-left: 10px;
}

ul.align-left > li:first-child {
    margin-left: 0px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ccc;
}

.dropdown-submenu.dropdown-submenu-pull-left {
    float: none;
}

.dropdown-submenu.dropdown-submenu-pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.input-group-inner {
    position: relative;
}

.input-group-inner .form-control:focus ~ .input-group-inner-addon-pre,
.input-group-inner .form-control:focus ~ .input-group-inner-addon-after {
    color: #2580db;
}

.input-group-inner .form-control {
    padding-left: 80px;
    padding-right: 40px;
}

.input-group-inner-addon-pre {
    position: absolute;
    left: 10px;
    margin-top: -25px;
}

.input-group-inner-addon-after {
    position: absolute;
    margin-top: -25px;
    right: 10px;
}

.approve-status > .approve-status-text {
    display: inline-block;
}

.bootstrap-select [class^="option-approve-status-"]:before,
.approve-process:before,
.approve-status:before {
    font-family: var(--jc-font-awesome);
    font-weight: 900;
    display: inline-block;
    content: '\f044';
    color: #15aabf;
    font-size: 12px;
    width: 17px;
    text-align: left;
}

.approve-status-on-nav.approve-process:before {
    width: unset;
}

.bootstrap-select [class^="option-approve-status-1"]:before,
.approve-process.approve-status-1:before,
.approve-status.status-1:before {
    content: '\f4ff';
    color: #16aaff;
}

.bootstrap-select [class^="option-approve-status-2"]:before,
.approve-process.approve-status-2:before,
.approve-status.status-2:before {
    content: '\f058';
    color: #3ac47d;
}

.bootstrap-select [class^="option-approve-status-3"]:before,
.approve-process.approve-status-3:before,
.approve-status.status-3:before {
    content: '\f057';
    color: #f54545;
}

.bootstrap-select [class^="option-approve-status-4"]:before,
.approve-process.approve-status-4:before,
.approve-status.status-4:before {
    content: '\f0e2';
    color: #f5365c;
}

.bootstrap-select [class^="option-approve-status-5"]:before,
.approve-process.approve-status-5:before,
.approve-status.status-5:before {
    content: '\f3c1';
    color: #4c6ef5;
}

.bootstrap-select [class^="option-approve-status-99"]:before,
.approve-process.approve-status-99:before,
.approve-status.status-99:before {
    content: '\21C4';
    color: #ffba5f;
}

.approve-process.approve-status-1 > .flow-step-class {
    display: inline-block;
    margin-left: 5px;
    color: #666;
}

.approve-process.approve-status-1 > .flow-step-class:before {
    content: "(";
}

.approve-process.approve-status-1 > .flow-step-class:after {
    content: ")";
}

ul.nav-tabs > li > a[role="tab"] {
    padding-right: 10px;
    padding-left: 10px;
}

ul.nav-tabs > li > a[role="tab"] > .badge {
    margin: -2px 5px 0 5px;
}

.tab-content {
    margin-top: 20px;
}

.j_affix_container > .j_affix {
    width: 100%;
    padding-top: 10px;
    background-color: white !important;
    z-index: 5;
}

/* language */
i[data-lang-code] {
    font-size: 12px;
    font-style: normal;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    padding: 0px 2px;
}

i[data-lang-code="en_US"] {
    color: #032868;
}

i[data-lang-code="en_US"].active {
    border-color: #032868;
    background-color: #032868;
    color: #FFFFFF;
    box-shadow: 1px 1px 1px #d0d0d0;
}

i[data-lang-code="en_US"]:before {
    content: "EN";
}

i[data-lang-code="zh_CN"] {
    color: #d81e06;
}

i[data-lang-code="zh_CN"].active {
    border-color: #d81e06;
    background-color: #d81e06;
    color: #FFFFFF;
    box-shadow: 1px 1px 1px #d0d0d0;
}

i[data-lang-code="zh_CN"]:before {
    content: "CH";
    transform: scale(0.8);
}

/*send mail result*/
i[data-result-code] {
    font-size: 12px;
    font-style: normal;
    padding: 0px 2px;
    font-family: var(--jc-font-awesome);
}

i[data-result-code="1"]:before {
    content: '\f058';
    color: "#53FF53";
}

i[data-result-code="9"]:before {
    content: '\f188';
    font-weight: 600;
    color: "#FF0000";
}

/*������*/
.word-blink {
    animation: word-blink 1s linear infinite;
}

@keyframes word-blink {
    50% {
        opacity: 0;
    }
}

.blink-case {
    pointer-events: none;
    position: absolute;
    border: 3px solid #dd4b39;
    animation: word-blink 1.5s linear infinite;
}

.blink-comment {
    position: absolute;
    font-size: 16px;
    white-space: nowrap;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.8);
}

.blink-comment i {
    color: rgb(240, 173, 78);
    animation: word-blink 1.5s linear infinite;
}

/*��ӰЧ����ģ��mdb*/
.z-depth-1 {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.z-depth-1-half {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}

.z-depth-2 {
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.z-depth-3 {
    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19) !important;
}

.z-depth-4 {
    -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important;
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important;
}

.z-depth-5 {
    -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important;
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22) !important;
}

[class^="icheckbox"]:not(.checked).outline {
    background-position: -24px 0 !important;
}

[class^="icheckbox"]:not(.checked).outline-red {
    background-position: -1px -1px !important;
    border: 2px solid red;
}

/*file*/
.modal.modal-image-edit {
    background-color: rgba(0, 0, 0, 0.4);
}

.modal.modal-image-edit .modal-content {
    box-shadow: unset;
    border-radius: unset;
    border: unset;
    background-color: transparent;
}

.image-edit-container {
    padding: 20px;
    width: 90%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

.image-edit-container .cropper-content {
    text-align: center;
    padding: 20px;
    display: inline-block;
}

.image-edit-container .cropper-previews {
    position: absolute;
    margin-left: -300px;
    margin-top: 40px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.9);
    padding: 30px;
    border-radius: 5px;
    width: 300px;
}

.image-edit-container .cropper-previews > .preview-title {
    font-size: 16px;
    margin-bottom: 20px;
    cursor: default;
}

.image-edit-container .cropper-previews > .actions {
    margin-top: 50px;
    line-height: 35px;
}

.image-edit-container .cropper-previews > .actions .cancel > a {
    color: #606266;
    font-size: 14px;
}

.image-edit-container .cropper-previews > ul.preview > li {
    background-color: #fff;
    overflow: hidden;
}

.image-edit-container .cropper-previews > ul.preview > li.square {
    width: 100px;
    height: 100px;
    border-radius: 3px;
    margin-right: 25px;
    float: left;
}

.image-edit-container .cropper-previews > ul.preview > li.circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

/*icon-humburger-animation*/
.j-topmegamenu .icon-humburger-animation {
    width: 18px;
    height: 16px;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.j-topmegamenu .icon-humburger-animation > span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    display: inline-block;
}

.j-topmegamenu .icon-humburger-animation > span:nth-child(1) {
    top: 2px;
    transform-origin: left center;
}

.j-topmegamenu .icon-humburger-animation > span:nth-child(2) {
    top: 8px;
    transform-origin: left center;
}

.j-topmegamenu .icon-humburger-animation > span:nth-child(3) {
    top: 14px;
    transform-origin: left center;
}

.j-topmegamenu.open .icon-humburger-animation > span:nth-child(1) {
    transform: rotate(45deg);
    top: 2px;
    left: 2px;
}

.j-topmegamenu.open .icon-humburger-animation > span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.j-topmegamenu.open .icon-humburger-animation > span:nth-child(3) {
    transform: rotate(-45deg);
    top: 15px;
    left: 2px;
}

/*bootstrap v4*/
.btn:focus {
    outline: 0 !important;
}

.btn.btn-default:focus {
    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, .5);
}

.btn.btn-success:focus {
    border-color: #1e7e34;
    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, .5);
}

.btn.btn-primary:focus {
    border-color: #0062cc;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, .5);
}

.btn.btn-link:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

.btn.btn-danger:focus {
    border-color: #bd2130;
    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, .5);
}

.btn.btn-warning:focus {
    border-color: #d39e00;
    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, .5);
}

.btn.btn-info:focus {
    border-color: #117a8b;
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, .5);
}

/*flow-status-badge*/
.badge[class*="badge-nav-top-flow-status"] {
    position: absolute;
    right: -25px;
    top: -6px;
    color: #909399;
    background: #f4f4f5;
    border-width: 0px;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeIn;
    font-weight: normal;
    display: none;
    border-radius: 2px;
    transition: all 0.5s ease;
}

/*������*/
a.approve-status-on-nav:hover > .badge.badge-nav-top-flow-status-1 {
    background-color: #70B6FF;
    box-shadow: unset;
}

li.active > a.approve-status-on-nav > .badge.badge-nav-top-flow-status-1,
a.approve-status-on-nav > .badge.badge-nav-top-flow-status-1 {
    color: #fff;
    background-color: #409eff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

/*�˻�*/
a.approve-status-on-nav:hover > .badge.badge-nav-top-flow-status-4 {
    background-color: #FAADAD;
    box-shadow: unset;
}

li.active > a.approve-status-on-nav > .badge.badge-nav-top-flow-status-4,
a.approve-status-on-nav > .badge.badge-nav-top-flow-status-4 {
    color: #fff;
    background-color: #f56c6c;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

/*����*/
a.approve-status-on-nav:hover > .badge.badge-nav-top-flow-status-5 {
    background-color: #91E16A;
    box-shadow: unset;
}

li.active > a.approve-status-on-nav > .badge.badge-nav-top-flow-status-5,
a.approve-status-on-nav > .badge.badge-nav-top-flow-status-5 {
    color: #fff;
    background-color: #67c23a;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

a.approve-status-on-nav:hover > .badge[class*="badge-nav-top-flow-status"],
.approve-status-on-nav[aria-expanded="true"] > .badge[class*="badge-nav-top-flow-status"] {
    display: block;
}

/*route-approver-status*/
[class*="route-approver-status"],
[class*="route-approver-releaver-status"],
[class*="route-approver-signer-status"] {
    background-color: rgba(0, 0, 0, 0.05);
    color: #666;
    padding: 2px 6px;
    font-weight: normal;
    border-radius: 2px;
}

.route-approver-status-1 {
    color: #fff;
    background-color: #409eff;
    border-color: #409eff;
}

.route-approver-releaver-status-2 {
    color: #fff;
    background-color: #67c23a;
    border-color: #67c23a;
}

.route-approver-releaver-status-0,
.route-approver-releaver-status-1,
.route-approver-releaver-status-7,
.route-approver-releaver-status-9 {
    display: none;
}

.route-approver-status-6 {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c;
}

.div-purchase-item {
    padding-top: 35px;
}

.div-purchase-item > .div-business-pty-dep > .business-pty-dep-title {
    font-size: 17px;
}

.div-purchase-item > .div-business-pty-dep > .div-resource > .resource-title {
    font-size: 15px;
}

.div-purchase-item > .div-business-pty-dep > .div-resource > .resource-number {
    font-size: 15px;
}

.j-select > .input-group .bootstrap-select .dropdown-toggle .filter-option-inner {
    display: grid;
}

.j-select > .dropdown.no-caret .bs-caret {
    display: none;
}

.j-select > .dropdown.no-caret .filter-option {
    padding-right: unset;
}

.input-group > .input-group-btn > .j-select button {
    border-right: 0px;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    text-overflow: ellipsis;
}

.twitter-typeahead pre {
    display: none;
}

.twitter-typeahead .tt-input {
    text-overflow: ellipsis;
}

.ul-bill-group {
    padding-left: 0;
}

.ul-bill-group .li-group {
    list-style-type: none;
}

.ul-bill-group .li-group .title-group {
    float: left;
}

.thead-bordered tr {
    border: 1px solid #ddd;
}

.thead-bordered th {
    border: 1px solid #ddd;
}

.tbody-bordered td {
    border: 1px solid #ddd;
}

/* dm-editable */
.dm-editor:after {
    font-family: var(--jc-font-awesome);
    font-weight: 400;
    float: right;
    opacity: 0;
    content: '';
    color: #ccc;
    font-style: normal;
    text-shadow: none;
    transition: all 0.3s ease;
}

.dm-editor.dm-editing {
    color: #999;
}

.dm-editor:not(.dm-editing).dm-submitted > .dm-editor-text {
    font-style: italic;
}

.dm-editor:not(.dm-editing).dm-submitting > .dm-editor-text {
    color: #999;
}

.dm-editor:not(.dm-editing).dm-submitting:after {
    margin-top: 6px;
    font-weight: 900;
    content: '\f110';
    color: #999;
    opacity: 1;
    animation: fa-spin 2s infinite linear;
    right: 30px;
    position: absolute;
}

.dm-editor > .dm-editor-text {
    display: inline-block;
}

.dm-editor.dm-editing:not(.popuper-open) > .dm-editor-text {
    display: none;
}

.dm-editor.dm-editing > i.dm-editor-button {
    display: none;
}

.dm-editor .dm-editor-text {
    padding: 6px 25px 6px 10px;
    border-radius: 5px;
    width: 100%;
}

.dm-editor > .dm-editor-text:after {
    content: '\00A0';
}

.dm-editor:hover > .dm-editor-text {
    transition: background-color 0.3s linear;
    background-color: #eeeeee;
}

/*改动，增加table.*/
table.dm-editor-table .dm-editor > i.dm-editor-button {
    font-family: var(--jc-font-awesome);
    font-weight: 400;
    font-style: normal;
    margin-top: 6px;
    color: #ccc;
    opacity: 0;
    transition: all 0.3s ease;
    position: absolute;
    right: 30px;
}

/*改动，非table.样式*/
.dm-editor > i.dm-editor-button {
    font-family: var(--jc-font-awesome);
    font-weight: 400;
    font-style: normal;
    margin-top: 6px;
    color: #ccc;
    opacity: 0;
    transition: all 0.3s ease;
    position: absolute;
    right: 30px;
}

.dm-editor > i.dm-editor-button.dm-edit-icon-hide {
    display: none;
}

.dm-editor > i.dm-editor-button:not(.dm-edit-icon-no-click):hover {
    cursor: pointer;
    color: #444;
}

.dm-editor > i.dm-editor-button:before {
    font-weight: 400;
    content: '\f044';
}

.dm-editor:not(.dm-editing):hover > i.dm-editor-button {
    opacity: 1;
}

.dm-editor:not(.dm-editing).dm-submitting > i.dm-editor-button {
    display: none;
}

.dm-editor .tooltip > .tooltip-inner {
    padding: 5px 10px;
    color: #fff;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.dm-editor.dm-editor-has-error .tooltip > .tooltip-inner {
    background-color: #F56C6C;
}

.dm-editor.dm-editor-has-error .tooltip > .tooltip-inner:before {
    font-family: "Font Awesome 6 Pro";
    content: '\f071';
    font-weight: 900;
    margin-right: 3px;
}

.dm-editor.dm-editor-has-error .tooltip > .tooltip-arrow {
    border-top-color: #F56C6C;
}

.dm-editor.dm-editor-has-info .tooltip > .tooltip-inner {
    background-color: #909399;
}

.dm-editor.dm-editor-has-info .tooltip > .tooltip-arrow {
    border-top-color: #909399;
}

table.dm-editor-table .dm-editor > .dm-editor-text {
    vertical-align: bottom;
}

table.dm-editor-table {
    table-layout: fixed;
}

/*改动，去掉table.*/
.dm-editor.dm-editor-type-direct-text > .dm-editor-text,
.dm-editor.dm-editor-type-direct-number > .dm-editor-text,
.dm-editor.dm-editor-type-direct-select > .dm-editor-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.popuper.dm-editor-popuper {
    width: 200px;
}

.popuper.dm-editor-popuper > .popuper-content > .popuper-body {
    min-height: unset;
}

.popuper.dm-editor-popuper > .popuper-content > .popuper-footer {
    padding-top: 0px;
}

.popuper.dm-editor-popuper .btn-cancel {
    color: #606266;
}

input[type="number"].number-no-spin::-webkit-inner-spin-button,
input[type="number"].number-no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[type="number"].number-no-spin {
    -moz-appearance: textfield;
}

/*top-notiece*/
#j_notice_p_li_marquee > .marquee_container {
    width: 350px;
    overflow: hidden;
    display: inline-flex;
}

ul.top-page-notice {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: inherit;
}


ul.top-page-notice > li > dl {
    margin: 0;
    font-weight: normal;
    font-size: 12px;
    margin-top: 17px;
}

ul.top-page-notice > li > dl > dt {
    font-weight: normal;
    color: #666;
    float: left;
    text-align: center;
    margin-right: 12px;
}

ul.top-page-notice > li > dl > dt .label {
    font-weight: normal;
}

ul.top-page-notice > li > dl > dt .notice-time {
    display: inline-block;
    margin-right: 15px;
}

ul.top-page-notice > li > dl > dd > a {
    text-decoration: none;
}

ul.top-page-notice > li > dl > dd > a:hover {
}

ul.top-page-notice > li > dl > dd {
    color: #888;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

a.localize-btn {
    position: absolute;
    right: 10px;
    bottom: 5px;
    font-size: 14px;
    transition: all 0.3s ease;
}

a.localize-btn {
    color: #aaa;
}

input.localize-input {
    padding-right: 30px;
}

.localize-input-container {
    position: relative;
}

.localize-input-box.popuper-open > a.localize-btn,
.localize-input-container.localize-input-active > a.localize-btn,
a.localize-btn:hover {
    color: #444;
}

.localize-input-container.localize-input-container-input-sm > a.localize-btn {
    bottom: 3px;
}

.localize-input-container.localize-input-container-input-lg > a.localize-btn {
    bottom: 10px;
}

.popuper.localize-input-popuper.localize-readonly .popuper-body {
    background-color: #f5f5f5
}

.popuper.localize-input-popuper.localize-readonly input {
    background-color: transparent;
}

ul.localize-input-popuper-list {
    margin: 0;
    padding: 0;
    margin-top: 5px;
    list-style-type: none;
}

ul.localize-input-popuper-list > li {
    margin-bottom: 20px;
}

ul.localize-input-popuper-list > li > input {
    padding-right: 30px;
}

ul.localize-input-popuper-list > li > textarea {
    resize: none;
}

ul.localize-input-popuper-list > li > input.form-control.simple:focus,
ul.localize-input-popuper-list > li > input.form-control.simple:active {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

ul.localize-input-popuper-list > li > .localize-input-flag {
    position: absolute;
    right: 20px;
    margin-top: -20px;
}

.localize-input-container.localize-input-container-input-lg ul.localize-input-popuper-list > li > .localize-input-flag {
    margin-top: -25px;
}

/* localize-input-box */
.localize-input-box > a.localize-btn {
    position: unset;
    float: right;
}

.localize-input-box.form-group > a.localize-btn {
    float: unset;
    margin-left: 8px;
}

.popuper.localize-input-popuper-box .popuper-body ul > li:not(:last-child) {
    margin-right: 10px;
}

.popuper.localize-input-popuper-box .popuper-body .localize-input-flag.fi {
    width: 20px;
    height: 15px;
}

.popuper.localize-input-popuper-box > .popuper-content > .popuper-body {
    min-height: 50px;
}

.popuper.localize-input-popuper-box .popuper-body a > .localize-input-flag.fi {
    transition: all 0.2s ease;
}

.popuper.localize-input-popuper-box .popuper-body a.localize-input-active > .localize-input-flag.fi,
.popuper.localize-input-popuper-box .popuper-body a:hover > .localize-input-flag.fi {
    box-shadow: 0 .35rem 0.75rem rgba(0, 0, 0, .35) !important;
}

.localize-input-box > input {
    display: inline-block;
    width: calc(100% - 30px);
}

/*fakelock-input*/
.fakelock-input-container {
    position: relative;
}

.fakelock-input-container.fakeunlock > .fakelock-btn > i:before {
    content: '\f3c1';
}

a.fakelock-btn {
    position: absolute;
    right: 10px;
    bottom: 3px;
    color: #ccc !important;
    font-size: 14px;
    transition: all 0.3s ease;
}

a.fakelock-btn:hover {
    color: #444 !important;
}

/*loading3*/
.loader-rotation {
    width: 100%;
    height: 100px;
    text-align: center;
    margin: auto;
}

.loader-rotation:before {
    content: " ";
    width: 30px;
    height: 30px;
    border: 3px solid #888;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.loader-rotation > p.loader-text {
    font-size: 16px;
    color: #aaa;
    text-shadow: 3px 3px 5px #ccc;
    margin-top: 15px;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.j-current-account {
    float: right;
    padding-left: 5px;
}

.j-current-account .current-account-label {
    padding-right: 5px;
}

.j-current-account .current-account-status::before {
    content: "【"
}

.j-current-account .current-account-status::after {
    content: "】"
}

#itemGroupSort .sort-div {
    padding: 10px;
    border: 1px solid #ddd;
}

#itemGroupSort .layer-title {
    cursor: grab;
}

#itemGroupSort .layer-1-background-color {
    background-color: #FAEBD7;
}

#itemGroupSort .layer-2-background-color {
    background-color: #FFEFD5;
}

#itemGroupSort .layer-3-background-color {
    background-color: #FDF5E6;
}

#itemGroupSort .layer-4-background-color {
    background-color: #FFF5EE;
}

#itemGroupSort .layer-5-background-color {
    background-color: #FFFAF0;
}

#itemGroupSort .layer-6-background-color {
    background-color: #FFFAF0;
}

#itemGroupSort .layer-7-background-color {
    background-color: #FFFAFA;
}

#itemGroupSort .layer-8-background-color {
    background-color: #F5FFFA;
}