*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

* {
   font-family: Verdana, Arial, Sans-Serif;
   font-size: 9pt;
}

HTML, BODY {
   padding: 0;
   background-color: #f6f6ff;
   position: relative;
}

LABEL {
   position: relative;
   top: -2px;
   white-space: nowrap;
}

kbd {
   background-color: #eee;
   border-radius: 3px;
   border: 1px solid #b4b4b4;
   box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
   color: #333;
   display: inline-block;
   font-size: .85em;
   font-weight: 700;
   line-height: 1;
   padding: 2px 4px;
   white-space: nowrap;
}

/* 20101105 ers - bugid#1476:  add CaseFinderTableCtr */

/*MAIN TABLE*/
.maintable {
   height: 100%;
   width: 100%;
   position: relative;
   table-layout: fixed;
   border-collapse: collapse;
   border-spacing: 0px;
}

.toprow {
   background-color: #ffffff;
   border-bottom: solid 2px #8dc540;
   vertical-align: bottom;
   padding: 0px;
   margin: 0px;
   box-sizing: border-box;
}

   .toprow * {
      box-sizing: border-box;
   }

.sidebar {
   border-right: solid 1px #632f93;
   text-align: center;
   width: 0px;
   padding-left: 10px;
   padding-right: 10px;
}

   .sidebar DIV {
      margin-top: 20px;
      margin-bottom: 35px;
      text-align: center;
   }

      .sidebar DIV A {
         color: #632f93;
         font-weight: bold;
         text-decoration: none;
      }

         .sidebar DIV A:hover {
            text-decoration: underline;
         }

.maincell {
   width: 100%;
   height: 100%;
   padding-left: 35px;
   padding-right: 15px;
   padding-top: 10px;
}

.midtable {
   height: 100%;
   width: 100%;
   table-layout: fixed;
   border-collapse: collapse;
   border-spacing: 0px;
}

   .midtable TD {
      vertical-align: top;
   }

.botrow {
   height: 48px;
   width: 100%;
   background-image: url(../../images/bottom_bar.jpg);
   font-size: 7pt;
   color: #8CC63E;
   text-align: right;
   padding-right: 10px;
   vertical-align: middle;
   background-repeat: repeat;
}

.topbar {
   position: absolute;
   top: 7px;
   left: 200px;
}

   .topbar DIV {
      border: #632f93 1px solid;
      float: left;
      width: 170px;
      margin-right: 30px;
      height: 45px;
      background-color: #eeeeff;
      text-align: center;
      vertical-align: middle;
   }

      .topbar DIV A {
         color: #632f93;
         font-weight: bold;
         text-decoration: none;
      }

      .topbar DIV IMG {
         height: 20px;
         margin-top: 3px;
      }

/*FINDER TABLE*/
.findertable {
   border: 1px solid #632f93;
   background-color: #ddffee;
}

   .findertable TD, .findertable TH {
      border-left: #bbddcc 1px solid;
      border-bottom: #bbddcc 1px solid;
      padding-top: 1px;
      padding-bottom: 1px;
      padding-left: 5px;
      padding-right: 5px;
      vertical-align: middle;
   }

   .findertable TH {
      padding: 2px;
      text-align: center;
      vertical-align: middle;
   }

      .findertable TH A {
         cursor: pointer;
         background-color: #ccccff;
         display: block;
         text-decoration: none;
         width: 100%;
         height: 27px;
         vertical-align: middle;
         text-align: center;
         color: #333333;
      }

         .findertable TH A:hover {
            background-color: #9999cc;
         }

         .findertable TH A TABLE {
            width: 100%;
            height: 100%;
            background-color: Transparent;
         }

            .findertable TH A TABLE TD {
               line-height: 8pt;
               background-color: Transparent;
               text-align: center;
               vertical-align: middle;
               font-weight: bold;
               border: none;
               width: 100%;
               height: 100%;
               padding: 0px;
               margin: 0px;
            }

   .findertable TD A {
      text-decoration: none;
      width: 100%;
      height: 100%;
      display: block;
      color: #632f93;
      padding-left: 2px;
      padding-top: 1px;
      padding-bottom: 2px;
   }

      .findertable TD A:hover {
         background-color: #9999cc;
         color: #ffffff;
      }

