@charset "utf-8";


@font-face {
    font-family: "RecoFont";
    src: url("/static/assets/fonts/Recipekorea.ttf") format("truetype");
    font-display: swap;
}

/* 해당 폰트로 지정 요청 */
.topbar-user button,
#thead .mobile-menu-label {
    font-family: "RecoFont", sans-serif !important;
}

.hide   { display:none!important;}


/* Offcanvas 스타일 */
.offcanvas-right {
    position: fixed;
    top: 0;
    right: -300px;
    width: 50%;
    height: 100%;
    background-color: white;
    transition: right 0.3s ease-in-out;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
    z-index: 1050;
    display: none; /* 처음에는 숨김 */
}
.offcanvas-right.show {
    display: block; /* 보여줌 */
    right: 0;
}

/* 헤더 스타일 */
.offcanvas-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
}
.offcanvas-header h2 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: bold;
}
.btn-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
}

/* 바디 스타일 */
.offcanvas-body {
    padding: 1rem;
    overflow-y: auto;
    height: calc(100% - 56px); /* 헤더 높이를 뺀 값 */
}


/* Handsontable 스타일 - 일/월판매현황용 */
/* #handson_wz_series .handsontable th, */
#table_platform_notyet .handsontable th,
#table_platform .handsontable th,
#table_label .handsontable th ,
#table_penname .handsontable th ,
#table_series .handsontable th {    
    background-color: #fff;
    height: 24px;
}
/* #handson_wz_series .ht_clone_top thead th , */
#table_platform_notyet .ht_clone_top thead th,
#table_platform .ht_clone_top thead th,
#table_label .ht_clone_top thead th,
#table_penname .ht_clone_top thead th,
#table_series .ht_clone_top thead th {  
    border-bottom: 2.5px solid #c0c0c0;
    font-weight: bold;
}
.handsontable .htCore td:hover {
    background-color: #e9ecef; /* 호버 배경색 */
}
.handsontable .htCore td {
    padding: 0.5rem;
    /*height: auto; /* 셀 높이 자동 조정 */ 
    height: 24px;  /* 미담은 높이를 정해줘야 2줄이 되어도 정상적으로 보인다 25.05.22*/
    background-color: #fff; /* 셀 배경색 */
    line-height: 1.2; /* 텍스트 줄 높이 조정 */
    text-align: center; /* 텍스트 가운데 정렬 */
    vertical-align: middle; /* 수직 가운데 정렬 */
}
.handsontable .htCore td.text-left {
    text-align: left; 
}
.handsontable .htCore td.text-right {
    text-align: right;
}
.handsontable .htCore th {
    vertical-align: middle; /* 수직 가운데 정렬 */
}

/* Dark Mode Handsontable Styles */
/* [data-theme="dark"] #handson_wz_series .handsontable th {
    background-color: #333;
    color: #fff;
}
[data-theme="dark"] #handson_wz_series .ht_clone_top thead th {
    border-bottom: 2.5px solid #b66dff;
    font-weight: bold;
    background-color: #444;
    color: #fff;
} */
[data-theme="dark"] .handsontable .htCore td:hover {
    background-color: #555; /* 호버 배경색 */
}
[data-theme="dark"] .handsontable .htCore td {
    padding: 0.5rem;
    height: auto; /* 셀 높이 자동 조정 */
    background-color: #333; /* 셀 배경색 */
    line-height: 1.2; /* 텍스트 줄 높이 조정 */
    text-align: center; /* 텍스트 가운데 정렬 */
    vertical-align: middle; /* 수직 가운데 정렬 */
    color: #fff;
}

/*dark 모드에도 from_date, to_date 는 유지*/
[data-theme="dark"] #from_date,
[data-theme="dark"] #to_date {
    background-color: #fff;
    color: #000;
}

/* class 로 접근 Handsontable 스타일 */
.handsontable1 .ht_clone_top th {
    background-color:  #e9ecef; 
    height:30px;
    /* opacity: 70%; */
}
.handsontable1 .ht_clone_top thead th {
    border-bottom: 2.5px solid #59C4BC; 
    font-weight: 800;  
    height:30px;
}
.handsontable1 .htCore td:hover {
    background-color: #e9ecef; /* 호버 배경색 */
}
.handsontable1 .htCore td {
    padding: 0.5rem;
    height: auto; /* 셀 높이 자동 조정 */
    background-color: #fff; /* 셀 배경색 */
    /*line-height: 1.5; /* 텍스트 줄 높이 조정 */
    text-align: center; /* 텍스트 가운데 정렬 */
    vertical-align: middle; /* 수직 가운데 정렬 */
}
.handsontable1 .htCore th {
    vertical-align: middle; /* 수직 가운데 정렬 */
}

