@charset "utf-8";
@import url(/assets/style/reset-6efa60e46a49fe9a779efa48ae3e4f53.css);
@import url(/assets/style/progress-a9687f4789b18b549858784ba2156566.css);

/* 기본선언 */
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hide {
    display: none;
}

.hideImp {
    display: none !important;
}

/* 구조선언 */
/* 구조선언-공통 */
html, body {
    height: 100%;
    overflow-x:hidden
}

body {
    letter-spacing: -0.06em;
    font-size: 13px;
    min-width: 900px;
}

/* 구조선언-main */
.main {
    height: 100%;
    position: relative;
    min-width: 1280px;
}

section.header {
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 100;
}

header {
    position: absolute;
    width: 100%;
    min-width: 1860px;
}

main {
    position: relative;
    padding-left: 260px;
    min-height: 100%;
}

ul {
    padding-left: 20px;
}

li {
    line-height: 15px;
}

.content {

}

.description + .content {
    margin-top: 40px;
}

.cp {
    cursor: pointer;
}

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

.loading {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    z-index: 999999;
}

.loading:after {
    content: '';
    background: url(data:image/gif;base64,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) no-repeat 0;
    background-position: center center;
    background-size: 32px;
    height: 100%;
    display: block;
}

.content_left {
    border-right: 1px dashed #ccc;
    margin-right: 10px;
    padding-right: 10px;
}

section.content {
    padding: 0 20px 60px 20px;
}

.lnb {
    position: absolute;
    top: 70px;
    left: 0;
    bottom: 0;
    width: 260px;
    min-width: 212px;
    color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9;
    background: #2b3a48;
}

.nav {
    margin-top: 60px;
    margin-bottom: 20px;
}

.nav ul {
    padding: 0;
    list-style: none;
}

.nav p.nav-item {
    line-height: 40px;
    position: relative;
    padding: 0 15px 0 15px;
}

.nav p.nav-item + ul li > p:before {
    content: unset;
}

.nav p.nav-item a {
    color: #ffffff;
    text-decoration: none;
    display: block;
}

li.open > p.tabs-root:before,
p.tabs-root.on:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: #ffffff;
}

.nav li p.on,
.nav li p:hover {
    background: #cccccc88;
    cursor: pointer;
}

ul.disabled {
    display: none;
}

.footer {
    position: fixed;
    bottom: 0;
    color: #ccc;
    text-align: center;
    line-height: 30px;
    width: 260px;
    background: #2b3a48;
}

/* header */
header a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

.information {
    position: absolute;
    width: 100%;
    z-index: 1;
}

._title {
    background: #fff;
    margin-top: 30px;
    padding-left: 48px;
    height: 40px;
}

._title a {
    padding-top: 1px;
    display: inline-block;
    line-height: 17px;
}

._title:before {
    content: "T";
    left: 8px;
    bottom: 4px;
    width: 33px;
    background: #ccc;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    line-height: 33px;
    font-size: 25px;
}

._title a b {
    font-size: 16px;
}

.information:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 70px;
    width: 260px;
    background: #2b3a48;
    z-index: -1;
}

.info-wrapper ul {
    list-style: none;
    display: inline-flex;
}

.info-wrapper li {
    padding: 0 5px;
}

.info-wrapper {
    position: absolute;
    background: #ddd;
    left: 260px;
    right: 0;
    height: 70px;
    z-index: 100;
}

.info-top {
    text-align: right;
    line-height: 30px;
}

ul.info-notice {
    display: inline-block;
    width: 600px;
    text-align: left;
    position: absolute;
    left: 0;
}

ul.info-notice li {
    display: none;
    line-height: inherit;
}

ul.info-notice li.active {
    transition: all .2s;
    display: block;
}

.info-top ul.info-operator {
    padding-right: 10px;
}

.info-body {
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    z-index: 2;
    height: 40px;
    background: #fff;
    line-height: 40px;
    overflow: hidden;
}

._favorite li {
    padding: 0;
}

._favorite li a {
    background: #fff;
    padding: 3px 5px;
    border-radius: 4px;
    transition: all .2s;
    white-space: nowrap;
}

._favorite li a:hover {
    background: #ddd;
}

.info-body_timer {
    right: 0;
    position: absolute;
    background: #ffffff;
    padding-right: 10px;
    top: 0;
}

.info-body_timer li {
}

._logout {
    line-height: 40px;
    font-size: 25px;
    transition: all .2s;
}

._logout:hover {
    color: #f82244;
}

._timer > div {
    color: #fff;
    width: 76px;
    padding: 4px 9px;
    margin-top: 8px;
    border-radius: 5px;
    background: #333;
    font-size: 13px;
    text-align: center;
    line-height: normal;
    cursor: pointer;
    transition: all .2s;
}

._timer:hover > div {
    background: #f82244;
}

._timer-extention {
    display: inline-block;
    float: right;
}

/* PageControl + tab */
.tabs {
    padding-top: 70px;
    min-width: 1600px;
}

.tab-buttons {
    height: 35px;
    background-color: #ddd;
    position: relative;
    margin: 0 40px;
    padding-left: 5px;
}

.tabBtnElement ._close_box {
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    margin: 5px;
    margin-right: -5px;
    vertical-align: middle;
}

.tabBtnElement ._close_box:hover {
    background: #d1d2d5;
    border-radius: 50%;
}

.tabElement {
    cursor: pointer;
    margin-right: 5px;
    z-index: 300;
}

.tabBtnElement {
    height: 30px;
    margin-top: 3px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #f1f3f5;
    color: #888;
    position: relative;
    white-space: nowrap;
}

.tabElement.active > .tabBtnElement {
    background-color: #ffffff;
    color: #000000;
    z-index: 300;
}

.titleElement {
    line-height: 31px;
    vertical-align: middle;
}

.pageTab button.tabLeftButtonElement,
.pageTab button.tabRightButtonElement,
.pageTab .contextMenuElement {
    display: none;
}

.pageTab .tab-buttons {
    margin: 0;
    padding-left: 20px;
}

.tabAreaDivElement {
    position: relative;
    overflow: hidden;
}

button.tabLeftButtonElement {
    position: absolute;
    left: 0;
    z-index: 100000;
    top: 0;
}