/*CASE SECTION*/
.CaseSectionHeader {
   font-size: 13pt;
   color: #632f93;
   font-family: 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
   border-bottom: solid 1px #bbbbee;
   margin: 0 0 10px 0;
   padding: 0 0 2px 0;
   position: relative;
}

   .CaseSectionHeader > span {
      font-size: inherit;
      color: inherit;
      font-family: inherit;
      margin: 0;
      padding: 0;
   }

.CaseSectionHeaderButton {
   position: absolute;
   bottom: 2px;
   right: 0;
}

   .CaseSectionHeaderButton > * {
      margin: 0 0 0 15px;
      vertical-align: bottom;
   }

   .CaseSectionHeaderButton > label {
      display: inline-block;
   }

.CaseSectionSubHeader_original {
   font-weight: bold;
   display: block;
   margin-top: 15px;
   margin-left: 15px;
}

.CaseSectionSubHeader {
   font-size: 12pt;
   color: #632f93;
   font-family: 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
   border: none;
   margin: 10px 0 5px 0;
   padding: 0 0 2px 0;
   border-bottom: #8dc540 1px solid;
   position: relative;
}

/*
    .CaseSectionSubHeader .CaseSectionHeaderButton {
        float: right;
        padding: 0;
        margin: 0;
    }

        .CaseSectionSubHeader .CaseSectionHeaderButton > * {
            margin: 0 0 0 15px;
            vertical-align: bottom;
        }

        .CaseSectionSubHeader .CaseSectionHeaderButton > label {
            display: inline-block;
        }
*/

.CaseSection {
   border: #8dc540 1px solid;
   background-color: #ddeedd;
   margin-top: 15px;
   margin-bottom: 20px;
   padding: 5px;
   /*max-width: 800px;*/
   /*margin: 15px auto;*/
}

   .CaseSection .CaseSection {
      border: none;
      background-color: transparent;
      margin: 0;
      padding: 0;
   }

      .CaseSection .CaseSection .CaseSectionHeader {
         font-size: 12pt;
         border-bottom-color: #8dc540;
         margin: 25px 0 2px 0;
         padding: 0;
      }

   .CaseSection TD, .CaseHeader TD {
      /*vertical-align: middle;*/
      /*white-space: nowrap;*/
      /*padding-left: 10px;*/
      /*padding-right: 10px;*/
      /*padding-bottom: 3px;*/
   }

   .CaseSection table {
      width: 100%;
      position: relative;
      border-collapse: collapse;
      border-spacing: 0px;
   }

      .CaseSection table td {
         padding: 2px 3px;
         width: auto;
      }

.CaseHeader TD {
   vertical-align: middle;
   white-space: nowrap;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 3px;
   padding-bottom: 3px;
}

.CaseSectionCaption, .CaseSectionCaption * {
   white-space: nowrap;
}

.CaseSectionInput {
   width: 98%;
   font-size: 9pt;
}

.CaseSectionInputDefault {
   width: 100%;
   color: gray;
   font-style: italic;
}

.CaseSectionRightHeader {
   text-align: right;
   float: right;
   margin-top: -25px;
   margin-right: 10px;
}

.CaseSectionHeader TD A {
   text-decoration: none;
   color: #0000ff;
   font-weight: bold;
}

   .CaseSectionHeader TD A:hover {
      text-decoration: underline;
   }

.CaseSubSection {
   padding-left: 10px;
   font-style: italic;
   margin-bottom: 10px;
}

/*CASE HEADER SECTION*/
.NewCaseHeader {
   text-align: center;
   width: 100%;
   font-weight: bold;
   font-size: 13pt;
}

