.mydatagrid {
    width: 100%;
    min-width: 80%;
    margin-left: auto;
    margin-right: auto;
    border: 0px !important;
    padding: 0;
}

.header {
    font-family: Arial;
    color: White;
    border: none 0px transparent;
    height: 25px;
    text-align: left;
    font-size: 16px;
}

.rows {
    background-color: #fff;
    font-family: Arial;
    font-size: 14px;
    color: #000;
    min-height: 25px;
    text-align: left;
    border: none 0px transparent;
}

    .rows:hover {
        font-family: Arial;
        color: #000000;
        text-align: left;
    }

.smallRows {
    background-color: #fff;
    font-family: Arial;
    font-size: 14px;
    color: #000;
    min-height: 15px;
    max-height: 20px !important;
    text-align: left;
    border: none 0px transparent;
}

    .smallRows:hover {
        font-family: Arial;
        color: #000000;
        text-align: left;
    }

.selectedrow {
    font-family: Arial;
    color: #fff;
    font-weight: bold;
    text-align: left;
}

.mydatagrid a {
    /*padding: 5px 5px 5px 5px;*/
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

    .mydatagrid a:hover {
        background-color: #4a96ff;
        color: #fff;
    }

/*.mydatagrid span {
    padding: 5px 5px 5px 5px;
}*/

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

.mydatagrid td {
    padding: 5px;
}

.mydatagrid th {
    padding: 5px;
}

.RadGrid .rgFooter > td {
    padding: 10px 15px !important;
}

/*.RadGrid .rgFooter > td > input {
        padding: .375rem .30rem !important;
    }

    .RadGrid .rgFooter > td > select {
        padding: .375rem .30rem !important;
    }*/

.RadGrid .rgFilterBox {
    width: 80%;
}

/*.RadGrid td a {
    color: #ffffff !important;
}*/


.GridToolTip_Bootstrap {
    visibility: hidden
}

/*.mydatagrid .rgSelectedRow td {
    background-color: red !important;
}*/

.RadGrid .rgFilter {
    background-color: transparent !important;
    border-color: transparent !important;
    padding: 5px 6px 6px 6px !important;
    height: 0% !important;
}

.RadGrid .t-font-icon, .RadTreeList .t-font-icon, .RadCalendar .t-font-icon {
    border-color: #adadad !important;
    color: #333;
    background-color: #e6e5e5 !important;
}

/*for paging buttons*/
.rgPager .rgPagerCell .NextPrevAndNumeric .rgWrap > button > span {
    border-color: #adadad !important;
    color: #333;
    background-color: transparent !important;
    padding: 0px;
}


.RadGrid .rgFilterActive, .RadGrid .rgFilterActive:hover, .RadGrid .rgFilterActive:focus {
    box-shadow: inset 0 0 6px rgba(0,0,0,0) !important;
}

.RadGrid .rgFilterBox {
    padding: 2px 12px !important;
}

/*.RadGrid .rgFooter > td > [type="checkbox"], .RadGrid .rgEditRow > td > [type="checkbox"], .RadGrid .rgFilterRow > td > [type="checkbox"] {
    margin: 5px;
}

.RadGrid .rgRow > td > span, .RadGrid .rgAltRow > td > span, .RadGrid .rgEditRow > td > span {
    padding: 0px 5px !important;
}*/

.RadGrid .rgFilterRow > td {
    padding-left: 20px 0px 20px 0px !important;
}

.RadGrid td a {
    color: #ffffff !important;
}

.RadGrid .rgFooter > td > a, .gridButtons > a {
    color: #ffffff !important;
}

.RadGrid .rgPagerCell .rgNumPart a.rgCurrentPage {
    color: black !important;
}

.RadGrid .rgPagerCell .rgNumPart a {
    color: black !important;
}

.RadGrid a.rcCalPopup, .RadGrid a.rcTimePopup {
    color: black !important;
}

.RadGrid .rgHeader {
    color: White !important;
    background-color: #00A5DB !important;
}

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

    .RadGrid .rgAltRow .rgExpandIcon {
        background-color: #B3B5B8 !important;
    }

.RadGrid .rgHeader, .RadGrid .rgHeader a {
    color: White !important;
}

.RadGrid .rgSorted {
    background-color: transparent !important;
}


.RadGrid .rgHeader.rgSorted {
    color: White !important;
    background-color: #00A5DB !important;
}


.RadGrid .rgSortDescIcon,
.RadGrid .rgSortAscIcon {
    color: White !important;
    background-color: #00A5DB !important;
}

.gridButtons a:hover {
    background-color: #0056b3;
}


/* Hide on mobile (<768px) */
@media (max-width: 767.98px) {
    .col-hide-mobile {
        display: none !important;
    }
}

/* Hide on tablet (<992px) */
@media (max-width: 991.98px) {
    .col-hide-tablet {
        display: none !important;
    }
}


.status-label {
    padding: 5px 10px;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    display: inline-block;
}

.RadGrid td a.url-style-link {
    color: #337ab7 !important;
}

/*.RadGrid .rgFilterRow .RadPicker {
    vertical-align: middle !important;
    display: inline-block !important;
    width: auto !important;
    line-height: 1.42857143 !important;
    margin-right: 5px !important;
}*/


/*.RadGrid .rgFilterRow > td .RadInput,
.RadGrid .rgFilterRow > td .RadDatePicker {
    display: block !important;  
    margin-bottom: 5px;  
}

.RadGrid .rgFilterRow > td div {
    display: block !important;
}*/