@import url("../../_hgScriptLibrary/CKE5/ckeditor5/ckeditor5.css");

/*
 * Do not modify this file. This file is automatically
 * generated by HyperGen, Inc.'s Portal. Any changes made
 * to this file will be overwritten by the Portal.
 */

.cancel
{
   background: transparent url(../../images/vue/icons/cancel.gif) no-repeat left center;
   border: none;
   display: block;
   margin: auto auto auto 2px;
   padding: 1.25px 0px 1.25px 0px;
   text-indent: 20px;
}

.checkmark
{
   background: transparent url(../../images/vue/icons/checkmark.gif) no-repeat left top;
   border: none;
   display: block;
   margin: auto auto auto 2px;
   padding: 1.25px 0px 1.25px 0px;
   text-indent: 20px;
}

.checkmark.bg-only
{
   text-indent: -9999px;
}

.displayonly.border.richtext
{
   border: solid thin black;
   padding: 4px;
   white-space: pre-wrap;
   word-wrap: break-word;
}

.exclamation
{
   background: transparent url(../../images/vue/icons/exclamation.gif) no-repeat left top;
   border: none;
   display: block;
   margin: auto auto auto 2px;
   padding: 1.25px 0px 1.25px 0px;
   text-indent: 20px;
}

.exclamation.bg-only
{
   text-indent: -9999px;
}

.folder
{
   background: transparent url(../../images/vue/icons/folder.gif) no-repeat center center;;
   border: none;
   display: block;
   height: 18px;
   margin: auto;
   padding: 1.25px 0px 1.25px 0px;
   text-indent: -9999px;
   width: 18px;
}

.folder.bg-only
{
   text-indent: -9999px;
}

.gear
{
   background: transparent url(../../images/ged/icons/gear.gif) no-repeat left center;
   border: none;
   display: block;
   margin: auto auto auto 2px;
   padding: 1.25px 0px 1.25px 0px;
   text-indent: 20px;
}

.helptext
{
   background-color: #FFFFE8;
   border: 1px solid #006C8B;
   border-radius: 5px;
   color: unset;
   font-size: 95%;
   font-style: normal;
   line-height: 1.5em;
   padding: 5px;
   white-space: normal;
}

.hgStaticButton
{
   background-color: #007fa3;
   border: 1px solid #007fa3;
   border-radius: 4px;
   color: white;
   cursor: default;
}

.hgStaticButton:focus
{
   cursor: pointer;
   outline: -webkit-focus-ring-color auto 1px;
}

.hgStaticButton:hover
{
   cursor: pointer;
   outline: -webkit-focus-ring-color auto 1px;
}

.information
{
   background: transparent url(../../images/vue/icons/information.gif) no-repeat left top;
   border: none;
   display: block;
   margin: auto auto auto 2px;
   padding: 1.25px 0px 1.25px 0px;
   text-indent: 20px;
}

.information.bg-only
{
   text-indent: -9999px;
}

.paperclip
{
   background: transparent url(../../images/vue/icons/paperclip.gif) no-repeat left center;
   border: none;
   display: block;
   margin: auto auto auto 2px;
   padding: 1.25px 0px 1.25px 0px;
   text-indent: -2000px;
}

.print
{
   background: transparent url(../../images/vue/icons/printer.gif) no-repeat center center;;
   border: none;
   display: block;
   height: 18px;
   margin: auto;
   padding: 1.25px 0px 1.25px 0px;
   text-indent: -9999px;
   width: 18px;
}

.question
{
   background: transparent url(../../images/vue/icons/questionmark.gif) no-repeat left center;;
   border: none;
   display: block;
   margin: auto auto auto 2px;
   padding: 1.25px 0px 1.25px 0px;
   text-indent: 20px;
}

.signonH1
{
   color: #005c76;
   font-size: 20pt;
}

.upload
{
   background: transparent url(../../images/vue/icons/upload.gif) no-repeat center center;
   border: none;
   display: block;
   height: 18px;
   margin: auto;
   padding: 1.25px 0px 1.25px 0px;
   text-indent: -9999px;
   width: 18px;
}

.upload:hover
{
   cursor: pointer;
}

.upload[disabled]
{
   background: none;
   cursor: default;
   display: block;
}

.view
{
   background: transparent url(../../images/vue/icons/view.gif) no-repeat center center;
   border: none;
   display: block;
   height: 18px;
   margin: auto;
   padding: 1.25px 0px 1.25px 0px;
   text-indent: -9999px;
   width: 18px;
}

.view:hover
{
   cursor: pointer;
}

.ar_life_0
{
   background: unset;
}

.ar_life_100
{
   background: linear-gradient(to left, rgb(102 188 80), rgb(102 188 80));
   color: white;
}

.ar_life_25
{
   background: linear-gradient(to left, rgb(237 50 55), transparent);
}

.ar_life_50
{
   background: linear-gradient(to left, rgb(255 242 18), transparent);
}

.ar_life_75
{
   background: linear-gradient(to left, rgb(172 208 68), transparent);
}

.bgBlack
{
   background-color: black;
   color: white;
}

.bgBlue
{
   background-color: rgb(60 133 197);
   color: white;
}

.bgGold
{
   background-color: rgb(210 174 109);
   color: black;
}

.bgGreen
{
   background-color: rgb(0 168 89);
   color: white;
}

.bgMagenta
{
   background-color: rgb(227 41 143);
   color: white;
}

.bgOrange
{
   background-color: rgb(245 134 52);
   color: black;
}

.bgPurple
{
   background-color: rgb(158 64 150);
   color: white;
}

.bgRed
{
   background-color: rgb(237 50 55);
   color: white;
}

.bgTurquoise
{
   background-color: turquoise;
   color: black;
}

.bgWhite
{
   background-color: white;
   color: black;
}

.bgYellow
{
   background-color: yellow;
   color: black;
}

.mc-left-bold
{
   font-weight: bold;
   white-space: nowrap;
}

.hgSmallHeading
{
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 13pt;
   font-weight: bold;
}

.hgSmallText
{
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9pt;
   font-style: italic;
   font-weight: normal;
}

.hgSmallTitle
{
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9pt;
   font-style: italic;
   font-weight: bold;
}

.SourceCode
{
   font-family: Courier New;
   white-space: pre-wrap;
}

.alignLeft
{
   text-align: left;
}

.alignRight
{
   text-align: right;
}

.boldText
{
   font-weight: bold;
}

.center
{
   text-align: center;
}

.hgCopyRight
{
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
}

.hgExample
{
   color: #666666;
   font-size: 9pt;
}

.hgField
{
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9pt;
}

.hgInstructions
{
   color: #333333;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
}

.text
{
   color: #000000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9pt;
   font-style: normal;
   font-weight: normal;
}

.textBody
{
   margin: 0px;
   padding: 0px;
}

.debugContainer
{
   outline: 1px solid purple;
}

.debugDialog
{
   outline: 1px solid pink;
}

.debugFrame
{
   outline: 2px solid red;
}

@media  only screen and (max-width:1px)
{
   .paglet-container
   {
      display: flow-root;
      outline: 1px solid #007fa3;
      outline-offset: -2px;
   }

   table#dashboard > caption
   {
      display: inline-block;
      width: 100%;
   }

   table#dashboard > tbody > tr > td[class*="column"]
   {
      width: 100vw;
   }

   table#dashboard > tbody > tr > td[class*="column"].wk-fill
   {
      width: -webkit-fill-available;
   }

}
table#dashboard > tbody > tr > td[class*="column"]
{
   vertical-align: top;
}

.flex-container
{
   display: block;
}

.flex-group
{
   display: inline-block;
   width: 100%;
}

@media only screen and (max-device-width:1px)
{
   .flex-container
   {
      display: flex;
      flex-wrap: wrap;
   }

   div.label
   {
      text-align: left !important;
   }

   table, thead, tbody, th, td, tr
   {
      display: block;
   }

   table.layout tr
   {
      display: flow-root;
   }

   td.layout
   {
      display: none;
   }

}
@media only screen and (max-device-width:1px)
{
   table.grid
   {
      background: none;
   }

   table.grid > tbody > tr > td.sf-controls
   {
      display: block;
   }

   table.grid > tbody > tr > td.sf-controls > button
   {
      background-color: #007fa3;
      background-image: none;
      border: 1px solid #007fa3;
      border-radius: 4px;
      color: white;
      font-size: .9em;
      height: 20px;
      width: auto;
   }

   table.grid > tbody > tr > td.sf-controls > button.add:after
   {
      content: "Add";
   }

   table.grid > tbody > tr > td.sf-controls > button.delete:after
   {
      content: "Delete";
   }

   table.grid td
   {
      border: none;
      padding-left: 50%;
      position: relative;
   }

   table.grid td:before
   {
      font-size: .8em;
      font-weight: bold;
      left: 3px;
      padding-right: 10px;
      position: absolute;
      top: 3px;
      white-space: nowrap;
      width: 45%;
   }

   table.grid thead tr.col-head
   {
      left: -9999px;
      position: absolute;
      top: -9999px;
   }

   table.grid thead tr.header
   {
      background: #005770;
      min-height: 24px;
   }

   table.grid tr
   {
      border: 1px solid #005770;
   }

}
table.grid
{
   background: #005770;
   border-spacing: 1px;
   outline: 1px solid #005770;
   outline-offset: -1px;
   width: 100%;
}