.CaseHeader {
   background-color: #ddddff;
   border: solid 1px #632f93;
   width: 100%;
}
   /*.CaseHeader *{font-size:10pt;color: #000000;font-family: Arial, Sans-Serif;text-decoration:none;}*/
   .CaseHeader TD {
      border-bottom: solid 1px #ccccff;
   }

.CaseStatus {
   width: 100%;
   font-weight: bold;
   font-size: 13pt;
}

.caseheaderlogo {
   max-width: 150px;
   float: left;
}


/*FINDERS*/
.CaseFinderTable * {
   font-size: 8pt;
}

.CaseFinderTable {
   border: solid 1px #632f93;
   margin-top: 5px;
   width: 98%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
}

   .CaseFinderTable TH {
      white-space: normal;
      background-color: #ddddee;
      border-bottom: solid 1px #632f93;
      text-align: left;
      padding: 5px;
   }

   .CaseFinderTable TD {
      white-space: normal;
      border-top: solid 1px #bbbbee;
      color: #333333;
      vertical-align: middle;
      padding: 5px;
   }

      .CaseFinderTable TD DIV {
         margin-bottom: -15px;
         vertical-align: bottom;
      }

      .CaseFinderTable TD A {
         text-decoration: none;
         color: #0000ff;
         font-weight: bold;
      }

         .CaseFinderTable TD A:hover {
            text-decoration: underline;
         }

/* Same as above except centers TH and TD */
.CaseFinderTableCtr * {
   font-size: 8pt;
}

.CaseFinderTableCtr {
   border: solid 1px #632f93;
   margin-top: 5px;
   width: 98%;
   margin-left: auto;
   margin-right: auto;
}

   .CaseFinderTableCtr TH {
      white-space: normal;
      background-color: #ddddee;
      border-bottom: solid 1px #632f93;
      text-align: center;
      padding: 5px;
   }

   .CaseFinderTableCtr TD {
      white-space: normal;
      border-top: solid 1px #bbbbee;
      color: #333333;
      text-align: center;
      vertical-align: middle;
      padding: 5px;
   }

      .CaseFinderTableCtr TD DIV {
         margin-bottom: -15px;
         vertical-align: bottom;
      }

      .CaseFinderTableCtr TD A {
         text-decoration: none;
         color: #0000ff;
         font-weight: bold;
      }

         .CaseFinderTableCtr TD A:hover {
            text-decoration: underline;
         }

/*OFFER*/
.OfferTable TD {
   padding: 0px;
}

/*REPORTS*/
UL.ReportList {
   margin-top: 40px;
}

   UL.ReportList LI {
      margin-top: 10px;
   }

      UL.ReportList LI A {
         text-decoration: none;
         color: #0000ff;
         font-weight: bold;
         font-size: 11pt;
      }

         UL.ReportList LI A:hover {
            text-decoration: underline;
         }

.ReportHeader {
   font-size: 13pt;
   color: #632f93;
   font-family: 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
   text-align: center;
}

.ReportSubHeader {
   font-size: 10pt;
   padding-bottom: 13px;
}

.GridTable TH, .GridTable TD {
   border-left: #632f93 1px solid;
   border-bottom: #632f93 1px solid;
}

.GridTable TH {
   background-color: #ccccff;
}

.GridTable TD {
   background-color: #ddffee;
}

.GridTable {
   border-top: 1px solid #632f93;
   border-right: 1px solid #632f93;
   margin-top: 20px;
   margin-bottom: 10px;
}

/*GENERAL*/
TD.e {
   font-weight: bold;
   color: #ff0000;
}

TD.e2 {
   font-weight: bold;
   color: #990000;
   background-color: #ffcccc;
}

TR.Alert {
   color: #000000;
   background-color: #ffcccc;
}

/*UNIQUE SETTINGS*/

/*FINANCIAL SUB TABLES*/
.FinancialDataSubTable {
   width: 100%;
   height: 100%;
   border: solid 1px #632f93;
}

   .FinancialDataSubTable TD {
      padding: 2px;
      vertical-align: middle;
   }

   .FinancialDataSubTable INPUT {
      text-align: right;
   }

#btnIRR {
   text-align: center;
}

#btnPremiums {
   text-align: center;
}

.MeetCriteria {
   border: #990033 1px solid;
   background-color: #ffddee;
   width: 100%;
   margin-top: 15px;
   margin-bottom: 20px;
   padding-bottom: 10px;
   padding-top: 5px;
}

.MeetCriteriaHeader {
   font-size: 13pt;
   color: #990000;
   font-family: 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
   border-bottom: solid 1px #ff3366;
   margin-left: 5px;
   margin-bottom: 6px;
}

.MeetCriteria LI {
   margin-top: 3px;
}

.tableLink {
   font-size: 7pt;
   padding: 0px;
   cursor: pointer;
   background-color: transparent;
   display: inline;
   text-decoration: underline;
   color: Blue;
}

.ui-autocomplete-loading {
   background: url(../../images/loading.gif) white no-repeat right center;
   height: 20px;
   border: #4682b4 1px solid;
}

PRE {
   margin: 0px;
}

TFOOT {
   font-weight: bold;
   background-color: #ddddff;
   border-top: solid 1px #632f93;
}

THEAD {
   font-weight: bold;
   background-color: #ccccff;
   border-bottom: solid 1px #632f93;
}

.NoteText {
   font-family: monospace;
}

.PreNoteText {
   white-space: -moz-pre-wrap; /* Firefox */
   white-space: -pre-wrap; /* ancient Opera */
   white-space: -o-pre-wrap; /* newer Opera */
   white-space: pre-wrap; /* Chrome; W3C standard */
   word-wrap: break-word; /* IE */
}

#CSVDownloadProgress {
   background-image: url(../../images/loading.gif);
   background-repeat: no-repeat;
   padding-left: 18px;
   margin-left: 5px;
   margin-right: 5px;
}

.Footnote {
   float: right;
   text-decoration: none;
   font-style: italic;
   color: #632f93;
   font-size: 10pt;
   padding-right: 10px;
   margin-top: 20px;
   border-top: 1px solid #632f93;
}

.linkFormAction {
   text-decoration: none;
   font-weight: normal !important;
   font-size: 8pt;
}

   .linkFormAction:hover {
      text-decoration: underline;
   }


.BMI {
   text-wrap: none;
   white-space: nowrap;
   text-align: center;
   position: relative;
}

   .BMI > label {
      /*border-bottom: 1px solid #666666;*/
      display: block;
      margin: 0;
      font-size: 7pt;
      vertical-align: bottom;
   }

   .BMI > div > span {
      display: block;
      position: relative;
      bottom: 0px;
      text-align: center;
      font-size: 7pt;
      color: #333333;
   }

   .BMI > div > input {
      width: 100%;
      text-align: center;
   }

   .BMI.FT {
      width: 45%;
      float: left;
   }

   .BMI.IN {
      width: 45%;
      float: right;
   }

      .BMI.IN > input {
         margin-right: 5px;
      }

   .BMI.LB {
      width: 100%;
   }

   .BMI.Result {
      width: 100%;
   }

.invisible {
   visibility: hidden;
}

.PageHeader {
   font-size: 14pt;
   color: #632f93;
   font-family: 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
   margin: 0 0 10px 0;
   font-weight: bold;
   position: relative;
}

   .PageHeader .SubHeader {
      font-size: 12pt;
      margin: 0px 0 15px 0;
      font-weight: normal;
   }

.searchheader {
   font-family: 'Trebuchet MS', Tahoma, Arial, Sans-Serif;
   font-size: 12pt;
   color: #632f93;
   padding: 0;
   border-bottom: #632f93 1px solid;
   grid-column: 1 / -1;
}

.FormButtons {
   text-align: left;
}

   .FormButtons button {
      margin: 10px 10px 10px 0;
      width: 80px;
      height: 20px;
      cursor: pointer;
   }

