/* HTML TAGS START */
BODY {
  /* height:                      100%; */
  width:                       100%;
  margin:                      0px;
  padding:                     0px;
  /* background:                  #696969 url(../images/body_bg.gif) repeat top left; */
  background: white;
  font:                        normal 10px Verdana;
}

H1 {
  margin:                      10px 0px 10px 0px;
  padding:                     0px;
  font:                        normal 22px Verdana;
  color:                       black;
  line-height:                 22px;
}

H2 {
  margin:                      8px 0px 8px 0px;
  padding:                     0px;
  font:                        normal 17px Verdana;
  color:                       black;
  line-height:                 20px;
}

H3 {
  margin:                      0px;
  padding:                     0px;
  font:                        normal 18px Verdana;
  color:                       black;
  line-height:                 18px;
}

H4 {
  margin:                      0px;
  padding:                     0px;
  font:                        bold 15px Verdana;
  color:                       #333333;
  line-height:                 16px;
}

H5 {
  margin:                      0px;
  padding:                     0px;
  font:                        bold 13px Verdana;
  color:                       #333333;
  line-height:                 14px;
}

H6 {
  margin:                      0px;
  padding:                     0px;
  font:                        bold 11px Verdana;
  color:                       #333333;
  line-height:                 12px;
}

HR {
  width:                       100%;
  height:                      1px;
  border:                      0px;
  border-top:                  2px solid black;
}

a {
  color:                       black;
  text-decoration:             underline;
}

a:hover {
  color:                       black;
  text-decoration:             underline;
}

img {
  border:                      0px;
}

/* HTML TAGS END */

/* CUSTOM CSS TAGS START */


.fullscreen {
  width:                       100%;
  /* height:                      100%; */
  margin:                      0px;
  padding:                     0px;
}
.siteholder {
  vertical-align: top;
  background-color : white;
}
.site {
  /* height:                      200px; */
  width:                       100%;
}



.intranet {           padding: 5px;
                      font: bold 12px Verdana;
                      color: #000000;
                      line-height: 34px; }

