html {
    margin:0;
    padding:0
}

body {
    border-top:solid 2px #888;
    color:#333;
    font-family:"Segoe UI",Verdana,Helvetica,Sans-Serif;
    margin:0;
    padding:0;
    font-size:11px;
}

body.ui-widget-content {
    border: 0;
}

a {
    color:#333;
    outline:none;
    padding-left:3px;
    padding-right:3px;
    text-decoration:underline
}

a:link,a:visited,a:active,a:hover {
    color:#333
}

header,footer,hgroup,nav,section {
    display:block
}

header {
    font-size:16px;
    height: 2.6em;
}

mark {
    background-color:#a6dbed;
    padding-left:5px;
    padding-right:5px
}

.Ubi-clear-both {
  content: "";
  clear: both;
  display: table;
}

.Ubi-float-left {
    float:left
}

.Ubi-float-right {
    float:right
}

.Ubi-clear-fix:after {
    content:".";
    clear:both;
    display:block;
    height:0;
    visibility:hidden
}

h1,h2,h3,h4,h5,h6 {
    margin-bottom:0;
    padding-bottom:0
}

h1 {
    font-size:2em
}

h2 {
    font-size:1.75em
}

h3 {
    font-size:1.2em
}

h4 {
    font-size:1.1em
}

h5,h6 {
    font-size:1em
}

h5 a:link,h5 a:visited,h5 a:active {
    padding:0;
    text-decoration:none
}

.Ubi-logo-image {
    position:absolute;
    margin:20px
}

.Ubi-background-image img {
    width:100%
}

/* main layout
----------------------------------------------------------*/
.Ubi-content-wrapper {
    margin:0 1em
}

#body {
    clear:both
}

.Ubi-main {
    margin: 8px 5px 5px 5px;
}

.Ubi-top-menu {
    margin-left: auto;
}

header .Ubi-content-wrapper {
    display: flex;
    justify-content: unset;
    align-content: space-between;
    height: 2.3em;
    padding-top:0;
}

footer {
    clear:both;
    font-size:.8em;
    height: 5ex;
    display: flex;
    justify-content: space-between;
    margin: 3px 10px 0 10px;
}

.Ubi-copyright-notice 
{
}

.Ubi-version-number
{
}

.Ubi-version-number a
{
    text-decoration: none;
}

.Ubi-home-link {
    margin-left:10pt;
    padding-right: 0;
}

.Ubi-home-link img {
    border:0 none #000
}

/* Tweaks for jqueryui 1.12 */

.Ubi-content-wrapper .ui-accordion h3:focus
{
    outline: none;
}

.Ubi-content-wrapper .ui-icon
{
    margin-top: 0;
}


/* login
----------------------------------------------------------*/
#login {
    display:inline-block;
    font-size:.85em;
    margin:8px 0 8px 0;
    text-align:right;
    padding:0 0 0 3px;
    vertical-align: baseline;
    font-weight: 400;
}

#login a {
    margin-left:10px;
    margin-right:3px;
    padding:2px 3px;
    text-decoration:none
}

#login a.Ubi-show-link {
    text-decoration: underline
}

#login a.Ubi-username {
    background:none;
    margin:0;
    padding:0;
}

#login ul {
    margin:0
}

#login li {
    display:inline;
    list-style:none
}

.login-form {
    display: flex;
    flex-direction: column;
    margin: 8px 20px 8px 20px;
    padding:0 0 0 3px;
    vertical-align: baseline;
}

.login-form div {
    display: flex;
    align-items: baseline;
}

.login-form div > :first-child {
    flex-basis: 20ex;
}

#menu-clock 
{
    display: inline-block;	
    border-left: 1px solid #aaa;
    padding-left: 1ex;
    font-weight: 400;
}

#menu-clock span
{
	font-size: 0.7em;
}

.Ubi-header-left {
    white-space: nowrap;
}

/* menu
----------------------------------------------------------*/
.Ubi-menu-list {
    white-space: nowrap;
    font-size: 1.3em;
    font-weight: 400;
    margin: 0 0 5px 0;
    padding: 2px 0 0 0;
    text-align: right;
}

