/*
  over write
*/
.right_col{
  min-height: 100vh!important;
}
.nav-md .container.body .right_col{
  background: #ddd;
}
.x_panel.nodm-customer-card{
  background: #fee;
  border: 1px solid #f00;
  color: #333;
}
ul.bar_tabs{
  position: relative;
  height: auto;
  overflow: hidden;
  margin: 0;
  padding: 2px 0 0 0;
  background-color: transparent;
  border-bottom: none;
}
ul.bar_tabs:after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  border-bottom: #ddd 1px solid;
}
ul.bar_tabs>li{
  position: relative;
  top: -2px;
  margin-top: 0;
}
ul.bar_tabs>li.active{
  top: 1px;
  margin-top: 0;
}

.tab-pane{
  clear: both;
}
.login_content h1:before,
.login_content h1:after{
  content: none;
}
.menu_section{
  margin-bottom: 15px;
}

/*
  common
*/
.side_logo{
  display: block;
  padding: 0 10px;
}
input,select,textarea{
  margin-bottom: 2px;
}
.form-half-size{
  display: inline-block;
  width: 48%;
  width: calc(100% / 2 - 5px);
}
.form-3split-size{
  display: inline-block;
  width: 32%;
  width: calc(100% / 3 - 5px);
}
.form-3split-date-size{
  display: inline-block;
  width: 30%;
  width: calc(100% / 3 - 28px);
}
.btn.btn-reset{
  background-color: #aaa;
  color: #fff;
}
.btn.btn-reset:hover{
  background-color: #888;
}
.simple-separate{
  clear: both;
  width: 100%;
  height: 0;
  padding-top: 9px;
  padding-bottom: 6px;
  border: #ddd 1px dotted;
  border-width: 0 0 1px 0;
}
#main-logo{
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 100%;
}
#main-logo-in{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
}
#main-logo-in a{
  display: block;
  width: 100%;
  height: 100%;
  padding: 20px;
  border-radius: 12px;
  background-color: #fff;
}
#main-logo-in a img{
  width: 100%;
  height: auto;
}
.btn-alink-block{
  display: block;
}
.set-search{
  margin-bottom: 25px;
}

/*
  home
*/
.message-items{
  width: 100%;
  height: auto;
}
.message-item{
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  padding: 0 10px 10px 10px;
  border-bottom: #ccc 1px dotted;
}
.message-item p{
  margin-bottom: 6px;
}
.message-item .item-title{
  font-weight: 600;
  border-bottom: #eee 1px solid;
}
.message-item .item-date{
  display: inline-block;
  margin-right: 18px;
}
.message-item .item-user{
  display: inline-block;
}
.message-item .item-content{}

.pin-card-item{
  border-radius: 5px;
  border: #ccc 1px solid;
  padding: 9px;
  margin-bottom: 15px;
}
.home-search-name{
  display: inline-block;
  width: calc(100% - 50px);
}
#home-memo{
  height: 150px;
  margin-bottom: 15px;
}
#home-memo-title{
  display: inline-block;
  width: calc(100% - 100px);
}
#home-memo-date{
  display: inline-block;
  width: calc(100% - 50px);
  max-width: 250px;
}
#home-memo-user{
  display: inline-block;
  width: calc(100% - 50px);
  max-width: 250px;
}
.btn-area button{
  width: 100%;
  text-align: center;
}

/*
  l2common
*/
.main-contents{
  height: auto;
  overflow: hidden;
}
.list-items{
  border-top: #aaa 1px solid;
}
.list-no-item{
  margin: 25px 0;
  padding: 50px 25px 45px 25px;
  border: #ddd 3px solid;
  text-align: center;
}
.list-item{
  padding: 10px;
  border-bottom: #aaa 1px solid;
}
.list-btns button,
.list-btns a.btn{
  display: block;
  width: 100%;
}
.list-50on{
  margin-bottom: 15px;
  font-size: 0;
}
.list-50-on-item{
  display: inline-block;
  width: 42px;
  height: 28px;
  margin-right: 4px;
  margin-bottom: 5px;
  font-size: 12px;
}
.list-50-on-item a{
  display: block;
  width: 42px;
  height: 28px;
  padding-top: 6px;
  background-color: #235;
  border-radius: 4px;
  text-align: center;
  color: #fff;
}
.list-50-on-item a:hover{
  background-color: #457;
}
.list-pager{
  margin-top: 25px;
}
.list-pager ul{
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.list-pager li{
  display: inline-block;
  width: 35px;
  height: 40px;
  margin-right: 4px;
  margin-bottom: 8px;
  font-size: 12px;
}
.list-pager li.list-pager-prev,
.list-pager li.list-pager-next{
  width: 65px;
}
.list-pager a,
.list-pager span{
  display: block;
  width: 100%;
  height: 40px;
  padding-top: 11px;
  border-radius: 5px;
  text-align: center;
}
.list-pager a{
  border: #235 1px solid;
  background-color: transparent;
}
.list-pager a:hover{
  background-color: #cdf;
}
.list-pager span{
  border: #666 1px solid;
  background-color: #ddd;
}
.various-btns{
  text-align: right;
}
.various-btns button{
  display: inline-block;
}
.fullwide-btn{}
.fullwide-btn button{
  width: 100%;
  text-align: center;
}
.info-items{
  border: #ccc 1px solid;
  border-width: 1px 0;
}
.info-items.info-items-noborder{
  border: none;
}
.info-items .item-row{
  padding: 10px 10px 8px 10px;
  border-bottom: #ccc 1px dotted;
}
.info-items .item-row:last-child{
  border-bottom: none;
}


/*
  detail
*/
.detail-maininfo{
  margin-bottom: 25px;
}
.detail-history-items{
  border-width: 2px 0 0 0;
}
.detail-sellitems{}
.detail-sellitems tbody{
  border-bottom: #ddd 2px solid;
  background-color: #fff;
}
.detail-sellitems tbody:nth-child(odd){
  background-color: #f0f0f0;
}
.detail-sellitems .cell-price{
  width: 100px;
  text-align: right;
}
.detail-sellitems .cell-btns{
  width: 100px;
  vertical-align: middle;
}
.btns-pin{
  display: inline-block;
}
#call_memo_list{
  overflow: auto;
  height: 60vh;
}
.call_memo_content{
  display: none;
}

