html, body
{
  height: 100%;
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 0.875em;
  color: #333;
  margin: 0;
  padding: 0;
}

html.wait, html.wait * {
  cursor: wait !important;
}

h1 {
  font-size: 1.52em;
}
h2 {
  font-size: 1.36em;
}
h3 {
  font-size: 1.36em;
}
h4 {
  font-size: 1.18em;
}
h5 {
  font-size: 1.18em;
}
h6 {
  font-size: 1.09em;
}

body h4
{
  font-weight: normal;
  margin: 1em 0;
}

.default-font-family
{
  font-family: verdana, arial, helvetica, sans-serif;
}

@media (max-width: 600px)
{
  h1
  {
    font-size: 1.2em;
  }
}

.dfmpage-title-head >h3
{
  margin: 0;
}

*:focus:not(div):not(a):not(.select-editable-input):not(.alertmsg):not(.jstree-anchor):not(.ui-tabs-active):not(.dfm-dtInlineInput),
a:focus:not(.ui-tabs-anchor)
{
  box-shadow: 0 0 0 1px #58acfa;
}

div:focus
{
  outline: 0;
}

input[readonly],
input[disabled],
textarea[readonly]
{
  background-color: #f2f2f2;
}

textarea.ui-widget-content[readonly]
{
  background: #f2f2f2;
}

button, input.button, input[type="button"],
input[type="reset"], input[type="submit"]
{
  min-width: 8em;
  min-height: 2em;
  vertical-align: middle;
}

input[type="number"],
input[type="text"]
{
  -webkit-appearance: none;
  -moz-appearance: textfield;
}

input[type="number"]
{
  width: 5em;
}

input.hilight
{
  border: 2px solid #b60000;
  border-radius: 3px;
}

::-webkit-input-placeholder
{
  color: #999999;
}
:-moz-placeholder
{
  color: #666666;
}
::-moz-placeholder
{
  color: #666666;
}
:-ms-input-placeholder
{
  color: #999999;
}

select[size='1']
{
  display: inline-block;
  max-width: 100%;
  line-height: 1.5;
  padding: 0 2em 0 0.2em;
  border: 1px solid #d1d5da;
  border-radius: 3px;
  background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QYNCSICKotTeQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAsUlEQVQ4y+2Syw2CUBBFzwU0stA9bUwFdiZ2ZgXTBhWoiQHHzcOg4gcTd97k5U0m95zViBQzKyUJCCAH2vR3aTcHTsAyIo7uvgdQgueSskG5f9dOSg4sgIiIg7t3MrOVpBY4p3IHZANBpH2R5gKYAWVEtPyDzKyWtPkGjoht3jTNrqoqSVpPhd29zgGmSnq4PwymSIbwjeATyT38IHglGYNHBWOSZ/DbmFltZvX/2n+cC6S3ao9fqh/cAAAAAElFTkSuQmCC') no-repeat right 8px center;
  background-size: 8px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 2em;
  margin: 1px 0 1px 2px;
  position: relative;
  top: 1px;
}

select[size='1']:disabled
{
  background-color: #f2f2f2;
}

select[size]:not([size='1'])
{
  display: inline-block;
  max-width: 100%;
  min-height: 10em;
  line-height: 2em;
  padding-left: 0.2em;
  padding-right: 2em;
  border: 1px solid #d1d5da;
  border-radius: 3px;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 2px;
  height: 10em;
}

/*IE fix:*/
select::-ms-expand
{
  opacity:0;
}

.select[multiple]
{
  height:auto
}

.select-editable
{
  position: relative;
  min-height: 2em;
}

.select-editable select
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
}

.select-editable input[type="text"]
{
  box-shadow: none;
  position: absolute;
  top: 1px;
  left: 2px;
  width: 88%;
  padding: 1px;
  border: none;
}

.select-editable select:focus,
.select-editable input:focus
{
  outline: none;
}

