.loading {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(https://proddevsharedappassets.blob.core.windows.net/publicsharedwebcontents/HLSRCode/Images/ajax/ajax-loader_blue.gif) center no-repeat #fff;
    background-color: transparent;
}

h2 {
    color: #002E5D;
}
h3 {
    color: #002E5D;
}
h4 {
    color: #002E5D;
}


table.style1 {
    border-color: gray !important;
    border-style: solid;
    border-width: thin;
    width: 100%;
    max-width: none;
}

table.style1 th {
    color: white;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 4px;
    background: #0076A9;
    border: 1px solid #777;
    font-weight: bold;
    text-align: center;
}

table.style1 td {
    padding: 2px;
    border: 1px solid #777;
    font-size: 12px;
}

table.style1 td a {
    font-size: 13px;
}

.modal-header {
    background-color: #3276b1 !important;
    text-align: center !important;
    padding: 10px 10px 10px 130px !important;
}

.modal-title {
    font-weight: bold !important;
    text-align: center !important;
}

.modal-body input {
    font-size: 14px !important;
}

    .rodeo {
        background-color: lightgray;
    }

    .rodeo.normal {
        background-color: #f46c1f;
        color: White;
        border: solid 1px #f46c1f;
    }
    .rodeo.normal a:hover {
        background-color: #337ab7 !important;
    }

    .rodeo.active {
        background-color: #337ab7;
        color: White;
        border: solid 1px #ffffff;
    }

    .rodeo .btn {
        background-color: #f46c1f;
        color: white;
        height: 32px !important;
        padding-top: 5px !important;
    }
    .rodeo .btn:hover{
        background-color: #337ab7 !important;
    }

    .pager{
        height:45px !important;
    }
    .pager li > a:hover {
        background-color: #337ab7 !important;
    }

    .disabled{
        color: lightgrey !important;
    }

.ui-iggrid-headercaption{
    padding: .2em .4em .2em .4em !important;
    text-align: left !important;
}

.highlightedRow {
    background-color: #d9edf7;
    color: black !important;
}

@media (min-width: 768px) {
    .forceLeftSMMD{
        text-align: left;
    }

    .forceRightSMMD {
        text-align: right !important;
    }
}

@media (max-width: 768px) {
    .smMarginLeft {
        margin-left: 0px !important;
    }
}