body,
html,
form {
    height: 100%;
    padding: 0;
    margin: 0;
}

a img {
    border: 0;
}

hr {
    width: 100%;
    height: 1px;
}

.width100 {
    width: 100%;
}

.width95 {
    width: 95%;
}

.base {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.inputText {
    border-color: #993300 #993300 #CC6666 #CC6666;
    padding: 2px;
    border-style: dotted;
    border-width: thin;
    font-weight: bold;
}

.inputDat {
    position: relative;
    z-index: 999;
}

/* cellspacing="0" cellpadding="5" border="0" */
.table000 {
    border-collapse: collapse;
    border-spacing: 0;
}

.table000 td {
    padding: 0px;
    border-style: none;
}

.table050 {
    border-collapse: collapse;
    border-spacing: 0;
}

.table050 td {
    padding: 5px;
    border-style: none;
}

.table500 {
    border-collapse: collapse;
    border-spacing: 5px;
}

.table500 td {
    padding: 0;
    border-style: none;
}

.table010 {
    border-collapse: collapse;
    border-spacing: 0;
}

.table010>tbody>tr>td {
    padding: 1px;
    border-style: none;
}

.table030 {
    border-collapse: collapse;
    border-spacing: 0;
}

.table030>tbody>tr>td {
    padding: 3px;
    border-style: none;
}

.table130 {
    border-collapse: collapse;
    border-spacing: 0;
}

.table130>tbody>tr>td {
    padding: 3px;
    border: 1px solid #999999;
}

.table051 {
    border: 1px outset #000;
    border-spacing: 0;
}

.table051 td {
    padding: 5px;
    border: 0.5px solid #f3f3f3;
    border-spacing: 0;
}

.valignTop {
    vertical-align: top;
}

.valignMiddle {
    vertical-align: middle;
}

.valignBottom {
    vertical-align: bottom;
}

.nowrap {
    white-space: nowrap;
}

.logoMV {
    position: fixed;
    bottom: 8px;
    left: 2px;
    width: 120px;
    padding-left: 10px;
    padding-right: 14px;
    color: #FFFFFF;
    text-align: center;
}

.tekstkop {
    font-size: 14px;
    color: #660000;
    font-style: normal;
    font-weight: bold;
}

.tabelwit {
    border: 1px outset #000000;
    border-spacing: 0;
    color: #000000;
    background-color: #FFFFFF;
}

.tabelwit>tbody>tr>td {
    border: 0.5px solid #F3F3F3;
    padding: 0 2px 0 2px;
}

.tabelwit>tbody>tr>th {
    border-style: solid;
    border-width: 0 0.5px 0 0.5px;
}

.tabelwit a:active {
    color: #000000;
    text-decoration: none;
}

.tabelwit a:link {
    color: #000000;
    text-decoration: none;
}

.tabelwit a:hover {
    color: #FF6600;
    text-decoration: none;
}

.tabelwit a:visited {
    color: #000000;
    text-decoration: none;
}

.tabelborder1,
.tabelborder1 td {
    border: 1px solid #333333;
}

.tabelnoborder,
.tabelnoborder td {
    border: 0 none #FFFFFF;
}

.tabelnopadding,
.tabelnopadding td,
.tabelnopadding>tbody>tr>td {
    padding: 0;
}

.tabelpadding3>tbody>tr>td {
    padding: 3px;
}

.tabelheader {
    font-weight: normal;
    background-color: #1b3e5f;
    color: #FFFFFF;
}

.tabelheader a:link {
    color: #FFFF99;
    text-decoration: none;
}

.tabelheader a:visited {
    color: #FFFF99;
    text-decoration: none;
}

.tabelheader a:hover {
    color: #FF6600;
    text-decoration: none;
}

.tabelheader a:active {
    color: #FF0000;
    text-decoration: none;
}

.rownormal:hover {
    cursor: pointer;
    color: #000066;
    background-color: #A8E2FF;
    background: linear-gradient(to bottom, hsl(200, 100%, 95%) 0%, hsl(200, 100%, 85%) 100%);
    text-decoration: none;
}

.selectedrow {
    border: 1px solid #000000;
    background-color: #CCFFCC;
    background: linear-gradient(to bottom, hsl(120, 100%, 95%) 0%, hsl(120, 100%, 85%) 100%);
}

.infoPnl {
    margin: 2px;
    padding: 3px;
    border: 1px solid #000000;
    background-color: #FFFFC0;
    background: linear-gradient(to bottom, hsl(60, 100%, 95%) 0%, hsl(60, 100%, 85%) 100%);
    text-align: left;
}

.txtExample {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 400px;
    height: 60px;
}

.txtExImg{
    opacity: 0.25;
    display: inline-block;
    width:107px;
    height: 60px;
    margin: 2px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.txtExImg.exCode0 {
  background-image: url('/assets/txtcode0c.png');
}
.txtExImg.exCode21 {
  background-image: url('/assets/txtcode21c.png');
}
.txtExImg.exCode22 {
  background-image: url('/assets/txtcode22c.png');
}
.code0 .exCode0, .code21 .exCode21, .code22 .exCode22{
    opacity: 1;
    margin: 0;
    border: 2px solid yellow;
}