/* Tabulator 페이지 선택 변경 */
/* .tabulator .tabulator-footer .tabulator-page.active {
  outline: solid red;
} */

:root {
  --dsa-metal-black-gradient: linear-gradient(
    145deg,
    #1f1f1f 0%,
    #0a0a0a 18%,
    #353535 38%,
    #141414 55%,
    #2a2a2a 72%,
    #080808 100%
  );
  --dsa-metal-black-shine:
    linear-gradient(
      125deg,
      rgba(255, 255, 255, 0.08) 0%,
      rgba(255, 255, 255, 0.02) 28%,
      transparent 48%,
      rgba(0, 0, 0, 0.35) 100%
    ),
    radial-gradient(
      ellipse 90% 55% at 15% 0%,
      rgba(180, 180, 180, 0.12) 0%,
      transparent 55%
    ),
    radial-gradient(
      ellipse 70% 45% at 85% 100%,
      rgba(90, 90, 90, 0.15) 0%,
      transparent 50%
    );
  --vz-vertical-menu-bg-dark: #141414;
  --vz-vertical-menu-item-color-dark: #d8d8d8;
  --vz-vertical-menu-item-hover-color-dark: #ffffff;
  --vz-vertical-menu-item-active-color-dark: #ffffff;
  --vz-vertical-menu-sub-item-color-dark: #b0b0b0;
  --vz-vertical-menu-sub-item-hover-color-dark: #ffffff;
  --vz-vertical-menu-sub-item-active-color-dark: #ffffff;
  --vz-vertical-menu-title-color-dark: #a3a3a3;
  --vz-header-bg-dark: #1a1a1a;
  --vz-link-color: #264255;
  --vz-link-hover-color: #264255;
  --vz-twocolumn-menu-bg-dark: #141414;
  --vz-twocolumn-menu-iconview-bg-dark: #1a1a1a;
}

