.mydatagrid {
    border: solid 2px black;
    /*min-width: 80%;*/
    width: 100%;
}

.header {
    background-color: #201E53;
    font-family: Arial;
    color: White;
    height: 25px;
    /*text-align: center;*/
    font-size: 13px;
}

.rows {
    background-color: #fff;
    font-family: Arial;
    font-size: 10px;
    color: #000;
    min-height: 25px;
    /*text-align: center;*/
}

    .rows:hover {
        background-color: #5badff;
        color: darkgoldenrod;
    }

.mydatagrid .rows a:hover {
    background-color: #fff !important;
    color: darkgoldenrod !important;
}

.mydatagrid .rows a {
    font-family: Arial !important;
    font-size: 10px !important;
    color: #000 !important;
    min-height: 25px !important;
    text-align: left !important;
    font-weight: normal !important;
}

.mydatagrid a /** FOR THE PAGING ICONS **/ {
    background-color: Transparent;
    padding: 5px 5px 5px 5px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

    .mydatagrid a:hover /** FOR THE PAGING ICONS HOVER STYLES**/ {
        background-color: white;
        color: #000080;
    }

.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/ {
    background-color: #fff;
    color: #000;
    padding: 5px 5px 5px 5px;
}

.pager {
    background-color: #201E53;
    font-family: Arial;
    color: White;
    height: 30px;
    text-align: left;
}

.mydatagrid td {
    padding: 5px;
}

.mydatagrid th {
    padding: 5px;
}

.mydatagridSCOrder {
    border: solid 2px black;
    /*min-width: 80%;*/
    width: 100%;
    font-size: 13px !important;
}

#OrderReportsTable rows {
    font-size: 12px !important;
}

.headerSCOrder {
    background-color: #201E53;
    font-family: Arial;
    color: White !important;
    height: 25px;
    /*text-align: center;*/
    font-size: 13px;
    white-space: nowrap;
}

.rowsSCOrder {
    background-color: #fff;
    font-family: Arial;
    font-size: 13px;
    color: #000;
    min-height: 25px;
    /*text-align: center;*/
}

.mydatagridSCOrder .rows a {
    font-family: Arial !important;
    font-size: 13px !important;
    color: #000 !important;
    min-height: 25px !important;
    text-align: left !important;
    font-weight: normal !important;
}

.mydatagridSCOrder .headerSCOrder a {
    font-family: Arial !important;
    font-size: 13px !important;
    color: White !important;
    min-height: 25px !important;
    text-align: left !important;
    font-weight: normal !important;
}