/*
Copyright USoft B.V. (C) 2001-2020
!!!! Important: Do not change this file. Make changes in CustStyle.css!!!
This file sets the old default USoft Developer styles.
*/

body {
    padding:0px;
    margin:0px;
    /*overflow: hidden;*/
}

[frameid] > .Dialogs {
    opacity: 0;
}

button:disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
}

table,tr,td,th {
    padding:0px;
    margin:0px;
    border-width:0px; 
}

ul.radio {
    margin:0px;
    padding:0px;
    list-style:none;
}
ul.hori  li {
    float:left;
    position:relative;
}
ul.radio li span {
    white-space:pre;
    padding-left:2px;
    padding-right:5px;
}

.hide {
    display: none !important;
}

/** Benchmark Control **/
/** see usoft.ui.benchmark.css **/

/** BlockButton Control **/

/** Button Control **/

.uiButtonControl {
    min-width:72px;
    margin-right: 2px !important;
}

.uiButtonControl > * {
    float: left;
}

.uiButtonControl.ui-button { 
	font-size: 90%; 
}

.HideAreaControl, .ShowAreaControl {
    height: 8px;
    margin: 7px 0;
    cursor: pointer;
}

.HideAreaControl {
    background-image: url('../images/double-arr-up.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ccc;
}

.ShowAreaControl {
    background-image: url('../images/double-arr-down.png');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ccc;
}

/** Column Control **/

button.lookup {
    width: 17px;
    max-width: 17px; /* for IE */
    height: 18px;
    -moz-border-radius: 2px/* {cornerRadius}*/; -webkit-border-radius: 2px/* {cornerRadius}*/; border-radius: 2px/* {cornerRadius}*/;
}

.uiColumnControl.Horizontal > * {
    display: inline-block;
    white-space: nowrap;
}

.uiColumnControl.Horizontal > textarea,
.uiColumnControl.Horizontal > .Insensitive
{
    white-space: normal;
}

.uiColumnControl.Horizontal > *.ui-helper-hidden-accessible {
    display: none;
}

/** Data Input Control **/

.DataInputControl .Data {
    margin: 10px;
}

.DataInputControl .Data  .fields {
    padding: 5px;
}

.DataInputControl .Data  .DataInput {
    clear: both;
    min-height: 20px;
    display: inline-block;
    float: left;
}

.DataInputControl .Data  .DataInput  > .DataPrompt,
.DataInputControl .Data  .DataInput  > .DataField {
    float: left;
}

.DataInputControl .Data  .DataPrompt {
    width: 160px;
}

.DataInputControl .Data  .DataField .DataInputUndefined {
	background: rgba(210,210,210,.4);
}

.DataInputControl .Data  .DataField .DataInputtext, 
.DataInputControl .Data  .DataField .DataInputpassword {
    width: 290px;
}

.DataInputControl .Data  .DataField .DataInputselect {
    width: 290px;
}

.DataInputControl .Data  .DataField {
	position: relative;
}

.DataInputControl .Data  .DataField .DataInputcheckbox,
.DataInputControl .Data  .DataInput .DataPrompt {
	position: relative;
	top: 2px;
}

.DataInputControl .Data .DataInputHelp {
    display: inline-block;
    min-width: 6px;
    padding: 2px 3px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
	float: right;
    margin-top: 3px;
    font-size: 70%;
    cursor: pointer;	
}

.DataInputControl .Data  .DataField .DataInputstatic {
    width: 294px;
}

.DataInputControl .Data  .DataField .DataInputtextarea {
    width: 288px;
    height: 100px;
}

.DataInputControl .Data  .DataField ul.DataInputradio {
    margin: 0px;
    list-style: none;
    padding-left: 0px;
}

.DataInputControl .Data  .DataField ul.DataInputradio li {
    margin-right: 8px;
}

.DataInputControl .Data  .DataField ul.DataInputtextarea {
    height: 50px;
}

.DataInputControl .Data  .DataField  .DataInputhtmlarea,
.DataInputControl .Data  .DataInput  .DataInputhtmlarea,
.DataInputControl .Data  .DataField  .DataInputhtmlarea *,
.DataInputControl .Data  .DataInput  .DataInputhtmlarea * {
    float: initial;
    padding-bottom: 15px;
}

.DataInputHovertext {
    position: absolute;
    background: rgba(255,255,255, .8);
    z-index: 2000;
    max-width: 400PX;
    padding: 6px;
    border-radius: 3px;
    border: 1px solid #777;	
}
/** DataSetNumbers Control **/

.uiDataSetNumbersControl {
    list-style: none;
    margin-left: 0;
    padding: 0;
    margin-bottom: 3px;
    min-height: 20px;
    line-height: 20px;
}

.uiDataSetNumbersControl li {
    list-style: none;
    margin-left: 3px;
    float: left;
    cursor: pointer; 
}

.uiDataSetNumbersControl li a {
    font-size:9pt;
    text-align:center; 
    vertical-align:middle;
    padding-left:2px;
    padding-right:2px;
}

.uiDataSetNumbersControl li.active {
    font-weight:bold;
}

/** DialogControl Control **/

.us-dialog.ui-dialog {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}

.us-dialog.ui-dialog .dialog-content{
    z-index: 10000;
    position: relative;
    margin: 30px auto;
    background: white;    
}

.us-dialog.ui-dialog .dialog-content.dialog-border {
    border: #ccc 1px solid;
    border-radius: 3px;
}

.us-dialog.ui-dialog .dialog-header {
    background: #ccc;
    padding: 5px;
}

.us-dialog.ui-dialog .dialog-body {
    padding: 5px;
}

.us-dialog.ui-dialog .dialog-footer {
    padding: 10px;    
    height: 44px;
    text-align: right;
}

.us-dialog.ui-dialog .dialog-footer > * {
    right: 0px;
    margin: 0 3px;
}

.dialog-backdrop {
    opacity: .5;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 6000;
}

.ui-dialog {
    padding: 0;
}

.ui-dialog .ui-dialog-titlebar {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: .4em .4em;
    height: 14px;
}

.ui-dialog .ui-button {
    font-size: 90%;
}

button.ui-dialog-titlebar-close {
    zoom: 75%;
    margin-right: 5px;
}

/** Frame Control **/

iframe.uiFrameControl {
    border: 0;
    width: 100%;
    height: 100%;
}

iframe.InsertedFrame {
    width: 100%;
    height: 100%;
    border: 0;
}

.uiFrameControl.BoxControl {
    overflow: auto;
}

/** Grid Control **/

.uiGridControl { /* 'border-collapse: collapse' destroys rounded corners on tables in most browsers; this works better! */
    border-collapse: separate;
    border-spacing: 0;
    padding: 0;
}

.uiGridControl td .uiInputControl {
    background: transparent;
}

.uiGridControl .checkbox {
    margin-top: 0px;
    margin-bottom: 0px;
}

.uiGridControl div.Insensitive
{
	margin-left: 1px;
    white-space: normal;
}

thead > tr {
    min-height: 21px;
}

thead > tr > th {
    padding-top: 2px;
    padding-bottom: 2px;
	font-size:9pt;
	vertical-align:middle;
}
.uiGridControl .select-record,
.uiGridControl .mark-record {
    width: 20px;
}
.uiGridControl .number-record {
    text-align: right;
    min-width: 21px;
    margin: 0 2px;
}

td {
    vertical-align: top;
}

td.uiInputControl div .Real,
td.uiInputControl div .Integer {
    text-align:right;
}

.selectedRow {
    background-color:rgb(94%,94%,94%);
}

.uiGridControl {
    margin-bottom: 2px;
    margin-right: 2px;
}

.uiGridControl [rowid].current *:not(.combobox, .combobox-list) {
   background-color: rgba(75%,75%,75%,.2);
}

.uiGridControl [rowid]:nth-child(even):not(.selected,.current) {
   background-color: rgba(0,0,0,.01);
}

.uiGridControl .wait td {
    height: 40px;
    background: rgba(255,255,255,0.75) url(../images/loading.gif) no-repeat center center;
}

.GridHeader th {
    padding-left: 2px;
    padding-right: 2px;
}

.uiGridControl th.text-center {
    text-align: center;
}

.uiGridControl th.text-left {
    text-align: left;
}

.uiGridControl th.text-right {
    text-align: right;
}

.uiGridControl th.text-justify {
    text-align: justify;
}

.uiGridControl th.text-inherit {
    text-align: inherit;
}

.GridHeader th {
    margin-right: 1px;
}

table.GridHeader {
    border-collapse: collapse;
}

table.GridHeader thead tr th {
    padding-left: 2px;
    padding-right: 2px;
}

table.GridHeader thead tr th.select-record,
table.GridHeader thead tr th.number-record,
table.GridHeader thead tr th.mark-record {
    padding-left: 3px;
    padding-right: 3px;
}

.uiGridControl ul.uiInputControl.radio input[type="radio"] {
    margin-left: 0px;
}

.uiGridControl .custom.ui-widget-content,
.uiGridControl .radio.ui-widget-content,
.uiGridControl .static.ui-widget-content,
.uiGridControl input.select.ui-widget-content[readonly] {
    border: none;
    background: transparent;
}

.uiGridControl td {
    vertical-align: middle;
    white-space: nowrap;
}

.uiGridControl [rowId='header'] {
	cursor: pointer;        
}

.uiGridControl [rowId='header'] > .sort-asc:before {
	content: "\25b2";
	float: right;
}

.uiGridControl [rowId='header'] > .sort-asc.text-right:before {
   float: left;
}

.uiGridControl [rowId='header'] > .sort-desc:before {
	content: "\25bc";
	float: right;
}

.uiGridControl [rowId='header'] > .sort-desc.text-right:before {
	float: left;
}

.uiGridControl [rowId='header'] > .mark-record,
.uiGridControl [rowId='header'] > .select-record,
.uiGridControl [rowId='header'] > .number-record {
   cursor: initial;
}

.uiGridControl [rowId='header'] > .mark-record:after,
.uiGridControl [rowId='header'] > .select-record:after,
.uiGridControl [rowId='header'] > .number-record:after {
   content: "";
}

.uiGridControl .uiInputControl, .uiGridControl div.Insensitive {
	border-style:none;
}

/** Group Control **/

.uiGroupControl.text-center > * {
    margin-left: auto;
    margin-right: auto;
}

.uiGroupControl.text-left > * {
    margin-left: 0;
    margin-right: auto;
}

.uiGroupControl.text-right > * {
    margin-left: auto;
    margin-right: 0;
}

.uiGroupControl.text-justify > * {
    margin-left: 0;
    margin-right: 0;
}

.uiGroupControl.ui-widget-content:not(.ui-corner-all) {
    border: 0;
}

.uiGroupControl.Horizontal > *:not(.group-header),
.uiGroupControl.Horizontal > *:not(.group-header).panel-body > * {
    display: block;
    float: left;
}

.uiGroupControl.Vertical > div {
    clear: both;
}

.uiGroupControl.Horizontal {
    display: block;
}

.uiPage:after,
.uiGroupControl:after {
    content: "";
    clear: both;
    display: block;
}

div.group-header.uiGroupControl {
    margin-top: 0px;
    overflow: hidden;	
}

div.group-header:not(.uiGroupControl) {
    margin: 0;
    line-height: 21px;
    overflow: hidden;
    text-indent: 5px;
}

tr.group-header {
    height: 18px;
}

table.uiGroupControl {
    margin-left: 1px;
}

/** HTML Control **/

/** HtmlElement Control **/

/** Image Control **/

/** Input Control **/

input.text,
input.select,
input.password,
input.radio,
input.autocomplete,
textarea.textarea,
div.htmlarea div.htmlarea,
select.select {
    border-color:rgb(70%,70%,70%);
    border-style:solid;
    border-width:1px;
    margin-left: 1px;
}

div.htmlarea {
    border-width:0px;
    border-style:none;
}

.uiInputControl {
    font-size:9pt;
    vertical-align:middle;
}

ul.uiInputControl.radio.hori li input[type='radio'] {
    margin-left: 0px;
}

.uiInputControl.Integer,
.uiInputControl.Real {
    text-align:right;
}

.uiInputControl.text-center {
    text-align: center;
}

.uiInputControl.text-left {
    text-align: left;
}

.uiInputControl.text-right {
    text-align: right;
}

.uiInputControl.text-justify {
    text-align: justify;
}

.uiInputControl.text-inherit {
    text-align: inherit;
}

textarea.uiInputControl {
    margin-top: 1px;
}

.uiInputControl.text,
.uiInputControl.select,
.uiInputControl.password {
    line-height: 16px;
    min-height: 16px;
    padding: 0px 2px;
    margin-bottom: 1px;
    margin-left: 1px;
}

input:not([readonly]) + .usoft-calendar-image.focus {
	background: url('../images/calendar.gif') no-repeat right 3px center;
	background-size: 12px 12px;
}

span.input-button {
	width: 20px;
	height: 16px;
	position: relative;
	left: -20px;
	top: 4px;
	display: inline-block;
}

/** Label Control **/

.uiLabelControl.center {
    text-align: center;
}

.uiLabelControl.left {
    text-align: left;
}

.uiLabelControl.right {
    text-align: right;
}

.uiLabelControl.justify {
    text-align: justify;
}

.uiLabelControl.inherit {
    text-align: inherit;
}

.uiLabelControl .ui-widget-content {
    border: inherit;
}

/** Link Control **/

.uiLinkControl {
    text-decoration:underline;
    display: inline-block;
    font-size:9pt;
    font-weight:normal;
    color:blue;
}

/** Menu Control **/

.uiMenuControl.Vertical .menu-top {
	overflow: auto;
}

.uiMenuControl.Vertical .menu-top {
	margin: 5px;	
	float: left;
	height: calc(100% - 10px);	
	width: calc(100% - 6px);
}

.uiMenuControl.Vertical.menu-foldable .menu-top {
	width: calc(100% - 24px);
}

.uiMenuControl.Vertical .menu-top ul {
	overflow: auto;
}

.menu-header {
	margin:0;
}

.us-menu  {
	list-style: none;
}

.uiMenuControl.Vertical .us-menu {
	padding: 0 10px;
}

.uiMenuControl.Horizontal .us-menu:not(.ui-menu) {
	padding-left: 0px;
}

.uiMenuControl.Horizontal .us-menu:not(.ui-menu) > .us-menuline {
	display: inline-block;
	margin: 0 8px;
}

.uiMenuControl.Vertical .us-menu > .us-menuline > a {
	display: block;
	text-decoration: none;
	font-weight: normal;
}

.uiMenuControl.Vertical .us-menu > .us-menuline > a:hover,
.us-menuline > a:hover {
	text-decoration: underline;
}

.us-menuline > a {
	display: block;
}

.us-menuline > a.ui-state-active:not(:hover) {
	border-style: none;
}

.uiMenuControl.Vertical .us-menu > .us-menuline.selected > a {
	font-weight: bold;
}

.uiMenuControl .us-menu .us-menuline div, .uiMenuControl .us-menu .us-menuline a * {
	float: left;
}

.uiMenuControl.Horizontal .us-menu .us-menuline a .caret {
        float: right;
}

.uiMenuControl.Vertical .us-menuline {
        float: none;
        clear: both;
}

.uiMenuControl.Vertical .us-menu .us-menuline ul {
	clear: both;
	margin-left: 5px;
}

.menu-fold {
	cursor: pointer;
	background: rgba(0,0,0,0.05);
	text-align: center;
}

.menu-fold:hover {
	background: rgba(0,0,0,0.1);
}

.uiMenuControl.Vertical .menu-fold {
	width: 9px;
	height: 98%;
	margin-top: 1%;
	float: right;
}

.uiMenuControl.Vertical .menu-fold:after {
	content: "\00ab";
	position: relative;
	top: 50%;
}

.uiMenuControl.Vertical .menu-fold.menu-hidden:after {
	content: "\00bb";
}

.uiMenuControl.Horizontal .menu-fold {
	height: 10px;
}

.uiMenuControl.Horizontal .menu-fold:after {
	content: "\00ab";
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Opera, Chrome, and Safari */
	transform: rotate(90deg);
}

.uiMenuControl.Horizontal .menu-fold.menu-hidden:after {
	content: "\00bb";
}

.uiMenuControl.Horizontal .us-menu.ui-menu {
	position: absolute;
	z-index: 999;
}

.uiMenuControl.Horizontal .us-menu.ui-menu ul .us-menuline {
	margin: 1px;
}

.uiMenuControl.Horizontal .us-menu.ui-menu ul .us-menuline > a {
	text-indent: 3px;
}

.uiMenuControl.Horizontal {
	width: 100%;
}

.uiMenuControl.Horizontal .menu-fold {
	margin-top: 3px;
	min-height: 14px;
}

.uiMenuControl h4.menu-header {
	font-size: 11pt;
}

.uiMenuControl.Horizontal h4.menu-header {
	line-height: 26px;
	/*margin-top: 3px;*/
   	float: left;
	margin-right: 6px;
}

.uiMenuControl.Vertical .us-menu > a > .caret {
	height: 13px;
	width: 16px;
} 

.ui-menu .caret.ui-icon {
    position: relative;
}


ul.Vertical.us-menu li.us-menuline.selected a, 
ul.Vertical.us-menu li.us-menuline.selected a span {
	color: inherit;
}

.uiMenuControl.Horizontal .us-menuline > ul {
	display: none;
}

.uiMenuControl.Horizontal .us-menuline:hover > ul {
	display: inherit;
}

.uiMenuControl.Horizontal .ui-menu.us-menu .ui-menu.us-menu {
	margin-top: 3px;
}

.uiMenuControl.Horizontal .ui-menu.us-menu .ui-menu.us-menu .us-menuline > a {
	min-width: 100px;
}

.menu-top.Hidden {
	display: none;
}

/** MessageArea Control **/

.uiMessageAreaControl {
    font-size:9pt;
    color:navy;
    padding:5px;
    background-color:white;
    overflow:auto;
    vertical-align:middle;
    height:60px;
    width:98%;
    text-align:left;
    border-style:solid;
    border-width:1px;
    border-color:navy;
    border-radius: 5px;
}

/** Message Control **/

.MessageControl .Message {
    margin-left: 25px;
}

.Message {
    margin-bottom:12px;
}

.MessageIcon {
    float: left;
}

/** OpacityControl Control **/

.OpacityControl {
    opacity: 0.7;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 9999;
    position: absolute;
    background:#FFFFFF;
}

/** Page Control **/

div.uiPage.Horizontal > * {
    float: left;
}

.uiPageControl,
.uiPageControl > .uiGroupControl {
    border: none;
}

/** RecordNumber Control **/

/** RecordSetPosition Control **/

.uiRecordSetPositionControl {
    margin-left:10px;
    margin-right:10px;
}

.uiRecordSetPositionControl.ui-widget-content {
    border: 0px;
}

.uiRecordSetPositionControl {
    font-weight:bold;        
    padding: 0 2px;
}

/** RecordSetRange Control **/

.uiRecordSetRangeControl {
    font-weight:bold;        
    padding: 0 2px;
}

/** ReplicatedColumns Control **/

.uiReplicatedColumnsControl .static.ui-widget-content ,
.uiReplicatedColumnsControl .custom.ui-widget-content {
    background: transparent;
}

.uiReplicatedColumnsControl.wait {
    min-height: 40px;
    min-width: 40px;
    background: rgba(255,255,255,0.75) url(../images/loading.gif) no-repeat center center;
}

.selectedRow.rcc-row.ui-widget-header, .selectedRow .panel-body {
    background: rgb(94%,94%,94%);
    color: inherit;
    font-weight: inherit;
    border: none;	
}

.selectedRow .selectedRow,
.selectedRow.rcc-row .selectedRow.rcc-row,
.selectedRow .panel-body .selectedRow .panel-body {
    background-color: rgba(75%,75%,75%,.3);	
}

.rcc-row.selectedRow .ui-widget-content:not(.combobox-list) {
    background: transparent;
}

.rcc-body.empty {
    border: none;
}

.uiReplicatedColumnsControl.Horizontal .rcc-body > .rcc-row {
	float: left;
}

/** Script Control **/

/** Selector Control **/

/** Tabs Control **/

.uiTabsControl .uiButtonControl.ui-button { font-size: 90%; }

.uiTabsControl.tabs {
    margin-top: 3px;
    padding: 0;
}

.uiTabsControl.tabs > ul.ui-corner-all {
    padding: 0;
    border-color: #cccccc;	
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.uiTabsControl.tabs > ul li {
    margin-right: 3px;
    border: none;
    background: rgba(0,0,0,.05);
}

.uiTabsControl.tabs > ul li a {
    font-size: 90%;
    padding: .3em 1em;
}

.uiTabsControl.tabs > ul li.ui-tabs-active {
    background: inherit;
}

.uiTabsControl.tabs > ul li a div {
    float: left;
    height: 14px;
}


.uiTabsControl.tabs > ul.nav.nav-tabs li a {
    height: 24px;
    font-size: inherit;
    padding: 10px 15px;
}

.uiTabsControl.tabs > ul.nav.nav-tabs li a div {
    height: 17px;
    margin-top: -6px;
}

.uiTabsControl.tabs > ul.nav.nav-tabs li a.disabled {
    color: gray;
    background: #eee;
}

.us-tabs > ul {
    border-bottom: 1px solid rgba(0,0,0,.2);
    height: 20px;
}
.us-tabs > ul li {
    list-style-type: none;
    float: left;
    margin-right: 3px;
    border: none;
    background: rgba(0,0,0,.2);
    font-size: 100%;
    padding: 2px 6px;
}

.us-tabs > ul li a {
    text-decoration: none;
    color: black;
}

.us-tabs > ul li.tab-active {
    background: rgba(0,0,0,.05);
}

.us-tabs > ul li.tab-disabled {
    background: rgba(0,0,0,.2);
}

.us-tabs > ul li.tab-active a {
    color: navy;
    font-weight: bold;
}

.us-tabs > ul li.tab-disabled a {
    color: grey;
}

.uiTabsControl.tabs > ul li * {
    float: left;
}

/** TotalNumberOfRecords Control **/

.uiTotalNumberOfRecordsControl {
    font-weight:bold;        
    padding: 0 2px;
}

/** Tree Control **/

li.tree-node {
    clear: both;
}
ul.uiTreeControl,
ul.uiTreeControl ul {
    list-style: none;
    padding-left: 14px;
}

li.tree-node.selected > .tree-node-image,
li.tree-node.selected > .tree-node-value {
    background: rgba(0,0,0,.2)
}

.tree-node-expand {
    cursor: pointer;
    width: 10px;
    height: 100%;
    float: left;
}

li.open > .tree-node-expand {
    background: url('../images/treeOpen.png') no-repeat center center;
}

li.closed > .tree-node-expand {
    background: url('../images/treeClosed.png') no-repeat center center;
}

li.empty > .tree-node-expand {
    background: url('../images/empty.gif') no-repeat center center;
}

.tree-node-image {
    padding: 0 2px;
    float: left;
}

.tree-node-image img {
    vertical-align: middle;
}

.tree-node-value {
    overflow: hidden;
}

.tree-node:hover > div {
    font-weight: bold;
}

li.closed > ul {
    display: none;
}

li.open > ul {
    display: inherit;
}

/** Wait Control **/

.WaitControl {
    cursor:wait;
    opacity: 0.7;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 9999;
    position: absolute;
    background:#FFFFFF;
}

.WaitControl table {
    left: 50%;
    top: 50%;
    position: relative;
}

.WaitControl .wait-message {
    color:navy;
    vertical-align:middle;
}

/** Default Application **/

table.ApplicationLogInPage {
    margin-top:30px; 
    margin-left:50px;
}

.ApplicationGroup {
    padding-left:3px;
    padding-right:3px;
}

div.CalendarPopupImageControl {
    display:inline;
}

img.CalendarPopupImageControl {
    margin-left:2px;
    vertical-align:middle;
}

.ClickableControl {
    cursor:pointer; 
}

.ResultLabelControl {
    font-weight:bold;        
    padding: 0 2px;
}

.TitleLabelControl {
    font-size:16pt;
    margin-top:5px;
    margin-bottom:5px;
}

.USoftLink {
    text-decoration:underline;
    display: inline-block;
    font-size:8pt;
    font-weight:bold;
    color:black;
}

/*Lines*/
div.HorizontalDividerLine,
div.HorizontalDividerLine.ui-widget-content,
div.HorizontalDividerLine.uiGroupControl.ui-widget-content:not(.ui-corner-all) {
    border-style:solid;
    border-top-width:1px;
    border-bottom-width:0px;
    border-left-width:0px;
    border-right-width:0px;
    border-color:black;
}

div.VerticalDividerLineB,
div.VerticalDividerLineB.ui-widget-content,
div.VerticalDividerLineB.uiGroupControl.ui-widget-content:not(.ui-corner-all) {
    border-style:solid;
    border-top-width:0px;
    border-bottom-width:1px;
    border-left-width:0px;
    border-right-width:0px;
    border-color:rgb(70%,70%,70%);
}

.DefaultButtonS,.DefaultButtonE {
    text-decoration:underline;
}

div.readOnlytrue div.Real,
div.readOnlytrue div.Integer {
    text-align:right;
}

div.readOnlytrue div.uiInputControl {
    padding-left:1px;
    padding-right:1px;
}

.DisabledOption {
    color:red;
}

.ui-datepicker-trigger {
    vertical-align: middle;
}

button span {
    white-space:pre;
}

.xslLookupImage {
    margin-left: 2px;
}

div.choice {
    margin-top: 3px;
}

div.choice.Vertical > .ui-button {
    display:block;
}

div.radio input.radio {
    margin-top: -2px;
}

div.panel-heading.group-header-text {
    font-weight: bold;
}

.vatop > * {vertical-align:top}
.vamiddle > * {vertical-align:middle}
.vabottom > * {vertical-align:bottom}

div.vatop {vertical-align:top}
div.vamiddle {vertical-align:middle}
div.vabottom {vertical-align:bottom}

td.uiLabelControl {
    padding: 1px;
}

.uiPage.Vertical > *,
.uiGroupControl.Vertical  > * {
    clear: both;
}

.DataSetNumber {
    min-width: 15px;
}

.ui-autocomplete.ui-menu .ui-menu-item a {
    min-height: 15px;
}

.Uppercase {
    text-transform: uppercase;
}

.us-empty-icon {
    background-image: url(images/ui-icons_cc0000_256x240.png);
    background-position: 64px 0px;
}

.smaller {
    font-size: 90%;
}

/** $.udb.input **/

.format-xml-output {
    font-family: monospace; 
    white-space: pre; 
    margin-left: auto; 
    margin-right: auto; 
    background:#f0f0f0; 
    width: 1020px; 
    height: inherit; 
}

.format-xml-tag {
    color: maroon;
    font-weight: bold;
}

.format-xml-attr {
    color: navy;
    font-weight: bold;
}

.group-with-header:not(.ui-widget-content) > .group-header {
    display: none;
}

.display-block {
    display: block !important;
}

.menu-foldable.menu-hidden {
    max-width: 12px !important;
}

/***** scrollbar (webkit) *****/

::-webkit-scrollbar {
    height: 12px;
    width: 12px;
}
 
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	margin: 3px;
	border: 5px solid transparent;
}
 
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
	background-color: #CCC;
	border: 2px solid #EEE;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #DDD;
}