.pagination {
    display: inline-block;
    justify-content: center;
    text-align: center;
    padding-left: 0;
    margin: 20px 0;
    /*border-radius: 4px;*/
    border: 1px solid #fff;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    /*color: #337ab7;*/
    color: #595757;
    text-decoration: none;
    background-color: #fff;
    /*border: 1px solid #ddd;*/
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    /*border-top-left-radius: 4px;*/
    /*border-bottom-left-radius: 4px;*/
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    /*border-top-right-radius: 4px;*/
    /*border-bottom-right-radius: 4px;*/
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    /*color: #23527c;*/
    font-weight: bold;
    /*background-color: #eee;*/
    /*border-color: #ddd;*/
    cursor: pointer;
}

.pagination > .active > a {
    z-index: 3;
    /*color: #fff;*/
    color: #FF7A00;
    cursor: default;

    font-size: 1.25em;
    top: -2px;

    /*background-color: #1d97e0 !important;*/
    text-decoration: underline !important;
}

.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    /*color: #fff;*/
    cursor: default;
    /*background-color: steelblue !important;*/
    /*border-color: #1ea6e9;*/
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    /*color: #777;*/
    color: #C9CACA;
    cursor: not-allowed !important;
    background-color: #fff;
    /*border-color: #ddd;*/
}

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    /*border-top-left-radius: 6px;*/
    /*border-bottom-left-radius: 6px;*/
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    /*border-top-right-radius: 6px;*/
    /*border-bottom-right-radius: 6px;*/
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    /*border-top-left-radius: 3px;*/
    /*border-bottom-left-radius: 3px;*/
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    /*border-top-right-radius: 3px;*/
    /*border-bottom-right-radius: 3px;*/
}

.page-link2{
    font-size: 15px;
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    border-bottom: 0px;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

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

.nav-link.disabled {
    color: #858796;
    pointer-events: none;
    cursor: default;
}

.nav-tabs {
    /*border-bottom: 1px solid #dddfeb;*/
}

.nav-tabs .nav-item {
    margin-bottom: 0px;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.35rem;
    border-top-right-radius: 0.35rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: #eaecf4 #eaecf4 #dddfeb;
}

.nav-tabs .nav-link.disabled {
    color: #858796;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #6e707e;
    background-color: #fff;
    border-color: #dddfeb #dddfeb #fff;
    border-bottom: 0px;
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.nav-pills .nav-link {
    border-radius: 0.35rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #b09051;
}

.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.nav-link-menu {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    /*font-size: var(--bs-nav-link-font-size);*/
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    background: 0 0;
    /*background: red !important;*/
    border: 0;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none;
}

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.35rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }

    /* 브라우저 가로 넓이가 작아졌을때, 모달이 제대로 안보이는 이슈 문제 */
    .modal-dialog.modal-xl {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-sm .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-md .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .navbar-expand-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .navbar-expand-xl .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}

.navbar-expand {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.navbar-expand .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

.navbar-expand .navbar-toggler {
    display: none;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
    color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
    color: #fff;
}


/* 탭 기본 색상 */
.nav-tabs {
    border-bottom: white;
}

.nav-linkc {
    display: inline-block;
    color: #bebebe !important;
    /*color: #343a40 !important;*/

    background-color: white !important;
    /*border-top: 1px solid lightgrey !important;*/
    /*border-right: 1px solid lightgrey !important;*/

    padding: 0.5rem 0.7rem 0.5rem 1rem;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    /*border-bottom: 1px solid red !important;*/
}

.nav-linkc:hover {
    /*color: dimgray;*/
    color: #556ee6 !important;
    /*font-weight: bold;*/
    text-decoration: none;
}

.nav-linkc.active {
    /*color: #7587b8;*/
    color: #343a40 !important;
    /*font-weight: bolder;*/
    /*background: linear-gradient(rgba(240, 246, 251, 1), rgba(240, 246, 251, 0.5), white) !important;*/

    border-top: 1px solid #eff2f7 !important;
    border-left: 1px solid #eff2f7 !important;
    border-right: 1px solid #eff2f7 !important;
    border-bottom: 1px solid #f3f3f6 !important;
}

.nav-linkc.active::after {
    content: ' '; /* Add the desired character */
    color: #7587b8; /* Match the color of the active state */
    position: relative;
    white-space: pre;
}

#page-blank {
    margin: 0px;
    padding: 0px;
    height: 170px;
    background: red;
}

@media (max-width: 993px) {
    #page-blank {
        height: 70px;
    }
}

