:root{
   --logo-color: #fff;
   --menu-color: #ebeeec;
   --back-color: #fff;
   --footer-color: #bacfc4;
   --third-color:#70b493 ; 
   --secondary-color:#518d70 ; 
   --primary-color:#33664d ; 
   --medium-color:#83a193 ; 
   --light-color: #eff7f3;
   --bord-color: #bacfc4;
   --bord2-color: #dee9e3;
   --black-color: #000;
   --dark-text: #333;
   --white-color: #FFFFFF;
   --col-width: 300px;
   --max-width: 1500px;
   --min-width: 375px;
   --over-back: #eff3f7;
   --over-fore: #0074e0;
   --over-fore2: #2f6394;
   --warn-back:#ffffdd;
   --err-back:#ffdddd;
   --cst-color:#4691e9;
   --int-color:#6fb750;
   --adm-color:#c26a30;
   }
 
  
 #launchDIV{
   display: block;
}


#programInfo{
   display: none;
}


.inputCompany {
   padding: 4px;
   border-radius: 5px;
   margin-bottom: 10px;
   border: 1px solid #ccc;
   box-shadow: 4px 4px 12px #ccc;
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style-type: none;
  }


body{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-color: var(--white-color);
   color:var(--black-color);
   line-height: 1.5;
   font-size: 11pt;
   margin: 0;
   padding: 0;
   user-select: none; 
}

.titlebox{
   display: flex;
   align-items: center;
   flex-wrap: nowrap;
   justify-content: space-between;
}

.canflag{
   box-sizing: content-box;
   height: 30px;
   margin-right: 5px;
   margin-top: 10px;
   opacity: 1;
}

.link{
   color: #0074e0;
}

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


.print{
   display: none !important;
}

#source{
   font-size: 7pt;
   color: var(--primary-color);
}

#printheader{
   /* max-width: 750px; */
   background-color: var(--white-color);
}

#printfooter{
   border-top: 2px solid var(--primary-color);
   /* max-width: 750px; */
   background-color: var(--white-color);
}

#printlogo{
   width:200px;
}



ul.info{
   line-height: 1.0;
}

ul.info li{
   list-style-type: none;
   position: relative;
   left:200px;
}

ul.infocstint{
   line-height: 1.0;
   /* font-weight: 600; */
}

ul.infocstint li{
   list-style-type: none;
   position: relative;
   /* left:200px; */
}

.provCstInt{
   float: left;
   width: 250px;
   margin-right:10px;
}

img{
   max-width: 100%;
}

.localurl{
   color: var(--primary-color);
   text-decoration: underline;
   cursor:pointer;
}

.localurl:hover{
   color: var(--secondary-color);
}


hr{
   border: 2px solid var(--primary-color);
   border-radius: 2px;
   margin:0px 0px 20px 0px;
}

 #main-logo{
   width: 100%;
   min-width: var(--min-width);
   overflow: hidden;
   background-color: #dae0e2;
   margin: 0;
   padding: 0;
   height:277px;
   border:0;

}

.logo{
   box-sizing:content-box;
   height:277px;
   width:1920px;
   background-image: url('../graphics/ECLheader.png');
   padding: 0;
   margin: 0;
}






.lvl1 {
   padding-left: 20px !important;
}
.lvl2 {
   padding-left: 40px !important;
}
.lvl3 {
   padding-left: 60px !important;
}



.menu-parent, .menu-sub, .related{
   /* text-decoration-line: underline; */
   cursor: pointer;
}


.menu-current{
   font-weight: bold;
}

/* BLOCK */
.block {
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   position: fixed;
   visibility: hidden;
}


#block-dark, #block-dark2 {
   background-color:#333;
   opacity: 0.75;
   cursor: default;
   z-index: 999;
}

#block-dark2 {
   z-index: 1009;
}


#block-light {
   background-color:#888;
   opacity: 0.25;
   cursor: default;
   z-index: 999;
}


#main-nav {
   background-color: var(--primary-color);
   min-width: var(--min-width);
   position: sticky;
   z-index: 2;
   top: 0;
   display:block;
   cursor: pointer;
 }


#main-nav li:hover {
   color: var(--logo-color);
}

.menu-btn {
   height:36px;
   float:left;
   padding:2px 20px ;
   fill:none;
   cursor: pointer;
}



