/*
    __________________________________________________________________________________________________________
    ANY MODIFICATIONS WILL AFFECT ALL THE AREAS BELOW
    ___________________________________________________________________________________________________________

    --Network: provider search and provider uder group
               ProviderVGAffiliation current assigment and search
               Provider Audit search result
               Provider Special Contract search result
               Taxonomy Search
               Dashboard
               OONS Notes popup
               CP/Apl Notes
    -----------------------------------------------------
    --Imaging: Provider Search for intexing
               BatchControlList to display batches
               AuditTrail under view documents deatails
               CaseMgmtSearch search reasulr(repeater)
               ViewDocuments
    ------------------------------------------------------
    --Repricing: Notes and notes line popup, 
                 Bill tracker
                 Credit and Appeal tab transactions grid
                       CP fee Audit History, access by CP fee bytton, then A icon on Invoice record
                       legal Assigment History popup
                 Appointment grid on Bill Details tab
                 BillARDetails Popup, access by button on Invoiced bill
                 Dashboard  Multiple Queues sections
                        Work, Bill Entry
                        Batch pick Queue
                        Bill Entry Queue
                        public Status Queues
                 Bill Header 
                        provider Info popup
                        OONS notes
                        OONS info

    -----------------------------------------------------
    --DPR Match/Auto: Dpr list on Bill details
                      Dashboard
    -----------------------------------------------------
   
            
--SAMPLE OF HOW TO APPLY----------------------------------------------------
  <div class="divScrollGrid" style="max-height: 310px;"> --pick from div section correct wrap
  <table class="tableScrollGrid">
    <thead>
      <tr class="sticky">
        <th style="width:200px">Column 1</th>
        <th style="width:200px">Column 2</th>

--repeater
    	    <div id="DivXXXX" class="divScrollGrid" style="max-height:300px;">   
                    <table id="tblAudit" cellpadding="0px" cellspacing="0px" class="tableScrollGrid">                       
                        <thead>
                            <tr class="sticky">
                                <th>XXXXXXX</th>
                            </tr>
                        </thead>                        
                        <tbody > 
                        <asp:Repeater ID="gvXXXXX" runat="server">  
                            <ItemTemplate>
                                <tr>
                                    <td style="width: 150px"></td>
                                </tr>
                            </ItemTemplate>
                        </asp:Repeater>
               </tbody></table>  
        </div>
*/

.gridview-container {
    color: var(--textColor);
    font-size: 11px;
    font-family: var(--textFontBase);
    border: 1px solid var(--borderColor);
    overflow-y: auto;
    overflow-x: hidden;
    cursor: pointer;
}
    /* Keeps the top header row visible while scrolling */
    .gridview-container tr:first-child th {
        line-height: 18px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        text-align: center;
        padding: 0px 2px 0px 2px;
        height: 35px;
        font-size: 11px;
        border-right: 1px solid var(--borderColor);
        border-bottom: 1px solid var(--borderColor);
        background-color: var(--stickyBackground);
        top: 0;
        z-index: 1; 
        position: sticky;
    }

    .gridview-container td {
        text-align: center;
        padding: 0px 2px 0px 2px;
        height: 30px;
        font-size: 11px;
        border-right: 1px solid var(--borderColor);
        border-bottom: 1px solid var(--borderColor);
    }


/* Style for odd rows */
.gridview-container tr:nth-child(odd) {
    background-color: var(--oddRowColor);
}

/* Style for even rows */
    .gridview-container tr:nth-child(even) {
        background-color: var(--evenRowColor);
    }
/* DIV WRAP SECTION--------------------------------------------------------------------------------------*/
/* basic across the system, add style with width to div controll*/
.divScrollGrid {
    color: var(--textColor);
    font-size: 11px;
    font-family: var(--textFontBase);
    border: 1px solid var(--borderColor);
    overflow-y: auto;
    overflow-x: hidden;
    cursor: pointer;
}
/*For dashboards Queues*/
.divDashboardQueue {
    color: var(--textColor);
    max-height: 310px;
    font-size: var(--textFontDefaultSize);
    font-family: var(--textFontDashboard);
    overflow-y: auto;
    overflow-x: hidden;
    line-height: 20px;
    cursor: pointer;
}