button.tabRightButtonElement {
    position: absolute;
    right: 0;
    z-index: 100000;
    top: 0;
}

button.tabLeftButtonElement,
button.tabRightButtonElement {
    width: 40px;
    height: 33px;
    border: none;
    background: #ddd;
    font-size: 22px;
    color: #888;
}

.contextMenuElement {
    background: #ffffff;
    position: fixed;
    z-index: 100;
    border: 1px solid #dadce0;
    padding: 5px 0;
    box-shadow: 3px 3px 2px #eee;
}

.contextMenuElement i {
    position: absolute;
    left: 7px;
    line-height: 24px;
    font-size: 12px;
    color: #333;
}

.contextMenuElement a {
    cursor: pointer;
    display: block;
    position: relative;
    padding: 1px 25px;
    line-height: 24px;
    width: 130px;
}

.contextMenuElement a:hover {
    background-color: #c8c8c9;
}

.tab-content.iframe {
    height: calc(100vh - 165px);
}


.pageElement.active {
    display: block;
}

.pageElement.inactive {
    display: none;
}

/* 구조선언-sub */
.wrapper {
    height: 100%;
    position: relative;
    overflow-y: scroll;
}

.header h2 {
    padding: 20px;
    border-bottom: 1px solid #ccc;
    font-size: 20px;
}

.wrapper header {
    padding: 20px;
    position: absolute;
}

.wrapper2 {
    height: 100%;
    position: relative;
    overflow-y: hidden;
}

.description {
    line-height: 15px;
    padding: 10px;
    background: #f1f3f5;
    position: absolute;
    top: 68px;
    z-index: 99;
    width: 100%;
    cursor: pointer;
}

.description-contents {
    padding: 10px;
}

.description-close,
.description-open {
    padding-left: 10px;
    position: absolute;
    top: 10px;
    right: 20px;
}

.description.open .description-contents {
    overflow: hidden;
    height: 15px;
    padding: 0 10px;
}

.description.open .description-close {
    display: none;
}

.description.close .description-open {
    display: none;
}


.descriptionRelative {
    line-height: 15px;
    padding: 10px;
    position: relative;
    vertical-align: middle;
    z-index: 99;
    width: 100%;
    cursor: pointer;
}

.descriptionRelative-contents {
    padding: 10px;
    background: #f1f3f5;
}

.descriptionRelative-close,
.descriptionRelative-open {
    padding-left: 10px;
    position: absolute;
    top: 10px;
    right: 20px;
}

.descriptionRelative.open .descriptionRelative-contents {
    overflow: hidden;
    height: 25px;
    padding: 5px 10px;
}

.descriptionRelative.open .descriptionRelative-close {
    display: none;
}

.descriptionRelative.close .descriptionRelative-open {
    display: none;
}


.flex {
    display: flex;
}

.flex div {
    /*width: 100%;*/
}


.flex em {
    font-style: normal;
    font-weight: bold;
}

.flex .btn {
    margin-left: 5px;
}

/* table */
table {
    width: 100%;
    border-top: 1px solid #2a3137;
    border-bottom: 1px solid #e1e1e1;
}

td,
th {
    padding: 9px 10px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
    word-break: break-all;
}

td {
    border-top: 1px solid #f0f0f0;
    color: #333;
    height: 23px;
    background: url(data:image/png;base64,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) no-repeat 0 100%;
}

thead th:first-child,
td:first-child {
    background: none;
}

table.info {
    width: 100%;
    border-top: 1px solid #2a3137;
    border-bottom: 1px solid #e1e1e1;
    margin: 15px 0px;
}

table.border-none {
    border-width: 0px !important;
}

table.border-none th,
table.border-none td {
    border-width: 0px !important;
}

table.top-border-none {
    border-top: 0px !important;
}

table.row {
    width: 100%;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin: 15px 0px;
}

table.info th {
    background: #f8f9fa;
}

table.info td {
    background: unset;
}

table.info th,
table.info td {
    text-align: left;
    border-top: unset;
    border-bottom: 1px solid #f0f0f0;
}

/* */
hr {
    border-color: #f1f3f5;
    margin: 2em 0;
}

hr.page {
    border-style: dashed;
    border-color: #ccc;
}

h3 {
    font-size: 20px;
}

h3:before {
    /*content: '-';*/
}

h4 {
    font-size: 16px;
}

.bold {
    font-weight: bold;
}

.h30 {
    height: 30px !important;
}

.h50 {
    height: 50px !important;
}

.h85 {
    height: 85px !important;
}

.wd52 {
    width: 52px !important;
}

.wd65 {
    width: 65px !important;
}

.wd80 {
    width: 80px !important;
}

.wd90 {
    width: 90px !important;
}

.wd100 {
    width: 100px !important;
}

.wd120 {
    width: 120px !important;
}

.wd150 {
    width: 150px !important;
}

.wd200 {
    width: 200px !important;
}

.wd250 {
    width: 250px !important;
}

.wd300 {
    width: 300px !important;
}

.wd400 {
    width: 400px !important;
}

.wd500 {
    width: 500px !important;
}

.wd600 {
    width: 600px !important;
}

.wd700 {
    width: 700px !important;
}

.wd10p {
    width: 10% !important;
}

.wd20p {
    width: 20% !important;
}

.wd30p {
    width: 30% !important;
}

.wd40p {
    width: 40% !important;
}

.wd50p {
    width: 50% !important;
}

.wd60p {
    width: 60% !important;
}

.wd70p {
    width: 70% !important;
}

.wd80p {
    width: 80% !important;
}

.wd90p {
    width: 90% !important;
}

.wd100p {
    width: 100% !important;
}

.wd120p {
    width: 120% !important;
}

.lh30 {
    line-height: 30px;
}