.menu-txt {
   color: var(--menu-color);
   text-align: center;
   padding-top:9px;
   line-height: 1.1;
   font-size: 13px;
   border: 1px dotted var(--medium-color);
   margin:4px;
}

.menu-twolines {
   padding-top:2px;
}

.menu-txt:hover {
   transition: all 0.4s; 
   background-color: var(--secondary-color);
   color: var(--white-color);
}

.admin {
   float: right;
}

.menu-btn .icon-bg{ 
   fill:var(--primary-color);
   transition: all 0.4s;
}

.menu-btn .icon-pn{ 
   stroke:var(--menu-color);
   stroke-width:1.0;
   transition: all 0.4s;
}

.menu-btn .icon-pn1{ 
   stroke:var(--menu-color);
   stroke-width:5.0;
   transition: all 0.4s;
}

.menu-btn .icon-pn2{ 
   stroke:var(--menu-color);
   stroke-width:20.0;
   transition: all 0.4s;
}

.menu-btn .icon{ 
   fill: var(--menu-color);
   transition: all 0.2s;
}


.menu-btn:hover .icon{ 
   fill:var(--logo-color);
}


.menu-btn:hover .icon-pn,
.menu-btn:hover .icon-pn1,
.menu-btn:hover .icon-pn2{ 
   stroke:var(--logo-color);
}





/* MAIN MENU */
.menu{
   position:sticky;
   display: none;
   visibility: visible;
   width: 300px;
   z-index: 1000;
   top: 44px;
   left: calc((100% - var(--max-width)) / 2);
   background-color: var(--primary-color);
   
}


/* was 300 but needed to be 320 to ignore scroll bar */
#menuItems-User{
   left: calc( min(var(--max-width), max(100vw, var(--min-width))) - 320px);

}

.menu ul{
   display: block;
   position: absolute;
   width: 300px;
}

.menu li{
   position: relative;
   list-style-type: none;
   cursor: pointer;
}

.menu li a{
   padding: 5px 10px;
   display: block;
   border-top:1px solid var(--footer-color); 
   background-color: var(--primary-color); 
   width:100%;
   text-decoration: none;
   color:var(--white-color);
}

.menu li a:hover{
   background-color: var(--light-color);
   color: var(--primary-color);
}




#nav-pages{
   margin: 100px 10px 10px 10px;
   padding: 10px;
   background-color: var(--light-color);
   align-self: middle;
   box-shadow: #ccc 4px 4px 10px;
} 

#nav-pages li{
   background-color: var(--light-color);
}

#nav-pages li a{
   display: block;
   padding: 5px;
   margin: 3px;
   width: 100%;
   color:var(--primary-color);
   text-decoration: none;
   font-size: 9pt;
}

#nav-pages li a:hover {
   background-color: var(--third-color);
   color: var(--white-color);
}





/* .container {
   max-width: var(--max-width);
   margin: auto;
   padding: 0;
   overflow: hidden; 
 } */



.container {
   position: relative;
   max-width: var(--max-width);
   margin: auto;
   padding: 0;
   overflow: hidden; 
   min-width: var(--min-width);
 }

 #reslated {
   width:300px;
   display: block;
   position: static;   
}


   


table{
   border-collapse: collapse;
   position:relative;
   top:0;
}

#reswide{
   max-height:calc(100vh - 175px);
   overflow: auto;
}

th{
   width: 150px;
   padding: 2px;
   top:39px;
   position: sticky;
   font-weight:normal;
   background-color:var(--secondary-color);
   color:var(--white-color);
}

td{
   width: 150px;
   padding: 2px;
   text-align: left;
   padding-left: 20px;
}

table, th, td{
   border: 1px solid var(--bord-color);
}


h1, h2 ,h3 ,h4 ,h5 {
   color: var(--primary-color);
}

button {
   display: block;
   padding: 10px;
   /* border: #ddd 1px solid; */
   /* margin-top: 20px; */
   color: #fff;
   cursor: pointer;
   background-color: var(--primary-color);
   opacity: 1;
}

button:hover {
   opacity: 0.8;
}


button:disabled{
   background-color: #888;
   cursor: default;
}


#divmapcont button{
   background-color: var(--secondary-color);
}

