#chart {padding:0;max-width:375px;margin:auto;}
.card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box;border-radius:.25rem}
.card-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}
.header-title{font-family:lato,sans-serif;font-size:18px;font-weight:600;letter-spacing:0;color:#333;text-transform:capitalize;margin-bottom:17px}
h4{margin-top:0;margin-bottom:.5rem}
.single-table .table{margin-bottom:0}
table tr th{border-bottom:none}
table tr th,table tr td{border-top:1px solid rgba(120,130,140,.13)!important}
.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table{width:100%;max-width:100%;background-color:#f9fcfd;border-radius:12px;overflow:hidden;}
.table tbody tr:hover {background: #edf6ff;transition: background 0.1s;}
.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}
.text-center{text-align:center!important}
.text-uppercase{text-transform:uppercase!important}
.bg-primary{background-color:#007bff!important}
.text-center{text-align:center!important}
.text-uppercase{text-transform:uppercase!important}
.bg-primary{background-color:#007bff!important}
.text-white{color:#fff!important}
.pcoc-th{font-size: 15px; font-weight: 500; text-align:center;}