.mr10 {
    margin-right: 10px !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml-20 {
    margin-left: -20px !important;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt10Imp {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px;
}

.pa0 {
    padding: 0 !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}

.t_left {
    text-align: left !important;
}

.t_right {
    text-align: right !important;
}

.tm_right {
    text-align: right !important;
    margin-right: 5px;
}

.t_center {
    text-align: center !important;
}

.v_top {
    vertical-align: top;
}

.filter.h50 form {
    min-height: 50px;
}

.filter.h85 form {
    min-height: 85px;
}

.bg_first {
    background: #fff8dc;
}

/* btn, button */
.btn {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    /*width: 100px;*/
    text-align: center;
    color: #ffffff;
    background: #a3a9b2;
    vertical-align: middle;
    min-width: 100px;
    padding: 0 15px;
    box-sizing: border-box;
    text-decoration: none;
}

.btn_open, .btn_link {
    color: #fff;
    background: #5a6370;
}

.btn_delete {
    color: #fff;
    background: #e74c3c;
}

.btn_save, .btn_next, .btn_upload {
    color: #fff;
    background: #3498db;
}

.btn_single_add {
    color: #fff;
    background: #e74c3c;
}

.btn_batch_add {
    color: #fff;
    background: #e74c3c;
}

.btn_reject, .btn_prev, .btn_unlock {
    color: #fff;
    background: #f1c40f;
}

.btn_add, .btn_edit, .btn_add_window, .btn_add_row {
    color: #fff;
    background: #07bc0c;

}

.btn_add_window {
    color: #fff;
    background: #07bc0c;
    background-color: #07bc0c !important;
}

.btn_add_window_reset_disabled {
    background: #f8f9fa !important;
    cursor: no-drop;
    color: #888888;
}

.btn_none {
    color: #fff;
    background: #5a6370;
}

.btn_refresh {
    color: #fff;
    background: #000000;
}

.btn_cancel, .btn_reset, .btn_list, .btn_close, .btn_search {
    color: #fff;
    background: #000000;
}

.btn_download, .btn_setting {
    color: #fff;
    background: #5a6370;
}

.btn_disabled {
    pointer-events: none;
    cursor: default;
    background: lightgray;
}

/* btn + icon*/
.btn_open:before {
    content: "\f2d2";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_link:before {
    content: "\f14c";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_cancel:before, .btn_close:before {
    content: "\f00d";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_reset:before {
    content: "\f021";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_reset_new:before {
    content: "\f021";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_list:before {
    content: "\f03a";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_history:before {
    content: "\f1da";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_unlock:before {
    content: "\f09c";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_add:before {
    /*content: "\f067";*/
    content: url("/assets/image/u229-f0be54f99aa8d3a0716c3e6c65ad446b.svg");
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_add_row:before {
    content: "\f067";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
    width: 20%;
}


.btn_add_window:before {
    content: "\f2d2";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_up:before {
    background-color: #fff;
    content: "\f151";
    font: normal normal normal 24px/1 FontAwesome;
    margin-right: 4px;
}

.btn_down:before {
    background-color: #fff;
    content: "\f150";
    font: normal normal normal 24px/1 FontAwesome;
    margin-right: 4px;
}

.btn_down.disabled {
    opacity: 0.5;
}

.btn_up.disabled {
    opacity: 0.5;
}

.btn:disabled, .btn[disabled] {
    opacity: 0.5;
}


.btn_edit:before {
    content: "\f044";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_save:before {
    content: "\f0c7";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_delete:before {
    content: "\f1f8";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_search:before {
    content: "\f002";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_file:before {
    content: "\f114";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_download:before {
    content: "\f019";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_upload:before {
    content: "\f093";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_setting:before {
    content: "\f013";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_prev:before {
    content: "\f053";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.btn_next:before {
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 4px;
}

.filter-btn {
    width: 80px;
    height: 19px;
    position: absolute;
    bottom: -19px;
    z-index: 99;
    left: calc(50% - 50px);
    text-align: center;
    cursor: pointer;
    border-width: 0 1px 2px;
    border-style: solid solid solid;
    border-color: #cccccc;
    background: #ffffff;
    border-top: 0;
}

.filter-btn.open {
    border-bottom-color: #418ed4;
}

.filterItem-extend {
    display: none;
}

.reload {
    font-size: 20px;
    cursor: pointer;
    vertical-align: middle;
    color: #555;
    width: 25px;
    text-align: center;
    height: 25px;
    line-height: 25px;
}

/* label */
.label {
    height: 22px;
    line-height: 22px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    background-color: #008aff;
    padding: 0 7px;
    text-align: center;
}

.label.wait {
    color: #fff;
    background-color: #45d8a3;
}

.label.cancel {
    color: #fff;
    background-color: #ffb400;
}

.label.reject, .label.delete {
    color: #fff;
    background-color: #ff4155;
}

.label.green {
    color: #fff;
    background-color: #07bc0c;
}


/* color */
.c_red {
    color: #f82244;
}

.c_green {
    color: #45d8a3;
}

.c_black {
    color: #000000 !important;
}

.c_info {
    color: #3498db;
}

.c_success {
    color: #07bc0c;
}

.c_warning {
    color: #f1c40f;
}

.c_error {
    color: #e74c3c;
}

.bc_gray {
    background: #a3a9b2;
}

.bc_dark {
    background: #5a6370;
}

.bc_black {
    background: #000000;
}

.bc_info {
    background: #3498db;
}

.bc_success {
    background: #07bc0c;
}

.bc_warning {
    background: #f1c40f;
}

.bc_error {
    background: #e74c3c !important;
}

/* input */
table input[type="text"],
table input[type="search"],
table input[type="number"],
table input[type="tel"],
table input[type="password"],
table input[type="date"] {
    width: 250px;
    height: 30px;
    border: 1px solid #dbdde0;
    padding: 0 10px 1px;
    background: #fff;
    outline: none;
}

input[type="radio"] {
    display: none;
}

textarea {
    width: 100%;
    border: 1px solid rgb(219, 221, 224);
    height: 80px;
    resize: none;
}

input[type="radio"] + label {
    position: relative;
    font-size: 13px;
    line-height: 30px;
    padding-left: 27px;
    margin-right: 10px;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
}

input[type="radio"] + label:before,
input[type="radio"] + label:after {
    content: "";
    display: block;
    position: absolute;
    -webkit-transition: all .2s;
    transition: all .2s;
}

input[type="radio"] + label:before {
    width: 20px;
    height: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    left: 0;
    top: 0;
}

input[type="radio"]:checked + label:before {
    border: 2px solid #418ed4;
}

input[type="radio"]:checked:disabled + label:before {
    border: 2px solid #888888
}

input[type="radio"]:checked + label:after {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: 6px;
    top: 6px;
    background: #418ed4;
}

input[type="radio"]:checked:disabled + label:after {
    background: #888888
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label {
    position: relative;
    /*line-height: 30px;*/
    padding-left: 27px;
    cursor: pointer;
    outline: none;
    vertical-align: middle;
    margin-right: 10px;
    white-space: nowrap;
}

input[type="checkbox"]:checked + label:before {
    border-color: #a3a9b2;
    background: #a3a9b2;
}

input[type="checkbox"] + label:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #dbdde0;
    background: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

input[type="checkbox"] + label:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 6px;
    width: 11px;
    height: 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkY2OEZDNEE4QTNFMTFFOEE2QzZDMzVGNkRBODU2REUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkY2OEZDNEI4QTNFMTFFOEE2QzZDMzVGNkRBODU2REUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRjY4RkM0ODhBM0UxMUU4QTZDNkMzNUY2REE4NTZERSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRjY4RkM0OThBM0UxMUU4QTZDNkMzNUY2REE4NTZERSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PizWDisAAACqSURBVHjaYty6dSsDASAKxMuAOJOFgEIBIN4NxPpAPJ8Jj0JeIN4BVfgciBNhig3RFHIB8SYgNgfi10DsBsR3QIprgPgMEMdAFbIB8VogdgDij0DsAcRXQBIgNwsDMUjTAiD+AcRRUAXfgNgTiM/BrAMpLgJiHiBOAeLVUPHvQOwLxMeR3QYy8T8QZwDxCqjYLyAOBeJ96D6GBd1fII6Hunc5EGMNfIAAAwDXDh3VD0SNOAAAAABJRU5ErkJggg==) no-repeat center center;
}

input[type="checkbox"]:checked + label:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkVERjVDQTg4QTNDMTFFOEJDMEFCNzE4N0NGQjhGOTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkVERjVDQTk4QTNDMTFFOEJDMEFCNzE4N0NGQjhGOTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RURGNUNBNjhBM0MxMUU4QkMwQUI3MTg3Q0ZCOEY5OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RURGNUNBNzhBM0MxMUU4QkMwQUI3MTg3Q0ZCOEY5OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmrmiI4AAACISURBVHjaYvj//z8DASwKxLuBWIWQQgEgvvAfAg7jU8gLxCegCp8hm2yIppALiPdDFb4CYh2QOEiiBoj/AnEMVCEbEG+HKvwAxEYwQ0BEP1TiDxCHAPE6KP8rEFsi2wgiGIF49n9U8A2IndD9AWMwA/FyqMKfQOyNzdPIHJBb10KdgjWEAAIMANVCRJuQrVsDAAAAAElFTkSuQmCC) no-repeat center center;
}

input:disabled + label {
    cursor: no-drop !important;
}

select {
    width: 250px;
    height: 30px;
    border: 1px solid #dbdde0;
    padding: 0 0 0 9px;
    color: #666;
    font-size: 13px;
}

table input[type="text"].treeSelect {
    background-image: url(/assets/image/forder-6ab184e3deefbfcada14b9c63eb9ae10.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
    cursor: pointer;
}

div.treeSelect {
    border: 1px solid;
    position: absolute;
    height: 400px;
    overflow: auto;
    z-index: 999;
    background-color: white;
    padding: 0;
    width: inherit;
}

*:disabled {
    background: #f8f9fa !important;
    cursor: no-drop;
    color: #888888;
}

/* alert */
.alert {
    display: flex;
    background-color: #fff9db;
    border-radius: 8px;
}

.alert div {
    padding: 15px 20px;
}

.alert-head {
    background: #ffe066;
    color: #fab005;
    font-size: 24px;
    border-radius: 8px 0 0 8px;
}

.alert-head i {
    width: 25px;
}

.alert-body h3 {
    font-size: 13px;
    border-radius: 0 8px 8px 0;
}

.alert-body p.alert-info {
    margin: 20px 0;
}

.alert-body p.alert-detailBtn {
    margin: 20px 0;
    cursor: pointer;
}

.highlight b {
    color: blue;
    font-weight: normal;
}

.highlight e {
    color: darkred;
    font-weight: normal;
}

.alert-body p.alert-detail {
    margin: 20px 0;
    display: none;
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.alert-body p.alert-detail.open {
    display: block;
}

.alert-body div {
    padding: 5px 0;
}

.alert.warning {
    background-color: #f8f9fa;
}

.alert.warning .alert-head {
    background: #2b3a48;
    color: #ffffff;
    padding: 5px 20px;
}

.action {
    position: fixed;
    bottom: 0;
    border-top: 1px solid #ccc;
    background: #f8f9fa;
    padding: 10px 20px;
    text-align: right;
    z-index: 9999;
    width: 100%;
}

.action .btn {
    margin-left: 5px;
    position: relative;
}

/* filter */
.filter {
    margin-top: 5px;
    position: relative;
    height: 124px;
}

.filter form {
    position: absolute;
    border: 1px solid #ccc;
    background: #f8f9fa;
    padding-bottom: 5px;
    width: 100%;
    z-index: 98;
    min-height: 124px;
}

.filter table {
    border: none;
}

.filter tr {
    height: 39px;
}

.filter th {
    text-align: right;
    padding: 9px 0 0 10px;
}

.filter td {
    border: none;
    color: #000000;
    background: none;
    padding: 9px 0 0 10px;
    text-align: left;
}

/* tui-tree */
.tui-tree-wrap {
    background: none;
}

.tui-tree-root {
    overflow-y: auto;
    overflow-x: hidden;
}

.tui-tree-wrap::-webkit-scrollbar {
    width: 8px;
}

.tui-tree-wrap::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
}

.tui-tree-wrap::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 10px;
}

.tui-tree-xroll {
    background: none;
}

.tui-tree-xroll .tui-tree-root {
    overflow-y: auto;
    overflow-x: auto;
    height: 100%;
}

.tui-tree-xroll .tui-tree-root::-webkit-scrollbar, .tui-tree-xroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.tui-tree-xroll::-webkit-scrollbar-thumb, .tui-tree-xroll .tui-tree-root::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
}

.tui-tree-xroll::-webkit-scrollbar-track, .tui-tree-xroll .tui-tree-root::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 10px;
}

.tab_r {
    display: block;
    text-indent: -9999px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0UzODlGNEQ4QjE5MTFFODk1QzFCN0I4N0E2QTRGNDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0UzODlGNEU4QjE5MTFFODk1QzFCN0I4N0E2QTRGNDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRTM4OUY0QjhCMTkxMUU4OTVDMUI3Qjg3QTZBNEY0OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRTM4OUY0QzhCMTkxMUU4OTVDMUI3Qjg3QTZBNEY0OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg04/hUAAAEJSURBVHjapNO/SwJhHMfx5w6hTQWDGpoEIdSlIZSm1oYEF4d2D0qdFKfQ/0FaHmpviYpAoZrcajEawtZwKmjoL7jeD3yfeBTt+vGFFw/35T733PF9zguCQDm1jBpKyCHEBDc4wrNzb+g7F2WMsYYGVpCU/iuG6MCzgZisJXnyLu7UdD0JjUvE0bLhFE4keK8W1xt2MMK1aZjXruMsImjrA20c2p3NN+1HhMJ5TbPzOh4iwt4srbXnq3+UL7Pb+Gv4Anu/yGwiY8NmvhUUfhBM4BRpG35HFecofhNcxQBX7pyVNAJZj7ElR3MJeXTxiFs0Z4+nqT6yOEBPfgwzlhf5Mbbl7H/VpwADANxlMMYQb+GwAAAAAElFTkSuQmCC) no-repeat 50%;
    width: 50px;
    height: 30px;
    margin-top: 10px;
}

/* page */
.error-wrap {
    position: relative;
    top: 50%;
    margin-top: -135px;
    background: #33333333;
    padding: 20px 0;
}

.error-page {
    margin: 0 auto;
    width: 800px;
}

.error-page-content {
    font-size: 55px;
    padding: 40px 0;
    font-weight: bold;
    height: 215px;
}

.error-page-content .tip {
    font-size: 13px;
    font-weight: normal;
    color: #333;
}

.profile {
    position: absolute;
    font-size: 25px;
    color: #ff0000;
    margin-top: -101px;
    top: 20px;
    left: 135px;
    transform: rotate(350deg);
    padding: 0;
    margin: 0;
}

a.toHome {
    text-align: right;
    position: absolute;
    left: 338px;
    font-size: 22px;
    text-decoration: none;
    color: #888;
    transition: all 0.2s
}

a.toHome:hover {
    color: #fff;
}

a.loginForm_btn {
    display: inline-block;
    width: 65px;
    height: 65px;
    line-height: 55px;
    text-align: center;
    border: 3px solid #ffffff;
    border-radius: 50%;
    cursor: pointer;
    font-size: 37px;
    color: #888;
    transition: all 0.2s
}

a.loginForm_btn:hover {
    border-color: #888;
    color: #ffffff;
}

.loginForm_function {
    height: 20px;
    line-height: 20px;
    font-size: 13px;
}

.loginForm_function a.btn {
    background: none;
    width: unset;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    text-decoration: none;
}

.loginForm_footer {
    text-align: center;
    color: #aaa;
    position: absolute;
    bottom: -20px;
    width: 100%;
}

/* close btn */
._close_box:before {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #888;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
}

._close_box:after {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #888;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -5px;
}

.errorMsg {
    border: 1px solid #888;
    background: #fff;
    color: #000;
    font-size: 13px;
    padding: 5px 10px;
    line-height: 16px;
}

.toolTip {
    cursor: pointer;
}

.tip {
    font-size: 13px;
    font-weight: normal;
    color: #ccc;
}

i.favorite {
    cursor: pointer;
    color: #ccc;
    margin-left: 7px;
}

i.favorite.save {
    color: #ffe793;
}

.tip h4 {

}

.tip h4:before {
    content: '※';
    padding-right: 3px;
}

.nav li > p.nav-item > span:before {
    content: "▼";
    float: right;
    transition: all .2s;
}

.nav li.open > p.nav-item > span:before {
    content: "▲";
    transition: all .2s;
}

/* popup */
.popup {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 999999;
    background: #55555540;
    box-shadow: 3px 3px 2px #eee;
}

.popup-window {
    position: fixed;
    left: 50%;
    top: 0;
    border: 1px solid #000000;
    z-index: 99999;
    background: #ffffff;
    width: 1000px;
    display: block;
    margin-left: -500px;
    bottom: 100px;
}

.popup-head {
    position: absolute;
    top: 0;
    background: #000000;
    width: 100%;
    line-height: 30px;
    color: #ffffff;
}

.popup-head h3 {
    font-size: 13px;
    font-weight: normal;
    padding-left: 30px;
}

.popup-head h3:before {
    content: '';
    background: url(/assets/image/favicon-ddcf91e83d4ab677e2ee60745424cab9.png) center center no-repeat;
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    display: block;
}

.popup-body {
    position: absolute;
    top: 30px;
    bottom: 0;
    width: 100%;
}

.popup-close {
    width: 45px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
}

.popup-close:hover {
    background-color: #e81123;
}

.popup-close:before {
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    background: #ffffff;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    margin-top: -1px;
}

.popup-close:after {
    content: "";
    display: block;
    width: 14px;
    height: 1px;
    background: #ffffff;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -6px;
}

.layerWrap-back {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
}

/* jqGrid */
.ui-jqgrid {
    margin-top: 5px;
}

.ui-jqgrid-caption {
    display: none;
}

tr.ui-jqgrid-labels {
    height: 38px;
}

tr.jqgrow {
    height: 38px;
}

tr.jqgrow:nth-child(even) {
    background: #f8f9fa;
}

tr.jqgrow.success, .tui-grid-table tr.tui-grid-cell-current-row {
    background: #418ed444;
}

tr.jqgrow:hover, .tui-grid-table-container > table.tui-grid-table tr:hover {
    background: #fff8dc;
}

.linkedGrid .tui-grid-rside-area .tui-grid-table-container > table.tui-grid-table tr:hover {
    cursor: alias;
}

.ui-jqgrid-view {
    border-top: 1px solid #2a3137;
    border-bottom: 1px solid #e1e1e1;
}

.ui-jqgrid-pager {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 10px;
}

.ui-jqgrid-pager .btn {
    width: unset;
    color: #333333;
    background: unset;
}

.ui-jqgrid-pager td {
    background-image: none;
}

/* datePickerwrapper */
.tui-datepicker-input,
.datePickerwrapper input {
    width: 120px !important;
}

.tui-datepicker-input.time,
.datePickerwrapper .tui-datepicker-input.time,
.datePickerwrapper .time input {
    width: 165px !important;
}

.tui-datepicker-input > input {
    font-size: 13px;
}

.tui-datepicker-input {
    border: none !important;
}

.tui-calendar th, .tui-calendar td {
    text-align: center !important;
    padding: 0 !important;
}

.tui-datepicker.tui-rangepicker {
    z-index: 999999;
}

.tui-calendar .tui-calendar-today {
    color: #000000;
}

.tui-datepicker .tui-is-selectable.tui-is-selected, .tui-datepicker.tui-rangepicker .tui-is-selectable.tui-is-selected {
    color: #fff;
}

.pb-datepicker .tui-datepicker .tui-is-selectable.tui-is-selected, .pb-datepicker .tui-datepicker.tui-rangepicker .tui-is-selectable.tui-is-selected {
    background-color: #000000;
}

/* time-picker */
.tui-datepicker-footer .tui-timepicker {
    height: 72px;
}

.grid-download {
    cursor: pointer;
    text-decoration: underline;
}

.grid-selection {
    background: #ffe5e5 !important;
}

.datePickerwrapper a.dataRange {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 60px;
    text-align: center;
    color: #000000;
    /*vertical-align: middle;*/
    border: 1px solid #dbdde0;
    border-right: none;
}

.datePickerwrapper a.dataRange:last-child {
    border: 1px solid #dbdde0;
}

.datePickerwrapper a.dataRange.selected {
    background: #418ed4;
    color: #ffffff;
}

.tui-grid-cell {
    background-color: unset !important;
}

select.counter {
    width: unset;
}

.tui-tree-wrap.sort {
    margin-top: 15px;
    width: 13em;
    height: 8em;
    vertical-align: middle;
    border: 1px solid #a7a7a7;
    text-align: center;
    padding: 40px 0;
}

.tui-tree-wrap.sort.on {
    border: 1px solid #616167;
    background-color: #f1f1f1;
}

.tui-tree-wrap.sort.new {
    margin-top: 15px;
    width: 13em;
    height: 8em;
    vertical-align: middle;
    border: 1px dotted #eeeeee;
    text-align: center;
    padding: 40px 0;
}

.tui-tree-wrap.sort.new.on {
    border: 1px dotted #616167;
    background-color: #f1f1f1;
}


.content_left .add_div {
    padding: 15px;
    text-align: center;
}


.title div {
    font-weight: bold;
    padding: 15px;
}

.title sub_title {
    font-style: normal;
    font-weight: bold;
    text-align: left;
}

[numeric], [numeric-decimal], [numeric-decimal-text] {
    text-align: right;
}

.t_ellipsis {
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    border-radius: 10px;
}

.tui-grid-cell .tui-grid-cell-content-blue {
    color: black !important;
}

.tui-pagination .tui-page-btn {
    width: 32px;
    height: 32px;
    border: 1px solid var(--gray-200) !important;
    border-radius: var(--radius-2xsmall);
    line-height: 32px;
    padding: 0;
    margin: 0 2px !important;
}

.tui-pagination .tui-is-selected {
    background: black;
}

.tui-pagination .tui-is-selected:hover {
    background: black;
}

.tui-grid-layer-state-loading {
    background: url(data:image/gif;base64,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) no-repeat center center;
    padding-left: 35px;
    line-height: 80px;
    display: inline-block;
    min-height: 80px;
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 116px;
    padding-left: 0px;
}

/*padding-left: 117px;}*/
.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 139px;
    padding-left: 0px;
}

/*padding-left: 140px;}*/
.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 162px;
    padding-left: 0px;
}

/*padding-left: 163px;}*/
.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 185px;
    padding-left: 0px;
}

/*padding-left: 186px;}*/
.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 208px;
    padding-left: 0px;
}

/*padding-left: 209px;}*/
.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 230px;
    padding-left: 0px;
}

/*padding-left: 232px;}*/
.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 254px;
    padding-left: 0px;
}

/*padding-left: 255px;}*/
.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 277px;
    padding-left: 0px;
}

/*padding-left: 278px;}*/
.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 298px;
    padding-left: 0px;
}

/*padding-left: 301px;}*/
.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 319px;
    padding-left: 0px;
}

/*padding-left: 301px;}*/
.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 338px;
    padding-left: 0px;
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 357px;
    padding-left: 0px;
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 376px;
    padding-left: 0px;
}

.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
    margin-left: 395px;
    padding-left: 0px;
}

.imageInTd {
    margin-right: 5px;
}

.card {
    margin-top: 15px;
    border: 1px solid #a7a7a7;
}

.card .card-head {
    font-size: 12px;
    padding: 5px 5px 0 0;
    text-align: right;
}

.card .card-body {
    padding: 25px 20px;
    text-align: center;
}

.card .card-footer {
    padding: 5px 5px;
    text-align: center;
}

.card.on {
    border: 1px dotted #616167;
    background-color: #f1f1f1;
}

.fa.fa-star.checked {
    color: #ffa500;
}

.error_span {
    font-size: 50%;
}

button, button:focus {
    border: 0px;
    outline: 0;
}

table.info td.img {
    background: #f9f7f788;
    color: #000000;
    width: 250px;
    text-align: center;
}


.version_view {
    display: table;
    width: 260px;
    padding: 6px 15px 7px 15px;
    text-align: center;
    color: white;
}

.version_title {
    background: #fff;
    margin-top: 0px;
    padding-left: 48px;
    height: 40px;
}

.cross_div {
    max-height: 310px;
    min-height: 310px;
    height: 310px;
    width: 100%;
    background-color: #efefef;
    border-radius: 5px;
    padding: 15px;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.cross_div:after {
    position: absolute;
    top: 85px;
    bottom: 0;
    left: 0;
    right: 0;
    content: "\274c";
    font-size: 200px;
    color: #d6d6d6;
    line-height: 100px;
    font-weight: 100;
}

.cross_div.ex2:after {
    content: '\d7';
}

.tui-time-div {
    display: inline-block;
    border: 0px;
}

.tui-timepicker {
    padding: 0px;
    width: 130px;
    display: inline-block;
    border: 0px;
    height: 32px;
}

.tui-timepicker-select {
    height: 30px;
}

.tui-timepicker-column.tui-timepicker-colon {
    margin-top: 5px;
}

.file_image_view {
    width: 200px;
    height: 200px;
    display: table;
    margin-top: 10px;
    border: 1px solid #bdbdbd;
}

.driver_profile_img {
    max-height: 310px;
    min-height: 310px;
    height: 310px;
    object-fit: contain;
}

.brand_menu_img {
    max-height: 450px;
    max-width: 450px;
    height: auto;
    width: auto;
    margin-bottom: 5px;
}

.tui-grid-content-text {
    background: #fff8dc;
    margin-top: -6px !important;
}

/* dropzone.js */
.dropzone {
    border: 1px dashed #dbdde0;
}

.dropzone:hover {
    background: #fff8dc;
}

.dropzone .dz-preview .dz-details .dz-size {
    font-size: 13px;
}

.dropzone .dz-preview .dz-remove {
    position: absolute;
    top: -10px;
    right: -10px;
    margin: 0;
    text-indent: -10000px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #000000;
}

.dropzone .dz-preview .dz-remove:hover {
    background-color: #e81123;
}

.dropzone .dz-preview .dz-remove:before {
    content: "";
    display: block;
    width: 12px;
    height: 1px;
    background: #ffffff;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    margin-top: -1px;
}

.dropzone .dz-preview .dz-remove:after {
    content: "";
    display: block;
    width: 12px;
    height: 1px;
    background: #ffffff;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -6px;
}

.btnreg {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100px;
}

.btn__view {
    background: #5a5656;
    color: #fff !important;
    margin-left: 15px;
}

.yrrng {
    border-right: 1px solid #dbdde0 !important;
}

/* New Css for Shaping*/
.newresetbtn {
    text-decoration: underline !important;
    float: right !important;
    cursor: pointer;
}

.search-sm-btns {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 60px;
    text-align: center;
    color: #000000;
    /* vertical-align: middle; */
    border: 1px solid #dbdde0;
}

.search-sm-btns:not(:last-child) {
    border-right: none;
}

a.search-sm-btns.selected {
    background: #418ed4;
    color: #ffffff;
}

.search-sm-btns + search-sm-btns {
    padding-right: 5px;
}

.new-search-btn {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 120px;
    text-align: center;
    color: #ffffff;
    background-color: #545b62;
    border: 1px solid #000;
}

table.gray-border {
    width: 100%;
    border: 1px solid #e1e1e1 !important;
    margin: 5px 0px;
}

table.gray-border th,
table.gray-border td {
    border: 1px solid #e1e1e1 !important;
}

.add-more-btn {
    cursor: pointer;
    display: inline-block;
    height: 30px;
    min-width: 100px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    background-color: rgba(90, 99, 112, 1);
    padding: 0px 15px;
}

.mt40 {
    margin-top: 40px;
}

/*.checkboxwrp input[type="checkbox"] + label:after{*/
/*    background: none;*/
/*}*/

.checkboxwrp input[type="checkbox"] + label:after {
    background: none;
}

.checkboxwrp input[type="checkbox"]:checked + label:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAJCAYAAADkZNYtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkVERjVDQTg4QTNDMTFFOEJDMEFCNzE4N0NGQjhGOTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkVERjVDQTk4QTNDMTFFOEJDMEFCNzE4N0NGQjhGOTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RURGNUNBNjhBM0MxMUU4QkMwQUI3MTg3Q0ZCOEY5OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RURGNUNBNzhBM0MxMUU4QkMwQUI3MTg3Q0ZCOEY5OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmrmiI4AAACISURBVHjaYvj//z8DASwKxLuBWIWQQgEgvvAfAg7jU8gLxCegCp8hm2yIppALiPdDFb4CYh2QOEiiBoj/AnEMVCEbEG+HKvwAxEYwQ0BEP1TiDxCHAPE6KP8rEFsi2wgiGIF49n9U8A2IndD9AWMwA/FyqMKfQOyNzdPIHJBb10KdgjWEAAIMANVCRJuQrVsDAAAAAElFTkSuQmCC) no-repeat center center;
}

/*.aspId, .osType{*/
/*    width: 100%;*/
/*}*/
.text-center {
    text-align: center;
}

/* MonthyCalendar */
.calendar {
    display: inline-block;
    margin: 4px;
    width: 250px;
}

.calendar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.calendar li {
    text-align: center;
    font-size: 12px;
    width: 35px;
    display: inline-block;
}

.month {
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    box-sizing: border-box;
}

.month ul li {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
}

.weekdays {
    background-color: #f8f9fa;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    box-sizing: border-box;
}

.weekdays li {
    color: #666;
}

.days {
    background: #fff;
    height: 170px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    border-top: none;
    box-sizing: border-box;
}

.days li {
    color: #777;
}

.days li span {
    width: 100%;
    display: block;
    line-height: 25px;
}

.days li.holiday {
    color: #f82244;
}

.days li.holiday + .bold {
    cursor: pointer;
}

.holidayTip {
    display: none;
    background: #fff;
    color: #777;
    position: absolute;
    z-index: 10;
    width: 100px;
    text-align: left;
    padding: 0 4px;
    cursor: pointer;
    border: 1px solid #ccc;
    margin: 17px 0 0 22px;
}

.holidayTip i {
    transform: rotate(135deg);
    position: absolute;
    top: -4px;
    left: 0;
    font-size: 15px;
    color: #f82244;
}

.holidayTip span {
    border-bottom: 1px solid #777;
}

.holiday.bold > span {
    background: #eee;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    display: inline-block;
}

.holidayTip span:last-child {
    border-bottom: none;
}

.holidayViewType {
    font-size: 20px;
    color: #cccccc;
}

.holidayViewType a {
    cursor: pointer;
    border: 1px solid #ccc;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
}

.holidayViewType a.checked i {
    color: #000000;
}

.seekCalendar {
    width: 140px;
    border: 1px solid #dbdde0;
    box-sizing: border-box;
    display: inline-flex;
}

.seekCalendar a {
    display: inline-block;
    width: 30px;
    line-height: 30px;
    border-right: 1px solid #dbdde0;
    text-align: center;
    cursor: pointer;
}

.seekCalendar a:hover {
    background: #418ed4;
    color: #ffffff;
}

.seekCalendar a:last-child {
    border-left: 1px solid #dbdde0;
    border-right: none;
}

.seekCalendar input {
    width: 80px;
    text-align: center;
    border: none;
    box-sizing: border-box;
    height: 30px;
}

.brandNameForm table.info {
    border-top: none;
    border-bottom: none;
    margin: 0;
}

.brandNameForm {
    border: 1px solid #ccc;
    margin-bottom: 45px;
}

.brandshop-headerwrp {
    border: 1px solid #ccc;
    background: #f8f9fa;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin-bottom: 50px;
}

.brandshop-headerwrp .bs-title {
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    border-left: 1px solid #000;
    padding-left: 7px;
}

.brandshop-headerwrp .bs-reqr {
    font-size: 12px;
    line-height: 1.2;
    color: #000;
    opacity: .5;
    font-weight: 600;
}

.brandNameForm .btn-bsadd {
    /*background: transparent !important;*/
    border-radius: 5px;
    /*color: #dbdde0;*/
    /*border: 1px solid #dbdde0;*/
}

#brandlist-table .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid black;
    margin-right: 10px;
    cursor: pointer;
}

#brandlist-table .arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid black;
    cursor: pointer;
}

body.lnb-off .lnb {
    display: none;
}

body.lnb-off main {
    padding-left: 0;
}

body.lnb-off .info-wrapper {
    left: 0;
}

.lnb-btn {
    position: fixed;
    left: 258px;
    width: 19px;
    top: 30%;
    z-index: 1;
    text-align: center;
    cursor: pointer;
    line-height: 78px;
    background: #ffffff;
    color: #000000;
    border-width: 1px 2px 1px 0;
    border-style: solid solid solid solid;
    border-color: #cccccc;
    border-right-color: #418ed4;
}

body.lnb-off .lnb-btn {
    left: 0;
    border-right-color: #ccc;
}

.nav-search {
    position: fixed;
    padding: 15px 5px 15px 5px;
    width: 255px;
    background: #2b3a48;
    z-index: 99;
    top: 70px;
}

.nav-search input#navSearch {
    height: 30px;
    width: 100%;
}

.nav-search button#navSearchInit {
    margin-left: -4%;
    background: none;
    z-index: 1;
    position: absolute;
    right: 16px;
    line-height: 26px;
    box-sizing: border-box;
    top: 16px;
    cursor: pointer;
}

.select2-container--default .select2-selection--multiple {
    border-radius: unset;
}

.arw-disable {
    opacity: 0.3;
}

#notificationYn[type="checkbox"] + label:before {
    top: 4px;
}

