/* 
Generic Styling, for Desktops/Laptops 
Responsive table style.
*/

table.RD-table
{
    border: 1px solid #ccc;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

table.RD-table tr
{
    border: 1px solid #ddd;
    padding: 5px;
}

table.RD-table th,
table.RD-table td
{
    padding: 10px;
}

table.RD-table th:hover,
table.RD-table td:hover
{
    cursor: pointer;
}

table.RD-table th
{
    font-size: 12px;
    letter-spacing: 1px;
}

table.RD-table td.rgGroupCol
{
    background-color: inherit;
}

table.RD-table .link-view
{
    vertical-align: middle;
}

table.RD-table .link-view a
{
    text-decoration: underline;
    width: 32px;
    height: 32px;
    display: inline-block;
    border: 1px solid #BDBDBD;
    z-index: 1000;
    background: url("/StylesLibs/images/view_detail_32.png") no-repeat center;
    background-color: #DAE7F5;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

table.RD-table .link-view a:hover
{
    background-color: #87DDFE;
}


/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 767px
and also iPads specifically.
*/
@media screen and (max-width: 967px)
{
    table.RD-table
    {
        border: 0;
    }

    table.RD-table caption
    {
        text-align: left !important;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    table.RD-table thead,
    table.RD-table th
    {
        display: none;
    }

    table.RD-table tr
    {
        margin-bottom: 7px;
        display: block;
        border-bottom: 2px solid #ddd;
    }

    table.RD-table td.rd-td
    {
        display: block;
        min-height: 20px;
    }

    table.RD-table td:last-child
    {
        border-bottom: 0;
    }

        table.RD-table td.rd-td:before {
            content: attr(data-label);
            display:block;
            white-space: pre;
            float: none;
            font-weight: bold;
            font-size: 13px;
            text-align: justify;
        }

    table.RD-table td.rd-td .row
    {
        margin-left: 50% !important;
    }

    table.RD-table td.rgGroupCol
    {
        display: none;
    }

    table.RD-table tfoot tr,
    table.RD-table tfoot td
    {
        border: 0px solid #b4c5d9 !important;
    }

    table.RD-table tr.rgPager tr,
    table.RD-table tr.rgPager td
    {
        border: 0px solid #b4c5d9 !important;
    }

    table.RD-table tr.rgPager div.rgAdvPart div.RadComboBox
    {
        width: 60px !important;
        margin-top: -3px !important;
    }


    /*for specific table to do small adjustment. */
    table.RD-table .gridview-unsubmit-time-item
    {
        text-align: left;
    }

    table.RD-table .gridview-unsubmit-button-item
    {
        width: inherit;
        text-align: left;
    }

    table.RD-table tr.ar-rd-table td.rd-td:before
    {
        background: url("/StylesLibs/bg-images/table_cell_v1_key.png") repeat-x scroll center top #EEEEE0;
        padding-right: 10px;
    }

    table.RD-table .link-view a
    {
        text-decoration: underline;
        font-weight: bold;
    }

    #page-of-ddi .membervalue-grid tr:first-child,
    #page-of-ddi .membervalue-grid td
    {
        border: none !important;
    }

    #page-of-ddi .membervalue-grid .row .textbox
    {
        margin-top: 5px;
    }

    table.disbursement-grid tr:first-child,
    table.disbursement-grid td
    {
        border: none !important;
    }

    table.disbursement-grid .footer
    {
        min-width: 50%;
        float: right;
    }


    table.membervalue-grid .item-member-rate
    {
        text-align: inherit !important;
    }

    table.membervalue-grid div.member-rate-wrapper
    {
        text-align: right !important;
        padding-right: 15px;
    }

    .new-timeline-grid .timeentry-newline-button
    {
        margin-top: 10px !important;
    }


    .ddi-text-center
    {
        text-align:left !important;
    }
}


/* fixed header for first column*/
div.RD-fixedheader-wrapper
{
    width: 100%;
    overflow-x: scroll;
    margin-left: 200px;
    overflow-y: visible;
    padding-bottom: 1px;
    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
}


table.RD-fixedheader
{
    border-collapse: separate;
    border-top: 3px solid grey;
}

table.RD-fixedheader td,
table.RD-fixedheader th
{
    margin: 0;
    /*border: 1px solid grey;*/
    border-top-width: 0px;
    white-space: nowrap;
}

table.RD-fixedheader .headcol
{
    position: absolute;
    width: 220px;
    left: 0;
    top: auto;
    border-right: 0px none black;
    border-left:1px solid grey;
    border-top-width: 1px;   
    height:26px;
    /*margin-top: -18px;*/ 
}

table.RD-fixedheader  .first-headcol
{   
    border-top: 1px solid grey;    
}

table.RD-fixedheader .headcol:before
{
    content: '';
}

table.RD-fixedheader .long
{
    /*background:yellow;    
    letter-spacing:1em;*/
}

@media screen and (max-width:500px)
{
    div.RD-fixedheader-wrapper
    {
        margin-left: 100px;
        width: -moz-calc(100% - 100px);
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
    }

    table.RD-fixedheader .headcol
    {
        /*width: 100px;*/
    }
}