.none{
    display: none;
}
.clicked_color{
    background-color: #515f88;
    color: #ffffff !important;
}

/* 매출매입 메인 */

div#sales_purchase_wrap {
    width: 100%;
    height: auto;
    position: relative;
    top:105px;
    background-color: rgb(228, 231, 236);
    /* background-color: rgb(82, 85, 92); */
}
div#sales_purchase_list {
    width: 1500px;  
    height: 1306px;
    margin: 0px auto;
    position: relative;
    left: 0px;
    top:0px;
    /* background-color: saddlebrown; */
    background-color: #f4f5f8;
    /* background-color: rgb(110, 9, 9); */

}

/* 좌측 메뉴바 부분 */
ul.navbar_wrap {
    width: 17%;
    height: 100%;
    padding-top: 30px;
    box-sizing: border-box;
    margin-left: -1.3%;
    /* background-image: linear-gradient(120deg, #6bc9ad 0%, #76c4eb 100%); */
    background-color: #ffffff;
    /* border-top: solid 80px #58649e; */
    box-shadow:10px 30px 15px 0px rgb(222, 223, 228);
    /* background-color: darkblue; */
}
div#navbar_wrap_list{
    width: 100%;
    height: auto;
    position: relative;
    top:-12px;
    padding: 0px 0.5em;
    box-sizing: border-box;
    /* background-color: #e9e9e9; */
}

div#company_change_img{
    width: 100%;
    /* background-color: darkblue; */
}
div#company_change_img img{
    width: 100%;
    /* background-color: darkblue; */
}
div#company_change_img p{
    font: bold 0.9em 'Noto sans KR';
    font-weight: 400;
    letter-spacing: 0.9px;
    color: #ffffff;
    position: relative;
    left: 8%;
    top:-60px;
    /* background-color: darkblue; */
}
div#company_change_img i{
    width: 10%;
    position: relative;
    left: 90%;
    top:-65px;
    cursor: pointer;
    font-size: 0.9em;
    color: #c3c7d4;
    /* background-color: darkblue; */

}

div#company_change_scroll{
    width: 100%;
    height: auto;
    margin-top: -25px;
    padding: 10px 0.15em;
    box-sizing: border-box;
    overflow: scroll;
    /* background-color: rgb(185, 185, 196); */
}

div#company_change_scroll::-webkit-scrollbar {
    width: 5px;  /* 스크롤바의 너비 */
}

div#company_change_scroll::-webkit-scrollbar-thumb {
    height: 15px !important; /* 스크롤바의 길이 */
    background: #d8dbe0; /* 스크롤바의 색상 */
    border-radius: 10px;
}

ul.change_scroll_list{
    width: 100%;
    height: 100%;
}
ul.change_scroll_list>li{
    width: 100%;
    height: 58px;
    background: #FFFFFF;
    margin-top: 10px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}
ul.change_scroll_list>li:first-child{
    margin-top: 0;
}

ul.change_scroll_list>li img{
    width:18%;
    height:40px;
    border-radius: 100px;
    overflow: hidden;
    background: #474752;
   
    margin-top: 9px;
    margin-left: 5%;
    /* object-fit: cover; */
    /* background-color: darkblue; */
}

div.change_scroll_text_wrap{
    width: 51%;
    height: 67%;
    float: right;
    position: relative;
    top: 10px;
    right: 23%;
    /* background-color: rgb(210, 210, 224); */
}
div.change_scroll_text_wrap p{
    width: 100%;
    font: bold 0.9em 'Noto sans KR';
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    color: #404D72;
    /* background: red; */
}
div.change_scroll_text_wrap span{
    font: bold 0.8em 'Noto sans KR';
    font-weight: 300;
    color: #8a91a5;
}

ul.change_scroll_list>li button{
    width: 20%;
    height: 22px;
    background: #FFFFFF;
    border: 1px solid #6F8ACC;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    top: 20px;
    right: -48%;
    float: right;
}
ul.change_scroll_list>li button p{
    cursor: pointer;
    font: bold 0.95em 'Noto sans KR';
    color: #506CB0;
    margin-top: -1px;
}


/* 업체여러개 */
div.navbar_business_number{
    width:95%;
    height: 280px;
    margin: 0px auto;
    padding-left: 29%;
    padding-top: 60px;
    box-sizing: border-box;
    border-radius: 8px;
    border-bottom: solid 50px #546592;
    background-color: #F6F6F6;
}
.profile_other_color{
    border-bottom: solid 50px #bcbcc4 !important;
    cursor: default !important;
}
.user_img_wrap{
    width: 52%;
    height: 80px;
    border-radius: 100px;
    background: none;
    margin-left: 2%;
    border: solid 1px rgb(207, 207, 211);

}
div.user_img{
    width: 90%;
    height: 90%;
    border-radius: 100px;
    overflow: hidden;
    margin: 0px auto;
    background: #d1d1d9;
    margin-top: 4px;
    /* border: solid 3px rgb(168, 168, 173); */
    /* background-color: darkblue; */
}
div.user_img img{
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
}

.user_name_biz{
    margin-top: 20px;
}
div#change_profile{
    width: 15%;
    height: 22px;
    position: relative;
    left: 37%;
    top: -23px;
    border-radius: 100%;
    /* border: solid 2.5px #6c7394; */
    background-color: #787d92;
    display: none;
}
div#change_profile i{
    width: 72%;
    color: #ffffff;
    position: relative;
    font-size: 0.75em !important;
    left: 24%;
    top: 1px;
    /* background-color: darkblue; */
    cursor: pointer;
}

p.profile_name{
    width: 100%;
    font: bold 1em 'Noto sans KR';
    color: #4D505C;
    position: relative;
    top: -6px;
    margin-left: -22%;
    text-align: center;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    letter-spacing: -1px;
    /* background-color: darkblue; */
}
p.profile_name span{
    font:normal 0.75em 'Noto sans KR';
    color: rgb(95, 95, 95);
}
.profile_biz{
    margin-top: 4px;
    font-size: 12px;
    position: relative;
    color: rgb(95, 95, 95);
    left: 4%;
}
div.profile_other{
    width: 100%;
    height: 20px;
    position: relative;
    top: 28px;
    /* background-color: darkblue; */

}
p.profile_other img{
    width: 12%;
}
p.profile_other_text{
    font: bold 0.95em 'Noto sans KR';
    font-weight: 500;
    cursor: pointer;
    position: relative;
    top: 13px;
    left: 0%;
    color: hsl(0, 0%, 100%);
}
.profile_other_color p.profile_other_text{
    cursor: default !important;
}
p.profile_other_text2{
    font: bold 0.92em 'Noto sans KR';
    font-weight: 500;
     position: relative;
    top:-1px;
    left: 1%;
    color: hsl(0, 0%, 100%);
}