/* Shift the menu icon so the rest of the test lines up well */
.Ubi-menu-logo {
    margin-bottom:-8px;
    margin-left:-18px
}

ul#menu li {
    display:inline;
    list-style:none;
    padding-left: 7px;
    padding-right: 7px;
}

ul#menu li#Ubi-home-link-item 
{
	padding-right: 0;
}

/* top level menu list items with another list item preceding them have a left border */
/* draws the lines between menu items */

ul#menu li~li {
  border-left: 1px solid #aaa;
}

ul#menu li a {
    text-decoration:none
}

ul#menu li a:hover {
/*color: #333;*/
    text-decoration:none
}

/* forms */
fieldset {
    border:none;
    margin:0;
    padding:0
}

fieldset legend {
    display:none
}

fieldset ol {
    padding:0;
    list-style:none
}

fieldset ol li {
    padding-bottom:5px
}

label {
    display:block;
    font-size:1.2em;
    font-weight:600
}

input,textarea {
    border:1px solid #e2e2e2;
    background:#fff;
    color:#333;
    font-size:1.2em;
    margin:5px 0 6px;
    padding:5px
/* width: 300px; */
}

textarea {
    font-family:inherit;
    width:500px
}

input:focus,textarea:focus {
    border:1px solid #7ac0da
}

input[type="checkbox"] {
    background:transparent;
    border:inherit;
    width:auto
}

input[type="submit"],input[type="button"],button {
    background-color:#d3dce0;
    border:1px solid #787878;
    cursor:pointer;
    font-size:1.2em;
    font-weight:600;
    padding:7px;
    margin-right:8px;
    width:auto
}

td input[type="submit"],td input[type="button"],td button {
    font-size:1em;
    padding:4px;
    margin-right:4px
}

/* tables
----------------------------------------------------------*/
table {
    border-collapse:collapse;
    border-spacing:0;
    margin-top:.75em;
    border:0 none
}

th {
    text-align:left;
    border:none 0;
    padding-left:0
}

th a {
    display:block;
    position:relative
}

th a:link,th a:visited,th a:active,th a:hover {
    color:#333;
    font-weight:600;
    text-decoration:none;
    padding:0
}

th a:hover {
    color:#000
}

td {
    padding:.25em 2em .25em 0;
    border:0 none
}

img.Ubi-menu-logo-small
{
	display: none;
	height: 16px;
}
	
img.Ubi-menu-logo
{
	display: inline-block;
	height: 32px;
}

div.Ubi-scroll-hint
{
    position: absolute;
    top: 3px;
    right: 0px;
    background: inherit;
}

table.Ubi-services
{
    margin: 3ex auto;
    font-size: 1.3em;
}

table.Ubi-services button
{
    font-size: 1.3em;
    height: 3ex;
}

/* Reduced screen styles - we progressively adjust the header to fit */

@media only screen and (min-width: 1079px) and (max-width: 1200px) 
{
	header 
	{
  		font-size: 14px;
	}
		
	section#login
	{
		margin-top: 8px;
	}	
	
	ul#menu li 
	{
	    padding-left: 2px;
	    padding-right: 2px;    
	}	
}      

@media only screen and (min-width: 900px) and (max-width: 1079px) 
{
	header 
	{
  		font-size: 12px;
  		height: 30px;
	}	
      
    section#login
	{
		margin-top: 6px;
	}
	
	ul#menu li 
	{
	    padding-left: 2px;
	    padding-right: 2px;    
	}
	
	img.Ubi-menu-logo-small
	{
		display: inline-block;
		margin-bottom: -2px;
	}
	
	img.Ubi-menu-logo
	{
		display: none;
	}
}

@media only screen and (min-width: 650px) and (max-width: 900px) 
{
	header 
	{
  		font-size: 12px;
  		height: 30px;
	}	
      
    section#login
	{
		margin-top: 6px;
	}
	
	ul#menu li 
	{
	    padding-left: 2px;
	    padding-right: 2px;    
	}
	
	img.Ubi-menu-logo-small
	{
		display: inline-block;
		margin-bottom: -2px;
	}
	
	img.Ubi-menu-logo
	{
		display: none;
	}
	
	/* Also hide the clock */
	#menu-clock
	{
		display: none;
	}
}

