th.rgHeader {
    background-color: #102e47 !important;
    color: white !important;
    font-weight: bold !important;
}

    th.rgHeader a {
        color: white !important;
        font-weight: bold !important;
    }

div.RadUpload .ruBrowse {
    background-position: 0 -46px !important;
    width: 115px !important;
}

.qsf-demo-canvas {
}


    .qsf-demo-canvas .file-list {
        margin: 20px 0 0 0;
        display: none;
    }

        .qsf-demo-canvas .file-list ul {
            margin: 10px 0 0 0;
            padding: 0;
            list-style: none;
        }

        .qsf-demo-canvas .file-list li {
            margin: 10px 0 0 0;
        }

/** Validation error */
.ruError {
    padding: 5px 5px 5px 20px;
    border: 1px solid #ef0000;
    background: #f9e8e8;
}

    .ruError .ruFileWrap {
        height: auto;
        overflow: visible !important;
        display: block;
    }

    .ruError .ruUploadProgress {
        margin-left: -18px;
        display: block;
    }

    .ruError .ruUploadFailure {
        background-position: 2px 80%;
    }

    .ruError .ruErrorMessage {
        display: block;
        font-variant: small-caps;
        text-transform: lowercase;
    }
    /* Error */
    .ruError .ruErrorMessage {
        color: #ef0000;
        font-variant: small-caps;
        text-transform: lowercase;
        padding-bottom: 0;
    }

.rgNoRecords td {
    font-style: italic;
    font-weight: bold;
    color: Red;
    padding-top: 5pt;
    padding-bottom: 5pt;
    text-align: center !important;
}

.rwFileErrorDialogMessage {
    padding-top: 20px;
    padding-left: 50px;
}

.rgAltRow {
    background-color: #ffffff !important;
}

.rgSorted {
    background-color: #f9f6f4 !important;
}
.RadGrid .rgHeader .rgSortAsc,
.RadGrid .rgHeader .rgSortDesc {
    color: white !important;
    fill: white !important; /* for SVG icons */
    /* If the icon is a background image, you may need to use a filter or swap the image */
}

.RadGrid .rgHoveredRow > td {
    background: #f9f6f4 !important;
}