div#menu_wrap{
    width: 100%;
    height: 350px;
    margin-top: 65px;
    /* background-color: darkcyan; */
}


/* span.sales_title:hover{
    color: #4455a8;
} */
ul.sales_li{
    width: 100%;
    height: 300px;
    margin-top: -5px;
    /* background-color: silver; */
}
ul.sales_li>li{
    width: 90%;
    height: 50px;
    /* padding-left: 5%; */
    padding-top: 10px;
    margin-left: 4%;
    /* border-bottom: solid 1px rgb(238, 238, 238); */
    box-sizing: border-box;
    /* background: chocolate; */
    
}
div.sales_li_main{
    width: 90%;
    height: 50px;
    /* padding-left: 5%; */
    padding-top: 10px;
    margin-left: -2.5%;
    /* border-bottom: solid 1px rgb(238, 238, 238); */
    box-sizing: border-box;
    /* background: chocolate; */
    
}

ul.sales_li>li:hover{
    border-left: solid 5px #6976a8;
    box-sizing: border-box;
    border-radius: 0px 8px 8px 0px;
    background: #f3f4f7;
}


ul.sales_li>li a{
    margin-top: 130px;
    /* background-color: chartreuse; */
}

ul.sales_li>li a i{
    width: 10%;
    height: 25px;
    font-size: 1.1em;
    margin-top: 2px;
    padding-right: 3%;
    box-sizing: border-box;
    color: #cfcfcf;
    /* background: cadetblue; */
}


span.sales_li_list{
    font: normal 1em 'Noto sans KR';
    font-weight: 400;
    color: #7B7B7B;
    margin-left: 30%;
    position: relative;
    top:3px;

    /* background-color: #2641A1; */
}
span.sales_li_list_main{
    font: bold 1em 'Noto sans KR';
    font-weight: 600;
    color: #444D7E;
    margin-left: 30%;
    position: relative;
    top:3px;

    /* background-color: #2641A1; */
}
span.sales_li_list:hover{
    color:#4355af;
}



div.sales_icon{
    width: 5%;
    height: 20px;
    float: right;
    margin-top: 7px;
    margin-right: 4%;
    font-size: 0.7em;
    /* background-color: darkgray; */
}






/* <!-- 나의계정/설정/로그아웃 --> */

ul.my_account{
    width: 100%;
    height: 150px;
    margin-top: 10px;
    /* background-color: silver; */
}
ul.my_account>li{
    width: 100%;
    height: 50px;
    padding-left: 28%;
    padding-top: 10px;
    margin-bottom: 2%;
    box-sizing: border-box;
    /* background: chocolate; */
}

ul.my_account>li i{
    width: 10%;
    height: 20px;
    font-size: 1em;
    position: relative;
    top:3px;
    /* padding-right: 3%; */
    box-sizing: border-box;
    color: #cfcfcf;
    /* background-color: darkcyan; */

}
ul.my_account>li:hover{
    /* border-right: solid 0.4em #aaafbb; */
    border-radius: 0px 8px 8px 0px;
    background: #f3f4f7;
}
ul.my_account>li a{
    font: normal 1em 'Noto sans KR';
    font-weight: 400;
    color: rgb(90, 90, 90);
}
span.sales_li_list3{
    font: normal 1em 'Noto sans KR';
    font-weight: 400;
    color: rgb(90, 90, 90);
    position: relative;
    top:3px;
    left: 1%;

    /* background-color: #2641A1; */
}


/* <!-- 온라인문의 --> */

/* div.inquiry_wrap{
    width: 90%;
    height: 195px;
    margin: 0px auto;
    border-radius: 5%;
    margin-top: 100px;
    padding-top: 20px;
    box-sizing: border-box;
    background-color: #31416d;
}
h2.inquiry_title{
    width: 100%;
    height: 50px;
    padding-top: 5px;
    padding-bottom: 56px;
    box-sizing: border-box;
    text-align: center;
    font: bold 1.2em 'Noto sans KR';
    color: white;
}

h2.inquiry_title::after{
    content: "";
    width: 10%;
    height: 2px;
    margin: 0px auto;
    margin-top: 10px;
    display: block;
    border-bottom: solid 0.2em #505f8f;
}
h2.inquiry_title i{
    font-size: 0.92em;
    padding-right: 2%; 
    box-sizing: border-box;
}
p.inquiry_detail{
    text-align: center;
    letter-spacing: 1px;
    font: normal 0.93em 'Noto sans KR';
    font-weight: 100;
    padding-bottom: 10px;
    box-sizing: border-box;
    color: white;
}
div.inquiry_botton{
    width: 100%;
    height: 40px;

}
div.inquiry_botton img{
    width: 100%;
    height: 100%;
    display: block;
} */










/* <!-- 우측 상세 페이지 --> */


/* 인사 */
div.right_side_detail_wrap{
    width: 84.3%;
    height: 100%;
    position: absolute;
    left: 15.7%;
    top:0px; 
    padding: 40px 1.875em;
    box-sizing: border-box;
    border-top: solid 90px #515f88;
    /* background: -webkit-linear-gradient(-45deg, rgba(94,101,138,1) 0%,rgba(77,87,137,1) 51%,rgba(56,69,137,1) 100%); */
    /* background-image: linear-gradient(to top, #6a85b6 0%, #bac8e0 100%); */
    /* background-color: rgb(207, 40, 40); */
}

div#right_side_detail_wrap_list{
    width: 100%;
    height: 100%;
    margin-top: -158px;
    /* background-color: darkgray; */
}




div.greetings_wrap{
    width: 100%;
    height: 83px;
    margin: 0px auto;
    /* background-color: rgb(235, 235, 235); */
}
div.greetings_list{
    width: 100%;
    height: 60px;
    position: relative;
    top:56px;
    /* background-color: cadetblue; */
}
p.hello_greetings{
    padding-bottom: 3px;
    font: bold 1.22em 'Noto sans KR';
    /* color: #384480; */
    color: white;
    /* background-color: darkblue; */
}
p.hello_greetings span{
    font: normal 0.78em 'Noto sans KR';
    color: rgb(222, 222, 241);
}
p.hello_list{
    font: normal 1em 'Noto sans KR';
    /* color: #505050; */
    color: rgb(189, 189, 223);
}








