@charset "UTF-8";

/* body */
body {
  background-color: #F3F8FD !important;
}

td a {
  color: #0C2E51 !important;
}

.btn.btn-sm {
  font-weight: bold !important;
}


/* 버튼-primary */
.btn-primary,
.badge-contained {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #0C2E51;
  --bs-btn-border-color: #0C2E51;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #105FAD;
  --bs-btn-hover-border-color: #105FAD;
  --bs-btn-focus-shadow-rgb: 0, 134, 210;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #33b1f9;
  --bs-btn-active-border-color: #1aa8f8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-disabled-bg: #0C2E51;
  --bs-btn-disabled-border-color: #0C2E51;
}

.btn.btn-primary,
.badge.badge-contained {
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: #FFFFFF !important;
  border-color: #0C2E51 !important;
  background-color: #0C2E51 !important;
}

.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:hover:not(.btn-active),
.show>.btn.btn-primary .btn.btn-primary:hover,
.badge.badge-contained.active,
.badge.badge-contained.show,
.badge.badge-contained:hover:not(.btn-active),
.show>.badge.badge-contained .badge.badge-contained:hover {
  /* hover 상태 control */
  color: #FFFFFF !important;
  border-color: #105FAD !important;
  background-color: #105FAD !important;
}

.btn.btn-primary:active:not(.btn-hover),
.badge.badge-contained:active:not(.badge-hover) {
  /* active 상태 control */
  color: #FFFFFF !important;
  border-color: #177CE0 !important;
  background-color: #177CE0 !important;
}

.btn.btn-primary:disabled,
.badge.badge-contained:disabled {
  color: #FFFFFF !important;
  border-color: #C0CFDE !important;
  background-color: #C0CFDE !important;
}

/* 버튼-secondary */
.btn-secondary,
.badge-secondary {
  --bs-btn-color: #0C2E51;
  --bs-btn-bg: #DDECFB;
  --bs-btn-border-color: #DDECFB;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #83BCF3;
  --bs-btn-hover-border-color: #83BCF3;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #BFDCF9;
  --bs-btn-active-border-color: #BFDCF9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-disabled-bg: #DDECFB;
  --bs-btn-disabled-border-color: #DDECFB;
}

.btn.btn-secondary,
.badge-secondary {
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: #0C2E51 !important;
  border-color: #DDECFB !important;
  background-color: #DDECFB !important;
}

.btn.btn-secondary.active,
.btn.btn-secondary.show,
.btn.btn-secondary:hover:not(.btn-active),
.show>.btn.btn-secondary .btn.btn-secondary:hover,
.badge-secondary.active,
.badge-secondary.show,
.badge-secondary:hover:not(.btn-active),
.show>.badge-secondary .badge-secondary:hover {
  /* hover 상태 control */
  color: #FFFFFF !important;
  border-color: #83BCF3 !important;
  background-color: #83BCF3 !important;
}

.btn.btn-secondary:active:not(.btn-hover),
.badge-secondary:active:not(.badge-hover) {
  /* active 상태 control */
  color: #FFFFFF !important;
  border-color: #BFDCF9 !important;
  background-color: #BFDCF9 !important;
}

.btn.btn-secondary:disabled,
.badge-secondary:disabled {
  color: #FFFFFF !important;
  border-color: #C0CFDE !important;
  background-color: #C0CFDE !important;
}

.btn-search {
  font-weight: bold !important;
}

/* 버튼-danger */
.btn-danger {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #B81D24;
  --bs-btn-border-color: #B81D24;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #E50914;
  --bs-btn-hover-border-color: #E50914;
  --bs-btn-focus-shadow-rgb: 0, 134, 210;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #FF444D;
  --bs-btn-active-border-color: #FF444D;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-disabled-bg: #B81D24;
  --bs-btn-disabled-border-color: #B81D24;
}

.btn.btn-danger {
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: #FFFFFF !important;
  border-color: #B81D24 !important;
  background-color: #B81D24 !important;
}

.btn.btn-danger.active,
.btn.btn-danger.show,
.btn.btn-danger:hover:not(.btn-active),
.show>.btn.btn-danger .btn.btn-danger:hover {
  /* hover 상태 control */
  color: #FFFFFF !important;
  border-color: #E50914 !important;
  background-color: #E50914 !important;
}

.btn.btn-danger:active:not(.btn-hover) {
  /* active 상태 control */
  color: #FFFFFF !important;
  border-color: #FF444D !important;
  background-color: #FF444D !important;
}

.btn.btn-danger:disabled {
  /* disabled 상태 control */
  color: #FFFFFF !important;
  border-color: #B81D24 !important;
  background-color: #B81D24 !important;
}

/* checkbox */
table .form-check-custom.form-check-sm .form-check-input {
  /* unchecked 상태 control */
  background-color: #FFFFFF !important;
  border: 2px solid #D7E0E9 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.form-check-custom.form-check-solid .form-check-input:checked {
  /* checked 상태 control */
  background-color: #105FAD !important;
  border: none !important;
  width: 1.5rem;
  height: 1.5rem;
}

