.ui-page{
	background-color: #FFFFFF; 
}
.ui-mobile{
	background-color: #FFFFFF; 
}
.ui-mobile-viewport{
	background-color: #FFFFFF; 
}


.ui-controlgroup{
    margin: 0px;
	 
}

.ui-radio{
	/*height: 10px !important;*/
}

.ui-select{
    margin: 0px;
}

.ui-input-text {
    padding: 0px;
    margin: 0px;
}

.ui-content{
    padding: 5px;
    text-shadow: none;
}

/*.ui-select > .ui-btn {
    padding: 8px 8px;
    margin-top: -1px;
}*/

.ui-btn-active {
    /*min-width: 90px;*/
}


.ui-page-theme-a {
    text-shadow: none;
}

#ui-datepicker-div{
	z-index: 10 !important;
}

/* jQuery UI datepicker header hardening.
   The datepicker is authored for the content-box box model and sized in em units.
   On pages that load Bootstrap 4 AFTER jquery-ui.css (e.g. RequisitionDetails / the
   Sample Handling panel), Bootstrap's Reboot leaks in: a universal
   `box-sizing: border-box` plus form/select resets. That throws off the header math
   so the month/year <select>s collide with the prev/next arrows. Re-anchor everything
   on the #ui-datepicker-div id so it out-specifies Bootstrap's element/universal
   selectors regardless of stylesheet order, and restore the assumed box model. */
#ui-datepicker-div,
#ui-datepicker-div * {
	box-sizing: content-box;
}
#ui-datepicker-div .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
/* jqm-compat.css restyles every <select> without data-role="none" as a
   full-width, display:block jQM "selectmenu" (with a chevron background). The
   datepicker's month/year selects have no data-role="none", so that rule stacks
   them onto separate full-width lines. Two defenses: (1) jqm-compat.css now
   excludes the datepicker selects at the source; (2) lay the title out as a flex
   row here so the month and year sit side by side regardless of their `display`
   value — flex items are placed in a row even if they compute to display:block. */
#ui-datepicker-div .ui-datepicker-title {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 4px;
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
#ui-datepicker-div .ui-datepicker-title select {
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	flex: 0 1 auto;
	width: auto;
	min-width: 0;
	height: auto;
	margin: 1px 0;
	padding: 1px 4px;
	border: 1px solid #aaa;
	border-radius: 2px;
	background-image: none;
	background-color: #fff;
	font-size: 1em;
	line-height: normal;
}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
#ui-datepicker-div .ui-datepicker-prev {
	left: 2px;
}
#ui-datepicker-div .ui-datepicker-next {
	right: 2px;
}