@charset "UTF-8";
/*
* Copyright (c) 2023 EVERONESOFT. All rights reserved.
* 
* This software is the confidential and proprietary information of EVERONESOFT.
* You shall not disclose such Confidential Information and shall use it only in
* accordance with the terms of the license agreement you entered into with EVERONESOFT.
* 
* 본 소스는 (주)에버원소프트의 자산입니다, 
* 무단 복제 배포시 정보통신법에 의해 제제를 받을수 있습니다.
* 
* file path : public\css\cupid.css
* author : yoonn
* date : 2023.12.01
* version : 1.0
* desc : app 전체 공통 CSS
  각 App별 custom이 필요한 CSS는 cupid-[appName].css에 작성
  - choice.js
*/

/* css 작성시 cupid-rtl.css 에도 같이 작성해주세요 */

body {
  overflow-y: scroll;
}

/*공통 컴포넌트 element 선택 색상 */
.cmp-selected{
  background-color: var(--bs-primary) !important;
  color: var(--bs-white) !important;
}

/* router-link 텍스트 color   */
.cmp-selected *:not(input):not(button):not(.choices *) {
  color: var(--bs-white) !important;
}

/* formCmp중 requeired 항목 background */
.formInput.required input[type=text],
.formInput.required input[type=password],
.formInput.required textarea,
.formInput.required .choices__inner{
  background-color: rgba(var(--bs-danger-rgb), 0.1) !important;
}

/* ------- choice.js CSS START ------- */
.choices__item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.choices__list {
  vertical-align: middle;
  z-index: 2000 !important;
}
/* ------- choice.js CSS END ------- */


/* ------- refresh icon CSS START ------- */
.select-refresh{
  position: absolute;
  top: 8px;
  right: 10px;
}

.input-refresh {
  position: absolute;
  top: 8px;
  right: 10px;
}
/* ------- refresh icon CSS END ------- */

/* 계층구조에서 사용하는 패딩 */
.c-ps-0 {
  padding-left: 0 !important;
}

.c-ps-1 {
  padding-left: 1rem !important;
}

.c-ps-2 {
  padding-left: 2rem !important;
}

.c-ps-3 {
  padding-left: 3rem !important;
}

.c-ps-4 {
  padding-left: 4rem !important;
}

.c-ps-5 {
  padding-left: 5rem !important;
}

.c-ps-6 {
  padding-left: 6rem !important;
}

.c-ps-7 {
  padding-left: 7rem !important;
}

.c-ps-8 {
  padding-left: 8rem !important;
}

.c-ps-9 {
  padding-left: 9rem !important;
}

.h-20px {
  height: 20px !important;
}

.h-30px {
  height: 30px !important;
}

.h-40px {
  height: 40px !important;
}

.h-50px {
  height: 50px !important;
}

.h-60px {
  height: 60px !important;
}

.h-70px {
  height: 70px !important;
}

.h-90px {
  height: 90px !important;
}

.h-100px {
  height: 100px !important;
}

.h-150px {
  height: 150px !important;
}

.h-200px {
  height: 200px !important;
}

.h-250px {
  height: 250px !important;
}

.h-300px {
  height: 300px !important;
}

.h-350px {
  height: 350px !important;
}

.h-400px {
  height: 400px !important;
}

.h-500px {
  height: 500px !important;
}

.h-600px {
  height: 600px !important;
}

.h-700px {
  height: 700px !important;
}

.w-40px {
  width: 40px !important;
}

.w-50px {
  width: 50px !important;
}

.w-60px {
  width: 60px !important;
}

.w-70px {
  width: 70px !important;
}

.w-80px {
  width: 80px !important;
}

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

.w-150px {
  width: 150px !important;
}

.w-200px {
  width: 200px !important;
}

.w-280px {
  width: 280px !important;
}

.w-400px {
  width: 400px !important;
}

/* button active coloer override */
/* .btn-primary {
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #053c6d;
}

.btn-danger {
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #690915;
} */

/* form switch css */
.form-switch .form-check-input {
  width: 2.5em;
  height: 1.5em;
  margin-left: -1.5em;
}

.form-switch .form-check-input:checked{
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23066ac9'/%3e%3c/svg%3e");
  background-color: var(--bs-form-check-bg);
  border-color: #066ac9;
}

.form-switch .form-check-input:checked:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  border-color: #066ac9;
  background-color: #066ac9;
}

.modal button:focus:not(:focus-visible) {
  background-color: var(--bs-btn-hover-bg);
}

/* md */
@media (min-width: 768px) {
  .fs-md-1 {
    font-size: calc(1.40625rem + 1.875vw) !important;
  }

  .fs-md-2 {
    font-size: calc(1.359375rem + 1.3125vw) !important;
  }

  .fs-md-3 {
    font-size: calc(1.3125rem + 0.75vw) !important;
  }

  .fs-md-4 {
    font-size: calc(1.2890625rem + 0.46875vw) !important;
  }

  .fs-md-5 {
    font-size: calc(1.25625rem + 0.075vw) !important;
  }

  .fs-md-6 {
    font-size: 0.9375rem !important;
  }
  
  .px-md-button {
    padding-right: var(--bs-btn-padding-x) !important;
    padding-left: var(--bs-btn-padding-x) !important;
  }

}

/* lg */
@media (min-width: 992px) {
  .fs-lg-1 {
    font-size: calc(1.40625rem + 1.875vw) !important;
  }

  .fs-lg-2 {
    font-size: calc(1.359375rem + 1.3125vw) !important;
  }

  .fs-lg-3 {
    font-size: calc(1.3125rem + 0.75vw) !important;
  }

  .fs-lg-4 {
    font-size: calc(1.2890625rem + 0.46875vw) !important;
  }

  .fs-lg-5 {
    font-size: calc(1.25625rem + 0.075vw) !important;
  }

  .fs-lg-6 {
    font-size: 0.9375rem !important;
  }
}

.text-not-break {
  word-wrap: break-word !important;
  word-break: keep-all !important;
}

.shadow {
  -webkit-box-shadow: 0px 0px 20px rgba(29, 58, 83, 0.15) !important;
  box-shadow: 0px 0px 20px rgba(29, 58, 83, 0.15) !important;
}

@media (max-width: 768px){
  .back-top {
    bottom: 10px;
    right: 10px;
    width: 52px;
    height: 52px;
    line-height: 30px;
  }

  .back-top i {
    font-size: 1.6rem;;
  }
}

/* CodeMirror START */
.cm .cm-editor {
  height: 100%;
  max-height: none;
  border: none;
}
.cm .cm-scroller {
  overflow: auto;
}
/* CodeMirror END */

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

.btn-overflow {
  overflow-x: auto;
  overflow-y: visible;
  white-space: nowrap;
}

.modal {
  --bs-modal-zindex: 1085 !important;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1080 !important;
  width: 100%;
  height: 100%;
}

.dataFormList, .dataFormEdit {
  max-width: 2500px;
}

/* datepiker는 .sticky-top 보다 위에 존재하도록 */
.flatpickr-calendar.static.open {
  z-index: 1021 !important;
}

/* css 작성시 cupid-rtl.css 에도 같이 작성해주세요 */