table.grid > .column.header
{
   background: #0081a4;
   border-color: #005770;
   color: white;
   font-weight: bold;
   padding: 0;
}

table.grid > .column.header .title
{
   display: inline-block;
   margin: 1px;
}

table.grid > .header
{
   background: #005770;
   border: 1px solid transparent;
   padding: 5px 3px;
}

table.grid > tbody > tr:hover
{
   outline: 2px solid black;
}

table.grid > tbody > tr:nth-child(even)
{
   background: white;
}

table.grid > tbody > tr:nth-child(odd)
{
   background: white;
}

table.grid > thead
{
   color: white;
   font-weight: bold;
}

table.grid > thead > tr > th > div.controls > div#rowcount
{
   display: inline-block;
}

table.grid > thead > tr > th > div.controls > select
{
   width: auto;
}

table.grid > thead > tr:first-child > th > div.grid-controls
{
   display: inline-block;
   float: right;
}

table.grid > thead > tr:first-child > th > div.title
{
   display: inline-block;
   float: left;
}

table.grid > thead > tr:last-child
{
   background-color: #007a9b;
   text-align: left;
}

table.grid > thead > tr:last-child th
{
   padding: 2px;
}

@media only screen and (max-device-width:1px)
{
   table.sf-row > tbody > tr > td > div.label
   {
      text-align: left;
   }

   table.sf-row > tbody > tr > td.layout
   {
      display: none;
   }

   table.subform > tbody > tr > td
   {
      width: 100%;
   }

   table.subform > tbody > tr > td.sf-controls
   {
      display: block;
   }

   table.subform > tbody > tr > td.sf-controls > button
   {
      background-color: #007fa3;
      background-image: none;
      border: 1px solid #007fa3;
      border-radius: 4px;
      color: white;
      font-size: .9em;
      height: 20px;
      width: auto;
   }

   table.subform > tbody > tr > td.sf-controls > button.add:after
   {
      content: "Add";
   }

   table.subform > tbody > tr > td.sf-controls > button.delete:after
   {
      content: "Delete";
   }

   table.subform table.s-row tr
   {
      border: none;
   }

   table.subform td
   {
      border: none;
      display: flex;
      padding-left: 0;
      position: relative;
   }

   table.subform thead tr.header
   {
      background: #005770;
      min-height: 24px;
   }

}
table.subform
{
   background: #005770;
   border: 1px #005770 solid;
   border-collapse: collapse;
   border-spacing: 1px;
   width: 100%;
}

table.subform .controls
{
   float: right;
}

table.subform .controls .first
{
   background: transparent url(../../images/vue/icons/first.gif) no-repeat;
}

table.subform .controls .first:focus
{
   background-image: url(../../images/vue/icons/first_dark.gif);
}

table.subform .controls .first:hover
{
   background-image: url(../../images/vue/icons/first_dark.gif);
}

table.subform .controls .hide
{
   background: transparent url(../../images/vue/icons/hide.gif) no-repeat;
}

table.subform .controls .hide:focus
{
   background-image: url(../../images/vue/icons/hide_dark.gif);
}

table.subform .controls .hide:hover
{
   background-image: url(../../images/vue/icons/hide_dark.gif);
}

table.subform .controls .last
{
   background: transparent url(../../images/vue/icons/last.gif) no-repeat;
}

table.subform .controls .last:focus
{
   background-image: url(../../images/vue/icons/last_dark.gif);
}

table.subform .controls .last:hover
{
   background-image: url(../../images/vue/icons/last_dark.gif);
}

table.subform .controls .next
{
   background: transparent url(../../images/vue/icons/next.gif) no-repeat;
}

table.subform .controls .next:focus
{
   background-image: url(../../images/vue/icons/next_dark.gif);
}

table.subform .controls .next:hover
{
   background-image: url(../../images/vue/icons/next_dark.gif);
}

table.subform .controls .previous
{
   background: transparent url(../../images/vue/icons/prev.gif) no-repeat;
}

table.subform .controls .previous:focus
{
   background-image: url(../../images/vue/icons/prev_dark.gif);
}

table.subform .controls .previous:hover
{
   background-image: url(../../images/vue/icons/prev_dark.gif);
}

table.subform .controls .show
{
   background: transparent url(../../images/vue/icons/show.gif) no-repeat;
}

table.subform .controls .show:focus
{
   background-image: url(../../images/vue/icons/show_dark.gif);
}

table.subform .controls .show:hover
{
   background-image: url(../../images/vue/icons/show_dark.gif);
}

table.subform .controls button
{
   border: none;
   height: 18px;
   margin-top: 6px;
   outline: 0;
   width: 18px;
}

table.subform > tbody > tr
{
   border-bottom: 1px solid #005770;
}

table.subform > tbody > tr:nth-child(even) td
{
   background: white;
}

table.subform > tbody > tr:nth-child(odd) td
{
   background: white;
}

table.subform > thead
{
   color: white;
   font-weight: bold;
}

table.subform > thead > tr > th > div.controls > div#rowcount
{
   display: inline-block;
}

table.subform > thead > tr > th > div.controls > select
{
   width: auto;
}

table.subform > thead > tr:first-child > th
{
   padding: 3px;
}

table.subform > thead > tr:first-child > th > div.grid-controls
{
   display: inline-block;
   float: right;
}

table.subform > thead > tr:first-child > th > div.title
{
   display: inline-block;
   float: left;
}

table.subform > thead > tr:last-child th
{
   padding: 2px;
}

table.subform table.sf-row
{
   border-collapse: collapse;
}

table.subform td.sf-controls
{
   border-collapse: collapse;
   padding-top: 5px;
   vertical-align: top;
}

.form.cell
{
   text-align: left;
   vertical-align: top;
}

.iframe-container-xxx
{
   overflow: hidden;
   padding-top: 56.25%;
   position: relative;
}

.page .overlay
{
   background-color: rgba(0,0,0, .75);
   height: 100vh;
   left: 0px;
   position: fixed;
   top: 0px;
   width: 100%;
   z-index: 100;
}

.page .overlay.busy
{
   background-image: url(../../images/vue/icons/busy.gif);
   background-position: center;
   background-repeat: no-repeat;
}

.page.controls
{
   display: inline-flex;
   padding-bottom: 2px;
   padding-top: 8px;
}

.page.controls button
{
   -khtml-border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background-color: #008fb4;
   background-position: center center;
   background-repeat: no-repeat;
   border: 1px solid #008fb4;
   border-radius: 5px;
   cursor: pointer;
   height: 32px;
   margin: 0px 0px 0px 6px;
   width: 32px;
}

.page.controls button.add
{
   background-image: url(../../images/pgAdd.png);
}

.page.controls button.cancel
{
   background-image: url(../../images/pgCancel.png);
}

.page.controls button.close
{
   background-image: url(../../images/pgClose.png);
}

.page.controls button.delete
{
   background-image: url(../../images/pgDelete.png);
}

.page.controls button.redirect
{
   background-image: url(../../images/pgNext.png);
}

.page.controls button.refresh
{
   background-image: url(../../images/pgReload.png);
}

.page.controls button.return
{
   background-image: url(../../images/pgBack.png);
}

.page.controls button.run
{
   background-image: url(../../images/pgNext.png);
}

.page.controls button.save
{
   background-image: url(../../images/pgSave.png);
}

.page.controls button.search
{
   background-image: url(../../images/pgSearch.png);
}

.page.controls button:hover
{
   background-color: #005770;
   border-color: #005770;
}

.page.controls button[disabled="true"]
{
   background-color: gray;
   border-color: gray;
   cursor: default;
}

.page.prompt
{
   background-color: #FFFFF0;
   border: none;
   margin: 0px;
   padding: 0px;
}

.page.prompt > .header
{
   background-color: #0081a4;
   cursor: grab;
   hieght: 20px;
   width: 100%;
}

@media  only screen and (max-device-width:1px)
{
   .pagelet .container td.page
   {
      outline: none;
   }

   div#outerDiv[aria-modal] A
   {
      width: -webkit-fill-available;
   }

   div#outerDiv[aria-modal] input
   {
      width: -webkit-fill-available;
   }

   div#outerDiv[aria-modal] select
   {
      width: -webkit-fill-available;
   }

   div#outerDiv[aria-modal] textarea
   {
      width: -webkit-fill-available;
   }

   table.layout > tbody > tr.form.column.template
   {
      display: none;
   }

   div#outerDiv[aria-modal] A
   {
      width: -moz-available;
   }

   div#outerDiv[aria-modal] input
   {
      width: -moz-available;
   }

   div#outerDiv[aria-modal] select
   {
      width: -moz-available;
   }

   div#outerDiv[aria-modal] textarea
   {
      width: -moz-available;
   }

   div.content
   {
      width: -moz-available;
   }

   div.pagelet
   {
      width: fit-content;
   }

   ol.progressbar li
   {
      margin-bottom: 10px;
   }

   textarea
   {
      width: 97vw;
   }

}
@media only screen and (min-width: 1025px)
{
   *[id][style*='max-width']
   {
      width: 100vw;
   }

   .pagelet .container td.page
   {
      outline: 1px solid #007fa3;
      outline-offset: -1px;
   }

}
.block
{
   display: block;
}