body.dialog {
   height: max-content !important;
   max-height: max-content !important;
   padding: 5px;
   margin: 0px 0px 45px 0px;
   overflow-y: scroll;
}

.FormButtons {
   text-align: center;
   position: fixed;
   height: 40px;
   line-height: 40px;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0;
   background-color: #ccccff;
   border-top: 1px solid #632f93;
   z-index: 5;
}


   body.dialog .CaseSection {
      margin-bottom: 0px;
   }

   body.dialog .Spacer{
      height: 50px;
   }

body.dialog.HF {
   height: 100vh;
   width: 100%;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   padding: 0px;
   margin: 0px;
   /*overflow: hidden;*/
}

      body.dialog.HF header {
         flex-shrink: 0;
         padding: 0px;
         margin: 0px;
      }

      body.dialog.HF .body {
         flex-grow: 1;
         overflow: auto;
         height: 100%;
         background-color: white;
         margin: 0px;
         padding: 0px;
         border: none;
      }

      body.dialog.HF > div.FormButtons {
         position: relative;
         flex-shrink: 0;
         margin: 0px;
      }

div.checkboxes {
   -webkit-column-count: 1;
   -moz-column-count: 1;
   column-count: 1;
   /*-moz-column-fill: auto;*/
   /*column-fill: auto;*/
   -webkit-column-rule: 1px dotted #bbbbee;
   -moz-column-rule: 1px dotted #bbbbee;
   column-rule: 1px dotted #bbbbee;
   margin-bottom: 20px;
   line-height: unset;
}

   div.checkboxes label {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-wrap: none;
      text-overflow: ellipsis;
      position: static;
      vertical-align: bottom;
      margin: 0 0 5px 0;
      padding: 0;
      border: none;
      box-sizing: border-box;
      top: unset;
   }

   div.checkboxes > div:hover,
   div.checkboxes > label:hover {
      background-color: #eeffee;
   }

   div.checkboxes > label.disabled:hover {
      background-color: transparent;
   }

   div.checkboxes > label.disabled {
   }

   div.checkboxes input {
      vertical-align: bottom;
   }

#AgentRolesSection div.checkboxes > label > input {
   margin-left: 24px;
}

label,
label > input[type='checkbox'] {
   vertical-align: baseline;
   margin-right: 2px;
}

   span.notify,
   label.notify::before,
   span.track,
   label.track::before {
      height: 10px;
      width: 12px;
      display: inline-block;
      background-size: 10px;
      background-position-y: bottom;
      background-repeat: no-repeat;
   }

span.notify,
span.track {
   background-position-x: center;
}

.email,
span.notify,
label.notify::before {
   background-image: url('../../images/icons/email.png');
}

span.track,
label.track::before {
   background-image: url('../../images/icons/tag_blue.png');
}

label.notify::before,
label.track::before {
   content: '';
   width: 24px;
   margin-right: -24px;
   top: -6px;
   position: relative;
}

label.notify::before {
   background-position-x: 12px;
}

label.track::before {
   background-position-x: 0px;
}

label.notify.track::before {
   background-image: url('../../images/icons/tag_blue.png'), url('../../images/icons/email.png');
   background-position-x: 0, 12px;
}

td.icon,
span.icon {
   cursor: default;
   background-position-x: center;
   background-position-y: center;
   background-repeat: no-repeat;
}

a.icon,
span.icon {
   display: inline-block;
   min-height: 16px;
   min-width: 16px;
   padding: 0;
   margin: 0 2px;
   opacity: 0.7;
}

td.icon {
   padding-left: 20px !important;
   background-position-x: 2px;
   background-position-y: center;
   background-repeat: no-repeat;
}

.icon:hover {
   opacity: 1;
}

.map {
   background-image: url('../../images/icons/marker.png');
}

.continue,
.primary {
   background-image: url('../../images/icons/arrow_right.png');
}

.addnote {
   background-image: url('../../images/icons/page_white_get.png');
   cursor: pointer;
}