/* <!-- 오늘나의 매출액은?입금액은 부분 집~ --> */

div#sales_purchase_remittance_contents_wrap{
    width: 100%;
    height: 650px;
    margin-top: 20px;
    position: relative;
    left: 0px;
    top:0px;
    /* background-color: rgb(213, 235, 255); */
}
div#sales_purchase_remittance_contents{
    width: 63%;
    height:100%;
    position: relative;
    left: 0px;
    top:0px;
    /* background-color: darkkhaki; */
}


/* 달력 디자인 */
.ui-datepicker .ui-datepicker-header{
    background-color: #5e6886 !important;
}
.ui-datepicker .ui-datepicker-title{
    color: #fff !important;
}




/* 오늘나의매출액은?오늘나의 입금액은? 아이콘 공간 */
div#today_sales_wrap{
    width: 100%;
    height: 286px;
    /* background-color: rgb(213, 213, 224); */
}

/* <!-- 오늘나의 매출액은? --> */
ul.today_sales_wrap_list{
    width: 100%;
    height: 100%;
  
    /* background-color: darkcyan; */
}

ul.today_sales_wrap_list>li{
    width: 47%;
    height: 100%;
    border-radius: 5px;
    padding: 5px 3.5%;
    float: left;
    margin-left: 6%;
    background-color: rgb(255, 255, 255);
    box-shadow: 2px 2px 2px 2px #eaeaf0; 
    /* border: solid 1px rgb(220, 221, 223); */
    border-top: solid 4.5em #edeef3;
    box-sizing: border-box;
}
ul.today_sales_wrap_list>li:nth-child(1){
    margin-left: 0%;
}
div.today_sales_text_wrap{
    width: 100%;
    height: 50px;
    position: relative;
    left: 0px;
    top:-65px;
    /* background-color: cadetblue; */
}
/* div.today_sales_profile{
    width: 20%;
    height: 48px;
    border-radius: 150px;
    margin-top: -8px;
    background: url(/images/taxpal_web/sales_purchase/profile.svg);
    background-repeat: no-repeat; 
    
} */
div.today_sales_text{
    width:100%;
    margin-top: 2px;
    margin-right: -1%;
    /* background-color: rgb(153, 153, 199); */
}


p.today_sales_text_list{
    width: 70%;
    font: bold 1em 'Noto sans KR';
    color: #434659;
    /* background-color: #2641A1; */
}
.emog{
    color: rgb(81 95 136);
    font-size: 12px;
    position: relative;
    top: -2px;
}
p.today_sales_date{
    width: 70%;
    font: normal 0.8em 'Noto sans KR';
    color: #73798B;
    /* background-color: #2641A1; */
}
.today_sales_date_chart{
    font: normal 0.8em 'Noto sans KR';
    color: #73798B;
    text-align: right;
    padding-right: 20px;
    line-height: 41px;
    width: 85%;
    position: absolute;
    top: 0;
}
div.sales_information_check{
    width:10%;
    height: 20px;
    float:right;
    margin-top: -30px;
    margin-right: -1%;
    /* background-color: darkturquoise; */
}
div.sales_information_check input{
    width: 100%;
    height: 20px;
    background-color: #edeef3;
    cursor: pointer;
    background-image: url('/img/comm/date.svg');
    color: rgba(0, 0, 0, 0);
    border: none;
    background-size: 100% 20px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    outline: unset;
}

div.today_sales_detail_part{
    width: 100%;
    height: 160px;
    position: relative;
    left: 0px;
    top:-29px;
    /* background-color: rgb(211, 202, 195); */
}
div.sales_detail_part{
    width: 100%;
    height: 40px;
    /* background-color: floralwhite; */
}
p.sales_detail_part_num{
    font: bold 1.4em 'Noto sans KR';
    color: #344FAD;
    margin-left: 1%;
}
p.sales_detail_part_num span{
    font: bold 0.65em 'Noto sans KR';
    color: #344FAD;
}



div.updown_wrap{
    width: 25%;
    height:50%;
    position: relative;
    left: 37%;
    top:-20px;
    text-align: start;
    /* background-color: rgb(189, 189, 190); */
}
div.up{
    width: 30%;
    height: 100%;
    /* background-color: darkcyan; */
}
div.up i{
   color: #5F5F67;
}
div.down{
    width: 30%;
    height: 100%;
    position: absolute;
    left: 0px;
    top:-2%;
    /* background-color: darkcyan; */
}
div.down i{
   color: #d3421e;
}
p.ratio{ 
    font: normal 0.89em 'Noto sans KR';
    color: #5F5F67;
    position: absolute;
    left:20%;
    top:0px;
}
div.detail_btn{
    position: absolute;
    left:76%;
    top:8px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #636b7e;
}
div.detail_btn a{
    font: normal 0.8em 'Noto sans KR';
    font-weight: 500;
    line-height: 1.8;
    text-align: center;
    color: white;
    padding: 2px 12px;
    cursor: pointer;
    /* background-color: darkblue; */
}
ul.sales_daily_sales_wrap{
    width: 100%;
    height: 100px;
    position: relative;
    left: 0px;
    top:-140px;
    /* background-color: darkolivegreen; */
}
ul.sales_daily_sales_wrap>li{
    width: 100%;
    height: 40px;
    margin-top:5%;
    border-radius: 3px;
    border: solid 0.5px rgb(215, 216, 223);
    background-color: #ffffff;
    display: flex;
    align-items: baseline;
}
p.sales_daily_sales_text_month{
    font: normal 0.93em 'Noto sans KR';
    color: #2D4764;
    text-align: right;
    line-height: 2.5;
    margin-left: 30px;
    width: 31px;
}
p.sales_daily_sales_text{
    font: normal 0.93em 'Noto sans KR';
    color: #2D4764;
    text-align: right;
    line-height: 2.5;
    width: 31px;
}
p.sales_daily_sales_text2{
    font: normal 0.93em 'Noto sans KR';
    color: #2D4764;
    text-align: center;
    line-height: 2.5;
    margin-left: 5px;
}
.sales_daily_sales_span{
    font: bold 0.98em 'Noto sans KR';
    color: #344FAD;
    float: right;
    margin-left: auto;
    margin-right: 30px;
}