.intranet a        { color: #202020;
                     text-decoration: none;
                     font-weight:normal;
                     padding:5px;
                     border:1px solid #ffffff; }

.intranet a:hover  { color: black;
                     text-decoration: none;
                     font-weight:normal;
                     background-color:#FFEAD5;
                     padding:5px;
                     border:1px solid #cccccc; }

.intranet img { padding: 0px; }

/* *** Sidebar ************************************************************** */
.sidebar        { width: 225px;
                  background-color:white;
                  font-family:verdana,arial,sans-serif;
                  /* border-right:1px solid black; */
                  border-right:1px solid black;
                  vertical-align: top;
                  display:none; }
.sidebartitle   { width: 225px;
                  /*height: 23px;*/
                  padding: 0px 0px 0px 10px;
                  vertical-align: top;
                  /*background:url('http://www.multi-value.org/images/mv_sidebar_title.gif') repeat-y top left;*/
                  font: bold 14px verdana, arial, sans-serif;
                  /* color: #51000e; */
                  color: #808080;
                  line-height: 14px; }

.sidebarlogo   { width: 225px; height: 51px;
                  /* background: url('http://www.multi-value.org/images/mv_sidebar_bg.gif') repeat-y top left; */
                  vertical-align: bottom; }
.sidebarbottom { width: 225px; height: 5px; }


/* SIDEBAR CSS TAGS START */
/*
.insidebar { width: 225px;
             font:normal 1px arial, sans-serif;
             line-height: 1px;
             padding:0px; }
             */
.sidebartitlebottom {
             height: 12px; }
.sidebarline {
             height: 5px;
             border-bottom:1px solid #c0c0c0;
             /* background:url('http://www.multi-value.org/images/mv_sidebar_line.gif') no-repeat center left; */ }
div.sidebarbutton, div.sidebarbuttonon, div.sidebarbuttondisabled,
a.sidebarbutton, a.sidebarbuttonon, a.sidebarbuttondisabled,
div.sidebarbutton2, div.sidebarbutton2on, div.sidebarbutton2disabled,
a.sidebarbutton2, a.sidebarbutton2on, a.sidebarbutton2disabled {
             width:225px;
             /* height: 55px; */
             padding: 0px !important;
             /*padding: 10px 0px 5px 11px;*/ }
.sidebarbuttonon, a.sidebarbuttonon, a:hover.sidebarbutton, a:hover.sidebarbuttonon {
              /* background:url('http://www.multi-value.org/images/mv_sidebar_button.gif') repeat-y top left; */
              background-color:#ffffff; }
.sidebarbuttontitle {
              /*padding: 10px 0px 0px 11px !important;*/
              padding: 0px !important;
              margin:0px !important;
              font: bold 12px verdana, arial, sans-serif;
              text-transform: uppercase;
              background-color:black;
              color:white;
              line-height:20px; }
.sidebarbuttontext {
              /* padding: 5px 0px 5px 24px !important; */
              padding: 5px 0px 0px 13px;
              font: normal 11px verdana, arial, sans-serif;
              /* color: #2f0009; */
              color: #808080;
              line-height: 15px; }
.sidebarbuttontext a {
              /* color: black; */
              color: black;
              text-decoration: none;
              display:block;}
.sidebarbuttontext a:hover {
              color: #000000;
              text-decoration: underline;}
/*
.sidebarbutton select, .sidebarbuttonon select, .sidebarbuttonoff select {
         font-size:9px;
         width:160px;
         margin:2px 2px 2px 11px;
         padding:0px 2px;
}
*/
.bottombar {  height: 20px;
              background-color: black;
              display:none;
}

.contentrow, .footerrow { background-color:#ffffff; }

/* SIDEBAR CSS TAGS END */

/* *** Window *************************************************************** */

/* ************** shoppernet ******************** */
/*
.shoppernet        { padding: 2px;
                     font: 12px Verdana;
                     color: #000000;
                     font-weight:normal;
                     line-height: 20px; }

.shoppernet li     { font-size: 12px;

                   }

.shoppernet a      { color: #202020;
                     text-decoration: none;
                     font-weight:normal;
                     padding:2px;              }

.shoppernet a:hover{ color: black;
                     text-decoration: none;
                     font-weight:normal;
                     padding:2px; }

.shoppernet img { padding: 0px; }

*/

.content_popup {
  width:                       350px;
  padding:                     10px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       #333333;
  vertical-align:              top;
}

.content_popup td {
  font:                        normal 11px Verdana;
}

.content_popup th {
  width:                       350px;
  text-align:                  center;
  font:                        normal 11px Verdana;
  font-weight:                 bold;
}


.explanations {
  margin:                      0px;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 12px;
}

.explanations.termnav {
  margin:                      10px 0 10px 0;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 12px;
  border: 1px solid #cccccc;
  padding:2px;
}

.explanations a       { color: #cccccc;  text-decoration: none;      font-weight:normal; }
.explanations a:hover { color: black;  text-decoration: underline; font-weight:normal; }

.bericht   { width:650px;
             height:25px;
             border:1px solid black;
             color:black;
             text-align:center;
             line-height:25px;
             font-size:14px;
             font-weight:bold;
             margin:15px 0 15px 0; }

.term {
  margin:                      0px;
  padding-top:                 15px;
  font:                        bold 13px Verdana;
  color:                       black;
  line-height:                 14px;
}

.term a       { color: #cccccc;  text-decoration: none;      font-weight:normal; }
.term a:hover { color: black;  text-decoration: underline; font-weight:normal; }

/*
.editreq      { font:normal 11px verdana; height:19px;
                background:#FFFFFF url(http://www.multi-value.org/images/form_required.gif) no-repeat top right;
                border:1px solid #7F9DB9;
}
.editreq250   { font:normal 11px verdana; height:19px; width:250px;
                background:#FFFFFF url(http://www.multi-value.org/images/form_required.gif) no-repeat top right;
                border:1px solid #7F9DB9;
}
.editfld      { font:normal 11px verdana; height:19px;
                border:1px solid #7F9DB9;
}
.editfld250   { font:normal 11px verdana; height:19px; width:250px;
                border:1px solid #7F9DB9;
}
*/

.bordered  { border:1px solid red; }

.header {
  height:                      20px;
  text-align:                  center;
  font:                        normal 1px Verdana;
  line-height:                 20px;
  display: none;
}

.menu {
  height:                      20px;
  padding:                     0px 0px 0px 40px;
  background-color:            #AFAFAF;
  display:none;
}

.menubar {
  height:                      20px;
  background-color:            #AFAFAF;
}

.face {
  height:                      453px;
  width:                       294px;
  background-color:            #FFFFFF;
  background-repeat:           no-repeat;
  background-position:         top left;
}

.content_facebg {
  height:                      453px;
  width:                       100%;
  background-color:            #FFFFFF;
  background-repeat:           no-repeat;
  background-position:         top right;
  background-image: none;
  padding: 10px 10px 10px 25px;
  font:                        normal 11px Verdana;
  color:                       black;  /* #333333; */
  line-height:                 14px;
  vertical-align:              top;
}


.title {
  height:                      30px;
  width:                       600px;
  padding:                     10px 10px 0px 10px;
  font:                        normal 12px Verdana;
  line-height:                 20px;
  color:                       #AFAFAF;
  background-color:            #FFFFFF;
  overflow:                    hidden;
}

.title a {
  color:                       #AFAFAF;
  text-decoration:             none;
}
.title a:hover {
  color:                       black;
  text-decoration:             none;
}

.subtitle {
  height:                      10px;
  padding:                     0px 10px 0px 10px;
  font:                        normal 10px Arial;
  color:                       #AFAFAF;
  line-height:                 10px;
  background-color:            #FFFFFF;
}

.subtitle a {
  color:                       #AFAFAF;
  text-decoration:             none;
}
.subtitle a:hover {
  color:                       black;
  text-decoration:             none;
}

.content_right {
  height:                      453px;
  width:                       89px;
  background-color:            #FFFFFF;
  background-repeat:           no-repeat;
  background-position:         center right;

}

.rightspace {
  height:                      453px;
  width:                       1000px;
  background-color:            #FFFFFF;
}

.content {
  height:                      392px;
  width:                       270px;
  padding:                     10px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       black;  /* #333333; */
  line-height:                 14px;
  vertical-align:              top;
}

.introcontent {
  height:                      453px;
  padding:                     10px 10px 10px 50px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
  background-color:            #FFFFFF;
  background-repeat:           no-repeat;
  background-position:         top right;
}

.content_full_scroll {
  height:                      392px;
  width:                       580px;
  overflow:                    auto;

  scrollbar-base-color:        #FFFFFF;   /* basiskleur */
  scrollbar-face-color:        black;   /* basiskleur frontvlakken */
  scrollbar-arrow-color:       #FFFFFF;   /* pijlkleur */
  scrollbar-3dlight-color:     black;   /* randkleur linkboven */
  scrollbar-highlight-color:   #FFFFFF;   /* hooglicht linksboven */
  scrollbar-darkshadow-color:  black;   /* randkleur rechtsonder */
  scrollbar-shadow-color:      #FFFFFF;   /* laaglicht rechtsonder */
  scrollbar-track-color:       #FFFFFF;   /* achtergrondkleur lege ruimte scrollbar */
}

.content_full {
  height:                      392px;
  width:                       580px;
  padding:                     10px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       black;  /* #333333; */
  line-height:                 14px;
  vertical-align:              top;
}


.content table, .content_full table, .content2 table, .content3 table, .content4 table, .content5 table, .content_facebg table {
  font:                        normal 11px Verdana;
  color:                       black;  /* /#333333; */
  line-height:                 14px;
  vertical-align:              top;
}

.content2 {
  height:                      392px;
  width:                       325px;
  padding:                     10px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
}

.content3 {
  height:                      392px;
  width:                       225px;
  padding:                     10px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
}

.content4 {
  width:                       225px;
  padding-top:                 10px;
  padding-right:               20px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 14px;
  vertical-align:              top;
}

.content5 {
  width:                       225px;
  background-color:            #FFFFFF;
  font:                        normal 11px Verdana;
  color:                       #333333;
  line-height:                 12px;
  vertical-align:              top;
}

.content A, .content_full A, .content2 A, .content3 A, .content4 A, .content5 A, .content_popup A, .content_facebg A {
  color:                       black;
  text-decoration:             none;
}

.content A:hover, .content_full A:hover, .content2 A:hover, .content3 A:hover, .content4 A:hover, .content5 A:hover, .content_popup A:hover, .content_facebg A:hover {
  color:                       black;
  text-decoration:             underline;
}

.content li {
  margin-bottom:               5px;
}

.content_spacer {
  height:                      392px;
  width:                       10px;
  background-color:            #FFFFFF;
}

.bottom_bar {
  height:                      20px;
  background-color:            black;
  display:none;
}

.bottom {
  height:                      20px;
  text-align:                  right;
  background-color:            black;
}

.footer {
  height:                      20px;
  text-align:                  center;
  font:                        normal 9px verdana;
  color:                       #CCCCCC;
  display:none;
}

.footer a {
  color:                       #CCCCCC;
  text-decoration:             none;
}

.footer a:hover {
  color:                       #CCCCCC;
  text-decoration:             none;
}

.screenholder {
  height:                      1px;
}
/* CUSTOM CSS TAGS END */

/* LIST MENU STYLES START */
.mainmenu {
  margin:                      0px;
  padding:                     0px;
}

.mainmenu li {
  margin:                      0px;
  padding:                     0px;
  display:                     block;
  list-style-type:             none;
  float:                       left;
  font:                        normal 14px Arial;
  color:                       #FFFFFF;
  line-height:                 20px;
}

.mainmenu a, .mainmenu a:hover, .mainitem_on, .mainitem_visit_on, .mainitem1_on, .mainitem_visit_on {
  width:                       100px;
  height:                      20px;
  margin:                      0px;
  padding:                     2px 40px 2px 5px !important;
  padding:                     0px 5px 0px 5px;
  font:                        normal 14px Arial;
  color:                       #FFFFFF;
  text-decoration:             none;
  line-height:                 20px;
  filter:                      dropshadow(Color=#818181, OffX=1, OffY=1, Positive=1);
}

.mainmenu a:hover, .mainitem_on, .mainitem_visit_on, .mainitem_visit, .mainitem1_on, .mainitem1_visit_on {
  color:                       #FFFFFF;
  background-color:            black;
}

.mainitem1 {
  background:                  url('../images/menu_bg.gif') no-repeat center right;
}

.mainitem1_visit {
  background:                  black url('../images/menu_bg_over.gif') no-repeat center right;
}

.mainitem1_on {
  background:                  black url('../images/menu_bg_over.gif') no-repeat center right;
}

.mainitem1_visit_on {
  background:                  black url('../images/menu_bg_over.gif') no-repeat center right;
}

ul.mainmenu li:hover > ul {
  display:                     block;
  margin:                      -1px 0px 0px 0px;
}

#submenu {
  width:                       150px;
  margin:                      0px;
  padding:                     0px;
  display:                     none;
  position:                    absolute;
}

#submenu li {
  width:                       100%;
  margin:                      0px;
  padding:                     0px;
  font:                        normal 14px Arial;
  color:                       #808080;
  list-style-type:             none;
  display:                     block;
  float:                       left;
}

#submenu a, #submenu a:hover, .subitem_on {
  width:                       100%;
  margin:                      0px;
  padding:                     2px 40px 3px 5px !important;
  padding:                     0px 5px 0px 5px;
  font:                        normal 14px Arial;
  color:                       #FFFFFF;
  text-decoration:             none;
  line-height:                 21px;
  background-color:            #ADADAD;
/*  background-color:            #848484; */
  filter:                      Alpha(Opacity=85);
  -moz-opacity:                .85;
}

#submenu a:hover, .subitem_on {
  color:                       #FFFFFF;
  background-color:            #8B7676;
  filter:                      Alpha(Opacity=100);
  -moz-opacity:                .99;
}

ul#submenu li:hover > ul {
  display:                     block;
  margin:                      -21px 0px 0px 165px;
}
/* LIST MENU STYLES END */


/* --- window gedeelte ------------------------------------------------------ */
.footer .copyright {
         width:325px;
         height:20px;
         float:right;
         /*text-align:right;*/
         font:normal 9px verdana, arial, sans-serif;
         color:#CCCCCC;}
.footer .copyright a {
         color:#aaaaaa;
         text-decoration:none;}
.footer .copyright a:hover {
         color:#aaaaaa;
         text-decoration:underline;}

.dbstepper-table {
         font-size:19px;
         }
.dbstepper-table-header {
         font-size:16px;
         color:black;
         }

.regservernotavail {
   border:3px solid red;
   padding:10px;
   margin:10px;
   text-align:center;
   width:300px;
   height:100px;
}

/* --- [ actions related styles ] ------------------------------------------- */

.action-menu {
   width:650px;
   clear:both;
}

.action-menu-section {
   border: none;
   padding:5px;
   width:250px;
   float:left;
   margin:5px;
}
.action-menu-break {
   clear:both;
}
.action-menu-section ul li {
   padding:2px 0 0 0;
}

/* --- [ actions related styles ] ------------------------------------------- */

.action-executed { width:650px;
             height:25px;
             border:1px solid #7F7F7F;
             color:#7F7F7F;
             text-align:center;
             line-height:25px;
             font-size:14px;
             font-weight:bold;
             margin:15px 0 15px 0; }

.action-error { width:650px;
             height:25px;
             border:1px solid #ff0000;
             color:#ff0000;
             text-align:center;
             line-height:25px;
             font-size:14px;
             font-weight:bold;
             margin:15px 0 15px 0; }

/* --- [ nacalc ] ----------------------------------------------------------- */
.nacalc-highlight {
   color:#0080ff;
   font-weight:bold;
   background-color:yellow;
}

.nacalc-negvalue {
   color:#ff0000;
}

.wingdings {
   font-family: Wingdings;
   font-size:12px;
   padding:0 3px;
}


/* *** InWindow ************************************************************* */

.inwindow      { width:100%;}
.inprintwindow { background-color:white;
                 width:100%;
                 }

.inwindowtitle {
         margin: 3px 0px 0px 0px; padding: 0px 0px 0px 3px;
         height: 26px;
         background-color: white;
         font: bold 14px arial, sans-serif;
         color: black;
         line-height: 23px;
         display:none; }
.facebgright {
         /*height:453px;*/
         width:89px;
         background-repeat:no-repeat;
         background-position:top right; }
.inwindowtext, .inwindowtext td, .inwindowtext th, .steplogin, .steplogin td, .steplogin th {
         margin: 5px 0px 20px 0px;
         padding: 0px;
         font: normal 13px arial, sans-serif;
         line-height:15px;
         color: black;
         }
.steplogin h1 { margin:10px 0px; }
.windowbottomleft {
          width: 8px; height: 5px;
          background: url('http://www.multi-value.org/images/mv_window_bottom.gif') no-repeat bottom left; }
.windowbottom {
          width: 2500px; height: 5px;
          background: #FFFFFF url('http://www.multi-value.org/images/mv_window_line.gif') repeat-x bottom left; }

.clickhere { display:none; }

/* *** Welcome ************************************************************** */
#welcome  {
   width:600px;
   border:none; /* 1px solid #cccccc; */
   margin:5px 0px;
   padding:5px;
   text-align:center;
}
#welcome h1 {
   margin: 10px 0px; padding: 0px;
   font: bold 16px arial, sans-serif;
   color: #7F7F7F;
   line-height: 14px;
   text-align:left; }

#welcome p {
   margin: 15px 0px;
   text-align:justify; }

#welcome img {
   margin: 5px auto;
   text-align:center; }

