/* logisNet default settings...
 ========================================================================== */
html, body {
    width: 100%;
}
body {
    background: #FFFFFF;
}
#jb-blur {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    -webkit-transition: opacity 2.15s linear;
    transition: opacity 2.15s linear;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
#jb-blur .jb-vertical-center {
    line-height: 95vh;
}
#jb-blur [class*='uk-icon'] {
    z-index: 200;
    font-size: 80px;
    color: #13B690;
}
.jb-mmbr-nm {
    color: #EEEEEE;
}
.jb-init-height {
    height: auto !important;
}
.jb-invisible {
    visibility: hidden;
}
.jb-hover { cursor: pointer; }
.jb-hover-border { border: 1px dotted #13B690; }
.jb-border-trans { border: 1px solid transparent; }
.jb-text-bold { font-weight: bold; color: #222; }
.jb-underline { text-decoration: underline; }
.jb-content {
    margin-top: 117px;
}
.jb-invc-trace-input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;;
    border-right: 0 !important;
}
.jb-invc-trace-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.jb-trans-sts:hover {
    cursor: pointer;
    color: #13B690;
    font-weight: bold;
}
/* logisNet margin, align, padding, width. height...
 ========================================================================== */
.jb-t-margin-1 { margin-top: -1px; !important; }
.jb-t-margin-0 { margin-top: 0 !important; }
.jb-t-margin-5 { margin-top: 5px !important; }
.jb-t-margin-10 { margin-top: 10px !important; }
.jb-t-margin-15 { margin-top: 15px !important; }
.jb-t-margin-25 { margin-top: 25px !important; }
.jb-t-margin-40 { margin-top: 40px !important; }
.jb-t-margin-50 { margin-top: 50px !important; }
.jb-t-margin-75 { margin-top: 75px !important; }
.jb-t-margin-100 { margin-top: 100px !important; }
.jb-t-margin-150 { margin-top: 150px !important; }
.jb-t-margin-200 { margin-top: 200px !important; }
.jb-t-margin-250 { margin-top: 250px !important; }

.jb-b-margin-5 { margin-bottom: 5px !important; }
.jb-b-margin-10 { margin-bottom: 10px !important; }
.jb-b-margin-15 { margin-bottom: 15px !important; }
.jb-b-margin-25 { margin-bottom: 25px !important; }
.jb-b-margin-50 { margin-bottom: 50px !important; }
.jb-b-margin-200 { margin-bottom: 200px !important; }
.jb-b-margin-250 { margin-bottom: 250px !important; }

.jb-l-margin-auto { margin-left: auto; }
.jb-l-margin-5 { margin-left: 5px !important; }
.jb-l-margin-10 { margin-left: 10px !important; }
.jb-l-margin-15 { margin-left: 15px !important; }
.jb-l-margin-25 { margin-left: 25px !important; }
.jb-l-margin-35 { margin-left: 35px !important; }
.jb-l-margin-50 { margin-left: 50px !important; }

.jb-r-margin-5 { margin-right: 5px !important; }
.jb-r-margin-10 { margin-right: 10px !important; }
.jb-r-margin-15 { margin-right: 15px !important; }
.jb-r-margin-25 { margin-right: 25px !important; }
.jb-r-margin-50 { margin-right: 50px !important; }

.jb-padding-0 { padding: 0 !important; }
.jb-padding-5 { padding: 5px !important; }
.jb-padding-10 { padding: 10px !important; }
.jb-padding-15 { padding: 15px !important; }
.jb-padding-20 { padding: 20px !important; }
.jb-padding-25 { padding: 25px !important; }
.jb-padding-30 { padding: 30px !important; }
.jb-padding-35 { padding: 35px !important; }

.jb-t-padding-5 { padding-top: 5px !important; }
.jb-t-padding-25 { padding-top: 25px !important; }
.jb-t-padding-40 { padding-top: 40px !important; }
.jb-b-padding-5 { padding-bottom: 5px !important; }
.jb-b-padding-20 { padding-bottom: 20px !important; }
.jb-b-padding-50 { padding-bottom: 50px !important; }
.jb-l-padding-0 { padding-left: 0 !important; }
.jb-l-padding-5 { padding-left: 5px !important; }
.jb-l-padding-10 { padding-left: 10px !important; }
.jb-l-padding-15 { padding-left: 15px !important; }
.jb-l-padding-20 { padding-left: 20px !important; }
.jb-l-padding-25 { padding-left: 25px !important; }
.jb-l-padding-30 { padding-left: 30px !important; }
.jb-l-padding-35 { padding-left: 35px !important; }
.jb-r-padding-1 { padding-right: 1px !important; }
.jb-r-padding-5 { padding-right: 5px !important; }
.jb-r-padding-10 { padding-right: 10px !important; }
.jb-r-padding-12 { padding-right: 12px !important; }
.jb-r-padding-15 { padding-right: 15px !important; }
.jb-r-padding-20 { padding-right: 20px !important; }
.jb-r-padding-120 { padding-right: 120px !important; }
.jb-r-padding-150 { padding-right: 150px !important; }

.jb-padding-input { padding: 4px 6px !important; }
.jb-padding-icon { padding: 0 8px !important; }
.jb-float-left { float: left !important; }
.jb-float-right { float: right !important; }

.jb-va-middle { vertical-align: middle; }
.jb-va-bottom { vertical-align: bottom; }
.jb-va-sub { vertical-align: sub; }

.jb-height-50vh { height: 50vh !important; max-height: 50vh !important; }
.jb-height-60vh { height: 60vh !important; max-height: 60vh !important; }
.jb-height-70vh { height: 70vh !important; max-height: 70vh !important; }
.jb-height-80vh { height: 80vh !important; max-height: 80vh !important; }
.jb-height-250 { height: 250px !important; max-height: 250px !important; }
.jb-height-400 { height: 400px !important; max-height: 400px !important; }
.jb-height-550 { height: 550px !important; max-height: 550px !important; }
.jb-height-600 { height: 600px !important; max-height: 600px !important; }
.jb-height-770 { height: 770px !important; max-height: 770px !important; }

.jb-width-30 { width: 30px; }
.jb-width-50 { width: 50px; }
.jb-width-60 { width: 60px; }
.jb-width-70 { width: 70px; }
.jb-width-80 { width: 80px; }
.jb-width-100 { width: 100px; }
.jb-width-120 { width: 120px; }
.jb-width-150 { width: 150px; }
.jb-width-180 { width: 180px; }
.jb-width-200 { width: 200px; }
.jb-width-250 { width: 250px; }
.jb-width-300 { width: 300px; }
/* logisNet navigation bar
 ========================================================================== */
#jb-navbar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    min-width: 1580px;
    width: 100%;
    padding: 15px 0;
    border: none;
    background: #252525;
}
#jb-navbar .uk-navbar-brand {
    height: 40px;
    margin-top: 0;
    text-shadow: none;
}
#jb-navbar .uk-navbar-nav > li {
    margin-left: 10px;
}
#jb-navbar .uk-navbar-nav > li > a {
    height: 40px;
    margin: 0;
    border: none;
    color: #EEEEEE;
    border-radius: 3px !important;
    text-shadow: none;
    font-size: 17px;
    cursor: pointer;
}
.uk-subnav > li > span:hover,
#jb-navbar .uk-navbar-nav > li > a:hover {
    background-color: transparent !important;
    color: #10A683;
    cursor: pointer;
}
#jb-navbar .uk-navbar-nav > li.uk-active > a:hover {
    color: #13B690;
}
#jb-navbar .uk-navbar-nav > li.uk-active > a {
    background-color: transparent !important;
    color: #FFF;
    border-radius: 0 !important;
    border-bottom: 3px solid #13B690 !important;
}

#jb-subnavbar {
    position: fixed;
    top: 70px;
    z-index: 1;
    /*width: auto;*/
    min-width: 1580px;
    width: 100%;
    background: #f5f6f8;
    border-bottom: 1px solid #E5E5E5;
}
#jb-subnavbar .uk-container {
    padding-left: 216px;
}
#jb-subnavbar .uk-subnav {
    margin: 0;
}
#jb-subnavbar .uk-subnav > * {
    margin-bottom: 10px;
    font-size: 15px;
}
.jb-subnav-hover {
    display: none;
    width: 100% !important;
    position: fixed;
    top: 70px;
    z-index: 100;
    background: #95bbb2;
    border-bottom: 1px solid #0d715a;
}
.jb-subnav-hover .uk-container {
    padding-left: 216px;
}
.jb-subnav-hover .uk-subnav {
    margin: 0;
}
.jb-subnav-hover .uk-subnav > * {
    margin-bottom: 10px;
    font-size: 15px;
}
.jb-subnav-hover a {
    color: #FFF;
}
.jb-subnav-hover a:hover {
    color: #666;
}
#jb-navbar:hover .jb-subnav-hover {
    display: block;
}
.sub-tab {
    position: fixed;
    top: 116px;
    z-index: 1;
    width: 100%;
    background: white;
    padding-bottom: 16px;
}

a[pkgType="PACKAGING"] {
    background-color: rgba(19, 182, 144, 0.17);
}
a[pkgType="PACKAGING"]:hover {
    background-color: rgba(19, 182, 144, 0.22) !important;
}
/* logisNet customized button
 ========================================================================== */
.jb-button-temp {
    height: 40px;
    padding: 8px 6px;
    font-size: 16px !important;
}
.jb-button-login {
    position: absolute !important;
    margin-left: 92% !important;
    margin-top: 28px !important;
    font-size: 16px !important;
    background-color: #13B690 !important;
}
.jb-button-primary:hover,
.jb-button-primary:focus,
.jb-button-primary:active,
.jb-button-login:hover {
    background-color: #10A683 !important;
    color: #FFFFFF;
    border-color: rgba(0, 0, 0, 0.21);
}
.jb-button-primary {
    background-color: #13B690 !important;
    color: #FFFFFF;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.jb-button-primary-outline {
    background-color: #FFF !important;
    color: #13B690;
    border: 1px solid #13B690 !important;
    box-shadow: inset 0 0 5px rgba(19, 182, 144, 0.05);
    text-shadow: 0 -1px 0 rgba(19, 182, 144, 0.1);
}
.jb-button-primary-outline.inactive:hover {
    color: #13B690;
    cursor: default !important;
}
.jb-button-primary-outline:not(.inactive):hover {
    color: #10A683;
    background-color: rgba(16, 166, 131, 0.1) !important;
}
.jb-button-primary-outline:not(.inactive):focus {
    color: #10A683;
    background-color: rgba(16, 166, 131, 0.1) !important;
}
.jb-button-primary-outline.uk-active {
    color: #10A683;
    background-color: rgba(16, 166, 131, 0.2) !important;
}
.jb-button-danger-outline {
    background-color: #FFF !important;
    color: #DA314B;
    border: 1px solid #DA314B !important;
    box-shadow: inset 0 0 5px rgba(218, 49, 75, 0.05);
    text-shadow: 0 -1px 0 rgba(218, 49, 75, 0.1);
}
.jb-button-danger-outline.inactive:hover {
    color: #DA314B;
    cursor: default !important;
}
.jb-button-danger-outline:not(.inactive):hover {
    color: #DA314B;
    background-color: rgba(218, 49, 75, 0.1) !important;
}
.jb-button-danger-outline:not(.inactive):focus {
    color: #DA314B;
}
.uk-button > i {
    margin-right: 5px;
}

.jb-pkg-button { padding: 0 30px; }

.jb-file-list-refresh {
    color: #a5e1d5;
    cursor: pointer;
}
/* logisNet panel, div, span...
 ========================================================================== */
.jb-msg {
    margin-top: 10px;
}

.jb-mmbr-panel,
.jb-mmbr-list-panel,
.jb-corp-panel,
.jb-corp-list-panel,
.jb-sub-mmbr-panel {
    padding: 50px !important;
}
.jb-corp-list-panel {
    height: 744px;
}
.jb-sub-corp-panel {
    padding: 25px 50px;
}

.jb-panel-box {
    background: #FFFFFF;
    color: #444;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.jb-panel .uk-form-row {
    margin: 0;
}
.jb-panel hr {
    margin: 10px 0;
}
.jb-panel *[class^=uk-form-label],
.jb-mngr-panel *[class^=uk-form-label],
.jb-mmbr-panel *[class^=uk-form-label],
.jb-corp-panel *[class^=uk-form-label],
.jb-sub-mmbr-panel *[class^=uk-form-label],
.jb-sub-corp-panel *[class^=uk-form-label] {
    margin-top: 0;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
}
.jb-panel *[class^=uk-form-controls],
.jb-mngr-panel *[class^=uk-form-controls],
.jb-mmbr-panel *[class^=uk-form-controls],
.jb-corp-panel *[class^=uk-form-controls],
.jb-sub-mmbr-panel *[class^=uk-form-controls],
.jb-sub-corp-panel *[class^=uk-form-controls] {
     height: 30px;
     line-height: 30px;
 }
.jb-wrapper-panel {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFF;
}
.jb-close {
    cursor: pointer;
    /*margin: -10px -10px 0 0;*/
    float: right;
}

.jb-default-col-list {
    height: 43vh;
    table-layout: fixed;
}
.jb-default-col-list .uk-scrollable-text {
    height: 95%;
    padding: 10px;
}
.jb-match-col,
.jb-match-opt-col {
    position: relative;
    border: 1px solid #DDD;
    overflow: hidden;
}
.jb-match-col > div,
.jb-match-opt-col > div {
    float: left;
}
.jb-match-col:hover:after {
    content: '';
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 34px;
    z-index: 300;
    background: rgba(150, 150, 150, 0.1);
}
.default-col,
.match-excel-col {
    padding: 7px;
    background: #FFF;
    color: #444;
}
.default-col {
    border-right: 1px solid #DDD;
}
.jb-match-col-header {
    background-color: #F5F5F5;
    font-weight: 600;
}
.jb-opt-col-add {
    border: 1px solid #13B690;
    color: #13B690;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
}
.jb-opt-col-add:hover {
    cursor: pointer;
    border: 1px solid #10A683;
    color: #10A683;
    background-color: #FAFAFA;
}
.jb-opt-col-close {
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 7px;
    z-index: 500;
}
.jb-opt-col-close:hover {
    color: #d85030;
}
.jb-chrg-val { display: none; }

.jb-package-group {
    width: 1470px;
    padding: 5px;
    margin: 0 0 20px 0 !important;
    border: 1px solid #13B690;
    background-color: #FFF;
    box-sizing: border-box;
}
.jb-package-group-in {
    width: 100%;
    padding: 5px;
    margin: 0;
    box-sizing: border-box;
}
.jb-package-group-sub {
    min-width: 1300px;
    padding: 3px;
    margin: 0 !important;
    border: 1px solid #DDD;
    border-bottom-width: 0;
    background-color: #F0F0F0;
    box-sizing: border-box;
}
.jb-package-row {
    width: 1470px;
    padding: 3px;
    margin: 0 !important;
    border: 1px solid #DDD;
    border-bottom-width: 0;
    background-color: #F0F0F0;
    box-sizing: border-box;
}
.jb-package-list-group {
    padding: 10px;
    border: 1px solid #AAA !important;
    margin: 0 0 20px 0 !important;

}
.jb-package-divider {
    width: 1450px;
    padding: 10px;
    border-bottom: 1px solid #AAA;
    margin-bottom: 15px;
}
.jb-package-group-in > div,
.jb-package-group-sub > div,
.jb-package-row > div {
    padding-left: 20px;
    padding-right: 20px;
}
.jb-package-group-in > div:nth-child(n+3),
.jb-package-group-sub > div:nth-child(n+2),
.jb-package-row > div:nth-child(n+3) {
    border-left: 1px solid #BBB;
}
.jb-package-group-in > div:nth-child(1),
.jb-package-row > div:nth-child(1) { width: 20px; }
.jb-package-group-in > div:nth-child(2),
.jb-package-row > div:nth-child(2) { width: 100px; }
.jb-package-group-in > div:nth-child(3),
.jb-package-row > div:nth-child(3) { width: 90px; }
.jb-package-group-in > div:nth-child(4),
.jb-package-row > div:nth-child(4) { width: 110px; }
.jb-package-group-in > div:nth-child(5),
.jb-package-row > div:nth-child(5) { width: 350px; }
.jb-package-group-in > div:nth-child(6),
.jb-package-row > div:nth-child(6) { width: 110px; }
.jb-package-group-in > div:last-child,
.jb-package-row > div:last-child { width: 360px; }
.jb-package-row + .jb-package-row {
    border-top-width: 0;
}
.jb-package-group-sub > div:nth-child(1) { width: 90px; }
.jb-package-group-sub > div:nth-child(2) { width: 80px; }
.jb-package-group-sub > div:nth-child(3) { width: 110px; }
.jb-package-group-sub > div:nth-child(4) { width: 330px; }
.jb-package-group-sub > div:nth-child(5) { width: 110px; }
.jb-package-group-sub > div:last-child { width: 290px; }

.jb-package-list-group > div:last-child { width: 310px; }

