/*
SPS changes for jQuery 1.10 UI styles for the 2019 template
*/
/*Disabled radio button on a button set*/
label.ui-state-default {
	background: #EEEEEE;
	border-color: #C2C2C2;
}

label.ui-state-active {
	border-color: #C2C2C2;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
}

.ui-accordion .ui-accordion-header {
	margin: 0.5em 0 0.0em 0 !important;
    padding: 0.5em 0.5em 0.5em 0.7em !important;
}

.ui-accordion .ui-accordion-icons {
	font-size: 90% !important;
	padding-left: 2.2em !important;
}

.ui-accordion .ui-accordion-content {
	padding: 0px 0.5em 1em 0.5em !important;
}

.ui-datepicker .ui-datepicker-header {
	background: #032ABF;
}


.ui-dialog .ui-widget-header {
	background: #032ABF;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	background: #032ABF url(images/ui-bg_flat_75_032ABF_40x100.png) 50% 50% repeat-x;
}

.ui-dialog {
	box-sizing: border-box;
}

.ui-dialog .ui-dialog-content {
	line-height: initial !important;
}

.ui-dialog .ui-dialog-title {
	font-size: 1em;
}

.ui-dialog .ui-dialog-titlebar {
	padding: .2em 0.5em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	text-align: center;
}

.ui-dialog.ui-front {
	z-index: 200;
}

.ui-datepicker-prev, .ui-datepicker-next {
	background-color: #ACC9D7;
}

.ui-dialog .ui-dialog-titlebar, .ui-button-text-only .ui-button-text {
	padding: 0.2em 0.4em;
	font-size: initial;
}

.ui-button-text-only.smaller .ui-button-text {
	font-size: 1em;
}

.ui-dialog .ui-dialog-buttonpane {
	background-color: white !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	text-align: center;
}

.ui-dialog .ui-dialog-buttonpane button {
	margin: .2em .4em .0em 0;
	float: none;
}

.ui-dialog .ui-dialog-titlebar-close span {
	margin: -8px !important;
}

.ui-dialog.ui-front {
	z-index: 200;
}

.ui-dialog .ui-helper-clearfix {
	display: block !important;
}


.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 {
	border: 1px solid #dbdbdb !important;
    background: #f2f2f2 url(images/ui-bg_glass_100_f2f2f2_1x400.png) 50% 50% repeat-x !important;
    font-weight: bold !important;
}


/* Tabs */
.ui-tabs {
	border: 1px solid #C2C2C2;
	padding: 0;
}

.ui-tabs .ui-tabs-panel {
	padding: 0em 1em 1em 1em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0 !important;
    padding: .2em .2em 0  !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	font-size: 80% !important;
}

/* Widgets */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	color: #000;
}

.ui-widget-content a {
	color: #03738A;
}


/* Responsive Styles */
@media screen and (max-width: 48em) {
	.ui-dialog {
		left: 1% !important;
		right: 1%;
		width: 98% !important;
	}
}