/* *** I agree ************************************************************** */
.iagreebox {
   border:3px solid black;
   margin:15px 30px;
   padding:8px;
   width:680px;
   display:none;
}

.iagreebox table td {
   padding:15px;
   border:none !important;
   font-weight:normal;
   line-height:20px !important;
   font-size:13px !important;
   text-align:justify;
   color:black;
   display:none;
}
.qcremarks {
   color:black;
   padding:15px 15px;
   clear:both;
   font-weight:normal;
   text-align:justify;
}

/*
################################################################################
# selection list - vooral gebruikt in MysteryShopper mode
################################################################################
*/

.selection-list-table {
         border:none;
         text-align:left;
         margin:5px 0;
         color:black;
         width:620px;
     }
.selection-list-table-header, .selection-list-table-header td {
         text-align:left;
         font-weight:bold;
         color:black !important;
         background-color:white;
         font-size: 13px !important;
         font-family:verdana, Arial, sans-serif !important;
         line-height:20px;
         border: 2px solid black;
         padding-top:10px !important;
         padding-bottom:10px !important;
     }
.selection-list-table-header table{
   margin:0px !important; border-collapse:collapse;
   width:610px;
}
.selection-list-table-header td{
   border:none; padding:0px !important;
}

.selection-list-table-divider {
         background-color:black;
         height:3px;
         font-size:1px;
         padding:0px;
     }