.fancy-checkbox,.fancy-checkbox label {
    align-items: left;
    text-align: left; /* 텍스트 가운데 정렬 */
}
.fancy-checkbox,.fancy-checkbox label {
    font-weight: normal;
    padding : 0 25px 0 0 ; /* 버튼 위아래 여백 */
}

.modal.right .modal-dialog {
    position: fixed;
    right: 0;
    margin: auto;
    width: 400px; /* 적절한 너비로 조정하세요 */
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.right .modal-body {
    padding: 15px 15px 80px;
}

/* 공지사항 모달 */
.modal-type2 .modal-dialog {
    margin: auto; /* Center align horizontally */
    max-width: 500px !important; /* Restrict maximum width */
    /* margin-top: 10%; */
}
.modal-type3 .modal-dialog {
    margin: auto; /* Center align horizontally */
    max-width: 500px !important; /* Restrict maximum width */
    margin-top: 10%;
}
/* 화면 너비가 576px 이하일 때 */
@media (max-width: 575.98px) {
    .modal-type2 .modal-dialog ,
    .modal-type3 .modal-dialog {    
        justify-content: center; /* Center align for small screens */
        margin: 0 !important; /* Remove margin for centering */
    }

    .modal-type2 .modal-dialog .modal-content ,
    .modal-type3 .modal-dialog .modal-content {    
        width: 320px !important;
    }
}
 /* 화면 너비가 576px 이상일 때 */
@media (min-width: 576px) {
    .modal-type2 .modal-dialog .modal-content ,
    .modal-type3 .modal-dialog .modal-content {
        width: 550px !important; 
    }
}

.handsontable th {
    border-top-width: 0;
    border-left-width: 0;
    /* height: 22px; */
    empty-cells: show;
    line-height: 20px;
    padding: 0 4px;
    background-color: #fff;
    vertical-align: top;
    overflow: hidden;
    outline-width: 0;
    white-space: pre-line;
}


.handsontable td {
    border-top-width: 0;
    border-left-width: 0;
    /* height: 22px; */
    empty-cells: show;
    line-height: 15px;
    padding: 0 4px;
    background-color: #fff;
    vertical-align: top;
    overflow: hidden;
    outline-width: 0;
    white-space: pre-line;
}

/* dataTable td height */
.card-body .dataTable td{
    /* line-height: 2; */
    font-size: 0.8925rem;
    /* font-family: "ubuntu-regular", sans-serif; */
    vertical-align: middle; /* Vertical center alignment */
    height: 100%;             /* Ensure the <td> takes up full height */
}

/* Custom CSS for table styling */
.ht_clone_top {
    height: 23px;
    background-color: #f2edf3;
    
    /*"ubuntu-regular", sans-serif;*/
    font-size: 0.8825rem;
    font-weight: 600;
}

/* #table_platform_notyet, #table_platform {
    "ubuntu-regular", sans-serif;
    font-size: 0.8825rem;
} */

#table_platform_notyet td {
    height: 20px;
    /* background-color: #f2edf3; */
    /*"ubuntu-regular", sans-serif;*/
    font-size: 0.8825rem;
    vertical-align: middle; /* Vertical center alignment */
    padding: 8px 12px; /* Top and bottom padding of 8px, left and right padding of 12px */
}

#table_platform td {
    /*height: 20px;*/
    /* background-color: #f2edf3; */
    /*"ubuntu-regular", sans-serif;*/
    font-size: 0.8825rem;
    vertical-align: middle; /* Vertical center alignment */
    padding: 8px 12px; /* Top and bottom padding of 8px, left and right padding of 12px */
}


.form-check-label {
    margin-left: 5px; /* Adjust as needed for spacing between checkbox/radio and label */
}

.form-check-input {
    margin-top: 2px; /* Adjust as needed for vertical alignment */
}

/* handson table 10건씩, 검색어 입력  */
.dt-layout-row{    
    /*"ubuntu-regular", sans-serif;*/
    font-size: 0.8825rem;
}

