.ui-widget-overlay {
    background: #444444 url(images/444444_40x100_textures_08_diagonals_thick_15-143443.png) 50% 50% repeat !important;
    opacity: .30 !important;
    filter: Alpha(Opacity=30) !important;
}

.ui-widget-shadow {
    margin: -8px !important /*{offsetTopShadow}*/ 0 0 -8px /*{offsetLeftShadow}*/;
    padding: 8px !important /*{thicknessShadow}*/;
    background: #aaaaaa !important /*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100-143443.png) /*{bgImgUrlShadow}*/ 50% /*{bgShadowXPos}*/ 50% /*{bgShadowYPos}*/ repeat-x /*{bgShadowRepeat}*/;
    opacity: .3 !important /*{opacityShadow}*/;
    filter: Alpha(Opacity=30) !important /*{opacityFilterShadow}*/;
    border-radius: 8px !important /*{cornerRadiusShadow}*/;
}

/*Autocomplete suggestion hover color*/
.ac_results .ui-menu-item .ui-state-active {
    border: 1px solid #b2c7d7 !important;
    background: #f0f0f0 url(images/f0f0f0_40x100_textures_02_glass_100-47854-143443.png) 50% 50% repeat-x !important;
    color: #444444;
    font-weight: normal;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


.ac_results span.clientCodeAutocomplete, .ac_results span.clientCodeAutocomplete2 {
   
    padding-right: 30px;
}

.ac_results span.clientNameAutocomplete, .ac_results span.clientNameAutocomplete2 {
   
    float: right;
}

/*Multiselect appearing with green background*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #cccccc;
    background: #ffffff;
}


.ui-button.ui-dialog-titlebar-close {
    background: transparent !important;
    border: 1px solid #cccccc !important;
}

    .ui-button.ui-dialog-titlebar-close:hover {
        background: transparent !important;
        border: 1px #ccc solid !important;
    }

.ui-widget-header {
    border: 1px solid #C1C1C1;
}

.ui-widget input {
    font-family: Tahoma, sans-serif !important;
    font-size: 11px !important;
}


/*Override dialog position to unset relative position*/
.ui-dialog .ui-dialog-content {
    position: static;
}

/* FIX FOR CALANDER/CONTROL COLOR */
.ui-widget-header {
    border: 1px solid #C1C1C1;
    background: #EBF6EC url(images/EBF6EC_40x100_textures_03_highlight_soft_100-47512-143443.png) 50% 50% repeat-x;
    color: #fff;
    font-weight: normal;
}

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    /* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #cccccc;
        background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_80-47512-143443.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #444444;
        outline: none;
    }

        .ui-state-hover,
        .ui-widget-content .ui-state-hover,
        .ui-widget-header .ui-state-hover,
        .ui-state-focus,
        .ui-widget-content .ui-state-focus,
        .ui-widget-header .ui-state-focus,
        .ui-button:hover,
        .ui-button:focus {
            border: 1px solid #b2c7d7;
            background: #f0f0f0 url(images/f0f0f0_40x100_textures_02_glass_100-47512-143443.png) 50% 50% repeat-x;
            font-weight: normal;
            color: #444444;
            outline: none;
        }

        .ui-state-active,
        .ui-widget-content .ui-state-active,
        .ui-widget-header .ui-state-active,
        a.ui-button:active,
        .ui-button:active,
        .ui-button.ui-state-active:hover {
            border: 1px solid #cccccc;
            font-weight: bold;
            background: #86B040;
            color: #ffffff;
        }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_444444_256x240-143443.png");
}

/*Highlight Current Date*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #f9dd34;
    background: #fbf5d0 url(images/fbf5d0_40x100_textures_02_glass_55-47476-143443.png) 50% 50% repeat-x;
    color: #363636;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 4px;
}
/* FIX FOR CALANDER/CONTROL COLOR */

.ui-widget-content {
    background: #F8F8F9;
}

body.skin-sfm .ui-menu-item-wrapper.ui-state-active:hover {
    color: black !important;
}

body.skin-sfm .ui-menu-item-wrapper.ui-state-active {
    color: black !important;
}

body.skin-launchpad .ui-menu-item-wrapper.ui-state-active:hover {
    color: black !important;
}

body.skin-launchpad .ui-menu-item-wrapper.ui-state-active {
    color: black !important;
}

/*MFA screen changes*/
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    display: table;
    border-collapse: collapse;
    content: "";
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-button.ui-dialog-titlebar-close:hover {
    background: url('../images/ui-icons_ffffff_256x240-48564-143443.png') 40% 57% !important
}

.ui-button.ui-dialog-titlebar-close {
    background: url('../images/ui-icons_ffffff_256x240-48564-143443.png') 40% 57% !important;
    width: 16px;
    height: 16px;
    margin-left: 217px;
}

.ui-dialog {    
    padding: .2em;
}
body .apmdialog .ui-dialog-titlebar, body .apmlookupdialog .ui-dialog-titlebar {
    padding: .4em 1em;
}
.ui-dialog .ui-dialog-content {
    position: static !important;
    padding: .5em 1em;
}

.ui-button-icon-only {
    text-indent: -9999px;
}

.ui-accordion .ui-accordion-content {
    padding: 0;
}

.ui-button-icon.ui-icon-closethick:hover {
    background: transparent !important;
}

button.ui-multiselect.ui-state-active {
    color: #444444 !important;
    font-weight: normal;
}

.ui-datepicker-header {
    color: #222222;
    font-weight: bold;
}

.ui-accordion .ui-accordion-content {
    margin-top: -7px;
}

.ui-accordion .ui-accordion-header {
    border: 1px solid #86B040 !important;
}

div#changeAmountContainer .ui-accordion-content {
    border: 1px solid #86B040;
}

.ui-state-active .ui-icon:not(:focus) {
    background-image: url('../../fe/style/images/ui-icons_ffffff_256x240-143443.png');
}

.ui-menu .ui-menu-item-wrapper {
    padding: 3px 0.5em 3px .4em;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: 0px;
}