p
{
  margin: 0 0 0.5em 0;
}

abbr
{
  border: none;
}

a:link
{
  color: #005eae;
  text-decoration: none;
}

a:visited
{
  text-decoration: none;
  color: #005e8e;
}

.u-noborder
{
  border: 0;
}

.u-nofloat
{
  clear: both;
}

*[hidden],
.u-invisible,
.u-hidden-advanced,
.u-nolegend
{
  display: none;
  visibility: hidden;
}

.u-stealth
{
  height: 1px;
  left: -1000em;
  position: absolute !important;
  width: 100px;
}

div.tabheader
{
  border-radius: 0;
}

footer
{
  margin-top: 1em;
  padding-top: 0.5em;
  border-top: 1px solid gray;
  font-size: 0.8em;
  color: #606060;
}

.GrayText
{
  color: #606060;
}

[role="alert"]
{
  font-size: 1em;
  font-weight: bold;
  color: #b60000;
}

div[role="alert"]
{
  padding: 0 0 1em 0;
}

div[role="alert"].bigalert
{
  padding: 1em;
  font-size: 1.5em;
  background-color: lightgray;
}

.alertmsg[role="alert"]:focus
{
  outline: #b60000 dotted 1px;
}

.submsg
{
  font-size: 0.8em;
  color: gray;
}

.maintenancealert
{
  margin-top: 2ex;
  color: black;
}

/* hidden tooltip */
[role="tooltip"]
{
  background: InfoBackground;
  border-radius: 5px;
  box-shadow: 0 1px 3px #919191;
  color: InfoText;
  display: none;
  font-size: 1em;
  line-height: 1.5em;
  margin: 0;
  padding: 0.2em 0.4em 0.2em 0.4em;
  text-align: center;
  text-decoration: none;
  visibility: hidden;
  z-index: 2;
}

.tooltip
{
  line-height: 1.5em;
}

span.tooltip
{
  border-radius: 5px;
  background-clip: padding-box;
  color: black;
  margin-top: 0.4em;
  position: absolute;
  z-index: 9999;
}

/* turn the border red if not valid */
input[aria-invalid="true"],
textarea[aria-invalid="true"]
{
  border: 2px solid #ee0000;
}

.clearable-input
{
  display: inline-block;
  position: relative;
  white-space: normal;
  width: auto;
}

.clearable-input input
{
  position: relative;
  top: -2px;
}

.clearable-input-x
{
  background: url('../../images/clearable-x.png') center center no-repeat;
  display: block;
  width: 13px;
  height: 13px;
  position: absolute;
  opacity: 0.6;
  z-index: 100;
  top: 50%;
  right: 10px;
  margin-top: -7px;
}

.embed-container
{
  position: relative;
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0;
  overflow: hidden;
  width: 100%;
}

.embed-container iframe
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* tinybox */

.tinybox
{
  z-index: 2000;
}

.tinymask
{
  z-index: 1500;
}

.tinycontent .tbbuttons
{
  padding-top: 1em;
  padding-bottom: 0.5em;
  text-align: right;
}

/* tinybox dialog */

.tinydialog {
  display: none;
}

.tinydialog h1 {
  color: #666666;
}

.tinydialog .description {
  min-width: 60ex;
  padding-top: 1em;
  padding-bottom: 1em;
}

.tinydialog .layout {
  width: 60ex;
}

.tinydialog .layout .layout-cell,
.tinydialog .layout .lcell {
  padding: 0.4em;
}

.tinydialog .layout .layout-cell select,
.tinydialog .layout .lcell select {
  width: 100%;
}

.tinydialog input[type="password"],
.tinydialog input[type="text"],
.tinydialog input[type="url"]
{
  width: calc(100% - 1.6em);
}

.tinydialog .msgdlgtext
{
  font-size: 1.2em;
}

/* table */

table caption
{
  text-align: left;
  padding: 0.2em;
}