.bg-auth {
  background-image: url("../images/bg-auth.jpg");
  background-position: center;
  background-size: cover;
}
.bg-auth .bg-overlay {
  background: -webkit-gradient(linear, right top, left top, from(#364574), to(#405189));
  background: linear-gradient(to left, #364574, #405189);
  opacity: 0.9;
}


/* 로그인 화면 배경 — 메탈 블랙 그라데이션 */
.auth-bg-cover {
  background-color: #0c0c0c;
  background-image: var(--dsa-metal-black-gradient);
}
.auth-bg-cover > .bg-overlay {
  background-image: var(--dsa-metal-black-shine);
  background-color: transparent;
  opacity: 1;
}

/* 사이드메뉴 배경 — 메탈 블랙 그라데이션 + 가독성 */
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-menu {
  background-color: #0c0c0c;
  background-image: var(--dsa-metal-black-gradient);
  border-left-color: #222;
}
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .sidebar-background {
  opacity: 1;
  background-image: var(--dsa-metal-black-shine);
  background-color: transparent;
}
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark][data-sidebar-size=sm] .navbar-brand-box,
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown,
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link {
  background-color: #0c0c0c;
  background-image: var(--dsa-metal-black-gradient);
}
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-link {
  color: var(--vz-vertical-menu-item-color-dark);
}
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-link:hover,
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-sm .nav-link:hover {
  color: var(--vz-vertical-menu-item-hover-color-dark);
  background-color: rgba(255, 255, 255, 0.06);
}
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-link.active,
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav > .nav-item .nav-link.active,
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-sm .nav-link.active {
  color: var(--vz-vertical-menu-item-active-color-dark);
  background-color: rgba(255, 255, 255, 0.1);
}
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-nav .nav-sm .nav-link {
  color: var(--vz-vertical-menu-sub-item-color-dark);
}
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .menu-title {
  color: var(--vz-vertical-menu-title-color-dark);
}
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-menu .btn-vertical-sm-hover,
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-menu .hamburger-icon span {
  color: #e0e0e0;
}
:is([data-layout=vertical], [data-layout=semibox])[data-sidebar=dark] .navbar-menu .hamburger-icon span {
  background-color: #e0e0e0;
}

.ribbon-box-mt {
  margin-top:0px;
}

.search-cond-radiobox {
  padding:0.5rem 0.9rem
}

.filter-controls {
  display: flex;
  flex-wrap: wrap;
}

.filter-search-btn {
  display: flex; 
  flex-wrap: wrap;
  flex-direction: column; 
  justify-content: flex-end;
}

.page-detail {
  height: calc(100vh - 200px);
  width: 100%;
  padding: 20px;
}

.page-detail .header {
  display: flex; 
  font-weight: 500;
}

.page-detail .header .title {
  display: flex; 
  flex-wrap: wrap;
}

.page-detail .header .title div {
  display: flex; 
  align-items: center;
  padding-left: 20px;
  font-size: 18px;
  color: rgb(38, 38, 38);
}

.page-detail .controls {
  display: flex; 
  flex-wrap: wrap;
  justify-content: flex-end;
}

.page-detail .controls .control {
  margin-left: 30px;
}

.pop-detail-card {
  margin: 1.5rem;
}

.divloader {
  height: 40px;
  border-width: 0px;
  border-color: #75a2f6;
  background-color: #e1ebfd;
  margin-left: 10px;
}

.divloadimg {
  width: 30px;
  height: 30px;
  margin-top: -4px;
}

.alert-coreit {
  --vz-alert-bg: transparent;
  --vz-alert-padding-x: 2.0rem;
  --vz-alert-padding-y: 0.1rem;
  --vz-alert-margin-bottom: 1rem;
  --vz-alert-color: inherit;
  --vz-alert-border-color: transparent;
  --vz-alert-border: 1px solid var(--vz-alert-border-color);
  --vz-alert-border-radius: 0.25rem;
  position: relative;
  padding: var(--vz-alert-padding-y) var(--vz-alert-padding-x);
  margin-bottom: var(--vz-alert-margin-bottom);
  color: var(--vz-alert-color);
  background-color: var(--vz-alert-bg);
  border: var(--vz-alert-border);
  border-radius: var(--vz-alert-border-radius);
}

.alert-secondary-coreit {
  --vz-alert-color: #0556ed;
  --vz-alert-bg: #e1ebfd;
  --vz-alert-border-color: #c2d6fb;
}
.alert-secondary-coreit .alert-link-coreit {
  color: #204791;
}

.loader {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
  margin:15px auto;
  position: relative;
  color: #1004f0;
  box-sizing: border-box;
  animation: animloader 2s linear infinite;
}

@keyframes animloader {
  0% {
    box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 -2px;
  }
  25% {
    box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 2px;
  }
  50% {
    box-shadow: 14px 0 0 -2px,  38px 0 0 -2px,  -14px 0 0 2px,  -38px 0 0 -2px;
  }
  75% {
    box-shadow: 14px 0 0 2px,  38px 0 0 -2px,  -14px 0 0 -2px,  -38px 0 0 -2px;
  }
  100% {
    box-shadow: 14px 0 0 -2px,  38px 0 0 2px,  -14px 0 0 -2px,  -38px 0 0 -2px;
  }
}

.noSpanBorder {
  border-color: white;
}

.quotePrice {
  font-size: 16px;
  font-weight: 500;
  text-align:right;
}

.readOnly {
  background-color: #f8f9fa;
}
  
.divTableMsg {
  color: #0556ed;
  margin-left: 20px;
}
  
.uploadMessage {
  text-align: center;
  color: #878a99!important;
}

.uploadfilename {
  width: 80%;
  border: none;
  background-color: white;
}

.uploadfilenameShort {
  width: 70%;
  border: none;
  background-color: white;
}

.uploadcomment {
  width: 60%;
  border:1px solid hsl(300, 1%, 77%);
}

.clickable-image
{
    cursor: pointer;
}

/* .modal-backdrop:nth-child(2n-1) {
  opacity : 0;
}

.modal-backdrop+.modal-backdrop {
  opacity : 0;
} */

.table-select-cell {
  width: 80px;
}

.table-delete-cell {
  width: 80px;
}

.table-input-cell {
  text-align:center;
}

.table-fixed-cell {
  width: 250px;
}

.table-fixed8-cell {
  width: 80px;
}

.table-fixed10-cell {
  width: 100px;
}

.table-fixed11-cell {
  width: 110px;
}

.table-fixed12-cell {
  width: 120px;
}

.table-fixed13-cell {
  width: 130px;
}

.table-fixed14-cell {
  width: 140px;
}

.table-fixed15-cell {
  width: 150px;
}

.table-fixed15-cell-blur {
  width: 150px;
  color:gray;
}

.table-fixed16-cell {
  width: 160px;
}

.table-fixed17-cell {
  width: 170px;
}

.table-fixed18-cell {
  width: 180px;
}

.table-fixed19-cell {
  width: 190px;
}

.table-fixed20-cell {
  width: 200px;
}

.table-fixed30-cell {
  width: 300px;
}

.table-fixed8-cell {
  width: 80px;
}

.table-fixed35-cell {
  width: 350px;
}

.table-fixed70p-cell {
  width: 70%;
}

.table-right-trans-cell {
  text-align:right;
  background-color:white;
  border-top: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
  border-bottom: 1px solid #fff !important;
}

.table-blur-cell {
  color:gray;
}

.table-head-cell {
  background-color: #b6bacc;
}

.table-body-cell {
  background-color: white;
}

.table-total-cell {
  text-align:right;
  padding-right: 50px;
}

.table-discount-cell {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 40px;
  height:30px;
}

.table-discount-inputcell {
  text-align:right;
  padding-top: 3px;
  padding-bottom: 3px;
}

.table-vcenter-cell {
  vertical-align: middle;
}

.analytics-result-text {
  font-size: 18px;
  font-weight: 500;
}

.page-userlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.page-detail-title {
  display: flex;
  align-items: center;
  padding-left: 20px;
  font-size: 18px;
  color: rgb(38, 38, 38);
}

.span-center { 
  display: flex; 
  justify-content: center ;
  align-items: center;
  width: 30px;
}

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

textarea {
  resize: none;
}

.project-status-F2F2F2 {
  color: #5b5757;
  background-color: #F2F2F2;
}

.project-status-DCEAF7 {
  color: #5b5757;
  background-color: #DCEAF7;
}

.project-status-427394 {
  color: #fff;
  background-color: #427394;
}

.project-status-427394-2 {
  background-color: #88aec8;
}

.project-status-264255 {
  color: #fff;
  background-color: #264255;
}

.project-status-F7B84B {
  color: #fff;
  background-color: #F7B84B;
}

.project-text-5b5757 {
  color: #5b5757;
}

.table-worker {
    --vz-table-border-color: #7c97a9;
  }

.table-worker-header {
  --vz-table-color: #fff;
  --vz-table-bg: #a9bcc8;
  --vz-table-border-color: #7c97a9;
  color: var(--vz-table-color);
  border-color: var(--vz-table-border-color);
}

/* ------------------- 전체 색상 변경 -------------------------------- */
.ribbon-three-primary span {
  background: #264255;
}

.ribbon-three-primary span:before {
  background: #264255;
}
.ribbon-three-primary span:after {
  background: #264255;
}
.ribbon-three-primary::after {
  border-top-color: #264255;
}

.btn-primary {
  --vz-btn-color: #fff;
  --vz-btn-bg: #264255;
  --vz-btn-border-color: #264255;
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: #364574;
  --vz-btn-hover-border-color: #33416e;
  --vz-btn-focus-shadow-rgb: 93, 107, 155;
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg: #33416e;
  --vz-btn-active-border-color: #303d67;
  --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --vz-btn-disabled-color: #fff;
  --vz-btn-disabled-bg: #405189;
  --vz-btn-disabled-border-color: #405189;
}

.btn-success {
  --vz-btn-color: #fff;
  --vz-btn-bg: #008080;
  --vz-btn-border-color: #008080;
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: #099885;
  --vz-btn-hover-border-color: #088f7d;
  --vz-btn-focus-shadow-rgb: 47, 190, 171;
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg: #088f7d;
  --vz-btn-active-border-color: #088675;
  --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --vz-btn-disabled-color: #fff;
  --vz-btn-disabled-bg: #0ab39c;
  --vz-btn-disabled-border-color: #0ab39c;
}

.form-check-info .form-check-input:checked {
  background-color: #264255;
  border-color: #264255;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
  color: var(--vz-btn-active-color);
  background-color: #264255;
  border-color: #264255;
}

.btn-outline-secondary {
  --vz-btn-color: #264255;
  --vz-btn-border-color: #264255;
  --vz-btn-hover-color: #fff;
  --vz-btn-hover-bg: #264255;
  --vz-btn-hover-border-color: #264255;
  --vz-btn-focus-shadow-rgb: 53, 119, 241;
  --vz-btn-active-color: #fff;
  --vz-btn-active-bg: #264255;
  --vz-btn-active-border-color: #264255;
  --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --vz-btn-disabled-color: #264255;
  --vz-btn-disabled-bg: transparent;
  --vz-btn-disabled-border-color: #264255;
  --vz-gradient: none;
}

.alert-secondary {
  --vz-alert-color: #FFFFFF;
  --vz-alert-bg: #264255;
  --vz-alert-border-color: #FFFFFF;
}

:is(.btn-secondary,.btn-outline-secondary,.btn-soft-secondary).btn-border {
  border-bottom: 2px solid #264255;
}

.text-secondary {
  --vz-text-opacity: 1;
  color: #264255 !important;
}

.bg-secondary {
  --vz-bg-opacity: 1;
  background-color: #264255 !important;
}

.bg-soft-success {
  background-color: rgba(38, 66, 85, 0.15) !important;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
  color: #fff;
  background-color: #264255;
  border-color: #264255;
}

.tabulator .tabulator-footer .tabulator-page.active {
  color: #FFFFFF;
  background-color: #264255;
  outline: solid #264255;
}

.pagination {
  --vz-pagination-active-bg: #264255;
  --vz-pagination-active-border-color: #264255;
}

.border-secondary {
  --vz-border-opacity: 1;
  border-color: #264255 !important;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  border-color: #f5f1f1;
  color: #264255;
}

.custom-disabled {
  border-color: #FCFCFC !important;
  background-color: #FCFCFC !important;
}

.noScrollBox{
  -ms-overflow-style: none;
}
.noScrollBox::-webkit-scrollbar{
 display:none;
}

.weekStyle {
  background-color: #e9ebec !important;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.tabulator-row.tabulator-row-even {
  background-color: white !important;
}