.selection-list-table th {
         font-size: 12px;
         font-weight:bold;
         padding:2px 3px;
         /* text-align:left; */
     }
.selection-list-table td {
         font-size: 12px;
         padding:3px;
         color:black;
     }

.selection-list-table-header a {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration:             underline;
}

.selection-list-table-header a:hover {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration:             underline;
}
.selection-list-table  input {
         font-weight:bold;
         font-size:11px;
         padding:8px;
         display:none;
}

/*
################################################################################
# shop selection list - vooral gebruikt in MysteryShopper mode
################################################################################
*/

.shopselection-list-table {
         border:none;
         text-align:left;
         margin:5px 0;
         color:black;
     }
.shopselection-list-table-header, .shopselection-list-table-header td {
         text-align:left;
         font-weight:bold;
         color:black !important;
         background-color:white;
         font-size: 13px !important;
         font-family:verdana, Arial, sans-serif !important;
         line-height:20px;
         border: 2px solid black;
         padding-top:10px !important;
         padding-bottom:10px !important;
     }
.shopselection-list-table-header table{
   margin:0px !important; border-collapse:collapse;
   width:610px;
}
.shopselection-list-table-header td{
   border:none; padding:0px !important;
}

.shopselection-list-table-divider {
         background-color:black;
         height:3px;
         font-size:1px;
         padding:0px;
     }