.jb-package-row + .jb-package-row,
.jb-package-group-sub + .jb-package-group-sub {
    border-top-width: 0;
}
.jb-package-row + .jb-package-divider {
    border-top: 1px solid #DDD;
}
.jb-package-row:last-child,
.jb-package-group-sub:last-child {
    border-bottom: 1px solid #DDD;
}
.uk-accordion-title { cursor: pointer; }
.uk-accordion-content {
    border-top: 1px solid #DDD;
    padding: 15px 10px 10px 120px;
    margin-top: 5px;
}
.jb-package-cancel-div { width: 90px !important; }
.jb-package-cancel {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.jb-info-panel .uk-form-row {
    margin: 0;
    border-bottom: 1px solid #ddd;
}
.jb-info-panel .uk-form-row > div {
    padding: 8px 15px;
}
.jb-info-panel .uk-form-row > div:first-child {
    background: #fafafa;
    font-weight: bold;
}

.jb-bill-panel .uk-form-row {
    margin: 0;
    border-bottom: 1px solid #ddd;
}
.jb-bill-panel .uk-form-row > div {
    padding: 8px 20px;
}
.jb-bill-panel .uk-form-row > div:first-child {
    background: #fafafa;
}
.jb-background-hover {
    background: #EEE;
}
.jb-background-white {
    background: #FFFFFF !important;
}
.jb-background-primary {
    background: rgba(19, 182, 144, 0.3) !important;
}
.jb-background-primary-opacity {
    background: rgba(19, 182, 144, 0.15) !important;
}
.jb-background-danger {
    background-color: #da314b !important;
}
.jb-background-danger-opacity {
    /*background-color: rgba(218, 49, 75, 0.15) !important;*/
    background-color: #ffccdd !important;
}
.jb-form-height,
.unit-prc-modify {
    height: 30px;
    line-height: 30px;
}

.jb-calc-register-content { height: 390px; }
.jb-calc-info-content { height: 390px; }

.jb-pckp {
    color: #444;
    background: #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 10px;
    margin: 5px 0 5px 5px;
    text-align: center;
}
.jb-pckp-manage {
    color: #444;
    background: #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 5px 0 5px 5px !important;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.jb-pckp-manage-delete {
    position: absolute;
    top: 25px;
    right: 10px;
}
.jb-pckp-default {

}
.jb-pckp-primary {
    position: relative;
    background-color: #EDFDFD;
    color: #13B690;
    border-color: rgba(16, 166, 131, 0.3);
}
.jb-pckp-muted {
    background-color: #F1F1F1;
    border-color: #C1C1C1;
}
.jb-pckp-new-icon {
    position: absolute;
    top: 0;
    left: 1px;
}

/* logisNet modal
 ========================================================================== */
#jbModal .uk-modal-footer button {
    margin-right: 10px;
}
#jbModal .uk-modal-footer .uk-text-right button {
    margin-left: 10px;
}

.jb-invc-previous {
    position: absolute;
    top: 35%;
    left: 0;
    line-height: 200px;
    margin-left: -115px;
    padding-left: 30px;
    padding-right: 50px;
    font-size: 100px;
    color: #13B690;
}
.jb-invc-next {
    position: absolute;
    top: 35%;
    right: 0;
    line-height: 200px;
    margin-right: -115px;
    padding-left: 50px;
    padding-right: 30px;
    font-size: 100px;
    color: #13B690;
}
.jb-invc-previous:hover,
.jb-invc-next:hover {
    color: #13e1bc;
}
/* logisNet form...
 ========================================================================== */
input[type="checkbox"] {
    display: inline-block;
    height: 13px;
    width: 13px;
    border: 1px solid #aaa;
    overflow: hidden;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: 0;
    background: 0 0;
}
input[type="checkbox"]:checked:before {
    display: block;
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    line-height: 11px;
    color: #13B690;
}

input[type="radio"] {
    display: inline-block;
    height: 13px;
    width: 13px;
    border: 1px solid #aaa;
    overflow: hidden;
    margin-top: -3px !important;
    vertical-align: middle;
    -webkit-appearance: none;
    border-radius: 50%;
    outline: 0;
    background: 0 0;
}
input[type=radio]:checked:before {
    display: block;
    content: '';
    width: 7px;
    height: 7px;
    margin: 2px;
    border-radius: 50%;
    background-color: #13B690;
}
input[type=text]:read-only {
    background: #EBEBEB !important;
}
input[readOnly] {
    background: #EBEBEB !important;
}

.jb-checkbox {
    position: relative;
    top: 2px;
    margin-right: 5px !important;
    width: 16px !important;
    height: 16px !important;
    background-color: #FFF !important;
}
.jb-checkbox:checked:before {
    font-size: 15px !important;
}
/* logisNet tooltip...
 ========================================================================== */
.uk-tooltip {
    display: none;
    position: absolute;
    z-index: 1030;
    box-sizing: border-box;
    max-width: 300px;
    /*padding: 5px 8px;*/
    padding: 7px 10px;
    font-size: 12px;
    line-height: 18px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    background: #FFFFFF;
    color: #555;
    border: 1px solid #A0A0A0;
}
.uk-tooltip:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px dashed #A0A0A0;
    bottom: -5px;
    margin-left: -5px;
    left: 50%;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

/* logisNet tables...
 ========================================================================== */
.jb-scrollable {
    overflow-x: scroll;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    min-height: 450px;
    max-height: 450px;
}
@media (min-height: 900px) {
    .jb-scrollable {
        min-height: calc(100vh - 500px);
        max-height: calc(100vh - 500px);
    }
}
.jb-scrollable .jb-invc-null {
    text-align: center;
    min-height: 100%;
    line-height: 400px;
}
.jb-scrollable table,
.jb-scrollable-table table { table-layout: fixed; }
.jb-single-receipt-list { height: 200px; }
.jb-blank-body {
    height: calc(100vh - 500px);
    background-color: rgba(249, 249, 249, 0.3);
    font-size: 56px;
    line-height: calc(100vh - 500px);
}
.jb-invc-step {
    box-sizing: border-box;
    text-align: center;
    background: url('/img/invc_step.png');
    border: none;
    border-bottom: 1px solid #E5E5E5;
    width: 23.5%;
    float: left;
    margin: 0;
    padding: 5px 0;
    cursor: pointer;
}
.jb-invc-step-active {
    color: #FFFFFF;
    font-weight: 600;
    background: url('/img/invc_step_active.png');
}
.jb-invc-step-divider {
    content: '';
    border-bottom: 1px solid #E5E5E5;
    width: 1.95%;
    float: left;
    padding: 5px 0;
    background: url('/img/invc_step_arrow_1.png') no-repeat;
    background-size: 100% 100%;
}
.jb-invc-step-divider.active-left {
    background: url('/img/invc_step_active_left_arrow.png') no-repeat;
    background-size: 100% 100%;
}
.jb-invc-step-divider.active-right {
    background: url('/img/invc_step_active_right_arrow.png') no-repeat;
    background-size: 100% 100%;
}
.jb-invc-modify td,
#jb-invc-list-body td,
#jb-invc-err-list-body td {
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
}
#jb-invc-list-body td:first-child,
#jb-invc-err-list-body td:first-child {
    border-left: none !important;
}
#jb-invc-list-body td:last-child,
#jb-invc-err-list-body td:last-child {
    border-right: none !important;
}

.error-button-div > button {
    margin-right: 10px;
    margin-bottom: 10px;
}
.error-button-div > button:last-child {
    margin-right: 0;
}

.jb-err-td {
    border-color: rgba(145, 19, 15, 0.3);
    background-color: #FFE4DE;
    color: #CA4743;
    font-weight: 600;
}
.jb-td-modify {
    border-bottom: 2px solid #13B690 !important;
}
[data-jb-cursormove] {
    padding: 2px !important;
}
[data-jb-cursormove] input {
    background-color: transparent !important;
    margin: 0 !important;
    border: none !important;
    width: 100% !important;
    vertical-align: middle !important;
}
.jb-overflow-container {
    overflow-x: scroll;
}
.jb-overflow-container > table {
    table-layout: fixed;
}

.jb-sticky-table > table {
    position: relative;
    border-collapse: separate;
    table-layout: fixed;
}
.jb-sticky-table > table tr:first-child th {
    position: sticky;
    top: 0;
    background-color: white;
}

/* logisNet file upload...
 ========================================================================== */
.uk-dragover {
    box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
}

.uk-placeholder {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px dashed #CCC;
    background: #f0f0f0;
    color: #444;
}
* + .uk-placeholder {
    margin-top: 15px;
}
.uk-placeholder > :last-child {
    margin-bottom: 0;
}
.uk-placeholder-large {
    padding-top: 80px;
    padding-bottom: 80px;
}
.uk-form-file {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    overflow: hidden;
}
.uk-form-file input[type="file"] {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    left: 0;
    font-size: 500px;
}

