/*This file contains the overwritten content of jquery-ui.css, version 1.14.1 respective css.*/
/*Overwrite of component containers because this is responsible for changing the font in the UI.*/
/* 1. Prevent font from being overwritten */
/* 2. Prevent background color/profile from changing */
/* 3. Keep the datepicker aligned with our product */

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: "Open Sans", sans-serif;
    font-size: 1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: "Open Sans", sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
        border: none;
    }


.ui-widget-content {
    border: none;
    color: none;
}

    /*Overwritting this code for the Adhoc Query Grid module, where the text inside the table should appear in blue */
    .ui-widget-content a {
        color: none !important;
    }

.ui-widget-header {
    border: none;
    background: none;
    color: none;
    font-weight: unset;
}

    .ui-widget-header a {
        color: none;
    }


/*remove yellow border outline for the today date*/

.ui-datepicker-today a {
    border: none !important;
}

/*If the selected date is today's date, then the text of the selected date in the datepicker turns white.*/
.ui-datepicker-today .ui-state-active {
    color: white !important;
    border: none !important;
}

/*if the current date is not selected thenit should be black*/
.ui-datepicker-today a:not(.ui-state-active) {
    color: black !important;
}


/*Interaction block*/
/*Overwrite of Interaction block because this is responsible for changing the grid in the datepicker.*/
/*Commenting this code for the Adhoc Query Grid module, where while selecting the header it should be highlighted in blue 
    and stay in blue unless you touch other, Overwrite in extension can't work here. Removing the First and third para of Interaction block*/

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: none;
    text-decoration: none;
}

    /*Overwrite of Interaction block because this is responsible for changing the color of the text while hover the table and showing link in Adhoc.*/

    .ui-state-hover a,
    .ui-state-hover a:hover,
    .ui-state-hover a:link,
    .ui-state-hover a:visited,
    .ui-state-focus a,
    .ui-state-focus a:hover,
    .ui-state-focus a:link,
    .ui-state-focus a:visited,
    a.ui-button:hover,
    a.ui-button:focus {
        color: #3f73ab;
        text-decoration: underline;
    }



.ui-visual-focus {
    box-shadow: 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: none;
    background: none;
    font-weight: unset;
    color: none;
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: none;
        background-color: none;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        color: none;
        text-decoration: none;
    }

    /* Code to override the up and down arrows in the grid as the icons appear blurry */
    /* Completely override the default jQuery UI icon sprite background */


    .ui-icon,
    .ui-widget-content .ui-icon,
    .ui-widget-header .ui-icon,
    .ui-button .ui-icon,
    .ui-state-hover .ui-icon,
    .ui-state-focus .ui-icon,
    .ui-button:hover .ui-icon,
    .ui-button:focus .ui-icon,
    .ui-state-default .ui-icon,
    .ui-state-active .ui-icon,
    .ui-button:active .ui-icon,
    .ui-state-highlight .ui-icon,
    .ui-button .ui-state-highlight.ui-icon,
    .ui-state-error .ui-icon,
    .ui-state-error-text .ui-icon {
        background: none !important;
        background-image: none !important;
        box-shadow: none !important;
        border: none !important;
    }

/* Code to override the future date opacity in datepicker Interaction cues module */

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .80 !important;
    filter: Alpha(Opacity=80) !important; /* support: IE8 */
    background-image: none;
}


/*Added for Adhoc Publish Page delete icon*/
.ui-icon {
    width: 26px;
    height: 26px;
}