/* 검색 영역의 폰트 사이즈 통일 */
.audio .card-body {
    font-size: 14px;
}

/* 작품(시리즈) 검색 시 select2 */
#wz_series_search_form  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 57px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 41px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 0.25rem;
}

#wz_series_search_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 54px;
    font-size: 14px;
    /* font-size: 0.8825rem;     */
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 40px;
    font-size: 14px;
    /* font-family: "ubuntu-regular", sans-serif; */
    /* font-size: 0.8825rem;     */
}

.select2-container {
    width: 100% !important;
}

.select2-selection {
    width: 100% !important;
}

.modal-footer{
    flex-wrap: nowrap;
}

.dt-search input {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    color: inherit;
    margin-left: 3px;
}

.btn_detail {
    border-radius: 8px;
    display: inline-block;
    font-weight: 400;
    color: #343a40;
    text-align: center;
    vertical-align: middle;
    padding: 5px 20px; /* 상하좌우 패딩 조정 */
}


/* start 대시보드용 */
/* 일매출 플랫폼 차트 영역 */
.dash_label .list-star li {
    font-weight: 500;
    font-size: 0.93em; 
    color: #343a40;    
}

card audio_sch{
    margin: 0;
}

.card-body-index{
    padding: 1.5rem;
}
.card-body-index.h200 {
    height: 200px;
}
.card-body-index.h250 {
    height: 270px;
}
.card-body-index.h300 {
    height: 300px;
}
.card-body-index.h400 {
    height: 470px;
}
.card-body-index.h500 {
    height: 500px;
}
.card-body-index.h600 {
    height: 630px;
}
.card-body-index.h760 {
    height: 757px;
}
.card-body-index.h850 {
    height: 850px;
}

/* 공지사항 더보기 버튼 */
.dash_msg {
    display: flex;
    align-items: center; /* 수직 정렬 (가운데) */
    justify-content: left; /* 수평 정렬 (가운데) */
    text-align: left;
}
.dash-btn {
    margin: 0 0 0 0;
    padding: 2px 6px 0 6px;
    height: 24px;
    color: #7c8798;
    border-color: #7c8798;
    font-size: 0.725rem;
}

.dash-btn:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d; }

/* 공지사항 table */

.notic-content .table td,
.notic-content .table th {
    padding: 0.35rem;
    vertical-align: top;
    border-top: 0px;
    border-bottom: 1px solid #eff2f6;
}
/* 마지막 tr 밑줄 삭제 !!! table 동적 생성으로 스타일 적용이 안됨*/
.notic-content .table tbody tr:last-child {
    border-bottom: none;
}

.notic-content .table td.subject {
    width: 70%; /* width 속성 적용됨 */
    font-size: 0.895rem;
    color: #3e4b5b;
    font-weight: 450; /* 가장 마지막에 정의된 값이 적용됨 */    
}

.notic-content .table td.notice-date {
    width: 30%; /* width 속성 적용됨 */
    text-align: right; /* justify-content 대신 text-align 사용 */
    font-size: 0.885rem;
    color: #7c8798;
    font-weight: 400; /* 가장 마지막에 정의된 값이 적용됨 */    
}

/*차트를 둘러싸고 있는 영역*/
.stats-day-chart {
    /* padding: 15px 0 6px 0 ; */
    height: 350px;
    background-color: #ffffff;
}
.stats-platform-chart {
    padding: 15px 0 6px 0 ;
    height: 270px;
    background-color: #ffffff;
}

.stats-month-chart {
    /* padding: 15px 0 6px 0 ; */
    height: 350px;
    background-color: #ffffff;
}

