#data_table tbody tr {
    cursor: pointer;
}
#data_table tbody tr:hover {
    background-color: rgba(0,0,0,.075) !important;
}
.offcanvas {
    width: 400px !important;
}
#recipientDetails p {
    margin-bottom: 0.5rem;
}
#recipientDetails strong {
    color: #666;
    min-width: 140px;
    display: inline-block;
}

.offcanvas {
    width: 600px !important;
}
@media screen and (max-width: 576px) {

	.offcanvas {
        width: 100% !important;
    }
    .p-5 {
        padding: 1rem !important;
    }
    .page-content {
        padding: 1rem;
    }

}

.sidebar-wrapper .metismenu a:hover, .sidebar-wrapper .metismenu a:focus, .sidebar-wrapper .metismenu a:active, .sidebar-wrapper .metismenu .mm-active>a {
    color: #000000;
    text-decoration: none;
    background: rgb(0 0 0 / 10%);
}

.parent-icon.icon-color-1 {
    
    color: #FFA500 !important;
}

.bx.bxs-package.me-1.font-22.icon-color-1 {
    
    color: #FFA500 !important;
}

.btn.btn-danger.remove-item.px-2 {
    
    color: #ffffff !important;
    background-color: #c30606 !important;
    border-color: #c30606 !important;
}

.form-select:focus {
    border-color: #ffa500;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(255, 165, 0, 0.25);
}

.form-control:focus {
    color: #000000;
    background-color: #fff;
    border-color: #ffa500;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(255, 165, 0, 0.25);
}

.icon-color-1 {
    color: #FFA500;
}

.page-item.active .page-link {
    background-color: #ffa500;
    border-color: #ffa500;
}

.page-link {
    color: #000000;
}

.page-link:hover {
    z-index: 2;
    color: #ffa500;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.btn-primary {
    color: #fff;
    background-color: #ffa500;
    border-color: #ffa500;
}

.btn-primary:hover {
    color: #fff;
    background-color: #eb9902;
    border-color: #eb9902;
}

.btn-outline-primary {
    color: #000000;
    border-color: #000000;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #ffa500;
    border-color: #ffa500;
}

.btn-outline-info {
    color: #000000;
    border-color: #000000;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #cdcdcd;
    border-color: #cdcdcd;
}

.btn-outline-success {
    color: #000000;
    border-color: #000000;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #32ab13;
    border-color: #32ab13;
}

.bx.bx-package {
    text-decoration: none;
    color: #000000 !important;
}

.bx.bx-notepad
{
    text-decoration: none;
    color: #000000 !important;
}

.bx.bx-user
{
    text-decoration: none;
    color: #000000 !important;
}

.bg-rose {
    background-color: #ffa500!important;
}

.bg-wall {
    background-color: #32ab13!important;
}

.parent-icon.icon-color-1 {
    color: #000000 !important;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #ffa500;
    border-color: #ffa500;
    box-shadow: 0 0 0 .25rem rgba(255, 165, 0, 0.5);
}

.bg-danger {
    background-color: #c30606 !important;
}

.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 165, 0, 0.5);
}