/* +Over-write jQueryUI css for our site*/
.ui-front {
    z-index: 10000;
}

.ui-dialog {
    -webkit-box-shadow: 1px 1px 5px #7db9e8;
    -moz-box-shadow: 1px 1px 5px #7db9e8;
    box-shadow: 1px 1px 5px #7db9e8;
}

    .ui-dialog .ui-dialog-titlebar {
        height: 20px;
        border-width: 0;
        padding: 1px;
        margin: 0;
        font-size: 12px;
        color: #fff;
        background: #095ba7;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#095ba7), color-stop(100%,#2989d8), color-stop(100%,#7db9e8));
        background: -webkit-linear-gradient(left, #095ba7 0%,#2989d8 100%,#7db9e8 100%);
        background: linear-gradient(to right, #095ba7 0%,#2989d8 100%,#7db9e8 100%);
        background: linear-gradient(to left, rgba(165,201,239,1), rgba(9, 91, 167, 1));
    }

    .ui-dialog .ui-dialog-title {
        margin: 2px 5px;
        color: #fff;
    }

.ui-widget-overlay {
    background: #eeeeee url("images/ui-bg_diagonals-thick_90_eeeeee_40x40.png") 50% 50% repeat;
    opacity: .01;
    filter: Alpha(Opacity=01); /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: -7px -7px 7px #000000;
    box-shadow: -7px -7px 7px #000000;
}

.ui-dialog .ui-dialog-buttonpane { 
    text-align: center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
    float: none;
}
/* -Over-write jQueryUI css for our site*/
/* +Over-write jQueryUI Timeout Specific css for our site*/
.ui-dialog div#adcTimeout_Warning{
    color:#004686;
    font-family: arial, sans-serif;
	font-size: 14px;
    line-height:16px;
    font-weight:normal;
}
.ui-dialog p.dialogTimeoutWarning{
    font-weight:normal;
    font-style:italic;
}
.ui-dialog p.dialogTimeRemaining{
    display:inline;
    font-weight:bold;
}
.ui-dialog div#adcTimeout_Warning div#countdownDisplay{
    display:inline;
    font-size: 14px;
    font-weight:bold;
}
/* -Over-write jQueryUI Timeout Specific css for our site*/

/* +Over-write jQueryGrid css for our site*/
.ui-jqgrid {
    margin-top: 5px !important;
}

    .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td, .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td span {
        border: 0 none !important;
        font-weight: bold !important;
        color: #000 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        -ms-text-overflow: ellipsis !important;
        -o-text-overflow: ellipsis !important;
        text-overflow: ellipsis !important;
    }

        .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td a {
            color: #085BAB !important;
            text-decoration: none !important;
        }

            .ui-jqgrid .ui-jqgrid-bdiv tr.ui-row-ltr > td a:hover {
                text-decoration: underline !important;
            }

    .ui-jqgrid .ui-jqgrid-bdiv tr.jqGrid_disabledRow > td a {
        text-decoration: none !important;
        pointer-events: none !important;
    }

        .ui-jqgrid .ui-jqgrid-bdiv tr.jqGrid_disabledRow > td a:hover {
            text-decoration: none !important;
            cursor: default;
            pointer-events: none;
        }

table.ui-jqgrid-htable th {
    background: #085BAB !important;
    color: #fff !important;
    font-weight: bold !important;
    height: 24px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
}
table.ui-jqgrid-htable tr.jqg-first-row-header th{
 height:auto!important;
}
ui-jqgrid-view div.ui-jqgrid {
    background: #DAEDFE !important;
    color: #085BAB !important;
}

.ui-jqgrid .ui-pg-table .ui-pg-button {
    padding: 0 !important;
    margin: 0 !important;
}

    .ui-jqgrid .ui-pg-table .ui-pg-button .ui-pg-div {
        padding: 0 !important;
        margin: 0 !important;
    }

.ui-adc-add {
    padding: 0 !important;
    margin: 0 !important;
    width: 70px !important;
    height: 21px !important;
    background-image: url(./images/custom.png) !important;
    background-repeat: no-repeat !important;
    display: block !important;
    background-position: -5px -5px !important;
}

    .ui-adc-add:hover {
        background-position: -5px -67px !important;
    }

.ui-adc-add-disabled {
    padding: 0 !important;
    margin: 0 !important;
    width: 70px !important;
    height: 21px !important;
    background-image: url(./images/custom.png) !important;
    background-repeat: no-repeat !important;
    display: block !important;
    background-position: -5px -36px !important;
}
.ui-row-ltr td.jqgrid-rownum{
    background:none !important;
}
.jqGridOddRow {
    background: #E0F0FF !important;
    border-color: #79B7E7 !important;
    color: #000 !important;
}