/* table wrap SECTION--------------------------------------------------------------------------------------*/

    .tableScrollGrid { border-spacing: 0;}

    .tableScrollGrid thead {
        
        line-height: 18px; 
        letter-spacing: 0.05em;
        text-transform: uppercase;
        
    } 
    .tableScrollGrid thead tr.sticky {
        position: sticky;
        top: 0;
        z-index: 1;
        background: var(--stickyBackground);
    }
    .tableScrollGrid thead th {
        text-align: center;
        padding: 0px 2px 0px 2px;
        border-right: 1px solid var(--borderColor);   
        border-bottom: 1px solid var(--borderColor);

    }

    .tableScrollGrid tbody tr:last-child td {
        border-bottom: none;
    }

    .tableScrollGrid tbody td {
        text-align: center;
        padding: 0px 2px 0px 2px;
        min-height: 18px;
        border-right: 1px solid var(--borderColor);
        border-bottom: 1px solid var(--borderColor);
    }

    /* Style for odd rows */
        .tableScrollGrid tbody tr:nth-child(odd) {
            background-color: var(--oddRowColor);
           
        }

    /* Style for even rows */
        .tableScrollGrid tbody tr:nth-child(even) {
            background-color: var(--evenRowColor);
        }

    .tableScrollGrid thead th.sticky{
        position: sticky;
        left: 0;
        background: var(--stickyBackground);
        border-right: 1px solid var(--borderColor);
    }
        .tableScrollGrid table.inner-table tr:first-child td {
            text-align: center;
            height: 100%;
            width: 100%;
            border: none;
            background: none;
        }
        .tableScrollGrid table.inner-table tr:nth-child(odd) {
            background: none;
        }

/* Style for even rows */
        .tableScrollGrid table.inner-table tr:nth-child(even) {
            background: none;
        }
/* table wrap for View documents SECTION--------------------------------------------------------------------------------------*/

.tableViewDocumnets {
    border-spacing: 0;
}

    .tableViewDocumnets thead {
        line-height: 18px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

        .tableViewDocumnets thead tr.sticky {
            position: sticky;
            top: 0;
            z-index: 1;
            background: var(--stickyBackground);
        }

        .tableViewDocumnets thead th {
            text-align: center;
            padding: 0px 2px 0px 2px;
            border-right: 1px solid var(--borderColor);
            border-bottom: 1px solid var(--borderColor);
        }

    .tableViewDocumnets tbody tr:last-child td {
        border-bottom: none;
    }

      /* Style for every two rows rows */
    .tableViewDocumnets tbody tr:nth-child(4n+1), .tableViewDocumnets tbody tr:nth-child(4n+2) {
        background-color: var(--oddRowColor);
    }
    .tableViewDocumnets tbody tr:nth-child(4n+3), .tableViewDocumnets tbody tr:nth-child(4n+4) {
        background-color: var(--evenRowColor);
    }

    .tableViewDocumnets tbody td {
        text-align: center;
        padding: 0px 2px 0px 2px;
        min-height: 18px;
        border-right: 1px solid var(--borderColor);
        border-bottom: 1px solid var(--borderColor);
    }

   

    .tableViewDocumnets thead th.sticky {
        position: sticky;
        left: 0;
        background: var(--stickyBackground);
        border-right: 1px solid var(--borderColor);
    }

    .tableViewDocumnets table.inner-table tr:first-child td {
        text-align: center;
        height: 100%;
        width: 100%;
        border: none;
        background: none;
    }
    .tableViewDocumnets table.inner-table tr {
        background: none;
    }