#notificationYn[type="checkbox"] + label:after {
    top: 9px;
}

.commonuidesc {
    top: 48px;
}

.search__ctabtns {
    display: flex;
    align-items: center;
    justify-content: right;
    margin-top: 5px;
}

.custom_filter {
    margin-bottom: 20px;
}

.filter .custom_form {
    position: relative;
    z-index: initial;
}

.custom_filter {
    height: auto;
}

.custom_commonuidesc {
    position: relative;
    top: 0;
}

.custom_content {
    margin-top: 20px !important;
}

#grid input[type="checkbox"] {
    display: block !important;
}

.dt-img-prvw {
    width: 200px;
    object-fit: cover;
}

#imgReg {
    display: block;
}


.attachedfile {
    position: relative;
    background: url(/assets/image/images-empty-2faef96e7c98e58278fadd969433df28.png) no-repeat center center;
    background-size: cover;
    width: 200px;
    min-height: 100px;
    border: 1px dashed #ccc;
    display: inline-block;
    margin-right: 10px;

}

.attachedfileLoaded {
    position: relative;
    width: 100%;
    min-height: 100px;
    max-height: 113px;
    display: inline-block;
    margin: 0;
}

.attachedfile i {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 40px;
    color: #000000;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    cursor: pointer;
    padding-top: 20%;
}

