/*Jquery Ui changes move here*/


button.ui-dialog-titlebar-close {
    background-color: transparent;
    width: 10px !important;
    height: 10px;
    min-width: 10px;
    background-image: url(../../Content/themes/base/images/ui-icons_white_256x240.png);
    background-position: -98px -130px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
    padding: 1px;
}
/*.ui-dialog { z-index: 100000!important; }
.ui-widget-overlay.ui-front { z-index: 10000; }*/
.ui-dialog .ui-dialog-titlebar-close {
    position: static;
    margin: -10px 0 0 0;
    float: right;
    margin-top: 0px;
    padding: 1px;
    height: 12px;
}

button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
    font-size: 0px;
}

span.ui-button-icon.ui-icon.ui-icon-closethick {
    display: none;
}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
    position: absolute;
    height: auto;
    width: 750px;
    display: block;
    top: 300px;
    left: 700px;
}

.disableButton {
    background-color: #c7c7c7 !important;
    color: #9e9e9e !important;
    pointer-events: none !important;
}

.hiddenRows {
    display: none;
}

.jw-rightclick ul {
    list-style-type: none;
}

    .jw-rightclick ul li {
        list-style-type: none;
    }

.jw-rightclick button {
    color: white !important;
}

.jw-settings-submenu {
    padding: 8px 50px 0 5px !important;
}

.jw-settings-content-item {
    color: white !important;
}

.playVideo-close-btn:hover {
    color: black !important;
}

.forceHide {
    display: none;
}

.btn-min-width {
    min-width: 74px;
}

/*DEV&Prod Comparison(3/15/2021): The below line showed up as missing in dev (beyond compare) but it is commited in repo hence no change is required*/
.ulContentPage li {
    margin-bottom: 10px;
    list-style-type: disc !important;
}

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1; /*Bilal*/
    border: none !important;
}
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0 2px;
        background-color: transparent; /*Bilal*/
        border: none;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 1px;
            margin: 0 .4em 0 -2px;
            padding: 0;
            white-space: nowrap;
            background-color: #e9e9e9;
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: .5em 1em;
                text-decoration: none; /*Bilal*/
                color: Black;
            }

    .ui-tabs.ui-tabs-navli.ui-tabs-selected {
        margin-bottom: 0;
        padding-bottom: 1px;
        /*background-color: white;*/
        border-bottom: 1px solid #aaaaaa;
    }

            .ui-tabs .ui-tabs-nav li.ui-state-active {
                margin-bottom: 0;
                padding-bottom: 1px;
                background-color: white;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                cursor: text;
            }

            .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
                cursor: pointer;
                color: black;
            }
    /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1.4em 1em;
        background: none;
        border: 1px solid #aaaaaa !important;
    }
    /*
.ui-tabs .ui-tabs-hide {
    display: none !important;
}*/

    .ui-tabs .ui-tabs-nav li.ui-state-active {
    }

    .ui-tabs .ui-state-default /*, .ui-widget-content .ui-state-default*/ {
        background: white;
        border: 1px solid rgb(170, 170, 170) !important;
    }
/*.ui-tabs .ui-state-default { background:white;    border-left: 1px solid rgb(128, 128, 128)!important;border-right: 0px !important;}*/

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: /*Verdana,*/ Arial,sans-serif /*{ffDefault}*/;
    font-size: 1.1em /*{fsDefault}*/;
}

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

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: /*Verdana,*/ Arial,sans-serif /*{ffDefault}*/;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid lightgray; /*{borderColorContent}*/
    ;
    /*background: #ffffff{bgColorContent} url(images/ui-bg_flat_75_ffffff_40x100.png){bgImgUrlContent} 50%{bgContentXPos} 50%{bgContentYPos} repeat-x/*{bgContentRepeat};*/
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    color: #222222 /*{fcContent}*/;
    font-size: 12px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: /*Verdana,*/ Arial,sans-serif /*{ffDefault}*/;
    font-size: 1.1em /*{fsDefault}*/;
}

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

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: /*Verdana,*/ Arial,sans-serif /*{ffDefault}*/;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid lightgray; /*{borderColorContent}*/
    ;
    /*background: #ffffff{bgColorContent} url(images/ui-bg_flat_75_ffffff_40x100.png){bgImgUrlContent} 50%{bgContentXPos} 50%{bgContentYPos} repeat-x/*{bgContentRepeat};*/
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    color: #222222 /*{fcContent}*/;
    font-size: 12px;
}