.bb{
   /* border-left: 1px solid white !important;  */
   top:0;
   text-align: left;
   position: sticky;
}

.rb{
   border-right: 1px solid white !important;
}

.date{
   text-wrap: nowrap;   
   text-align: center;
}

.num{
   text-align: right;
   padding-right: 20px;
}

.numb{
   text-align: right;
   padding-right: 20px;
}

.left{
   text-align: left;
   padding-left: 20px;
}
.cent{
   text-align: center;
   padding: 0px;
}

.wide2{
   width: 300px;
}

.overflow{
   overflow-x: hidden;
}

.nar2{
   width: 75px;
}

.wide3{
   width: 450px;
}

.active{
   background-color: var(--light-color);
}

.none{
   color: #aaa;
}

.click{
   cursor: pointer;
}

.click:hover{
   background-color: var(--primary-color);
   color:var(--white-color);
}

.subtotal{
   background-color: var(--light-color);
   font-weight: bold;
}


.light{
   color:lightgray;
}


 .fil0,.fil1{
    fill:var(--logo-color);
 }

 /* appraisals logo */
 .str0 {stroke:#373435;stroke-width:1.03493}
 .str1 {stroke:#537473;stroke-width:5.59975}
 .filn {fill:none}
 .fil5 {fill:#8C9C7B}
 .fil2 {fill:#699392}
 .fil4 {fill:#537473}
 .fil3 {fill:#6A9379}
 .fil6 {fill:#7D6F4D}
 .fil8 {fill:#9DC29F}
 .fil7 {fill:#B0D4B1}
 .fil10 {fill:#537473;fill-rule:nonzero}
 

 #mps-logo{
   width: 175px;
   margin:10px;
   float:right;
}

 /* FOOTER */
#main-footer {
    padding: 0px 20px;
    min-width: var(--min-width);
    background-color: var(--footer-color);
    color: var(--dark-text);
  }
 
  #main-footer h3 {
     padding: 0;
  }
  
  #main-footer li {
    list-style-type: none;
  }
  
  #main-footer a {
    color: var(--dark-text);
    cursor: pointer;
  }
  
  #main-footer a:hover {
    color: var(--primary-color);
  }
 
  #main-footer .footer-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.5rem;
    padding: 1.5rem 0;
    font-size: 0.75rem;
 }


 .hbs {
   border:  1px solid var(--medium-color);
   padding: 10px;
   font-size: 8pt;
   text-align:left;
 }

 .hbs thead th {
   background-color: var(--light-color);
   border:  1px solid var(--border-color);
   color:var(--primary-color);
   text-align:center;
}
 

 .hbs tbody td {
   border:  1px solid var(--border-color);
 }
 
 .colnum{
   text-align:right;
 }

 .total{
   font-weight: bold;
 }



 .edit{
   width:300px;
   padding-left: 20px;
 }

 .edit:hover{
   background-color:  var(--primary-color);
   color: var(--white-color);
 }

.right {
    float: right;
    margin: 20px  0px 20px 20px;
}


 #showcase {
    color: var(--dark-text);
    background-color: var(--back-color);
    min-height: calc(100vh - 465px);
}
  
.showcase-container {
    display: grid;
    grid-template-columns: repeat(5, 300px);
    /* grid-template-areas: 'navpage pagebody pagebody pagebody rightside'; */
    grid-template-areas: '. pagebody pagebody pagebody .';
    justify-content: center;
    align-items:start;
    
 }


 
#bodyhold {
   grid-area: pagebody;
   min-width: 400px;
}

 #rightside{
   grid-area: rightside;
   width: 300px;
   height: 100px;
   background-color: #eee;
   padding: 5px;
   margin: 3px;
   display: none;
}

#nav-pages{
   grid-area: navpage;
}

.results{
   background-color: var(--white-color);
   padding:1em;
   min-height: calc(100vh - 44px);
}

.divmap{
   background-color: var(--white-color);
   padding:1em;
   min-height: calc(100vh - 44px);
}