.attachedfile i.fa-search:before {
    content: "\f002";
    position: absolute;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
    left: 50%;
}

.attachedfile:hover i {
    display: inline-block;
}

.attachedfile img, .attachedfile video {
    width: 100%;
    display: block;
}

.attachedfile button {
    position: absolute;
    left: 190px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #000000;
    cursor: pointer;
    border: 1px solid #ffffff;
    top: -10px;
}

.attachedfile button:before {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #fff;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    top: 50%;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
}

.attachedfile button:after {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #fff;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -5px;
}

/* Define the button styles */
.toggle-button {
    display: inline-block;
    width: 80px; /* Adjust the width to your preference */
    border: 1px solid #999;
    border-radius: 5px; /* Adds rounded corners */
    text-align: center;
    font-size: 13px;
    cursor: pointer;
}

/* Style the ON state */
.toggle-button.on {
    background-color: #418ed4;
    color: #fff; /* Text color for ON state */
    border-color: #418ed4;
}

/* Style the ON disabled state */
.toggle-button.on.disabled {
    background-color: #a3a9b2;
    color: #fff; /* Text color for ON state */
    border-color: #a3a9b2;
    cursor: no-drop;
}

/* Style the OFF state */
.toggle-button.off {
    background-color: #fff; /* Default background color for OFF state */
    color: #333; /* Text color for OFF state */
}

/* Style the ON disabled state */
.toggle-button.off.disabled {
    background-color: #fff; /* Default background color for OFF state */
    color: #333; /* Text color for OFF state */
    cursor: no-drop;
}

.align-self-center {
    align-self: center;
}

.select-not-allowed {
    cursor: not-allowed;
    background-color: #f8f9fa !important; /* 배경색 설정 */
    border: 1px solid #dbdde0; /* 테두리 설정 */
    color: #888; /* 텍스트 색상 설정 */
}

.fileBox {
    background-color: #f8f9fa !important; /* 배경색 설정 */
    border: 1px solid #dbdde0; /* 테두리 설정 */
    color: #888; /* 텍스트 색상 설정 */
    padding: 5px;
    max-width: 500px;
}

.tr_gap {
    padding: 0 !important;
    height: 5px !important;;
}

.tui-grid-container {
    font-family: Pretendard, sans-serif !important;
}