/*플랫폼별 매출 비율 박스 */
.stats-platform-box .stats-box {
    display: flex;
    background-color: #f2edf3;
    border: 1px solid #e3e3e3;
    /* box-shadow: 0 0 20px rgba(122, 121, 121, 0.3); */
    border-radius: 10px;    
    /* height: 110px; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* 1024픽셀 이하의 화면에서 .won 요소를 숨깁니다. */
@media (max-width: 1900px) {
    .stats-platform-box .stats-box .won {
        display: none !important;
    }
    .stats-platform-box .stats-box {
        height: 120%;
    }
    .stats-platform-box .stats-box  p, 
    .stats-platform-box .stats-box .ratio h4{
        font-size: 12pt;
    }
}

/* 600px 이상이면서 1555px 이하일*/
@media (min-width: 600px) and (max-width: 1555px) {
    .stats-platform-box .stats-box .won {
        display: none !important;
    }
    .stats-platform-box .stats-box p {  
        display: none !important;  
    }
    .stats-platform-box .stats-box {
        height: 100px !important;
    }
}
/* 모바일 화면 */
@media (max-width: 600px) {
    .stats-platform-box .stats-box .won {
        display: none !important;
    }
    .stats-platform-box .stats-box p {  
        display: none !important;  
    }
    .stats-platform-box .stats-box {
        height: 100px !important;
    }
    td.notice-date {
        display: none;
    }    
    /*입금 공지 테이블*/
    th.hide-on-small,
    td.hide-on-small {
        display: none;
    }    
    /*선인세 총 잔여금액 박스안 패딩 삭제*/
    .stats-month-info .stats-box .pname {               
        padding-bottom: 10px  !important;  
    }
    .stats-month-info .stats-box .pname2 {
        display: none;
    }    
    /* 달력이미지 숨김*/
    .input-button{
        display: none !important; 
    }
    .card-body .input-group {
        margin-left: 10px;
    }
    .author_info{
        font-size: 13px !important; 
        font-weight: 300 !important; /* 부트스트랩 기본값을 강제로 적용 */
    }
    .rounded-pill {
        display: none !important; 
    }
    .sales_series {
        margin-top: 30px; 
    }
}

/* 350이하 모바일 화면 */
@media (max-width: 350px) {
    .stats-box .ratio h4 {
        font-size: 9px !important;
    }

}

.flatpickr-input {
    cursor: pointer; /* 입력 필드가 클릭 가능하다는 것을 나타내기 위해 */
}
/* 모바일 화면에서 왼쪽 사이드바에 영역 조정 */
/* 화면 너비가 400px 이하일 때 */
@media (max-width: 1400px) {
    .navbar-brand-box {
        padding-top: 0px !important;
    }
    /* .flatpickr-input.flatpickr-mobile {
        display: none !important;  
    } */
}

.stats-platform-box .stats-box .ratio,
.stats-platform-box .stats-box .won {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    /* height: 34px;    */
    padding: 10px 1px 10px 1px; /* 패딩을 추가하여 간격 확보 */
    font-size: 21px;
}

.stats-platform-box .stats-box.cap_naver {
    border-top: 10px solid #02c255;
}
.stats-platform-box .stats-box.cap_kakao {
    border-top: 10px solid #febe00;
}
.stats-platform-box .stats-box.cap_ridi {
    border-top: 10px solid #1e9eff;
}
.stats-platform-box .stats-box.cap_yes24 {
    border-top: 10px solid #87ceeb;
}
.stats-platform-box .stats-box.cap_kyobo {
    border-top: 10px solid #5055b1;
}
.stats-platform-box .stats-box.cap_aladin {
    border-top: 10px solid #f21c8c;
}
.stats-platform-box .stats-box.cap_onebooks {
    border-top: 10px solid #ff7913;
}
.stats-platform-box .stats-box.cap_bomtoon {
    border-top: 10px solid #D62ABD;
}
.stats-platform-box .stats-box.cap_mrblue {
    border-top: 10px solid #013dfd;
}
.stats-platform-box .stats-box.cap_bookcube {
    border-top: 10px solid #f5deb3;
}
.stats-platform-box .stats-box.cap_bookpal {
    border-top: 10px solid #ff0000;
}
.stats-platform-box .stats-box.cap_blice {
    border-top: 10px solid #00c9b6;
}
.stats-platform-box .stats-box.cap_romanti {
    border-top: 10px solid #d8bfd8;
}
.stats-platform-box .stats-box.cap_onestory {
    border-top: 10px solid #ff7913;
}
.stats-platform-box .stats-box.cap_etc {
    border-top: 10px solid #7c7c7c;
}

.stats-platform-box .stats-box .bomtoon {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 0.95rem;
    color: #D62ABD;
    font-weight: 900;   /*폰트굵기*/
    align-content: left;
}
.stats-platform-box .stats-box .naver {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 0.95rem;
    color: #03C75A;
    font-weight: 900;   /*폰트굵기*/
    align-content: left;
}
.stats-platform-box .stats-box .kakao {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 0.95rem;
    color: #f7b84b;
    font-weight: 900;   /*폰트굵기*/
    align-content: left;
}
.stats-platform-box .stats-box .ridi {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 0.95rem;
    color: #299cdb;
    font-weight: 900;   /*폰트굵기*/
    align-content: left;
}
.stats-platform-box .stats-box .kyobo {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 0.95rem;
    color: #013976;
    font-weight: 900;   /*폰트굵기*/
    align-content: left;
}

.stats-platform-box .stats-box .mrblue {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 0.95rem;
    color: #013BF5;
    font-weight: 900;   /*폰트굵기*/
    align-content: left;
}
.stats-platform-box .stats-box .aladin {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 0.95rem;
    color: #E83692;
    font-weight: 900;   /*폰트굵기*/
    align-content: left;
}
.stats-platform-box .stats-box .yes24 {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 0.95rem;
    color: #000288;
    font-weight: 900;    
    align-content: left;
} 
.stats-platform-box .stats-box .bookpal {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 0.95rem;
    color: #ff0000;
    font-weight: 900;    
    align-content: left;
} 
.stats-platform-box .stats-box .bookcube {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 0.95rem;
    color: #f5deb3;
    font-weight: 900;    
    align-content: left;
}
.stats-platform-box .stats-box .blice {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 0.95rem;
    color: #00c9b6;
    font-weight: 900;    
    align-content: left;
}
.stats-platform-box .stats-box .romanti {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 0.95rem;
    color: #d8bfd8;
    font-weight: 900;    
    align-content: left;
}
.stats-platform-box .stats-box .etc {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 1.085rem;
    color: #4D4D4D;
    font-weight: 900;   /*폰트굵기*/
    align-content: left;
}
.stats-platform-box .stats-box .onebooks {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 0.95rem;
    color: #ff7913;
    font-weight: 900;    /*폰트굵기*/
    align-content: left;
}
.stats-platform-box .stats-box .onestory {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 0.95rem;
    color: #ff7913;      /* 기존 #FF4244에서 수정됨 */
    font-weight: 900;    
    align-content: left;
}
.stats-platform-box .stats-box .etc {
    padding-top: 9px;
    margin-bottom: 3px;
    font-size: 0.95rem;
    color: #7c7c7c;
    font-weight: 900;    
    align-content: left;
}
/* index.html 월정산 - 선인세  차트 영역 */
.stats-month-info {
    /* padding: 0 0 0px 0 ; */
    height: 170px; 
}
.stats-month-info .row {
    display: flex; /* 세로 가운데 정렬을 위해 flexbox 사용 */
    align-items: center; /* 수직 가운데 정렬 */
}

.stats-month-info .stats-box {
    display: flex;
    background-color: #fcfcfc;
    border: 1px solid #dbdbdb;
    /* border: 1px solid #e3e3e3; */
    border-radius: 10px;    
    /* padding: 20px 0 15px 0 ;  */
    /* height: 80px;   //좌측영역과 높이 조절하기 위해 막음
    border-radius: 6px;
    align-items: center; /* 수직 가운데 정렬 */
}
.stats-month-info .stats-box .row {
    padding: 10px 0 10px 9px ;
    align-items: center;
    width: 100%;    
}
.stats-month-info .stats-box .pname{
    font-size: 0.925rem;
    font-weight: 600; 
    /* justify-content: left;  */    
    /* padding: 0 0 0 25px  ;  */
    margin-bottom: -5px;
    letter-spacing: -0.05em; /* 원하는 만큼의 음수 값을 지정하여 자간을 줄입니다. */
}  
.stats-month-info .stats-box .pname2{
    font-size: 0.925rem;
    font-weight: 500; 
    color: #7c8798;
    padding: 0 0 0 25px  ;
    margin-bottom: -5px;
    letter-spacing: -0.05em; /* 원하는 만큼의 음수 값을 지정하여 자간을 줄입니다. */
}  
.stats-month-info .stats-box .pamount{
    font-size: 1.525rem;
    font-weight: 500; 
    justify-content: right;     
    /* padding: 0 0 0 10px  ; */

}  
.stats-month-info .stats-box .pamount span {
    font-size: 1.025rem;
    color: #3e4b5b;
    font-weight: 300; /* 가장 마지막에 정의된 값이 적용됨 */
    vertical-align: baseline; /* 텍스트의 기준선을 기준으로 정렬 */
}
.dash_label {
    /* display: inline-block; */    
    padding: 10px 0 0 0 ;
    font-size: 1.125rem;
    color: #3e4b5b;
    font-weight: 700;
    margin-bottom: 5px;
    letter-spacing: -0.05em; /* 원하는 만큼의 음수 값을 지정하여 자간을 줄입니다. */
}
.dash_label span {
    font-size: 1.105rem;
    color: #7c8798;
    font-weight: 500;
    letter-spacing: -0.05em; /* 원하는 만큼의 음수 값을 지정하여 자간을 줄입니다. */
}
.date_info {
    font-size: 1.105rem;
    color: #7c8798;
    font-weight: 500;
    letter-spacing: -0.05em; /* 원하는 만큼의 음수 값을 지정하여 자간을 줄입니다. */
}

.dash-info .row {
    align-items: center;
    justify-content: center;
    align-items: center;  
}
.dash_amount {
    /* display: inline-block; */
    padding: 0px 0 0 0 ;
    font-size: 2.155rem;
    /* color: #FA551E ; */
    font-weight: 700;
    margin-bottom: 5px;
    letter-spacing: 0.01em; /* 원하는 만큼의 음수 값을 지정하여 자간을 줄입니다. */
}
.dash_txt {
    /* display: inline-block; */
    font-size: 0.855rem;
    color: #3e4b5b;
    font-weight: 500;   /*중간굵기*/
    /* margin-bottom: 5px; */
}
.dash_amount span {
    font-size: 1.315rem;
    color: #3e4b5b;
    font-weight: 600;
}
.dash_diff {
    /* display: inline-block; */
    padding: 20px 0 0 0 ;
    font-size: 0.95rem;
    color: #7c8798;
    font-weight: 550;
    margin-bottom: 5px;
    letter-spacing: -0.05em; /* 원하는 만큼의 음수 값을 지정하여 자간을 줄입니다. */
    align-items: center;    
}
.dash_diff .diff_amount {
    padding: 0 0 0 12px;
    font-size: 1.515rem;
    color: #3e4b5b;
    font-weight: 600;
    letter-spacing: 0.01em; /* 원하는 만큼의 음수 값을 지정하여 자간을 줄입니다. */
}
.dash_diff .diff_amount span {
    font-size: 0.915rem;
    color: #3e4b5b;
    font-weight: 550;
}
.vcenter{
    align-items: center; /* 수직 가운데 정렬 */      
}
.vcenter2{
    display: flex;
    align-items: center; /* 수직 가운데 정렬 */   
    color: #3e4b5b;
    /* background-color: #E6E6E6; */
    font-weight: 700;    
    height: 100%; /* 부모 요소의 높이를 100%로 설정하여 수직 가운데 정렬을 적용합니다. */
    justify-content: center;            
}

/* end 대시보드용 */


/* 정산서  */
.settlement-area {
    max-width: 1080px;
    width: 1080px;
}

/* 매출 table */
.table-orange,
.table-orange > th,
.table-orange > td {
background-color: #fee8cc; }

.table-orange th,
.table-orange td,
.table-orange thead th,
.table-orange tbody + tbody {
border-color: #fdc37a; }

.table-hover .table-orange:hover {
background-color: #feddb3; }
.table-hover .table-orange:hover > td,
.table-hover .table-orange:hover > th {
background-color: #feddb3; }

.table-purple,
.table-purple > th,
.table-purple > td {
background-color: #dfe4fa; }

.table-purple th,
.table-purple td,
.table-purple thead th,
.table-purple tbody + tbody {
border-color: #acb8f3; }

.table-hover .table-purple:hover {
background-color: #c9d1f7; }
.table-hover .table-purple:hover > td,
.table-hover .table-purple:hover > th {
background-color: #c9d1f7; }

/*메일 발송 */

.alert-success {
    background-color: #d4edda; /* 초록색 배경 */
    color: #155724; /* 어두운 초록색 텍스트 */
    border-color: #c3e6cb; /* 경계색 */
}

.alert-danger {
    background-color: #f8d7da; /* 빨간색 배경 */
    color: #721c24; /* 어두운 빨간색 텍스트 */
    border-color: #f5c6cb; /* 경계색 */
}

table.dataTable thead th.text-right,
table.dataTable thead td.text-right,
table.dataTable tfoot th.text-right,
table.dataTable tfoot td.text-right {
    text-align: right;
}

/* .text-right {
    text-align: right;
} */


.wcol-1 {
    width: 10%;
}

.wcol-2 {
    width: 13%;
}