.bold
{
   font-weight: bold;
}

.float-left
{
   float: left;
}

.float-right
{
   float: right;
}

.hidden
{
   display: none;
}

.non-selectable
{
   -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

.page-title
{
   display: inline-block;
}

.block
{
   display: block;
}

.center
{
   text-align: center;
}

.left
{
   text-align: left;
}

.right
{
   text-align: right;
}

.contextMenu
{
   -khtml-border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   background-color: #e1e8f3;
   border-bottom: 1px solid #0081a4;
   border-left: 1px solid #0081a4;
   border-radius: 10px;
   border-right: 1px solid #0081a4;
   border-top: 1px solid #0081a4;
   display: none;
   font-size: 9pt;
   left: 0;
   padding: 10px;
   position: absolute;
   top: 0;
   width: 200px;
   word-break: break-all;
}

.contextMenu .colOptSearch
{
   background: transparent url(../../images/searchDark.png) no-repeat;
   border: none;
   cursor: pointer;
   margin: 0 0 0 4px;
   padding: 0;
   width: 16px;
}

.contextMenu .divContainer
{
   border: 1px solid #0081a4;
   max-height: 200px;
   overflow: auto;
}

.contextMenu .itemBtn
{
   -khtml-border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   background-color: #0081a4;
   border-bottom: 1px solid #0081a4;
   border-left: 1px solid #0081a4;
   border-radius: 10px;
   border-right: 1px solid #0081a4;
   border-top: 1px solid #0081a4;
   color: #fff;
   cursor: pointer;
}

.contextMenu .itemBtn.disabled
{
   background-color: #eaeaea;
   border: 1px solid #707070;
   color: #707070;
   cursor: default;
}

.contextMenu hr
{
   margin: 2px 0;
}

.contextMenu li
{
   cursor: pointer;
   padding: 2px;
}

.contextMenu li.divider
{
   color: #0081a4;
   cursor: default;
   padding: 0;
}

.contextMenu li:hover
{
   background-color: #fff;
}

.contextMenu ul
{
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 100%;
}

.ctx
{
   background-color: #e1e8f3;
   border: 1px solid #0081a4;
   position: absolute;
   width: 300px;
   z-index: 10;
}

.ctx div.drag-area
{
   background-color: #005770;
   height: 20px;
   width: 100%;
}

.ctx div.drag-area > button.close
{
   background: inherit;
   border: 0;
   color: white;
   cursor: pointer;
   float: right;
   outline: 1px solid white;
   outline-offset: -2px;
   padding: 0;
   width: 21px;
}

.ctx label
{
   color: black;
   font-weight: normal;
}

.ctx ul.filters
{
   padding: 0px;
}

.ctx ul.menu
{
   list-style: none;
}

.ctx ul.menu div.item > button
{
   margin: 1px;
   width: -webkit-fill-available;
}

.ctx ul.menu div.item > button.select-all
{
   width: 49%;
}

.ctx ul.menu div.item > button.select-none
{
   width: 49%;
}

.ctx ul.menu div.item > div.divider
{
   background-color: black;
   height: 1px;
   margin: 1px 0px 1px 0px;
   width: 100%;
}

.ctx ul.menu div.item > input.search
{
   max-width: 234px;
}

.fullWidth
{
   width: 100%;
}

.halfWidth
{
   width: 50%;
}

.ck.ck-editor__editable_inline
{
   border: 1px solid black;
}

.datepickerDialog
{
   background-color: #fff;
   border: 3px solid hsl(193,100%,22%);
   border-radius: 5px;
   clear: both;
   display: none;
   margin-top: .01em;
   padding: 0;
   width: 300px;
}

.datepickerDialog .dateButton
{
   background: #eee;
   border: 1px solid #eee;
   border-radius: 5px;
   font-size: 15px;
   height: 100%;
   line-height: inherit;
   margin: 0;
   padding: 0;
   width: 100%;
}

.datepickerDialog .dateButton[aria-selected]
{
   border-color: rgb(100, 100, 100);
}

.datepickerDialog .dateButton[tabindex="0"]
{
   background-color: hsl(216, 80%, 92%);
}

.datepickerDialog .dateCell
{
   border: 0;
   height: 40px;
   margin: 0;
   outline: 0;
   padding: 0;
   width: 40px;
}

.datepickerDialog .disabled
{
   color: #afafaf;
}

.datepickerDialog .disabled:hover
{
   color: black;
}

.datepickerDialog .footer
{
   margin-bottom: 1em;
   margin-right: 1em;
   margin-top: 1em;
   text-align: center;
}

.datepickerDialog .footer button
{
   background-color: hsl(193,100%,32%);
   border: 1px solid hsl(193,100%,32%);
   border-radius: 5px;
   color: white;
   font-size: 0.85em;
   margin-left: 1em;
   outline: none;
   padding: 5px;
   width: 5em;
}

.datepickerDialog .footer button:focus
{
   background-color: hsl(193,100%,22%);
   border: 2px solid black;
   padding: 4px;
}

.datepickerDialog .footer button:hover
{
   background-color: hsl(193,100%,22%);
   border: 2px solid black;
   cursor: pointer;
   padding: 4px;
}

.datepickerDialog .header
{
   background-color: hsl(193,100%,22%);
   color: white;
   cursor: default;
   display: flex;
   font-weight: bold;
   justify-content: space-around;
   padding: 7px;
   text-transform: uppercase;
}

.datepickerDialog .header button
{
   background: transparent;
   border-style: none;
   color: white;
   font-family: "Webdings, Font Awesome 5 Free";
   font-size: 1.33333em;
   font-weight: 900;
   height: 24px;
   line-height: .75em;
   padding: 4px;
   vertical-align: -.0667em;
   width: 24px;
}

.datepickerDialog .header button.nextMonth>span:before
{
   content: "\23F5";
}

.datepickerDialog .header button.nextYear>span:before
{
   content: "\23ED";
}

.datepickerDialog .header button.prevMonth>span:before
{
   content: "\23F4";
}

.datepickerDialog .header button.prevYear>span:before
{
   content: "\23EE";
}

.datepickerDialog .header button:focus
{
   border-radius: 4px;
   outline: 2px solid white;
   outline-offset: -1px;
   padding: 2px;
}

.datepickerDialog .header button:hover
{
   border: 2px solid white;
   border-radius: 4px;
   cursor: pointer;
   outline: 0;
   padding: 2px;
}

.datepickerDialog .header h2
{
   color: white;
   display: inline-block;
   font-size: 1.2em;
   font-weight: bold;
   margin: 0;
   padding: 0;
   padding-top: .1em;
   text-transform: none;
}

.datepickerDialog .monthYear
{
   display: inline-block;
   text-align: center;
   width: 12em;
}

.datepickerDialog table.dates
{
   padding-left: 1em;
   padding-right: 1em;
   padding-top: 1em;
   width: 100%;
}

.datepickerDialog table.dates td
{
   text-align: center;
}

.datepickerDialog table.dates th
{
   text-align: center;
}

@media only screen and (max-device-width:1px)
{
   div#hgDatePicker
   {
      left: 0px !important;
   }

   div#hgDatePicker :is(table, thead, tbody, th, tr, td)
   {
      display: revert;
   }

}
.hiddenDialog
{
   border: 0;
   height: 0;
   margin: 0;
   padding: 0;
   width: 150px;
}

.msgContainer
{
   background-color: #aaa;
   color: #fff;
   filter: alpha(opacity=60);
   font-size: 200%;
   font-weight: bold;
   margin: auto;
   opacity: 0.60;
   padding: 0;
   text-align: center;
}

.overlay
{
   background-color: #eee;
   margin: 0;
   padding: 0;
}

progress
{
   width: 300px;
}

progress.green
{
   background-color: lightGray;
   border: 0;
   border-radius: 2px;
   color: #00802b;
   height: 15px;
}

progress.green::-webkit-progress-bar
{
   background-color: lightGray;
   border: 0;
   border-radius: 2px;
   height: 15px;
}

progress.green::-webkit-progress-value
{
   background-color: #00802b;
   border: 0;
   border-radius: 2px;
   height: 15px;
}

progress.red
{
   background-color: lightGray;
   border: 0;
   border-radius: 2px;
   color: rgb(181, 0, 0);
   height: 15px;
}

progress.red::-webkit-progress-bar
{
   background-color: lightGray;
   border: 0;
   border-radius: 2px;
   height: 15px;
}

progress.red::-webkit-progress-value
{
   background-color: rgb(181, 0, 0);
   border: 0;
   border-radius: 2px;
   height: 15px;
}

progress.yellow
{
   background-color: lightGray;
   border: 0;
   border-radius: 2px;
   color: #ffd633;
   height: 15px;
}

progress.yellow::-webkit-progress-bar
{
   background-color: lightGray;
   border: 0;
   border-radius: 2px;
   height: 15px;
}

progress.yellow::-webkit-progress-value
{
   background-color: #ffd633;
   border: 0;
   border-radius: 2px;
   height: 15px;
}

.option_group_frame
{
   border-bottom: #0081a4 thin solid;
   border-left: #0081a4 thin solid;
   border-right: #0081a4 thin solid;
   border-spacing: 0px;
   border-top: #0081a4 thin solid;
   padding: 0px;
}

.option_group_heading
{
   background-color: #0081a4;
   color: white;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
}

ol.progressbar
{
   list-style-type: none;
   margin: 0;
   padding: 0;
}

ol.progressbar li
{
   display: inline-block;
   line-height: 3em;
   min-height: 50px;
   outline: transparent solid 1px;
   text-align: center;
}

ol.progressbar li.pb-step-active
{
   background-color: #007fa3;
   border-bottom: 4px solid #005770;
   color: white;
   font-weight: bold;
}

ol.progressbar li.pb-step-active:before
{
   background-color: #0081a4;
   border: none;
   border-radius: 1.2em;
   color: white;
   content: "\2713";
   height: 1.2em;
   line-height: 1.2em;
   width: 1.2em;
}

ol.progressbar li.pb-step-done
{
   background-color: lemonchiffon;
   border-bottom: 4px solid #2c3678;
   color: black;
}

ol.progressbar li.pb-step-done:before
{
   content: url(../../images/vue/icons/pb-checkmark.gif);
}

ol.progressbar li.pb-step-done:hover
{
   cursor: pointer;
}

ol.progressbar li.pb-step-todo
{
   background-color: whitesmoke;
   border-bottom: 4px solid silver;
   color: dimgrey;
}

ol.progressbar li.pb-step-todo:before
{
   content: url(../../images/vue/icons/pb-omicron.gif);
}

ol.progressbar li.pb-step-working
{
   background-color: gold;
   border-bottom: 4px solid #2c3678;
   color: black;
   font-weight: bold;
}

ol.progressbar li.pb-step-working-not-active
{
   background-color: gold;
   border-bottom: 4px solid #005770;
   color: black;
   font-weight: bold;
}

ol.progressbar li.pb-step-working-not-active:before
{
   content: url(../../images/vue/icons/pb-working.gif);
}

ol.progressbar li.pb-step-working-not-active:hover
{
   cursor: pointer;
}

ol.progressbar li.pb-step-working:before
{
   content: url(../../images/vue/icons/pb-working.gif);
}

ol.progressbar li:before
{
   bottom: -2.5em;
   float: left;
   left: 50%;
   line-height: 1em;
   position: relative;
}

ol.progressbar li:focus
{
   outline-color: #000000;
   outline-offset: -3px;
   outline-width: 3px;
}

ol.progressbar[pb-step-count="2"] li
{
   width: 49%;
}

ol.progressbar[pb-step-count="3"] li
{
   width: 33%;
}

ol.progressbar[pb-step-count="4"] li
{
   width: 24%;
}

ol.progressbar[pb-step-count="5"] li
{
   width: 19%;
}

ol.progressbar[pb-step-count="6"] li
{
   width: 189px;
}

ol.progressbar[pb-step-count="7"] li
{
   width: 14%;
}

ol.progressbar[pb-step-count="8"] li
{
   width: 12%;
}

ol.progressbar[pb-step-count="9"] li
{
   width: 11%;
}

.slider
{
   -webkit-transition: .2s;
   background-color: #595959;
   bottom: 0;
   cursor: pointer;
   left: 0;
   position: absolute;
   right: 0;
   text-align: right;
   top: 0;
   transition: .2s;
}

.slider.round
{
   border: 1px solid #007fa3;
   border-radius: 34px;
}

.slider.round.focus
{
   outline: -webkit-focus-ring-color auto 1px;
   outline-offset: 3px;
}

.slider.round:before
{
   border-radius: 50%;
}

.slider:before
{
   -webkit-transition: .2s;
   background-color: white;
   content: "";
   height: 12px;
   left: 4px;
   position: absolute;
   top: 4px;
   transition: .2s;
   width: 12px;
}

.switch
{
   display: inline-block;
   height: 20px;
   position: relative;
   width: 50px;
}

.switch input
{
   height: 0;
   opacity: 0;
   width: 0;
}

.switch span
{
   color: white;
   font-size: 9pt;
   padding: 3px 10px 0px 6px;
}

input:checked + .slider
{
   background-color: #007fa3;
   text-align: left;
}

input:checked + .slider:before
{
   -ms-transform: translateX(29px);
   -webkit-transform: translateX(29px);
   transform: translateX(29px);
}

input:focus + .slider
{
   box-shadow: 0 0 1px #0081a4;
}

.mceBackground
{
   -moz-opacity: .75;
   background-color: #565051;
   display: none;
   filter: alpha(opacity=75);
   height: 100%;
   left: 0px;
   opacity: .75;
   position: absolute;
   top: 0px;
   width: 100%;
   z-index: 776;
}

.mceEditor
{
   left: 20%;
   position: absolute;
   top: 20%;
   z-index: 1;
}

.dtree
{
   color: #666;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   white-space: nowrap;
}

.dtree .clip
{
   overflow: hidden;
}

.dtree a
{
   color: #333;
   text-decoration: none;
}

.dtree a.node, .dtree a.nodeSel
{
   padding: 1px 2px 1px 2px;
   white-space: nowrap;
}

.dtree a.node:hover, .dtree a.nodeSel:hover
{
   color: #333;
   text-decoration: underline;
}

.dtree a.nodeSel
{
   background-color: #c0d2ec;
}

.dtree div.node
{
   border-left: 1px dotted black;
   margin-left: 7px;
   padding-left: 10px;
}

.dtree img
{
   border: 0;
   vertical-align: middle;
}

.dtree span.icon
{
   display: inline-block;
   height: 18px;
   width: 18px;
}

.dtree span.icon.add
{
   background-image: url(../../images/dtreeadd.gif);
}

.dtree span.icon.archCompany
{
   background-image: url(../../images/archcompany.png);
}

.dtree span.icon.archFolder
{
   background-image: url(../../images/archfolder.png);
}

.dtree span.icon.archFolderOpen
{
   background-image: url(../../images/archfolderopen.png);
}

.dtree span.icon.archMachine
{
   background-image: url(../../images/archmachine.png);
}

.dtree span.icon.archService
{
   background-image: url(../../images/archservice.png);
}

.dtree span.icon.empty
{
   background-image: url(../../images/empty.gif);
}

.dtree span.icon.expander.leaf
{
   background-image: url(../../images/join.gif);
}

.dtree span.icon.expander.leaf.bottom
{
   background-image: url(../../images/joinbottom.gif);
}

.dtree span.icon.expander.node.empty
{
   background-image: url(../../images/join.gif);
}

.dtree span.icon.expander.node.empty.bottom
{
   background-image: url(../../images/joinbottom.gif);
}

.dtree span.icon.expander.node.minus
{
   background-image: url(../../images/minus.gif);
}

.dtree span.icon.expander.node.minus.bottom
{
   background-image: url(../../images/minusbottom.gif);
}

.dtree span.icon.expander.node.plus
{
   background-image: url(../../images/plus.gif);
}

.dtree span.icon.expander.node.plus.bottom
{
   background-image: url(../../images/plusbottom.gif);
}

.dtree span.icon.folder
{
   background-image: url(../../images/folder.gif);
}

.dtree span.icon.folder.open
{
   background-image: url(../../images/folderopen.gif);
}

.dtree span.icon.line
{
   background-image: url(../../images/dline.gif);
}

.dtree span.icon.nlMinus
{
   background-image: url(../../images/nolines_minus.gif);
}

.dtree span.icon.nlPlus
{
   background-image: url(../../images/nolines_plus.gif);
}

.dtree span.icon.node
{
   background-image: url(../../images/page.gif);
}

.dtree span.icon.root
{
   background-image: url(../../images/base.gif);
}

.disabled, .disabled *
{
   background-color: #eaeaea;
   color: dimgrey;
   cursor: default;
   white-space: pre-wrap;
}

input.disabled, select.disabled, .disabled input, .disabled select, .disabled textarea
{
   border: 1px solid #707070;
}

.DragBox
{
   border-bottom: #007fa3 thin solid;
   border-left: #007fa3 thin solid;
   border-right: #007fa3 thin solid;
   border-top: #007fa3 thin solid;
   font-size: 90%;
}

.DragBoxHead
{
   background-color: #0081a4;
   color: white;
   font-weight: bold;
   padding-bottom: 4px;
   padding-top: 4px;
}

.OverDragBox
{
   border-bottom: #007fa3 thin solid;
   border-left: #007fa3 thin solid;
   border-right: #007fa3 thin solid;
   border-top: #007fa3 thin solid;
   font-size: 90%;
}

.drag-area
{
   cursor: grab;
   width: 100vw;
}

A
{
   color: #006699;
   text-decoration: underline;
}

A.hyperlink
{
   text-decoration: underline;
}

A.hyperlink:focus
{
   outline: 2px solid #000000;
   outline-offset: 1px;
}

A.image_link
{
   cursor: pointer;
   display: inherit;
   margin: auto;
}

A:active
{
   color: #006699;
   text-decoration: underline;
}

A:hover
{
   color: #0066CC;
   cursor: pointer;
   text-decoration: underline;
}

A:link
{
   color: #006699;
   text-decoration: underline;
}

A:visited
{
   color: #006699;
   text-decoration: underline;
}

BODY
{
   background-color: #fff;
   border-style: none;
   color: #333;
   font-family: 'Open Sans',Arial,Verdana,Helvetica,san-serif;
   font-size: 16px;
   font-weight: normal;
   height: 100%;
   margin: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   scrollbar-3dlight-color: '';
   scrollbar-arrow-color: white;
   scrollbar-darkshadow-Color: '';
   scrollbar-face-color: #0081a4;
   scrollbar-highlight-color: '';
   scrollbar-shadow-color: '';
   scrollbar-track-color: #0081a4;
   width: 100vw;
}

H1
{
   color: #0084a9;
   font-size: 1.33em;
   font-style: normal;
   font-weight: bold;
   margin-top: 12px;
}

H2
{
   color: white;
   font-size: 1em;
   font-style: normal;
   font-weight: bold;
   margin-bottom: 0px;
   margin-top: 0px;
}

H3
{
   color: white;
   font-size: 1em;
   font-style: normal;
   font-weight: bold;
   margin-bottom: 0px;
   margin-top: 0px;
}

H4
{
   color: #000000;
   font-size: 1em;
   font-style: normal;
   font-weight: bold;
   margin-top: 12px;
}

H5
{
   color: #000000;
   font-size: 1em;
   font-style: normal;
   font-weight: bold;
   margin-top: 12px;
}

H6
{
   color: #000000;
   font-size: 1em;
   font-style: normal;
   font-weight: bold;
   margin-top: 12px;
}

button.hyperLink
{
   text-decoration: none;
}

button.push
{
   background-color: #007fa3;
   border: 1px solid #007fa3;
   border-radius: 4px;
   color: white;
   font-size: 16px;
   height: fit-content;
   min-height: 28px;
   width: 100%;
}

button.push:disabled
{
   background-color: #F5F5F5;
   border-color: #F5F5F5;
   color: #696969;
   cursor: default;
}

button.push:disabled:hover
{
   background-color: #cccccc;
   border-color: #cccccc;
   color: #666666;
   cursor: default;
}

button.push:focus
{
   background-color: #0081a4;
   border-color: #0081a4;
   outline: 2px solid #000000;
   outline-offset: 1px;
}

button.push:hover
{
   background-color: #0081a4;
   border-color: #0081a4;
   cursor: pointer;
   outline: 2px solid #000000;
}

div.cell
{
   display: table-cell;
}

div.displayonly
{
   overflow-wrap: break-word;
   white-space: pre-wrap;
}

div.displayonly.richtext
{
   overflow-wrap: break-word;
   white-space: inherit;
}

div.label
{
   text-align: right;
}

div.row
{
   display: table-row;
}

div.table
{
   display: table;
}

html
{
   height: 100%;
   width: 100vw;
}

input
{
   border: none;
   outline: 1px solid #666;
   padding: 0;
   text-indent: 2px;
   white-space: nowrap;
}

input:focus
{
   outline: 2px solid #000000;
}

input:hover
{
   outline: 2px solid #000000;
}

input[hgeditortype='1']
{
   background: white url(../../images/vue/icons/calendar.gif) right no-repeat;
   padding-right: 1px;
}

input[readonly]
{
   background-color: transparent;
   border: none;
   box-shadow: none;
   outline: none;
}

input[type="checkbox"]
{
   outline: none;
   width: unset;
}

input[type="checkbox"]:focus
{
   outline: 2px solid #000000;
}

input[type="password"]:is(.icon.pw-reveal)
{
   background: white url(../../images/icons/reveal.gif) right no-repeat;
   background-size: contain;
   width: unset;
}

input[type="radio"]
{
   width: unset;
}

input[type="text"]:is(.icon.pw-reveal)
{
   background: white url(../../images/icons/reveal_hide.gif) right no-repeat;
   background-size: contain;
   width: unset;
}

label[for]
{
   font-weight: bold;
   white-space: break-spaces;
}

BODY
{
   width: -moz-available;
}

html
{
   width: -moz-available;
}

input[type="password"]:is(.icon.pw-reveal)
{
   width: -moz-available;
}

input[type="text"]:is(.icon.pw-reveal)
{
   width: -moz-available;
}

select
{
   border: none;
   outline: 1px solid #666;
}

select:focus
{
   outline: 2px solid #000000;
}

select:hover
{
   outline: 2px solid #000000;
}

select[readonly]
{
   border: none;
   box-shadow: none;
}

table > thead .columnHeading
{
   background: #007FA3;
}

table > thead .columnHeading button[class^="colOpt"]
{
   background-color: transparent;
   background-image: url(../../images/gridNone.png);
   background-repeat: no-repeat;
   border: none;
   cursor: pointer;
   float: right;
   height: 18px;
   width: 18px;
}

table > thead .columnHeading button[class^="colOpt"].filtered
{
   background-image: url(../../images/gridFilter.png);
}

table > thead .columnHeading button[class^="colOpt"].sort.asc
{
   background-image: url(../../images/gridAsc.png);
}

table > thead .columnHeading button[class^="colOpt"].sort.asc.filtered
{
   background-image: url(../../images/gridAscFilter.png);
}

table > thead .columnHeading button[class^="colOpt"].sort.desc
{
   background-image: url(../../images/gridDesc.png);
}

table > thead .columnHeading button[class^="colOpt"].sort.desc.filtered
{
   background-image: url(../../images/gridDescFilter.png);
}

table > thead .columnHeading button[class^="colOpt"]:hover
{
   cursor: context-menu;
}

table > thead > .header .controls
{
   display: inline-block;
   float: right;
}

table > thead > .header .controls *
{
   margin-right: 3px;
}

table > thead > .header .controls .first
{
   background: transparent url(../../images/vue/icons/first.gif) no-repeat;
}

table > thead > .header .controls .first:focus
{
   background-image: url(../../images/vue/icons/first_dark.gif);
}

table > thead > .header .controls .first:hover
{
   background-image: url(../../images/vue/icons/first_dark.gif);
}

table > thead > .header .controls .hide
{
   background: transparent url(../../images/vue/icons/hide.gif) no-repeat;
}

table > thead > .header .controls .hide:focus
{
   background-image: url(../../images/vue/icons/hide_dark.gif);
}

table > thead > .header .controls .hide:hover
{
   background-image: url(../../images/vue/icons/hide_dark.gif);
}

table > thead > .header .controls .last
{
   background: transparent url(../../images/vue/icons/last.gif) no-repeat;
}

table > thead > .header .controls .last:focus
{
   background-image: url(../../images/vue/icons/last_dark.gif);
}

table > thead > .header .controls .last:hover
{
   background-image: url(../../images/vue/icons/last_dark.gif);
}

table > thead > .header .controls .next
{
   background: transparent url(../../images/vue/icons/next.gif) no-repeat;
}

table > thead > .header .controls .next:focus
{
   background-image: url(../../images/vue/icons/next_dark.gif);
}

table > thead > .header .controls .next:hover
{
   background-image: url(../../images/vue/icons/next_dark.gif);
}

table > thead > .header .controls .previous
{
   background: transparent url(../../images/vue/icons/prev.gif) no-repeat;
}

table > thead > .header .controls .previous:focus
{
   background-image: url(../../images/vue/icons/prev_dark.gif);
}

table > thead > .header .controls .previous:hover
{
   background-image: url(../../images/vue/icons/prev_dark.gif);
}

table > thead > .header .controls .show
{
   background: transparent url(../../images/vue/icons/show.gif) no-repeat;
}

table > thead > .header .controls .show:focus
{
   background-image: url(../../images/vue/icons/show_dark.gif);
}

table > thead > .header .controls .show:hover
{
   background-image: url(../../images/vue/icons/show_dark.gif);
}

table > thead > .header .controls button
{
   border: none;
   height: 18px;
   outline: 0;
   width: 18px;
}

table > thead > .header > th
{
   padding-bottom: 3px;
   padding-top: 3px;
}

table.grid > tbody :is(img)
{
   display: block;
   margin: 0 auto;
}

table.grid > tbody :is(input, select, textarea)
{
   border: none;
   margin: 0;
   outline: none;
   width: 100%;
}

table.grid > tbody :is(input, select, textarea).errorBackground
{
   outline: #B30000 solid 2px;
}

table.grid > tbody :is(input, select, textarea):focus
{
   outline: 2px solid #000000;
}

table.grid.search.results > tbody > tr > td
{
   padding-bottom: 5px;
   padding-left: 3px;
   padding-top: 5px;
}

table.layout
{
   border: 0px;
   border-spacing: 0px;
   padding: 0px;
}

table.layout > tbody > tr > td.form_padding
{
   height: 0px;
   width: 100vw;
}

table:is(.grid, .subform) .add
{
   background: transparent url(../../images/vue/icons/grid_add.gif) no-repeat center center;
   border-style: none;
   cursor: pointer;
   height: 16px;
   margin: 1px;
   width: 16px;
}

table:is(.grid, .subform) .add.bg-only
{
   text-indent: -9999px;
}

table:is(.grid, .subform) .delete
{
   background: transparent url(../../images/vue/icons/grid_delete.gif) no-repeat center center;
   border-style: none;
   cursor: pointer;
   height: 16px;
   margin: 1px;
   width: 16px;
}

table:is(.grid, .subform) .delete.bg-only
{
   text-indent: -9999px;
}

table_grid-obsolete .add
{
   background: transparent url(../../images/vue/icons/grid_add.gif) no-repeat center center;
   border-style: none;
   cursor: pointer;
   height: 16px;
   margin: 1px;
   width: 16px;
}

table_grid-obsolete .add:hover
{
   background-image: url(../../images/vue/icons/grid_add_dark.gif);
}

table_grid-obsolete .delete
{
   background: transparent url(../../images/vue/icons/grid_delete.gif) no-repeat center center;
   border-style: none;
   cursor: pointer;
   height: 16px;
   margin: 1px;
   width: 16px;
}

table_grid-obsolete .delete:hover
{
   background-image: url(../../images/vue/icons/grid_delete_dark.gif);
}

table_grid-obsolete .header
{
   background: #006C8B;
}

table_grid-obsolete .header .title
{
   float: left;
}

table_grid-obsolete thead
{
   color: #fff;
   font-weight: bold;
}

table_grid-obsolete.search tr.even
{
   background-color: inherit;
}

table_grid-obsolete.search tr.odd
{
   background-color: inherit;
}

table_grid-obsolete[id^="G."] tbody div.checkbox
{
   text-align: center;
}

table_grid-obsolete[id^="G."] tbody xx_tr:hover td
{
   border-bottom: 1px double #0081a4 !important;
   border-top: 1px double #0081a4 !important;
}

table_grid-obsolete[id^="G."] tbody xx_tr:hover td:first-child
{
   border-left: 1px double #0081a4 !important;
}

table_grid-obsolete[id^="G."] tbody xx_tr:hover td:last-child
{
   border-right: 1px double #0081a4 !important;
}

table_grid-obsolete[id^="S."] .add
{
   margin: 6px 6px 0px 0px;
}

table_grid-obsolete[id^="S."] .delete
{
   margin: 6px 3px 0px 0px;
}

table_grid-obsolete[id^="S."] > tbody > tr
{
   border: 1px solid #006C8B;
}

table_grid-obsolete[id^="S."] > tbody > tr > td
{
   padding: 5px 0px;
}

table_grid-obsolete[id^="S."] > tbody > tr > td:last-child
{
   border-right: 1px solid #006C8B;
}

table_grid-obsolete[id^="S."] > tbody > tr.even
{
   background-color: inherit;
}

table_grid-obsolete[id^="S."] > tbody > tr.odd
{
   background-color: #fff;
}

table_grid-obsolete[id^="S."] > tbody > tr:hover
{
   border-color: #0081a4;
   border-style: double;
}

table_grid-obsolete[id^="S."] > tbody > tr:hover > td:last-child
{
   border-color: #0081a4;
}

table_grid-obsolete[id^="S."] > tbody input[type="checkbox"]
{
   width: 15px;
}

table_grid-obsolete[id^="S."] > thead > tr
{
   border: 1px solid #006C8B;
}

textarea
{
   border: none;
   outline: 1px solid #666;
   white-space: pre-wrap;
}

textarea:focus
{
   outline: 2px solid #000000;
}

textarea:hover
{
   outline: 2px solid #000000;
}

textarea[readonly]
{
   border: none;
   box-shadow: none;
}

BODY
{
   width: -webkit-fill-available;
}

html
{
   width: -webkit-fill-available;
}

input[type="password"]:is(.icon.pw-reveal)
{
   width: -webkit-fill-available;
}

input[type="text"]:is(.icon.pw-reveal)
{
   width: -webkit-fill-available;
}

A.signout
{
   outline-offset: 3px;
}

BODY[name="frameset"]
{
   height: auto;
   overflow-y: clip;
   width: auto;
}

#banner
{
   border-bottom: solid 2px #285684;
   height: 95px;
   width: 100%;
}

.banner
{
   background-color: white;
   border-bottom: 5px solid #ddd;
   height: 55px;
   min-height: 45px;
   width: 100%;
}

.banner > .row .logo
{
   -moz-box-sizing: border-box;
   background: transparent url(../../images/ged/ged-logo.gif) 3px 3px no-repeat;
   background-size: 44%;
   box-sizing: border-box;
   display: block;
   height: 53px;
   padding-left: 200px;
   width: unset;
}

.banner > .row > .tagline
{
   background-color: white;
   color: white;
   display: none;
   font-size: 100%;
   letter-spacing: .09em;
   min-width: 170px;
   text-align: center;
   vertical-align: middle;
}

.banner > .row > .title
{
   color: white;
   font-size: 100%;
   font-weight: bold;
   text-align: center;
   vertical-align: middle;
   width: 100%;
}

.bannerMenu
{
   background-image: none;
   background-repeat: no-repeat;
   cursor: default;
   float: right;
   height: 100%;
   margin-right: 0px;
   margin-top: 0px;
   width: 170px;
}

#linkToggle
{
   float: left;
   height: 18px;
   margin: 5px 5px 0px 0px;
   width: 18px;
}

.linkToggleHide
{
   background: transparent url(../../images/vue/icons/navHide.gif) no-repeat;
}

.linkToggleShow
{
   background: transparent url(../../images/vue/icons/navShow.gif) no-repeat;
}

[role='banner'] #banner_Bottom #tabctl div.hgTab
{
   display: inline-block;
}

DIV#logoutDiv
{
   float: right;
   margin: 3px 6px 0px 0px;
}

DIV.iframe-container
{
   height: 100%;
}

#contentFrame
{
   border-style: none;
   height: 100%;
   min-height: 300px;
   width: 100vw;
}

#dashboard
{
   border-spacing: 0px;
   border-style: none;
   height: 100vh;
   padding: 0px;
   width: 100%;
}

#dashboard > caption
{
   background-color: #003542;
}

#dashboard > caption > h1
{
   color: white;
   margin: 0;
   padding: .6em;
}

.dashboard.Column
{
   vertical-align: top;
   width: 25%;
}

.handleDashboard
{
   background-color: #fff;
   border-style: none;
   margin: 0px;
   overflow: auto;
   padding: 0px;
}

.pagelet .container
{
   margin-bottom: 10px;
   width: 100%;
}

.pagelet .container td.page
{
   padding: 0;
}

.pagelet .container td.page #header
{
   background-color: #006c8b;
   color: white;
   float: left;
   font-weight: bold;
   padding-bottom: 4px;
   padding-top: 4px;
   width: 100%;
}

.pagelet .container td.page #header .title
{
   color: white;
   float: left;
   font-size: 1.155em;
   font-weight: bold;
   margin-bottom: 0px;
   margin-left: 3px;
   margin-top: 0px;
}

.pagelet .container td.page #headerxxx.wk-fill
{
   width: -webkit-fill-available;
}

.pagelet .container td.page .content
{
   float: left;
   white-space: normal;
   width: -webkit-fill-available;
}

#contentFrame
{
   width: -moz-available;
}

#dashboard
{
   xx-height: -moz-available;
}

.iframe-container
{
   height: -moz-available;
   width: -moz-available;
}

#contentFrame
{
   width: -webkit-fill-available;
}

#dashboard
{
   height: -webkit-fill-available;
}

.iframe-container
{
   width: -webkit-fill-available;
}

HTML[name="frameset"]
{
   height: auto;
   width: auto;
}

IFRAME
{
   border-width: 0px;
}

IFRAME.tabFrame
{
   height: inherit;
   width: inherit;
}

TABLE[name="frameset"]
{
   border-spacing: 0;
   width: 100vw;
}

TD#content-col
{
   height: 85vh;
   vertical-align: top;
}

TD#menu-col
{
   padding: 0px;
   vertical-align: top;
   width: 300px;
}

TD#menu-col > #navigation
{
   height: 89vh;
}

#captcha
{
   border: 1px solid black;
   display: inline-block;
   padding: 3px;
   width: 302px;
}

#captchaImg
{
   border: 1px solid gray;
   margin-bottom: 3px;
}

#captchaQuestion
{
   background-image: url(../../images/question.gif);
   background-repeat: no-repeat;
}

#captchaRefresh
{
   background-image: url(../../images/reload.gif);
   background-repeat: no-repeat;
}

#captchaSound
{
   background-image: url(../../images/sound.gif);
   background-repeat: no-repeat;
}

#captchaSoundFile
{
   display: inline-block;
   height: 1px;
   width: 1px;
}

.captchaOption
{
   cursor: pointer;
   display: inline-block;
   height: 18px;
   margin-left: 5px;
   width: 18px;
}

.close
{
   background: transparent url(../../images/closeDark.png) no-repeat center center;
   border: none;
   color: transparent;
   display: block;
   height: 17px;
   min-width: 18px;
}

.close:hover
{
   background-image: url(../../images/close.png);
   color: transparent;
   cursor: pointer;
}

.eMail
{
   background: transparent url(../../images/emailDark.png) no-repeat center center;
   border: none;
   color: transparent;
   display: block;
   height: 17px;
   width: 26px;
}

.eMail:hover
{
   background-image: url(../../images/email.png);
   border: none;
   color: transparent;
   cursor: pointer;
}

.edit
{
   background: transparent url(../../images/editDark.png) no-repeat center center;
   border: none;
   color: transparent;
   display: block;
   height: 17px;
   min-width: 17px;
}

.edit:hover
{
   background-image: url(../../images/edit.png);
   border: none;
   color: transparent;
   cursor: pointer;
}

.icon
{
   background-position: center center;
   background-repeat: no-repeat;
   border-style: none;
   height: 16px;
   width: 15px;
}

.info
{
   background: transparent url(../../images/infoDark.png) no-repeat center center;
   border: none;
   color: transparent;
   display: block;
   height: 20px;
   width: 20px;
}

.info:hover
{
   background-image: url(../../images/info.png);
   border: none;
   color: transparent;
   cursor: pointer;
}

.location
{
   background: transparent url(../../images/location.png) no-repeat center center;
   border: none;
   color: transparent !important;
   display: block;
   height: 24px;
   overflow: hidden;
   width: 24px;
}

.location:disabled, .location[disabled], .location[disabled]:hover
{
   cursor: not-allowed;
   filter: grayscale(80%) opacity(50%);
}

.location:hover, .location:focus
{
   color: transparent;
   cursor: cursor;
}

.pencil
{
   background: transparent url(../../images/pencilsmall.gif) no-repeat center center;
   border: none;
   color: transparent;
   display: block;
   height: 15px;
   width: 16px;
}

.pencil:hover
{
   background-image: url(../../images/pencilsmall.gif);
   border: none;
   color: transparent;
   cursor: pointer;
}

.phone
{
   background-image: url(../../images/icon_phone.gif);
}

.popout
{
   cursor: pointer;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9pt;
}

.popout.base
{
   background-color: #FFFFF0;
   border: 1px solid gray;
   overflow: hidden;
}

.popout.base.ie
{
   none: none;
}

.popout.icon
{
   background-repeat: no-repeat;
   border: none;
   height: 15px;
   width: 16px;
}

.popout.icon.ie
{
   none: none;
}

.popout.ie
{
   none: none;
}

.popout.image
{
   background-color: silver;
   border-bottom: 1px solid silver;
   border-left: none;
   border-right: 1px solid silver;
   border-top: 1px solid silver;
   height: 15px;
   padding-bottom: 3px;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 3px;
   width: 16px;
}

.popout.image.disabled
{
   background-color: silver;
}

.popout.image.disabled.ie
{
   none: none;
}

.popout.image.disabled.over
{
   background-color: silver;
}

.popout.image.disabled.over.ie
{
   none: none;
}

.popout.image.ie
{
   height: 23px;
   width: 21px;
}

.popout.image.over
{
   background-color: lightSteelBlue;
}

.popout.image.over.ie
{
   none: none;
}

.popout.text
{
   background-color: #FFFFF0;
   border-bottom: 1px solid #FFFFF0;
   border-left: none;
   border-right: none;
   border-top: 1px solid #FFFFF0;
   color: black;
   line-height: 21px;
   padding-left: 5px;
   padding-right: 3px;
   white-space: nowrap;
}

.popout.text.disabled
{
   color: darkgray;
}

.popout.text.disabled.ie
{
   none: none;
}

.popout.text.disabled.over
{
   color: darkgray;
}

.popout.text.disabled.over.ie
{
   none: none;
}

.popout.text.ie
{
   none: none;
}

.popout.text.over
{
   background-color: lightSteelBlue;
}

.popout.text.over.ie
{
   none: none;
}

.wcag.live
{
   background-color: #006600;
   border-radius: 5px;
   color: white;
   font-weight: bolder;
   left: -2000px;
   padding: 10px;
   position: absolute;
}

.wcag.live.save
{
   font-size: 1.3em;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   z-index: 99999;
}

.wcag.tooltip.container
{
   background-color: #E0F9FF;
   border: 2px #005a70 solid;
   border-radius: 5px;
   color: #000000;
   font-size: 1em;
   min-height: 20px;
   min-width: fit-content;
   padding: 5px;
   position: absolute;
   z-index: 1;
}

.wcag.tooltip.wrapper
{
   position: relative;
}

.ErrorImage
{
   display: none;
   left: 0px;
   position: absolute;
   top: 0px;
}

.ErrorImageMsg
{
   background-color: #ffe5e5;
   border: thin solid #b20000;
   display: none;
   left: 0px;
   padding: 5px;
   position: absolute;
   top: 0px;
   word-wrap: break-word;
}

.errorBackground
{
   outline: #B30000 solid 2px;
}

.errorMsg
{
   color: #B30000;
   display: block;
   font-size: 9pt;
   margin-bottom: 5px;
   margin-top: 2px;
   white-space: none;
}

.warningBackground
{
   outline: yellow solid 2px;
}

.error
{
   background: rgba(86,80,81,.75);
   height: 100%;
   left: 0px;
   top: 0px;
   width: 100%;
   z-index: 887;
}

.error > .container
{
   background: #ffffff;
   border-radius: 5px;
   box-shadow: 0px 6px 20px 0px #000;
   overflow: auto;
   padding: 3px;
   position: absolute;
   width: max-content;
   z-index: 888;
}

.error > .container > .border
{
   border-left: #285684 2px solid;
   border-radius: 7px;
   border-right: #285684 2px solid;
}

.error > .container > .border > .banner
{
   background: #0081a4;
   border: none;
   color: #ffffff;
   font-size: 18px;
   font-weight: bold;
   padding: 10px 0px;
   text-align: center;
}

.error > .container > .border > .banner button
{
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   background: #0081a4;
   border: 2px solid #ffffff;
   border-radius: 4px;
   color: white;
   cursor: pointer;
   display: inline;
   float: unset;
   font-size: 0.80em;
   font-weight: bold;
   height: 24px;
   margin-right: 10px;
   padding: 0px;
   width: 22px;
}

.error > .container > .border > .banner.footer
{
   -moz-border-radius: 0px 0px 5px 5px;
   -webkit-border-radius: 0px 0px 5px 5px;
   border-radius: 0px 0px 5px 5px;
}

.error > .container > .border > .banner.footer > .buttons > button
{
   width: 70px;
}

.error > .container > .border > .banner.header
{
   -moz-border-radius: 5px 5px 0px 0px;
   -webkit-border-radius: 5px 5px 0px 0px;
   border-radius: 5px 5px 0px 0px;
}

.error > .container > .border > .banner.header > button.close
{
   float: right;
}

.error > .container > .border > .banner.header > h1
{
   color: inherit;
   display: unset;
}

.error > .container > .border > .resize
{
   border-bottom: 10px solid #0081a4;
   border-left: 10px solid transparent;
   cursor: se-resize;
   height: 0px;
   position: fixed;
   width: 0px;
   z-index: 889;
}

.error > .container > .border.content
{
   padding: 5px;
   word-wrap: break-word;
}

.error > .overlay
{
   background-color: red;
   height: 100vh;
   left: 0px;
   margin: 0px;
   opacity: 20%;
   padding: 0px;
   position: absolute;
   top: 0px;
   width: 100vw;
}

.modal
{
   background-color: transparent;
   left: 0px;
   position: absolute;
   top: 0px;
}

.modal > .overlay
{
   height: 100vh;
   opacity: 70%;
   width: 100vw;
}

.modal > .page
{
   -moz-border-radius: 5px;
   -moz-box-shadow: 0px 6px 20px 0px #000;
   -webkit-box-shadow: 0px 6px 20px 0px #000;
   background-color: #FFF;
   border-radius: 5px;
   box-shadow: 0px 6px 20px 0px #000;
   display: none;
   height: inherit;
   left: 25%;
   outline: 3px solid black;
   outline-offset: -1px;
   overflow: auto;
   padding: 5px;
   position: fixed;
   top: 25%;
   z-index: 777;
}

.modal > .prompt
{
   background-color: #FFFFFF;
   border-radius: 5px;
   box-shadow: 0px 6px 20px 0px #000;
   outline: 3px solid black;
   outline-offset: -1px;
   overflow: auto;
   padding: 5px;
   z-index: 777;
}

.menu
{
   border-bottom: 3px solid grey;
   margin: 0px 0px 4px 0px;
   padding: 0px 0px 4px 0px;
}

.menu > .header
{
   background-color: #007fa3;
   padding: 4px 0px 8px 4px;
}

.menu > .header > .title
{
   color: white;
   display: inline-block;
   font-weight: bold;
   width: 90%;
}

.menu > .header > .toggle
{
   border: 1px solid white;
   border-radius: 2px;
   float: right;
   height: 18px;
   margin-right: 4px;
   width: 18px;
}

.menu > .header > .toggle.collapse
{
   background: url(../../images/vue/icons/collapse.gif) center / 10px no-repeat transparent;
}

.menu > .header > .toggle.expand
{
   background: url(../../images/vue/icons/expand.gif) center / 10px no-repeat transparent;
}

.menu > .header > .toggle:hover
{
   background-color: #005770;
   cursor: pointer;
}

.menu > .items
{
   background-color: #FFFFF0;
}

.menu > .items .icon
{
   background-image: url(../../images/vue/icons/nav_bullet.gif);
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   height: 12px;
   line-height: 17px;
   margin-right: 0px;
   padding: 0px;
   width: 12px;
}

.menu > .items .icon-size
{
   background-repeat: no-repeat;
   cursor: pointer;
   height: 12px;
   line-height: 17px;
   margin-right: 2px;
   width: 14px;
}

.menu > .items .link
{
   color: #285684;
}

.menu > .items .link:hover
{
   cursor: pointer;
   text-decoration: underline;
}

.menu > .items > .item.selected
{
   background-color: #FFFF00;
}

.hgComponentBox
{
   background-color: #FFFFF0;
   border-bottom: #007fa3 1px solid;
   border-left: #007fa3 1px solid;
   border-right: #007fa3 1px solid;
   text-align: left;
}

.hgComponentBoxLabel
{
   background-color: #7780b7;
   border-bottom: #000000 1px solid;
   border-left: #000000 1px solid;
   border-right: #000000 1px solid;
   border-top: #000000 1px solid;
   color: #ffffff;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9pt;
   font-weight: bold;
   text-indent: 10px;
}

.hgFrameBox
{
   margin-bottom: 4px;
   margin-top: 0;
   padding-bottom: 4px;
}

.hgFrameBox.HR
{
   border-bottom: 2px solid #808080;
}

.portalContent
{
   margin: 0px;
   overflow: hidden;
   padding: 0px;
}

.portletContainer
{
   border: 1px #007fa3 solid;
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 10px;
   width: 100%;
}

.portletContent
{
   white-space: nowrap;
}

.portletField
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9pt;
   padding-right: 10px;
   text-align: left;
   text-indent: 10px;
   white-space: nowrap;
}