.mes_footer {
    bottom: 0;
    padding: 20px calc(12px * 0.75);
    /*position: absolute;*/
    right: 0;
    /*color: var(--bs-footer-color);*/
    color: #ccc !important;
    /*left: 250px;*/
    height: 60px;
    background-color: #2a3042 !important;
}

.dal {
    height: 37px !important;
    padding-top: 5px;
    border: 1px solid var(--bs-border-color-translucent) !important;
    right: 10px !important;
}


.div_center {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 100%;
}

.div_search {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 100%;
    margin-right: 2px;

    border: 1px solid #ced4da;
}

.centre {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


input::placeholder {
    color: #bfbfbf !important;
}

.dates {
    width: 100%;
    height: 100%;
}

.td_num {
    text-align: center !important;;
    padding-right: 15px !important;
}

.a_file_reset {
    border: solid 1px #d9d9d9;
}

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

    border-top: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    font-size: small;
    padding: 0px;
}

.a_file_add {
    border: solid 1px #d9d9d9;
}

.btn_warehouse {
    border: solid 1px grey;
    color: grey;
    font-weight: normal;
    transition: color 0.3s; /* 글자 색상 전환 효과를 추가 */
}

/* 마우스 오버 시 글자 색상 변경 */
.btn_warehouse:hover {
    color: white !important;
    background: royalblue;
    border: solid 1px white;
}

.btn_warehouse_select {
    border: solid 1px grey;
    color: white;
    font-weight: bold;
    background: royalblue;
    transition: color 0.3s; /* 글자 색상 전환 효과를 추가 */
}

/* 마우스 오버 시 글자 색상 변경 */
.btn_warehouse_select:hover {
    color: lightgrey !important;
    background: royalblue;
    border: solid 1px white;
}

.btn_ware_default {
    border: solid 1px grey;
    color: grey;
    font-weight: normal;
}

/* 마우스 오버 시 글자 색상 변경 */
.btn_ware_default:hover {
    color: grey;
    background: whitesmoke;
}

.div_name {
    display: flex;
    justify-content: center; /* 가로 가운데 정렬 */
    align-items: center; /* 세로 가운데 정렬 */
    height: auto !important;

    background: #f0f6fb;

    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}


