#sysmessages {
padding: 3px;
border: 1px solid #ccc;
background-color: #eeeeee;
margin-bottom: 20px;
font-size: 11px;
font-weight: bold;
}
#sysmessages DIV {
padding: 7px;
padding-left: 30px;
background-position: left;
background-repeat: no-repeat;
background-position: 8px;
}
.messageE {
color: #E50022;
background-image: url(../../images/v103/icons/ico_E_sm.gif);
}
.messageI {
color: #333;
background-image: url(../../images/v103/icons/ico_I_sm.gif);
}
.messageQ {
color: #333;
background-image: url(../../images/v103/icons/ico_Q_sm.gif);
}
.messageW {
color: #E50022;
background-image: url(../../images/v103/icons/ico_W_sm.gif);
}
.messageLoad {
border: 1px solid #ccc;
background-color: #eeeeee;
color: #333;
font-size: 11px;
margin-left: 2px;
margin-right: 2px;
margin-bottom: 20px;
padding: 10px;
padding-left: 35px;
font-weight: bold;
background-image: url(../../images/v103/icons/loading.gif);
background-position: left;
background-repeat: no-repeat;
background-position: 10px;
}
.styleTekstRap { font-size: 12px; font-family: "Courier New"; text-align: left }
.styleHeader  {  font-size: 17px; font-weight: bold; }
.styleFooter  {  font-size: 11px; }
.styleDefault {  font-size: 13px; }
.styleDefault12 {  font-size: 12px; }
.styleSmall    { font-size: 11px; }
.styleExtraSmall { font-size: 9px; }
.styleBorder { line-height: 20px; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; border: #333; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.styleWarning  { color: #af0000; font-weight: bold; }
.styleWarningSmall  { color: #ff0000; font-weight: bold; font-size: 11px; }
.styleInfoSmall  { color: #333; text-align: right; font-weight: bold; font-size: 11px; }
.styleMessageI  { font-weight: bold; font-size: 12px; color: #333; }
.styleMessageQ  { font-weight: bold; font-size: 12px; color: #333; }
.styleMessageW  { font-weight: bold; font-size: 12px; color: #E50022; }
.styleMessageE  { font-weight: bold; font-size: 12px; color: #E50022; }
.styleMessageC { background-color: #eeeeee; color: #06C; font-weight: bold;}
.styleComments { color: #7f7f7f; font-family: "Times New Roman"; font-size: 15px; }
.styleTitle16px  { font-size: 16px; font-weight: bold; }
.styleTitle15px  { font-size: 15px; font-weight: bold; }
.styleInput { }
.styleInputError { color: #ffffff; background-color: #E50022;}
.styleInputWarning { color: #ffffff; background-color: #606060;}
.styleInputTrans {  color: #ffffff; background-color: #AEB0B4;}
.styleInputTransError { color: #ffffff; background-color: #E50022;}
.styleInputZachtRood { background-color: #EC9C8C; font-size: 11px;padding: 1px;}
.styleInputLichtRood { background-color: #F7C7BE; font-size: 11px;padding: 1px;}
.styleInputGroen { background-color: #C5FFC5;}
.styleInputGeel { background-color: #F7ED7D;}
.styleInputGroenError { color: #ffffff; background-color: #E50022;}
.styleInputBlauw { background-color: #D5D5FF;}
.styleInputBlauwError { color: #ffffff; background-color: #E50022;}
.toggleInputGrijs { background-color: #aeb0b4 !important; color: #ffffff !important; }
.styleTH, #content  TH  {
background-color: #3e8fd0;
background-image:url(../../images/v103/tablehead.jpg);
background-position:top left;
text-align: left;
padding-left: 5px;
font-size: 11px;
height: 16px;
vertical-align: middle;
color: white;
font-weight: bold;
cursor: default;
}
.grey {color: #999;}
.styleTH2  { background-color: #eeeeee; font-size: 11px; color: #333; font-weight: Bold; cursor: default }
.styleTH2L { background-color: #eeeeee; font-size: 11px; color: #333; font-weight: Bold; cursor: default }
.styleTH3  { background-color: #b7b7b7; font-size: 11px; color: #ffffff; font-weight: Bold; }
.styleTD   { background-color: #eeeeee; font-size: 11px; color: #333;cursor: default; }
.styleTDL  { background-color: #eeeeee; font-size: 11px; color: #333;cursor: default; }
.styleTDError   { background-color: #eeeeee; font-size: 11px; color: #E50022 }
.styleTDLError  { background-color: #eeeeee; font-size: 11px; color: #E50022 }
.styleTD2  { background-color: #eeeeee; font-size: 11px; color: #333; cursor: default;}
.styleTD2L { background-color: #eeeeee; font-size: 11px; color: #333; cursor: default;}
.styleTD2HLP { background-color: #eeeeee; font-size: 11px; color: #333; cursor: help }
.styleTD2Error  { background-color: #eeeeee; font-size: 11px; color: #E50022 }
.styleTD2LError { background-color: #eeeeee; font-size: 11px; color: #E50022 }
.styleTH a.menu:link    { color: #FFFFFF; text-decoration:none }
.styleTH a.menu:active  { color: #FFFFFF; text-decoration:none }
.styleTH a.menu:visited { color: #FFFFFF; text-decoration:none }
.styleTH a.menu:hover   { color: #FFFFFF; text-decoration:underline }
.styleTH3 a, .styleTH3 a:link, .styleTH3 a:visited, .styleTH3 a:hover { color: white; font-weight: bold; _text-decoration: none;}
.styleTH2L a, .styleTH2L a:link, .styleTH2L a:visited { font-weight: bold; text-decoration: none;}
.styleTH2L a:hover { font-weight: bold; text-decoration: underline;}
.styleTH a, .styleTH a:link, .styleTH a:visited, .styleTH a:hover { color: white; font-weight: bold; text-decoration: none;}
a.Error:link    { color: #E50022; text-decoration:none }
a.Error:active  { color: #E50022; text-decoration:none }
a.Error:visited { color: #E50022; text-decoration:none }
a.Error:hover   { color: #E50022; text-decoration:underline }
.styleNewsHeader { font-size: 13px; font-weight: bold; color: #333}
.styleNewsLine { font-size: 12px; color: #333}
.styleTH2R { background-color: #eeeeee; font-size: 11px; color: #333; font-weight: Bold; cursor: default ; text-align: right}
.styleTD2R { background-color: #eeeeee; font-size: 11px; color: #333; cursor: default ; text-align: right}
.styleTH2HLP { background-color: #eeeeee; font-size: 11px; color: #333; font-weight: Bold; cursor: help}
.dynTable td  { background-color: #eeeeee; font-size: 11px; color: #333; cursor: default }
.dynTable th   { background-color: #333; font-size: 11px; color: #ffffff; font-weight: Bold; cursor: default; text-align : left; }
.dynTable .styleTH4  { background-color: #eeeeee; font-size: 11px; color: #333; font-weight: Bold; }
.styleTH5 { background-color: #d3d3d3; font-size: 11px; color: #272727; font-weight: Bold; }
.styleTH5 b { color: #000000; }
.styleTH5 b.red { color: #DE3D41; }
.dynRemark {
background-color: #efefef;
font-size: 10px;
padding: 4px 0px 4px 8px;
color: #a0a0a0;
width: 590px;
}
.dynRemark span {
border-left: 1px solid #a0a0a0;
margin-left: 4px;
padding-left: 4px;
display: block;
}
.grey {color: #999;}
.red { color: #EB0707;}
.changed {
xcolor: #8275A0;
color:#000;
font-weight: normal;
background-color: #ffffff;
}
.error {
color: #c00000;
}
.mark {
color: black;
font-weight: bold;
}
.styleInputError.error {
color: #fff;
}
.styleInputError.error.changed {
color: #c00000;
}
.query {
color: #606060;
}
.styleInputError.query {
color: #fff;
}
.add {
font-size: 14px;
font-weight: bold;
z-index: 1;
cursor: hand;
padding-left: 8px;
padding-right: 4px;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
}
.mutadd {
font-size: 14px;
font-weight: bold;
z-index: 1;
cursor: hand;
padding-left: 8px;
padding-right: 4px;
float: right;
}
.mutadddef {
font-size: 14px;
font-weight: bold;
z-index: 1;
cursor: pointer;
cursor: hand;
padding-left: 8px;
padding-right: 4px;
}
.tableFixed {
border-collapse: collapse;
table-layout: fixed;
border-spacing: 0px;
width: 600px;
}
.tableFixed td, .tableFixed th {
border-collapse: seperate;
border: 2px solid white;
padding-left: 2px;
padding-right: 2px;
}
.tableFixed .styleTH {
padding-left: 6px;
text-align: left;
height: 19px;
line-height: 16px;
}
.tableFixed .styleTH3, .tableFixed .styleTH5 {
min-height: 15px;
}
.tableClear {
border-collapse: collapse;
table-layout: fixed;
border-spacing: 0px;
xborder: 0px;
}
.tableClear td, .tableFixed th {
border-collapse: collapse;
border: 0px;
padding: 0px;
}
.tableClear .trunc {
line-height: normal !important;
}
.styleTD2, .styleTD2L, .styleTD2R {
padding: 2px;
}
.h24 {
height: 28px;
min-height: 28px;
}
.h24 td, .h24 th {
min-height: 28px !important;
padding-top: 0px;
padding-bottom: 0px;
}
.h24 .styleTH2, .h24 .styleTH2L, .h24 .styleTH2R {
vertical-align: middle;
}
.h24 .styleTH2.p0, .h24 .styleTH2L.p0, .h24 .styleTH2R.p0 {
padding-top: 0px;
padding-bottom: 2px;
}
.h24 .styleTD2, .h24 .styleTD2L, .h24 .styleTD2R {
padding-left: 3px;
}
.h24 .styleTH2.va-top, .h24 .styleTH2L.va-top, .h24 .styleTH2R.va-top {
vertical-align: top;
padding-top: 4px;
}
.h24 .styleTD2.va-top, .h24 .styleTD2L.va-top, .h24 .styleTD2R.va-top {
vertical-align: top;
padding-top: 4px;
}
.tableFixed .styleTH2[title]:not(.trunc):not([title='']).tooltip,
.tableFixed .styleTH2L[title]:not(.trunc):not([title='']).tooltip,
.tableFixed .styleTH2R[title]:not(.trunc):not([title='']).tooltip,
.tableFixed .styleTH3[title]:not(.trunc):not([title='']).tooltip,
.tableFixed .styleTH5[title]:not(.trunc):not([title='']).tooltip,
.tableFixed .styleTD[title]:not(.trunc):not([title='']).tooltip,
.tableFixed .styleTDL[title]:not(.trunc):not([title='']).tooltip,
.tableFixed .styleTDR[title]:not(.trunc):not([title='']).tooltip,
.tableFixed .styleTD2[title]:not(.trunc):not([title='']).tooltip,
.tableFixed .styleTD2L[title]:not(.trunc):not([title='']).tooltip,
.tableFixed .styleTD2R[title]:not(.trunc):not([title='']).tooltip
{
background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAwIDIwMCIgZmlsbD0iI0I5QjZDMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBvbHlnb24gcG9pbnRzPSIwLDIwMCAyMDAsMjAwIDIwMCwwIiAvPg0KPC9zdmc+);
background-position: right bottom;
background-repeat: no-repeat;
background-size: 8px;
}
.alert {
background-color: red;
color: white;
font-weight: bold;
border: 2px solid black;
}
.alert input, .alert select, .alert textarea {
background-color: red;
color: white;
font-weight: bold;
border: 1px solid red;
}
select {
padding: 1px;
font-size: 10px;
}
tbody {
margin: 0px;
}
.styleButton {
padding: 1px 8px;
}
.styleLookup {
padding: 1px 0px;
width: 26px;
overflow: hidden;
text-align: center;
}
.tekstUitleg {
style="color:#333;
font-family:Tahoma, Arial, Helvetica, sans-serif;
line-height: 18px;
font-size: 12px;"
}
.progressRight {
background-position: right center;
background-repeat: no-repeat;
background-position: 100% 50%;
}
.backLoading {
background-image: url(/dispatch/images/v103/icons/loading.gif);
}
.backSuccess {
background-image: url(/dispatch/images/v103/icons/tick.gif);
}
.backFail {
background-image: url(/dispatch/images/v103/icons/exclamation.png);
}
.backSuccess:hover, .backFail:hover {
cursor: pointer;
background-image: url(/dispatch/images/v103/icons/delete.png);
xcolor: #a0a0a0;
text-decoration: line-through;
}
.thumb {
display: inline-block;
position: relative;
}
.thumb span {
text-align: right;
position: absolute;
top: 0;
right: 0;
width: 100%;
padding-top: 2px;
padding-right: 4px;
font-family: Arial Black;
font-size: 14px;
color: #fff;
text-shadow:
-1px -1px 0 #5080a0,
1px -1px 0 #5080a0,
-1px 1px 0 #5080a0,
1px 1px 0 #5080a0;
}
.ml-wrap {
display: block;
padding-right: 5%;
width: 95%;
cursor: pointer;
height: initial;
max-height: initial;
overflow: initial;
text-overflow: initial;
}
.ml-wrap.collapsed {
background-image: url('/dispatch/images/arrow-right.png');
background-repeat: no-repeat;
overflow: hidden;
text-overflow: ellipsis;
}
.ml-wrap.collapsed .spacer {
margin-right: -20px; float: right; width: 15px; height: 13px; background-color: #EEEEEE;
}
.photoNext {
background: url(../../images/v103/icons/photo_prevnext.png) no-repeat scroll top right;
right: 220px;
}
.photoNext:hover {
background: url(../../images/v103/icons/photo_prevnext.png) no-repeat scroll bottom right;
}
.photoPrev {
background: url(../../images/v103/icons/photo_prevnext.png) no-repeat scroll top left;
left: 20px;
}
.photoPrev:hover {
background: url(../../images/v103/icons/photo_prevnext.png) no-repeat scroll bottom left;
}
.photoNav {
position: absolute;
display: block;
width: 53px;
height: 53px;
margin-top: -26px;
top: 50%;
cursor: pointer;
}
tooltip {
line-height: normal;
}
tooltip:before {
display: none;
position : absolute;
opacity : 0;
content : attr(value);
z-index: -1;
}
@media only screen and (max-width: 1024px) {
tooltip:before {
display:  block;
position: absolute;
margin-top: 4px;
/*right: 4px;*/
}
}
:focus + tooltip:before, .show-tooltip tooltip:before  {
display: block;
z-index: 999;
opacity : 1;
margin-left: 4px;
margin-right: 4px;
/*min-width: 150px;*/
max-width: 300px;
pointer-events: none;
border: 1px solid #606060;
color: #606060;
padding: 1px 4px 3px 4px;
border-radius: 2px;
font-size: 8pt;
font-family: Tahoma, Arial;
letter-spacing: 0.5pt;
background-color: #fff;
background: linear-gradient(#fff, #E4E5F0);
-moz-box-shadow: 2px 2px 11px #666;
-webkit-box-shadow: 2px 2px 11px #666;
-webkit-font-smoothing: antialiased;
}
.show-tooltip tooltip:before {
margin-top: 6px;
text-align: left;
white-space: pre-wrap;
}
.styleTH3 > a.right, .styleTH5 > a.right {
float: right;
padding-right: 2px;
font-size: 10px;
text-shadow: 0px 0px 16px #00000060;
text-decoration: underline !important;
}
.styleTH5 > a.right {
text-shadow: 0px 0px 16px #ffffff60;
}
.styleTH5 > a.right:hover {
color: #674e6e;
}
.styleTD2.ph4, .styleTD2L.ph4 {
padding: 4px 3px;
}