.portletHeader
{
   background-color: #007fa3;
   color: white;
   font-weight: bold;
   padding-bottom: 4px;
   padding-top: 4px;
   width: 100%;
}

.portletHeading
{
   background-color: #007fa3;
   color: white;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9.5pt;
   font-weight: bold;
   padding-bottom: 3px;
   padding-top: 3px;
   text-align: center;
}

.portletIconClose
{
   background-image: url(../../images/menuMinimize.png);
   background-repeat: no-repeat;
   cursor: pointer;
   height: 15px;
   margin-right: 2px;
   width: 16px;
}

.portletIconEdit
{
   background-image: url(../../images/pencil.gif);
   background-repeat: no-repeat;
   cursor: pointer;
   height: 15px;
   margin-right: 2px;
   width: 16px;
}

.portletIconHide
{
   background-color: transparent;
   background-image: url(../../images/vue/icons/portlet_collapse.gif);
   background-repeat: no-repeat;
   border-style: none;
   cursor: pointer;
   height: 15px;
   margin-right: 2px;
   width: 16px;
}

.portletIconHide:hover
{
   background-image: url(../../images/vue/icons/portlet_collapse_dark.gif);
}

.portletIconItem
{
   background-image: url(../../images/vue/icons/nav_bullet.gif);
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   height: 12px;
   line-height: 17px;
   margin-right: 0px;
   padding: 0px;
   width: 12px;
}