/* progress bar */
.uk-progress {
    box-sizing: border-box;
    height: 20px;
    margin-bottom: 15px;
    background: #f5f5f5;
    overflow: hidden;
    line-height: 20px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}
* + .uk-progress {
    margin-top: 15px;
}
.uk-progress-bar {
    width: 0;
    height: 100%;
    background: #13B690;
    float: left;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
    font-size: 12px;
    color: #fff;
    text-align: center;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.uk-progress-striped .uk-progress-bar {
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 30px 30px;
}
.uk-progress-striped.uk-active .uk-progress-bar {
    -webkit-animation: uk-progress-bar-stripes 2s linear infinite;
    animation: uk-progress-bar-stripes 2s linear infinite;
}
@-webkit-keyframes uk-progress-bar-stripes {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 30px 0;
    }
}
@keyframes uk-progress-bar-stripes {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 30px 0;
    }
}

/* logisNet animation...
 ========================================================================== */
[class*='jb-animation-'] {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.jb-animation-dwindle-bottom {
    -webkit-animation-name: jb-dwindle-bottom;
    animation-name: jb-dwindle-bottom;
}

@-webkit-keyframes jb-dwindle-bottom {
    0% {
        opacity: 0;
        max-height: 0;
    }
    100% {
        opacity: 1;
        max-height: calc(100vh - 500px);
        height: calc(100vh - 500px);
    }
}
@keyframes jb-dwindle-bottom {
    0% {
        opacity: 0;
        max-height: 0;
    }
    100% {
        opacity: 1;
        max-height: calc(100vh - 500px);
        height: calc(100vh - 500px);
    }
}

.jb-animation-dwindle-bottom-r {
    -webkit-animation-name: jb-dwindle-bottom-r;
    animation-name: jb-dwindle-bottom-r;
}

@-webkit-keyframes jb-dwindle-bottom-r {
    0% {
        opacity: 1;
        max-height: calc(100vh - 500px);
    }
    100% {
        opacity: 0;
        max-height: 0;
    }
}
@keyframes jb-dwindle-bottom-r {
    0% {
        opacity: 1;
        max-height: calc(100vh - 500px);
    }
    100% {
        opacity: 0;
        max-height: 0;
    }
}

.jb-animation-err-emphasis {
    -webkit-animation-name: jb-err-emphasis;
    animation-name: jb-err-emphasis;
}

@-webkit-keyframes jb-err-emphasis {
    0% {
        background-color: #CA4743;
        /*border: 2px solid #DDDDDD;*/
        /*opacity: 0;*/
        -webkit-transform: scale(1.8);
    }
    100% {
        background-color: #FFE4DE;
        /*border: 2px solid #CA4743;*/
        /*opacity: 1;*/
        -webkit-transform: scale(1);
    }
}
@keyframes jb-err-emphasis {
    0% {
        background-color: #CA4743;
        /*border: 2px solid #DDDDDD;*/
        /*opacity: 0;*/
        transform: scale(1.8);
    }
    100% {
        background-color: #FFE4DE;
        /*border: 2px solid #CA4743;*/
        /*opacity: 1;*/
        transform: scale(1);
    }
}

.jb-animation-emphasis {
    -webkit-animation-name: jb-emphasis;
    animation-name: jb-emphasis;
}

@-webkit-keyframes jb-emphasis {
    0% {
        background-color: #13B690;
        -webkit-transform: scale(1.3);
    }
    100% {
        background-color: rgba(19, 182, 144, 0.15);
        -webkit-transform: scale(1);
    }
}
@keyframes jb-emphasis {
    0% {
        background-color: #13B690;
        transform: scale(1.3);
    }
    100% {
        background-color: rgba(19, 182, 144, 0.15);
        transform: scale(1);
    }
}

.jb-animation-fold {
    -webkit-animation-name: jb-fold;
    animation-name: jb-fold;
}

@-webkit-keyframes jb-fold {
    0% {
        width: 100%;
    }
    100% {
        width: 25%;
    }
}
@keyframes jb-fold {
    0% {
        width: 100%;
    }
    100% {
        width: 25%;
    }
}
.jb-animation-fold-20 {
    -webkit-animation-name: jb-fold-20;
    animation-name: jb-fold-20;
}

@-webkit-keyframes jb-fold-20 {
    0% {
        width: 100%;
    }
    100% {
        width: 20%;
    }
}
@keyframes jb-fold-20 {
    0% {
        width: 100%;
    }
    100% {
        width: 20%;
    }
}
.jb-animation-fold-40 {
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-name: jb-fold-40;
    animation-name: jb-fold-40;
}

@-webkit-keyframes jb-fold-40 {
    0% {
        width: 100%;
    }
    100% {
        width: 40%;
    }
}
@keyframes jb-fold-40 {
    0% {
        width: 100%;
    }
    100% {
        width: 40%;
    }
}

.jb-animation-expand-height {
    -webkit-animation-name: jb-expand-height;
    animation-name: jb-expand-height;
}
@-webkit-keyframes jb-expand-height {
    0% {
        height: 0;
    }
    100% {
        height: auto;
    }
}
@keyframes jb-expand-height {
    0% {
        height: 0;
    }
    100% {
        height: auto;
    }
}
/* logisNet invoice print...
 ========================================================================== */
.jb-print-paper {
    width: 150px;
}
.jb-print-container {
    width: 850px;
    height: 100%;
    border-left: 1px solid #AAA;
    margin-left: 20px;
    padding-left: 20px;
}
.paper-nav > li > a {
    border-bottom: 1px solid #AAA;
    color: #444;
}
.paper-nav > li > a:hover,
.paper-nav > li > a:focus {
    background: rgba(0, 0, 0, 0.03);
    color: #444;
    outline: none;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.06);
    text-shadow: 0 -1px 0 #fff;
}
.paper-nav > li.uk-active > a {
    background: #13B690;
    color: #FFF;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.print-dialog {
    width: 60vw;
    height: 90vh;
    margin: 0 auto !important;
}
.print-body {
    overflow-y: scroll;
    height: 73vh;
    min-height: 73vh;
}
.print-footer {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: calc(100% - 40px);
    padding: 20px;
}
/* A4 */
.invc-print-div {
    font-family: "Malgun Gothic", "Gulim", sans-serif !important;
    font-size: 11pt;
    color: #000;
    display: block;
    width: 210mm;
    margin: 0 auto;
}
.invc-print-half {
    background: url('/img/CJ_INVC_A4_2.jpg') no-repeat;
    background-size: 100%;
    position: relative;
    width: inherit;
    height: 142.5mm;
}
.invc-print-half > div,
.invc-print-half > svg { position: absolute; line-height: 1; }