#divmapcont{
   float: right;
   position: relative;
   z-index: 101;
}


 .showcase-content ul{
   margin-left: 20px;
   padding-top:0px;
   padding-bottom: 15px;
}
.showcase-content li{
   list-style-type:disc;
   margin-left: 20px;
   padding-bottom: 5px;
}
 .showcase-content h2 {
    padding-top: 1rem;
    /* padding-bottom: 0.5rem; */
    color: var(--primary-color);
 }

 .showcase-content h4 {
   margin-top: 2rem;
   padding: 2px 10px;
   color: var(--primary-color);
   background-color: var(--menu-color);
   display: block;
   left:-10px;
   width: calc(100% + 20px);
   position: relative;

}

 .showcase-content h1{
    line-height: 1.1;
    padding-bottom: 0.5rem;
    padding-top: 4rem;
    color: var(--primary-color);
  }
 
  #showcase .showcase-content {
   z-index: 1;
   padding: 0 2rem;
   min-height:400px;
   margin: 0.25rem;
   align-items: center;
   justify-content: center;
}
 
 #showcase .showcase-content p {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }

 #showcase .showcase-content * {
   user-select:text; 
 }

 #showcase .results * {
   user-select:text; 
 }


 #showcase .results button,
 #showcase .showcase-content button  {
   user-select: none; 
}


#launchc{
   background-color: var(--cst-color);
}

#launchi{
   background-color: var(--int-color);
}

#launcha{
   background-color: var(--adm-color);
}

.launch{
   box-shadow: 4px 4px 12px #ccc;
   border: 0;
   padding: 10px 20px;
   border-radius: 5px;
}




/* old forms */
.formold{
   padding: 10px;
   border: 1px solid var(--medium-color);
   background-color: var(--footer-color);
   width:350px;
   max-width: 100%;
   margin: 25px 0;
   /* margin-left: auto;
   margin-right: auto; */
   box-shadow: #ccc 4px 4px 10px;
}
 
.formold input{
   width:175px;
   padding:5px;
   margin:5px;
}
 
.formold input[type='submit'] {
   width:120px;
   padding:10px;
   border: none;
   color: #fff;
   cursor: pointer;
   background-color: var(--secondary-color);
   opacity: 1;
}

.formold input[type='submit']:hover {
   opacity: 0.8;
}


.formold input[type='submit']:disabled{
   background-color: #888;
   cursor: default;
}


.subpop{
   box-sizing: border-box;
   display: none;
   position: fixed;
   z-index: 1010;
   overflow-y: auto; 

   margin: 0 auto;
   padding: 0;  
   color: #fff;
   
   text-decoration: none;

   min-width: 250px;
   width: 750px;
   left: calc((100vw - 750px) / 2);
   top: 50px;
   max-height: calc((100vh - 100px));

   background-color: var(--white-color);
   border: 0;
}

 /* POPUP */
 .popup{
   box-sizing: border-box;
   display: none;
   position: fixed;
   z-index: 1000;

   margin: 0 auto;
   padding: 0;  
   color: #fff;
   
   text-decoration: none;

   min-width: 250px;
   width: 500px;
   left: calc((100vw - 500px) / 2);
   top: 44px;
   max-height: calc(100vh - 88px);

   background-color: var(--white-color);
   border: 0;
}


.popup ul {
   background-color:var(--primary-color);
}



.warn{
   background-color:var(--warn-back);
}

.err{
   background-color:var(--err-back);
}

.sel {
   cursor: pointer;
}

.sel:hover {
   background-color:var(--over-back);
   color:var(--over-fore);
}



#popup table * {
   user-select: text;
}

#popup table tr {
   cursor: pointer;
}

.inp {
   padding:0px;
}

#popup table tr:hover {
   background-color:var(--over-back);
   color:var(--over-fore);
}

.searchHBS{
   width: calc(100% - 25px);
   padding:5px 20px;
   margin:0 5px 0 0;
   border:1px;
}
.clearHBS{
   display: inline;
   padding:5px 5px;
   margin:0;
   border:0;
}


/* #divmapcont button {
   margin: 0px;
} */


#close-popup,
#clear-map,
#overlay-map,
#timbermark-map,
#close-map
{
   box-sizing: content-box;
   color:var(--white-color);
   font-size: 15px;
   text-align: center;
   background-color: var(--secondary-color);
   border-radius: 5px;
   float: right;
   width:26px;
   height:25px;
   margin:4px;
   padding:4px;
}