/* 오늘나의 매출액 상세보기 */
div.view_sales_details_wrap{
    width: 400px;
    height: 400px;
    left: 50%;
    position: fixed;
    margin-left: -200px;
    top:240px;
    z-index: 99999;
    /* border-radius: 10px; */
    background-color: rgb(255, 255, 255);
    display: none;
    
}
div.view_sales_details_title_wrap{
    width: 100%;
    height: 40px;
    padding:7px 4%;
    box-sizing: border-box;
    /* border-radius: 10px 10px 0px 0px ; */
    background-color: rgb(233, 233, 233);
}
p.view_sales_details_title{
    font: normal 1em 'Noto sans KR';
    font-weight: 500;
    color: #2e2e2e;
}
div.view_sales_details_title_wrap i{
    float: right;
    margin-top: -18px;
    color: #65646d;
    cursor: pointer;
    /* background-color: rgb(100, 90, 63); */
}








/* 요일별  매출 평균 */

div#hourly_sales_by_day_of_the_Week{
    width: 100%;
    height: 325px;
    margin-top: 30px;
    /* background-color: cornflowerblue; */
}
div.by_day_of_the_Week_wrap{
    width: 100%;
    height: 100%;
    padding: 14px 3.5%;
   
    box-sizing: border-box;
    background-color: white;
    border-radius: 5px;
    box-shadow: 2px 2px 2px 2px #ececf3; 
}




div.by_day_of_the_Week_title{
    width: 100%;
    height: 53px;
    /* background-color: rgb(247, 247, 247); */
}
p.average_sales_title{
    font: bold 1em 'Noto sans KR';
    color: #434659;
}
p.average_sales_title_list{
    font: normal 0.9em 'Noto sans KR';
    color: #82868b;
    margin-top: 3px;
    /* background-color: darkblue; */
}

div.by_day_of_the_Week_graph{
    width: 100%;
    height: 210px;
    margin-top: 14px;
    /* background-color: rgb(225, 226, 233); */
}





/* 5월관심매출,배달/고객 매출 방문 정보 집~  --> */
div#sales_information_wrap{
    width: 33%;
    height: 100%;
    position: absolute;
    right: 0px;
    top:0px;
    /* background-color: rgb(209, 209, 209); */
}
div.sales_purchase_right_detail{
    width: 100%;
    height: 50px;
    background-color: #edeef3;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
p.sales_purchase_detail_text{
    text-align: left;
    padding: 12px;
    box-sizing: border-box;
    margin-left: 2%;
    font: bold 1em 'Noto sans KR';
    color: #434659;
}
div#interest_sales_wrap{
    width: 100%;
    height: 212px;
    background-color: white;
    /* border-radius: 5px; */
    padding: 21px 6%;
    box-sizing: border-box;
    /* box-shadow: 2px 2px 2px 2px #ececf3; */
}
div.bottom_gray_line{
    width: 90%;
    height: 1px;
    background-color: #dbdbdb;
    margin: 0 auto;
    margin-top: -10px;
}
div#interest_sales_delivery{
    width: 65%;
    height: 100%;
    box-sizing: border-box;
    /* background-color: gainsboro; */
}
div#sales_delivery_text{
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    /* background-color: darkgrey; */
}
p#delivery_text{
    font:bold 1em 'Noto sans KR';
    padding-bottom: 2px;
    box-sizing: border-box;
    color: #434659;
}
p#delivery_text2{
    font:normal 0.79em 'Noto sans KR';
    color: #8d8d8d;
}
#delivery_text2_detail{
    font: normal 0.79em 'Noto sans KR';
    color: #8d8d8d;
    position: absolute;
    top: 11px;
    right: 55px;
}
#delivery_text2_deta_detail_home{
    font: normal 0.79em 'Noto sans KR';
    color: #8d8d8d;
    position: absolute;
    top: 11px;
    right: 55px;
}
#this_month_highest{
    font:normal 0.79em 'Noto sans KR';
    color: #8d8d8d;
}
#this_month_buy{
    font:normal 0.79em 'Noto sans KR';
    color: #8d8d8d;
    padding-left: 10px;
    margin-top: 10px;
}
.month_buy_detail_chart{
    width: calc(100% - 45px);
    height: 20px;
    border-radius: 5px;
    margin-top: 9px;
    padding: 5px;
    text-align: center;
    background-color: #636b7e;
    cursor: pointer;
    margin-left: 10px;
}
.month_buy_detail_chart p{
    font:normal 0.79em 'Noto sans KR';
    color: #fff;
}
div#delivery_text_num_day{
    padding-top: 11px;
    box-sizing: border-box;
    width: 100%;
    height: 110px;
    /* background-color: darkgoldenrod; */
}
p#delivery_text_num{
    font: bold 1.4em 'Noto sans KR';
    color: #344FAD;
    margin-top: 5px;
}
p#delivery_text_num span{
    font: bold 0.7em 'Noto sans KR';
    color: #344FAD;
}
p#delivery_text_day{
    font: normal 0.8em 'Noto sans KR';
    color: #909296;
    letter-spacing: 1px;
    height: 19px;
}

div.delivery_detail_btn{
    width: 148px;
    height: 30px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    margin-top: 20px;
    background-color: #636b7e;
    cursor: pointer;
}
div.delivery_detail_btn>a{
    font: normal 0.8em 'Noto sans KR';
    color: #ffffff;
    line-height: 2.3;
}
div#delivery_score_wrap{
    width: 43%;
    height: 100%;
    float: right;
    margin-top: -185px;
    margin-right: -4%;
    right: 25px;
    position: relative;
    /* background-color: rgb(162, 162, 189); */
}
div#delivery_score{
    width: 100%;
    height: 160px;
    margin-top: 0px;
    /* background-color: rgb(214, 214, 214); */
}

p#delivery_score_text{
    font: normal 0.75em 'Noto sans KR';
    color: #7a7a7a;
    margin-top: 4px;
    text-align: center;
}
p#score_text{
    width: 33%;
    font: bold 1.15em 'Noto sans KR';
    color: rgb(178, 181, 199);
    position: relative;
    left: 34%;
    top: 62px;
    text-align: center;
}
p#score_text2{
    width: 100%;
    font:normal 0.78em 'Noto sans KR';
    color: rgb(134, 135, 141);
    position: relative;
    left: 0%;
    top:105px;
    /* background-color: saddlebrown; */
}

