@charset "utf-8";

.new_dashboard_cont{width: 100%; position: relative;}

/*ndc_top*/
.ndc_top{width: 100%; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 2%;}
.ndc_top > .notice {
    display: flex; width: 100%; flex-direction: column;
}

.ndc_top > .notice > .notice_table{width: 100%;}
.ndc_top > .notice > .notice_table tr{border-bottom:1px solid #ddd;}
.ndc_top > .notice > .notice_table tr, .ndc_top > .notice > .notice_table tr td{padding:5px 0px; cursor: pointer; font-size: 14px;}
.ndc_top > .notice > .notice_table tr input{max-width: 90px;}

.tss_cont {display: flex; flex-direction: row; width: 100%; justify-content: space-around;}
.tss_cont > li{display: flex; flex-direction: column; align-items: center;}


/*ndc_middle*/
.ndc_middle{display: flex; flex-direction: row; width: 100%; margin-bottom: 2%;}

.ndc_middle > .nm_left{width: 49%;}
.ndc_middle > .nm_right{width: 49%;}


.time_order_stat{width: 100%; display: flex; flex-direction: row;}
.time_order_stat li{width: 25%; display: flex; flex-direction: column;}
.time_order_stat li div{text-align: center; padding:5px 0;}
.time_order_stat li div:last-child{cursor: pointer;}
.time_order_stat li div.bg_pink{background: hotpink;}
.time_order_stat li div.bg_yellow{background: orange;}
.time_order_stat li div.bg_blue{background: lightblue;}
.time_order_stat li div.bg_gray{background: lightslategray;}


/*product_sale_stat*/
.product_sale_stat{width: 100%; display: flex; flex-direction: column;}
.product_sale_stat > li {margin-bottom: 20px; display: flex; flex-direction: row; justify-content: flex-start;}
.product_sale_stat > li div:first-child{width: 15%; min-width: 15%; margin-right: 5%; max-width: 15%;}
.product_sale_stat > li div:nth-child(2){width: 70%; margin-right: 5%;}
.product_sale_stat > li div:last-child{width: 5%; text-align: left;}

.product_sale_stat > li div.pss_grap01{background: #581a1a; border-radius: 5px; width: 80%; height: 20px; }
.product_sale_stat > li div.pss_grap02{background: #b86969; border-radius: 5px; width: 50%; height: 20px;}
.product_sale_stat > li div.pss_grap03{background: #861b1b; border-radius: 5px; width: 30%; height: 20px;}

/*ndc_bottom*/
.ndc_bottom > .tit > h2{ display: flex; flex-direction: row;}
.ndc_bottom > .tit > h2 > div{margin-left: 10px;}


/*etc*/
.mr2{margin-right: 2%;}
.mb2{margin-bottom: 2%;}
.mb20px{margin-bottom: 20px;}
.mr2px{margin-right: 2px;}

.fz14{font-size: 14px;}
.fz16{font-size: 16px;} 
.fb{font-weight: bold;}
.fcfff{color:#fff;}

.tit{display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.tit > h2{font-size: 16px; font-weight: bold; margin-top: 0px;}
.tit > img{width: 20px; cursor:pointer;}

.board_bg{background: #fff; border-radius: 15px; width: 100%; box-shadow: 5px 5px 10px -5px; padding:20px;}




/*basic*/
input[type="date"]{border:none; max-width: 95px;}
input[type="date"]:disabled{background: none; max-width: 95px;}