@charset "UTF-8";
/* ************************
* 캠페인 관리 리스트
************************ */
.campaign-manage .main-wrap {
  display: flex;
  flex-direction: column;
}

.campaign-manage .main-content {
  flex: 1;
}

.campaign-manage .main-content > article {
  height: 100%;
}

.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker),
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker),
.css-after {
  /*campaignManageList 추후에 모두 제거*/
  /*-------------------------------------------------------------------
  ## Label
  -------------------------------------------------------------------*/
  /* Default */
  /* 플랫폼-label */
  /* pro */
  /* slim */
  /* 판매유형-label */
  /* 구좌제 */
  /* CPM */
  /* 상태-label */
  /* 임시저장만료 empty: {code: 0, label: "임시저장만료"} */
  /* 임시저장 temp: {code: 3, label: "임시저장"} */
  /* 예약 booking: {code: 4, label: "예약"} */
  /* 승인요청 request: {code: 21, label: "승인요청"} */
  /* 요청취소 request_cancel: {code: 22, label: "요청취소"} */
  /* 승인반려 request_reject: {code: 24, label: "승인반려"} */
  /* 승인완료 approval: {code: 30, label: "승인완료"} */
  /* 승인취소 approval_cancel: {code: 40, label: "승인취소"} */
  /* 진행중 live: {code: 50, label: "진행중"} */
  /* 중간종료 live_stop: {code: 60, label: "중간종료"} */
  /* 정상종료 complete: {code: 99, label: "정상종료"} */
  /* 가상계좌입금요청 vbank_request: {code: 15, label: "가상계좌입금요청"} */
  /* 가상계좌입금기간만료 vbank_expired: {code: 17, label: "가상계좌입금기간만료"} */
  /* 가상계좌입금완료 pay_complete: {code: 18, label: "가상계좌입금완료"} */
  /* 결제취소 pay_cancel: {code: 19, label: "결제취소"} */
  /* 소재승인대기 material_ready: {code: 6, label: "소재승인대기"} */
  /* 소재승인반려 material_reject: {code: 9, label: "소재승인반려"} */
  /* 소재승인완료 material_approval: {code: 12, label: "소재승인완료"} */
  /* 상태-table bg */
  /* 조회영역 */
  /* 캠페인 관리 목록 */
  /* 진행률 단계 */
  /* 테이블 */
  /* 캠페인관리 목록 각 셀 그룹의 가로 비율 설정 */
  /* pastel green */
  /* pastel purple */
  /* pastel skyblue */
  /* pastel green 마우스오버 시 */
  /* pastel purple 마우스오버 시 */
  /* pastel skyblue 마우스오버 시 */
  /* pastel lightGreen */
  /* pastel lightPurple */
  /* pastel lightSkyblue */
  /* pastel lightGreen 마우스오버 시 */
  /* pastel lightPurple 마우스오버 시 */
  /* pastel lightSkyblue 마우스오버 시 */
  /* 제목 행 스타일 */
  /* 캠페인 목록 */
  /* 캠페인관리 > 캠페인 상세 */
  /*추후제거*/
  /* 캠페인 진행 단계 */
  /* 다운로드 버튼 */
  /* 캠페인 정보 */
  /*추후제거*/
  /* 캠페인관리 > 캠페인 상세 > 매체별 청약목록 */
  /* .subDetailList .table-type2 .row_li {display: grid;  grid-template-columns: 5% 15% 5% 7% auto 9% 15% 9% 9% 7%; gap: 0; min-width: 1300px;} 매체별 청약 목록 - 각 셀 그룹의 가로 비율 설정 */
  /* 매체별 청약 목록 : 게첨상태 항목 추가- 각 셀 그룹의 가로 비율 설정 */
  /* 셀 13개 항목 */
  /* 셀 14개 항목 */
  /* 셀 15개 항목 */
  /* 캠페인 분석차트 */
  /* 페이지로 이동 버튼 */
  /*하이차트 공통내용*/
  /*차트 햄버거메뉴*/
  /*차트레전드 텍스트*/
  /* 신규 소재 등록 캔버스 영역 */
  /* 색상 선택 */
  /* 영상 재생 버튼 */
  /*-------------------------------------------------------------------
  ## 캠페인 리포트 부분
  -------------------------------------------------------------------*/
  /*청약정보 상세보기 버튼*/
  /*-------------------------------------------------------------------
  ## 첨부파일부분 공통
  -------------------------------------------------------------------*/
  /*-------------------------------------------------------------------
  ## 여기까지 구버전 스타일
  -------------------------------------------------------------------*/
  /* ********************************************************************************************************************************************* */
  /* **************************************************              MEDIA QUERY                 ************************************************* */
  /* ********************************************************************************************************************************************* */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .label,
.css-after .label {
  display: inline-block;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .label-state,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .label-state,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .label-state,
.css-after .label-state {
  background: #fff;
  min-width: 46px;
  border-radius: 50rem;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .label-basic,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .label-basic,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .label-basic,
.css-after .label-basic {
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-pro,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-pro,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-pro,
.css-after .type-pro {
  background: #2A3A61;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-slim,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-slim,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-slim,
.css-after .type-slim {
  background: #ff5722;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-sale-01,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-sale-01,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-sale-01,
.css-after .type-sale-01 {
  background: #3C4A73;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-sale-02,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-sale-02,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-sale-02,
.css-after .type-sale-02 {
  background: #77578F;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-empty,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-empty,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-empty,
.css-after .type-empty {
  background: #C11801;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-temp,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-temp,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-temp,
.css-after .type-temp {
  background: #90939d;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-booking,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-booking,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-booking,
.css-after .type-booking {
  background: #7a7a7a;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-request,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-request,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-request,
.css-after .type-request {
  background: #1565B8;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-request_cancel,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-request_cancel,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-request_cancel,
.css-after .type-request_cancel {
  background: #e35441;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-request_reject,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-request_reject,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-request_reject,
.css-after .type-request_reject {
  background: #C11801;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-approval,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-approval,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-approval,
.css-after .type-approval {
  background: #1565B8;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-approval_cancel,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-approval_cancel,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-approval_cancel,
.css-after .type-approval_cancel {
  background: #e35441;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-live,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-live,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-live,
.css-after .type-live {
  background: #36820D;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-live_stop,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-live_stop,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-live_stop,
.css-after .type-live_stop {
  background: #7a7a7a;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-complete,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-complete,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-complete,
.css-after .type-complete {
  background: #38393d;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-vbank_request,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-vbank_request,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-vbank_request,
.css-after .type-vbank_request {
  background: #90939d;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-vbank_expired,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-vbank_expired,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-vbank_expired,
.css-after .type-vbank_expired {
  background: #C11801;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-pay_complete,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-pay_complete,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-pay_complete,
.css-after .type-pay_complete {
  background: #1565B8;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-pay_cancel,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-pay_cancel,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-pay_cancel,
.css-after .type-pay_cancel {
  background: #e35441;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-material_ready,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-material_ready,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-material_ready,
.css-after .type-material_ready {
  background: #90939d;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-material_reject,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-material_reject,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-material_reject,
.css-after .type-material_reject {
  background: #C11801;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-material_approval,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-material_approval,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-material_approval,
.css-after .type-material_approval {
  background: #1565B8;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-empty-tableBg, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-request_reject-tableBg, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-vbank_expired-tableBg, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-material_reject-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-empty-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-request_reject-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-vbank_expired-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-material_reject-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-empty-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-request_reject-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-vbank_expired-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-material_reject-tableBg,
.css-after .type-empty-tableBg,
.css-after .type-request_reject-tableBg,
.css-after .type-vbank_expired-tableBg,
.css-after .type-material_reject-tableBg {
  background: #FCEBE9;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-temp-tableBg, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-vbank_request-tableBg, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-material_ready-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-temp-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-vbank_request-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-material_ready-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-temp-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-vbank_request-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-material_ready-tableBg,
.css-after .type-temp-tableBg,
.css-after .type-vbank_request-tableBg,
.css-after .type-material_ready-tableBg {
  background: #F4F4F7;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-booking-tableBg, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-live_stop-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-booking-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-live_stop-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-booking-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-live_stop-tableBg,
.css-after .type-booking-tableBg,
.css-after .type-live_stop-tableBg {
  background: #EFEFEF;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-request-tableBg, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-approval-tableBg, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-pay_complete-tableBg, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-material_approval-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-request-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-approval-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-pay_complete-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-material_approval-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-request-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-approval-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-pay_complete-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-material_approval-tableBg,
.css-after .type-request-tableBg,
.css-after .type-approval-tableBg,
.css-after .type-pay_complete-tableBg,
.css-after .type-material_approval-tableBg {
  background: #EAF2FA;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-request_cancel-tableBg, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-approval_cancel-tableBg, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-pay_cancel-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-request_cancel-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-approval_cancel-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-pay_cancel-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-request_cancel-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-approval_cancel-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-pay_cancel-tableBg,
.css-after .type-request_cancel-tableBg,
.css-after .type-approval_cancel-tableBg,
.css-after .type-pay_cancel-tableBg {
  background: #e1dbd9;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-live-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-live-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-live-tableBg,
.css-after .type-live-tableBg {
  background: #ECF6E7;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .type-complete-tableBg,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .type-complete-tableBg,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .type-complete-tableBg,
.css-after .type-complete-tableBg {
  background: #F5F5F5;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .table-layout-fixed,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .table-layout-fixed,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .table-layout-fixed,
.css-after .table-layout-fixed {
  table-layout: fixed;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .word_break,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .word_break,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .word_break,
.css-after .word_break {
  display: inline-block;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .ellipsis,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .ellipsis,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .ellipsis,
.css-after .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .title-scroll-x, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .scroll-x,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .title-scroll-x,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .scroll-x,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .title-scroll-x,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .scroll-x,
.css-after .title-scroll-x,
.css-after .scroll-x {
  white-space: nowrap;
  text-overflow: unset;
  overflow-x: auto;
  overflow-y: hidden;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .count, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .price,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .count,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .price,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .count,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .price,
.css-after .count,
.css-after .price {
  color: #ED1C24;
  font-weight: 500;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .content-title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .content-title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .content-title,
.css-after .content-title {
  font-size: var(--font-md);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .content_layout h3,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .content_layout h3,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .content_layout h3,
.css-after .content_layout h3 {
  font-size: 17px;
  border-bottom: 1px solid #ddd;
  padding: 20px 20px 12px 20px;
  background: rgba(0, 0, 0, 0.05);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .search-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .search-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .search-wrap,
.css-after .search-wrap {
  position: relative;
  align-items: flex-start;
  background-color: var(--bg-300);
  border-radius: 4px;
  z-index: 3;
  display: flex;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .search-setting,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .search-setting,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .search-setting,
.css-after .search-setting {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  flex: 1;
  margin: 10px 0;
  gap: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .search-control,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .search-control,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .search-control,
.css-after .search-control {
  max-width: 280px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .search-control .dropdown, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .search-control .dropdown > button, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .search-control .dropdown-toggle,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .search-control .form-control,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .search-control .dropdown,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .search-control .dropdown > button,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .search-control .dropdown-toggle,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .search-control .form-control,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .search-control .dropdown,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .search-control .dropdown > button,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .search-control .dropdown-toggle,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .search-control .form-control,
.css-after .search-control .dropdown,
.css-after .search-control .dropdown > button,
.css-after .search-control .dropdown-toggle,
.css-after .search-control .form-control {
  width: 100%;
  flex: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .new .search-control .dropdown-item,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .new .search-control .dropdown-item,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .new .search-control .dropdown-item,
.css-after .new .search-control .dropdown-item {
  padding: 8px 16px;
  border-top: 1px solid #e9ecef;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .search-control .dropdown-item:first-child,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .search-control .dropdown-item:first-child,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .search-control .dropdown-item:first-child,
.css-after .search-control .dropdown-item:first-child {
  border: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .new .search-control > .form-control,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .new .search-control > .form-control,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .new .search-control > .form-control,
.css-after .new .search-control > .form-control {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .search-control .form-control,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .search-control .form-control,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .search-control .form-control,
.css-after .search-control .form-control {
  display: flex;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .search-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .search-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .search-content,
.css-after .search-content {
  padding: 0px;
  margin: 0;
  border-radius: 0 0 4px 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .search-wrap .input-group,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .search-wrap .input-group,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .search-wrap .input-group,
.css-after .search-wrap .input-group {
  width: auto;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .search-wrap .input-group + .input-group,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .search-wrap .input-group + .input-group,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .search-wrap .input-group + .input-group,
.css-after .search-wrap .input-group + .input-group {
  margin-top: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .search-setting .flex-inline,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .search-setting .flex-inline,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .search-setting .flex-inline,
.css-after .search-setting .flex-inline {
  align-items: center;
  display: inline-flex;
  justify-content: flex-start;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .search-setting .searchBtn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .search-setting .searchBtn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .search-setting .searchBtn,
.css-after .search-setting .searchBtn {
  width: 100px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .tblTotalList,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .tblTotalList,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .tblTotalList,
.css-after .tblTotalList {
  display: flex;
  align-items: center;
  z-index: 2;
  padding: 10px 0 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .tblTotalList .total,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .tblTotalList .total,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .tblTotalList .total,
.css-after .tblTotalList .total {
  display: inline-block;
  margin-right: 5px;
  margin-top: 4px;
  justify-content: flex-start;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .tblTotalList .flex-start,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .tblTotalList .flex-start,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .tblTotalList .flex-start,
.css-after .tblTotalList .flex-start {
  justify-content: flex-start;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .tblTotalList .flex-end,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .tblTotalList .flex-end,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .tblTotalList .flex-end,
.css-after .tblTotalList .flex-end {
  justify-content: flex-end;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .in-range ul,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .in-range ul,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .in-range ul,
.css-after .in-range ul {
  display: flex;
  flex-direction: row;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .in-range li label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .in-range li label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .in-range li label,
.css-after .in-range li label {
  display: flex;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .in-range li .status-indicator,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .in-range li .status-indicator,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .in-range li .status-indicator,
.css-after .in-range li .status-indicator {
  margin-top: 6px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .progress-text,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .progress-text,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .progress-text,
.css-after .progress-text {
  width: 55px;
  text-align: end;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .status-indicator,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .status-indicator,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .status-indicator,
.css-after .status-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 5px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .excellent,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .excellent,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .excellent,
.css-after .excellent {
  background-color: #4CAF50; /* 초록색 */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .warning,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .warning,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .warning,
.css-after .warning {
  background-color: #FFD700; /* 노란색 */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .danger,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .danger,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .danger,
.css-after .danger {
  background-color: #FF0000; /* 빨간색 */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .class-progress .progress-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .class-progress .progress-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .class-progress .progress-container,
.css-after .class-progress .progress-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .class-progress .progress-bar-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .class-progress .progress-bar-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .class-progress .progress-bar-container,
.css-after .class-progress .progress-bar-container {
  display: flex;
  align-items: center;
  width: 75px;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .class-progress .process-bar-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .class-progress .process-bar-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .class-progress .process-bar-container,
.css-after .class-progress .process-bar-container {
  display: flex;
  align-items: center;
  width: 75px;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .class-progress .process-bar,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .class-progress .process-bar,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .class-progress .process-bar,
.css-after .class-progress .process-bar {
  flex-grow: 0;
  height: 6px;
  transition: width 0.3s ease;
  background-color: #4CAF50; /* 초록색 */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .tbl-group-type2,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .tbl-group-type2,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .tbl-group-type2,
.css-after .tbl-group-type2 {
  border: 1px solid #444;
  border-left: 0;
  border-right: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .table-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .table-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .table-container,
.css-after .table-container {
  overflow: auto;
  height: -moz-fit-content;
  height: fit-content; /*  max-height: 100vh; 스크롤 가능한 최대 높이 설정 */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .table-type2 .row_li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .table-type2 .row_li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .table-type2 .row_li,
.css-after .table-type2 .row_li {
  display: grid;
  grid-template-columns: 3% 4% 3% 17% 7% 7% 7% 12% 6% 6% 6% 7% 5% 10%;
  gap: 0;
  min-width: 1780px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .table-type2.-temporary .row_li .btn-sm,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .table-type2.-temporary .row_li .btn-sm,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .table-type2.-temporary .row_li .btn-sm,
.css-after .table-type2.-temporary .row_li .btn-sm {
  width: 56px;
  height: 24px;
  padding: 0;
  margin-top: 1px;
  margin-bottom: 1px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .cell,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .cell,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .cell,
.css-after .cell {
  text-align: center;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .table-type2,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .table-type2,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .table-type2,
.css-after .table-type2 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border: 0;
  border-spacing: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .table-type2 .row_li.title .cell, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .table-type2 .row_li .cell,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .table-type2 .row_li.title .cell,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .table-type2 .row_li .cell,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .table-type2 .row_li.title .cell,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .table-type2 .row_li .cell,
.css-after .table-type2 .row_li.title .cell,
.css-after .table-type2 .row_li .cell {
  word-break: break-all;
  padding: 8px 4px;
  border-bottom: 1px solid #ddd;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .table-type2 .row_li.title .cell,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .table-type2 .row_li.title .cell,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .table-type2 .row_li.title .cell,
.css-after .table-type2 .row_li.title .cell {
  background: #f7f7f7;
  border-bottom: 1px solid #ddd;
  font-weight: 500;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .table-type2 .row_li .cell,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .table-type2 .row_li .cell,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .table-type2 .row_li .cell,
.css-after .table-type2 .row_li .cell {
  color: #444;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .thbgc-pst-green,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .thbgc-pst-green,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .thbgc-pst-green,
.css-after .thbgc-pst-green {
  background: #deeddc !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .thbgc-pst-purple,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .thbgc-pst-purple,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .thbgc-pst-purple,
.css-after .thbgc-pst-purple {
  background: #dfdaf1 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .thbgc-pst-skyblue,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .thbgc-pst-skyblue,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .thbgc-pst-skyblue,
.css-after .thbgc-pst-skyblue {
  background: #c0dde9 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .thbgc-pst-green,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .thbgc-pst-green,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .thbgc-pst-green,
.css-after .thbgc-pst-green {
  background: #c4d1c2 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .thbgc-pst-purple,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .thbgc-pst-purple,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .thbgc-pst-purple,
.css-after .thbgc-pst-purple {
  background: #c8c4d8 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .thbgc-pst-skyblue,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .thbgc-pst-skyblue,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .thbgc-pst-skyblue,
.css-after .thbgc-pst-skyblue {
  background: #b1cbd6 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .thbgc-pstL-green,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .thbgc-pstL-green,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .thbgc-pstL-green,
.css-after .thbgc-pstL-green {
  background: #f7fff5 !important;
  transition: background-color 0.3s ease;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .thbgc-pstL-purple,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .thbgc-pstL-purple,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .thbgc-pstL-purple,
.css-after .thbgc-pstL-purple {
  background: #f9f7ff !important;
  transition: background-color 0.3s ease;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .thbgc-pstL-skyblue,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .thbgc-pstL-skyblue,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .thbgc-pstL-skyblue,
.css-after .thbgc-pstL-skyblue {
  background: #f2fbff !important;
  transition: background-color 0.3s ease;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .campaign-list-ul .campaign-list-li:hover .thbgc-pstL-green,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .campaign-list-ul .campaign-list-li:hover .thbgc-pstL-green,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .campaign-list-ul .campaign-list-li:hover .thbgc-pstL-green,
.css-after .campaign-list-ul .campaign-list-li:hover .thbgc-pstL-green {
  background: #e7f0e5 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .campaign-list-ul .campaign-list-li:hover .thbgc-pstL-purple,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .campaign-list-ul .campaign-list-li:hover .thbgc-pstL-purple,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .campaign-list-ul .campaign-list-li:hover .thbgc-pstL-purple,
.css-after .campaign-list-ul .campaign-list-li:hover .thbgc-pstL-purple {
  background: #e3e2e7 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .campaign-list-ul .campaign-list-li:hover .thbgc-pstL-skyblue,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .campaign-list-ul .campaign-list-li:hover .thbgc-pstL-skyblue,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .campaign-list-ul .campaign-list-li:hover .thbgc-pstL-skyblue,
.css-after .campaign-list-ul .campaign-list-li:hover .thbgc-pstL-skyblue {
  background: #dee4e7 !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .cell.title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .cell.title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .cell.title,
.css-after .cell.title {
  font-weight: bold;
  background-color: #eee;
  position: sticky;
  top: 0;
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .campaign-list-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .campaign-list-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .campaign-list-wrap,
.css-after .campaign-list-wrap {
  margin: 0px;
  padding: 0;
  background-color: #f4f4f4;
  display: flex;
  overflow: hidden;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .campaign-list-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .campaign-list-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .campaign-list-container,
.css-after .campaign-list-container {
  flex-basis: 100%;
  transition: flex-basis 0.3s ease;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .campaign-list-ul,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .campaign-list-ul,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .campaign-list-ul,
.css-after .campaign-list-ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .campaign-list-ul .campaign-list-li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .campaign-list-ul .campaign-list-li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .campaign-list-ul .campaign-list-li,
.css-after .campaign-list-ul .campaign-list-li {
  background-color: #fff;
  margin: 0;
  padding: 0px;
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .campaign-list-ul .campaign-list-li:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .campaign-list-ul .campaign-list-li:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .campaign-list-ul .campaign-list-li:hover,
.css-after .campaign-list-ul .campaign-list-li:hover {
  background-color: #f0f0f0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .campaign-list-container.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .campaign-list-container.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .campaign-list-container.active,
.css-after .campaign-list-container.active {
  flex-basis: 30%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .campaign-list-container.active ~ .details-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .campaign-list-container.active ~ .details-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .campaign-list-container.active ~ .details-container,
.css-after .campaign-list-container.active ~ .details-container {
  border-left: 1px solid #656565;
  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .campaign-list-ul .campaign-list-li.selected,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .campaign-list-ul .campaign-list-li.selected,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .campaign-list-ul .campaign-list-li.selected,
.css-after .campaign-list-ul .campaign-list-li.selected {
  background-color: #cce5ff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .campaign-list-ul .campaign-list-li .cell .tit,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .campaign-list-ul .campaign-list-li .cell .tit,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .campaign-list-ul .campaign-list-li .cell .tit,
.css-after .campaign-list-ul .campaign-list-li .cell .tit {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .details-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .details-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .details-container,
.css-after .details-container {
  overflow: hidden;
  transition: flex-basis 0.3s ease;
  background: #fff;
  box-shadow: 0 12px 14px 0 rgba(0, 0, 0, 0.2);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .details-container .details, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .details-container .detailCampaign,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .details-container .details,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .details-container .detailCampaign,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .details-container .details,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .details-container .detailCampaign,
.css-after .details-container .details,
.css-after .details-container .detailCampaign {
  padding: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .details-container .tab-content,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .details-container .report-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .details-container .tab-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .details-container .report-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .details-container .tab-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .details-container .report-content,
.css-after .details-container .tab-content,
.css-after .details-container .report-content {
  padding: 8px 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .details-container .nav-link,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .details-container .nav-link,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .details-container .nav-link,
.css-after .details-container .nav-link {
  padding: 8px 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .details,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .details,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .details,
.css-after .details {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .details.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .details.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .details.active,
.css-after .details.active {
  display: block;
  padding: 16px;
  flex-basis: 70%;
  min-width: 490px; /* height:  calc(-320px + 100vh); */
  overflow-y: scroll;
  background: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .details .panel_head,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .details .panel_head,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .details .panel_head,
.css-after .details .panel_head {
  margin: -16px -16px 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .dttils-wrap .table-type2 .row_li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .dttils-wrap .table-type2 .row_li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .dttils-wrap .table-type2 .row_li,
.css-after .dttils-wrap .table-type2 .row_li {
  min-width: 900px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .dttils-wrap .campaign-detail-wrap .right-column,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .dttils-wrap .campaign-detail-wrap .right-column,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .dttils-wrap .campaign-detail-wrap .right-column,
.css-after .dttils-wrap .campaign-detail-wrap .right-column {
  min-width: 223px;
  background: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .fullscreen,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .fullscreen,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .fullscreen,
.css-after .fullscreen {
  position: fixed;
  top: 0;
  left: 100px;
  z-index: 4;
  width: calc(-100px + 100vw);
  height: 100vh;
}
header.--show + main .fullscreen {
  width: calc(-300px + 100vw);
  left: 300px;
}

.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .fullscreen .details.active,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .fullscreen .detailCampaign.active,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .fullscreen .detailsContainerCampaign.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .fullscreen .details.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .fullscreen .detailCampaign.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .fullscreen .detailsContainerCampaign.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .fullscreen .details.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .fullscreen .detailCampaign.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .fullscreen .detailsContainerCampaign.active,
.css-after .fullscreen .details.active,
.css-after .fullscreen .detailCampaign.active,
.css-after .fullscreen .detailsContainerCampaign.active {
  height: 100vh;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .fullscreen .campaign-detail-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .fullscreen .campaign-detail-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .fullscreen .campaign-detail-wrap,
.css-after .fullscreen .campaign-detail-wrap {
  height: 100vh;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .panel .panel_head,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .panel .panel_head,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .panel .panel_head,
.css-after .panel .panel_head {
  font-size: 17px;
  border-bottom: 1px solid #ddd;
  padding: 16px;
  background: rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .top-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .top-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .top-wrap,
.css-after .top-wrap {
  min-width: 450px;
  padding: 0 10px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .detailCampaign,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .detailCampaign,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .detailCampaign,
.css-after .detailCampaign {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .detailCampaign.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .detailCampaign.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .detailCampaign.active,
.css-after .detailCampaign.active {
  display: block;
  flex-basis: 70%; /*padding: 0px 20px; margin: 20px 0; height: calc(-560px + 100vh); */
  overflow-y: scroll;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .details.active .btn-expand,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .details.active .btn-expand,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .details.active .btn-expand,
.css-after .details.active .btn-expand {
  background: #007bff;
  border-color: #1565B8;
  padding: 7px;
  transition: all 0.3s ease;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .details.active .btn-expand:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .details.active .btn-expand:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .details.active .btn-expand:hover,
.css-after .details.active .btn-expand:hover {
  background: #1565B8;
  border-color: #212E4E;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .details.active .btn-expand .icon-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .details.active .btn-expand .icon-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .details.active .btn-expand .icon-container,
.css-after .details.active .btn-expand .icon-container {
  filter: invert(1);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .detailCampaign .nav,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .detailCampaign .nav,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .detailCampaign .nav,
.css-after .detailCampaign .nav {
  border: 1px solid #ddd;
  border-bottom: none;
  background: #ddd;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .detailCampaign .nav .nav-link.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .detailCampaign .nav .nav-link.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .detailCampaign .nav .nav-link.active,
.css-after .detailCampaign .nav .nav-link.active {
  background: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .details.active .details.active,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .details.active .details.active,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .details.active .details.active,
.css-after .details.active .details.active {
  background: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .progress-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .progress-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .progress-wrap,
.css-after .progress-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  background: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .progress-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .progress-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .progress-container,
.css-after .progress-container {
  display: flex;
  align-items: center;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .step-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .step-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .step-container,
.css-after .step-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 20px;
  position: relative;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .step,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .step,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .step,
.css-after .step {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #ddd;
  margin-bottom: 5px;
  position: relative;
  z-index: 2;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .completed .step,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .completed .step,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .completed .step,
.css-after .completed .step {
  background-color: #2a3a61; /* 완료된 단계의 색상 (메인컬러) */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .current .step,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .current .step,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .current .step,
.css-after .current .step {
  background-color: #3d8dff; /* 현재 단계의 색상 (세컨컬러) */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .upcoming .step,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .upcoming .step,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .upcoming .step,
.css-after .upcoming .step {
  background-color: #ddd; /* 진행 예정 단계의 색상 (회색) */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .step-connector,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .step-connector,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .step-connector,
.css-after .step-connector {
  width: 80px;
  height: 1px;
  background-color: #ddd; /* 연결 라인의 색상 */
  position: absolute;
  top: 30px;
  left: calc(100% + 0px); /* 동그라미와 라인 사이의 간격을 설정 */
  transform: translate(-50%, -50%);
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .completed .step-connector,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .current .step-connector,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .upcoming .step-connector,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .completed .step-connector,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .current .step-connector,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .upcoming .step-connector,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .completed .step-connector,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .current .step-connector,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .upcoming .step-connector,
.css-after .completed .step-connector,
.css-after .current .step-connector,
.css-after .upcoming .step-connector {
  background-color: #ddd; /* 연결 라인의 색상 */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .step-text,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .step-text,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .step-text,
.css-after .step-text {
  font-size: 14px;
  margin-top: 5px;
  color: #555;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .fixed,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .fixed,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .fixed,
.css-after .fixed {
  position: fixed;
  top: 0;
  z-index: 3;
  animation: down 0.5s ease;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .btns-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .btns-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .btns-wrap,
.css-after .btns-wrap {
  display: flex;
  justify-content: end;
  gap: 12px;
  margin-bottom: 10px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .info-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .info-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .info-wrap,
.css-after .info-wrap {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .campaign-detail-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .campaign-detail-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .campaign-detail-wrap,
.css-after .campaign-detail-wrap {
  display: flex;
  flex-direction: row; /* height: calc(-240px + 100vh); overflow: auto; */
  flex: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .campaign-detail-wrap h4,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .campaign-detail-wrap h4,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .campaign-detail-wrap h4,
.css-after .campaign-detail-wrap h4 {
  margin-bottom: 10px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .left-column,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .left-column,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .left-column,
.css-after .left-column {
  width: 550px;
  padding: 20px 10px;
  border: 1px solid #ccc;
  overflow-y: auto;
  height: 100%;
  background: #f7f7f7;
  transition: all 0.3s ease;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .right-column,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .right-column,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .right-column,
.css-after .right-column {
  flex: 1;
  padding: 20px 10px;
  margin-left: 10px;
  border: 1px solid #ccc;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  min-width: 650px;
  transition: all 0.3s ease;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .right-column .right-container + .right-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .right-column .right-container + .right-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .right-column .right-container + .right-container,
.css-after .right-column .right-container + .right-container {
  padding-top: 30px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .list-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .list-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .list-container,
.css-after .list-container {
  position: sticky;
  top: 0; /*height: calc(-100px + 100vh);*/
  transition: all 0.3s ease;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .info-content-left,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .info-content-left,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .info-content-left,
.css-after .info-content-left {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 0.3s ease;
  opacity: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .info-content-right,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .info-content-right,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .info-content-right,
.css-after .info-content-right {
  box-sizing: border-box;
  flex-grow: 1;
  height: 100%;
  overflow: auto;
  transition: all 0.3s ease;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .left-column .info-content-left section + section,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .left-column .info-content-left section + section,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .left-column .info-content-left section + section,
.css-after .left-column .info-content-left section + section {
  padding-top: 20px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .left-column .info-content-left section:last-child,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .left-column .info-content-left section:last-child,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .left-column .info-content-left section:last-child,
.css-after .left-column .info-content-left section:last-child {
  padding-bottom: 20px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .left-column .info-content-left .tbl th,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .left-column .info-content-left .tbl th,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .left-column .info-content-left .tbl th,
.css-after .left-column .info-content-left .tbl th {
  background: #ddd;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .left-column .info-content-left .table-bordered th, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .left-column .info-content-left .table-bordered td,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .left-column .info-content-left .table-bordered th,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .left-column .info-content-left .table-bordered td,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .left-column .info-content-left .table-bordered th,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .left-column .info-content-left .table-bordered td,
.css-after .left-column .info-content-left .table-bordered th,
.css-after .left-column .info-content-left .table-bordered td {
  border: 1px solid #b5b5b5;
  padding: 4px 2px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .collapsed,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .collapsed,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .collapsed,
.css-after .collapsed {
  width: 0;
  padding: 0;
  display: none;
  overflow: hidden;
  border: none;
  min-width: 0;
  opacity: 0;
  transform: translateX(-460px);
  transition: all 0.3s ease;
  background-color: #e2edf5;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .collapsed .info-content-left,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .collapsed .info-content-left,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .collapsed .info-content-left,
.css-after .collapsed .info-content-left {
  transition: all 0.3s ease;
  opacity: 0;
  transform: translateX(-460px);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .left-sidebar,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .left-sidebar,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .left-sidebar,
.css-after .left-sidebar {
  width: 30px;
  background-color: #c3d4dc;
  border: 1px solid #c3d4dc;
  border-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #222;
  z-index: 2;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .toggle-sidebar-button,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .toggle-sidebar-button,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .toggle-sidebar-button,
.css-after .toggle-sidebar-button {
  background-image: url(../images/icon/icon_toggleSidebar_w48.png) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px !important;
  opacity: 0.5;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .subDetailList .no-data,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .subDetailList .no-data,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .subDetailList .no-data,
.css-after .subDetailList .no-data {
  font-size: 14px;
  padding: 110px 0 20px;
  background: url(../images/icon/no-data.png) no-repeat center top 20px;
  background-size: 80px;
  background-color: #dfdfdf;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .subDetailList .table-type2 .row_li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .subDetailList .table-type2 .row_li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .subDetailList .table-type2 .row_li,
.css-after .subDetailList .table-type2 .row_li {
  display: grid;
  grid-template-columns: 3% 12% 5% 5% auto 7% 7% 7% 11% 7% 7% 6% 9%;
  gap: 0;
  min-width: 1780px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .subDetailList .table-type2 .row_li_no13,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .subDetailList .table-type2 .row_li_no13,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .subDetailList .table-type2 .row_li_no13,
.css-after .subDetailList .table-type2 .row_li_no13 {
  grid-template-columns: 3% 7% 5% 5% auto 10% 7% 7% 7% 12% 7% 7% 6% !important;
  display: grid;
  gap: 0;
  min-width: 1780px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .subDetailList .table-type2 .row_li_no14,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .subDetailList .table-type2 .row_li_no14,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .subDetailList .table-type2 .row_li_no14,
.css-after .subDetailList .table-type2 .row_li_no14 {
  grid-template-columns: 3% 6% 6% 5% 5% auto 7% 7% 7% 7% 12% 6% 5% 6% !important;
  display: grid;
  gap: 0;
  min-width: 1780px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .subDetailList .table-type2 .row_li_no15,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .subDetailList .table-type2 .row_li_no15,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .subDetailList .table-type2 .row_li_no15,
.css-after .subDetailList .table-type2 .row_li_no15 {
  grid-template-columns: 3% 7% 5% 5% 7% auto 5% 7% 7% 7% 11% 7% 6% 6% 6% !important;
  display: grid;
  gap: 0;
  min-width: 1780px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .mark-table-myCampaign,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .mark-table-myCampaign,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .mark-table-myCampaign,
.css-after .mark-table-myCampaign {
  background: #f1f3ff;
  font-weight: 600;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .analysis-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .analysis-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .analysis-container,
.css-after .analysis-container {
  background-color: white;
  opacity: 1;
  transition: all 0.1s ease;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .chart-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .chart-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .chart-container,
.css-after .chart-container {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  flex: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .chart-title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .chart-title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .chart-title,
.css-after .chart-title {
  background-color: #f7f7f7;
  padding: 4px 6px;
  color: #000;
  border: 1px solid #ccc;
  margin-bottom: -1px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .campaign-chart,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .campaign-chart,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .campaign-chart,
.css-after .campaign-chart {
  display: flex;
  height: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .main-chart,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .main-chart,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .main-chart,
.css-after .main-chart {
  flex: 1;
  border: 1px solid #ccc;
  padding: 10px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .sub-charts,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .sub-charts,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .sub-charts,
.css-after .sub-charts {
  display: flex;
  flex-direction: column;
  width: 30%;
  border: 1px solid #ccc;
  background: #efefef;
  gap: 7px;
  padding: 7px;
  max-width: 270px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .sub-chart,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .sub-chart,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .sub-chart,
.css-after .sub-chart {
  border: 1px solid #e5e5e5;
  height: 100%;
  border-radius: 15px;
  background: #fff; /* box-shadow:  1px 1px 4px 4px rgb(0 0 0 / 4%); */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .chart-group,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .chart-group,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .chart-group,
.css-after .chart-group {
  transition: all 0.1s ease;
  opacity: 1;
  display: block;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .analysis-container.chart-hidden .chart-group,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .analysis-container.chart-hidden .chart-group,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .analysis-container.chart-hidden .chart-group,
.css-after .analysis-container.chart-hidden .chart-group { /*opacity: 0; transform: translateY(-405px);*/
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .updown-sidebar,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .updown-sidebar,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .updown-sidebar,
.css-after .updown-sidebar {
  transition: all 0.1s ease;
  color: #888;
  z-index: 2;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .updown-sidebar .toggle-button,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .updown-sidebar .toggle-button,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .updown-sidebar .toggle-button,
.css-after .updown-sidebar .toggle-button {
  width: 100%;
  height: 30px;
  background-color: #c3d4dc;
  border-top: 1px solid #c3d4dc;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #222;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .analysis-container.chart-hidden .updown-sidebar .toggle-button-up,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .analysis-container.chart-hidden .updown-sidebar .toggle-button-up,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .analysis-container.chart-hidden .updown-sidebar .toggle-button-up,
.css-after .analysis-container.chart-hidden .updown-sidebar .toggle-button-up {
  background-color: #c3d4dc;
  color: #222;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .summary_chart_value,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .summary_chart_value,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .summary_chart_value,
.css-after .summary_chart_value {
  overflow: hidden;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .summary_chart_value > li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .summary_chart_value > li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .summary_chart_value > li,
.css-after .summary_chart_value > li { /*height: 100%;*/
  padding: 15px 10px;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 1%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .summary_chart_value .top,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .summary_chart_value .top,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .summary_chart_value .top,
.css-after .summary_chart_value .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .summary_chart_value .top .tit,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .summary_chart_value .top .tit,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .summary_chart_value .top .tit,
.css-after .summary_chart_value .top .tit {
  font-size: 14px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .summary_chart_value .top .value,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .summary_chart_value .top .value,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .summary_chart_value .top .value,
.css-after .summary_chart_value .top .value {
  font-size: 20px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .summary_chart_value .bottom,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .summary_chart_value .bottom,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .summary_chart_value .bottom,
.css-after .summary_chart_value .bottom {
  margin-top: 14px;
  position: relative;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .summary_chart_value .bottom .ico,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .summary_chart_value .bottom .ico,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .summary_chart_value .bottom .ico,
.css-after .summary_chart_value .bottom .ico {
  display: block;
  position: absolute;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .summary_chart_value .bottom ul,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .summary_chart_value .bottom ul,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .summary_chart_value .bottom ul,
.css-after .summary_chart_value .bottom ul {
  padding-left: 40px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .summary_chart_value .bottom ul li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .summary_chart_value .bottom ul li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .summary_chart_value .bottom ul li,
.css-after .summary_chart_value .bottom ul li {
  font-size: 14px;
  line-height: 22px;
  text-align: right;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .btn-pagefull-wrap.btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .btn-pagefull-wrap.btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .btn-pagefull-wrap.btn,
.css-after .btn-pagefull-wrap.btn {
  padding: 0;
  width: 42px;
  height: 42px;
  margin-bottom: 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .btn-pagefull-wrap .btn-pagefull.active i,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .btn-pagefull-wrap .btn-pagefull.active i,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .btn-pagefull-wrap .btn-pagefull.active i,
.css-after .btn-pagefull-wrap .btn-pagefull.active i {
  filter: invert(100%);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .btn-pagefull-wrap .icon-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .btn-pagefull-wrap .icon-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .btn-pagefull-wrap .icon-container,
.css-after .btn-pagefull-wrap .icon-container {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .btn-pagefull-wrap .eicon-pagefull,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .btn-pagefull-wrap .eicon-pagefull,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .btn-pagefull-wrap .eicon-pagefull,
.css-after .btn-pagefull-wrap .eicon-pagefull {
  background-image: url(../images/icon/icon_full_w24.png) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .chart-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .chart-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .chart-wrap,
.css-after .chart-wrap {
  display: flex;
  flex-wrap: wrap;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .chart-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .chart-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .chart-content,
.css-after .chart-content {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 2px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .chart,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .chart,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .chart,
.css-after .chart {
  background-color: #fff;
  width: 100%;
  height: 100%;
  min-height: 400px;
  min-width: 300px;
  content: "chart";
  display: block;
  display: flex;
  align-items: center;
  flex: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-figure,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-container,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-root,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-data-table table,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-figure,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-root,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-data-table table,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-figure,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-root,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-data-table table,
.css-after .highcharts-figure,
.css-after .highcharts-container,
.css-after .highcharts-root,
.css-after .highcharts-data-table table {
  width: 100% !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-exporting-group,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-exporting-group,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-exporting-group,
.css-after .highcharts-exporting-group {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-legend-item text,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-legend-item text,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-legend-item text,
.css-after .highcharts-legend-item text {
  font-weight: normal !important;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-title, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-subtitle,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-subtitle,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-subtitle,
.css-after .highcharts-title,
.css-after .highcharts-subtitle {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-data-table table,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-data-table table,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-data-table table,
.css-after .highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-data-table caption,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-data-table caption,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-data-table caption,
.css-after .highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-data-table th,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-data-table th,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-data-table th,
.css-after .highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-data-table td,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-data-table th,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-data-table caption,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-data-table td,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-data-table th,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-data-table caption,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-data-table td,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-data-table th,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-data-table caption,
.css-after .highcharts-data-table td,
.css-after .highcharts-data-table th,
.css-after .highcharts-data-table caption {
  padding: 0.5em;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-data-table thead tr,
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-data-table tr:nth-child(even),
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-data-table thead tr,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-data-table tr:nth-child(even),
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-data-table thead tr,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-data-table tr:nth-child(even),
.css-after .highcharts-data-table thead tr,
.css-after .highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .highcharts-data-table tr:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .highcharts-data-table tr:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .highcharts-data-table tr:hover,
.css-after .highcharts-data-table tr:hover {
  background: #f1f7ff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .details-container .top-title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .details-container .top-title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .details-container .top-title,
.css-after .details-container .top-title {
  padding-bottom: 16px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .details-container .top-title h4,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .details-container .top-title h4,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .details-container .top-title h4,
.css-after .details-container .top-title h4 {
  margin: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .tab-wrap .nav-tabs,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .tab-wrap .nav-tabs,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .tab-wrap .nav-tabs,
.css-after .tab-wrap .nav-tabs {
  background: #f9f9f9;
  border-bottom: 1px solid #ddd;
  padding-top: 8px;
  border-top: 1px solid #ccc;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .detail-mediaInfoData-wrap .tab-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .detail-mediaInfoData-wrap .tab-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .detail-mediaInfoData-wrap .tab-content,
.css-after .detail-mediaInfoData-wrap .tab-content {
  margin-top: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .card-display-material .g-h4:before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .card-display-material .g-h4:before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .card-display-material .g-h4:before,
.css-after .card-display-material .g-h4:before {
  content: "";
  display: inline-block;
  position: relative;
  top: -1px;
  width: 3px;
  height: 13px;
  margin-right: 5px;
  background-color: #007bff;
  vertical-align: middle;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .modal-body.-make,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .modal-body.-make,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .modal-body.-make,
.css-after .-material-make .modal-body.-make {
  background-color: #333;
  padding: 0;
  overflow-x: hidden;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .material-wrap.-make-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .material-wrap.-make-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .material-wrap.-make-wrap,
.css-after .-material-make .material-wrap.-make-wrap {
  background-color: #333;
  border: 0;
  border-radius: 0;
  padding: 0px 10px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .canvas-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .canvas-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .canvas-wrap,
.css-after .-material-make .canvas-wrap {
  width: 360px;
  height: 620px;
  background-color: #333;
  min-width: 180px;
  min-height: 320px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .canvas-wrap #background,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .canvas-wrap #background,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .canvas-wrap #background,
.css-after .-material-make .canvas-wrap #background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  max-width: 540px;
  max-height: 810px;
  background-color: #666;
  display: flex;
  justify-content: center;
  align-items: center;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .canvas-wrap canvas,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .canvas-wrap canvas,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .canvas-wrap canvas,
.css-after .-material-make .canvas-wrap canvas {
  background-color: rgba(255, 255, 255, 0.7);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .material-btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .material-btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .material-btn,
.css-after .-material-make .material-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .material-wrap .more-btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .material-wrap .more-btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .material-wrap .more-btn,
.css-after .-material-make .material-wrap .more-btn {
  background: transparent;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .video-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .video-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .video-container,
.css-after .-material-make .video-container {
  position: relative;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make #preview-canvas,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make #preview-canvas,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make #preview-canvas,
.css-after .-material-make #preview-canvas {
  position: absolute;
  top: 0;
  left: 0;
  display: none; /* 미리보기 캔버스 숨김 */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .frame-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .frame-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .frame-wrap,
.css-after .-material-make .frame-wrap {
  width: 100%;
  height: 100%; /* 프레임 스타일 지정 */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .frame-wrap .frame-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .frame-wrap .frame-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .frame-wrap .frame-container,
.css-after .-material-make .frame-wrap .frame-container {
  position: relative;
  gap: 5px;
  flex-wrap: wrap;
  padding-left: 70px;
  min-height: 50px;
  max-width: 1110px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .frame-wrap .togglePlayerButton,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .frame-wrap .togglePlayerButton,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .frame-wrap .togglePlayerButton,
.css-after .-material-make .frame-wrap .togglePlayerButton {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 2;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .add-frame-btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .add-frame-btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .add-frame-btn,
.css-after .-material-make .add-frame-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make #frame-list,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make #frame-list,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make #frame-list,
.css-after .-material-make #frame-list {
  display: flex;
  flex-wrap: wrap; /* 프레임 목록을 가로로 정렬 */
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .frame-list,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .frame-list,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .frame-list,
.css-after .-material-make .frame-list {
  width: 22px;
  height: 100%;
  background: #ddd;
  text-align: center;
  padding-top: 8px;
  cursor: move;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .frame-list::before,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .frame-list::before,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .frame-list::before,
.css-after .-material-make .frame-list::before {
  display: inline-block;
  content: "=";
  width: 12px;
  height: 12px;
  font-size: 12px;
  color: #000;
  vertical-align: middle;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .image-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .image-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .image-container,
.css-after .-material-make .image-container {
  width: 340px;
  height: 48px;
  padding: 0 0 0 10px;
  background: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .image-container select,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .image-container select,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .image-container select,
.css-after .-material-make .image-container select {
  min-width: 60px;
  height: 30px;
  padding: 2px 8px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .image-container .btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .image-container .btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .image-container .btn,
.css-after .-material-make .image-container .btn {
  margin-left: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .image-container .delete,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .image-container .delete,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .image-container .delete,
.css-after .-material-make .image-container .delete {
  right: 25px;
  top: 0;
  height: 48px;
  background: #fff;
  padding: 0 3px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .image-container .thumbnail-container .thumbnail,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .image-container .thumbnail-container .thumbnail,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .image-container .thumbnail-container .thumbnail,
.css-after .-material-make .image-container .thumbnail-container .thumbnail {
  width: 38px;
  height: 38px;
  border: 1px solid #ccc;
  margin-right: 4px;
  padding: 1px;
  border-radius: 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .table-bordered.-type-line-none,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .table-bordered.-type-line-none,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .table-bordered.-type-line-none,
.css-after .-material-make .table-bordered.-type-line-none {
  padding: 16px 20px;
  background: #f7f7f7;
  overflow: unset;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .table-bordered.-type-line-none th, .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .table-bordered.-type-line-none td,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .table-bordered.-type-line-none th,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .table-bordered.-type-line-none td,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .table-bordered.-type-line-none th,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .table-bordered.-type-line-none td,
.css-after .-material-make .table-bordered.-type-line-none th,
.css-after .table-bordered.-type-line-none td {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .table-bordered.-type-line-none td,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .table-bordered.-type-line-none td,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .table-bordered.-type-line-none td,
.css-after .-material-make .table-bordered.-type-line-none td {
  padding: 0 30px 0 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .multiselect,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .multiselect,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .multiselect,
.css-after .-material-make .multiselect {
  width: 300px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .multiselect > .optWrapper > .options,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .multiselect > .optWrapper > .options,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .multiselect > .optWrapper > .options,
.css-after .-material-make .multiselect > .optWrapper > .options {
  max-height: 320px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .multiselect > .optWrapper > .options li label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .multiselect > .optWrapper > .options li label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .multiselect > .optWrapper > .options li label,
.css-after .-material-make .multiselect > .optWrapper > .options li label {
  overflow: auto;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .templateMode-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .templateMode-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .templateMode-wrap,
.css-after .-material-make .templateMode-wrap {
  position: absolute;
  z-index: 4;
  top: 45%;
  right: 20px;
  transform: translate(0, -50%);
  width: 430px;
  transition: all 0.3s ease;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .templateMode-wrap .custom-file,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .templateMode-wrap .custom-file,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .templateMode-wrap .custom-file,
.css-after .-material-make .templateMode-wrap .custom-file {
  width: 180px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .templateMode-wrap .wrap-toggle,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .templateMode-wrap .wrap-toggle,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .templateMode-wrap .wrap-toggle,
.css-after .-material-make .templateMode-wrap .wrap-toggle {
  position: fixed;
  top: 0;
  left: auto;
  transition: all 0.3s ease;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .templateMode-wrap .wrap-toggle.--horizontal,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .templateMode-wrap .wrap-toggle.--horizontal,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .templateMode-wrap .wrap-toggle.--horizontal,
.css-after .-material-make .templateMode-wrap .wrap-toggle.--horizontal {
  width: 24px;
  min-height: 56px;
  padding: 8px 0;
  border-radius: 4px 0px 0px 4px;
  left: -24px;
  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.15), -8px 0px 10px 0px rgba(0, 0, 0, 0.15);
  background: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .templateMode-wrap .wrap-toggle.--vertical,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .templateMode-wrap .wrap-toggle.--vertical,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .templateMode-wrap .wrap-toggle.--vertical,
.css-after .-material-make .templateMode-wrap .wrap-toggle.--vertical {
  min-width: 56px;
  height: 24px;
  padding: 0 8px;
  border-radius: 0px 4px 4px 0px;
  left: 0;
  box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .templateMode-wrap.folded,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .templateMode-wrap.folded,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .templateMode-wrap.folded,
.css-after .-material-make .templateMode-wrap.folded {
  transform: translate(450px, -50%);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .material-info-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .material-info-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .material-info-wrap,
.css-after .-material-make .material-info-wrap {
  position: absolute;
  z-index: 4;
  top: 20px;
  left: 20px;
  width: 290px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .material-info-wrap .info-box,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .material-info-wrap .info-box,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .material-info-wrap .info-box,
.css-after .-material-make .material-info-wrap .info-box {
  background: #fff;
  padding: 15px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .material-info-wrap .info-box + .info-box,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .material-info-wrap .info-box + .info-box,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .material-info-wrap .info-box + .info-box,
.css-after .-material-make .material-info-wrap .info-box + .info-box {
  margin-top: 20px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .material-info-wrap .info-box .header,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .material-info-wrap .info-box .header,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .material-info-wrap .info-box .header,
.css-after .-material-make .material-info-wrap .info-box .header {
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .material-info-wrap .info-box .body,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .material-info-wrap .info-box .body,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .material-info-wrap .info-box .body,
.css-after .-material-make .material-info-wrap .info-box .body {
  padding: 10px 0px 0;
  margin-top: 10px;
  border-top: 1px solid #ccc;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .material-info-wrap .info-box .body.scrollBox > ul,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .material-info-wrap .info-box .body.scrollBox > ul,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .material-info-wrap .info-box .body.scrollBox > ul,
.css-after .-material-make .material-info-wrap .info-box .body.scrollBox > ul {
  height: 180px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .material-info-wrap .info-box .body.scrollBox > ul > li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .material-info-wrap .info-box .body.scrollBox > ul > li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .material-info-wrap .info-box .body.scrollBox > ul > li,
.css-after .-material-make .material-info-wrap .info-box .body.scrollBox > ul > li {
  padding: 2px 4px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .material-info-wrap .info-box h4,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .material-info-wrap .info-box h4,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .material-info-wrap .info-box h4,
.css-after .-material-make .material-info-wrap .info-box h4 {
  font-size: 16px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .material-info-wrap .header.--hide + .body,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .material-info-wrap .header.--hide + .body,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .material-info-wrap .header.--hide + .body,
.css-after .-material-make .material-info-wrap .header.--hide + .body {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .custom-color-wrap,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .custom-color-wrap,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .custom-color-wrap,
.css-after .-material-make .custom-color-wrap {
  display: inline-flex;
  width: 100%;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .custom-color,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .custom-color,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .custom-color,
.css-after .-material-make .custom-color {
  position: relative;
  display: flex;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  flex: 1;
  align-items: center;
  gap: 4px;
  margin-left: 15px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .custom-color-input,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .custom-color-input,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .custom-color-input,
.css-after .-material-make .custom-color-input {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 38px;
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .custom-color-label,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .custom-color-label,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .custom-color-label,
.css-after .custom-color-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 38px;
  padding: 8px 16px;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 4px 0 0 4px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .custom-color + .btn,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .custom-color + .btn,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .custom-color + .btn,
.css-after .-material-make .custom-color + .btn {
  border-radius: 0 4px 4px 0;
  margin-left: -1px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .color-picker,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .color-picker,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .color-picker,
.css-after .-material-make .color-picker {
  display: none;
  position: absolute;
  bottom: 30px;
  left: 0px;
  width: 122px;
  height: 162px;
  border: 1px solid #ccc;
  background-color: #fff;
  z-index: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .color,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .color,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .color,
.css-after .-material-make .color {
  width: 10px;
  height: 10px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .canvas-container,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .canvas-container,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .canvas-container,
.css-after .-material-make .canvas-container {
  position: relative;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .colorPickCanvas,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .colorPickCanvas,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .colorPickCanvas,
.css-after .-material-make .colorPickCanvas {
  border: 1px solid #ccc;
  width: 30px;
  height: 30px;
  background: #fff;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .group-title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .group-title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .group-title,
.css-after .-material-make .group-title {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .color-group,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .color-group,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .color-group,
.css-after .-material-make .color-group {
  display: inline-flex;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .group-title,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .group-title,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .group-title,
.css-after .-material-make .group-title {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .color-group,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .color-group,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .color-group,
.css-after .-material-make .color-group {
  display: flex;
  flex-wrap: wrap;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .theme-colors,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .theme-colors,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .theme-colors,
.css-after .-material-make .theme-colors {
  display: inline-flex;
  flex-flow: column-reverse;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .color,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .color,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .color,
.css-after .-material-make .color {
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .color:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .color:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .color:hover,
.css-after .-material-make .color:hover {
  transform: scale(1.3);
  z-index: 2;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .togglePlayerButton,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .togglePlayerButton,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .togglePlayerButton,
.css-after .togglePlayerButton {
  background-color: #fff;
  border: 0;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  cursor: pointer;
  opacity: 0.45;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .fas,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .fas,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .fas,
.css-after .fas {
  display: inline-block;
  width: 48px;
  height: 48px;
  vertical-align: middle;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .ico-play,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .ico-play,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .ico-play,
.css-after .ico-play {
  background-image: url(../images/icon/icon-play-48.png);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .ico-pause,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .ico-pause,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .ico-pause,
.css-after .ico-pause {
  background-image: url(../images/icon/icon-pause-48.png);
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .togglePlayerButton:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .togglePlayerButton:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .togglePlayerButton:hover,
.css-after .togglePlayerButton:hover {
  opacity: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .report-content,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .report-content,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .report-content,
.css-after .report-content {
  padding: 16px 0;
  gap: 24px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .report-content .tbl-group + .tbl-group,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .report-content .tbl-group + .tbl-group,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .report-content .tbl-group + .tbl-group,
.css-after .report-content .tbl-group + .tbl-group {
  margin: 0;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .targets,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .targets,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .targets,
.css-after .targets {
  display: flex;
  flex-wrap: wrap;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .targets p::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .targets p::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .targets p::after,
.css-after .targets p::after {
  content: "/";
  display: inline-block;
  margin: 0 4px;
  color: #777;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .targets p:nth-last-of-type(1)::after,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .targets p:nth-last-of-type(1)::after,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .targets p:nth-last-of-type(1)::after,
.css-after .targets p:nth-last-of-type(1)::after {
  display: none;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .targets strong,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .targets strong,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .targets strong,
.css-after .targets strong {
  color: #0d6efd;
  position: relative;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .detailView,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .detailView,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .detailView,
.css-after .detailView {
  text-decoration: underline;
  vertical-align: middle;
  color: #333;
  cursor: pointer;
  margin-left: 8px;
  padding-left: 16px;
  background-image: url(../images/icon/page-open.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: left center;
  opacity: 0.7;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .detailView:hover,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .detailView:hover,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .detailView:hover,
.css-after .detailView:hover {
  text-decoration: underline;
  opacity: 1;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .no-data,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .no-data,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .no-data,
.css-after .no-data {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  padding: 165px 0 30px;
  opacity: 0.7;
  background: url(../images/icon/no-data.png) no-repeat center top 30px;
}
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .upload-name li,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .upload-name li,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .upload-name li,
.css-after .upload-name li {
  padding-left: 16px;
  background-image: url(../images/svg/paperslideToggle-solid.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: left center;
}
@media screen and (min-height: 320px) and (max-height: 855px) {
  .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal,
  .body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker),
  .css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker),
  .css-after {
    /*
    .details.active {height: 524px;}
    .detailCampaign.active{height: 300px;}
    */
  }
  .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .canvas-wrap,
  .body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .canvas-wrap,
  .css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .canvas-wrap,
  .css-after .-material-make .canvas-wrap {
    height: 320px;
    width: 180px;
  }
  .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .material-info-wrap .info-box .body,
  .body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .material-info-wrap .info-box .body,
  .css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .material-info-wrap .info-box .body,
  .css-after .-material-make .material-info-wrap .info-box .body {
    padding: 6px 0px 0;
    margin-top: 6px;
  }
  .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .material-info-wrap .info-box .body.scrollBox > ul,
  .body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .material-info-wrap .info-box .body.scrollBox > ul,
  .css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .material-info-wrap .info-box .body.scrollBox > ul,
  .css-after .-material-make .material-info-wrap .info-box .body.scrollBox > ul {
    height: 140px;
  }
}
@media screen and (min-height: 856px) and (max-height: 1080px) {
  .css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .-material-make .canvas-wrap,
  .body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .-material-make .canvas-wrap,
  .css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .-material-make .canvas-wrap,
  .css-after .-material-make .canvas-wrap {
    height: 480px;
    width: 270px;
  }
}

/* 기존페이지안에 있는 클래스도 모두 포함될수 있게 */
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker),
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker),
.css-before,
.css-after { /*기존 상세페이지에 목록으로 이동 버튼*/ }
.css-before ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .modal .btn-list-go-posiabtr,
.body-wrap ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .daterangepicker) .btn-list-go-posiabtr,
.css-after ~ :is(.vfm, .modal-baro, #teleport-popup, .corverd, .modal-overlay, .daterangepicker) .btn-list-go-posiabtr,
.css-before .btn-list-go-posiabtr,
.css-after .btn-list-go-posiabtr {
  position: absolute;
  top: 14px;
  right: 20px;
}

/*-------------------------------------------------------------------
  ## sortable-list
-------------------------------------------------------------------*/
.sortable-list {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.sortable-list .tbl-group {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.sortable-list .tbl-caption {
  display: flex;
  align-content: end;
  justify-content: space-between;
}

.sortable-list .tbl-header {
  display: flex;
  justify-content: space-between;
  border: 1px solid #828b9b;
  padding: 10px;
  background: #828b9b;
}

.sortable-list .tbl {
  background-color: #eee;
}/*# sourceMappingURL=css_manage.css.map */