#clear-map{
   width:50px;
}


#overlay-map{
   width:75px;
}

#timbermark-map{
   width:100px;
}

#close-popup:hover,
#close-map:hover
{
   background-color: var(--third-color);
   color:var(--white-color);
}

.cansort{
   text-decoration: underline;
   cursor:pointer;
}
.cansort:hover{
   background-color:var(--primary-color);
}


#popup header,
#subpop header{
   /* position: sticky; */
   top:0;
   z-index: 1; /* above the list so scrolls behind */
   text-align: center;
   background-color: var(--primary-color);
}

#popup header h1, 
#subpop header h1{
   color: #fff;
   font-size: 16px;
   padding: 10px 0;
}


#popup #results{
   user-select: text;
}

/* #popup .form-wrap,
#subpop */
 .form-wrap {
   max-height : calc(100vb - 120px);
   overflow-y: auto; 
   background-color: #fff;
   padding: 15px 25px;
   color: #333;
}

/* #popup .form-wrap p,
#subpop  */
.form-wrap p {
      font-size: 12px;
      margin-top: 10px;
}

.form-wrap .form-group{
      margin-top: 15px;
}

/* #popup .form-wrap .form-group label,
#subpop  */
.form-wrap .form-group label {
   display: block;
   color: #666;
   font-size: 12px;
}

/* #popup .form-wrap .form-group input,
#popup .form-wrap .form-group select,
#popup .form-wrap .form-group textarea,
#subpop .form-wrap .form-group input,
#subpop .form-wrap .form-group select,
#subpop .form-wrap .form-group textarea { */

.form-wrap .form-group input,
.form-wrap .form-group select,
.form-wrap .form-group textarea {
   resize: none;
   box-sizing: border-box;
   width: 100%;
   padding: 10px;
   border: #ddd 1px solid;
   border-radius: 5px;
}


.form-wrap .form-group input[type="radio"] {
   width: 30px;
   float: left;
   position: relative;
   top:4px;
}

.form-wrap .form-group .radiolbl{
   float: none;
   width:200px;
   padding:0;
   color: #000;
   font-size: 14px;
}

/* .form-wrap .form-group  */

/* #popup  */
.form-wrap .form-group input[type='checkbox'] {
   color: #666;
   width: 50px;
   float:right;
}

/* #popup  */
.form-wrap button {
   display: block;
   width: 100%;
   padding: 10px;
   border: #ddd 1px solid;
   margin-top: 20px;
   color: #fff;
   cursor: pointer;
   background-color: var(--secondary-color);
   opacity: 1;
}

/* #popup  */
.form-wrap .btn{
   width:200px;
}

.nowrap{
   max-width: 100px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}


.btn {
   display: block;
   padding: 10px;
   height: 38px;
   /* border: #ddd 1px solid; */
   /* margin-top: 20px; */
   color: #fff;
   cursor: pointer;
   background-color: var(--primary-color);
   opacity: 1;
   min-width:200px;
}

.btnf {
   float: left;
}


.btn:hover {
   background-color: var(--secondary-color);
}
   

/* #popup  */
.form-wrap .btn2 {
   display: block;
   padding: 10px;
   border: #ddd 1px solid;
   margin: 0;
   color: #fff;
   cursor: pointer;
   background-color: var(--primary-color);
   opacity: 1;
   width:200px;
}

/* #popup  */
.form-wrap .btn2:hover {
   background-color: var(--secondary-color);
}
   



/* #popup  */
.form-wrap button:hover {
   opacity: 0.8;
}


/* #popup  */
.form-wrap button:disabled{
   background-color: #888;
   cursor: default;
}

/* #popup  */
.form-wrap .bottom-text {
   font-size: 13px;
   margin-top: 20px;
}

pre {
   white-space: pre-wrap;
   margin: 20px;
   display: block;
   font-family: monospace;
}

.wide {
   width: 750px;
   left: calc((100vw - 750px) / 2);
   max-width: 100%;
}

.wider {
   width: 1250px;
   left: calc((100vw - 1250px) / 2);
   max-width: 100%;
}


#form {
   max-width: 450px;
   background-color: var(--light-color);
   box-shadow: #ccc 4px 4px 10px;
   border:1px solid var(--bord-color);
}