#DivSliderLable .ui-widget-content {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #df984c;
    color: #222222;
    font-size: 12px;
    height: 16px;
}


.ui-widget-content a {
    color: #222222 /*{fcContent}*/;
}

.ui-widget-header {
    border: 1px solid #aaaaaa /*{borderColorHeader}*/;
    background: #767676 /*{bgColorHeader} url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)*/ /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
    color: #fff /*{fcHeader}*/;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #222222 /*{fcHeader}*/;
    }

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display /**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
    box-shadow: 0px 3px 7px rgba(0,0,0,0.3);
    border: 1px solid #b0b0b0 !important;
    background-color: white !important;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: 0.6em 10px;
        position: relative;
        border: 0px none transparent;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .1em 0;
        font-size: 10pt;
    }
    /*Changes done by Azim*/
    .ui-dialog .ui-dialog-titlebar-close {
       /* position: absolute;
        right: .3em;
        top: 30%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;*/
        height: 12px;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        display: block;
        margin: 1px;
    }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
        }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: 10px;
        background: none;
        overflow: auto;
        zoom: 1;
        font-size: 10pt;
    }


    .ui-dialog .ui-dialog-buttonpane {
        text-align: right;
        border-width: 0px 0 0 0;
        background-image: none;
        margin: 0 0 0 0;
        padding: 0 0 0 0
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
            margin-right: 12px;
            padding-bottom: 5px;
            margin-top: 10px;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: 0 0 0 5px;
            cursor: pointer;
            padding: .4em 1em;
        }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-widget-overlay {
    position: fixed;
    background: #fff /*{bgColorOverlay} url(images/ui-bg_flat_0_aaaaaa_40x100.png);/*{bgImgUrlOverlay}*/ 50% /*{bgOverlayXPos}*/ 50% /*{bgOverlayYPos}*/ repeat-x /*{bgOverlayRepeat}*/;
    */:;
    opacity: .6;
    filter: Alpha(Opacity=30) /*{opacityOverlay}*/;
}

.ui-tabs .ui-tabs-nav li.ui-state-active {
    margin-bottom: 0;
    padding-bottom: 1px;
    background-color: white;
    border-bottom: 0px solid !important;
}


/*end*/

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2; /*width: 1.2em; height: 1.2em;*/
        width: 24px;
        height: 24px;
        cursor: pointer;
        background-image: url("../../../Content/Images/Core/ui-slider-grey.png");
        border: 0px none transparent !important;
        outline: 0px none;
    }

    .ui-slider a.first-handle:hover {
        background-position: -30px 0;
    }

    .ui-slider a.second-handle {
        background-position: right top;
    }

        .ui-slider a.second-handle:hover {
            background-position: -113px 0;
        }
    /*.ui-slider a.ui-slider-handle:first-child {cursor: pointer;}
.ui-slider a.ui-slider-handle:last-child {background-position:right top;cursor: pointer;}*/
    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

.ui-slider-horizontal {
    height: .6em;
    width: 102%;
    border: 1px solid #d0d0d0 !important;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.6em;
        margin-left: -10px;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
        background-color: #F0F0F0;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
background-color: transparent;
}
.ui-state-hover.ui-icon,.ui-state-focus.ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png) /*{iconsHover}*/;
}
.ui-grid-ico-sort.ui-icon-asc.ui-icon.ui-icon-triangle-1-n.ui-sort-ltr {
    background-image: url('themes/base/images/ui-icons_222222_256x240.png');
}
/*.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}*/
.ui-grid-ico-sort.ui-icon-desc.ui-state-disabled.ui-icon.ui-icon-triangle-1-s.ui-sort-ltr {
    background-image: url('themes/base/images/ui-icons_222222_256x240.png');
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}
.ui-slider-horizontal span.ui-slider-handle:nth-child(3) {
    background-position: right top;
}
.ui-icon.ui-icon-closethick {
    background-image: url(themes/base/images/ui-icons_white_256x240.png) /*{iconsHeader ui-icons_222222_256x240.png}; */;
}
.slick-header-columns{
    text-align: center !important;
}
span.slick-column-name {
    color: black !important;
}
span.slick-column-name:hover{
    color: white !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px !important;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 0.6em 1em;
    text-decoration: none;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px !important;
}
.ui-helper-reset {
    line-height: 1.5 !important;
}

.galleria-stage {
    position: absolute;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    overflow: hidden;
}
.galleria-container {
    background: white !important;
}
.galleria-thumbnails-container{
    height:60px !important;
}
/*.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
    margin-left: -2px !important;
}*/