/*5월 한달간 나의 매출 상세보기  */
div.view_sales_details_wrap2{
    width: 400px;
    height: 400px;
    left: 50%;
    position: fixed;
    margin-left: -200px;
    top:240px;
    z-index: 99999;
    /* border-radius: 10px; */
    background-color: rgb(255, 255, 255);
    display: none;
    
}
/*?월 한달간 나의 매입 상세보기  */
.view_buy_details{
    width: 400px;
    height: 400px;
    left: 50%;
    position: fixed;
    margin-left: -200px;
    top: 240px;
    z-index: 99999;
    /* border-radius: 10px; */
    background-color: rgb(255, 255, 255);
    display: none;
}

/* 최고 일매출 상세보기  */
.view_best_day_graph{
    width: 400px;
    height: 400px;
    left: 50%;
    position: fixed;
    margin-left: -200px;
    top:240px;
    z-index: 99999;
    /* border-radius: 10px; */
    background-color: rgb(255, 255, 255);
    display: none;
}
/* 배달매출 정보 상세보기  */
.view_delivery_graph{
    width: 400px;
    height: 400px;
    left: 50%;
    position: fixed;
    margin-left: -200px;
    top:240px;
    z-index: 99999;
    /* border-radius: 10px; */
    background-color: rgb(255, 255, 255);
    display: none; 
}







/* 배달 방문고객 매출 정보 4가지 */

div.delivery_visitor_sales_wrap{
    width: 100%;
    height: 400px;
    /* margin-top: 30px; */
    /* background-color: #5D72A9; */
}

ul.delivery_visitor_sales{
    width: 100%;
    height: 100%;
   
}
ul.delivery_visitor_sales>li{
    width: 50%;
    height: 195px;
    background-color: white;
    /* border-radius: 5px; */
    /* box-shadow: 2px 2px 2px 2px #ececf3; */
    float: left;
    /* margin-left: 5%; */
    /* margin-top: 20px; */
    /* border-top: solid 2.8em #edeef5; */
    /* border-top: solid 3.5em #eff1f7; */
    padding: 0px 4%;
    box-sizing: border-box;

}

ul.delivery_visitor_sales>li:nth-child(1){
    margin-top:0px;
    margin-left:0px;
}
ul.delivery_visitor_sales>li:nth-child(2){
    margin-top:0px;
}
ul.delivery_visitor_sales>li:nth-child(3){
    margin-left:0px;
}

div.delivery_visitor_sales_text_wrap{
    width: 100%;
    height: 40px;
    /* margin-top: -50px; */
    padding-top: 16px;
    /* padding-right: 8%; */
    box-sizing: border-box;
    /* background-color: rgb(148, 148, 180,0.4); */
}
p.delivery_visitor_sales_text{
    font: bold 0.89em 'Noto sans KR';
    font-weight: 700;
    color: #434659;
    padding-left: 10px;
    position: relative;
    top: 3px;
}
div.delivery_visitor_sales_text_wrap i{
    float:right;
    margin-top: -17px;
    margin-right: -10%;
    font-size: 1.1em;
    color: #c6cad8;
    /* background-color: darkblue; */
}




#sales_per_month_main{
   
    /* position: relative;
    top: -25px;
    left: -2%; */
    position: relative;
    top: -185px;
    left: 115%;
    /* background-color: darkblue; */
}

/* <!-- 전체매출대비 --> */

div.delivery_door_to_door_sales{
    width: 100%;
    height: 100px;
    margin-top: 31px;
    padding-left: 10px;
    /* background-color: rgb(255, 253, 203); */
}
.floor2{
    width: 100% !important;
}
p.delivery_door_to_door_sales_num{
    font: bold 1.23em 'Noto sans KR';
    color: #344FAD;
    margin-top: 50px;
}
.daily_best_mount{
    font: bold 1.23em 'Noto sans KR';
    color: #344FAD;
}
p.month_buy_mount{
    font: bold 1.23em 'Noto sans KR';
    color: #344FAD;
    padding-top: 15px;
    padding-left: 10px;
}
p.delivery_door_to_door_sales_num span{
    font: bold 0.7em 'Noto sans KR';
    color: #344FAD;
}
.line_float_right{
    width: 110%;
    background: #dbdbdb;
    height: 1px;
    margin-top: -10px; 
    /* margin-top: -32px; */
    margin-left: -16px;
    position: relative;
}
.line_float_right2{
    width: 100%;
    background: #dbdbdb;
    height: 1px;
    /* margin-top: -3px; */
    margin-top: 36px;
    position: relative;
}
.line_right{
    position: absolute;
    height: 174px;
    width: 1px;
    background: #dbdbdb;
    top: 40.5%;
    left: 51%;
}
.line_right2{
    position: absolute;
    height: 174px;
    width: 1px;
    background: #dbdbdb;
    top: 71%;
    left: 51%;
}
div.number_of_customer_sales{
    width: 35%;
    height: 10px;
    border-radius: 5px;
    margin-top: 9px;
    padding: 5px;
    text-align: center;
    background-color: #afb6c7;
}
.best_sales_day{
    text-align: left;
    font-weight: bold;
}
.best_sales_day p{
    /* color: #fff; */
    font: 500 0.8em 'Noto sans KR';
    margin-top: -1px;
}

.best_sales_day_chart{
    width: auto;
    /* padding: 5px; */
    position: absolute;
    top: 11px;
    right: 55px;
}
.best_sales_day_chart p{
    font: normal 0.79em 'Noto sans KR';
    color: #8d8d8d;
}

div.number_of_customer_sales p{
    font: normal 0.73em 'Noto sans KR';
    color: #ffffff;
    margin-top: -4.5px;
}
.delivery_detail_chart{
    width: calc(100% - 25px);
    height: 20px;
    border-radius: 5px;
    margin-top: 25px;
    padding: 5px;
    text-align: center;
    background-color: #636b7e;
    cursor: pointer;
}
.delivery_detail_chart_btn{
    width: calc(100% - 25px);
    height: 20px;
    border-radius: 5px;
    margin-top: -5px;
    padding: 5px;
    text-align: center;
    background-color: #636b7e;
    cursor: pointer;
}
.delivery_detail_chart p{
    font: normal 0.73em 'Noto sans KR';
    color: #ffffff;
}
.delivery_detail_chart_btn p{
    font: normal 0.73em 'Noto sans KR';
    color: #ffffff;
}
div.to_total_sales{
    width: 170px;
    height: 170px;
    margin-top: 15px;
    /* background-color: darkgoldenrod; */
}

