/* --- All defalt styles --- */


/* --- Page Body Section --- */

html, body, form  {
  height: 100%; width: 100%;
  margin: 0px; padding: 0px;
  overflow: hidden;
  font-size:11.0pt; font-weight:normal; text-decoration: none;
  font-family: 'Open Sans';  
}
* {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}

/* --- General Settings --- */
html .VistaHighlight { color: #0D298C; }
html .Inactive { color: darkgray !important; }
html .Highlight, span.Highlight { font-weight: bold; }
html .Warning, html .VistaWarning { color: maroon; }
html .Alert { color: purple; }
html .VistaBold { font-weight: bold; }
html .VistaResponsive { font-size: 1.4vw; }
html .VistaResponsive11 { font-size: 1.2vw; }
html .VistaResponsive21 { font-size: 2.2vw; }

/* ReadOnly */
html .ReadOnly { color: darkgray !important; }
span.ReadOnlyField { font-weight: normal; color: darkgray }
.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}


/* Title */

html .VistaHeading1 {
  font-size:18pt; 
  font-weight: bold; 
  font-style: normal; }
html .VistaHeading2 {
  color: #333333;
  font-size: 15pt; 
  font-weight: lighter; 
  font-style: normal; }
html .VistaHeading3 {
  color: #333333;
  font-size: 13pt; 
  font-weight: bold; 
  font-style: normal; }
html .VistaHeading4 {
  color: #333333;
  font-size: 11pt; 
  font-weight: bolder; 
  font-style: normal; }

/* Body */

html .VistaBody2, a.VistaBody2 {
  font-size:10pt !important; 
  font-weight: normal; 
  font-style: normal; 
  color: #333333;
}
html .VistaBody3, a.VistaBody3 {
  font-size:10pt !important; 
  font-weight: normal; 
  font-style: normal; 
  color: #333333;
}
html .VistaBody4, a.VistaBody4 {
  font-size:10pt !important; 
  font-weight: normal; 
  font-style: normal; 
  color: #333333;
}
html .VistaBody5, a.VistaBody5 {
  font-size:10pt !important; 
  font-weight: normal; 
  font-style: normal; 
  color: #333333;
}




/* hover */

input[type='text']:hover, input[type='password']:hover, select:hover, textarea:hover,
.riTextBox:hover, .riEnabled:hover, .riTextBox.riEnabled:hover, .riTextBox_Default:hover {
  color: #222222;
  border: 2px solid lightblue !important;
}

a:hover,
a.LinkButton:hover,
a.VistaBody1:hover {
  color: #2C3342 !important; 
  font-weight:bold !important;  
  text-decoration:none; 
  cursor: pointer !important; }
a.Link:hover { 
  color:#2C3342; 
  font-weight:bold; 
  text-decoration:none; }
a.LinkHighlight:hover {
  color:navy; 
  text-decoration:underline; }

a, select, label,
input[type="checkbox"], 
html.rbText:hover, span.rbText:hover,
input.selectField:hover, input[type=image]:hover {
  cursor: pointer;
}
span.PageTitle:hover{ color: #333333; text-decoration: none; cursor: default; }



/* disabled */

html .rbText:disabled, span.rbText:disabled,
input.Disabled, input[type=checkbox]:disabled+label,
input.selectField:disabled {
  cursor: default !important;
	pointer-events: none;
}

/* Focus */

/* :focus { outline: 1px solid #f1f1f1; } */
select:focus, textarea:focus {
  color: #222222 !important;
  outline: 2px solid #f1f1f1;
}

input[type='checkbox']:focus {
  color: #1076C9 !important;
  outline: 2px solid lightgray;
}

a:focus {
  /* color: #1076C9 !important; */
  outline: 0px solid #f1f1f1;
}

input[type='text']:focus, 
input[type='password']:focus, 
select:focus, textarea:focus,
.riTextBox:focus, .riEnabled:focus, .riTextBox_Default:focus {
  color: #1076C9 !important;
  border-color: #1076C9 !important;
}

/* select disable */
.noselect, .NoSelect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version - supported by Chrome, Edge, Opera and Firefox */
}

/* Size override - make all these 11pt */

span.LinkField, a.LinkField, span.LinkFieldLabel, span.LinkFieldLabel, span.LinkFieldSubTitle, 
span.Alert, span.Warning, a.linkBarSmall,
span.CBLabel, span.CBTitle, span.CBEnhance, p.WebTable_Link1, span.rpLink,
a.InfoLinkField, span.InfoLinkField, span.InfoLinkFieldLabel { 
  font-size:11pt; }

span.CBLabel, span.CBTitle, span.CBEnhance, p.WebTable_Link1,
span.LinkField, a.LinkField, span.LinkFieldLabel, span.LinkFieldLabel, span.LinkFieldSubTitle, 
span.Alert, span.Warning, a.linkBarSmall,
div, a.InfoLinkField, span.InfoLinkField, span.InfoLinkFieldLabel { font-size:11pt; }

label { font-size: 11pt; }
span.Radio { font-size:11pt; }