.jqGridEvenRow {
    background: #fff !important;
}

.ui-state-hover.jqGridEvenRow {
    color: Magenta !important;
}

.ui-state-hover.jqGridOddRow {
    color: RoyalBlue !important;
}

.ui-state-highlight.jqGridEvenRow {
    background: #FFE080 !important;
}

.ui-state-highlight.jqGridOddRow {
    background: #FFE080 !important;
}

table.ui-jqgrid-htable tr th {
    text-align: left !important;
}
table.ui-jqgrid-htable tr th.ui-th-column-header {
    text-align: center !important;
}
.ui-jqgrid > .ui-jqgrid-pager {
    border-top: 1px solid #aed0ea !important;
}

a.printGridSection {
    background-image: url(./images/custom.png) !important;
    background-repeat: no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    background-position: -85px -73px;
    float: right;
    margin-top: -4px;
}

    a.printGridSection:hover {
        background-position: -115px -73px;
    }

a.printGridSectionDisabled {
    background-image: url(./images/custom.png) !important;
    background-repeat: no-repeat;
    display: block;
    width: 20px;
    height: 20px;
    background-position: -115px -73px;
    float: right;
    margin-top: -4px;
    cursor: default;
}

div#SingleUDInstance .UDSectionBorder {
    padding: 5px;
}

span.convertedCI {
    padding: 0 !important;
    margin: 0 !important;
    width: 20px !important;
    height: 20px !important;
    background: url(./images/custom.png) -145px -5px no-repeat !important;
    -moz-transform: scale(0.80);
    -ms-transform: scale(0.80);
    -o-transform: scale(0.80);
    -webkit-transform: scale(0.80);
    transform: scale(0.80);
    float: left;
}

    span.convertedCI:hover {
        background-position: -145px -40px !important;
    }

span.convertedDI {
    padding: 0 !important;
    margin: 0 !important;
    width: 20px !important;
    height: 20px !important;
    background: url(./images/custom.png) -115px -5px no-repeat !important;
    -moz-transform: scale(0.80);
    -ms-transform: scale(0.80);
    -o-transform: scale(0.80);
    -webkit-transform: scale(0.80);
    transform: scale(0.80);
    float: right;
}

    span.convertedDI:hover {
        background-position: -115px -40px !important;
    }
.input-readonly{z-index:900;border:none;margin:0;padding:0;position:absolute;opacity:0;cursor:auto;background-color:#fff;}
body.hasModal{top: 0;left: 0;right: 0;bottom: 0;position:fixed;overflow:hidden;}
/* -Over-write jQueryGrid css for our site*/
/** Preloader**/
#preloader{bottom: 0;right: 0;left: 0;position: absolute;z-index: 9999999;top: 25px;background: #fff;}
.spinnerContainer{width:32px;height:32px;display:inline-block;position: absolute;top: 50%;left: 50%; margin: -20px 0 0 -20px;}.smallSpinner{width:16px;height:16px}.spinner{width:24px;height:24px;position:relative;padding:4px;overflow:hidden;-webkit-animation-duration:1000ms;-moz-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:steps(8,end);-moz-animation-timing-function:steps(8,end);animation-timing-function:steps(8,end);-webkit-animation-name:rotate;-moz-animation-name:rotate;animation-name:rotate}.smallSpinner>.spinner{width:12px;height:12px;padding:2px}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0);transform:rotate(0)}to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.spinner>.ball{width:6px;height:6px;border-radius:100%;position:absolute;-webkit-transform-origin:12px 12px;-moz-transform-origin:12px 12px;transform-origin:12px 12px}.smallSpinner>.spinner>.ball{width:3px;height:3px;-webkit-transform-origin:6px 6px;-moz-transform-origin:6px 6px;transform-origin:6px 6px}.spinner>.ball:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.spinner>.ball:nth-child(2){opacity:.8;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}.spinner>.ball:nth-child(3){opacity:.6;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.spinner>.ball:nth-child(4){opacity:.4;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg)}.spinner>.ball:nth-child(5){opacity:.25;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg)}.spinner>.ball:nth-child(6){opacity:.15;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);transform:rotate(-180deg)}.spinner>.ball:nth-child(7){opacity:.075;-webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);transform:rotate(-225deg)}.spinner>.ball:nth-child(8){opacity:.05;-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);transform:rotate(-270deg)}
.ball-bgc{background-color: #095ba7;}
.iosScrollHelper {overflow: auto;-webkit-overflow-scrolling: touch;}