.shopselection-list-table th {
         font-size: 12px;
         font-weight:bold;
         padding:2px 3px;
         /* text-align:left; */
     }
.shopselection-list-table td {
         font-size: 12px;
         padding:3px;
         color:black;
     }

.shopselection-list-table-header a {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration:             underline;
}

.shopselection-list-table-header a:hover {
  color: white;
  font-weight:normal;
  font-size: 12px;
  text-decoration:             underline;
}
.shopselection-list-table  input {
         font-weight:bold;
         font-size:11px;
         padding:8px;
         display:none;
}

/*
################################################################################
# questionairs - 1 sectie voor de header (overzicht), 1 voor de effectieve
# vragenlijst
################################################################################
*/

.inquiry-table {
         border:none;
         text-align:left;
         margin:15px 0;
         width:620px;
     }
.inquiry-table-header {
         text-align:left;
         font-weight:bold;
         color:white !important;
         background-color:#700524;
         font-size: 14px !important;
         font-family:verdana, "Times new Roman", Times, Serif !important;
         line-height:20px;
         border:1px solid black;
         padding-top:10px !important;
         padding-bottom:10px !important;
     }
.inquiry-table th {
         font-size: 12px;
         font-weight:bold;
         padding:0px 3px;
         text-align:left;
     }