table.list
{
  border: 1px solid #b3aea1;
  border-spacing: 0;
  border-collapse: separate;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),0 3px 1px -2px rgba(0, 0, 0, 0.2);
  font-size: 1em;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
  width: 100%
}

table.list.simple
{
  border-top-color: #b3aea1;
  border-right: 0;
  border-bottom-color: #c0c0c0;
}

table.list.striped
{
  background-color: white;
}

table.list.striped > tbody > tr:nth-child(2n)
{
  background-color: #EDF3FE;
}

table.list .popupmenu-caption
{
  min-height: 2em;
  padding-top: 0.5em;
}

table.list th,
table.list td
{
  border-top: 1px dotted #ccc;
  font-weight: normal;
  padding: 2px;
  vertical-align: middle;
  text-align: left;
}

table.list > thead > tr > td,
table.list > thead > tr > th
{
  background-color: #f2f2f2;
  border: 0;
  border-bottom: 1px solid #ccc;
}

table.list thead tr td#pagertop
{
  border-bottom: 1px solid #ccc;
}

table.list > thead > tr > td:not(:last-child),
table.list > thead > tr > th:not(:last-child),
table.list > tbody > tr > td:not(:last-child)
{
  border-right: 1px dotted #ccc;
}

table.list.simple th:not(:last-child),
table.list.simple td:not(:last-child)
{
  border-right: 0;
}

table.list.simple th:last-child,
table.list.simple td:last-child
{
  border-right: 1px solid #ccc;
}

table.list > thead > tr > td > a:link,
table.list > thead > tr > th > a:link
{
  color: #333333;
}

table.list > thead > tr > th img
{
  color: #333333;
  transform: translateY(2px);
}

table.list td > input[type="password"],
table.list td > input[type="text"]
{
  width: calc(100% - 1em);
  border:0;
}

table.list td.left,
table.list th.left
{
  text-align: left;
}

table.list td.center,
table.list th.center
{
  text-align: center;
}

table.list td.right,
table.list th.right
{
  text-align: right;
}

table.list th.left,
table.list th.center,
table.list th.right
{
  font-weight: bold;
}

table.list td.menu,
table.list th.menu
{
  text-align: center;
  min-width: 2em;
}

table.list > tbody > tr > td .GrayText,
table.list > tbody > tr > th .GrayText
{
  margin: 2px 0 0 0;
}

table.list td.listcell_left,
table.list td.listcell_left_even,
table.list td.listcell_center,
table.list td.listcell_center_even,
table.list td.listcell_right,
table.list td.listcell_right_even,
table.list td.listcell_group
{
  vertical-align: middle;
  border-right: 1px solid #ccc;
  padding: 3px 4px 3px 4px;
}

table.list td.listcell_left:last-child,
table.list td.listcell_left_even:last-child,
table.list td.listcell_center:last-child,
table.list td.listcell_center_even:last-child,
table.list td.listcell_right:last-child,
table.list td.listcell_right_even:last-child,
table.list td.listcell_group:last-child
{
  border-right: 0;
}

table.list td.listcell_left,
table.list td.listcell_left_even
{
  text-align: left;
}

table.list td.listcell_center,
table.list td.listcell_center_even
{
  text-align: center;
}

table.list td.listcell_right,
table.list td.listcell_right_even
{
  text-align: right;
}

table.list td.listcell_left_even,
table.list td.listcell_right_even,
table.list td.listcell_center_even,
table.list input.listedit_left_even
{
  background-color: #EDF3FE;
}

table.list td.listcell_group
{
  background-color: #D0D0D0;
  border-bottom: 1px solid #ccc;
  font-weight: 600;
  line-height: 2em;
}

/* Alert Tooltip */

.alert-tooltip::before
{
  border-bottom: 1em solid #b60000;
  border-right: 1em solid transparent;
  content: "";
  display: inline-block;
  left: 5%;
  position: absolute;
  top: -1em;
}