.pfs9 { font-size: 9pt !important; }
.pfs8 { font-size: 8pt !important; }
.pfs9-5 { font-size: 9.5pt !important; }
.pfs10 { font-size: 10pt !important; }
.pfb { font-weight: bold; }
.ptt { overflow: hidden; text-overflow: ellipsis; }
.ls-1 { letter-spacing: -1px; }
.ls-1-5 { letter-spacing: -1.5px; }
.ls-2 { letter-spacing: -2px; }
.pfs9-red-bold { font-size: 9pt !important; color: #F00; font-weight: bold }
.pfs9-green-bold { font-size: 9pt !important; color: #6fac34; font-weight: bold }

.print-invc-no-1 { top: 9mm; left: 16mm; }
.print-invc-no-2 { top: 19mm; left: 114mm; }
.invc-rcpt-dt-1 { top: 9mm; left: 76mm; }
.invc-rcpt-dt-2 { top: 19mm; left: 177mm; }

.dlv-cls-div { top: 12mm; left: 35mm; }
.dlv-cls-cd-first { font-size: 40pt; }
.dlv-cls-cd-last { font-size: 53pt; }
.dlv-sub-cls-cd { font-size: 32pt; }

.rcvr-cls-f-addr { top: 24mm; left: 107mm; font-size: 20pt; }
.dlv-bran-short-nm { top: 101mm; left: 48mm; font-size: 13pt; }
.dlv-emp-nm { top: 109mm; left: 48mm; font-size: 13pt; }
.dlv-emp-nick-nm { top: 108mm; left: 78mm; font-size: 18pt; }
.dlv-cls-cd-barcode { top: 14mm; left: 6mm; }
.invc-no-barcode-L { top: 70mm; left: 144mm; }
.invc-no-barcode-S { top: 89mm; left: 7mm; }

.dlv-msg { top: 57.5mm; left: 107mm; max-width: 90mm; }
.snd-nm-1 { top: 50.5mm; left: 107mm; }
.snd-phone-1 { top: 50.5mm; left: 146mm; }
.snd-nm-2 { top: 101.5mm; left: 107mm; }
.snd-phone-2 { top: 105.2mm; left: 107mm; }
.snd-addr-2 { top: 108.9mm; left: 107mm; max-width: 90mm; }
.rcv-nm-1 { top: 32mm; left: 107mm; }
.rcv-phone-1 { top: 36.5mm; left: 107mm; }
.rcv-addr-1 { top: 41mm; left: 107mm; max-width: 90mm; }
.rcv-nm-2 { top: 83mm; left: 107mm; }
.rcv-phone-2 { top: 89mm; left: 107mm; }
.rcv-addr-2 { top: 93mm; left: 107mm; max-width: 90mm; }
.chrg-price { top: 64.5mm; left: 148mm; width: 15mm; text-align: right; }
.chrg-gb-nm { top: 64.5mm; left: 181mm; }
.frwy-mark { top: 9mm; left: 52mm; }
.frwy-mark > span { border: 2px solid black; padding: 0 10px; }

.item-div { top: 34mm; left: 5.5mm; width: 91mm; height: 53mm; overflow: hidden; letter-spacing: -1.5px; padding-right: 1px; }
.item-nm { float: left; width: 84mm; margin-bottom: 1mm; }
.item-cnt { float: right; }
.paper-cnt { top: 117mm; left: 20mm; font-size: 13pt; }
.linked-cnt { top: 90mm; left: 65mm; }

.footer-invc-no { top: 124mm; left: 24mm; }
.footer-rcpt-dt { top: 124mm; left: 77mm; }
.footer-rcv-nm { top: 128mm; left: 14mm; }
.footer-addr { top: 131mm; left: 14mm; width: 70mm; height: 6mm; }
.footer-rcv-phone { top: 136.5mm; left: 14mm; }
.footer-item-cnt { top: 132mm; left: 97mm; font-size: 13pt; }
.footer-item-div { top: 125mm; left: 111mm; width: 91mm; height: 12.5mm; }

/* A4 3단 */
.invc-print-div-triple {
    font-family: "Malgun Gothic", "Gulim", sans-serif !important;
    font-size: 11pt;
    color: #000;
    display: block;
    width: 210mm;
    margin: 0 auto;
}
.invc-print-triple-one {
    background: url('/img/CJ_INVC_A4_TRIPLE.jpg') no-repeat;
    background-size: 100%;
    position: relative;
    width: inherit;
    height: 98mm;
}
.invc-print-triple-one > div,
.invc-print-triple-one > svg { position: absolute; line-height: 1; }

.pfs9 { font-size: 9pt !important; }
.pfs8 { font-size: 8pt !important; }
.pfs9-5 { font-size: 9.5pt !important; }
.pfs10 { font-size: 10pt !important; }
.pfb { font-weight: bold; }
.ptt { overflow: hidden; text-overflow: ellipsis; }
.ls-1 { letter-spacing: -1px; }
.ls-1-5 { letter-spacing: -1.5px; }
.ls-2 { letter-spacing: -2px; }

.print-invc-no-1-triple { top: 6.5mm; left: 44mm; }
.print-invc-no-2-triple { top: 24mm; left: 136mm; }
.invc-rcpt-dt-1-triple { top: 6.5mm; left: 98mm; }
.invc-rcpt-dt-2-triple { top: 24mm; left: 187.5mm; }

.dlv-cls-div-triple { top: 10mm; left: 59mm; letter-spacing: -0.5mm; }
.dlv-cls-cd-first-triple { font-size: 40pt; }
.dlv-cls-cd-last-triple { font-size: 53pt; }
.dlv-sub-cls-cd-triple { font-size: 32pt; }

.rcvr-cls-f-addr-triple { top: 30mm; left: 136mm; font-size: 14pt; }
.dlv-bran-short-nm-triple { top: 78mm; left: 71mm; font-size: 13pt; }
.dlv-emp-nm-triple { top: 89mm; left: 71mm; font-size: 13pt; }
.dlv-emp-nick-nm-triple { top: 88mm; left: 96mm; font-size: 18pt; }
.dlv-cls-cd-barcode-triple { top: 12.5mm; left: 28mm; }
.invc-no-barcode-L-triple { top: 64mm; left: 165mm; }
.invc-no-barcode-S-triple { top: 77mm; left: 28mm; }

.dlv-msg-triple { top: 52.5mm; left: 123mm; max-width: 82mm; }
.snd-nm-1-triple { top: 7mm; left: 128mm; }
.snd-phone-1-triple { top: 11mm; left: 128mm; }
.snd-addr-1-triple { top: 15mm; left: 128mm; max-width: 78mm; word-break: break-all; }
.snd-nm-2-triple { top: 48mm; left: 134mm; }
.snd-phone-2-triple { top: 48mm; left: 158mm; }
.snd-addr-2-triple { top: 108.9mm; left: 107mm; max-width: 90mm; }
.rcv-nm-1-triple { top: 33.5mm; left: 123mm; }
.rcv-phone-1-triple { top: 37mm; left: 123mm; }
.rcv-addr-1-triple { top: 40.5mm; left: 123mm; max-width: 82mm; word-break: break-all; }
.rcv-nm-2-triple { top: 76mm; left: 128mm; }
.rcv-phone-2-triple { top: 82mm; left: 128mm; }
.rcv-addr-2-triple { top: 86mm; left: 128mm; max-width: 78mm; word-break: break-all; }
.chrg-price-triple { top: 57.5mm; left: 154mm; width: 15mm; text-align: right; }
.chrg-gb-nm-triple { top: 57.5mm; left: 182mm; }
.frwy-mark-triple { top: 6.5mm; left: 78mm; }
.frwy-mark-triple > span { border: 2px solid black; padding: 0 10px; }

.item-div-triple { top: 30.5mm; left: 27mm; width: 92mm; height: 45mm; overflow: hidden; letter-spacing: -1.5px; padding-right: 1px; }
.item-nm-triple { float: left; width: 87mm; margin-bottom: 1mm; }
.item-cnt-triple { float: right; }
.paper-cnt-triple { top: 86mm; left: 36mm; }
.linked-cnt-triple { top: 78mm; left: 106mm; }

.cj-a4-triple-side {
    -ms-transform: rotate(90deg) !important; /* IE 9 */
    -webkit-transform: rotate(90deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(90deg) !important;

    bottom: 36mm;
    left: -34mm;
    width: 89mm;
    height: 20mm;
}

.cj-a4-triple-side > div { position: absolute; line-height: 1; font-size: 10pt !important; }

.invc-no-triple-side { top: 0; left: 0; }
.rcpt-dt-triple-side { top: 0; left: 54mm; }
.rcv-nm-triple-side { top: 4.5mm; left: 0; width: 52mm; }
.chrg-gb-nm-triple-side { top: 4.5mm; left: 54mm; }
.rcv-phone-addr-triple-side { top: 9mm; left: 0; width: 89mm; height: 11mm; overflow: hidden; }

/* LABEL */
.invc-print-half-lb {
    font-family: "Malgun Gothic", "Gulim", sans-serif !important;
    font-size: 11pt;
    color: #000;
    background: url('/img/CJ_INVC_LABEL.jpg') no-repeat;
    background-size: 100%;
    position: relative;
    width: 199mm;
    height: 101mm;
    margin: 0 auto;
}
.invc-print-half-lb > div,
.invc-print-half-lb > svg { position: absolute; line-height: 1; }

.print-invc-no-1-lb { top: 3mm; left: 15mm; }
.print-invc-no-2-lb { top: 3mm; left: 113mm; }
.invc-rcpt-dt-1-lb { top: 3mm; left: 76mm; }
.invc-rcpt-dt-2-lb { top: 3mm; left: 175mm; }

.dlv-cls-div-lb { top: 8mm; left: 38mm; }
.dlv-cls-cd-first-lb { font-size: 36pt; }
.dlv-cls-cd-last-lb { font-size: 48pt; letter-spacing: -2px; }
.dlv-sub-cls-cd-lb { font-size: 32pt; }

.rcvr-cls-f-addr-lb { top: 7.5mm; left: 106mm; font-size: 20pt; }
.dlv-bran-short-nm-lb { top: 85mm; left: 49mm; font-size: 13pt; }
.dlv-emp-nm-lb { top: 93mm; left: 49mm; font-size: 13pt; }
.dlv-emp-nick-nm-lb { top: 92mm; left: 80mm; font-size: 18pt; }
.dlv-cls-cd-barcode-lb { top: 8.5mm; left: 6mm; }
.invc-no-barcode-L-lb { top: 54mm; left: 157mm; }
.invc-no-barcode-S-lb { top: 80.5mm; left: 5mm; }

.dlv-msg-lb { top: 41.5mm; left: 106mm; max-width: 90mm; }
.snd-nm-1-lb { top: 35mm; left: 106mm; }
.snd-phone-1-lb { top: 35mm; left: 146mm; }
.snd-nm-2-lb { top: 85mm; left: 106mm; }
.snd-phone-2-lb { top: 89mm; left: 106mm; }
.snd-addr-2-lb { top: 93mm; left: 106mm; max-width: 90mm; }
.rcv-nm-1-lb { top: 15.5mm; left: 106mm; }
.rcv-phone-1-lb { top: 20.5mm; left: 106mm; }
.rcv-addr-1-lb { top: 25mm; left: 106mm; max-width: 90mm; }
.rcv-nm-2-lb { top: 67.5mm; left: 106mm; }
.rcv-phone-2-lb { top: 72.5mm; left: 106mm; }
.rcv-addr-2-lb { top: 76.5mm; left: 106mm; max-width: 90mm; }
.chrg-price-lb { top: 48mm; left: 148mm; width: 15mm; text-align: right; }
.chrg-gb-nm-lb { top: 48mm; left: 182mm; }
.frwy-mark-lb { top: 3mm; left: 48mm; }
.frwy-mark-lb > span { border: 2px solid black; padding: 0 10px; }

.item-div-lb { top: 28mm; left: 4mm; width: 92mm; height: 50mm; overflow: hidden; letter-spacing: -1.5px; padding-right: 2px; }
.item-nm-lb { float: left; width: 84mm; margin-bottom: 1mm; }
.item-cnt-lb { float: right; }
.paper-cnt-lb { top: 88mm; left: 17mm; font-size: 13pt; }
.linked-cnt-lb { top: 80mm; left: 82mm; }

/* LABEL 소형 */
.invc-print-half-lb-s {
    font-family: "Malgun Gothic", "Gulim", sans-serif !important;
    font-size: 11pt;
    color: #000;
    background: url('/img/CJ_INVC_LABEL_SMALL2.jpg') no-repeat;
    background-size: 100%;
    position: relative;
    width: 152mm;
    height: 103mm;
    margin: 0 auto;
}
.invc-print-half-lb-s > div,
.invc-print-half-lb-s > svg { position: absolute; line-height: 1; }

.print-invc-no-1-lb-s { top: 45.3mm; left: 11mm; font-size: 13pt; }
.print-invc-no-2-lb-s { top: 3mm; left: 68mm; }
.invc-rcpt-dt-1-lb-s { top: 3mm; left: 14mm; }
.invc-rcpt-dt-2-lb-s { top: 3mm; left: 129mm; }

.dlv-cls-div-lb-s { top: 10mm; left: 3mm; }
.dlv-cls-cd-first-lb-s { font-size: 32pt; }
.dlv-cls-cd-last-lb-s { font-size: 42pt; letter-spacing: -3px; }
.dlv-sub-cls-cd-lb-s { font-size: 32pt; letter-spacing: -3px; }

.rcvr-cls-f-addr-lb-s { top: 8.5mm; left: 60mm; font-size: 20pt; }
.dlv-bran-short-nm-lb-s { top: 85mm; left: 4mm; font-size: 13pt; }
.dlv-emp-nm-lb-s { top: 93mm; left: 11mm; font-size: 13pt; }
.dlv-emp-nick-nm-lb-s { top: 92mm; left: 35mm; font-size: 18pt; }
.dlv-cls-cd-barcode-lb-s { top: 28mm; left: 12mm; }
.invc-no-barcode-L-lb-s { top: 55mm; left: 97mm; }

.dlv-msg-lb-s { top: 41.5mm; left: 60mm; max-width: 90mm; }
.snd-nm-1-lb-s { top: 35mm; left: 60mm; }
.snd-phone-1-lb-s { top: 35mm; left: 90mm; }
.snd-nm-2-lb-s { top: 85mm; left: 60mm; }
.snd-phone-2-lb-s { top: 89mm; left: 60mm; }
.snd-addr-2-lb-s { top: 93mm; left: 60mm; max-width: 90mm; }
.rcv-nm-1-lb-s { top: 16.5mm; left: 60mm; }
.rcv-phone-1-lb-s { top: 16.5mm; left: 90mm; }
.rcv-addr-1-lb-s { top: 22mm; left: 60mm; max-width: 90mm; font-size: 12pt; letter-spacing: -1px; }
.rcv-nm-2-lb-s { top: 67.5mm; left: 60mm; }
.rcv-phone-2-lb-s { top: 73mm; left: 60mm; letter-spacing: -1px; }
.rcv-addr-2-lb-s { top: 77mm; left: 60mm; max-width: 90mm; letter-spacing: -1px; }
.chrg-price-lb-s { top: 48mm; left: 100mm; width: 15mm; text-align: right; }
.chrg-gb-nm-lb-s { top: 48mm; left: 138mm; }
.frwy-mark-lb-s { top: 3.3mm; left: 37mm; }
.frwy-mark-lb-s > span { border: 2px solid black; padding: 0 10px; }

.item-div-lb-s { top: 51mm; left: 3.5mm; width: 48mm; height: 25mm; overflow: hidden; letter-spacing: -1.5px; padding-right: 2px; }
.item-div-lb-s-linked { top: 9mm; left: 60mm; width: 87mm; height: 55mm; overflow: hidden; letter-spacing: -1.5px; padding-right: 2px; }
.item-nm-lb-s { float: left; width: 45mm; margin-bottom: 1mm; }
.item-cnt-lb-s { float: right; }
.paper-cnt-lb-s { top: 79mm; left: 10mm; font-size: 13pt; }
.linked-cnt-lb-s { top: 79mm; left: 38mm; }

/* LABEL 소형 5인치 */
.invc-print-half-lb-5 {
    font-family: "Malgun Gothic", "Gulim", sans-serif !important;
    font-size: 11pt;
    color: #000;
    background: url('/img/CJ_INVC_LABEL_5INCH.jpg') no-repeat;
    background-size: 100%;
    position: relative;
    width: 123mm;
    height: 100mm;
    margin: 0 auto;
}
.invc-print-half-lb-5 > div,
.invc-print-half-lb-5 > svg { position: absolute; line-height: 1; }

.print-invc-no-1-lb-5 { top: 2mm; left: 15mm; }

.invc-rcpt-dt-1-lb-5 { top: 2mm; left: 66mm; }

.dlv-cls-div-lb-5 { top: 8mm; left: 38mm; }
.dlv-cls-cd-first-lb-5 { font-size: 36pt; }
.dlv-cls-cd-last-lb-5 { font-size: 48pt; letter-spacing: -2px; }
.dlv-sub-cls-cd-lb-5 { font-size: 32pt; }

.rcvr-cls-f-addr-1-lb-5 { top: 37mm; left: 6mm; font-size: 18pt; }
.rcvr-cls-f-addr-2-lb-5 { top: 84mm; left: 2mm; }
.dlv-bran-short-nm-lb-5 { top: 94mm; left: 4mm; }
.dlv-cls-cd-barcode-lb-5 { top: 8.5mm; left: 6mm; }
.invc-no-barcode-L-lb-5 { top: 85mm; left: 80mm; }
.invc-no-barcode-S-lb-5 { top: 25mm; left: 76mm; }

.dlv-msg-lb-5 { top: 88mm; left: 2mm; max-width: 74mm; max-height: 7mm; overflow: hidden; }
.snd-nm-2-lb-5 { top: 44.5mm; left: 6mm; }
.snd-phone-2-lb-5 { top: 44.5mm; left: 38mm; }
.snd-addr-2-lb-5 { top: 48mm; left: 6mm; max-width: 115mm; }
.rcv-nm-2-lb-5 { top: 25mm; left: 6mm; }
.rcv-addr-2-lb-5 { top: 30mm; left: 6mm; max-width: 115mm; }
.chrg-price-1-lb-5 { top: 45mm; left: 92mm; width: 14mm; text-align: right; }
.chrg-price-2-lb-5 { top: 92mm; left: 46mm; width: 14mm; text-align: right; }
.chrg-gb-nm-1-lb-5 { top: 45mm; left: 113mm; }
.chrg-gb-nm-2-lb-5 { top: 92mm; left: 67mm; }
.frwy-mark-lb-5 { top: 2mm; left: 48mm; }
.frwy-mark-lb-5 > span { border: 2px solid black; padding: 0 10px; }

.item-div-lb-5 { top: 54mm; left: 2mm; width: 118mm; height: 29mm; overflow: hidden; letter-spacing: -1.5px; padding-right: 2px; }
.item-nm-lb-5 { float: left; width: 112mm; margin-bottom: 1mm; }
.item-cnt-lb-5 { float: right; }
.paper-cnt-lb-5 { top: 84mm; left: 62mm; }
.linked-cnt-lb-5 { top: 2mm; left: 104mm; }

/* 우체국 신형 A4 A형 송장 */
.invc-print-div-horizon {
    font-family: "arial", "Malgun Gothic", "Gulim", sans-serif !important;
    font-size: 11pt;
    color: #000;
    display: block;
    width: 297mm;
    height: 210mm;
    margin: 0 auto;
}
.invc-print-a4-a {
    background: url('/img/POST_INVC_A4_A.jpg') no-repeat;
    background-size: 100%;
    display: inline-block;
    position: relative;
    width: 97mm;
    height: inherit;
    margin: 0 auto;
}
.invc-print-a4-a > div,
.invc-print-a4-a > svg { position: absolute; line-height: 1; }

.post-rcpt-dt-a4-a { top: 18mm; left: 6mm; }
.post-order-nm-a4-a { top: 8mm; left: 45mm; }
.post-order-shop-a4-a { top: 11.3mm; left: 45mm; }
.post-order-shop-phone-a4-a { top: 14.6mm; left: 45mm; }
.post-order-no-a4-a { top: 17.9mm; left: 45mm; }
.post-order-item-info-a4-a { top: 99mm; left: 8mm; }

.post-rcv-post-no-barcode-a4-a { top: 74mm; left: 60mm; }
.post-rcv-post-no-a4-a { top: 86mm; left: 67mm; font-size: 14pt; }
.post-paper-cnt-a4-a { top: 154mm; left: 72mm; }

.post-dlvr-center-a4-a { top: 25mm; left: 8mm; }
.post-mail-center-no-a4-a { font-size: 30pt; margin-right: 1mm; }
.post-mail-center-nm-a4-a { font-size: 10pt; margin-right: 1mm; }
.post-office-no-a4-a { font-size: 30pt; margin-right: 1mm; }
.post-office-nm-a4-a { font-size: 10pt; margin-right: 1mm; }
.post-office-team-a4-a { font-size: 22pt; margin-right: 2.5mm; }
.post-office-local-a4-a { font-size: 22pt; }

.post-snd-addr-1-a4-a { top: 39mm; left: 11mm; max-width: 55mm; line-height: 1.2 !important; }
.post-snd-post-no-1-a4-a { top: 39mm; left: 73mm; }
.post-snd-nm-1-a4-a { top: 51mm; left: 11mm; }
.post-snd-phone-1-a4-a { top: 48mm; left: 68mm; }
.post-rcv-addr-1-a4-a { top: 57mm; left: 11mm; width: 80mm; font-size: 12pt; }
.post-rcv-nm-1-a4-a { top: 82mm; left: 11mm; font-size: 16pt; }
.post-rcv-phone-1-a4-a { top: 92mm; left: 11mm; }

.post-dlvr-msg-a4-a { top: 139.5mm; left: 7mm; }

.post-invc-no-barcode-bottom-a4-a { top: 156mm; left: 9mm; }
.post-invc-no-bottom-a4-a { top: 172mm; left: 18mm; }

.post-invc-no-footer-a4-a { top: 183mm; left: 11mm; }
.post-invc-no-barcode-footer-a4-a { top: 182mm; left: 45mm; }
.post-rcv-addr-footer-a4-a { top: 187mm; left: 8mm; width: 56mm; height: 6mm; overflow: hidden; }
.post-rcv-nm-footer-a4-a { top: 194mm; left: 8mm; }
.post-rcv-phone-footer-a4-a { top: 187mm; left: 67mm; }
.post-item-nm-footer-a4-a { top: 194mm; left: 40mm; width: 50mm; height: 3mm; overflow: hidden; }

.post-item-div-a4-a { top: 104.5mm; left: 7mm; width: 85mm; height: 35mm; overflow: hidden; }
.post-item-nm-a4-a { float: left; width: 78mm; }
.post-item-cnt-a4-a { float: right; padding-right: 4mm; }

/* 우체국 신형 라벨 B형 송장 */
.invc-print-lb-b {
    font-family: "arial", "Malgun Gothic", "Gulim", sans-serif !important;
    font-size: 11pt;
    color: #000;
    background: url('/img/POST_INVC_LABEL_B.jpg') no-repeat;
    background-size: 100%;
    position: relative;
    width: 271mm;
    height: 107mm;
    margin: 0 auto;
}
.invc-print-lb-b > div,
.invc-print-lb-b > svg { position: absolute; line-height: 1; }

.post-rcpt-dt-lb-b { top: 11mm; left: 30mm; }
.post-order-nm-lb-b { top: 16mm; left: 3mm; }
.post-order-shop-lb-b { top: 19.6mm; left: 3mm; }
.post-order-shop-phone-lb-b { top: 23.2mm; left: 3mm; }
.post-order-no-lb-b { top: 26.8mm; left: 3mm; }
.post-order-item-info-lb-b { top: 30.4mm; left: 3mm; }
.post-chrg-gb-lb-b { top: 42mm; left: 42mm; font-size: 14pt; }

.post-rcv-post-no-barcode-lb-b { top: 40mm; left: 6mm; }
.post-rcv-post-no-lb-b { top: 54mm; left: 15mm; font-size: 14pt; }
.post-paper-cnt-lb-b { top: 55mm; left: 41mm; }
.linked-cnt-lb-b { top: 5mm; left: 254mm; }

.post-dlvr-center-lb-b { top: 3mm; left: 64mm; }
.post-mail-center-no-lb-b { font-size: 30pt; margin-right: 2mm; }
.post-mail-center-nm-lb-b { font-size: 10pt; margin-right: 2mm; }
.post-office-no-lb-b { font-size: 30pt; margin-right: 2mm; }
.post-office-nm-lb-b { font-size: 10pt; margin-right: 2mm; }

.post-terminal-lb-b { top: 3mm; left: 130mm; }
.post-office-team-lb-b { font-size: 22pt; margin-right: 2.5mm; }
.post-office-local-lb-b { font-size: 22pt; }
.post-course-no-lb-b { text-align: center; }

.post-snd-addr-1-lb-b { top: 17mm; left: 67mm; width: 62mm; line-height: 1.2 !important; }
.post-snd-post-no-1-lb-b { top: 17mm; left: 140mm; }
.post-snd-nm-1-lb-b { top: 29mm; left: 67mm; }
.post-snd-phone-1-lb-b { top: 26mm; left: 132mm; }
.post-rcv-addr-1-lb-b { top: 36mm; left: 67mm; width: 90mm; font-size: 12pt; }
.post-rcv-nm-1-lb-b { top: 56mm; left: 67mm; font-size: 16pt; }
.post-rcv-phone-1-lb-b { top: 66mm; left: 67mm; }

.post-invc-no-bottom-lb-b { top: 76mm; left: 67mm; }
.post-invc-no-barcode-bottom-lb-b { top: 86mm; left: 65mm; }
.post-invc-no-lb-b-linked { top: 10mm; left: 67mm; }

.post-dlvr-msg-lb-b { top: 62mm; left: 3mm; width: 56mm;  }

.invc-print-lb-b > div[class*=side-lb-b],
.invc-print-lb-b > svg[class*=side-lb-b] {
    -ms-transform: rotate(-90deg) !important; /* IE 9 */
    -webkit-transform: rotate(-90deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(-90deg) !important;
}

.post-item-div-title-lb-b { top: 4mm; left: 200mm; font-size: 15pt; }
.post-invc-no-item-lb-b { top: 11mm; left: 170mm; }
.post-order-no-item-lb-b { top: 16mm; left: 170mm; }

.post-item-div-lb-b { top: 25mm; left: 170mm; width: 97mm; height: 79mm; overflow: hidden; line-height: 1.2 !important; }
.post-item-nm-lb-b { float: left; width: 90mm; }
.post-item-cnt-lb-b { float: right; padding-right: 4mm; }

/* 우체국 신형 라벨 C형 송장 */
.invc-print-lb-c {
    font-family: "arial", "Malgun Gothic", "Gulim", sans-serif !important;
    font-size: 11pt;
    color: #000;
    background: url('/img/POST_INVC_LABEL_C.jpg') no-repeat;
    background-size: 100%;
    position: relative;
    width: 168mm;
    height: 107mm;
    margin: 0 auto;
}
.invc-print-lb-c > div,
.invc-print-lb-c > svg { position: absolute; line-height: 1; }

.post-rcpt-dt-lb-c { top: 13mm; left: 31mm; }
.post-order-nm-lb-c { top: 18mm; left: 3mm; }
.post-order-shop-lb-c { top: 21.6mm; left: 3mm; }
.post-order-shop-phone-lb-c { top: 25.2mm; left: 3mm; }
.post-order-no-lb-c { top: 28.8mm; left: 3mm; }
.post-order-item-info-lb-c { top: 32.4mm; left: 3mm; }
.post-chrg-gb-lb-c { top: 42mm; left: 42mm; font-size: 14pt; }

.post-rcv-post-no-barcode-lb-c { top: 38mm; left: 5mm; }
.post-rcv-post-no-lb-c { top: 53mm; left: 14mm; font-size: 14pt; }
.post-paper-cnt-lb-c { top: 4mm; left: 41mm; }
.linked-cnt-lb-c { top: 3mm; left: 137mm; }

.post-dlvr-center-lb-c { top: 4mm; left: 64mm; }
.post-mail-center-no-lb-c { font-size: 30pt; margin-right: 1mm; }
.post-mail-center-nm-lb-c { font-size: 10pt; margin-right: 1mm; }
.post-office-no-lb-c { font-size: 30pt; margin-right: 1mm; }
.post-office-nm-lb-c { font-size: 10pt; margin-right: 1mm; }

.post-terminal-lb-c { top: 3mm; left: 125mm; }
.post-office-team-lb-c { font-size: 22pt; margin-right: 2.5mm; }
.post-office-local-lb-c { font-size: 22pt; }
.post-course-no-lb-c { text-align: center; }

.post-snd-addr-1-lb-c { top: 19mm; left: 67mm; max-width: 57mm; line-height: 1.2 !important; }
.post-snd-post-no-1-lb-c { top: 19mm; left: 132mm; }
.post-snd-nm-1-lb-c { top: 31mm; left: 67mm; }
.post-snd-phone-1-lb-c { top: 28mm; left: 125mm; }
.post-rcv-addr-1-lb-c { top: 38mm; left: 67mm; width: 80mm; font-size: 12pt; }
.post-rcv-nm-1-lb-c { top: 52mm; left: 67mm; font-size: 16pt; }
.post-rcv-phone-1-lb-c { top: 62mm; left: 67mm; }

.post-invc-no-bottom-lb-c { top: 70mm; left: 67mm; }
.post-invc-no-barcode-bottom-lb-c { top: 80mm; left: 65mm; }
.post-invc-no-lb-c-linked { top: 10mm; left: 66mm; }

.post-dlvr-msg-lb-c { top: 100mm; left: 7mm; }

.post-side-lb-c {
    -ms-transform: rotate(-90deg) !important; /* IE 9 */
    -webkit-transform: rotate(-90deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(-90deg) !important;

    bottom: 47mm;
    right: -40mm;
    width: 100mm;
    height: 14mm;
}

.post-side-lb-c > div,
.post-side-lb-c > svg { position: absolute; line-height: 1 }

.post-rcv-addr-side-lb-c { bottom: 7mm; right: 48mm; width: 52mm; height: 7mm; overflow: hidden; }
.post-rcv-nm-side-lb-c { bottom: 4mm; right: 48mm; width: 52mm; }
.post-rcv-phone-side-lb-c { bottom: 0; right: 48mm; width: 52mm; }
.post-invc-no-barcode-side-lb-c { bottom: 5mm; right: 0.5mm; }
.post-invc-no-side-lb-c { bottom: 0; right: 8mm; }

.post-item-div-lb-c { top: 60mm; left: 3mm; width: 57mm; height: 38mm; overflow: hidden; }
.post-item-nm-lb-c { float: left; width: 50mm; }
.post-item-cnt-lb-c { float: right; padding-right: 4mm; }
.post-item-div-lb-c-linked { top: 19mm; left: 3mm; width: 57mm; height: 80mm; overflow: hidden; }

.barcode-a4-page { size: A4; }
@media print{
    html, body {
        size: A4;
        border: 0;
        margin: 0;
        padding: 0;
        background: transparent;
    }
    .barcode-print-none {
        display: none;
    }
    .barcode-a4-page {
        margin: 0;
        padding: 0;
        page-break-after: always;
    }
}

/* logisnet index.jsp
 ========================================================================== */
.jb-custom-a{
    text-decoration: none;
    color: #939393;
    transition: all 700ms;
    line-height: 1;
}
.jb-custom-a:visited{
    color: #e96656;
    text-decoration: none;
}
.jb-custom-a:hover{
    color: #e96656;
    text-decoration: none;
}
.jb-custom-background{
    width: 100%;
    height: 100%;
    background-image: url(/img/logisnet_background-2_4800.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    background-size: 100%;
}
.jb-custom-body{
    padding-top: calc(100vh / 4);
}
.jb-custom-body-content{
    background-color: rgba(51,67,70,0.75);
    text-align:center;
    line-height: 65px;
    z-index: 0;
    text-transform: uppercase;
    font-size:55px;
    float:none;
    padding-top: 3% !important;
    padding-bottom: 4% !important;
    font-weight: 700;
    margin-right: 20%;
    margin-left: 20%;
    padding-left: 15px;
    padding-right:15px;
}
.jb-custom-body-content-top{
    color: #FFF !important;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.jb-custom-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    background-color: #252525 !important;
    padding: 40px 0;
}
.jb-custom-footer-top {
    font-size: 32px;
    font-weight: bold;
    color: white !important;
    text-align: center;
    margin-right: 20%;
    margin-left: 20%;
    overflow: hidden;
}
.jb-custom-footer-bottom {
    color:#939393 !important;
    text-align: center;
    font-size:16px;
    margin-right: 20%;
    margin-left: 20%;
    padding-top: 35px;
}
.jb-custom-footer-bottom-menu{
    display: inline-grid;
    width:33%;
}
.jb-gutter-x-10 > * {
    margin-left: 10px
}
.jb-gutter-x-10 > *:first-child {
    margin-left: 0
}
.jb-gutter-x-16 > * {
    margin-left: 16px
}
.jb-gutter-x-16 > *:first-child {
    margin-left: 0
}

.row {
    display: flex;
}
.justify-center {
    justify-content: center;
}
.justify-end {
    justify-content: flex-end;
}
.justify-between {
    justify-content: space-between;
}
.items-center {
    align-items: center;
}
.calc-calendar-body {
    width: fit-content;
    margin: 0 auto;
}
.calc-calendar-body div {
    box-sizing: border-box;
}
.calc-calendar-body .calc-sprv-corp {
    margin: 4px 6px;
}
.calc-calendar-row {
    border: 1px solid #b7b7b7;
    border-bottom: none;
}
.calc-calendar-row:last-child {
    border-bottom: 1px solid #b7b7b7;
}

.calendar-day-cell {
    width: 140px;
    height: 90px;
    border-right: 1px solid #b7b7b7;
    position: relative;
    font-size: 10px;
}
.calendar-day-cell:last-child {
    border-right: none;
}
.calendar-day-cell.blank {
    background: #f5f5f5
}
.calendar-day-cell > .date {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 12px;
    color: #949494;
}
.calendar-day-cell > .date-info {
    width: 100%;
    height: 100%;
    padding-top: 42px;
}
.calendar-day-cell > .holiday-info {
    position: absolute;
    top: 5px;
    left: 4px;
    background: #ffe2b0;
    color: #ff8800;
    border-radius: 10px;
    padding: 0 6px;
    line-height: 1;
}
.calendar-day-cell > .holiday-info > div {
    padding: 4px 0;
}
.calendar-day-cell > .holiday-info > div:nth-child(n+2) {
    padding-top: 0;
}

.calc-sprv-stat-row {
    border: 1px solid #b7b7b7
}
.calc-sprv-stat-row:first-child {
    border-bottom: none;
}
.calc-sprv-stat-cell {
    border-left: 1px solid #b7b7b7;
    padding: 3px 0;
}
.calc-sprv-stat-cell:first-child {
    border-left: none
}

.daily-calc-withdraw-list {
    border: 1px solid #b7b7b7;
}
.daily-calc-withdraw-list > .row {
    border-top: 1px solid #b7b7b7;
}
.daily-calc-withdraw-list > .row:first-child {
    border-top: none;
}
.daily-calc-withdraw-list > .row > div {
    border-left: 1px solid #b7b7b7;
    padding: 5px 15px;
}
.daily-calc-withdraw-list > .row > div:first-child {
    border-left: none;
    width: 120px;
}
.daily-calc-withdraw-list > .row > div:nth-child(n+2) {
    flex: 1 0 0;
}
.daily-calc-withdraw-list > .row:nth-child(n+2) > div {
    text-align: right;
}
.daily-calc-withdraw-list > .row:nth-child(n+2) > div:first-child {
    text-align: center;
}
.daily-calc-withdraw-list > .row > div.blue {
    color: #4270ed;
}
.daily-calc-withdraw-list > .row > div.red {
    color: #e65576;
}
.daily-calc-withdraw-list > .row > div.grey {
    color: #949494;
}