div.to_total_sales_text{
    font: normal 0.9em 'Noto sans KR';
    color: #505050;
    margin-top: -3px;
}
div.to_total_sales_text span{
    font: bold 0.8em 'Noto sans KR'!important;
    color: #344FAD;
}


.process-bar-wordpress{
    width: 100%;
    height: 7px;
    background-color: #eee;
    position: relative;
    border-radius: 10px;
    margin-top: 15px;
}
.process-bar-wordpress:before{
    content: '';
    position: absolute;
    width: 0;
    height: 7px;
    border-radius: 10px;
    background: -webkit-linear-gradient(-45deg, rgb(79, 102, 192) 1%,rgb(61, 95, 196) 50%,rgba(123,153,229,1) 100%);
    -webkit-transition : width 1s ease;
    -moz-transition : width 1s ease;
    -o-transition : width 1s ease;
    transition : width 1s ease;
}

  .visitor{
    width: 100%;
    height: 7px;
    background-color: #eee;
    position: relative;
    border-radius: 10px;
    margin-top: 15px;
  }
  .visitor:before{
    content: '';
    position: absolute;
    width: 0;
    height: 7px;
    border-radius: 10px;
    background-color: #647ada;
    animation: processbar-wordpress 1s ease-in;
  }
  @keyframes visitor{
    from{
      width: 0;

    }
    to{
      width: 70%;
    }
  }
  

    /* -- 원그래프 --> */ 
    div#sales_purchase_circle_graph{
        width: 100%;
        height: 110px;
        margin-top: 20px;
        /* background: #e0e0e0; */
    }
    div#sales_purchase_circle_graph_list{
        width: 100%;
        height: 100%;
        position: relative;
        left: 0px;
        top: -45px;
        /* background-color: darkblue; */
    }


    div.view_sales_pie_graph{
        width:auto;
        height:calc(100% - 40px); 
        /* background-color: #434659; */
    }

    div.view_sales_pie_graph #my_dataviz2,
    #my_dataviz,
    #my_dataviz_month_buy,
    #my_dataviz_best_day,
    #my_dataviz_delivery{
        width: 100%;
        height: 100%;
    }
 
    .no_data {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        text-align: center;
        font-size: 19px;
        font-weight: bold;
        color: #434659;
        justify-content: center;
        flex-direction: column;
        font-family: 'Noto sans KR';
    }
    .no_data_small{
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #434659;
        justify-content: center;
        flex-direction: column;
        font-family: 'Noto sans KR';
        margin-left: -30px;
    }


/* 추정매출  */
div#estimated_sales_wrap{
    width: 100%;
    height: 517px;
    margin-top: 30px;
    
    /* background-color: rgb(219, 219, 219); */

}

/* <!-- 나의 추정매출 --> */
div#estimated_sales_list{
    width:63%;
    height: 100%;
    float: left;
    margin-left: -0.1%;
    padding: 5px 0.5%;
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    /* border-left:solid 0.4em #76C7C6; */
    box-shadow: 2px 2px 2px 3px #ececf3; 
    /* background-color: darkblue; */
}


div#estimated_sales_graph_wrap{
    width: 98%;
    height: 280px;
    left: 0px;
    top: -10px;
    display: flex;
    justify-content: space-between;
}
.unit{
    position: absolute;
    top: 40px;
    right: 25px;
    width: 70px;
    font-size: 10px;
    color: #898989;
}
div#actual_sales_wrap{
    width: 90%;
    height: 80px;
    padding-top: 5px;
    margin-top: 15px;
    box-sizing: border-box;
    /* background-color: rgb(203, 243, 245); */
}
p#estimated_sales_text{
    width: 100%;
    height: 16px;
    font: normal 0.9em 'Noto sans KR';
    letter-spacing: 0.2px;
    color: #727275;
    padding-bottom: 35px;
    box-sizing: border-box;
    margin-top: -25px;
    margin-left: 9%;
    /* background-color: darkcyan; */
}
div#actual_sales_wrap i{
    color: #acacac;
    font-size: 22px;
    padding-right: 3%;
    box-sizing: border-box;
}

/* 그래프 */
div#sales_graph_wrap{
    width: 40%;
    height: 100%;
    padding-top: 30px;
    padding-right: 5%;
    box-sizing: border-box;
    position: relative;
}

/* 0월 나의 추정매출 */
div#calculation_wrap{
    width: 55%;
    height:280px;
    position: relative;
    left: 3%;
    top:26px;
    /* background-color: #dadada; */
}
div#calculation{
    width: 100%;
    height: 120px;
    margin-top: 10px;
    /* background-color: cornsilk; */
}
div#calculation::after{
    content: "";
    display: block;
    margin-top: 5px;
    border-bottom: solid 0.1em  rgb(209, 209, 209);
}
p#calculation_title{
    width: 65%;
    font: bold 1em 'Noto sans KR';
    color: #434659;
    /* background-color: darkblue; */
}
p#calculation_title i{
    width: 12%;
    height:40px;
    font-size:23px;
    /* background-color: darkblue; */
    color: #8f919b;
}
p#calculation_title span{
    font: bold 1.3em 'Noto sans KR';
   
}
p#calculation_num{
    font: bold 2em 'Noto sans KR';
    font-weight: 900;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    color: #344FAD;
    /* background-color: darkblue; */
}
p#calculation_num span{
    box-sizing: border-box;
    font: bold 0.6em 'Noto sans KR';
    margin-left: -1%;
}



/* 추정매출-실제발생매출=남은추정매출 */

div.estimated_remaining_sales{
    width: 100%;
    height: 27px;
    margin-top: -6px;
    background-color: rgb(243, 243, 243);
    /* border: solid 1px #cecfd4; */
   
    box-sizing: border-box;
}

p.estimated_remaining_sales_num{
    font: normal 0.9em 'Noto sans KR';
    text-align: center;
    line-height: 2;
    color: #565658;

}
p.estimated_remaining_sales_num span{
    font: bold 1em 'Noto sans KR';
    color: #2641A1;
}







