body {
    direction: rtl;
}

.navbar-nav .nav-item:hover {
    background-color: #f8f9fa;
}

details {
    margin: 20px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

summary {
    font-weight: bold;
    cursor: pointer;
    padding-bottom: 10px;
}

details[open] {
    background-color: #f0f0f0;
}


.HideCol {
    display: none;
}

/**********GridView**********/
.WrapStyle {
    word-break: break-all !important;
    white-space: break-spaces !important;
}


tr.NormalRow {
    background-color: #fff !important;
}

    tr.NormalRow:hover, tr.NormalRow.over {
        cursor: pointer !important;
        cursor: hand !important;
        background-color: yellow !important;
    }

tr.AlternativeRow {
    background-color: #eee !important;
}

    tr.AlternativeRow:hover, tr.AlternativeRow.over {
        cursor: pointer !important;
        cursor: hand !important;
        background-color: yellow !important;
    }

.SelectedRow td {
    background-color: #a3ddbd !important;
    color: black !important;
    font-weight: bold;
}


/*------------------ Table Row Height ------------*/
.table td, .table th {
    padding: .25rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    vertical-align: middle;
}

/******************************************GridView Pagination ***************************************************/
/*gridview*/
.table table tbody tr {
    border: none;
}

    .table table tbody tr td {
        padding: 1px;
        border: none;
    }

        .table table tbody tr td a,
        .table table tbody tr td span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            color: #337ab7;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }

.table table > tbody > tr > td > span {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.table table > tbody > tr > td:first-child > a,
.table table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.table table > tbody > tr > td:last-child > a,
.table table > tbody > tr > td:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.table table > tbody > tr > td > a:hover,
.table table > tbody > tr > td > span:hover,
.table table > tbody > tr > td > a:focus,
.table table > tbody > tr > td > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}