@media only screen and (max-width: 650px) 
{
	header 
	{
  		font-size: 10px;
  		height: 37px;
  		width: 100%;
  		overflow-x: auto;
  		overflow-y: hidden;
	}	
    
        header .Ubi-float-right 
	{
		display: inline-block;
		float: none;
	}
	
	header .Ubi-float-left 
	{
		display: inline-block;
		float: none;
	}
	
	header .Ubi-content-wrapper
	{
		height: 30px;
	}
	  
        section#login
	{
		margin: 5px 0 0 0;
	}	
	
        section#login a
	{
		margin-left: 0px;
		display: inline;  
	    white-space: nowrap;		
	}
	
	ul#menu li 
	{
	    padding-left: 2px;
	    padding-right: 2px; 
	    display: inline;  
	    white-space: nowrap;		
	}
	
	ul#menu {
		font-size:1.3em;
		font-weight:400;
		margin: 0 2px 5px 0;
		padding: 2px 0 0 0;
		text-align: right;
	}
	
	img.Ubi-menu-logo-small
	{
		display: inline-block;
		margin-bottom: -2px;
	}
	
	img.Ubi-menu-logo
	{
		display: none;
	}
	
	/* Also hide the clock */
	#menu-clock
	{
		display: none;
	}
	
    #login li {
        display:inline;
        list-style:none;
        margin:0;
        padding:0
    }
    
    /* footer
        ----------------------------------------------------------*/
    footer .Ubi-float-left,footer .Ubi-float-right {
        float:none;
        padding:0 20px
    }

    footer {
        text-align:center;
        height:auto;
        padding:10px 0
    }

    footer p {
        margin:0
    }    
}



/*
 * Table
 */
table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
	border-collapse: collapse;
}

table.dataTable thead th {
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	*cursor: hand;
}

table.dataTable tfoot th {
	padding: 3px 10px;
}

table.dataTable td {
	padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	*zoom: 1;
}
.dataTables_wrapper .ui-widget-header {
	font-weight: normal;
}
.dataTables_wrapper .ui-toolbar {
	padding: 5px;
}

.dataTables_wrapper .ui-button {
	padding: 0;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
}


/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
	padding-top: 3px;
	clear: both;
	float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

.dataTables_paginate .ui-button {
    margin-right: -0.1em !important;
    padding: 0px 0px 1px 0px;
    vertical-align: top;
}

.paging_two_button .ui-button {
	cursor: pointer;
	*cursor: hand;
}

.paging_full_numbers .ui-button {
	padding: 2px 6px;
	margin: 0;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	*cursor: hand;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('../../css/images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../../css/images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../../css/images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../../css/images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../../css/images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../../css/images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
table.dataTable thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
}

table.dataTable thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}

table.dataTable th:active {
	outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}


/* Message styles - warning, error and information. Copy to "local" folder and change to override for a different theme. */

div.Ubi-error-message
{
    border: none;
    background: #b80000;
    position: fixed;
    bottom: 15px;
    left: 9px;
    right: 9px;
    padding: 0 5px 0px 5px;
    z-index: 200;
}

div.Ubi-warning-message
{
    border: none;
    background: #cc5200;
    position: fixed;
    bottom: 15px;
    left: 9px;
    right: 9px;
    padding: 0 5px 0px 5px;
    z-index: 200;
}

div.Ubi-information-message
{
    border: none;
    background: #007a29;
    position: fixed;
    bottom: 15px;
    left: 9px;
    right: 9px;
    padding: 0 5px 0px 5px;
    z-index: 200;
}

.Ubi-warning-message-text
{
    font-size: 1.7em;
    font-weight: bold;
    text-align: center;
    color: White;
}

.Ubi-warning-message-detail-button
{
    margin: 0 0 0.2em 0;
}

.Ubi-warning-message-close-button
{
    margin: 0 0 0.2em 0;
}


.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }