div#container
{
   width: 1400px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#wb_mp1-GridHeader
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #005EA5;
   background-image: none;
   border: 0px solid #5D99C6;
   box-sizing: border-box;
   margin: 0;
}
#mp1-GridHeader
{
   box-sizing: border-box;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#mp1-GridHeader .row
{
   margin-right: 0;
   margin-left: 0;
}
#mp1-GridHeader > .row > .col-1, #mp1-GridHeader > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#mp1-GridHeader > .row > .col-1, #mp1-GridHeader > .row > .col-2
{
   float: left;
}
#mp1-GridHeader > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 8.33333333%;
   text-align: left;
}
#mp1-GridHeader > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 91.66666667%;
   text-align: left;
}
#mp1-GridHeader:before,
#mp1-GridHeader:after,
#mp1-GridHeader .row:before,
#mp1-GridHeader .row:after
{
   display: table;
   content: " ";
}
#mp1-GridHeader:after,
#mp1-GridHeader .row:after
{
   clear: both;
}
@media (max-width: 100px)
{
#mp1-GridHeader > .row > .col-1, #mp1-GridHeader > .row > .col-2
{
   float: none;
   width: 100%;
}
}
#wb_LayoutGridT
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGridT
{
   box-sizing: border-box;
   padding: 0px 15px 0px 15px;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGridT .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGridT > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGridT > .row > .col-1
{
   float: left;
}
#LayoutGridT > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 100%;
   text-align: left;
}
#LayoutGridT:before,
#LayoutGridT:after,
#LayoutGridT .row:before,
#LayoutGridT .row:after
{
   display: table;
   content: " ";
}
#LayoutGridT:after,
#LayoutGridT .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGridT > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_LayoutGrid2x
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   height: 100vh;
   background-color: transparent;
   background-image: none;
   border: 0px solid #CCCCCC;
   box-sizing: border-box;
   margin: 0;
}
#LayoutGrid2x
{
   box-sizing: border-box;
   height: 100vh;
   padding: 0;
   margin-right: auto;
   margin-left: auto;
}
#LayoutGrid2x .row
{
   margin-right: 0;
   margin-left: 0;
}
#LayoutGrid2x > .row > .col-1, #LayoutGrid2x > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0px;
   min-height: 1px;
   padding-right: 0px;
   padding-left: 0px;
   position: relative;
}
#LayoutGrid2x > .row > .col-1, #LayoutGrid2x > .row > .col-2
{
   float: left;
}
#LayoutGrid2x > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 41.66666667%;
   text-align: left;
}
#LayoutGrid2x > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   width: 58.33333333%;
   text-align: left;
}
#LayoutGrid2x:before,
#LayoutGrid2x:after,
#LayoutGrid2x .row:before,
#LayoutGrid2x .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid2x:after,
#LayoutGrid2x .row:after
{
   clear: both;
}
@media (max-width: 480px)
{
#LayoutGrid2x > .row > .col-1, #LayoutGrid2x > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_Ham1
{
   margin: 0;
   vertical-align: top;
}
#Ham1
{
   border: 0px solid #000000;
   box-sizing: border-box;
   padding: 0;
   display: inline-block;
   width: 36px;
   height: 36px;
   vertical-align: top;
}
#wb_Title1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: left;
}
#wb_Title1 div
{
   text-align: left;
}
#Html1
{
   display: inline-block;
   width: 808px;
   height: 543px;
   z-index: 3;
}
#Extension2
{
   background-color: #F9F8F3;
   overflow: scroll;
   position: absolute;
   left: 0px;
   top: 96px;
   width: 321px;
   height: 660px;
   z-index: 2;
}
#wb_Ham1
{
   display: inline-block;
   width: 36px;
   height: 36px;
   z-index: 0;
}
#wb_uid0
{
   color: #FFFFFF;
   font-family: Arial;
   font-size: 21px;
}
.treemenu
{
   clear: both;
   margin: 0 0 20px;
   padding: 0px 0 0;
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   background-image: url(./images/treemenu_line.gif);
   background-repeat: repeat-y;
   color: #000000;
}
.treemenu a
{
   font-family: Arial;
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   color: #008000;
}
.treemenu a:hover
{
   text-decoration: underline;
   color: #808000;
}
.treemenu ul
{
   display: none;
   margin: -4px 0 0 4px;
   padding: 5px 0 0;
   background-image: url(./images/treemenu_line.gif);
   background-repeat: repeat-y;
}
.treemenu .treemenu_expanded
{
   display: block;
}
.treemenu li
{
   background-image: url(./images/treemenu_li.gif);
   background-repeat: no-repeat;
   background-position: 0 11px;
   clear: both;
   list-style: none;
   padding: 5px 0 5px 10px;
}
.treemenu li.lastchild
{
   background-color: #F9F8F3;
   background-image: url(./images/treemenu_li_last.gif);
   background-repeat: no-repeat;
   background-position: 0 -481px;
}
.treemenu .treemenu_folder,
.treemenu .treemenu_item
{
   background-image: url(./images/treemenu_icons.gif);
   background-repeat: no-repeat;
   display: inline;
   float: left;
   font-size: 0;
   margin: 2px 5px 0 0;
   overflow: hidden;
   text-decoration: none;
   width: 9px;
   height: 9px;
}
.treemenu .treemenu_folder_expanded
{
   background-position: -9px 0;
}
.treemenu .treemenu_item
{
   background-position: -18px 0;
}
@media print {
    #wb_mp1-GridHeader,#wb_mp1-headinner,#wb_layoutsubmenu,#LayoutGridT,#wb_footline,.boxfootmenu,.boxfooter,#wb_boxmenu2,#menuside_panel {
        display: none;}}

body {height:100vh;max-height:100vh;width:100vw;margin-left:auto;margin-right:auto;background-color:#f9f8f3;overflow-x:hidden;overflow-y:hidden;}

.clear {clear:both;}
#LayoutGridT {height:30px;}
/* -----  top fixed menus  -------- */
#wb_mp1-GridHeader {position: fixed;text-align: left;max-width:100%;margin-left:auto;margin-right:auto;
    top: 0;left: auto;right: auto;height: 30px;z-index: 7777;width:100%;}
#mp1-GridHeader {position: fixed;text-align: left;
    top: 0;left: auto;right: auto;height: 30px;width:100%;z-index: 7777;}
#mp1-GridHeader >.row >.col-1{max-width: 40px;}
#wb_Ham1 {height:28px;}
#Ham1 {height:28px;}
#wb_Title1 {padding-top:2px;}
/* ----------------------------------------------------------------------------*/
#LayoutGrid2x {height:100vh;}

/*  -------------------- col1 treeview, col2 iframe plus wrapping ------------- */

#LayoutGrid2x .row .col-1{height:3500px;width: 300px;overflow:hidden;}

#Extension2 {position: relative;height: 99vh;width: 100%;overflow:scroll!important;top:0px;left:0px;}
#Extension2 .treemenu {position: absolute;top: 0; left: 0;width: 100%;height: 3500px;}


#LayoutGrid2x .row .col-2{height:3500px;overflow:hidden;width:calc(100% - 300px);}
#Html1 {position: relative;height: 99vh;width: 100%;overflow: scroll!important;}
#Html1 iframe {position: absolute;top: 0; left: 0;width: 100%;height: 4000px;overflow:hidden;}

.tablet {-webkit-overflow-scrolling:touch!important;}
/* -------------------- end of common css ------------------------------------------------ */