/* <!-- 아래요일시간 --> */
div#actual_sales_daytime{
    width: 98%;
    height: 170px;
    margin-top: 55px;
    padding: 15px 3%;
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
    position: relative;
}
#top_month_sales{
    position: absolute;
    top: 0;
    right: 52px;
    background-color: #afb6c7;
    width: 100px;
    text-align: center;
    padding: 7px 6px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
ul.sales_daytime{
    width: 100%;
    height: 100%;
    border: solid 1px rgb(203, 203, 207);
    /* border-top: solid 60px  rgba(56, 76, 133, 0.2); */
    box-sizing: border-box;
    border-radius: 20px;
    /* background-color: darkblue; */
}
ul.sales_daytime>li{
    width: 25%;
    height: 100%;
    float: left;
    padding-top: 0;
    box-sizing: border-box;
    border-right: solid 1px rgb(218, 218, 221);
    background-color: none;
}
ul.sales_daytime>li:last-child{
    border:none;
}

p.daytime_detail{
    padding: 15px 0 10px 0;
    box-sizing: border-box;
    text-align: center;
    font: normal 0.95em 'Noto sans KR';
    font-weight: 500;
    color: #ffffff;
    background: #515f88;
}

.sales_daytime li:first-child p.daytime_detail{
    border-radius: 20px 0 0 0;
}

.sales_daytime li:last-child p.daytime_detail{
    border-radius: 0 20px 0 0;
}

p.daytime_list{
    width: 100%;
    padding-bottom: 15px;
    box-sizing: border-box;
    font: bold 1.3em 'Noto sans KR';
    color: #3f58b3;
    text-align: right;
    padding-right: 20px;
}
p.daytime_list span{
    font: bold 0.69em 'Noto sans KR';
}
.daytime_list label{
    font-size: 0.75em;
}


div.daytime_list_updown{
    width: 100%;
    height: 25px;
    margin-top: 23px;
    padding-left: 20%;
    box-sizing: border-box;
    text-align: right;
    /* background-color: darkgray; */
}


p.calculation_up{
    width: 100%;
    height: 100%;
    position: relative;
    right: 20px;
    top: -5px;
    font: normal 0.9em 'Noto sans KR';
    color: #2e2e2e;
    /* background-color: #086397; */
}
/* p.calculation_down span{
    font-size: 1.4em;
    color: blue;
    font-weight: bold;
    box-sizing: border-box;
    transform: rotate(90deg);
    position: absolute;
    top: 0;
    right: 10px;
} */

p.calculation_up i{
    font-size: 1.5em;
    color: red;
    font-weight: bold;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    right: 60px;
    transform: rotate(180deg);
}
.calculation_up label{
    font-size: 1.1em !important;
    margin-left: -5px;
}
p.calculation_down{
    width: 100%;
    height: 100%;
    position: relative;
    right: 20px;
    top: -5px;
    font: normal 0.9em 'Noto sans KR';
    color: #2e2e2e;
}
/* p.calculation_down span{
    font-size: 1.4em;
    color: blue;
    font-weight: bold;
    box-sizing: border-box;
    transform: rotate(90deg);
    position: absolute;
    bottom: 0;
    right: 10px;
} */

p.calculation_down i{
    font-size: 1.5em;
    color: blue;
    font-weight: bold;
    box-sizing: border-box;
    /* position: absolute; */
    bottom: 2px;
    right: 10px;
}
.calculation_down label{
    font-size: 1.1em !important;
    margin-left: -5px;
}








/* <!-- 3개월 평균 매입현황 --> */
div#estimated_sales_other_wrap{
    width: 33%;
    height: 100%;
    float: left;
    margin-left: 4.1%;
    border-radius: 10px;
    box-shadow: 2px 2px 2px 2px #ececf3;
    
    
}

ul.month_average_purchase_wrap{
    width:100%;
    height: 100%;
   /* background-color: cadetblue; */
}
ul.month_average_purchase_wrap>li{
    width: 100%;
    height: 100%;
    margin-right: 5%;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    float: left;
    box-shadow: 2px 2px 2px 2px #ececf3;
    border-top: solid 5em #515f88;
    
    box-sizing: border-box;
}




div.month_purchase_text_wrap{
    width: 100%;
    height: 60px;
    position: relative;
    left: 0%;
    top:-65px;
    padding-left: 4.3%;
    box-sizing: border-box;
    /* background-color: darkgray; */
}
p.month_purchase_text_title{
    font:  bold 1em 'Noto sans KR';
    font-weight: 400;
    color: rgb(255, 255, 255);
    /* margin-left: 4.5%; */
    /* text-align: center; */
}

p.month_purchase_text_list{
    font:  normal 0.8em 'Noto sans KR';
    color: #e7e7e9;
    font-weight: 300;
    line-height: 2.5;
    margin-top: -2px;
    letter-spacing: 0.5px;
    text-align: left;
}


/* <!-- 원그래프 --> */


canvas#month_average_purchase{
    max-height: 180px;
     margin-top: -62px;
     margin-left: -10%;
     /* background-color: darkblue; */
}

/* 3개월 평균 매입액 */
div#month_purchase_detail{
    width: 90%;
    height: 225px;
    margin: 0px auto;
    margin-top: 20px;
    /* background-color: white; */
}

div#month_purchase_detail_contents{
    width: 100%;
    height: 40px;
    /* border: solid 1px rgb(205, 207, 214); */
    border-bottom: none;
    /* background-color: rgb(228, 228, 228); */
}
.month_detail_container{
    display: flex;
    width: 40%;
    text-align: center;
}
.detail_month_info{
    width: 50%;
    border-top: 1px solid rgb(205, 207, 214);
    border-left: 1px solid rgb(205, 207, 214);
    border-right: 1px solid rgb(205, 207, 214);
    font: normal 0.9em 'Noto sans KR';
    color: #6a6e7c;
    cursor: pointer;
}
.detail_id_info{
    width: 50%;
    border-top: 1px solid rgb(205, 207, 214);
    border-left: 1px solid rgb(205, 207, 214);
    border-right: 1px solid rgb(205, 207, 214);
    font: normal 0.9em 'Noto sans KR';
    color: #6a6e7c;
    cursor: pointer;
}
p#month_contents_num_tilte{
    font:  bold 0.9em 'Noto sans KR';
    position: relative;
    top:4px;
    padding: 0px 1em;
    box-sizing: border-box;
    color: #4E525F;
}
p#month_contents_num{
    width: 40%;
    text-align: right;
    padding-right: 27px;
    font:  bold 1.1em 'Noto sans KR';
    color: #2641A1;
    float:right;
    margin-right: -4%;
    margin-top: -19px;
    /* background-color: rgb(134, 134, 165); */
}