.portletIconItemSize
{
   background-repeat: no-repeat;
   cursor: pointer;
   height: 12px;
   line-height: 17px;
   margin-right: 2px;
   width: 14px;
}

.portletIconMenu
{
   background-image: url(../../images/menuExpand.png);
   background-position: center;
   background-repeat: no-repeat;
   cursor: pointer;
   float: left;
   height: 28px;
   margin-right: 2px;
   width: 20px;
}

.portletIconShow
{
   background-color: transparent;
   background-image: url(../../images/vue/icons/portlet_expand.gif);
   background-repeat: no-repeat;
   border-style: none;
   cursor: pointer;
   height: 15px;
   margin-right: 2px;
   width: 16px;
}

.portletIconShow:hover
{
   background-image: url(../../images/vue/icons/portlet_expand_dark.gif);
}

.portletIcons
{
   float: right;
}

.portletItemLink
{
   color: #0081a4;
   cursor: pointer;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9pt;
   text-align: left;
   text-decoration: none;
}

.portletItemLink:hover
{
   color: #0081a4;
   cursor: pointer;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9pt;
   text-align: left;
   text-decoration: underline;
}

.portletItemSelected
{
   background-color: #FFFF00;
}

.promptFrame
{
   border: solid thin black;
   overflow: auto;
}

