/*
  ==========================================================================
  =              S T O N E   M O U N T A I N   S O F T W A R E             =
  =          10373 SW Purity Springs Road -  Augusta, KS 67010-7787        =
  =             (316) 744-1334 - info@StoneMountainSoftware.com            =
  =                                                                        =
  =  This source code is proprietary information and a trade secret        =
  =  authored by Stone Mountain Software on behalf of Owens Construction   =
  =  Incorporated, to whom upon payment for work product it is tendered    =
  =  without restriction.                                                  =
  =                                                                        =
  =  Any usage or disclosure whatsoever outside of explicit written        =
  =  licensing terms granted by Stone Mountain Software is forbidden.      =
  =                                                                        =
  =  Project: Pro*Ject                                                     =
  =  File:    ProJect.css                                                  =
  =  Purpose: System CSS                                                   =
  =  Author:  Peter F. Levy                                                =
  =                                                                        =
  =  Revision history:                                                     =
  =    Rev   Date     Reason                                               =
  =    ---  ------    ---------------------------------------------------  =
  =    000  180101    Developmental code                                   =
  ==========================================================================

   #fcfaf7   page button='Execute area bg color; tables background
   #f8f4ee   menu box bg, overview table tr odd, pane table bg, main form bg color
   #f0e8da   overview table tr highlight
   #e8e0d4   overview / editor / pane table bg, overview table button
*/



html, body
 {
  font-size:   10pt;  /* 0.8vw; */
  font-family: sans-serif;
  text-align:  center;
  overflow:    hide;
  margin:      0;
  padding:     0;
 }


.PageButton
 {
  background-image: url('Graphics/PageWhiteButton.png');
  background-size:  100% 100%;
  width:            12em;
  height:           3em;
  color:            brown;
  font-size:        120%;
  border:           none;
  text-shadow:      1px 1px white;
  white-space:      nowrap;
 }


.MenuButton
{
  margin-top:     0.5em;
  margin-bottom:  0.5em;
  margin-left:    1.0em;
  margin-right:   1.0em;
}


.SmallButton
 {
  background-color: #e8e0d4;
  border:           1px solid tan;
  border-radius:    3px;
  text-shadow:      1px 1px white;
  white-space:      nowrap;
 }


.SmallButton:disabled
 {
  font-color:       gray;
 }


.Tab
 {
  background-color:        #e8e0d4;
  border:                  1px solid tan;
  text-shadow:             1px 1px white;
  white-space:             nowrap;
  border-top-left-radius:  6px;
  border-top-right-radius: 6px;
  height:                  auto;
 }

.Tab .Subcaption
{
  font-size: 80%;
}

.Tab .Icons
{
  float:       right;
  top:         2px;
  right:       2px;
  width:       auto;
  height:      auto;
  margin-left: 0.10in;
}


.Tab .LittleButton
{
  height:       20px;
  width:        20px;
}

.LittleButton:hover
{
  cursor:pointer;
}

.PageButton:hover,
.SmallButton:hover,
.Tab:hover
 {
  text-decoration:underline;
 }


.Footer
 {
  float:       left;
  margin-left: 8px;
  /* font-size:   8pt; */
  color:       brown;
  width:       0.65in;
 }


input[name="Login"],
input[name="Password"]
 {
  /* font-family:   sans-serif; */
  font-weight:   300;
  display:       inline-block;
  font-size:     22pt;
  padding:       10px 10px 10px 10px;
  width:         3.0in;
  color:         brown;
  border:        1px solid brown;
  border-radius: 6px;
 }


textarea
 {
  font-size:   0.8vw;
 }


/*
input
{
  font-size:   0.8vw;
}
*/

input:readonly
 {
  border: 1px solid lightgray;
  color:  lightgray;
 }


.WholePage
 {
  position:fixed;
  left:   0;
  right:  0;
  top:    0;
  bottom: 0;
 }


