.highlightText {
    background-color: yellow !important;
}


.no-detail-padding.k-grid > .k-grid-header {
    background-color: blue;
}

.no-detail-padding.k-grid .k-grid-content {
    overflow-y: hidden;
}

.k-grid .k-grid-header .k-header {
    padding-right: 0 !important;
    border-bottom: none;
    background-color: #00214A;
    color: white;
}

.k-grid-page-button {
    width: 40px; 
    height: 30px; 
    border: none;
}


.k-grid th.center-wrap {
    justify-content: center;
    text-align: center;
    white-space: normal;
    vertical-align: middle;
}

.k-grid th.center-wrap .k-column-title {
        white-space: normal;
 }

.k-grid .k-grid.k-grid-content {
    overflow-y: hidden;
}


.no-headers-grid > div > div.k-grid-header {
    display: none;
}

.k-grid tr.no-children td.k-hierarchy-cell * {
    display: none;
}

.k-grid tr.no-children td.k-hierarchy-cell {
    pointer-events: none;
}

.rbClearButton,
.rbClearButton:hover {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    color: #000 !important;  optional, depending on the background 
}

#srbuttons .k-button-solid-base {
    border: 0px transparent !important;
    color: #00214A !important;
    text-decoration: underline !important;
    background-color: transparent !important;
}

    #srbuttons .k-button-solid-base:active {
        border: 0px transparent !important;
        color: #00214A !important;
        text-decoration: underline !important;
        background-color: transparent !important;
    }

    #srbuttons .k-button-solid-base:focus {
        border-color: #00214A !important;
        color: #ffffff !important;
        background-color: #00214A !important;
        text-decoration: none !important;
    }

    #srbuttons .k-button-solid-base:target {
        background-color: transparent !important;
    }

.rbHyperlink {
    color: #0d6efd !important;
    text-decoration: underline;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
}
.rddlTextNoWrap {
        width: 250px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }


.buttonPrimary {
    background-image: none !important;
    border: none !important;
    color: #ffffff !important;
    background-color: #00214A !important;
}

.grid-no-scroll .k-grid-content {
    overflow-y: auto;
}

.grid-no-scroll .k-grid-header,
.grid-no-scroll .k-grid-footer {
    padding-right: 0; /* version 2.26 and older requires !important here */
}

.grid-no-scroll .k-grid-header-wrap,
.grid-no-scroll .k-grid-footer-wrap {
    border-right-width: 0;
}

#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999;
    bottom: 0;
}

/*#loading-image {
    position: absolute;
    top: 30%;
    left: 43%;
    height: 200px;
    width: 200px;
    background-position: center;
    background-image: url(/Images/preloader.gif);
    background-repeat: no-repeat;
}*/

#loading-image {
    position: absolute;
    top: 30%;
    left: 40%;
    height: 300px;
    width: 400px;
    background-position: center;
    background-repeat: no-repeat;
}
td.k-table-td a {
    color: #0d6efd;
    text-decoration: underline;
}
@media (min-width: 1200px) {
    input #myComboBox {
        width: 500px;
    }
}
@media (min-width: 768px) {
    input#myComboBox {
        width: 100%;
    }
}