a.prompt
{
   background: transparent url(../../images/vue/icons/prompt.gif) no-repeat center center;
   border: none;
   cursor: pointer;
   float: left;
   height: 16px;
   margin: 0 0 0 1px;
   padding: 0;
   width: 16px;
}

a.prompt.Collapse
{
   background-image: url(../../images/searchDark.png);
}

a.prompt:hover
{
   background-image: url(../../images/vue/icons/prompt_dark.gif);
}

.signonError
{
   color: #B30000;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-style: normal;
   font-weight: bold;
}

.signonGroup
{
   background-color: whiteSmoke;
   border-bottom: 1px #000 solid;
   border-left: 1px #000 solid;
   border-right: 1px #000 solid;
   border-top: 1px #000 solid;
   padding-bottom: 5px;
   width: 238px;
}

.signonText
{
   border: 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

#hgpageform .hgTabImg, #hgpageform .hgTab
{
   float: left;
}

#tabctl
{
   float: left;
   margin: 0 2px;
   overflow: hidden;
   white-space: nowrap;
   xx-width: 92%;
}

#tabctl tab face
{
   background: transparent;
   border: none;
   color: white;
}

.hgTab
{
   color: white;
   cursor: default;
   font-weight: bold;
   height: 28px;
   width: auto;
}

.hgTab.Back
{
   -khtml-border-radius: 7px 7px 0 0;
   -moz-border-radius: 7px 7px 0 0;
   -webkit-border-radius: 7px 7px 0 0;
   background-color: #005770;
   border-radius: 7px 7px 0 0;
   border-style: none;
   cursor: pointer;
   padding: 0 5px;
}

.hgTab.Front
{
   -khtml-border-radius: 7px 7px 0 0;
   -moz-border-radius: 7px 7px 0 0;
   -webkit-border-radius: 7px 7px 0 0;
   background-color: #007fa3;
   border-radius: 7px 7px 0 0;
   border-style: none;
   padding: 0 5px;
}

.hgTabPage
{
   background-color: #FFFFF0;
   border-bottom: #007fa3 thin solid;
   border-left: #007fa3 thin solid;
   border-right: #007fa3 thin solid;
   border-top: #007fa3 thin solid;
}

.tabCtlBtn
{
   background-color: #007fa3;
   border: none;
   color: #fff;
   cursor: pointer;
   display: block;
   float: left;
   font-size: 18pt;
   height: 28px;
   padding: 0 3px;
   visibility: hidden;
   width: 16px;
}

.tabcontrol
{
   color: white;
   display: flex;
   float: left;
   width: auto;
}

.tabcontrol .tab
{
   background-color: #007fa3;
   border: none;
   border-radius: 7px 7px 0 0;
   cursor: default;
   font-weight: bold;
   height: 28px;
   padding: 0 5px;
}

.tabcontrol .tab .face
{
   background-color: inherit;
   border: inherit;
   color: inherit;
   cursor: inherit;
   font: inherit;
   padding-top: 6px;
   width: inherit;
}

.tabcontrol .tab .option
{
   background-color: inherit;
   border: 1px solid white;
   border-radius: 3px;
   color: inherit;
   cursor: pointer;
   width: inherit;
}

.tabcontrol .tab.inactive
{
   background-color: #005770;
   cursor: pointer;
}

.frmBody
{
   border: 1px solid black;
   margin: 0px;
   padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 8px;
}

.frmButton
{
   cursor: pointer;
   height: 24px;
   margin-bottom: 0px;
   margin-left: 12px;
   margin-right: 12px;
   margin-top: 0px;
   width: 80px;
}

.frmCheckbox
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   margin: 0px;
   padding: 0px;
   white-space: nowrap;
}

.frmDisplay
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   margin: 0px;
   padding: 0px;
   white-space: nowrap;
}

.frmFrame
{
   background-color: #c0c0c0;
   border: 2px black solid;
   margin: 0px;
   padding: 12px;
}

.frmLabel
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   margin: 0px;
   padding: 0px;
   text-align: right;
   white-space: nowrap;
}

.frmSelect
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   margin: 0px;
   padding: 0px;
   white-space: nowrap;
}

.frmSubmit
{
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 18px;
}

.frmText
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   margin: 0px;
   padding: 0px;
   white-space: nowrap;
}

.frmTitle
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11pt;
   font-weight: normal;
   margin-bottom: 8px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   padding: 8px;
   text-align: left;
}

.hgFormBorder
{
   background-color: #f2f2f2;
   border-bottom: #666666 1px solid;
   border-left: #666666 1px solid;
   border-right: #666666 1px solid;
   border-top: #666666 1px solid;
}

input, textarea, select, button, A
{
   font-family: 'Open Sans',Arial,Verdana,Helvetica,san-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: normal;
   width: 97vw;
}

test 3
{
   color: red;
   display: unset;
}

/*----------------------------- End of Styles ------------------------------*/