.PageForm
 {
  overflow:      auto;
  margin:        0.20in;
  padding-left:  0.25in;
  padding-right: 0.25in;
 }


.PageContent
 {
  position:        absolute;
  width:           100%;
  display:         flex;
  justify-content: center;
  align-items:     center;
 }


.PageButtons
 {
  position:         fixed;
  background-color: #fcfaf7;
  bottom:           0;
  left:             0;
  right:            0;
  margin:           0;
  padding:          4px;
  border-top:       1px solid tan;
  text-align:       center;
 }


 .Footer {
          position:fixed;
          left:0px;
          bottom:0px;
          width:100%;
          background-color:rgba(0, 0, 0, 0.5);
          padding-top:8px;
         }


input:-moz-read-only    { color: gray; } /* For Firefox */

input:read-only         { color: gray; }

textarea:-moz-read-only { color: gray; } /* For Firefox */

textarea:read-only      { color: gray; }

checkbox:-moz-read-only { color: gray; } /* For Firefox */

checkbox:read-only      { color: gray; }



 .white {
         text-align:center;
         background-color:white;
        }

 .Screen {
          /* font-family:      'Oswald', sans-serif; */
          /* background-color: RGBA(255, 255, 255, 0.75); */
          color:            black;
          padding-left:     12px;
          padding-right:    12px;
          text-transform:   capitalize;
         }

 .WhiteOnRed {
              background-color:red;
              color:white;
              padding-left: 12px;
              padding-right: 12px;
             }

 .RedOnWhite {
              background-color:white;
              color:red;
              padding-left: 12px;
              padding-right: 12px;
             }

 .BlueOnWhite {
               background-color:white;
               color:blue;
               padding-left: 12px;
               padding-right: 12px;
              }

 .WhiteOnBlue {
               background-color:blue;
               color:white;
               padding-left: 12px;
               padding-right: 12px;
              }

 .WhiteOnGreen {
                background-color:green;
                color:white;
                padding-left: 12px;
                padding-right: 12px;
               }

 .BlackOnWhite {
               background-color:white;
               color:black;
               padding-left: 12px;
               padding-right: 12px;
              }

.BlackOnYellow {
                background-color: yellow;
                color:            black;
                padding-left:     12px;
                padding-right:    12px;
               }

 .LightGray = { color: lightgray }

 .td .Strikethrough = { color: lightgray; text-decoration: line-through }

 .Trace {
         background-color: #e8e8ff;
         color:            blue;
         text-align:       left;
         padding-left:     1em;
         padding-right:    1em;
        }

 .Info {
           color:            black;
           background-color: white;
           text-align:       center;
           border:           1px solid black;
           padding:          0.10in;
           margin:           0.05in;
           font-size:        125%;
          }


 .Notice {
           background-color: blue;
           color:            white;
           font-weight:      bold;
           text-align:       center;
           border:           1px solid black;
           padding:          0.10in;
           margin:           0.05in;
           font-size:        125%;
          }

 .Warning {
           background-color: white;
           color:            red;
           border:           1px solid black;
           text-align:       center;
           padding:          0.10in;
           margin:           0.05in;
           font-size:        125%;
           margin-left:      auto;
           margin-right:     auto;
          }

 .UserAlert
  {
    background-color: #ffff80;
    color:            black;
    border:           1px solid black;
    text-align:       center;
    padding:          0.10in;
    margin:           0.10in;
    font-size:        250%;
    margin-left:      auto;
    margin-right:     auto;
   }


.Error
 {
  background-color: white;
  color:            red;
  font-weight:      bold;
  text-align:       center;
  border:           1px solid black;
  padding:          0.10in;
  margin:           0.05in;
  font-size:        300%;
  margin-left:      auto;
  margin-right:     auto;
  margin-top:       1.00in;
 }


.Deleted
 {
  color:           gray;
  text-decoration: line-through;
 }


.Total
 {
  font-weight: bold;
  border-top:  1px solid black;
 }