.inquiry-table td {
         font-size: 12px;
         padding:0px 3px;
         color:black;
     }


.inquiry-overview-table {
         border:1px solid black;
         text-align:left;
         margin:10px 0px;
         width:620px;
     }
.inquiry-overview-table-header {
         text-align:left;
         font-weight:bold;
         color:#494949 !important;
         background-color:#eeeeee;
         font-size: 12px !important;
         font-family:verdana, "Times new Roman", Times, Serif !important;
         line-height:16px;
         border:1px solid black;
         padding-top:10px !important;
         padding-bottom:10px !important;
     }
.inquiry-overview-table th {
         font-size: 12px;
         font-weight:bold;
         /*padding:5px 3px;*/
         padding:0px 3px;
         text-align:left;
         border-top:1px solid black;
         border-bottom:1px solid black;
         border-left:none;
         border-right:none;
     }
.inquiry-overview-table td {
         font-size: 12px;
         /*padding:3px;*/
         padding:0 3px;
         color:black;
         border-top:1px solid black;
         border-bottom:1px solid black;
         border-left:none;
         border-right:none;
     }
.inquiry-overview-table .activetab {
         border-left:1px solid black;
         border-top:1px solid black;
         border-right:1px solid black;
         border-bottom:none !important;
         padding:2px;
}

