.hide{
    display: none;
}

.open{
    color:#337ab7;
    cursor: pointer;
}
th,td.center{
    text-align: center;
}
th.right,td.right{
    text-align: right;
}

table.print td,
table.print th{
    white-space: nowrap;
    padding:5px 10px;
}
.close_text{
    position:absolute;right:10px;top:8px;cursor:pointer;
}
.close_menu{
    cursor: pointer;
}
table#orders{
    font-size:10px;

}
table#orders td, table#orders th{
    padding:5px;
}
.bg_gray{
    background-color: #cccccc;
}

#print .table-bordered{
    border: 1px solid black;
}
#print .table-bordered>tbody>tr>td, 
#print .table-bordered>tbody>tr>th, 
#print .table-bordered>tfoot>tr>td, 
#print .table-bordered>tfoot>tr>th, 
#print .table-bordered>thead>tr>td, 
#print .table-bordered>thead>tr>th{
    border: 3px solid black;
}

@media screen and (max-width: 768px) {
    #report_table_wrap {
        overflow-x: scroll;        
    }
    #report_table_wrap th{
        min-width:80px;
    }
}

@media screen and (min-width: 768px) {
    .sp {
      display: none;
    }
}


/* --- chart --- */
@media screen and (min-width: 1200px) {
    .panel-chart {
        position: relative;
        height: 26vw;
    }
    .chart-wrap {
        position: absolute;
        top: 0;
        right: 0;
        width: 46vw;
        border: 1px solid #ccc;
        margin: 10px;
    }
}

#line_chart {
    height: 395px!important;
}