/*
    Theme Name:   Bootscore Child
    Theme URI:    http://example.com/twentytwentyone-child/
    Description:  Child theme for the Bootscore theme
    Author:       Izzat
    Author URI:   http://example.com
    Template:     bootscore
    Version:      1.0.0
    */

    .sidebar {
      height: 100%;
      background-color: #fff;
    border-right: 0.5px solid #cccccc;
    }
    .sidebar .nav-link.active {
      font-weight: 600;
      color: #0d6efd !important;
      background-color: #e7f1ff;
    }
    .background-gradient {
        background: #F3EFFE;
        background: linear-gradient(90deg, rgb(248, 250, 251, 1) 0%, rgb(246, 253, 255) 50%, rgb(238, 249, 253) 100%);
    }
    .color-custom {
     background-color: #f5f7fe!important;
    }
    .btn-custom {
       background-color: #f5f7fe!important;
    }
    .btn-custom:hover {
       background-color: #f7f8fa!important;
    }
 .status-pill {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 0.75rem;
  color: #fff;
  text-transform: capitalize;
}

.status-delivered { background-color: #007bff; border: #007bff solid 1px; }
.status-pending { background-color: #fffcf0; border:#ff9900 1px solid; color: #ff9900;}
.status-admin-cancelled { background-color: #dc3545; border:#dc3545 1px solid; color: #fffcf0;}
.status-completed { background-color: #28a745; border:#28a7451px solid}
.status-cancelled { background-color: #ff9900; border:#ff9900 1px solid; color: #fffcf0;}
.status-review { background-color: #e9e9e9; border:#000000 1px solid; color:#000000;}
.status-info { background-color: #000000; border:#000000 1px solid}
.status-order-accepted { background-color: #eaffef; border:#28a745 1px solid; color: #28a745; }
.status-declined { background-color: #ffeff0; border:#dc3545 1px solid; color: #dc3545; }


td a {
    padding: 1.5rem 1rem!important;
}
.clickable-row {
  cursor: pointer;
}
.clickable-row:hover {
  background-color: #f8f9fa; /* tukar ikut tema */
}
.table>:not(caption)>*>* {
    padding: 0;
    font-weight: 400;
}
.dropdown-menu[data-bs-popper] {
    right: 0;
    left: auto!important;
}
.table {
    margin-bottom: 0!important;
}
.card-header {
    background-color: transparent;
}
.table-hover tbody tr:hover {
  background-color: #f8f9fa;
  cursor: pointer;
}
.page-link.active, .active>.page-link {
    color: #000000;
    background-color: #f5f7fe;
    border-color: #dee2e6;
}
.page-link:hover {
    z-index: 2;
    color: #000000;
    background-color: #e1e3e9;
    border-color: #dadee2;
}
.page-link {
    color: #000000;
}
.page-link.disabled, .disabled>.page-link {
    background-color: #f5f7fe;
}
.table-hover>tbody>tr:hover>* {
    --bs-table-bg-state: #f9fafd;
}