/**
 Minimal CSS ruleset to make core jqueryui widget styles work properly without jqueryui theme CSS
 See https://github.com/jquery/jquery-ui/tree/master/themes/base
 @todo: resolve all CSS conflicts (mostly originating from vis-ui and custom icon integration) and use the
        propery jqueryui base theme
*/

// See https://github.com/jquery/jquery-ui/blob/master/themes/base/core.css
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-front {
	z-index: 100;
}
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}

.ui-widget-overlay {
	// See https://github.com/jquery/jquery-ui/blob/master/themes/base/core.css#L90
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	// See https://github.com/jquery/jquery-ui/blob/master/themes/base/theme.css#L430
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-button {
    // See https://github.com/jquery/jquery-ui/blob/master/themes/base/button.css#L11
    // not adopted from base theme: padding: .4em 1em;
    display: inline-block;
    position: relative;
    // not adopted from base theme: line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    user-select: none;
    overflow: visible;
}

.ui-button-icon-only {
    // See https://github.com/jquery/jquery-ui/blob/master/themes/base/button.css#L37
    width: 2em;
    box-sizing: border-box;
    text-indent: -99999px;
    white-space: nowrap;

    .ui-icon {
        // See https://github.com/jquery/jquery-ui/blob/master/themes/base/button.css#L51
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -0.5em;	// != base theme -8px (not font-size responsive)
        margin-left: -0.5em; // != base theme -8px (not font-size responsive)
    }
}
