.rfs-grid {
    border-collapse: collapse;
    empty-cells: show;
    width: 100%;
    clear: both;
}


.rfs-grid-cont {
    border: 2px solid #efefef; /* Defines the border style, width, and color */
    border-radius: 8px; /* Rounds all four corners with a 25px radius */
    /*padding: 20px;*/ /* Adds space between the border and content */
    /*width: 200px;
    height: 150px;*/
    background-color: #FFFFFF;
}

    .rfs-grid-cont > .table > :not(:first-child) {
        border-top: 2px solid #efefef;
        margin-top:5px;
    }



.rfs-grid th {
    vertical-align: middle;
    color: #000;
    background-color: #f4f4f4;
}

.rfs-grid TD {
    vertical-align: middle;
    padding: 8px;
}

.rfs-grid-header {
    text-align: left;
}


.rfs-row {
    border-top: 2px solid #efefef;
    border-bottom: 0px solid #FFF;
    border-left: 0px solid #FFF;
    border-right: 0px solid #FFF;
}


    .rfs-row.selected-row {
        background: #d1d1d1 !important;
    }

        .rfs-row.selected-row td {
            background: #d1d1d1 !important;
        }


.selected-row input[type="text"]:focus.edit-cell {
    background: yellow;
    background-color: yellow;
}


/* 1. Default for all rfs-rows */
.table > tbody > tr.rfs-row > * {
    background-color: white !important;
}

/* 2. Stripe ONLY if NOT selected */
/*.table > tbody > tr.rfs-row:not(.selected-row):nth-child(even of .rfs-row) > * {
    background-color: #f2f2f2 !important;
}*/

/* 3. Selection Always Wins */
.table > tbody > tr.rfs-row.selected-row > * {
    background-color: #d1d1d1 !important;
}



.grid-filter {
    margin-left: 10px;
}

.grid-filter-advanced {
    margin-left: 5px;
    font-style: italic;
}

.grid-filter-advanced-data {
    margin-left: 5px;
    font-style: italic;
    font-weight: bold;
}

.rfs-column a {
    color: #000000 !important;
    text-decoration: none !important;
}

.rfs-column span {
    /*color: #000000;*/
    text-decoration: none;
}

.sort-asc {
    background: url(/content/Images/Grid/UpArrow.gif) no-repeat center;
    margin-left: 5px;
}

.sort-desc {
    background: url(/content/Images/Grid/DownArrow.gif) no-repeat center;
    margin-left: 5px;
}

.rfs-drill {
    background: url(/content/Images/Grid/Go.svg) no-repeat center;
    width: 24px;
    height: 20px;
}

    .rfs-drill:hover {
        cursor: pointer;
    }

/* filter */
.rfs-filter {
    text-align: left;
}

    .rfs-filter label {
        font-weight: normal;
        text-align: left;
        white-space: nowrap;
        margin-top: 5px;
    }

.rfs-filter-records {
    font-size: .87em;
    font-style: italic;
    padding-left: 5px;
}

/* pager */
.rfs-pager-data {
    float: right;
    margin: 5px 0 !important;
}

.rfs-pager-bottom {
    /*margin-top: -15px;*/
   /* height:125px;
    padding-right:2px;*/
}


.rfs-grid-body {
    clear: both;
}

input[type="text"].rfs-grid-input {
    width: 1px;
    height: 1px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    left: -500px;
}

.rfs-grid-header {
    text-align: left;
}

    .rfs-grid-header .rfs-link {
        text-decoration: none;
        color: #000000;
        display: block;
        border-bottom-width: 0px;
        border-top-width: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
    }

.selected-row input[type="text"]:focus.edit-cell {
    background: yellow;
    background-color: yellow;
}

.rfs-column a {
    color: #000000;
    text-decoration: none;
}

.rfs-column span {
    /*color: #000000;*/
    text-decoration: none;
}

.sort-asc {
    background: url(/content/Images/Grid/UpArrow.gif) no-repeat center;
    margin-left: 5px;
}

.sort-desc {
    background: url(/content/Images/Grid/DownArrow.gif) no-repeat center;
    margin-left: 5px;
}

.rfs-grid-body {
    clear: both;
}

input[type="text"].rfs-grid-input {
    width: 1px;
    height: 1px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    float: right;
}