ul.purchase_detail_contents_list{
    width: 100%;
    height: 154px;
    /* margin-top: 10px; */
    border: solid 1px rgb(205, 207, 214);
    /* background-color: rgb(241, 241, 241); */
}
ul.purchase_detail_contents_list>li{
    width: 100%;
    height: 37px;
    border-bottom: solid 1px rgb(205, 207, 214);
    /* background-color: rgb(117, 123, 146,0.4); */
}
ul.purchase_detail_contents_list2>li{
    width: 100%;
    height: 37px;
    border-bottom: solid 1px rgb(205, 207, 214);
    /* background-color: rgb(117, 123, 146,0.4); */
}


ul.purchase_detail_contents_list>li:nth-child(3){
    margin-top: 0px;
    /* background-color: rgb(117, 123, 146); */
}
ul.purchase_detail_contents_list>li:last-child{
    border-bottom:none;
    /* background-color: rgb(117, 123, 146); */
}


ul.purchase_detail_contents_list2{
    width: 100%;
    /* height: 113px; */
    text-align: center;
    /* margin-top: 10px; */
    border: solid 1px rgb(205, 207, 214);
    /* background-color: rgb(241, 241, 241); */
}
ul.purchase_detail_contents_list>li2{
    width: 100%;
    height: 37px;
    border-bottom: solid 1px rgb(205, 207, 214);
    /* background-color: rgb(117, 123, 146,0.4); */
}


ul.purchase_detail_contents_list2>li:nth-child(3){
    margin-top: 0px;
    /* background-color: rgb(117, 123, 146); */
}
ul.purchase_detail_contents_list2>li:last-child{
    border-bottom:none;
    /* background-color: rgb(117, 123, 146); */
}


div.month_contents_list_text_wrap{
    width: 100%;
    height: 30px;
    padding:0px 1em;
    box-sizing: border-box;
    position: relative;
    top:5px;
    /* background-color: rgba(207, 198, 191, 0.5); */
}
div.month_contents_list_text_wrap2{
    width: 100%;
    height: 30px;
    padding:0px 1em;
    box-sizing: border-box;
    position: relative;
    top:5px;
    /* background-color: rgba(207, 198, 191, 0.5); */
}

p.month_contents_list_text{

    width: 60%;
    font: normal 0.9em 'Noto sans KR';
    position: relative;
    left:0%;
    top:3px;
    color: #6a6e7c;
   
    /* background-color: #2641A1; */
}
p.month_contents_list_text2{

    width: 50%;
    font: normal 0.9em 'Noto sans KR';
    position: relative;
    left:0%;
    top:3px;
    color: #6a6e7c;
   
    /* background-color: #2641A1; */
}
.month_contents_list_qty{
    font: normal 0.9em 'Noto sans KR';
    font-weight: 700;
    position: relative;
    top: -19px;
    left: 44%;
    color: #646f91;
    width: 45px;
    text-align: right;
}
p.month_contents_list_text_num{
    width: 40%;
    text-align: right;
    font: bold 0.9em 'Noto sans KR';
    float: right;
    margin-right: -1%;
    position: relative;
    top:-39px;
    color: #2641A1;
    /* background-color: darkgoldenrod; */
}
p.month_contents_list_text_num2{
    width: 40%;
    text-align: right;
    font:bold 0.9em 'Noto sans KR';
    float: right;
    margin-right: -1%;
    position: relative;
    top:-19px;
    color: #2641A1;
    
    /* background-color: darkgoldenrod; */

}




/* 데이터피커 스타일 */
.ui-datepicker-header{
    height:40px;
    color: #ffffff;
    background :#6a7597;
   
  }
  
  .ui-datepicker-prev, .ui-datepicker-next{
    width: 20px;
    height :15px;
    text-indent: 9999px;
    border: none;
    border-radius: 100%;
    cursor :pointer;
    overflow :hidden;
    margin-top :6px;
    background:none;
  }
 
  .ui-datepicker .ui-datepicker-prev:hover{
    background: none;
    border: none;
  }
   .ui-datepicker .ui-datepicker-next:hover{
    background: none;
    border: none;
   }
  
  
  .ui-datepicker-title{
     position: relative;
     top:8px;
      text-align: center;
      /* background-color: #1c3cdd; */
  }
  
  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
      border: none;
      background: #7988b4;
      font-weight: normal;
      color: #ffffff;
  }
  
  .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
      border: none;
      background: #d2d4e9;
      color: #202677;
  }
  
  .ui-state-default{
    display :block;
    text-decoration: none;
    color: #b5b5b5;
    line-height: 24px;
    font-size :12px;
  
  }
  .ui-widget.ui-widget-content{
    border: 1px solid #e2e2e2;
    /* z-index: 999999 !important; */
    
  }

  .delivery_visitor_sales .purchase_div_list{width: 26%; color: #434659; right: 20px; position: absolute; top: 13px; display: flex; flex-direction: column; justify-content: center; height: 81%;}
  .delivery_visitor_sales .purchase_div_list .purchase_head{font: bold 0.89em 'Noto sans KR'; text-align: right;padding-bottom: 10px;}
  .delivery_visitor_sales .purchase_div_list .purchase_div{text-align: right;padding:4px 0;}
  .delivery_visitor_sales .purchase_div_list .purchase_div .purchase_title{font: 500 14px 'Noto sans KR'; font-size:13px; padding-bottom: 2px;text-align: left;}
  .delivery_visitor_sales .purchase_div_list .purchase_div .purchase_price{font-size: 13px;}
  .floor2 .floor2_flex{display: flex; justify-content: space-between;padding: 21px 0px; position: relative;}

  
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title{padding-right: 0 !important;}
  .tabulator .tabulator-col-resize-handle {width: 0.42% !important;}
  .tabulator .tabulator-header .tabulator-col .tabulator-col-content { line-height: 37px !important; padding: 0 !important; }
  .tabulator .tabulator-tableholder .tabulator-table {  }
  .tabulator .tabulator-footer .tabulator-footer-contents{position: relative;left: 25px;}