.div_input_number {
    display: flex;
    align-items: center; /* 세로 가운데 정렬 */
    height: auto !important;

    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

.input_white {
    display: flex;
    align-items: center; /* 세로 가운데 정렬 */
    height: auto !important;
    pointer-events: none;

    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

.input_grey {
    display: flex;
    align-items: center; /* 세로 가운데 정렬 */
    height: auto !important;
    pointer-events: none;
    background: #f0f6fb;

    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

.input_whitesmoke {
    display: flex;
    align-items: center; /* 세로 가운데 정렬 */
    height: auto !important;
    pointer-events: none;
    background: whitesmoke;

    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

.td_center {
    vertical-align: middle !important;
}

.td_textarea {
    vertical-align: middle !important;
    overflow: auto !important;
    max-width: 100px; /* 원하는 최대 너비 지정 */
    max-height: 70px !important; /* 원하는 최대 너비 지정 */
}

.td_in {
    margin: 0px !important;
    padding: 0px !important;
    height: 20px !important
}

.td_input {
    text-align: right;
    width: 100% !important;
    height: 100% !important;
    margin: 0px !important;
    border: none;
}

.chk {
    /* 체크박스 설정 */

    width: 20px;
    height: 20px;
    margin: 0px;
    padding: 0px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.chk:not(:checked) {
    -webkit-appearance: none; /* 크롬브라우저 설정 초기화 */
    border: 1px solid #ddd;
}


@media (min-width: 1720px) {
    .modal-xxl {
        max-width: 1700px;
    }
}

.border {
    border: 1px solid #ced4da;
}

.m_title {
    /* 대표문자 굵은글씨 */
    color: dimgrey;
    font-weight: bold;

    display: flex;
    align-items: center;
    justify-content: flex-start; /* 좌측 정렬을 위해 flex-start 사용 */
    text-align: left !important;
    height: 100%;
}

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

.handle {
    content: "\f01be" !important;
}

.dropdown-item {
    /*background: #eeeef1;;*/
}

#id_menu {
    position: fixed;
    z-index: 100;
    margin-top: 70px;
    /*width: 500px;*/
    width: 100%;
    /*background-color: #eeeef1;*/
    /*background-color: #e5e5e7;*/
    background-image: linear-gradient(to bottom, #555, #efefef);
    padding: 0px 7px 10px 7px;
    /*box-shadow: 0 40px 0px 0px rgba(0, 0, 0, 0.03);*/
}

/* 필수항목 강조효과 */
need {
    color: red;
    font-weight: bold;
}

.row {
    margin: 0px;
}

/* Color Test */
.tomato {
    background: tomato;
}

.skyblue {
    background: skyblue;
}

.orange {
    background: orange;
}

.pink {
    background: pink;
}

.white {
    background: white;
}

.gray-more-8 {
    background-color: rgba(239, 242, 247, 0.8) !important;
}

.gray-more-7 {
    background-color: rgba(239, 242, 247, 0.7) !important;
}

.gray-more-6 {
    background-color: rgba(239, 242, 247, 0.6) !important;
}

.gray-more-5 {
    background-color: rgba(239, 242, 247, 0.5) !important;
}

.gray-more-4 {
    background-color: rgba(239, 242, 247, 0.4) !important;
}

.gray-more-3 {
    background-color: rgba(239, 242, 247, 0.3) !important;
}

.gray-more-2 {
    background-color: rgba(239, 242, 247, 0.2) !important;
}

.gray-more-1 {
    background-color: rgba(239, 242, 247, 0.1) !important;
}

.gray-more-bg {
    background-color: #fcfcfc !important;
}

.gray-sm-note {
    background-color: #f5f5f5 !important;
}

.sky-sm-note {
    background-color: #EFF9FF !important;
}

.w-100 {
    width: 100% !important;
}

.mp-0 {
    margin: 0 !important;
    padding: 0 !important;
}

/* table 설정 */
.table-mes {
    vertical-align: middle !important
}

.table-mes td, .table-mes th {
    white-space: nowrap
}

.table-mes thead th,
.table-mes tbody td {
    text-align: center; /* 수평 가운데 정렬 */
}

.table-mes thead th {
    font-size: 0.9rem; /* 기본 글씨 크기 */
}

.table-mes tbody td {
    font-size: 0.9rem;
}

/* 민색 */
.table-mes-bg > tbody > tr:nth-child(odd) > * {
    font-size: 0.9rem;
}

.table-mes-bg > tbody > tr.clicked:nth-child(odd) > *,
.table-mes > tbody > tr.clicked {
    /*color: cornflowerblue !important;*/
    background-color: rgba(239, 242, 247, 0.3) !important;
    /*font-weight: bolder;*/
    /*text-decoration: underline dotted #555; !* 점선 밑줄, 회색 *!*/
}


/* odd 색상 변경 */
.table-mes-bg-odd > tbody > tr:nth-child(odd) > * {
    background: var(--bs-table-striped-bg);
    font-size: 0.9rem;
}

.table-mes-bg-odd > tbody > tr.clicked:nth-child(odd) > *,
.table-mes > tbody > tr.clicked {
    /*color: cornflowerblue !important;*/
    background-color: rgba(239, 242, 247, 0.3) !important;
    /*font-weight: bolder;*/
    /*text-decoration: underline dotted #555; !* 점선 밑줄, 회색 *!*/
}

/* 입력형 테이블 */
.table_border_gray {
    border-top: 1px solid #cdcdcd;
    border-right: 0 solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-left: 0 solid #cdcdcd;

    border-bottom: 0px solid #cdcdcd;
}

/* 입력형 테이블 > dummy를 넣어서 사용 안되는 공간은 반투명 회색처리, 반응형시 d-none d-lg-block 사용할 것  */
.table_border_gray .dummy{
    background-color: rgba(239, 242, 247, 0.4) !important;
}

/* table 병합된 곳 border 색 */
.mes-merged-cell {
    border-left: 1px solid #eff2f7;
    border-right: 1px solid #eff2f7;
}

/* table tr에 정렬 화살표 설정 */
.sort-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
}

.sort-icon::before,
.sort-icon::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.sort-icon::before {
    border-width: 0 6px 6px 6px; /* Down arrow */
    border-bottom-color: #d3d3d3; /* Light gray */
    top: -2px;
}

.sort-icon::after {
    border-width: 6px 6px 0 6px; /* Up arrow */
    border-top-color: #d3d3d3; /* Light gray */
    bottom: 0;
}

.sort-icon.checked::before {
    border-bottom-color: dimgrey;
}

.sort-icon.dbl-checked::after {
    border-top-color: dimgrey;
}

/* table 에 hover 색상 */
.table-hover2 tbody tr:hover {
    background-color: var(--bs-table-hover-bg) !important;
}

.table-hover2 tbody tr.clicked {
    background-color: #f3f4f6;
}

/* 버튼 색상 조절 */
.btn-outline-secondary{
    border-color: #ced4da;
}

/* bordered Table */
.table-bordered thead{
    border-top: 1px solid #d7dade !important;
}

.table-bordered thead tr th{
    font-size: 0.9em;
}

/* 버튼 고정 사이즈 */
.wd_50{
    width: 50px;
}

.wd_80{
    width: 80px;
}

.wd_90{
    width: 90px;
}

.wd_100{
    width: 100px;
}

.wd_110{
    width: 110px;
}

.wd_120{
    width: 120px;
}

.wd_125{
    width: 125px;
}

.wd_130{
    width: 130px;
}

.wd_140{
    width: 140px;
}

.wd_150{
    width: 150px;
}

.wd_160{
    width: 160px;
}

.wd_170{
    width: 170px;
}

.wd_180{
    width: 180px;
}

.wd_200{
    width: 200px;
}

.wd_250{
    width: 250px;
}
/* datepicker ~ 의 색상 */

.date_ {
    color:#ced4da;
}

.btn_del_13 {
    width: 13px;
    height: 13px;
}

.delete-btn:hover {
    border: 1px solid transparent !important;
    filter: brightness(1.5) contrast(1) saturate(1);
}

.delete-btn:active {
    filter: brightness(0.5) contrast(0.5) saturate(0.5);
}

/* 잘난체 적용 */
div {
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}


/* mes search bar 제작 start */
.mes-search-contain {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 160px;
}

.mes-search-input {
    padding-right: 34px; /* 아이콘의 너비만큼 패딩 추가 */
    box-sizing: border-box; /* 패딩이 포함된 박스 모델 */
    min-width: 160px;
}

.border_white {
    border: 0 solid white;
}

.bx-search {
    position: absolute;
    right: 10px;
    top: 52%;
    transform: translateY(-50%) scale(0.7); /* 아이콘 크기 */
    pointer-events: none; /* 아이콘 클릭 불가 (input 요소가 우선) */
    opacity: 0.3; /* 아이콘 반투명 50% */
}
/* mes search bar 제작 end */


/* mes file input 제작 start */
.mes-file-contain {
    position: relative;
    display: inline-block;
    width: 100%;
}

.mes-file-reset {
    position: absolute;
    left: 12px;
    top: 19px !important;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
    font-size: 15px;
}

.mes-file-reset:hover {
    color: var(--bs-mes-button-btn-warning-text);
    font-weight: bolder;
    font-size: 125%;
}

.mes-file-name {
    box-sizing: border-box; /* 패딩이 포함된 박스 */
    padding-left: 30px; /* 아이콘의 너비만큼 패딩 추가 */
    padding-right: 34px; /* 오른쪽 아이콘의 너비만큼 패딩 추가 */

    cursor: default;
    width: 100%;
    height: 36px;
    line-height: 18px; /* 텍스트가 중앙에 오도록 설정 */
    pointer-events: none; /* 클릭 불가 */

    /* 긴 텍스트를 '...' */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bx-upload {
    position: absolute;
    right: 10px;
    top: 19px !important;
    transform: translateY(-50%) scale(0.7); /* 아이콘 크기 */
    cursor: pointer; /* 아이콘 클릭 가능 */
    opacity: 1; /* 아이콘 반투명 50% */
}

.bx:hover {
    color: var(--bs-mes-button-btn-warning-text);
    font-weight: bold;
}

/* mes file input 제작 end */


/* mes button 색상 변경 */
.btn-warning{
    background: var(--bs-mes-button-btn-warning-bg);
    border-color: var(--bs-mes-button-btn-warning-bg);
    color: var(--bs-mes-button-btn-warning-text);
    font-size: 13px;
}

.btn-warning:hover{
    /*background: var(--bs-mes-button-color-medium);*/
    border-color: white;
}

.btn-warning.disabled {
    background: #f1efef !important;
    border-color: #f1efef !important;
    color: #282828 !important;
}


/* 링크, 화면전환할때 사용 */
.btn-success{

    background: var(--bs-mes-button-color-ultra);
    border-color: white;
}

.btn-success:hover{
    background: var(--bs-mes-button-color-medium);
    border-color: white;
}

.btn-success:active {
    background: var(--bs-mes-button-color-strong) !important;
    border-color: white !important;
}

.btn-success.disabled {
    background: #f1efef !important;
    border-color: #f1efef !important;
    color: #282828 !important;
}

.btn-outline-warning{
    background: white;
    border-color: var(--bs-mes-button-btn-warning-text);
    color: var(--bs-mes-button-btn-warning-text);
    font-size: 13px;
    font-weight: bolder;
}

.btn-outline-warning:hover{
    background: var(--bs-mes-button-color-light) !important;
    border-color: white;
}

.btn-outline-warning:active{
    background: var(--bs-mes-button-color-light) !important;
    border-color: var(--bs-mes-button-color-light) !important;
}

.btn-secondary{
    background: #F2F3F5 !important;
    border-color: #F2F3F5 !important;;
    color: #727171 !important;
    font-size: 13px;
}

.btn-secondary:hover{
    background: lightgrey !important;
    border-color: white !important;
    color: black !important;
}

/* mes button 색상 변경 */

.cursor {
    cursor: pointer !important; /* 손 모양 커서 */
}

.cursor:hover {
    color: var(--bs-mes-button-color-medium) !important;
}

.cursor:active {
    color: #c1903d !important;
}

.valid_error_border {
    border: 1px solid red !important;
}

.valid_error_text {
    color: red;
}

.page_title{
    color: var(--bs-mes-button-btn-warning-text);
    font-weight: bold;
}

.under_line {
    border-top: none;
    border-right: none;
    border-left: none;
    box-shadow: none; /* 박스 그림자 제거 */
    outline: none; /* 아웃라인 제거 */
    background-color: transparent !important; /* 배경색 투명 */
}

.line{
    text-decoration: underline;
}

.top_menu_text {
    color: var(--bs-mes-button-btn-warning-text);
}

.top_menu_text:hover {
    color: var(--bs-mes-button-color-medium);
}

.top_menu_text.active {
    /*border: 1px red solid;*/
}

.rounded-pill {
    background: var(--bs-mes-button-btn-warning-bg);
}


/* 버튼 메뉴 누를때 반투명 효과 */
.logo-lg img {
    transition: opacity 0.3s; /* 부드겁게 */
}

.logo-lg img:hover {
    opacity: 0.8;
}

/* 브라우저 세로 길이가 작아질때, 모달만 스크롤 되고, 부모창은 스크롤 안보이도록 > 할때 */
.modal-open {
    overflow: hidden;
}

.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed; /* 커서 비활성화 */
}

.readonly {
    pointer-events: none;
    cursor: not-allowed; /* 커서 비활성화 */
}

.color_red {
    color : red !important;
}

.color_grey {
    color : #c3c3c3 !important;
}

.color_gray {
    filter: grayscale(100%) !important;
}

.hidden {
    opacity: 0;
    color: transparent; /* 텍스트를 투명하게 만들어 시각적으로 숨김 */
}

label{
    margin: 0px !important;
    margin-bottom: 3px !important;
}

.text_release {
    width: 100%;
    height: 100%;
    overflow: auto;
    border: 1px solid #ccc;
    padding: 10px;
    white-space: pre-wrap; /* Preserve whitespace */
    font-family: monospace; /* Monospace font for text area feel */
    background-color: white;
    line-height: 1.7;
    color: gray;
}

.text_release .oranged {
    color: tomato;
}


/* 부트스트랩 col 1.2 */
@media (min-width: 992px) {
    .col-lg-1\.2 {
        flex: 0 0 10%; /* 10% == [ 1.2 / 12 ] 비율 */
        max-width: 10%;
    }
}


/* 부트스트랩 col 1.3 */
@media (min-width: 1400px) {
    .col-xl-1\.3 {
        flex: 0 0 11.1%; /* 10.8333% == [ 1.3 / 12 ] 비율 */
        max-width: 11.1%;
    }
}


/* 부트스트랩 col 1.5 */
@media (min-width: 992px) {
    .col-lg-1\.5 {
        flex: 0 0 12.5%; /* 12.5% == [ 1.5 / 12 ] 비율 */
        max-width: 12.5%;
    }
}


/* 부트스트랩 col 2.5 */
@media (min-width: 992px) {
    .col-lg-2\.5 {
        flex: 0 0 20.8333%; /* 20.8333% == [ 2.5 / 12 ] 비율 */
        max-width: 20.8333%;
    }
}

/* 부트스트랩 col 4.5 */
@media (min-width: 992px) {
    .col-lg-4\.5 {
        flex: 0 0 37.5%; /* 37.5% == [ 4.5 / 12 ] 비율 */
        max-width: 37.5%;
    }
}

/* 부트스트랩 col 6 */
@media (min-width: 992px) {
    .col-lg-6 {
        flex: 0 0 50%; /* 50% == [ 6 / 12 ] 비율 */
        max-width: 50%;
    }
}

/* 부트스트랩 col 7.5 */
@media (min-width: 992px) {
    .col-lg-7\.5 {
        flex: 0 0 62.5%; /* 62.5% == [ 7.5 / 12 ] 비율 */
        max-width: 62.5%;
    }
}

/* 부트스트랩 col 10.5 */
@media (min-width: 992px) {
    .col-lg-10\.5 {
        flex: 0 0 87.5%; /* 87.5% == [ 10.5 / 12 ] 비율 */
        max-width: 87.5%;
    }
}

.select2-container {
    /* select2 위에, 좌측사이드바가 열릴때, select2가 더 위에 올라오는 이슈 때문에 막아둠 */
    /*z-index: 1060;*/
}

/* select2 disabled 일때 글씨 색상 */
.select2-container--disabled .select2-selection--single .select2-selection__placeholder {
    color: #c1c2c3 !important;
}

.datepicker{
    z-index: 2000 !important;
}

.btn-bg-skyblue{
    background: #CDEFFF !important;
    border-color: #CDEFFF !important;
    color : #555b6d !important;
    font-size: 0.9em;
}

.btn-bg-yellow{
    background: #EAEA73 !important;
    border-color: #EAEA73 !important;
    color : #555b6d !important;
    font-size: 0.9em;
}

/* 견적상태 */
.order-state-estimate{
    background: #EFEFEF !important;
    border-color: #EFEFEF !important;
    border-radius: 4px !important;
    color : #3E3A39 !important;
    font-size: 0.8em;
    height: 30px;
    line-height: 20px;
}

/* 주문상태 */
.order-state-purchase{
    background: #EFEFEF !important;
    border-color: #EFEFEF !important;
    border-radius: 4px !important;
    color : #FF4D00 !important;
    font-size: 0.8em;
    height: 30px;
    line-height: 20px;
}

/* 주문완료 */
.purchase-state-purchase-done{
    background: #EFEFEF !important;
    border-color: #EFEFEF !important;
    border-radius: 4px !important;
    color : #727171 !important;
    font-size: 0.8em;
    height: 30px;
    line-height: 20px;
}

/* 납품완료 */
.purchase-state-delivery-done{
    background: #EFEFEF !important;
    border-color: #EFEFEF !important;
    border-radius: 4px !important;
    color : #0066FF !important;
    font-size: 0.8em;
    height: 30px;
    line-height: 20px;
}

/* 남품지연 */
.purchase-state-delivery-delay{
    background: #EFEFEF !important;
    border-color: #EFEFEF !important;
    border-radius: 4px !important;
    color : #FF0000 !important;
    font-size: 0.8em;
    height: 30px;
    line-height: 20px;
}

/* placeholder Red */
.placeholder-red::placeholder {
    color: red !important;
    font-size: 0.9em;
}

/* Dropzone 커스터 마이징 */
.dropzone .dz-error-mark {
        display: none;
    }

    .dropzone .dz-success-mark {
        display: none;
    }

    .dz-preview{
        display: flex;
        align-items: end;
        border-top: 2px #eff2f7 dashed;

        border-radius: 3px;
        margin-top : 10px;

    }

    .dropzone .dz-preview .dz-image img {
        width: 70px; /* 원하는 크기로 조정 */
        height: 70px; /* 원하는 크기로 조정 */
        object-fit: cover; /* 이미지 비율 유지 */
        margin: 10px;
        margin-bottom: 0px;
    }

    .dz-details {
        margin: 10px;
    }

    .dz-preview .dz-remove {
        background: var(--bs-mes-button-btn-warning-bg);
        border-color: var(--bs-mes-button-btn-warning-bg);
        color: var(--bs-mes-button-btn-warning-text);

        padding: 7px 10px;
        border-radius: 5px;
        text-decoration: none;
        font-size: 14px;
        text-align: center;

        width: 80px;
        margin-left: auto;
        margin-right: 5px;

    }

    .dz-preview .dz-remove:hover {
        background: #cd9941;
        color: white;
    }

    .dz-preview .dz-remove:active {
        background: var(--bs-mes-button-color-strong);
    }

    .dz-filename span {
        display: inline-block; /* 줄바꿈 방지 */
        max-width: 150px; /* 원하는 최대 너비 */
        white-space: nowrap; /* 줄바꿈 방지 */
        overflow: hidden; /* 넘치는 텍스트 숨김 */
        text-overflow: ellipsis; /* 텍스트를 '...'으로 표시 */
        vertical-align: middle; /* 텍스트 정렬 */
    }
/* Dropzone 커스터 마이징 */

/* 스크롤바 얇게 */
.scroll-thin {
    overflow-x: auto;
    scrollbar-width: thin !important;
}

.text-warning{
    color: var(--bs-mes-button-color-strong) !important;
}