html, body {
    height: 100%;
    margin:  0;
    font-size: 16px;
    line-height: 1.3;
    font-family: sans-serif
}
/* Top Banner zaken */
.banner { background:#63962c url("images/floral-dark.png") repeat-x scroll 0 0;
            height: 120px; padding:  15px 0px 0px 0px; color: white;}
.insidebanner {width: 87%; margin: 0 auto 0px; display: block; box-sizing: border-box; }
.h2marg { margin-bottom: 4px; margin-top: 10px; font-weight: 200;}
.headerrole { background-color: transparent; float: right;  text-shadow: 0px 1px 0 #f3f3f3;   }
.inbanner { font-weight: 600; background-color: #459e00; border: 1px solid white; font-size: 0.9em;
                       margin-bottom: 3px; box-shadow: 1px 1px; color: darkgreen; }
#Instellen.ui-button { padding: 6px 5px 4px 6px; }
#sel-AanStatus-button { padding: 3px 5px 4px 10px; }
#inst-icon.my-icon { background-image: url("jquis/images/gear-black.png");   background-repeat: no-repeat;}
#Logout.ui-button { padding: 6px 5px 4px 6px; }
#logout-icon.my-icon { background-image: url("jquis/images/user-black2.png");   background-repeat: no-repeat;}
.opmerk-icon.my-icon { background-image: url("jquis/images/eye-black.png");   background-repeat: no-repeat;}
.addopm-icon.my-icon { background-image: url("jquis/images/edit-black.png");   background-repeat: no-repeat;}
.icon-only { border: 0; padding: 0;}
/* Kopregel manipulatie om alles gelijk te laten lopen en dichter bij elkaar */
.koptekst { font-weight: 700; }
div.divcenter { text-align: center; padding: 3px;}
div.divcenter > div { margin: 6px 0px 6px 0px; }
div.divcenter > div > div { padding-left: 0px; padding-bottom: 11px;}
#maxinvdd.mydate { font-size: 16px; padding: 3px 0px 4px 12px; }
.mybutton { padding-top: 3px; font-size: 15px; font-weight: 500; }
.smalbutton { padding-top: 0px; font-size: 12px; margin-bottom: 2px; padding-bottom: 1px;}
#Eventhead:focus { outline: #fff solid 1px;  }
#BtnRefresh.ui-button { padding: 3px 6px 3px 7px;}
#BtnRefresh {box-shadow: none; border-color:  #fff; }
#ref-icon.my-icon { background-image: url("jquis/images/refresh-white.png"); background-repeat: no-repeat;}
/* Tabel met fixed header */
.tabfixhead { overflow-y: auto; height:500px;}
.tabfixhead thead th { position: sticky; top : 0;}
/* Tabel opmaak in css*/
.showtab { margin-left: 30px; margin-top: 0px; font-size: 12px;}
table.infofull { width: 98%; table-layout: fixed;  }
table.infoevents { width: 50%; margin:auto; min-width: 600px;}
table.infomails  { width: 40%; margin:auto; min-width: 480px;}
.infofullkop  { margin: auto; font-size: 16px; font-weight: 600; }
.infoeventkop { width: 50%; margin:auto; font-size: 16px; font-weight: 600;}
.infomailkop  { width: 40%; margin:auto; font-size: 16px; font-weight: 600;}
.infokopflex  { display:flex; flex-direction: row; align-content:flex-start;
                flex-wrap: nowrap; justify-content: space-between;}
.padright     { padding-right: 12px;}
#NEActivList-button { padding-top: 3.5px; padding-bottom: 4.5px; }
.marktekst { color: blue; font-weight: 600; font-size: 14px; }
#listtabtot.infofull { width: 91%; position: fixed;left: 40px; bottom: 0; }
td { vertical-align: text-top; padding-left: 4px;}
.nrs { text-align: right; padding-right: 10px;}
.nrs2 { text-align: right;}
.intern { color:blue;}
tr.total { border-top: 1px solid black;}
tr.total td { font-weight: 700; text-align: right; padding-right: 10px;}
tr td.txleft { text-align: left; padding-left: 10px;}
#showtabtot { margin-bottom: 20px;}
.icon-disp  { text-indent: 20px; display:  block; background-repeat: no-repeat;
              width: 16px; height: 16px; float: right;
              background-image: url("images/ui-icons_d19405_256x240.png");
}
.hideit     { display:  none;}
.rowlight   { color: red; background-color: #ffcc33;}
td span.icon-disp { background-image: url("jquis/images/ui-icons_555555_256x240.png");}
.icon-updwn  { background-position: -128px -16px }
.icon-up     { background-position: 0px -16px; }/* arrowthick-1-n (0, -48) triangle-1-n (0,-16) circle-triangle-n = (-96,-192)} */
.icon-down   { background-position: -64px -16px; }
.do-flex     { display: inline-flex;}
.w180       { width: 180px;}
.w020       { margin-left:10px; margin-right:10px;}
.w020top    { margin-top:12px;}
/* Formulier opmaak */
.ui-dialog { overflow: visible;}
.formpers { width: 37%; font-size: 12px;}
.overflow300 { height: 400px;}
.overflow200 { height: 300px;}
label, input { display:block; }
label { margin-top:12px; }
input.text { width:95%; padding: .4em; }
fieldset { padding:0; border:0; }
.ui-dialog-buttonset { font-size: 14px;}
.validateTips { font-size: 14px; font-weight: 700; }
.validateTips.ui-state-highlight { color: red;}
.noclose .ui-dialog-titlebar-close { display: none;}
form.logon { margin: 30px 30px 30px 30px; }
#ErrLogon { margin-top: 50px; }
hr { margin-bottom: 15px; margin-top: 15px;}
@media screen and (max-width: 1200px) {
  html, body { font-size: 15px;}
}
@media screen and (max-width: 1000px) {
  html, body { font-size: 14px;}
}