.alert-tooltip
{
  background: #b60000 none repeat scroll 0 0;
  color: #fff;
  font-size: 1em;
  line-height: 2em;
  margin: 0.5em 0 !important;
  padding: 0.5em !important;
  position: absolute;
  z-index: 3;
}

.imgbtn
{
  border-collapse: separate;
  display: inline-block;
  position: relative;
  text-indent: 0;
  min-width: 8px;
}

.imgbtn button
{
  background-color: transparent;
  border: 0 none;
  border-collapse: separate;
  cursor: pointer;
  display: inline-block;
  overflow: visible;
  position: relative;
  padding: 2px;
  margin: 0.5em;
}

.imgbtn > span, .imgbtn + span
{
  border: 1px solid #395409;
  border-radius: 2px;
  color: white;
  display: inline-block;
  font-size: 0.9em;
  letter-spacing: 0;
  opacity: 1;
  white-space: nowrap;
  word-spacing: 0;
  padding: 6px 4px 0 21px;
  height: 1.5em;
}

.imgbtn:hover > span, .imgbtn:focus > span
{
  background-color: #AAAAAA;
  border-color: #395409;
}

.imgbtn[disabled] > span
{
  border-color: #666666;
  color: #666666;
  cursor: default;
}

.creationinfo
{
  color: #606060;
  white-space: nowrap;
}

.creationinfo div.layout-cell.left
{
  padding-right: 2em;
  text-align: left;
  width: 1px;
}

.creationinfo span
{
  padding-left: 0.3em;
}

#session_timeout
{
  color: GrayText;
  font-size: 0.8em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

#session_timeout.expires-soon
{
  color: #b60000;
}

.session-warning
{
  display: inline;
}

.report .session-warning:not(.u-invisible)
{
  display: block;
  font-size: 1.2em;
}

.pageloader
{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99;
}

.pageloader .waitinggif
{
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url('../waiting.gif');
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}

img.hp_icon
{
  transform: translateY(3px);
}

img.prtflag
{
  margin-left: 0.5em;
}

button.hp_icon
{
  border: 1px solid #a9a9a9;
  border-radius: 3px;
  cursor: pointer;
  width: 23px;
  height: 23px;
  padding: 0;
  text-align: center;
  min-width: 0;
  min-height: 0;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.revealpw
{
  left: -1.8em;
  margin-top: 2px;
  position: relative;
  top: 0;
}

.bullet
{
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
  border-radius: 1.2em;
}

.bullet.red
{
  background-color: #ff3d03;
}

.bullet.green
{
  background-color: #61dc24;
}

.bullet.yellow
{
  background-color: #ffaa00;
}

.bullet.black
{
  background-color: #000000;
}

.bullet.notmonitored
{
  background-color: darkgray;
}

.bullet.datamissing
{
  background-color: #1483ac;
}

.bullet.unlicensed
{
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0.75em;
  height: 0.75em;
  position: relative;
  border: 0.15em solid #ce4724;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  font: normal 1.2em/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
}

.bullet.unlicensed::after {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0.85em;
  height: 0.18em;
  position: absolute;
  content: "";
  top: 0.25em;
  left: -0.05em;
  border: none;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #ce4724;
  text-shadow: none;
  -webkit-transform: rotateZ(-45deg)   ;
  transform: rotateZ(-45deg)   ;
}

.tinymsgdlg .msgdlgicon.information::before
{
  color: #2166a7;
}

.tinymsgdlg .msgdlgicon.question::before
{
  color: #2166a7;
}

div.oauth_label
{
  color: #3D3D3D;
  float: right;
  margin-top: 3px;
  margin-right: 2em;
  background-color: #bfdadc;
  padding: .1em 3px;
  font-size: x-small;
  font-weight: 600;
  line-height: 15px;
  border-radius: 2px;
  box-shadow: inset 0 -1px 0 rgba(27, 31, 35, .12);
  text-align: center;
}