.word {
   background-image: url('../../images/icons/page_white_word.png');
   cursor: pointer;
}

.hierarchy {
   background-image: url('../../images/icons/group.png');
   background-size: 14px;
}

.phone {
   background-image: url('../../images/icons/telephone.png');
}

.icon.ok {
   background-image: url('../../images/icons/accept.png');
}

.icon.warning, .icon.warn {
   background-image: url('../../images/icons/error.png');
}

.button.error,
.icon.error {
   background-image: url('../../images/icons/cross.png');
}

.icon.info {
   background-image: url('../../images/icons/exclamation.png');
}

.button.edit,
.icon.edit {
   background-image: url('../../images/icons/page_white_edit.png');
}

.button.redo,
.icon.redo {
   background-image: url('../../images/icons/arrow_redo.png');
}

.button.undo,
.icon.undo {
   background-image: url('../../images/icons/arrow_undo.png');
}

.button.left,
.icon.left {
   background-image: url('../../images/icons/arrow_left.png');
}

.button.csv,
.icon.csv {
   background-image: url('../../images/icons/doc_excel_csv.png');
}

.button.trash,
.icon.trash {
   background-image: url('../../images/icons/bin_closed.png');
}

.button.attach,
.icon.attach {
   background-image: url('../../images/icons/attach.png');
}

.icon.clock {
   background-image: url('../../images/icons/clock.png');
}

.icon.cancel {
   background-image: url('../../images/icons/cancel.png');
}

.icon.lock,
.icon.private {
   background-image: url('../../images/icons/lock.png');
}

.icon.loading {
   background-image: url('../../images/loading.gif');
}

.icon.newdocs {
   background-image: url('../../images/icons/page_white_star.png');
}

.icon.download {
   background-image: url('../../images/icons/page_white_put.png');
}

.button.printer,
.icon.printer {
   background-image: url('../../images/icons/printer.png');
}

.button.profile,
.icon.profile {
   background-image: url('../../images/icons/vcard.png');
}

.button.pagetext,
.icon.pagetext {
   background-image: url('../../images/icons/page_white_text.png');
}

.icon.pin,
.icon.pinned {
   background-image: url('../../images/icons/pin.png');
}

.button.circleplus,
.icon.circleplus {
   background-image: url('../../images/icons/details_open.png');
}

.button.history,
.icon.history {
   background-image: url('../../images/icons/book_previous.png');
}

.button.filing,
.icon.filing {
   background-image: url('../../images/icons/calendar_2.png');
}

.button.expand,
.icon.expand {
   background-image: url('../../images/icons/control_expand.png');
}

.button.collapse,
.icon.collapse {
   background-image: url('../../images/icons/control_collapse.png');
}

.icon.small {
   background-size: 12px;
   min-height: 12px;
   min-width: 12px;
}

.subtitle {
   font-size: 8pt;
   color: #333333;
   font-style: italic;
}

.hidden, [hidden] {
   display: none !important;
   pointer-events: none;
}

.pre {
   white-space: pre-line !important;
   font-size: 8pt;
}

.address {
   white-space: pre !important;
   font-size: 8pt;
   position: relative;
   display: block;
   padding-left: 16px;
   min-height: 16px;
}

   .address > a {
      position: absolute;
      top: 0px;
      left: 0px;
      visibility: hidden;
   }

   .address:hover > a {
      visibility: visible;
   }



.button {
   display: inline-block;
   text-align: center;
   border: 1px solid #999999;
   border-radius: 2px;
   background-color: #f0f0f0;
   background-position: 3px 3px;
   background-repeat: no-repeat;
   color: black;
   vertical-align: middle;
   padding: 4px 10px 5px 25px;
   margin-top: 1px;
   cursor: pointer;
   font-weight: normal;
   font-size: 9pt;
   opacity: 0.9;
   text-wrap: none;
   white-space: nowrap;
   text-decoration: none;
}

[disabled],
.disabled {
   /*pointer-events: none;*/
}

