.TableHeader {
    border-bottom: 2px solid;  
    text-align: center
}

.direction-ltr {
    direction: ltr !important;
    margin-top:10px;
}
.GridMSG {
    text-align: center;
    color: #a20e0e;
    font-weight: bold;
    border-top: 2px solid #a20e0e;
    padding: 20px;
    font-size: larger;
}
/* Page Info Label */
.page-info-label {
    display: inline-block;
    margin: 0px 0px 20px 5px;
    padding: 10px 20px;
    background-color: #f7f9fc;
    border: 1px solid #d6e0ef;
    border-radius: 10px;
    /*color: #0d6efd;*/
    color: black;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    direction: rtl;
    transition: background-color 0.3s ease;
}

    .page-info-label:hover {
        background-color: #e9f2ff;
    }
/*GridButtons*/
/* Base style for all LinkButtons */
.grid-link-button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: transparent;
    border: none;
    color: #007bff;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    padding: 8px 14px;
    border-radius: 4px;
    transition: background-color 0.3s, color 0.3s;
    direction: rtl; /* Ensures icons align well with Arabic text */
    width: 100%;
    text-align: center;
}

    /* Hover effect */
    .grid-link-button:hover {
        background-color: rgba(0, 123, 255, 0.1);
        color: #0056b3;
        text-decoration: none;
    }

    /* Edit specific (optional different color) */
    .grid-link-button.edit{
        color: #948b7f;
        font-weight: bolder;
        font-size: 11px;
        background-color: #fbfafa;
        /*border: 1px solid #978d7f;*/
    }

        .grid-link-button.edit:hover {
            background-color: #948b7f;
            color: white;
        }

.grid-link-button.disable.edit:hover {
    color: #948b7f !important;
    font-weight: bolder !important;
    font-size: 11px !important;
    background-color: #fbfafa !important;
    /*border: 1px solid #978d7f;*/
}

    /* Delete specific */
    .grid-link-button.delete {
        color: #d55151;
        font-weight: bolder;
        font-size: 11px;
        background-color: #fbfafa;
        /*border: 1px solid #d55151;*/
    }

        .grid-link-button.delete:hover {
            background-color: #d55151;
            color: white;
        }

    .grid-link-button.disable.delete {
        color: #d55151!important;
        font-weight: bolder!important;
        font-size: 11px!important;
        background-color: #fbfafa!important;
        /*border: 1px solid #d55151;*/
    }
    /* active specific  */
    .grid-link-button.active {
        color: #47824f;
        font-weight: bolder;
        font-size: 11px;
        background-color: #fbfafa;
        /*border: 1px solid #47824f;*/
    }

        .grid-link-button.active:hover {
            background-color: #47824f;
            color: white;
        }
  
        .grid-link-button.disable.active {
        color: #47824f;
        font-weight: bolder;
        font-size: 11px;
        background-color: #fbfafa;
        /*border: 1px solid #47824f;*/
    }

    /* Inactive specific */
    .grid-link-button.Inactive {
        color: #a32c22;
        font-weight: bolder;
        font-size: 11px;
        background-color: #fbfafa;
        /*border: 1px solid #a32c22;*/
    }

        .grid-link-button.Inactive:hover {
            background-color: #a32c22;
            color: white;
        }
    
        .grid-link-button.disable.Inactive {
        color: #a32c22!important;
        font-weight: bolder!important;
        font-size: 11px!important;
        background-color: #fbfafa!important;
        /*border: 1px solid #a32c22;*/
    }

    /* View specific */
    .grid-link-button.view {
        color: #5191d5;
        font-weight: bolder;
        font-size: 11px;
        background-color: #fbfafa;
        /*border: 1px solid #a32c22;*/
    }

        .grid-link-button.view:hover {
            background-color: #5191d5;
            color: white;
        }
    .grid-link-button.disable.view {
        color: #5191d5!important;
        font-weight: bolder!important;
        font-size: 11px!important;
        background-color: #fbfafa!important;
        /*border: 1px solid #a32c22;*/
    }

    /* View specific */
    .grid-link-button.RejectToSubmit {
        color: #6c757d;
        font-weight: bolder;
        font-size: 11px;
        background-color: #fbfafa;
        /*border: 1px solid #a32c22;*/
    }

        .grid-link-button.RejectToSubmit:hover {
            background-color: #6c757d;
            color: white;
        }
    .grid-link-button.disable.RejectToSubmit {
        color: #6c757d!important;
        font-weight: bolder!important;
        font-size: 11px!important;
        background-color: #fbfafa!important;
        /*border: 1px solid #a32c22;*/
    }
    /* Optional: icon spacing override if needed */
    .grid-link-button i {
        font-size: 14px;
    }



/*.custom-pager {
    text-align: center !important;
  
    direction: ltr;*/
    /*padding: 10px;*/
/*}
    .custom-pager td table {
        margin: auto;
    }
    .custom-pager a, .custom-pager span {
        padding: 5px 10px;
        margin: 0 5px;
        text-decoration: none;
        color: #609dc6;
        background-color: #fff;
        font-weight: 600;
        font-size: small;*/
        /*border-radius: 3px;*/
    /*}

    .custom-pager a {*/
        /*background-color:;*/
        /*color: #609dc6;
    }

        .custom-pager a:hover, .custom-pager span {*/
            /*background-color: #609dc6;*/
            /*border-bottom: 2px solid #46aef7;
        }

    .custom-pager .pager-current {*/
        /*background-color: #609dc6;*/
        /*border-bottom: 2px solid #46aef7;
        color: #fff;
    }*/