/* change these */
body { 
    margin: 0px;
    padding: 0px;
    font-size: 11pt;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
}

.bar_top { 
  margin: 0px;
  padding: 8px;
  font-size: 11pt;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  background-color: #1076BE; /* 398ee7; */
}

.bar_top_link, .bar_top_link:visited {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;

  /*TEXT-DECORATION: underline;*/
  background: inherit;
}
.bar_top_link:hover {

  color: #ffb3b3;
  font-family: Arial, Helvetica, sans-serif;
  TEXT-DECORATION: none;
  background: inherit;

}

table {
  border-width: 0px;
  empty-cells: hide;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14pt;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13pt;
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
}


h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
}

p, td, th, center {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
}

/* links */
a, a:visited, .ui-widget-content a {
  text-decoration: none;
  color: #1076BE; 
  background: inherit;
  font-family: Arial, Helvetica, sans-serif;
}
a:active {
  color: #F11979;
  font-family: Arial, Helvetica, sans-serif;
  TEXT-DECORATION: none;
  background: inherit;
}
a:hover {
  color: #F11979;
  font-family: Arial, Helvetica, sans-serif;
  TEXT-DECORATION: underline;
  background: inherit;
}

/* Console Content Links */
a.console-content {
  text-decoration: none;
}


td.console-content {
    line-height: 130%;
}

pre {
    font-size: 11pt;
}

code {
    font-size: 11pt;
}

tt {
    font-size: 11pt;
}

select  {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    padding: 2px 0;
}

input[type=text], input[type=password] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    padding: 2px;
}


input[type=submit], input[type=button]:not(.startButton) {
    font-size: 11pt;
    color: #FFF !important; 
    border: 1px solid #fff;
    background: #1076BE; 
/*    padding: 2px 10px 2px 10px; */
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    cursor: pointer;
}

input[type=submit]:hover, input[type=button]:hover:not(.startButton) {
    background: #F11979 !important; 
    border-color: #F11979; 
    color: #FFF !important;
}

textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    padding: 2px;
}

/* used for floating content */
.floater {
float:left;
}

/* for the autocompleter */

/* autocompleter */
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  z-index: 100;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.autocomplete ul li.selected { background-color: #f5d4a7;}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  min-height:32px;
  cursor:pointer;
  text-align: left;
  border-top: 1px dotted #888;
}

div.autocomplete ul li:first-child {
    border: none;
}


/* portlets, used for implementing draggable objects with resize option */
.portlet {
  margin: 0 1em 1em 0;
  padding: 0.3em;
}
.portlet-header {
  padding: 0.2em 0.3em;
  /*margin-bottom: 0.5em;*/
  margin-left: 20px;
  position: relative;
}
.portlet-toggle {
  position: absolute;
  top: 50%;
  left: -20px;
  margin-top: -8px;
}
.portlet-content {
  padding: 0.4em;
}
.portlet-placeholder {
  border: 1px dotted black;
  margin: 0 1em 1em 0;
  height: 50px;
}

/* portlets, used for implementing simple draggable objects */
.simplesortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*width: 60%;*/
}

.simplesortable li {
  margin: 0 3px 3px 3px;
  padding: 0.4em;
  padding-left: 1.5em;
  font-size: 1.5em;
  /*height: 18px;*/
}

.simplesortable li span {
  position: absolute;
  margin-left: -1.3em;
}

.stickydiv {
}

.stickydiv.stuck {
  position:fixed;
  top:0;
}

/* Created from https://www.bestcssbuttongenerator.com/ */
.startButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
    background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
    background-color:#79bbff;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #84bbf3;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:8px;
    padding:2px 8px;
    text-decoration:none;
}
.startButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
    background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
    background-color:#378de5;
}
.startButton:active {
    position:relative;
    top:1px;
}
.spantable {
    width: 95vw;
}