.button[disabled],
.FormButtons button[disabled] {
   cursor: not-allowed;
}

.button:empty {
   display: block;
   padding: 0px;
   margin: 0px;
   height: 18px;
   width: 18px;
   opacity: 0.8;
   background-position: 1px 1px;
}


.button.small {
   background-position: 2px 2px;
   padding: 2px 15px 2px 20px;
   background-size: 12px;
}

   .button.small:empty {
      height: 14px;
      width: 14px;
   }

.button:hover {
   border-color: #666666;
   opacity: 1;
   background-color: #f6f6f6;
}

.button:active {
   border-color: #999999;
}

.button.search {
   background-image: url(../../images/icons/magnifier.png);
}

.icon.add,
.button.add {
   background-image: url(../../images/icons/add.png);
}

.button.email {
   background-image: url(../../images/icons/email.png);
}

.button.delete,
.button.cancel {
   background-image: url(../../images/icons/cancel.png);
}

.button.ok {
   background-image: url(../../images/icons/accept.png);
}

.button.copy {
   background-image: url(../../images/icons/page_copy.png);
}

.button.upload {
   background-image: url(../../images/icons/page_white_get.png);
}

.button.download {
   background-image: url('../../images/icons/page_white_put.png');
}

.button.zip {
   background-image: url('../../images/icons/compress.png');
}

.button.loading {
   background-image: url(../../images/loading.gif);
}

.button.letter {
   background-image: url(../../images/icons/page_white_word.png);
}

.button.mailbox {
   background-image: url(../../images/icons/inbox.png);
}

.button.reprocess {
   background-image: url(../../images/icons/arrow_redo.png);
}

.Message {
   background-color: #ffffffcc;
   border: 1px solid #00000066;
   border-radius: 0.5rem;
   padding: 1rem;
   position: relative;
   background-position: 0.75rem center;
   background-image: none;
   background-repeat: no-repeat;
   margin: 0px;
   font-size: 1rem;
   color: #000000;
   display: block;
   white-space: normal;
}

   .Message > .button {
      margin-top: 10px;
   }

   .Message > p {
      margin: 0;
   }

   .Message.Warning,
   .Message.Success,
   .Message.Info,
   .Message.Loading {
      padding-left: 3rem;
      border-radius: 0.5rem;
   }

   .Message.Warning {
      background-color: #ffdddd;
      border-color: #cc3333;
      background-image: url(../../images/icons/error.png);
      color: #660000;
   }

   .Message.Success {
      background-color: #ddffdd;
      border-color: #33cc33;
      background-image: url(../../images/icons/accept.png);
      color: #006600;
   }

   .Message.Info,
   .Message.Loading {
      background-color: #ddddff;
      border-color: #3333cc;
      color: #000066;
   }

   .Message.Info {
      background-image: url(../../images/icons/exclamation.png);
   }

   .Message.Loading {
      background-image: url(../../images/loading.gif);
   }

   .Message h1,
   .Message h2,
   .Message h3 {
      margin: 0px 0px 0.5rem 0px;
   }

.subtext {
   font-size: 8pt;
   /*white-space: normal !important;*/
   /*text-wrap: normal !important;*/
}

#BusinessProfileTable {
   max-width: 600px;
}

optgroup:nth-of-type(2n) {
   background-color: #eeeeee;
}

.ui-dialog-titlebar-close {
   display: none !important;
}

.OldSort,
.OldSort_A,
.OldSort_D {
   background-position: right center;
   background-image: none;
   background-repeat: no-repeat;
   background-color: #ccccff;
   cursor: pointer;
   line-height: 2rem;
}

   .OldSort:hover,
   .OldSort_A:hover,
   .OldSort_D:hover {
      background-color: #9999cc;
   }

.OldSort_A {
   background-image: url('../../images/arrow_a.gif');
}

.OldSort_D {
   background-image: url('../../images/arrow_d.gif');
}


input.percent,
input.money {
   text-align: right;
}

