.headerTable { }
    .headerTable td { color: #353b3f; height: 50px; font-size: 11px; text-transform: uppercase; }
    .headerTable td a { color: #7676ab; }


    .bodyTable {  }
    .bodyTable td { color: #353b3f; font-size: 11px; height: 30; }
    .bodyTable td a { color: #7676ab; }
    .bodyTable td.green { color: #; }
    .bodyTable tr.comments td { height: 10px; padding-bottom: 4px; }
          
    .bodyTable td.red   { color: #d54100; }
    .bodyTable td.green { color: #30891f; }
    .bodyTable td.gray  { color: #c0c0c0; }
    .bodyTable td.black { color: #666666; }
    .bodyTable td.blue  { color: #7676ab; }

    .grayButton { text-align: center; cursor: pointer; width: 105px; height: 38px; background: #e4e7ea; border: 0; outline: 0; text-transform: uppercase; font-size: 11px; color: #333333; }


      .mymodal {}
      .mymodal span.salelen { border-bottom: #f7601e 1px dotted; margin-left: 10px; }
      .mymodal span.salelen a { color: #f7601e; font-size: 13px; }

      .mymodal td { line-height: 50px; color: #353b3f; font-size: 11px; padding: 0 20px; }
      .mymodal td.alertBody { line-height: 18px; text-align: justify; padding-top: 16px; padding-bottom: 16px; }
      
      .mymodal .ttu { text-transform: uppercase; }
      .ttu { text-transform: uppercase; }
      .mymodal .ttl { text-transform: lowercase; }
      .ttl { text-transform: lowercase; }

      .pl10 { padding-left: 10px; }
      .pr10 { padding-right: 10px; }

      .fs10 { font-size: 10px; }
      .fs11 { font-size: 12px; }
      .fs12 { font-size: 13px; }
      .fs13 { font-size: 14px; }
      .fs14 { font-size: 15px; }
      .fs15 { font-size: 16px; }

      .mymodal .bb    { border-bottom: 1px solid #d7d7d7; }
      .bb    { border-bottom: 1px solid #d7d7d7; }
      .mymodal .bt    { border-top: 1px solid #d7d7d7; }
      .bt    { border-top: 1px solid #d7d7d7; }
      .mymodal .bbo   { border-bottom: 1px solid #f7601e; }
      .mymodal td.ftr { background: #f7601e; color: #fff; }
      
      .mymodal td.close { line-height: 10px; }
      .mwcButton { width: 20px; height: 20px; border: #eff1f3 1px solid; }
      .mwcButton:hover { border: #c0c0c0 1px solid; cursor: pointer; }
      .mwcButton .fa { font-size: 22px; }
      .mwcButton .fas { font-size: 22px; }
      .mwcButton .far { font-size: 22px; }

      .mymodal .addsalecart     { text-decoration: none; right: 25px; top: 0px; font-size: 15px; color: #fff; }
      .mymodal .addsalecart .fa { font-size: 24px; margin-right: 10px; vertical-align: middle; color: #fff;}
      .mymodal .addsalecart .fas { font-size: 24px; margin-right: 10px; vertical-align: middle; color: #fff;}
      .mymodal .addsalecart .far { font-size: 24px; margin-right: 10px; vertical-align: middle; color: #fff;}

      .mymodal .stopCancelSale     { text-decoration: none; right: 25px; top: 0px; font-size: 15px; color: #fff; }
      .mymodal .stopCancelSale .fa { font-size: 24px; margin-right: 10px; vertical-align: middle; color: #fff;}
      .mymodal .stopCancelSale .fas { font-size: 24px; margin-right: 10px; vertical-align: middle; color: #fff;}
      .mymodal .stopCancelSale .far { font-size: 24px; margin-right: 10px; vertical-align: middle; color: #fff;}      

      .calendar       { float: right; position: relative; border: 1px solid #d7d7d7; margin-left: -1px; width: 160px; }
      .calendar .fa   { font-size: 22px; color: #727273; position: absolute; right: 10px; top: 11px; }
      .calendar .far  { font-size: 22px; color: #727273; position: absolute; right: 10px; top: 11px; }
      .calendar .fas  { font-size: 22px; color: #727273; position: absolute; right: 10px; top: 11px; }
      .calendar input { box-sizing: border-box; height: 40px; width: 100%; padding: 0 15px; background: none; border: 0; position: relative; outline: 0; z-index: 2; }

      .mymodal .bp-select .display { width: 423px; vertical-align: middle; height: 36px; line-height: 18px; white-space: pre; white-space: nowrap; padding: 0 4px 0 3px; text-transform: none; font-size: 13px; }
      .mymodal .bp-select.items    { width: 450px; vertical-align: middle; height: 36px; line-height: 18px; white-space: pre; white-space: nowrap; }

      .mymodal .gpbp-select .display { width: 423px; padding: 0 24px 0 3px; text-transform: none; font-size: 13px; }
      .mymodal .gpbp-select.items    { width: 450px; }

      .mymodal .sg-select .display { width: 193px; padding: 0 24px 0 3px; text-transform: none; font-size: 13px; }
      .mymodal .sg-select.items    { width: 220px; }

      .mymodal .yesno-select .display { width: 33px; padding: 0 24px 0 3px; text-transform: none; font-size: 13px; }
      .mymodal .yesno-select.items    { width: 60px; }

      .mymodal .sen-select .display { width: 103px; padding: 0 24px 0 3px; text-transform: none; font-size: 13px; }
      .mymodal .sen-select.items    { width: 130px; }

      .sgroups-select .display { width: 163px; padding: 0 24px 0 3px; text-transform: none; font-size: 14px; }
      .sgroups-select.items    { width: 190px; }          

      .sgroups-select-short .display { width: 143px; padding: 0 24px 0 3px; text-transform: none; font-size: 14px; }
      .sgroups-select-short.items    { width: 170px; }          

      .sgdn-select .display { width: 113px; padding: 0 24px 0 3px; text-transform: none; font-size: 14px; }
      .sgdn-select.items    { width: 140px; }          

      .surcvr-select .display { width: 530px; padding: 0 24px 0 3px; text-transform: none; font-size: 14px; }
      .surcvr-select.items    { width: 530px; }

      .sustatus-select .display { width: 163px; padding: 0 24px 0 3px; text-transform: none; font-size: 14px; }
      .sustatus-select.items    { width: 190px; }          

      .userStatus-select .display { width: 73px; padding: 0 24px 0 3px; text-transform: none; font-size: 14px; }
      .userStatus-select.items    { width: 100px; }          

      .scha-select .display { width: 63px; padding: 0 24px 0 3px; text-transform: none; font-size: 14px; }
      .scha-select.items    { width: 90px; }          


  .inpt          { border: 1px solid #d7d7d7; }
  .inpt input    { border: none; height: 30px; padding: 0 10px 0 10px; background: #fff; border: 0; width: 100%; }
  .inpt textarea { border: none; padding: 10px; background: #fff; border: 0; width: 100%; }

  #blink { -webkit-animation: blink 2s linear infinite; animation: blink 2s linear infinite; }
  @-webkit-keyframes blink { 50% { color: rgb(34, 34, 34); } 51% { color: rgba(34, 34, 34, 0); } 100% { color: rgba(34, 34, 34, 0); } }
  @keyframes         blink { 50% { color: rgb(34, 34, 34); } 51% { color: rgba(34, 34, 34, 0); } 100% { color: rgba(34, 34, 34, 0); } }

  #zxc   { -webkit-animation: blink 2s linear infinite; animation: blink 2s linear infinite; font-size: 8px; }
  @-webkit-keyframes zxc { 50% { color: rgb(34, 34, 34); } 51% { color: rgba(34, 34, 34, 0); } 100% { color: rgba(34, 34, 34, 0); } }
  @keyframes         zxc { 50% { color: rgb(34, 34, 34); } 51% { color: rgba(34, 34, 34, 0); } 100% { color: rgba(34, 34, 34, 0); } }