/*
  setting
*/
.setting-box{

}
.setting-new-asign{
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: #ddd 1px solid;
}
.setting-list-items{

}
.setting-list-items.info-items-noborder{
  border: none;
}
.setting-list-items .item-row{
  padding: 4px 10px 2px 10px;
  border-bottom: #ddd 1px dotted;
}
.setting-list-items .item-row.has-parent{
  padding-left: 24px;
}
.store-manage{
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: #ddd 2px solid;
}
.area-manage{}
.setting-sp-items{}
.setting-sp-items form:nth-child(even) .item-row{
  background-color: #f9f9f9;
}
.product-sp-select{
  padding-left: 24px;
}
.product-sp-select label{
  display: inline-block;
  padding-right: 18px;
  font-weight: 500;
}



/*
  statistics
*/
.statistics-section{
  margin-bottom: 50px;
}
.statistics-content{
  display: none;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: #ddd 1px dotted;
}
.graph-pie-frame{
  position: relative;
  padding-top: 100%;
}
.graph-pie-frame .canvas-frame{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.graph-pie-frame canvas{
  width: 100%;
  height: 100%;
}
.graph-bar-frame{
  position: relative;
  height: 350px;
  max-height: 350px;
}
.graph-bar-frame canvas{
  height: 100%;
}
.graph-store-bar-frame{
  height: auto;
}
.graph-store-bar-frame canvas{
  height: 100%;
}
.st-no-data{
  position: absolute;
  display: table;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #ddd;
  text-align: center;
}
.st-no-data p{
  display: table-cell;
  vertical-align: middle;
}
.bar-chart-basic{
  position: relative;
  margin-top: 10px;
  padding-top: 10px;
}
.bar-chart-basic:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 75%;
  height: 0;
  margin: 0 auto;
  border-top: #ddd 1px dotted;
}
.bar-chart-basic ul{
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 10px;
  line-height: 12px;
}
.bar-chart-basic li{
  display: inline-block;
  position: relative;
  padding-left: 30px;
  height: 12px;
  margin-bottom: 6px;
  padding-right: 10px;
}
.bar-chart-basic li span{
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 25px;
  height: 10px;
}
.datas-table{}
.datas-table thead th{
  text-align: center;
}
.datas-table tbody th{
  text-align: center;
}
.datas-table th{
  border-right: #ddd 1px dotted;
}
.datas-table tbody td{
  width: 65px;
  text-align: right;
  border-right: #ddd 1px dotted;
}
.datas-table thead th:last-child,
.datas-table tr td:last-child{
  border-right: none;
}

#stores_table .datas-table thead th:first-child{
  width: 200px;
}
#stores_table .datas-table tbody th{
  text-align: left;
}
#stores_table .datas-table tbody td{
  width: auto;
}

/*-----+ matter - progress +-----*/

.matter-items{
  margin-top: 15px;
  border-top: #aaa 1px solid;
}
.matter-item{
  padding: 9px;
  border-bottom: #aaa 1px solid;
}
.matter-item-row{
  margin-bottom: 9px;
  padding-bottom: 9px;
  border-bottom: #ccc 1px dotted;
}
.matter-item .matter-item-row:last-child{
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.matter-list-btns{}
.matter-list-btns a,
.matter-list-btns button{
  width: 100%;
  margin-bottom: 9px;
}
.matter-progress{
  margin: 42px 0;
}
.progress-items{
  border-top: #ccc 1px solid;
}
.progress-item{
  clear: both;
  margin: 10px 0;
  padding: 9px;
  border-bottom: #ccc 1px solid;
}
.progress-item-row{
  padding-bottom: 6px;
  margin-bottom: 6px;
  border-bottom: #ccc 1px dotted;
}
.progress-item .progress-item-row:last-child{
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.progress-outside-item{
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: dotted 1px #ccc;
}
.progress-files{
  height: auto;
  overflow: hidden;
}
.progress-files col{
  margin-bottom: 25px;
}
.progress-files figure,
.progress-files a{
  display: block;
}
#progress-outside-item-tmpl{
  display: none;
}


table.st-total{
  width: 100%;
  border-bottom: 1px solid #444;
}
table.st-total thead{
  border-bottom: 2px solid #444;
}
table.st-total tbody tr{
  border-bottom: 1px solid #444;
}
table.st-total tbody th{
  width: 180px;
}
table.st-total th,
table.st-total td{
  padding: 6px 8px 4px 8px;
}
table.st-total td{
  text-align: right;
}