/* input 및 search */
.form-control {
  border-radius: 0.75rem;
  border: 1px solid #BFDCF9 !important;
  background: #F3F8FD;
}

.form-control:focus {
  color: #0c2e51;
  border: 1px solid #BFDCF9FF;
  background: #F3F8FD;
}

.form-control[readonly] {
  border: none !important;
  outline: none !important;
  background: none !important;
  color: #8cabfb !important;
  font-size: 1.2rem;
  /*color: #BED0FF !important;*/
  cursor: auto;
}

.form-control.form-control-solid {
  border-radius: 0.75rem !important;
  background: #F3F8FD !important;

  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

.form-control.form-control-solid:focus {
  transition: 0.5s ease all;
  border: 1px solid #BFDCF9FF;
  box-sizing: border-box;
  font-weight: 700 !important;
  color: #0C2E51;
}

input.form-control.form-control-solid::placeholder {
  color: #BFDCF9 !important;
}

.search-contain {
  border-radius: 0.75rem !important;
  background: #F3F8FD !important;
  justify-content: flex-start;
  box-sizing: content-box;
  min-width: 350px;
}

.search-text {
  position: relative;
  color: #BFDCF9;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  left: 15px;
  display: inline-block;
  overflow: visible;
  vertical-align: -0.15em;
  transition: 0.2s all ease;
}

.search-text::after {
  content: '|';
  padding-left: 1rem;
  color: #F3F8FD;
}

.search-text.focused::after {
  content: '|';
  padding-left: 1rem;
  color: #83BCF3;
}

.search-input {
  color: #0C2E51;
}

.input-group-text {
  border: 1px solid #BFDCF9;
  background: #F3F8FD !important;
  color: #a1a5b7;
}

/* status badge */
b.badge {
  font-weight: 400 !important;
  padding: 0.5rem 0 !important;
  white-space: nowrap !important;
  opacity: 0.7;
  /* border-radius: 0.75rem; */
}

.badge-light-dark {
  /* 등록, 심사요청, 서식의뢰 상태  */
  background-color: #021036 !important;
  color: #FFFFFF !important;
}

.badge-light-success {
  /* 작성완료, 제작완료 상태  */
  background: #83BCF3 !important;
  color: #FFFFFF !important;
}

.badge-light-primary {
  /* 확정 상태  */
  background-color: #00C6FF !important;
  color: #FFFFFF !important;
}

.badge-light-info {
  /* 승인 상태  */
  background-color: #235CF3 !important;
  color: #FFFFFF !important;
}

.badge-light-secondary {
  /* 제작접수 상태  */
  background: #D5E0FE !important;
  color: #FFFFFF !important;
}

.badge-light-danger {
  /* 반려 상태  */
  background-color: #E50914 !important;
  color: #FFFFFF !important;
}

.badge-light-light {
  /* 삭제 상태  */
  background: #D2DAE3 !important;
  color: #FFFFFF !important;
}

.badge-light-warning {
  /* 누락 및 경고 */
  background-color: #EEF0F5 !important;
  color: #021036 !important;
}

/* 왼쪽 메뉴 bar */
.menus .sel::before,
.tree .sel>label::before {
  background-color: #0C2E51 !important;
}

/* pagination */
.active>.page-link,
.page-link.active {
  background-color: #0C2E51 !important;
}

/* link */
.link-primary {
  color: #0C2E51 !important;
}

/* Radio 라디오 */
.form-check-input {
  border: 2px solid #D7E0E9;
}

.form-check-input:checked+label,
.form-check-input:checked+span {
  color: #0C2E51;
}

.form-check-input:checked {
  background-color: #105FAD !important;
  border-color: #105FAD;
}

.form-check-input:active {
  border-color: #105FAD;
}

/* Icon 아이콘 */
a:not([href]):not([class]),
a:not([href]):not([class]):hover,
svg.b-icon.bi.text-primary {
  color: #0C2E51 !important;
}

/* media query */
@media (min-width: 992px) {
  body:not([data-kt-app-toolbar-fixed=true]) .app-toolbar {
    background-color: #F3F8FD !important;
  }

  .show-991 {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .dx-header {
    width: 100%;
  }

  .dx-header .menu-nav {
    align-items: center !important;
  }

  .show-991 {
    display: block;
  }

  .hide {
    display: none;
  }
}

.bg-banner {
  background: url(../../img/bg.jpg) no-repeat center center / cover;
}

.mobile-app {
  background-color: #fff;
}

.mobile-app .table-view {
  padding: 0;
  overflow: hidden;
}

.mobile-app .dataTables_length {
  display: none;
}

.mobile-app .app-toolbar {
  position: fixed;
  z-index: 1;
  width: 100%;
  background-color: #fff !important;
  box-shadow: 0 0 5px #bbb !important;
}

.mobile-app .app-content {
  padding-top: 55px !important;
}