table
 {
  /* font-family:    sans-serif; */
  border:         1px solid brown;
  border-radius:  6px;
  background:     white;
  margin-left:    auto;
  margin-right:   auto;
  margin-top:     0.10in;
  margin-bottom:  0.10in;
  text-align:     center;
 }

th .Title
 {
  font-size:   150%;
  text-shadow: 1px 1px white;
 }


.Vertical_TH
{
  writing-mode:     vertical-lr;
  text-orientation: sideways;
  width:            1.0em;
  padding-top:      1.0em;
  padding-bottom:   1.0em;
}


tr { text-align:center }

th {
    background-color: #d0d0d0;
    text-align:       center;
    padding-left:     0.05in;
    padding-right:    0.05in;
   }

td {
    vertical-align: top;
    padding-left:   0.05in;
    padding-right:  0.05in;
   }

.OverviewTable                            { font-size: 100%; background-color: #fcfaf7  }
.OverviewTable tr                         { font-size: 100%; vertical-align: bottom     }
.OverviewTable tr:nth-child(odd)          { background-color: #f8f4ee                   }
.OverviewTable tr:not(:first-child):hover { background-color: #f0e8da                   }
.OverviewTable tr:last                    { line-height: 0.07in;                        }
.OverviewTable th                         { font-size: 100%; background-color: #e8e0d4  }
.OverviewTable th .Title                  { font-size: 120%; text-shadow: 1px 1px white }
.OverviewTable td                         { font-size: 100%; vertical-align:top         }
.OverviewTable td:first-child             { text-align: left; white-space:nowrap        }

.OverviewTable button
 {
  background-color: #e8e0d4;
  border:           1px solid tan;
  border-radius:    3px;
  text-shadow:      1px 1px white;
 }

.OverviewTable button:hover               { text-decoration:underline                   }

.EditorTable
 {
  background-color: #fcfaf7;
  /* font-size:        10pt; */
 }


.EditorTable .Title
 {
  font-size:      150%;
  text-shadow:    1px 1px white;
  padding-bottom: 0.5em;
  vertical-align: bottom;
 }

.EditorTable .SubTitle {
                        font-size:      120%;
                        text-shadow:    1px 1px white;
                        padding-top:    0.5em;
                        vertical-align: bottom;
                       }


                       .EditorTable input    { width:350px }
.EditorTable input[type='checkbox']  { width:14px; text-align:left }
.EditorTable input[type='date']  { font-family:sans-serif }
.EditorTable select   { width:358px }

.EditorTable tr { text-align: center; white-space:nowrap }

.EditorTable th:first { border-bottom: 2px solid tan }
.EditorTable th:last { border-top: 2px solid tan }

/* .EditorTable tr:last { line-height:0.07in; } */
.EditorTable th {
                 background-color:#e8e0d4;
                 text-align:center;
                 padding-left:0.05in;
                 padding-right:0.05in;
                }
.EditorTable th:first-child: { padding-left:0.10in }
.EditorTable th:last-child: { padding-left:0.10in }
.EditorTable th:nth-child(2): { padding-right:0.10in; }

.EditorTable td {
                 padding-left:0.05in;
                 padding-right:0.05in;
                }
.EditorTable td:first-child  {
                              padding-left:0.10in;
                              white-space:nowrap;
                             }
.EditorTable td:nth-child(2)  { padding-right:0.10in; }

.EditorTable td:nth-child(1)  { text-align:right       }
.EditorTable td:nth-child(2)  { text-align:left        }

.EditorTable textarea {
                       font-family: sans-serif;
                       /* font-size:   10pt; */
                       width:       350px;
                       height:      100px;
                      }

.EditorTable button
 {
  background-color: #e8e0d4;
  border:           1px solid tan;
  border-radius:    3px;
  text-shadow:      1px 1px white;
  /* font-size:        9pt; */
 }

.EditorTable button:hover
 {
  text-decoration:underline;
 }



.InvoiceTable
 {
  /* font-size:        10pt; */
  border:           2px solid #000;
  width:            8in;
  background-color: white;
  margin-top:       0.5in;
 }

.InvoiceTable tr { line-height:11px; }

.PaginateTables table { page-break-after: always; }



.QueryDialog
 {
  margin-top:    0.25in;
  /* margin-bottom: 0.25in; */
  border:        2px solid white;
  padding:       4px 4px 4px 4px;
 }

.QueryDialog input    { width:200px }
.QueryDialog select   { width:200px }

.QueryDialog input[type='checkbox']  { width:15px; text-align:left }
.QueryDialog td:nth-child(1)  { text-align:right }
.QueryDialog td:nth-child(2)  { text-align:left  }


.OptionsDialog
 {
  margin-top:    0.25in;
  border:        2px solid white;
  padding:       4px 4px 4px 4px;
 }

.OptionsDialog .SubTitle { font-size: 120% }

.OptionsDialog input    { width:200px }
.OptionsDialog input[type='checkbox']  { width:14px; text-align:left }
.OptionsDialog select   { width:200px }
.OptionsDialog tr { text-align:center; }
.OptionsDialog th {
                   background-color:#d0d0d0;
                   text-align:center;
                   padding-left:0.05in;
                   padding-right:0.05in;
                  }
.OptionsDialog td {
                   padding-left:0.05in;
                   padding-right:0.05in;
                  }
.OptionsDialog td:nth-child(1)  { text-align:right       }
.OptionsDialog td:nth-child(2)  { text-align:left        }



.PlainInput input {
                   border:none;
                   background-color:#e0e0e0;
                  }

textarea
 {
  font-family: sans-serif;
  /* font-size:   10pt; */
  width:       300px;
  height:      100px;
 }


button
 {
  padding-left: 8px;
  padding-right:8px;
}



.FancyButton
 {
  font-family:           'Oswald', sans-serif;
  margin-left:           8px;
  margin-right:          8px;
  margin-top:            5px;
  margin-bottom:         5px;
  background:            #00bcd4;
  -webkit-border-radius: 2;
  -moz-border-radius:    2;
  border-radius:         2px;
  color:                 white;
  /* font-size:             15px; */
  font-weight:           500;
  padding:               10px 20px 10px 20px;
  text-transform:        uppercase;
  border-style:          solid;
  border-width:          0px;
  /* border-color:#ffffff; */
  width:                 225px;
  white-space:           nowrap;
 }


.FancyButton:hover
 {
  background:#8BC34A;
 }


.Paper
 {
  position:relative;
  background: white;
  width: 8.50in;
  height: 11.0in;
  border: 1px solid black;
  font-family: sans-serif;
  /* font-size:8pt; */
  /* margin-top: 0.5in; */
  /* margin-bottom: 0in; */
  margin-left:auto;
  margin-right:auto;
 }

.Letter
 {
  width:   8.5in;
  height: 11.0in;
 }

.LetterWide
 {
  width: 11.0in;
  height: 8.5in;
 }


.Legal
 {
  width:   8.5in;
  height: 14.0in;
 }


.Tight
 {
  font-size:  80%;
  margin-top: 0.35in;
 }

.Vertical
 {
  /* font-size:  10pt; */
  margin-top: 1.0in;
  border:     1px solid black;
 }


.Report tr:nth-child(odd)  { background-color: #ffffff }
.Report tr:nth-child(even) { background-color: #f0f0f0 }
.Report { margin-top:0.15in }
.Tight th { padding-left:0; padding-right:0; }
.Tight td { padding-left:0; padding-right:0; }
.Vertical td:nth-child(odd)  { text-align:right }
.Vertical td:nth-child(even) { text-align:left }


.ReportTable
 {
  /* font-size:        10pt; */
  border:           1px solid #000;
  width:            auto;  /* 7.5in; */
  background-color: white;
  margin-top:       0.5in;
 }


.ReportWrapper
 {
  position: relative;
  top:      0.5in;
  /* height:   8.60in;  */
 }

.ReportHeader
 {
  th { background-color:#e0e0e0; }
  width:96%;
  margin-bottom:0.25in;
  margin-top:0.25in;
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
 }

.ReportHeader th:nth-child(even) { background-color:white; width:0.15in }

.ReportTitle
{
  font-size: 24pt;
  text-align: center;
}

.ReportSubtitle
{
  font-size: 16pt;
  text-align: center;
}

.ReportFooter
{
  position:absolute;
  bottom: 0.50in;
  font-size: 8pt;
  text-align:center;
}

.Invoice
 {
  font-family: 'Open Sans', sans-serif;
  font-size: 9pt;
  margin-top: 0.5in;
 }

.Invoice table
 {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-radius:0px;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  background: white;
  margin-top:0.20in;
  margin-bottom:0.00in;
  width:7.5in;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  /* border: 1px solid blue; */
  border-collapse: collapse;
  line-height:10pt;
  /* font-size:10pt; */
 }

.Invoice th
 {
  background:     white;
  vertical-align: bottom;
 }


.Boxed
 {
  padding-left: 0.03in;
  padding-right: 0.03in;
  border:1px solid black;
 }

@media print
 {
  .noprint { display: none }
 }


@media print and (orientation:portrait)
 {
   .LetterWide
    {
     transform:         rotate(90deg) scale(1.20);
     -webkit-transform: rotate(90deg) scale(1.20);
     -ms-transform:     rotate(90deg) scale(1.20);

     top: 2.5in;
    }
 }


.DataEntryTable
 {
  background-color: #f8f4ee;
  margin-left:      auto;
  margin-right:     auto;
  float:            none;
 }

.DataEntryTable input                   { width:300px; border:1px solid gray }
.DataEntryTable input[type='checkbox']  { width:14px; text-align:left        }
.DataEntryTable select                  { width:304px; border:1px solid gray }

.DataEntryTable tr {
                    text-align: center;
                   }

.DataEntryTable th {
                    background-color: #e8e0d4;
                    font-size:        150%;
                    color:            brown;
                    font-weight:      bold;
                    text-shadow:      1px 1px white;
                    padding-top:      0.75em;
                    vertical-align:   top;
                    text-align:       center;
                    padding-left:     0.05in;
                    padding-right:    0.05in;
                   }

.DataEntryTable td {
                    padding-left:  0.05in;
                    padding-right: 0.05in;
                    /* font-size:     10pt; */
                    white-space:   nowrap;
                    height:        1.48em;   /* Needed for uniform row spacing because different inputs (notably date in FireFox) have different heights */
                   }
.DataEntryTable td:first-child:  { padding-left:0.10in;  }
.DataEntryTable td:nth-child(3): { padding-right:0.10in; }

.DataEntryTable td:nth-child(1)  { text-align:right }
.DataEntryTable td:nth-child(2)  { text-align:left  }
.DataEntryTable td:nth-child(3)  { text-align:left  }

.DataEntryTable textarea {
                          font-family:sans-serif;
                          /* font-size:9pt; */
                          width:300px;
                          height:150px;
                          border:1px solid gray
                         }


.PageTitle
{
  position:    absolute;
  text-align:  right;
  left:        30%;
  right:       15%;
  top:         1em;
  font-size:   28pt;
  color:       brown;
  font-weight: bold;
  text-shadow: 2px 2px white;
  white-space: nowrap;
}


.Bold { font-weight:bold }

.Centered { text-align: center }

.LeftJustified { text-align: left }

.NoWrap { white-space: nowrap }


.KitPart
{
  /* font-size:  8pt; */
  font-style: italic;
  color:      #666;
}


.MaterialOption
{
  /* font-size:  8pt; */
  font-style: italic;
  color:      #666;
}


/* Image / Document management */

.Thumbnail
{
  height:      auto;
  max-height:  0.75in;
  border:      1px solid black;
}


.Overlay
{
  position:         fixed;
  left:             0;
  top:              0;
  width:            100%;
  height:           100%;
  display:          none;
  justify-content:  center;
  align-items:      center;
  background-color: rgba(0, 0, 0, 0.65);
  transition:       opacity 0.35s;
  transition-delay: visibility 0.35s;
}


.OverlayCloseButton
{
  position:         absolute;
  /* right:            0.25in;
  top:              0.25in; */
  bottom:           1em;
  float:            center;
}


.OverlaidImage,
.Overlay img
{
  border:          2px solid white;
  opacity:         1.0;
}


/* .OverlaidDocument */
.Overlay iframe
{
  border:  2px solid black;
  opacity: 1.0;
  width:   90%;
  height:  90%;
}


.Overlay .Editor
{
  flex-direction: column;
}


.Overlay .EditorInput
{
  width:            80%;
  min-height:       10%;
  max-height:       75%;
  overflow:         auto;
  border:           none;
  /* background-color: white; */
}


.Overlay .EditorWorker
{
  margin-top:       1em;
  width:            62%;
  min-height:       10%;
  max-height:       25%;
  overflow:         auto;
  border:           none;
}


.EditorBody
{
  display:          flex;
  justify-content:  center;
  align-items:      center;
  /* width:            100%;
  height:           100%; */
  /* font-size:        12pt; */
}


.EditorForm
{
  background-color: white;
  border:           2px solid brown;
  border-radius:    1em;
  padding:          1em;
  /* font-size:        12pt; */
}



.Overlay .Auxecutor
{
  width:            80%;
  max-height:       80%;
  overflow:         auto;
  border:           none;
}


.Overlay .AuxecutorWorker
{
  width:            80%;
  max-height:       15%;
  overflow:         auto;
  border:           none;
}


.AuxecutorBody
{
  display:          flex;
  justify-content:  center;
  align-items:      center;
  width:            100%;
  height:           100%;
  /* font-size:        12pt; */
}

.Overlay .AuxecutorInterface
{
  width:            80%;
  max-height:       75%;
  overflow:         auto;
  border:           none;
}


.Overlay .AuxecutorWorker
{
  width:            80%;
  max-height:       15%;
  overflow:         auto;
  border:           none;
}


/* Auxecutor II (AX) */



#AX_Outer
{
  display:          flex;
  justify-content:  center;
  align-items:      center;
  flex-direction:   column;
  width:            62%;
  height:           62%;
  overflow:         auto;
  border:           2px solid black;
}


#AX_Title
{
  background-color: white;
  color:            black;
  border-bottom:    2px solid brown;
  font-size:        24pt;
  font-weight:      bold;
  text-align:       center;
  width:            100%;
}


#AX_Body_Div
 {
  display:          flex;
  justify-content:  center;
  align-items:      center;
  flex-direction:   column;
  height:           calc(100% - 24pt);
  width:            100%;
  /* font-size:        12pt; */
  background-color: white;
 }


#AX_Body
 {
  border:           none;
  height:           100%;
  width:            100%;
  /* font-size:        12pt; */
 }


.AX_Button
{
  transform:      scale(0.85);
  margin-left:    0px;
  margin-right:   0px;
}


#TrayMenu
{
  position:    fixed;
  left:        8px;
  bottom:      6px;
  color:       brown;
  /* font-size:   0.7vw; */
  font-family: sans-serif
}


#TrayMenu a
 {
  text-decoration: none;
  color:           brown;
 }


#TrayMenu a:hover
 {
  text-decoration: underline;
  cursor:          pointer;
 }


.TrayItem
{
  border:        1px solid brown;
  border-radius: 0.03in;
  padding:       2px;
}


#band4
{
  position:    fixed;
  left:        0;
  right:       0;
  bottom:      0;
  height:      22px;
  color:       brown;
  text-align:  center;
  font-family: sans-serif;
  /* font-size:   9pt; */
}


.NA_Span
{
  display:          inline-block;
  width:            303px;
  height:           19px;
  border:           1px solid gray;
  background-color: #e0e0e0;
  color:            #505050;
  font-family:      sans-serif;
  text-align:       left;
}


.Changed
{
  background-color: #ffffc0;
}


.NotDisplayed
{
  display: none;
}


/* Folder labels */

.FolderLabel
{
  position:      relative;
  margin-left:   auto;
  margin-right:  auto;
  margin-top:    0.00in
  margin-bottom: 0.00in;
  border:        1px solid black;
  border-radius: 0.10in;
  height:        1.20in;
  width:         3.20in;
  font-family:   sans-serif;
  color:         black;
  white-space:   nowrap;
  text-align:    left;
  padding:       0;
}


#FolderLabel_Extra
{
  margin-top: 0.15in;
  color:      blue;
  font-size:  14pt;
}


#AddressBlock
{
  position:   absolute;
  left:       0.10in;
  top:        0.05in;
  font-size:  16pt;
}

#AddressLine
{
  position:   static;
  /* border:     1px solid green; */
  left:       0px;
}

#WorkPackageNumber
{
  position:  absolute;
  right:     0.05in;
  top:       0.05in;
  font-size: 24pt;
  float:     right;
  /* border:    1px solid blue; */
}

#RelatedFileNumber
{
  position:  absolute;
  right:     0.05in;
  top:       35pt;
  font-size: 12pt;
  float:     right;
}


#CustomerProjectNumber
{
  position:  absolute;
  right:     0.05in;
  top:       0.85in;
  font-size: 16pt;
  float:     right;
  /* border:    1px solid green; */
}

/* End folder labels */




.DropZone
{
  display:         flex;
  flex-direction:  column;
  justify-content: center;
  align-items:     center;
  border:          1px solid tan;
  border-radius:   4px;
  height:          4.0in;
  width:           6.0in;
}


.DocumentDropZone
{
  border:        1px solid tan;
  border-radius: 4px;
  height:        auto;
  width:         0.80in;
  margin:        4px;
  padding:       4px;
  float:         left;
}





.StatusMonitor { margin-top:0.15in }

.StatusMonitorTable
 {
  font-size:        10pt;
  border:           1px solid #000;
  width:            auto; /* 1700px;  /* 7.5in; */
  background-color: white;
  margin-top:       0.0in;
 }


.StatusMonitorTable thead
{
  display:       block;
  font-size:     14pt;
  border-bottom: 1px solid green;
}

.StatusMonitorTable tbody
{
  display:   block;
  overflow:  auto;
  font-size: 12pt;
  /* scroll-behavior: smooth; */
}

.StatusMonitorTable thead th
{
  background-color: white;
  vertical-align:   bottom;
}


.StatusMonitorTitle
{
  font-size:  24pt;
  text-align: center;
}

.StatusMonitorSubtitle
{
  font-size:  16pt;
  text-align: center;
}


/* PROGRESS BUTTONS */

.ProgressButton  /* Same as .SmallButton for now except added witdh: */
 {
  background-color: #e8e0d4;
  border:           1px solid tan;
  border-radius:    3px;
  text-shadow:      1px 1px white;
  white-space:      nowrap;
  font-size:        100%;
  /* width:            6em;  /* room for 12 upper-case chars */
 }

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

.NotStarted:after
{
  float:       right;
  position:    relative;
  top:         1px;
  margin-left: 1em;
  content:     url('Graphics/ProgressButtonInset_NotStarted.png');
}

.NotFinished:after
{
  float:       right;
  position:    relative;
  top:         1px;
  margin-left: 1em;
  content:     url('Graphics/ProgressButtonInset_NotFinished.png');
}

.Finished:after
{
  float:       right;
  position:    relative;
  top:         1px;
  margin-left: 1em;
  content:     url('Graphics/ProgressButtonInset_Finished.png');
}


.Rush  /* rush items on status monitors - white on red */
{
  background-color: red;
  color:            white;
}


.GreenBar  /* green bar in status monitors */
{
  background-color: #e8ffe8;
}


#StageButtonsDiv
{
  position:   absolute;
  top:        0.00in;
  left:       0.00in;
  width:      14em;
  height:     auto;
  max-height: 90%;
  padding:    1.0em;
  overflow-y: auto;
  border:     none;
}

.StageButton
{
  font-size:     85%;
  margin-bottom: 4px;
  width:         14em;
  margin-right:  0.5em;
}



/* NOTES DISPLAY on DatEntry.php */
/* ============================= */

#NotesDiv
{
  font-size:  85%;
  position:   absolute;
  top:        0.00in;
  right:      0.00in;
  width:      auto;
  height:     auto;
  max-height: 95%;
  padding:    1em;
  overflow-y: auto;
  border:     none;
}


#NotesTable
{
  background-color: #f8f4ee;
  border:           1px solid tan;
}


.NotesTable th {
                background-color: #e8e0d4;
                color:            brown;
                font-weight:      normal;
                text-shadow:      1px 1px white;
                padding-top:      0.25em;
                vertical-align:   top;
                text-align:       center;
                padding-left:     0.05in;
                padding-right:    0.05in;
               }

.NotesBlock
{
  text-align: left;
  color:      gray;
  font-style: italic;
  width:      17em;
}

.NoteText
{
  display:          inline-block;
  color:            black;
  font-style:       normal;
  padding:          0.02in;
  margin-left:      0.6em;
  width:            95%;
  margin-top:       0.3em;
  border:           1px solid gray;
  background-color: white;

}

.NoteDate
{
  color:       black;
  font-weight: bold;
  font-style:  normal;
}


.NoteEditButtons
{
  float: right;
  margin-right: 0.3em;
}


.NoteEditButton
{
  width:        6em;
}


.NoteInfo
{
  margin-left: 0.6em;
}


.NoteStageDetail_TD
{
  background-color: green;
  color:            white;
}


/* END NOTES DISPLAY CSS */
/* ===================== */



.ShippingLabel
 {
  position:      relative;
  margin-left:   auto;
  margin-right:  auto;
  margin-top:    0.00in
  margin-bottom: 0.00in;
  border:        1px solid black;
  border-radius: 0.10in;
  height:        4.00in;
  width:         6.00in;
  font-family:   sans-serif;
  color:         black;
  white-space:   nowrap;
  text-align:    left;
  padding:       0;

  --HorizMargin:  0.125in;
 }

.ShippingLabel .AofB
 {
  position:    absolute;
  left:        0.125in;
  top:         0;
  font-size:   60pt;
  font-weight: bold;
 }

.ShippingLabel .WorkPackageNumber
 {
  position:    absolute;
  right:       var(--HorizMargin);
  top:         0;
  font-size:   60pt;
  font-weight: bold;
 }

.ShippingLabel .ShipTo
 {
  position:   absolute;
  left:       var(--HorizMargin);
  top:        0.88in;
  font-size:  42pt;
 }

.ShippingLabel .MarkFor
 {
  position:    absolute;
  left:        var(--HorizMargin);
  bottom:      0.12in;
  font-size:   13pt;
  font-weight: bold;
 }

#SubscriberSelectorDiv
{
  position: absolute;
  right:    8px;
}


#SubscriberLogo
{
  position:            absolute;
  right:               0px;
  top:                 0px;
  bottom:              -6px;
  width:               10%;
  background-color:    none;
  background-size:     contain;
  background-repeat:   no-repeat;
  background-position: right;
  margin:              8px;
}


#UEP_Alert
{
  display:          none;
  background-color: lightyellow;
  padding:          4px;
  border:           1px solid black;
  font-size:        125%;
  font-weight:      bold;
  margin-bottom:    8px;
  width:            1.4in;
}