.inquiry-overview-table .inactivetab {
         border:1px solid black;
         padding:2px;
         background-color:#eeeeee;
         color:#888888;
}
.inquiry-overview-table  input {
         font-weight:bold;
         font-size:11px;
         padding:8px;
         display:none;
}


#proforma-invoice {
   width:800px;
   text-align:left;
   font-size:13px;
}
.proforma-refnr {
   border:3px solid black;
   width:800px;
   height:50px;
   line-height:30px;
   padding:10px;
   margin:15px 0;
   font-size:20px;
   font-weight:bold;
}
.negvalue {
   color:#ff0000;
}
#proforma-invoice #welcome  {
   margin:5px 0px;
   padding:5px;
   text-align:left;
}
#proforma-invoice #welcome p {
   margin: 15px 0px;
   text-align:left;
   color:blue;
}

/* formattering van de getoonde tabellen op invoice/betaaloverzichten ------- */
.invoice-report-table td {
   padding:10px 5px;
}

.invoice-detail-table .oddrow {
}
.invoice-detail-table .evenrow {
}
.invoice-detail-table .newdetail {
   border-top:1px dashed black;
}
.invoice-detail-table td {
   padding:2px 5px;
}
.invoice-detail-table .totalrow {
   border-top:3px solid black;
   color:black;
   font-weight:bold;
}
.invoice-detail-table .actionrow {
   color:black;
   font-weight:bold;
   border:2px solid black;
   background-color:white;
}
.page-break-before {
   page-break-before:always;
}
.page-break-after {
   page-break-after:always;
}
.mdr-filter {
   display:none;
}