#popup footer {
   font-size: 14px;
   text-align: center;
   margin-top: 10px;
   background-color: var(--light-color);
}

#popup footer p {
   color: var(--primary-color);
}

.err{
   color:#880000;
   background-color: #eecccc;
   padding: 10px;
}





.tbl1{
   box-shadow: #ccc 4px 4px 10px;
   background-color: white;
   border:1px solid var(--bord-color);
   font-size: 9pt;
}

.tbl1 tr{
   border:0px; 
}

.tbl1 tr:hover{
   background-color: var(--over-back); 
   color: var(--over-fore); 
}


table.tbl1 .none:hover{
   background-color: var(--over-back); 
   color: #aaa;
}



.tbl1 th,
.tbl1 td{
   border:0px; 
   border-bottom:1px solid var(--bord2-color);
   padding: 10px 10px;
   cursor: default;
} 


/* .tbl1 * {
   padding: 5px 10px;
} */

.tbl1 tfoot{
   background-color: var(--footer-color);
   color:var(--primary-color);
} 


.editable{
   cursor: text !important;
   max-width: 200px;
}

.editable:hover{
   /* border:2px solid lightgray;
   border-radius: 3px; */
   color:black;
   background-color: white;
}


.clickable{
   cursor: pointer !important;
}

.clickable:hover{
   background-color: var(--over-fore);
   color: var(--over-back);
   font-weight: bold;
}

th.off{
   background-color: white;
}


span.fromHBS{
   color: #888;
   background-color: yellow;
}

/* temp do hide content and show results */
#showcase-container{
   display: none;
}
#results{
   display: none;
   user-select:text;
}
#divmap{
   display: none;
}











 /* MEDIA QUERIES */

 @media screen and (max-width: calc(5 * 300px)){
   #main-footer .footer-container {grid-template-columns: repeat(2, 1fr);}

   #showcase .showcase-container {
      grid-template-columns: repeat(3, var(--col-width));
      grid-template-areas:
      'pagebody pagebody pagebody';
      /* 'navpage pagebody pagebody pagebody'
      'rightside pagebody pagebody pagebody'; */
     }


   #showcase .alt,
   #showcase .alt2 {
      margin: 0;
   }

}


@media screen and (max-width: 1250px){
   .wider {
      width: 100%;
      left: 0;
   }
}

@media screen and (max-width: 750px){
   .wide {
      width: 100%;
      left: 0;
   }
}




@media screen and (max-width: calc(4 * 300px)){
   #showcase .showcase-container {
      grid-template-columns: repeat(3, var(--col-width));
      grid-template-areas:
       'pagebody pagebody pagebody';
       /* 'navpage rightside .'; */
      }

      #nav-pages{ margin: 10px;}      

}


@media screen and (max-width: calc(3 * 300px)){
   #showcase .showcase-container {
      grid-template-columns: repeat(2, var(--col-width));
      grid-template-areas:
       'pagebody pagebody';
       /* 'navpage rightside'; */
      }
}

@media screen and (max-width: 750px){
   .subpop{
      width: 100vw;
      left: 0;
      top:0;
      max-height:80vh;
   }

      
   ul.info li{ 
      left:50px;
      font-size: 12px; 
   }

   .provCstInt{
      width: 150px;
      margin-right:5px;
   }

}

@media screen and (max-width: calc(2 * 300px)){
   #showcase .showcase-container {
      grid-template-columns: repeat(1, 1fr);
      grid-template-areas:
       'pagebody';
       /* 'navpage'
       'rightside'; */
      }


   #showcase .showcase-content {
      margin: 0.25rem;
      padding: 0 1rem;
   }


   .right, .left, .center {
      width:100%;
      height: auto;
   }

   .bodyhold {
      min-width: var(--min-width);
   }
      
   .infocstint li {
      font-size: 12px;
   }

   .popup{
      width: 100vw;
      left: 0;
      top:0;
      max-height:90vh;
   }

   
}


 @media print {

   #showcase .showcase-container {
      grid-template-columns: repeat(1, 1fr);
      grid-template-areas:
            'pagebody';
   }

   button {
      display: none !important;
   }  

   .noprint {
      display: none !important;
   }  

   .print {
      display: block !important;
   }  

   body{
      font-size: 9pt;
   }

}