input.date,
input.number {
   text-align: center;
}

.nowrap {
   white-space: nowrap !important;
}

.FormButtons.blur button {
   opacity: 0.4;
   cursor: not-allowed;
   pointer-events: none;
   background-color: transparent;
   border: solid 1px;
}

.badge {
   border: solid 1px #666;
   border-radius: 0.5rem;
   display: inline;
   height: 1.2rem;
   font-size: 8pt;
   max-width: 4rem;
   width: fit-content;
   text-align: center;
   white-space: nowrap;
   text-wrap: none;
   padding: 0 0.25rem 0.1rem 0.25rem;
   margin: 0 0.5rem;
}

   .badge.eApp {
      display: block;
      margin: 0;
      background-color: #ffe777;
      border-color: #997222;
      color: black;
   }

.NotificationResult {
   border: solid 1px #00000066;
   border-radius: 0.5rem;
   padding: 0;
   margin: 0 0 1.5rem 0;
   background-color: #ddddff;
}

   .NotificationResult h3 {
      padding: 0.5rem 1rem 0.5rem 2.75rem;
      margin: 0;
      background-repeat: no-repeat;
      background-position-x: 0.75rem;
      background-position-y: 0.75rem;
      background-image: url(../../images/icons/email.png);
   }

   .NotificationResult ul {
      padding: 0;
      background-color: white;
      border-radius: 0.5rem;
      margin: 0;
   }

      .NotificationResult ul li {
         border-top: dotted 1px #cccccc;
         padding: 0.25rem 0.5rem 0.25rem 1rem;
      }

         .NotificationResult ul li.Sent {
            list-style: inside url(../../images/icons/accept.png);
         }

         .NotificationResult ul li.NotSent {
            list-style: inside url(../../images/icons/cross.png);
            background-color: #ff000022;
         }

.eye {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'> <path d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z'/> <path d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/></svg>");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}

.eye-slash {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'> <path d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/> <path d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/> <path d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708z'/></svg>");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}

.RollingTarget {
   background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 24 24'><path d='M12,2a10.032,10.032,0,0,1,7.122,3H16a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h4.143A1.858,1.858,0,0,0,22,5.143V1a1,1,0,0,0-1-1h0a1,1,0,0,0-1,1V3.078A11.981,11.981,0,0,0,.05,10.9a1.007,1.007,0,0,0,1,1.1h0a.982.982,0,0,0,.989-.878A10.014,10.014,0,0,1,12,2Z'/><path d='M22.951,12a.982.982,0,0,0-.989.878A9.986,9.986,0,0,1,4.878,19H8a1,1,0,0,0,1-1H9a1,1,0,0,0-1-1H3.857A1.856,1.856,0,0,0,2,18.857V23a1,1,0,0,0,1,1H3a1,1,0,0,0,1-1V20.922A11.981,11.981,0,0,0,23.95,13.1a1.007,1.007,0,0,0-1-1.1Z'/><g transform='translate(3 3) scale(0.75)'><path d='M13.932,4A3.071,3.071,0,0,1,17,7.068a1,1,0,0,0,2,0V7c0-.019,0-.036,0-.055A5.073,5.073,0,0,0,13.932,2H13V1a1,1,0,0,0-2,0V2h-.932a5.068,5.068,0,0,0-1.6,9.875L11,12.72V20h-.932A3.071,3.071,0,0,1,7,16.932a1,1,0,0,0-2,0V17c0,.019,0,.036,0,.055A5.073,5.073,0,0,0,10.068,22H11v1a1,1,0,0,0,2,0V22h.932a5.068,5.068,0,0,0,1.6-9.875L13,11.28V4Zm.97,10.021A3.068,3.068,0,0,1,13.932,20H13V13.387ZM11,10.613,9.1,9.979A3.068,3.068,0,0,1,10.068,4H11Z'/></g></svg>");
   /* background-position: center; */
   background-repeat: no-repeat;
   background-size: contain;
}