/* Minification failed. Returning unminified contents.
(6983,1): run-time error CSS1019: Unexpected token, found '/'
*/
/*! jQuery UI - v1.11.4 - 2015-04-13
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana&fwDefault=normal&fsDefault=11px&cornerRadius=4px&bgColorHeader=%23efeeed&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=%23aaaaaa&fcHeader=%23222222&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23212121&iconColorHover=%23454545&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default !important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em!important;background-color:#d9eff6;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px!important}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-widget{font-family:Verdana;font-size:11px}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:#fff url("../images/jqui/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#efeeed url("../images/jqui/ui-bg_highlight-soft_75_efeeed_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url("../images/jqui/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada url("../images/jqui/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url("../images/jqui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #cd0a0a;background:#fbf9ee url("../images/jqui/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("../images/jqui/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../images/jqui/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../images/jqui/ui-icons_222222_256x240.png")}.ui-state-default .ui-icon{background-image:url("../images/jqui/ui-icons_888888_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url("../images/jqui/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon{background-image:url("../images/jqui/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon{background-image:url("../images/jqui/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../images/jqui/ui-icons_cd0a0a_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url("../images/jqui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url("../images/jqui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}.ui-datepicker-trigger{border:none;display:inline-block;width:16px;height:16px;padding:0;margin:2px 0 0 -18px;position:absolute}.no-days .ui-datepicker-calendar{display:none}
/*
'' ----------------------------------------------------------------------
'' Copyright (C) Revolux S.àR.L and IDEP.WEB & SFO.WEB CNAs - 2014-2019.
'' All Rights Reserved.
''
'' Written by Revolux S.àR.L.
''
'' No part of this software may be copied or distributed in any form or by
'' any means without prior written permission of the Copyright owners.
''
'' This file is part of IDEP.WEB and SFO.WEB. IDEP.WEB and SFO.WEB is
'' software written For IDEP.WEB And SFO.WEB CNAs
''
'' IDEP.WEB & SFO.WEB remains property of Revolux' client CNAs
'' Revolux has the right to change any part of the software without notice.
''
'' The Intellectual Property Right is retained by Revolux S.àR.L. Luxembourg.
'' ( This program is -NOT- in the public domain. )
''
'' These copyright and copying conditions cover the all the programs and
'' utilities of IDEP.NET and IDEP.WEB and SFO.WEB written by Revolux.
'' ----------------------------------------------------------------------
''
'' CBS' basic styles (unfortunately we still have to live with this
'' old VIRK heritage :| )
''
'' ----------------------------------------------------------------------
''
''~[20140025] 24/03/2014 Marius Groenendijk
''~IDEP.WEB for CBS Initialisation
''
'' ~[20170057] Indented, Renamed Basic_NL to Basic (this file) and used by all MS
'' If an MS does not want the default Arial font, find a better way to override in the rvl-MS file.
~[20170057] Increase base width and HEIGHT of application
~[20180105] New colour scheme for STATECTEC
TODO: Need cleaning up after compare w/ original file
'' ----------------------------------------------------------------------
*/
/*NOTE: We ought to be using px (exact height) vs. pt (computed height)
don't unnecessarily tweak line-height, and if you do, use % or em
ditto for font-size, preferably use 'smaller'
https://websemantics.uk/articles/font-size-conversion/
https://www.joomlasrilanka.com/web-design-development-blog/web-design-font-size-measurements-convert-points-pixelsems-percentages-web-designing/
*/
/*old doc - please don't delete
@import url(http://fonts.cbs.nl/cbs_vooruwbedrijf.css);
Start file $Id: basic.css 5678 2008-01-28 13:22:51Z jronn
letter-spacing:0.0625em; doe maar niet
*/
/* styling of text */
/*NOTE: must use the * selector iso html or body because otherwise the browser built-in style sheet starts overriding things. Arggh */
* {
font-family: Arial, sans-serif;
font-size: 14px; /* was 11. 15 is just a bit too big ? Statec has 13.3 which looks pretty OK */
line-height: 18px;
}
/* Styling of headers */
h1 {
font-size: large;
}
h2 {
font-size: larger;
margin: 0 0 10px 0;
}
h3 {
font-size: larger;
margin: 0 0 4px 0;
}
/* Styling of lists */
ol {
margin-left: 10px;
padding: 0;
}
ol li {
padding-left: 2px;
margin-left: 10px;
}
/* Hack to enable correct vertical position of list-style-image in IE6 */
ul {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
ul li {
margin: 0;
padding: 0;
padding-left: 16px;
background-image: url('../Images/bluedot.png');
background-repeat: no-repeat;
background-position: 0 7px;
}
ul ul li {
margin: 0;
padding: 0;
padding-left: 16px;
list-style-image: none;
background-image: url('../Images/graydot.png');
background-repeat: no-repeat;
background-position: 0 7px;
}
/* LINKS */
a {
color: #0080a5;
}
a:visited {
color: #7b736c;
}
a:hover {
text-decoration: underline;
/*~[MG 01/03/2012] Slowly display link in normal link color*/
color: #0080a5;
-webkit-transition: color 400ms ease-in;
-moz-transition: color 400ms ease-in;
-o-transition: color 400ms ease-in;
/*-khtml-transition: color 400ms ease-in;
-ms-transition: color 400ms ease-in;*/
transition: color 400ms ease-in;
}
a img {
border: 0;
}
/* Styling of tables */
table {
margin: 0 0 16px 0;
border-collapse: collapse;
border: solid 1px #dcdad8;
background-color: white;
}
caption {
font-weight: normal;
color: black;
text-align: right;
padding: 8px 16px;
}
th {
margin: 0;
font-weight: bold;
background-color: #d9eff6;
border-bottom: dotted 1px #bbb5b1;
padding: 4px 8px; /*8px 16px; was wel erg veel */
}
td {
margin: 0;
border: dotted 1px #dcdad8; /* dotted works in IE7, FF4 but not in FF3.6 ... */
padding: 1px 6px 1px 6px;
/* Next 2 make it behave better during FF zoom */
border-left-width: 0;
border-top-width: 0;
}
/*~[20120101] remove auto clear dinges in IE10 */
input[type=text]::-ms-clear {
display: none;
}
/* ---------------------------------------------------------------------- */
/* [EOF_BASIC_CSS] */
/* ~[20170057] + [20180105] Height/Width STATEC restyling a.s.o. ~~ MG ~~ 11/07/2019 16:07*/
/* ~[20170057] 20190061 20190060 20190059 ~~ MG ~~ 17/10/2019 11:26*/
/* tag ~~ MG ~~ 30/06/2020 11:15*/
/*
'' ----------------------------------------------------------------------
'' Copyright (C) Revolux S.àR.L and DST & SKAT & STATEC - 2009. All Rights Reserved.
'' Copyright (C) Revolux S.àR.L and IDEP.WEB & SFO.WEB CNAs - 2019.
'' ----------------------------------------------------------------------
''
'' Our styles (merged with /extracted from VIRK's style sheets)
''
'' ----------------------------------------------------------------------
'' CHANGE HISTORY
''
''
'' ~[20170057] Increase base width and HEIGHT of application
'' ~[20180105] New colour scheme for STATEC
''
'' Remove unnecessary TODO
''
'' ----------------------------------------------------------------------
#d9eff6 = light blue
#B0DFEC = less light blue
#D9D9D9, #e4e4e4 = grey
#efeeed = light grey
#ffffdd = mandatory (tooltip) yellow
#219dc2 = darkish blue
*/
html {
overflow-y: hidden;
}
/* scrolling body; fixed footer; avoid double scrollbar*/
html, body {
height: 100%;
}
body {
margin: 0 8px;
}
#frame {
min-width: 1200px; /* original=948. Delta=252 we assume at least a wide screen monitor; see http://www.w3schools.com/browsers/browsers_display.asp */
/* scrolling body; fixed footer aboid double scrollbar
min-height: 720px; /*TODO misschien nog iets aan de hoge kant */
margin: 0 auto 0 auto;
background-color: white;
height: 100%;
}
form {
display: flex;
flex-direction: column;
height: 100%;
flex-grow: 1; /*hoeft niet*/
}
#body {
clear: both;
padding: 8px 0 16px 0; /*~[20170057] vert-space */
overflow: visible;
overflow-y: auto; /* scrolling body; fixed footer*/
display: flex;
flex-direction: column;
height: 100%;
}
#page {
z-index: 140;
}
#footer {
/* glue footer at the bottom where it belongs. */
height: 20px;
width: 100%;
border-top: 1px solid lightgrey;
padding: 8px 0;
margin: auto 4px;
z-index: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
}
/* ~[20100001] */
#p-footer {
display: none;
}
#footer p {
margin: 0;
}
/* see details STATEC/VIRK mode */
#rvl-header {
width: 100%;
float: left;
margin: 0 0 4px 0; /* scrolling body; fixed footer ;there is something wrong with the header; body scrolls 4px through it*/
}
/* page header with crumbs and authority */
#ph {
height: 1.5em;
padding: 0 8px;
}
/* --- bread crumbs ~[MG 29/06/2012] .path => #ctl00_bc --- */
#ctl00_bc {
float: left; /*SE raar op chrome... ''~[20130092] but required in IE9 compat. mode */
}
#ctl00_bc a {
text-decoration: none;
}
#ctl00_bc a:hover {
text-decoration: underline;
}
/* --------- */
#authority {
float: right;
}
/* ~[20090080] .p-approve added // ~[20100001] p-approve now printout */
/*~[MG 01/07/2012] no more span in authority*/
#authority, .printout .authority {
color: #7B736C;
}
/* ~[20090080] // ~[20100001] p-approve now printout */
.printout .authority {
margin: 4px 0 0 4px;
}
.printout {
margin-top: 4px;
margin-left: 6px; /*~[20130035]*/
}
/* Help popup */
#hp {
border-radius: 4px;
left: 0;
top: 0;
border: 1px solid #dbcabf; /*was #FF0000*/
position: absolute;
background-color: #FFF7DA; /*was #FFFF99*/
margin: 2px 2px 2px 2px;
padding: 5px;
z-index: 3;
/*~[20120082] nice shadow*/
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
z-index: 10000;
}
.fh /* field help */ {
margin-right: 4px;
padding: 0 2px 0 2px;
background-color: #99CCFF;
color: white;
text-decoration: none;
font-weight: bolder;
}
/*~[20120082]*/
#FKeys {
float: right !important;
margin-right: 8px !important;
}
#hf {
border: none;
width: 550px;
height: 490px; /*~[20140077] #2, #5 was 470*/
margin: auto;
}
/*~[20120082] End change*/
/*~[MG 04/09/2012]*/
#ctl00_pi {
background-color: #FAFDFE;
border: thin dotted #efeeed;
position: absolute;
top: -1px;
left: 400px;
}
/* -- busy indicator -- */
#ctl00_pnlBusy {
width: 560px;
height: 50px;
position: absolute;
left: 30%;
top: 40%;
}
.busy1 {
/* nix */
background-color: #ffffcc;
}
.busy {
/*~[20110047] Very approximate but good enough ,fixed is funny ... */
position: fixed;
top: 40%;
left: 25%;
width: 560px;
height: 64px;
z-index: 10001;
padding: 12px 4px 12px 4px;
vertical-align: middle;
cursor: progress;
/*~[MG 05/11/2013] new styling like function key box = lot nicer, http://www.ajaxload.info/ to make new busy gif */
border-radius: 4px;
border: 1px solid #dbcabf; /*was #FF0000*/
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
background-color: #FFF7DA;
}
.busy .gif {
background: url('../Images/busy.gif') no-repeat;
margin-left: 10px;
width: 40px;
height: 40px;
}
/*~[20110047]*/
.busy span {
margin-left: 72px;
}
.busy img {
vertical-align: middle;
margin: 0 16px 0 16px;
}
/*~[MG 16/12/2015]*/
#es {
width: 16px;
content: square;
color: red;
font-weight: bold;
border: solid 2px #efeeed;
text-align: center;
position: relative;
float: right;
top: -74px;
display: none;
cursor: pointer;
}
/*~[MG 15/04/2016]*/
.message-box {
padding: 2px;
cursor: default;
/*this will override the sucking positioning in PopupManager.Popup */
margin-top: 0 !important;
margin-left: 0 !important;
}
.message-box #es {
display: block;
top: -24px;
}
.message-box .title {
padding: 8px 6px;
}
.message-box .message {
background-color: #efeeed;
border-radius: 4px;
border: 1px solid #dbcabf;
border-radius: 4px;
/*~[MG 17/11/2019] Bevinding 33: support multiline texts - en een beetje minder lelijk */
/*height: 50px;
line-height: 50px;*/
/*text-align: center;*/
padding: 8px;
color: #dd0033;
/*font-weight: bold;*/
}
.message-box .buttons {
padding: 8px 6px;
}
/*~[20210031]*/
.message-box .buttons input {
margin-right: 12px;
}
/*~[MG 15/04/2016] End change*/
#ctl00_upp {
position: absolute;
top: 0;
/* the busyb.gif is an animated gif that cannot be used as background-image */
text-align: center;
left: 350px;
width: 220px;
height: 19px;
margin: 0;
padding: 0;
}
#contents-area {
position: relative;
width: 100%;
float: left;
z-index: 3; /*for the IE7 z-index bug, WTF*/
}
#ctl00_cc_up {
z-index: 2; /*for the IE7 z-index bug, WTF*/
}
#ba2 /* buttons-area 2 at bottom */ {
margin-top: 8px;
/*~[20150063](*)*/
float: left;
margin-right: 20px;
/*~[20150063] End change */
}
div.ib /* important button ~[20170021] restyled, get rid of inline style */ {
float: left;
margin: 0 14px;
}
.ib .button {
padding: 1px 12px;
}
/*~[20170021]*/
#left-footer {
float: left;
opacity: 0.8;
margin-left: 8px;
}
#right-footer {
opacity: 0.8;
float: right;
right: 0;
margin-right: 8px;
}
#rvl-brand {
float: right; /* this does it for FF */
text-align: right; /* this does it for IE */
}
/* looking glass in any txtSearch field... */
#ctl00_cc_txtSearch_fd {
background-image: url('../Images/srch.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 16px;
}
/* Place the search box in the list caption */
/* This is still not OK:causes an extra space above the list -
- it is still taking up its original space
- in FF some buttons of the bottom now appear at the top!
*/
#srch {
position: absolute;
margin-top: 8px;
left: 18px;
z-index: 99;
cursor: pointer;
background-image: url("../Images/srch.gif");
background-repeat: no-repeat;
background-position: right center;
}
#srch span {
margin-right: 4px;
}
#srch .clr {
position: absolute;
display: inline-block;
right: 20px;
width: 20px;
font-size: 24px;
margin-left: 4px;
color: maroon;
z-index: 99;
cursor: pointer;
text-decoration: none;
}
.text.rvl-search {
padding: 1px 22px 1px 1px;
width: 160px;
margin-right: 20px;
}
.rvl-showall {
display: inline-block;
margin: 10px;
padding-top: 12px;
font-weight: bold;
}
#f_Batches #ctl00_cc_up .instructions {
width: auto;
float: left;
margin-top: 10px;
}
/* --- No data tip --- */
.no-data-tip {
/* this is displayed in an empty list so there's more than enough space */
padding: 8px;
background-color: #fff7da;
border: 1px solid #dbcabf;
text-align: center;
float: left; /*~[20150063]*/
/* rounded borders everywhere*/
border-radius: 4px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
.no-data-tip span {
float: left;
margin-top: 2px;
margin-left: 10px;
}
/*~[20150063]*/
.fl {
float: left;
margin-right: 20px;
}
/* --- Top/Bottom tips --- */
.instructions {
position: relative;
background-image: url('../Images/tip.png');
background-repeat: no-repeat;
background-position: 8px center;
border: 1px solid #dbcabf;
/*padding: 2px 8px 2px 20px;*/
padding: 8px 8px 8px 32px; /* */
/* same color as notificationbox */
background-color: #fff7da;
color: #808080;
margin: 8px 0 8px 0;
/*height: 1%;*/
overflow: hidden;
clear: left; /*~[20150063]*/
/* rounded borders everywhere*/
border-radius: 4px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
.instructions a /* weird; why is this necessary? */ {
cursor: pointer;
text-decoration: underline;
}
/*~[20130061] HACK*/
.forcedBottom {
position: absolute;
width: 700px;
top: 388px;
left: 0; /*''~[20130092] IE9 compat. problems. */
}
.forcedBottom input {
margin-left: 20px;
}
/*~[20130061] End change */
/* layout of the TOP instructions */
#ctl00_it {
margin-top: 4px;
}
/* layout of the BOTTOM instructions */
#ctl00_ib {
width: 695px; /* !important:hoeft niet meer */
float: left;
}
/* --------- */
.ml {
float: left;
width: 300px;
}
.mr {
float: right;
}
.rvl-errorMessage {
font-style: italic;
}
.rvl-errorCause {
color: #7b736c;
font-weight: 700;
}
.rvl-source {
white-space: pre;
font: 12px Lucida Console;
line-height: 150%;
background-color: #e9e9e9;
padding: 0 10px;
}
.rvl-error {
background-color: #bfccbf;
font: 12px Lucida Console;
padding: 4px 0;
}
/*kop: .rvl-file {
}
*/
/* Site map */
.sitemap-block {
float: left;
width: 292px;
margin-top: 12px;
margin-bottom: 12px;
padding: 4px;
}
.focus, .focusBG {
background-color: #fff7da;
}
.deadline-block {
float: left;
width: auto;
margin: 10px;
}
/* the original virk styling of td sucks and interferes everywhere:grrr */
.deadline-block td {
border: dotted 1px #bbb5b1;
}
.system-error {
border: 1px solid red;
border-radius: 4px;
padding: 4px;
background-repeat: repeat-x;
background-image: url('../Images/error_g.png');
}
.system-error span {
color: red;
font-weight: bold;
}
.system-error ul {
color: #FF6600;
}
.system-error ul li {
background-image: none;
list-style-type: decimal;
list-style-position: inside;
}
/* --- Errors, notifications and messages --- most of it comes from integration.css */
.notificationbox {
background-color: #fff7da;
border: 1px solid #dbcabf;
border-radius: 4px;
padding: 16px;
/* rounded borders everywhere*/
border-radius: 4px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
float: left; /* ~[20200039] otherwise textbox falls outside the container*/
}
/*~[20150063](*)*/
#ctl00_pe {
float: left;
}
.notificationbox p {
margin-top: 0;
margin-bottom: 0;
}
.notificationbox h2 {
margin: 0;
color: #dd0033;
padding-left: 0;
padding-bottom: 0 !important;
}
.notificationbox ul {
padding: 0;
margin: 0 0 0 13px;
list-style-image: none !important;
list-style-type: disc !important;
color: #dd0033;
}
/* ''~[20100011] [WebIdep74] */
.notificationbox ul ul {
list-style-type: circle !important;
}
.notificationbox li {
margin: 0 0 0 5px;
padding: 0;
background-image: none !important;
}
/*~[20130121]*/
.notificationbox a {
cursor: pointer;
}
/*ERROR_AS_LINK
.notificationbox li a {
color:#dd0033;
}*/
.notificationbox .Information {
color: #808080;
}
.notificationbox .Warning {
color: #dd0033;
font-style: italic;
}
.notificationbox .Red, .Red {
color: #dd0033;
}
.notificationbox .Green, .Green {
color: green;
}
.notificationbox .Tip { /*~[20180059]*/
}
/*~[20120056] Don't do bold on VIES name coz might be too wide*/
.notificationbox .Smaller {
/*font-size: smaller;*/
}
.notificationbox .Smaller b {
font-weight: normal;
/*font-size: smaller;*/
}
/*~[20120056] End change*/
/*~[20100110]*/
.wfa {
color: black;
font-weight: bold;
background-image: url('../Images/wfa.png');
background-repeat: no-repeat;
padding-left: 18px !important;
}
.rejected {
color: #dd0033;
background-image: url('../Images/f.png');
background-repeat: no-repeat;
padding-left: 18px !important;
}
.wbi { /* with bg image */
background-repeat: no-repeat;
padding-left: 18px;
}
.fn {
font-size: 120%;
vertical-align: super;
text-decoration: underline;
padding-left: 4px;
padding-right: 4px;
color: #0080a5;
}
/*~[20100110] End change*/
/* -- help -- */
#help-toc /* see also #left-panel in start.css */ {
/* ~[20170021] background-image:url('../Images/lightblue_gradient.png');*/
background-color: #fafdfe;
background-repeat: repeat-x;
padding-top: 4px;
padding-left: 2px;
margin-right: 4px;
float: left;
width: 180px;
border: dotted thin #efeeed;
/*height: 520px;*/
/*overflow-y:scroll; ~[MG 06/03/2013] */
}
/*~[MG 06/03/2013] so it still fits w/out scrollbar - en niet zo strak aan de rand */
#help-toc a {
padding-left: 2px;
}
#help-topic {
padding: 8px 0 0 0;
margin: 0;
height: 620px;
width: 920px; /* on IE6 it must be smaller than on FF and IE7 */
border: dotted thin #efeeed;
float: left;
}
.help-iframe {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
overflow-x: hidden; /* No horizontal scrollbar on FF */
}
/*kop: empty rule
.topic {
}*/
.current-topic {
color: #cd5c00;
}
.section {
background-image: url('../Images/bluedot.png');
background-repeat: no-repeat;
background-position: 2px;
padding-left: 16px;
}
/* approve button width */
.ab {
width: 280px;
}
/* out of order */
.ooo {
padding-top: 14px;
font-family: Georgia;
font-size: 24px;
font-weight: bold;
border: 1px dotted #efeeed;
color: #FF0000;
text-transform: capitalize;
}
/* wrapper for menu and language switch */
#mmenu {
/*position: relative;*/ /* this is important */
float: left;
clear: left;
width: 100%;
margin-top: 8px;
margin-bottom: 8px;
}
/* language switch (~[MG 28/06/2012] was .ln-switch, is now #ctl00_l) */
#ctl00_l {
padding: 8px;
float: right;
height: 0px;
margin-top: -4px;
z-index: 7000;
}
#ctl00_l.disabled {
opacity: 0.4;
}
/*~[MG 28/06/2012] (cut away original styles for class ln-switch and is now #ctl00_l)*/
#ctl00_l .c, #ctl00_l .nc {
width: 18px;
height: 12px;
display: inline-block;
padding: 1px;
background-repeat: no-repeat;
}
#ctl00_l .c /*urrent, just fade it out */ {
/*filter: alpha(opacity=40);*/
opacity: 0.4;
}
#ctl00_l .EN {
background-image: url('../Images/eu/gb.png');
}
#ctl00_l .DA {
background-image: url('../Images/eu/dk.png');
}
#ctl00_l .DE {
background-image: url('../Images/eu/de.png');
}
#ctl00_l .FR {
background-image: url('../Images/eu/fr.png');
}
#ctl00_l .LU {
background-image: url('../Images/eu/lu.png');
}
#ctl00_l .SV {
background-image: url('../Images/eu/se.png');
}
#ctl00_l .NL {
background-image: url('../Images/eu/nl.png');
}
/*~[MG 28/06/2012] End change */
/* ~[20100066] login name */
.ln {
/*font-size: 6 punt; */
color: #2F4F4F;
}
/* form head */
.ftit, .fsum {
padding: 8px 8px 8px 16px;
}
/* ~[20210005] VP.WEB #7: Simplify UI; some more padding */
/*TODO: check no adverse effect in other situations */
.ftit .sum {
margin-left: 10px;
}
.fhd {
/* margin-top:12px; */
background-color: #efeeed;
border: solid 1px #efeeed;
/*border-bottom: dotted 1px gray;*/
/* rounded borders everywhere*/
border-radius: 4px;
margin-bottom: 2px;
}
.ftit {
background-color: #cfccca;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
/* --- various --- */
/* ~[20090013] End change */
.feedback {
float: left;
margin-top: 0;
padding-top: 0;
margin-left: 6px;
width: 458px;
}
.feedback .notificationbox li {
line-height: 1.6em;
}
.feedback .notificationbox input {
margin-top: 8px;
}
.fb-smaller {
width: 310px;
}
/*~[20150017]*/
.fb-bottom {
width: 100%;
margin-left: 0;
}
/*~[PV18112015] messages to the right of buttons*/
.fb-narrow {
width: 475px;
margin-left: 0;
float: left;
}
/*~[20200020] messages in narrow box to the right (when there is space) or over max the full length of the bottom*/
.fb-dynamic {
min-width: 310px;
max-width: 100%;
width: auto;
}
.sbuts {
float: left;
width: 620px; /*~[PV 04/12/2024] was 420 but that wraps in Earnings erroneous lines mode */
}
.fb-bottom input {
margin-left: 10px;
}
/*~[20150017] End change*/
/* ~[20100117] */
.cn8Sel {
border-radius: 4px;
position: absolute;
left: 126px;
top: 0;
width: auto;
max-height: 340px; /* was 240*/
border: 2px outset #dbcabf;
background-color: #f7fafe;
overflow: scroll;
overflow-x: hidden;
overflow-y: scroll;
z-index: 9000;
/*~[MG 12/11/2012]*/
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.1);
/*~[MG 03/04/2015]*/
-webkit-animation: fadeIn .25s;
-moz-animation: fadeIn .25s;
-o-animation: fadeIn .25s;
animation: fadeIn .25s;
opacity: 0;
height: 0;
/*~[MG 03/04/2015]*/
}
.cn8Sel table {
top: 0 !important;
}
.cn8Sel .des {
color: #dd0033;
}
.ccn8p {
z-index: 9000;
position: absolute;
top: 4px;
right: 0;
background-image: url('../Images/f.png');
background-repeat: no-repeat;
color: #f7fafe;
padding-left: 16px;
}
.cn8Sel tr.o {
background-color: white; /*#f0f2f4*/
}
.cn8Sel tr.z {
background-color: white; /*#e2e7ec*/
}
.scn8p {
background-color: #39A1BD;
/*background-image:url('../Images/virk/btn.png');*/
border: 1px outset #ebe9ed;
border-radius: 4px;
color: white;
text-decoration: none;
padding: 2px 5px 2px 5px;
}
a.scn8p:visited, a.scn8p:hover {
color: white;
text-decoration: none;
}
#modalBG {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 8000; /* ~[20170057] used to be 100, but then the underlying buttons can still be reached popup divs have 9000, so these will remain accessible*/
background-color: #333333;
display: none;
opacity: 0.40;
/*filter: alpha(opacity=40);*/
/*backdrop-filter: blur(5px);*/
}
/* ~[20100117] End change */
.rvl-details-area {
float: left;
/*width: 600px; */
background-color: #efeeed;
padding: 8px 0 8px 16px;
margin-bottom: 8px; /* (F) */
/* rounded borders everywhere*/
border-radius: 4px;
border: solid 1px #efeeed;
}
/* for setting the colour on an 'incorrect' label in the summary for instance */
.incorrect {
color: red;
font-weight: bold;
}
.sum b {
font-weight: normal;
}
/*~[20100078] display of r[eturn] flow, period, type and category ~[20190007] and journal number */
.sum .rf, .sum .rp, .sum .rt, .sum .rc, .sum .cd, .sum .jn, .sum .aln {
font-weight: bold;
margin-right: 12px;
}
.sum .rt:before {
content: '( ';
}
.sum .rt:after {
content: ' )';
}
/*~[20100110]*/
.fsum .rejected, .fsum .wfa {
background-image: none;
}
#uGoodsDescription {
clear: left;
float: left;
}
#ctl00_cc_fldGoodsDescription_fd /*textarea*/ {
background-color: transparent !important;
border: dotted 1px gray;
/* rounded borders everywhere*/
border-radius: 4px;
}
#ctl00_cc_fldGoodsDescription {
margin-top: 4px;
}
.model-id {
background-color: #dddddd;
clear: right;
padding: 4px;
/*~[MG 07/01/2019] EMAIL: IdepWeb Test DD: Mon 30/12/2019 16:36 */
width: auto;
margin-left: -4px;
}
/* Making our input controls displaying and accepting UPPERCASE only */
input.uppercase {
text-transform: uppercase;
}
.context-help {
margin-left: 12px;
}
/*** Confirmation box ***/
.confirm-box {
background-color: #fff7da !important;
border: 1px solid #dbcabf;
border-radius: 4px;
padding: 10px;
margin: 0 0 10px 0; /* avoid 2 more pixels from border */
}
.question, .failure {
color: red;
}
.success {
color: green;
}
.bold {
font-weight: bold;
}
/*** Nothing-to-do-on-this-screen box ***/
.no-action {
border: thin solid #efeeed;
border-radius: 4px;
color: red;
}
/* details forms */
.goodscode {
width: 620px;
}
.goodscode textarea {
width: 600px !important;
}
.partner {
width: 550px; /* ~[20120056] was 300 */
padding-bottom: 8px;
}
/* --- help / expired pages */
.ln-block {
float: left;
width: 450px;
margin-top: 20px;
}
.ln-block div img {
float: left;
margin-right: 14px;
}
.no-cookies {
width: 60%;
margin: 120px auto;
padding: 10px 10px 10px 10px;
background-color: #fff7da;
border: 1px solid #dbcabf;
border-radius: 4px;
}
/*~[MG 26/06/2012].im8 {
padding-top:17px;
height:19px;
width:20px;
}
*/
/*~[MG 02/07/2012] IE8*/
#ctl00_cc_pnlCn8, #cn8box {
float: left;
}
.p8 {
display: inline-block;
width: 26px;
height: 23px;
background-repeat: no-repeat;
background-position: 3px center;
background-image: url(../Images/lookup.png);
border: solid 1px #079dc4;
border-left-width: 0;
margin-top: 20px;
margin-left: -2px; /* ~[20170057] no gap with CN8 code*/
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
/*~[20100109] alternate location for ets */
.ae {
white-space: nowrap;
background-image: url('../Images/tip.png');
background-repeat: no-repeat;
background-position: left top;
text-indent: 12px;
margin-left: 3px;
}
/* null info in header details ~[WebIdep45] */
.ni {
width: 295px;
float: left;
height: 70px;
margin-top: 16px;
padding-bottom: 8px;
}
.ni .cp {
white-space: normal;
}
.cause {
margin-top: 18px;
min-width: 300px;
}
/*~[20100045] close button panel in help pages */
.cbp {
float: left;
margin-left: 220px;
}
/*~[MG 01/02/2011]*/
.version {
color: red !important;
margin-left: 10px;
}
/*~[20110045] */
.change-password {
background-color: #efeeed;
border: outset 1px #efeeed;
border-radius: 4px;
width: 460px;
margin: 40px 0 0 235px;
}
.change-password #info {
text-align: center;
margin-top: 8px;
font-weight: bold;
}
.change-password label {
float: left;
width: 260px;
/*~[20130034] text-align:right;
margin-right:8px;
*/
margin-top: 0;
}
.change-password input.button {
margin: 2px 0 8px 164px;
}
/*~[20130034]*/
.pw {
width: 230px;
margin: 8px auto;
}
/*~[20110045] End change */
/*~[20090084]*/
#p {
position: absolute;
top: 400px;
left: 860px;
color: red;
background-color: yellow;
z-index: 10000;
}
/*~[20090084] End change */
.popup {
border-radius: 4px;
position: absolute;
top: 50%;
left: 50%;
border: 2px outset #dbcabf;
background-color: #efeeed;
z-index: 9000;
/*~[MG 12/11/2012]*/
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.1);
}
/*~[MG 03/05/2012]
This is 'nicer' than dynamically creating the modalBG but only works in IE>=9 and the other 'modern' browsers
And this background: rgba(0,0,0,0.60); also only works there...
*/
/*** doe maar niet dus
.popup::after {
z-index:-1;
background-color:#333333;
opacity:0.40;
filter:alpha(opacity=40);
content: "";
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
}
***/
.popup .fhd {
background-image: url('../Images/f.png');
background-position: top right;
background-repeat: no-repeat;
}
.pud {
border-radius: 4px 4px 0 0; /*~[20110113]*/
padding: 4px;
background-color: #efeeed;
margin: 0 auto;
width: 1000px !important;
}
/* space out the user controls a bit */
.pud .uc, .pud .ce {
margin-bottom: 8px;
}
#f_ReturnLines .pud { /*~[MG 19/12/2019] messed up line copy dialog in lines list */
width: 310px !important;
}
/*~[MG 28/10/2020] width of PSI selector in LU/SE line copy dialog */
#f_ReturnLines .pud .uc {
width: 300px !important;
}
#f_ReturnLines #ctl00_cc_pckPSI_fd {
width: 110px !important;
}
.pub {
border-radius: 0 0 4px 4px; /*~[20110113]*/
padding: 8px;
/*margin-top:4px;*/
background-color: white;
}
/*
div.ci {
background-image:none;
}
*/
/*~[20110113] End change*/
/*~[MG 01/03/2012]*/
.oc input {
margin: 4px;
}
.or input {
margin: 2px 4px 2px 4px;
}
/*~[MG 01/03/2012] End change*/
/*.dn .ce {margin-left:4px;}*/
/*~[MG 27/06/2012] (d)ata entry (c)olumn in detailed lines screen */
.dc {
width: 350px;
float: left;
}
.dcn {
width: 210px;
float: left;
padding: 10px 0 10px 10px;
}
/* [20120056] PV Data-entry Column Narrow */
/*~[20130035] Makeup of approve all confirmation and proof printout */
.aa {
margin-top: -2px;
padding-left: 8px;
background-image: none;
}
#aaDetails {
margin: 4px;
}
.t1 td:first-child {
font-weight: bold;
}
.t1, .t1 td {
border: none !important;
}
.t1 {
margin: 10px 6px;
}
.t2 td:nth-child(6), .t2 td:nth-child(7) {
white-space: nowrap;
}
.t2 td:nth-child(2), .t2 td:nth-child(7), .t2 td:nth-child(8) {
text-align: right;
}
.t2 td:nth-child(3), .t2 td:nth-child(4), .t2 td:nth-child(6) {
text-align: center;
}
.t2 {
width: 99%;
}
.t2 .W { /*~[20130048]*/
font-style: italic;
background-color: #FFFF99;
}
#aaDetails td {
padding: 2px !important;
}
/*~[20130035] End change*/
.its { /*~[20130062] top spacing in import form*/
margin-top: 4px;
}
.dm { /*~[MG 09/09/2013] download manual*/
float: left;
padding: 30px 12px 20px 30px;
}
.dm img {
padding: 0 4px 0 8px;
}
/*~[MG 09/09/2013] End change*/
/* ~[20130055] */
.ea {
color: #0080a5;
/*text-decoration:underline; don't underline; people might click on it*/
}
/*~[20130056] Step by step adding a declaration */
.step {
width: 820px; /*~[20190040] was 650px;*/
border-radius: 4px;
border: 2px solid gray;
padding: 10px 0 8px 0;
margin: 15px 0 10px 8px;
float: left;
position: relative;
min-height: 70px; /* reserve some minimum space for a label */
}
.stepNumber {
border-radius: 4px;
border: 2px solid gray;
padding: 0 6px 0 6px;
position: absolute;
top: -9px;
left: 10px;
background-color: #efeeed;
font-weight: bold;
}
.stepSel {
width: 290px; /*~[MG 12/11/2014] pixelneuq*/
float: left;
margin: 10px 8px 0 0;
}
.stepSel .re {
white-space: nowrap;
}
.stepInfo {
float: left;
width: 470px; /*~[20190040] was 350 ~[20190005] when using float, better set the (available) width so contained elements behave correctly */
margin-left: 16px; /*~[20190040]*/
}
.stepInfo .cp {
white-space: normal;
height: auto;
}
/*#region ~[20190005] */
.stepInfo label, .stepInfo input {
display: inline-block;
}
.stepInfo input {
width: 16px;
}
.stepInfo .ce input + label {
color: red;
}
.stepInfo .ce input:checked + label {
color: green;
}
/*#endregion */
.hideStep {
border: none;
}
/*~[20130056] end */
/*~[20130055]*/
.wse {
background-image: url('../Images/warnList.png');
background-repeat: no-repeat;
background-position: 3px;
padding: 2px 2px 2px 22px;
cursor: default;
color: #dd0033;
position: absolute;
left: 755px;
top: 28px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
.vv {
color: red;
}
/*~[MG 05/06/2014]*/
.gan {
position: absolute;
top: -36px;
left: -106px;
width: 354px;
height: 42px;
overflow-y: auto;
background-color: #fff7da;
border: 1px solid #dbcabf;
border-radius: 4px;
z-index: 7000;
}
.gan:hover {
height: auto;
z-index: 7000;
}
.gan.issue { /*[MG 18/12/2020] Issues and announcements can be displayed at the same time.*/
margin-top: 52px; /*display below wse gan */
z-index: 7000;
width: 370px;
border: 1px solid #dbcabf;
border-radius: 4px;
height: auto;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
.issue { /*~[MG 05/02/2016]*/
padding: 2px 2px 2px 6px;
}
/*~[20140071]*/
.cfi {
padding: 4px 0 8px 14px;
font-style: italic;
display: inline-block;
}
/*~[20140097]*/
#help-toc .i {
padding-left: 8px;
margin-left: 8px;
border-left: solid 1px black;
}
/* ~[20140137] CN8 experiment #hswitch {
position:absolute;
left:470px;
top:-60px;
}*/
/*~[20150020]*/
.block {
cursor: not-allowed;
}
.block span {
margin-left: 0;
}
/*~[20130127] ~= .popup */
/*~[MG 03/04/2015] popup animation - but we don't animate .popup/.dropList coz that's just too ugly */
.fpopup {
/*~[MG 03/04/2015]*/
/*-moz-transition:all .3s ease .15s;
-o-transition:all .3s ease .15s;
-webkit-transition:all .3s ease .15s;
transition: all .3s ease .15s;
pity: chrome doesn't animate this, use key frames instead
*/
-webkit-animation: fadeIn .25s;
-moz-animation: fadeIn .25s;
-o-animation: fadeIn .25s;
animation: fadeIn .25s;
opacity: 0;
height: 0;
/*~[MG 03/04/2015] End change*/
display: none;
width: 250px;
border-radius: 4px;
position: absolute;
top: 48px;
border: 2px outset #dbcabf;
background-color: #efeeed;
z-index: 9000;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 6px 6px 4px rgba(0, 0, 0, 0.1);
padding: 8px;
}
/*~[MG 03/04/2015] NOTE: can't transition display:none/block */
.Vpopup {
opacity: 1;
height: auto;
filter: drop-shadow(8px 8px 8px gray); /*~[MG 08/12/2021]*/
}
/*#region ~[20180058] */
#f_DetailLine .salmPopup {
margin-top: -70px !important;
margin-left: 148px !important;
}
#f_DetailLine .salmPopup .pud {
width: 310px !important;
}
.salmFeedback {
margin-bottom: 10px;
margin-top: 18px;
color: red;
}
/*#endregion */
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
20% {
opacity: 0.1;
}
40% {
opacity: 0.3;
}
60% {
opacity: 0.5;
}
80% {
opacity: 0.9;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
20% {
opacity: 0.1;
}
40% {
opacity: 0.3;
}
60% {
opacity: 0.5;
}
80% {
opacity: 0.9;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
20% {
opacity: 0.1;
}
40% {
opacity: 0.3;
}
60% {
opacity: 0.5;
}
80% {
opacity: 0.9;
}
100% {
opacity: 1;
}
}
/*~[MG 03/04/2015] End change*/
.fApproveAll .fpopup,
#f_ApproveAll .fpopup {
top: 47px;
}
/*~[20160016]*/
#f_ImportLog .popup {
padding: 10px;
top: 260px;
}
#f_ImportLog .popup table {
top: 0;
}
#f_ImportLog .popup tbody {
max-height: 430px;
overflow: auto;
display: block;
}
#f_ImportLog .popup thead > tr {
display: block;
}
#f_ImportLog .popup td {
padding: 4px !important;
background-color: white;
}
#f_ImportLog .instructions {
height: auto;
}
#f_ImportLog .ServerId {
font-size: 8px;
color: lightgray;
padding-left: 4px;
}
.approve-all .a {
color: forestgreen;
}
.approve-all .e {
color: #dd0033;
}
.approve-all .w {
color: #c04000; /*~[20170034] a darker darkorange to indicate declarations with warnings*/
}
#printable .prt {
margin: 10px;
}
/* *~[20180089] Remove icons #f_ImportLog #ctl00_cc_btnApproveAll {
background-repeat:no-repeat;
background-position:4px 2px;
margin-left:12px;
padding-left:24px;
border: outset 1px;
}*/
/*~[20160016] End change*/
.fpopup label {
display: inline-block;
width: 226px;
}
.fpopup .button {
margin: 10px 0 0 4px;
}
.fpopup hr {
margin: 4px;
border-color: rgba(0, 0, 0, 0.1);
border-style: groove;
}
.fY {
background-color: #D0EBD0;
}
/* vague darker green */
.fN {
background-color: #EBB5B5;
}
/* vague darker red */
.fW {
background-color: #fcd47f;
}
/* ~[20180033] see [20160020] vague darker orange */
/*#cNF {
display:none;
}*/
#ctl00_cc_pnlSurveyFilter {
left: 160px;
}
#ctl00_cc_pnlStatusFilter {
left: 400px;
}
/*~[20130127] End change*/
/*#region ~[20150039]*/
#ctl00_cc_pnlPsiFilter {
left: 600px;
width: 270px;
}
#fs {
margin-left: 16px;
font-size: smaller;
max-width: 220px;
z-index: 10;
}
#ctl00_cc_pnlPsiFilter label {
width: 240px;
}
#ctl00_cc_pnlPsiFilter label span {
display: inline-block;
}
#ctl00_cc_pnlPsiFilter label span:nth-child(1) {
width: 180px; /*~[20150039] there's more space available now we don't display M and Q */
}
#ctl00_cc_pnlPsiFilter label span:nth-child(2) {
font-size: smaller;
}
/*#endregion ~[20150039] End change */
/*~[20150053] start*/
#ctl00_cc_btnImportAssistant {
padding: 10px;
height: 37px;
margin: 4px 0 4px 60px;
}
.assistTable {
overflow-x: scroll;
border: 1px solid #079dc4;
border-radius: 4px;
border-collapse: collapse;
}
.assistTable tr {
border: 1px solid #079dc4;
}
.assistTable td {
padding: 1px 4px 1px 4px !important;
border: 1px dotted #079dc4;
border-collapse: collapse;
overflow: hidden;
white-space: nowrap;
/*max-width: 140px;*/
max-width: 180px;
}
.assistTable tr:nth-child(1) td {
background-color: #C0C0C0;
padding: 2px 2px 2px 2px !important;
}
/* wrap the selected text */
.assistTable tr:nth-child(1) td select {
margin-bottom: 1px;
height: 36px !important; /*2*lineheight+ietsje*/
white-space: normal;
-ms-word-wrap: break-word;
word-wrap: break-word;
/* replacing flupper only works in Chrome so we don't do that
background-image: url('../Images/dd1.png');
background-repeat:no-repeat;
-webkit-appearance:none;
background-position-x: 99px;
background-position-y: 0;*/
}
.frs {
background-image: url('../Images/arrow.png');
background-repeat: no-repeat;
background-position: 7px 6px;
display: inline-block;
width: 800px;
font-weight: bold;
height: 17px;
padding: 2px 35px 2px 35px;
}
#ctl00_cc_pnUpload {
width: 800px;
float: left;
padding: 16px;
}
#ctl00_cc_pnUpload #ctl00_cc_pnSheetSelect {
padding-top: 24px;
float: left; /*~[MG 10/02/2020] Load file for import wizard not correctly positioned and hardly working */
}
#ctl00_cc_pnUpload .notificationbox {
margin-top: 26px; /*~ was margin-bottom 16px? [MG 10/02/2020] Load file for import wizard not correctly positioned and hardly working */
}
#f_ImportDefinition #ctl00_cc_xxxUploadFile { /*~[MG 10/02/2020] Load file for import wizard not correctly positioned and hardly working */
position: absolute;
top: 0;
left: 0;
}
#ctl00_cc_btnStartAssistant {
width: 256px;
}
.total { /*~[20150084]*/
font-weight: bold;
color: darkblue;
border-top: 2px double darkblue !important;
}
/*~[20150053] end */
/*[20150097] start*/
#f_ImportLog a:visited {
color: #0080a5;
}
.trv {
padding: 10px;
}
.trv div {
line-height: 1.5em;
background-repeat: no-repeat;
}
.trv th {
padding: 3px 4px 3px 10px !important;
}
.trv a:hover {
background-color: #dcdad8;
}
.trv a:visited {
color: #0080a5;
}
.trvE {
background-image: url('../Images/sError.png');
padding-left: 18px;
background-position: -2px 1px;
}
.trvW {
background-image: url('../Images/sWarning.png');
padding-left: 18px;
background-position: -2px 0;
}
th.ilw {
background-image: url('../Images/sWarning.png');
background-repeat: no-repeat;
background-position: 0 center;
padding-left: 18px !important;
}
td.ilhl {
background-color: yellow !important;
}
.trvO {
background-image: url('../Images/sOK.png');
background-position: 1px 18px;
padding-left: 36px;
}
.lvl0 {
margin-left: 6px;
}
.lvl1 {
margin: 4px 0;
}
.lvl2 {
margin: 4px 0 4px 14px;
}
.lvl3 {
margin-left: 18px;
}
.lvl4 {
margin-left: 20px;
}
.lvl5 {
margin-left: 30px;
}
.pls {
background-image: url('../Images/plus.gif');
background-position: 1px 5px;
padding-left: 18px;
cursor: pointer;
}
.min {
background-image: url('../Images/minus.gif');
background-position: 0 5px;
padding-left: 18px;
padding-bottom: 1px;
cursor: pointer;
border-left: solid 1px #efeeed;
border-bottom-left-radius: 12px;
}
/*TODO: Different styling per level (perhaps different font-size of weight) */
/* formatted as captionvalue where is only there when relevant */
.trv i {
margin-left: 5px;
font-style: normal;
}
.trv b {
margin: 0 4px;
opacity: 0.8;
color: maroon;
}
/* value closer to its caption - maar niet zo super dicht opelkaar geplakt en niet zo vet */
.trv a {
padding: 2px 4px;
}
/* see ImportLog.aspx.vb alternative approach
.lvl2 b:nth-of-type(1):before { content:"Line:";font-weight :normal;padding-left:5px; }
.lvl2 b:nth-of-type(2):before { content:"Value:";font-weight :normal;padding-left:5px; }
*/
/*.lvl3 a { padding-left:0;}*/
/*.trv td { padding: 1px 4px!important; }*/
.trv td {
padding-top: 1px !important;
padding-bottom: 1px !important;
}
.trv td:first-child {
text-align: right;
background-color: antiquewhite;
}
.trv .hideNode {
display: none;
}
/*~[PV26012017]*/
/*.trv table { margin:6px 0; }*/
/* Overrule styling; fieldname left aligned, number of errors/warning, linenumber right aligned */
.ErrSum td:nth-child(1) {
text-align: left;
}
.ErrSum td:nth-child(2), table.lvl3 td:nth-child(2) {
text-align: right;
}
div.ErrSum {
margin-bottom: 5px;
}
table.ErrSum {
margin-bottom: 10px;
}
/* summary only table header (make it look like a table caption*/
.soth div .lvl0 {
background-repeat: repeat-x !important;
font-weight: bold !important;
padding: 6px 4px 0 0 !important;
width: 736px;
margin-bottom: 0;
}
.soth div .lvl1 {
padding-top: 0 !important;
margin-left: 6px;
width: 740px;
}
/*[20170018] messages in summary with CN8 codes are followed by a list with unique codes in error*/
/*[20220032] layout improvements */
.cn8Left {
width: 270px;
float: left;
margin-right: 12px;
padding: 6px 0;
}
.cn8Right {
max-width: 420px;
float: left;
padding: 6px 0;
}
/*[20170018] end */
/*#region ~[20220032] */
.cn8RightToggle {
float: left;
width: 16px;
height: 32px;
background-image: url('../Images/plus.gif');
background-repeat: no-repeat;
background-position-y: 4px;
margin-top: 8px;
cursor: pointer;
}
#toggleOCR, #toggleOCRS, #toggleRC {
display: none;
}
.OCR, .OCRS, .RC {
display: none;
}
.cn8Left[onclick], .cn8Right[onclick] {
cursor: pointer;
color: darkslategray;
/*font-size: 13px;*/
font-size: smaller;
}
/*.wCN8 {
display:none;
}
*/
/*#endregion */
/* [PV 28/06/2016] better visibility*/
.soth div .lvl0 b {
color: white;
opacity: 1;
}
/*[20150097] end*/
/*~[20160014] add Questionnaire link*/
/* NOTE: without BOTH having percentage < 50 the second DIV wraps depending on text-wrapping*/
.qstOrg {
width: 48%;
float: left;
}
.qstMes {
width: 48%;
float: left;
border: 1px solid gray;
border-radius: 4px;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
padding: 4px;
background-color: #efeeed;
color: maroon;
margin-left: 12px;
}
/*~[20160014] End*/
b.red { /*~[MG 12/04/2016]*/
color: #dd0033;
font-weight: normal;
}
/*~[20170046] ~[20170021] */
#f_ImportLog .boxy {
padding: 8px;
display: inline-block;
max-width: 320px;
}
#ctl00_cc_imgSuccess {
width: 50px;
height: 50px;
}
.red.imp-fail {
color: red;
}
td b.yellow {
color: black;
}
#f_ImportLog td[rowspan="3"] {
padding: 14px 4px !important;
vertical-align: top;
}
td b.green {
color: forestgreen;
font-weight: normal;
}
/*~[20170046] End */
/*~[20160015] Transposition page*/
.trans table {
width: 180px;
}
.trans table tr {
border-bottom: 1px solid gray;
}
.trans table th {
text-align: center;
font-weight: normal;
}
.trans .lvl0 {
margin-left: 0;
}
.trans .lvl0 div {
text-align: center;
font-weight: bold;
/*border: 1px solid lightgray;*/
width: 172px;
padding-left: 6px;
/*background-color: #F0F7F9;*/
}
.trans .min {
border-left: none;
}
.trDet {
position: absolute;
left: 225px;
top: 10px;
width: 690px;
}
.trDet td:first-child {
width: 75px;
}
/*~[20160015] End*/
.align-right { /*~[20160017]*/
display: inline-block;
width: 114px;
text-align: right;
font-weight: normal;
padding: 0;
white-space: nowrap;
}
#f_Approve .align-right { /*~[MG 28/01/2020] Weird strip below the amounts in the approve screen */
display: block;
float: left;
}
/*#region ~[20160023] Improved error messages */
.hint {
margin-left: 1em;
font-size: smaller;
color: black;
}
/*#endregion */
/*#region ~[20160026] psi details / tpd details - Less markup, better layout */
#f_PsiDetails .rvl-details-area,
#f_AdditionalProviders .rvl-details-area {
box-sizing: border-box;
width: 100%;
}
#f_PsiDetails #top,
#f_AdditionalProviders #top {
float: left;
padding-top: 8px;
}
#f_PsiDetails #top .uc {
margin-left: 10px;
float: left;
}
#f_PsiDetails #top #uContactPerson {
clear: left;
}
#f_PsiDetails .narrow-table th { /*~[20210005] VP.WEB #3:*/
text-align: left;
}
#top #left, #top #right {
padding-left: 6px;
padding-bottom: 6px;
float: left;
width: 360px;
}
#f_AdditionalProviders #top .button {
width: 165px;
margin-left: 4px;
}
#f_AdditionalProviders #right .button {
width: 140px;
margin-top: 16px;
margin-left: 4px;
}
#tcol1 {
float: left;
width: 204px;
margin-left: 0;
}
#tcol1 #uAddProviderCvr {
margin-left: 56px;
}
#tcol2 {
float: left;
width: 180px;
margin-left: 0;
}
#uStreetAddress {
clear: left; /*start on new row*/
}
.ss { /*~[20130055]*/
font-weight: bold;
display: inline-block;
padding: 4px 8px 0 8px;
float: left;
}
.ssn {
display: block;
padding: 0 8px 4px 8px;
clear: both;
}
#ctl00_cc_pnlTPDInfo {
float: left;
padding: 20px;
}
#f_PsiDetails .feedback,
#f_AdditionalProviders .feedback {
width: 160px; /*~[20130055] 50px stolen; TODO: fb-smaller should also get !important ?*/
}
#f_ReturnHeader .uc {
padding-left: 6px; /* ~[20170057] user controls in stepsel too close to edge*/
}
#ctl00_cc_pnlSurveys {
float: left;
clear: both;
margin-right: 16px;
}
#ctl00_cc_pnlSurveys table {
width: 100%;
}
/*#endregion */
/*#region ~[20160045] */
.instructions .warning {
padding-left: 18px;
margin-left: 120px;
background: url('../Images/sWarning.png') no-repeat;
color: maroon;
}
/*#endregion */
/*#region ~[20160071] ~[20180019] for span added ~[20190049] and label */
div[data-help], span[data-help], label[data-help] {
background: url('../Images/helpS.png') 2px 0 no-repeat;
cursor: pointer;
}
div[data-help]:hover, span[data-help]:hover, label[data-help]:hover {
background-image: url('../Images/helpSh.png');
}
span[data-help] {
padding-left: 24px;
}
label[data-help] {
background-position-x: right;
padding-right: 24px;
}
.ce[data-help] input, .re[data-help] input {
margin-left: 24px;
}
div[data-help] .cp {
margin-left: 24px;
}
#fhp {
background-color: #fff7da;
border: 1px solid maroon;
border-radius: 4px;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
filter: drop-shadow(8px 8px 8px gray); /*~[MG 08/12/2021]*/
z-index: 9999;
position: absolute;
top: 0;
left: 14px;
width: 222px;
visibility: hidden;
}
#fhp > div {
float: left;
padding: 4px;
width: 214px;
}
#fhp_top {
cursor: pointer;
background-color: #efeeed;
border-bottom: 1px dotted gray;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
#fhp_top > div {
float: left;
}
#fhp_top > div + div {
color: red;
font-weight: bold;
float: right;
font-size: 18px;
}
#fhp_cnt {
min-height: 100px;
max-height: 200px;
overflow-y: auto;
}
/*#region ~[20190047] Bevinding 38: Omvang info blokje diensten */
.pickHelp #fhp_cnt {
max-height: 600px;
}
.pickHelp#fhp {
width: 270px;
}
.pickHelp#fhp > div {
width: 260px;
}
/*#endregion */
.fhp-focus {
background-color: yellow;
color: red;
}
/*#endregion */
/* ~[20170058] IsTp & CC Checkbox in psidetails, has some alignment problems. Flupper not nicely aligned with text */
#top .ce {
margin-top: 6px;
margin-left: 4px;
}
#top .ce input[type=checkbox] {
display: block;
float: left;
width: 20px;
padding: 0;
}
/*~[20170058] End change*/
/*#region ~[20170034] ~[20170035] */
.warning {
padding: 4px 4px 4px 20px;
background-image: url('../Images/warnList.png');
background-repeat: no-repeat;
}
/*[dst-feature-25097][MG 07/08/2024] survey added for better UX: 3rd child => 4th */
#dwi td:nth-child(4) {
padding: 4px 4px 4px 20px !important;
background: url('../Images/warnList.png') no-repeat 0 2px;
}
#f_ApproveAll .w {
background-position-x: 4px;
}
/*#endregion */
/*#region ~[20170090] */
.read-only {
font-weight: bold;
color: red;
padding-left: 12px;
vertical-align: top;
}
.ftit .read-only {
display: block;
float: right;
margin-left: 40px;
margin-top: 0;
}
.ftit:first-child {
font-weight: bold;
}
/*#endregion */
/*#region [MG 18/06/2018] Better display of some messages */
.redBold {
font-weight: bold;
color: red;
}
.boxy, .info-boxy {
background-color: #fff7da;
border: 1px solid maroon;
border-radius: 4px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
padding: 10px;
}
.info-boxy {
background-color: transparent;
}
.roundedBorder { /*~[20180058]*/
border-radius: 4px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
/*#endregion */
/*#region ~[20170021] */
/*Removed inline style from Approve*/
.approve-panel {
position: relative;
float: left;
}
.approve-panel div {
margin-top: 8px;
margin-bottom: 8px;
padding: 8px;
}
#left .sepa {
width: 460px;
text-align: center;
font-weight: bold;
}
#f_Approve #left {
width: 260px;
font-weight: bold;
margin-left: 12px;
z-index: 100;
}
#f_Approve #right {
width: 260px;
z-index: 50;
}
#f_Approve .rvl-details-area {
padding-right: 16px;
}
.approve-panel .d2 {
background-color: #cfccca;
}
.nrnd {
display: inline-block;
width: 450px;
text-align: center;
font-weight: normal;
}
#f_GoodsCodeDetails .dc {
width: 100%;
padding: 8px;
}
#f_GoodsCodeDetails #cn8Box {
clear: left;
}
#f_GoodsCodeDetails #ctl00_cc_btnClear {
display: block;
clear: both;
}
#f_GoodsCodeDetails .suqual {
padding-left: 8px;
}
.gc-tip {
position: absolute;
left: 380px; /*~[MG 07/01/2019] EMAIL: IdepWeb Test DD: Mon 30/12/2019 16:36 */
top: 34px;
max-width: 200px;
max-height: 82px;
overflow-y: auto;
}
#f_GoodsCodeDetails #ctl00_cc_btnClear {
margin: 6px;
}
#f_GoodsCodeDetails .uc {
margin-bottom: 12px;
}
.add-psigc {
float: left;
margin-left: 20px;
margin-top: 30px; /*~[PV 02/01/2023] Add-PSIGC info and link somewhat lower (30px iso 14px); so it doesn't overlap the CN8 caption*/
padding-left: 18px;
}
.lb {
display: inline-block;
padding: 2px 8px;
}
.lb:hover {
background-color: #dcdad8; /*color:#333;*/
}
b.normal {
font-weight: normal !important;
color: black;
}
.gc-info {
margin: 4px;
}
.bordery {
border: 1px solid maroon;
border-radius: 4px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
/*#endregion */
/*#region ~[20180053] + ~[20180033] overhaul of header of lines list ~[20180039] and navigation */
#f_ReturnLines .fsum {
margin-left: 40px;
}
#f_ReturnLines .fsum .r {
margin-left: 12px;
}
#f_ReturnLines .fsum .jn {
margin-right: 12px;
}
/*~[20190007] journal number */
#f_ReturnLines .fsum {
height: 26px;
padding-top: 16px;
}
/*~[MG 06/03/2019]*/
#f_ReturnLines label {
vertical-align: top;
}
#f_ReturnLines .fsum .incorrect {
color: maroon;
font-weight: normal;
}
/*~[20180062] ~[20180103] */
#ctl00_cs_pnlExport {
float: right;
margin-top: -7px;
padding-left: 16px;
}
#ctl00_cs_pnlExport input {
margin-left: 12px;
/*line-height: 17px; PEOP*/
}
#ctl00_cs_btnExportLines {
padding-left: 26px;
background-image: url('../Images/excel.png');
background-repeat: no-repeat;
background-position: 4px 50%;
}
#ctl00_cs_btnExportLines:hover {
background-position-x: 2px;
}
#f_ReturnLines .sum {
margin: 5px 12px;
}
span.fsi {
font-weight: normal;
padding: 4px;
margin-left: 30px;
border: 1px solid maroon;
border-radius: 4px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
/*~[MG 12/11/2018] filter status indicator too long for Earnings. Shave off the left margin */
#f_EarningsDetails .fsi {
margin-left: 0;
}
#f_AbsenceDetails .fsi {
margin-left: 0;
}
#f_DetailLine .fsi {
display: inline-block;
float: right;
}
/*~[20180039]*/
#f_DetailLine .rvl-navigation {
width: 598px;
}
#ctl00_bb_pnlNavigation {
padding: 0;
margin: 12px 0;
}
#ctl00_bb_pnlNavigation a {
vertical-align: bottom;
margin-right: 8px;
}
/*#endregion */
/*#region ~[20180054] Relooking of the import log */
#f_ImportLog .import-header caption {
border: none !important;
}
#f_ImportLog .import-header {
border: none;
background-color: #cfccca !important;
}
#f_ImportLog .import-header caption,
#f_ImportLog .import-header tr {
background-color: #cfccca !important;
border: none;
}
#f_ImportLog .import-header caption {
color: black;
background-color: #cfccca !important;
background-image: none !important;
}
#f_ImportLog #ctl00_bb_upb {
float: left;
width: 100%;
box-sizing: border-box;
}
.import-buttons .button,
#f_ImportLog #ctl00_bb_upb .button {
margin: 0 12px;
}
#ctl00_cc_pnlToggle,
#f_ImportLog #ctl00_bb_upb {
margin: 0;
padding: 12px;
background-color: #efeeed;
border: solid 1px #dcdad8;
border-radius: 2px;
}
#f_ImportLog #ctl00_bb_upb, #f_ImportLog #ctl00_cc_pnlImportButtons, #f_ImportLog #ctl00_cc_pnlToggle {
border-radius: 4px;
}
#f_ImportLog #ba2 {
width: 100%;
}
#f_ImportLog caption a {
padding: 2px 8px 2px 20px;
background-repeat: no-repeat;
background-position-y: 2px;
}
#ctl00_cc_pnlToggle {
padding-left: 24px;
}
#ctl00_cc_pnlToggle a {
padding-left: 28px;
background-repeat: no-repeat;
background-position: 6px 4px;
margin-right: 12px;
}
#ctl00_cc_lnkCollapseAll {
background-image: url('../Images/minus.gif');
}
#ctl00_cc_lnkExpandAll {
background-image: url('../Images/plus.gif');
}
#ctl00_cc_lnkToggle {
margin-left: 12px;
}
#f_ImportLog #ctl00_bb_btnCancel {
display: inline-block;
float: right;
}
/*https://www.iconfinder.com/icons/118647/list_icon*/
.as-Table {
background-image: url('../Images/asTable.png');
}
.as-Tree {
background-image: url('../Images/asTree.png');
}
/*in table view mode we don't want tree view traces displayed */
.soth > div.min {
padding: 0;
margin-left: -16px;
border: none;
background-image: none;
}
/*#endregion */
/*#region ~[20180042] */
/*media screen*/
#f_Import .error-message {
clear: both;
margin-top: 32px;
margin-left: 154px;
max-width: 330px;
margin-bottom: 8px;
}
#f_Import #uImportName, #f_Import #ctl00_cc_pnlUpload, #f_Import #uPathName {
clear: both;
}
/*#endregion */
/*#region ~[MG 12/09/2018] */
#f_CN8 caption span {
font-size: 12px;
}
#f_CN8 caption {
text-align: center !important;
}
/*#endregion */
/*#region ~[20170057] the width of the CN8 tables*/
.vwSelfExplanatory th:nth-child(1), .vwOfficial th:nth-child(2), .vwOfficialHier th:nth-child(2) {
width: 130px; /* Cn8 Code */
}
.vwSelfExplanatory th:nth-child(3), .vwOfficial th:nth-child(4), .vwOfficialHier th:nth-child(4) {
width: 130px; /* Unit Qualifier */
}
.vwOfficial th:nth-child(1) {
width: 100px; /* Hierarchy */
}
.vwOfficial th:nth-child(5), .vwOfficialHier th:nth-child(5) {
width: 30px; /* New or Changed */
}
.vwOfficialHier th:nth-child(1) {
width: 130px; /* Level */
}
/*#endregion */
/*#region ~[20180045] */
/*https://www.bignerdranch.com/blog/web-accessibility-skip-navigation-links/*/
.skip {
position: absolute;
top: -1000px;
left: -1000px;
height: 1px;
width: 1px;
text-align: left;
overflow: hidden;
}
a.skip:active,
a.skip:focus,
a.skip:hover {
left: 0;
top: 0;
width: auto;
height: auto;
overflow: visible;
background-color: yellow;
}
/*doe-maar-niet #contents-area:focus { background-color: yellow; }*/
a:focus {
background-color: #dcdad8;
}
/*#endregion */
/*#region ~[20180068] */
#loginL div {
float: left;
clear: both;
z-index: 1000;
}
/*#endregion */
/*#region ~[20170043] see SessionViewer.ashx.vb */
#innerFrameCover {
/*~[MG/PV 22/12/2021]*/
/*display: none;*/ /*~[20200033]*/
margin-right: 24px; /*<-- this here to make a clickable slit on the RHS*/
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10000;
background-color: transparent;
/*background-color: dimgray;
opacity: 0.2;*/
}
/*#endregion */
/* ~[MG 26/06/2019] for now, above this line no changes other than formatting with ^K^D */
/*#region ~[20180092] */
#gui-trace {
clear: both;
width: 80vw;
padding-top: 16px;
margin: auto;
height: 400px;
overflow-y: scroll;
}
#gui-trace h2 {
padding-top: 8px;
}
/*#endregion */
/*#region ~[20180092] */
.alt-grid tr:first-child th:first-child, .alt-grid tr:first-child td:first-child {
border-top-left-radius: 8px;
}
.alt-grid tr:first-child th:last-child, .alt-grid tr:first-child td:last-child {
border-top-right-radius: 8px;
}
/*last row */
.alt-grid tr:last-child td:first-child {
border-bottom-left-radius: 8px;
}
.alt-grid tr:last-child td:last-child {
border-bottom-right-radius: 8px;
}
.alt-grid tr.pager:first-child td {
border-radius: 0;
}
.alt-grid th {
background-color: #5d7b9d;
font-weight: normal;
color: white;
}
.alt-grid tr:nth-child(2n+1) {
background-color: #F7F6F3;
}
.alt-grid tr:nth-child(2n) {
background-color: white;
}
/*#endregion */
#f_ImportDefinition .id-area {
width: 800px;
}
#f_ImportDefinition #uLineModel {
clear: left;
}
#f_Totalise .divSummary {
float: left;
margin-bottom: 8px;
}
#f_Totalise .no-print {
float: left;
padding-bottom: 16px;
}
/*#region ~[20180095] */
#f_Approve .aPrev {
width: 480px;
margin-left: 14px;
margin-bottom: 8px;
color: red;
background-image: url('../Images/warnList.png');
background-repeat: no-repeat;
background-position-x: 4px;
background-position-y: center;
padding-left: 24px;
}
/*#f_Approve span.w ~[MG 06/12/2022] {
color: red;
text-decoration: wavy;
}
*/
#f_Approve span.c1, #f_Approve span.c2 {
color: black;
display: inline-block;
float: left;
width: 260px;
}
#f_Approve span.c2 {
width: 170px;
/*text-align: right*/
}
#f_Approve #ctl00_cc_pe a { /*~[20220049]*/
display: inline-block;
padding: 4px;
background-color: white;
}
/*#endregion */
/*#region ~[20170057] various improvements */
#f_Approve .d2 a {
margin-left: 16px;
}
#f_GoodsCodeDetails .fsum, #f_PsiPartners .fsum, #f_ImportDefinition .fsum, #f_Approve .fsum, #f_ReturnHeader .fsum, #f_PsiDetails .fsum {
display: none;
}
#btnToggleStyle {
position: absolute;
top: 0;
left: -50px
}
#f_PrintDeclaration .company-name {
display: inline-block;
max-width: 320px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#f_PrintDeclaration th {
border-right-style: dotted;
border-right-color: #dcdad8;
font-weight: normal;
}
.ui-datepicker-trigger {
width: 22px;
height: 21px;
margin-left: -23px;
}
.ui-datepicker-trigger img {
width: 22px;
height: 21px;
}
.ui-datepicker {
z-index: 1000 !important;
width: 19em; /* date picker larger font*/
}
/*#endregion */
/*#region ~[20190013] */
.spacy #dpb {
padding: 16px;
}
/*#endregion */
.pdf, .manual {
padding-left: 18px;
background: url('../Images/pdf.png') 0 center no-repeat;
}
.excel, .xlsx, .xls, .xlsm {
padding-left: 18px;
background: url('../Images/excel.png') 0 0 no-repeat;
}
/*~[20220017] https://www.iconfinder.com/icons/6296673/microsoft_office_office365_word_icon */
.doc, .docx {
padding-left: 18px;
background: url('../Images/docx.png') 0 0 no-repeat;
}
.flag {
background-repeat: no-repeat;
padding-left: 24px;
background-position: 4px center;
}
/*~[20190013] Bevinding 32: voorgedefinieerde sjablonen*/
#f_ImportDefinitions .ftit, .fsum {
padding: 16px 8px 12px 16px;
}
/*#region ~[MG 07/01/2019] EMAIL: IdepWeb Test DD: Mon 30/12/2019 16:36 */
#f_PsiPartners #uPartnerName, #f_GoodsCodeDetails #uPsiGoodsCode {
width: auto !important;
}
#f_PsiPartners #ctl00_cc_fldPartnerName_fd {
width: 480px !important;
}
#f_GoodsCodeDetails #ctl00_cc_fldPsiGoodsCode_fd {
width: 340px !important;
}
#f_ExchangeRates #Xpar {
display: none;
}
#f_ExchangeRates .rvl-list {
width: auto;
}
#f_ExchangeRates td:first-child, #f_ExchangeRates td:nth-child(2) {
text-align: center;
}
/*#endregion */
/*#region ~[20190040] */
#f_ReturnHeader #dpb {
width: 850px;
}
#f_ReturnHeader #steps {
width: 750px;
float: left
}
#f_ReturnHeader #ctl00_cc_pnlDetails {
width: 660px;
float: left
}
/*~[MG 08/12/2021] breaking change due to IH? */
/* ~[MG 06/01/2022] was #f_ReturnHeader #ctl00_cc_pnlDetails but must be general - fixed in AnyEntry */
/*.uc div {
float: left;
}*/
#ctl00_cc_pnlThree .stepInfo {
width: 500px;
}
#f_ReturnHeader .feedback {
width: 320px;
padding-top: 120px; /*~[MG 12/02/2020] shift message box in add return to bottom */
}
#f_ReturnHeader .feedback.prodcom {
padding-top: 220px; /*~[MG 12/02/2020] shift message box in add return to bottom */
}
/* SCROLLY hoeft-niet #ctl00_cc_PanelScroll {
position: fixed;
left: 900px;
top: 60%;
padding: 6px;
}
#ctl00_cc_PanelScroll {
display:none;
}
#ctl00_cc_PanelScroll a {
display: inline-block;
width:50px;
text-align: center;
}*/
/*#endregion */
/*#region ~[MG 11/03/2020] widen reference return picker by 100 */
#f_ReturnHeader #uReferenceReturn {
width: 340px !important;
}
#f_ReturnHeader #uReferenceReturn .dd div {
width: 250px !important;
}
/*increase size of stepSel and make sure stepInfo fits to the right of it */
#f_ReturnHeader .stepSel {
width: 346px; /*290*/
margin-right: 0;
}
#f_ReturnHeader .stepInfo {
margin-left: 0;
margin-top: 10px;
}
#ctl00_cc_pnlThree #uDetailsInfo, #ctl00_cc_pnlThree .stepInfo {
width: auto;
}
/*#endregion */
/*#region ~[20180090] */
.tTotal, .tTotal_1, #ctl00_cc_pnlStructure .tTotal_1, #ctl00_cc_pnlInfo1 .tTotal_1 {
margin-left: 0;
margin-top: 4px;
float: left;
clear: both;
padding-left: 4px;
border: solid 2px #8d8b8b;
border-radius: 4px;
}
/*#region ~[20200069] */
#f_DetailLine .tTotal_1 {
border: none;
font-size: smaller;
}
#ctl00_cc_pnlStructure .tTotal_1, #ctl00_cc_pnlInfo1 .tTotal_1 {
padding: 8px;
font-weight: normal;
}
#f_ReturnHeader .align-right {
float: left;
width: auto;
padding-top: 2px;
}
a.ts21 {
text-decoration: none;
padding-left: 24px !important;
background-image: url('../Images/statec/subTitle_icon.gif');
background-position: 4px 6px;
background-repeat: no-repeat;
display: inline-block !important;
margin-top: -2px;
}
a.ts21 b {
color: maroon;
}
.aw1.ts21 {
float: left;
background: url('../Images/tip.png') no-repeat /*#fff7da*/;
background-position: 8px center;
/*border: 1px solid #dbcabf;
border-radius: 4px;*/
padding: 4px 4px 4px 32px;
margin-top: -10px;
}
.aw1.ts21 b {
color: maroon;
font-weight: normal;
}
/*#endregion */
.tLabel, .tAmount {
font-weight: bold;
padding-right: 4px;
}
.tAmount {
display: inline-block;
text-align: right;
width: 110px;
background-color: #D8D8D8;
}
tr.spacer {
height: 6px;
border-left: dotted 1px #efeeed;
display: table-cell; /*this approach leaves tiny gap on the right; tant-pis*/
}
#summary-total:hover {
background-color: transparent !important;
}
#summary-total td {
font-weight: bold;
text-align: right;
padding-top: 4px !important;
border-color: #8d8b8b;
border-style: solid;
border-width: 0;
}
/*7b7a7a*/
#summary-total .label {
text-align: right;
border-left-width: 2px;
}
#summary-total .t {
color: blue;
background-color: #D8D8D8;
}
#summary-total td:not(:empty) {
border-top-width: 2px;
border-bottom-width: 2px;
}
#summary-total.bp td:not(:empty) {
border-bottom-width: 4px; /*border collapse causes pager to eat up our bottom border. Making it fatter makes it visible again. We only do that if we're displayed 'before pager' */
}
#summary-total td.ec {
background-color: white;
border-right-width: 2px;
}
/*#endregion */
/*#region ~[20180109] */
#f_Error .nogo .retry {
display: none;
}
#f_Error .nogo .ri {
color: maroon;
font-weight: bold;
}
/*#endregion */
/*#region ~[20150103] experimental */
/*#approvedPeriods {
float: left;
clear: left;
}
#approvedPeriods .na {
background-color:pink;
}*/
/*#endregion */
/*#region ~[20200035] */
#f_Approve #ctl00_cc_pnlConfirm, #f_Approve #ctl00_cc_pnlSuccess {
clear: both;
margin-bottom: 6px;
margin-left: 12px;
}
/*#endregion */
/*#region ~[20200045] */
b.impn {
color: maroon;
font-weight: normal;
}
td.app {
color: green;
}
td.pnd, td.app, td.dis {
padding-left: 12px;
}
#f_ImportLog .dis {
padding: 0 8px;
color: maroon;
background-color: yellow;
}
/*#endregion */
/*#region ~[20200060] IHD #3: Contact details Approve screen; */
.ra {
text-align: right;
}
#f_ApproveNew .fsum {
display: none;
}
#f_ApproveNew .rvl-details-area {
padding: 0;
margin: 0;
}
#f_ApproveNew .blok {
box-sizing: border-box;
background-color: lightgray;
float: left;
width: 100%;
padding: 16px;
margin-bottom: 4px;
}
#f_ApproveNew .blok p {
margin-top: 4px;
margin-bottom: 6px;
}
/*#f_ApproveNew .info-table {
margin: 6px auto;
}*/
.info-table caption {
text-align: center;
font-weight: bold;
}
.info-table table {
background-color: transparent;
border-color: transparent;
margin: auto;
}
.info-table td:first-child {
font-weight: bold;
}
.info-table td[colspan="2"] {
font-weight: normal;
}
#f_ApproveNew #left, #f_ApproveNew #right {
width: 50%;
float: left;
box-sizing: border-box;
}
#f_ApproveNew #left {
width: 65%;
}
#f_ApproveNew #right {
width: 35%;
}
#f_ApproveNew .blok .boxy {
display: block;
color: red;
/*font-weight: bold;*/
}
#f_ApproveNew #ctl00_cc_lblMessage.boxy {
text-align: center;
}
#f_ApproveNew .qee {
background-color: white;
}
#f_ApproveNew #ctl00_cc_fldComment_fd {
border: solid 1px #079dc4;
}
#f_ApproveNew #uComment, #f_ApproveNew #uComment textarea {
width: 100% !important;
box-sizing: border-box;
}
#f_ApproveNew #uComment textarea {
height: 60px !important;
}
#ctl00_cc_PanelEDM {
padding: 8px;
}
.edm {
/* border: 1px solid maroon;
border-radius: 4px;
padding: 12px;
*/ float: left;
}
#f_ApproveNew #left {
padding-right: 4px;
}
#f_ApproveNew #right {
}
#f_ApproveNew #bottom {
clear: both;
}
#pnlPrint .info-table.blok {
margin: 20px;
}
#pnlPrint {
overflow: scroll;
}
/*#endregion */
/*#region~[20200015] ~[MG 28/12/2020] Planned restart */
/* see https://stackoverflow.com/questions/21233033/how-can-i-create-a-marquee-effect, https://codepen.io/jamesbarnett/pen/kfmKa */
#marquee {
position: absolute;
width: 1000px;
left: -1000px;
top: 48px;
overflow: hidden;
padding: 8px;
z-index: 20000;
}
#marquee span {
padding: 8px;
background-color: #fff7da;
border: 1px solid maroon;
color: maroon;
border-radius: 4px;
position: relative;
animation: marquee 10s linear infinite;
}
#marquee .soon {
background-color: yellow;
}
@keyframes marquee {
0% {
left: 0;
}
100% {
left: -100%;
}
}
/*#endregion */
/*#region ~[20210013] IH #9: Opmaak; */
#f_Import span.lii {
font-weight: bold;
color: maroon;
}
#f_Import .fsum {
display: none;
}
#f_Import .its label {
margin-left: 8px;
}
/*#endregion */
/*#region ~[20210025] */
#f_Reset #login {
float: left;
clear: both;
margin: 16px;
}
/*#endregion */
/*#region ~[20210043] Display optional and mandatory fields */
#f_DetailLine #CFH {
float: right;
padding: 3px 3px 3px 24px;
margin-top: -4px;
margin-right: 300px;
border-radius: 4px;
border: 1px solid maroon;
background-position-y: 4px;
font-weight: normal;
/*writing-mode: vertical-lr;*/
}
/*#endregion */
/*#region ~[20200069] */
.optionBlock {
padding: 10px;
margin: 8px;
border-radius: 4px;
border: 1px solid #dbcabf;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
/*#endregion */
.plm .cp {
width: auto !important;
}
/*#region [20210047] Widen 1st column in line details */
#f_DetailLine .dcL {
width: 400px;
}
#f_DetailLine .dcR {
width: 270px;
padding-left: 40px;
padding-right: 10px;
}
#f_DetailLine .dcR .cp { /*ensure that optional/mandatory indicator has enough place so that the label area doesn't wrap*/
width: 240px;
}
#f_DetailLine .feedback { /*weirdness to ensure the feedback box doesn't wrap below the details area (why does it do that all of a sudden?)*/
width: auto;
position: absolute;
left: 738px;
top: 1px;
max-width: 460px;
}
/*#endregion */
/*#region ~[20220053] */
#f_ImportLog .nelc {
color: red;
background-color: #fff7da !important;
background-color: #fff7da;
border: 1px solid maroon;
border-radius: 4px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
padding: 1px 4px;
}
#f_ImportLog .nonEmpty {
display: block;
color: red;
font-weight: bold;
max-width: 250px;
margin-left: 20px;
background-image: url('../Images/warnList.png');
background-repeat: no-repeat;
background-position-x: 4px;
background-position-y: center;
/*boxy*/
background-color: #fff7da;
border: 1px solid maroon;
border-radius: 4px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
padding: 1px 4px 1px 28px;
/*padding: 10px;*/
}
/*#endregion */
/* ---------------------------------------------------------------------- */
/* [EOF_MASTER_CSS] */
/* ~[20170057] + [20180105] Height/Width STATEC restyling a.s.o. ~~ MG ~~ 11/07/2019 16:07*/
/* ~[20170057] + [20180105] Height/Width STATEC restyling a.s.o. ~~ MG ~~ 11/07/2019 17:02*/
/* ~[20170057] + [20180105] conitued ~~ MG ~~ 15/07/2019 16:58*/
/* ~[20170057] + [20180105] continued ~~ MG ~~ 16/07/2019 13:42*/
/* filter ~~ MG ~~ 16/07/2019 14:47*/
/* voet ~~ MG ~~ 17/07/2019 11:55*/
/* ~[20170057] + [20180105] continued ~~ MG ~~ 30/07/2019 09:49*/
/* scrolling body; fixed header and footer ~~ PV ~~ 30/07/2019 15:54 */
/* ~[20170057] pixel neuq ~~ PV ~~ 31/07/2019 17:30 */
/* purge ~~ MG ~~ 12/08/2019 11:34*/
/* f1 help ~~ MG ~~ 13/08/2019 10:35*/
/* ~[20180019] Adding mobile phone number to contact information ~~ MG ~~ 03/10/2019 11:28*/
/* ~[20190049] field help for call of stock / radiio / check ~~ MG ~~ 03/10/2019 15:38*/
/* get rid of horizontal scrollbar ~~ PV ~~ 08/10/2019 12:26 */
/* 100% wtf ~~ MG ~~ 08/10/2019 12:41*/
/* ~[20170057] Increase base width and HEIGHT of application - DK ~~ MG ~~ 14/10/2019 11:59*/
/* ~[20170057] Increase base width and HEIGHT of application - DK ~~ MG ~~ 14/10/2019 16:14*/
/* ~[20170057] Increase base width and HEIGHT of application - import ~~ MG ~~ 15/10/2019 09:57*/
/* no longer needed ~~ PV ~~ 15/10/2019 12:03 */
/* date picker larger font ~~ PV ~~ 15/10/2019 13:15 */
/* ~[20170057] 20190061 20190060 20190059 ~~ MG ~~ 17/10/2019 11:26*/
/* no summary in psi details ~~ MG ~~ 31/10/2019 10:27*/
/* ~[20190013] IHD (ETS) ~~ MG ~~ 12/11/2019 15:50*/
/* line wrap in PSI details ~~ MG ~~ 19/11/2019 15:39*/
/* no more br with clear ~~ MG ~~ 27/11/2019 08:50*/
/* nix ~~ MG ~~ 06/12/2019 14:09*/
/* ~[20190013] IHD (ETS) - Download manuals ~~ MG ~~ 10/12/2019 11:05*/
/* ~[MG 17/11/2019] Bevinding 33: support multiline texts ~~ MG ~~ 19/12/2019 12:32*/
/* ~[MG 19/12/2019] messed up line copy dialog in lines list ~~ MG ~~ 19/12/2019 13:39*/
/* ~[20190047] Bevinding 37: Knoppen inlees-logboek ~~ MG ~~ 19/12/2019 15:00*/
/* ~[20190013] Bevinding 32: voorgedefinieerde sjablonen ~~ MG ~~ 20/12/2019 12:34*/
/* ~[MG 07/01/2019] IdepWeb Test from Kim ~~ MG ~~ 07/01/2020 15:31*/
/* ~[20190040] extra controls for ProductionType ~~ PV ~~ 16/01/2020 16:22 */
/* ~[20190040] re-styling for typeX selector ~~ MG ~~ 20/01/2020 11:40*/
/* feedback in allReturn ~~ MG ~~ 21/01/2020 10:18*/
/* ~[MG 28/01/2020] Weird strip below the amounts in the approve screen ~~ MG ~~ 28/01/2020 13:08*/
/* prodcom specials hebben hier nix te zoekn ~~ MG ~~ 07/02/2020 10:05*/
/* ~[20190040] scrolling etc. ~~ MG ~~ 11/02/2020 14:18*/
/* ~[MG 12/02/2020] shift message box in add return to bottom ~~ MG ~~ 12/02/2020 10:09*/
/* message box in add return ~~ MG ~~ 12/02/2020 15:00*/
/* geen prodcom spul in master ~~ MG ~~ 13/02/2020 12:46*/
/* ~[MG 02//03/2020] pudding ~~ MG ~~ 02/03/2020 15:20*/
/* ~[MG 11/03/2020] widen reference return picker ~~ MG ~~ 12/03/2020 09:19*/
/* ~[MG 11/03/2020] widen reference return picker - don't interfere with vessels ~~ MG ~~ 12/03/2020 10:51*/
/* ~[20180090] Add running totals to lines list and form ~~ MG ~~ 19/03/2020 14:25*/
/* ~[MG 23/03/2020] gui trace doesn't display nice ~~ MG ~~ 23/03/2020 16:29*/
/* ~[20180109] NemLog-in3 prep ~~ MG ~~ 02/04/2020 15:36*/
/* ~[20200020] Vstyling ~~ PV ~~ 07/05/2020 12:29*/
/* ~[20200033] Monitor: make it possible to use the scrollbar in the 'end-user' area. ~~ MG ~~ 15/05/2020 10:50*/
/* ~[20150103] experimental literal to show some more info ~~ MG ~~ 27/05/2020 11:59*/
/* ~[20200035] Imrprove Approve layout ~~ MG ~~ 09/06/2020 15:01*/
/* nix ~~ MG ~~ 15/06/2020 13:07*/
/* layout issue in import format def ~~ MG ~~ 17/06/2020 15:23*/
/* ~[MG 29/06/2020] Right align totals ~~ MG ~~ 29/06/2020 13:18*/
/* tag ~~ MG ~~ 30/06/2020 11:14*/
/* ~[20200039] Justification of RangeError ~~ PV ~~ 01/07/2020 16:09*/
/* ~[MG 10/02/2020] Load file for import wizard not correctly positioned and hardly working ~~ MG ~~ 10/07/2020 15:32*/
/* ~[20200045] Add more navigation support buttons for the Prodcom flow + [20200015] General improvements in the batches list ~~ MG ~~ 30/07/2020 15:35*/
/* ~[MG 31/07/2020] [20200015] discarded import log ~~ MG ~~ 31/07/2020 11:54*/
/* ~[MG 28/10/2020] width of PSI selector in LU/SE line copy dialog ~~ MG ~~ 28/10/2020 16:01*/
/* ~[20200060] IHD #3: Contact details Approve screen; ~~ MG ~~ 15/12/2020 14:54*/
/* ~[20200060] IHD #3: Contact details Approve screen; ~~ MG ~~ 16/12/2020 09:22*/
/* ~[20200061] Inloggen en logische sleutel matching. ~~ MG ~~ 22/12/2020 09:31*/
/* positioning of announcement, issue and 2nd announcement ~~ MG ~~ 24/12/2020 13:15*/
/* ~[20200015] ~[MG 28/12/2020] Planned restart ~~ MG ~~ 28/12/2020 12:26*/
/* ~[20200022] IH #8: Opmaak; ~~ MG ~~ 11/01/2021 15:54*/
/* ~[20200022] IH #8: Opmaak; ~~ MG ~~ 13/01/2021 11:01*/
/* ~[20200022] IH #8: Opmaak; ~~ MG ~~ 13/01/2021 14:18*/
/* ~[MG 14/01/2020] Haakjes & commas; rotkop ~~ MG ~~ 14/01/2021 14:46*/
/* ~[20200022] IH #15: Approve; invuller, right align ~~ MG ~~ 14/01/2021 16:26*/
/* tag ~~ MG ~~ 15/01/2021 08:22*/
/* ~[20200060] IHD #5: Opmaak; ~~ MG ~~ 20/01/2021 11:35*/
/* ~[20200060] IHD #5: Opmaak; ~~ MG ~~ 21/01/2021 12:01*/
/* ~[20200022] IH #15: Approve; Other flow info; Green ~~ MG ~~ 25/01/2021 14:31*/
/* red ~~ MG ~~ 23/02/2021 12:34*/
/* ~[20210005] VP.WEB #3: ~~ PV ~~ 24/02/2021 13:31*/
/* ~[MG 15/03/2021] Allow resizing of print preview ~~ MG ~~ 15/03/2021 12:59*/
/* ~[MG 07/04/2021] new image for calendar ~~ MG ~~ 07/04/2021 08:45*/
/* search biox wip ~~ MG ~~ 20/04/2021 13:20*/
/* ~[20210005] VP.WEB #7: Simplify UI; clear search ~~ MG ~~ 20/04/2021 13:57*/
/* ~[20210005] VP.WEB #7: Simplify UI; some more padding ~~ PV ~~ 20/04/2021 14:39*/
/* ^K^D ~~ MG ~~ 20/04/2021 14:57*/
/* ~[20210005] VP.WEB #7: Simplify UI; layout ~~ MG ~~ 21/04/2021 08:52*/
/* ~[20210013] IH #9: Opmaak; ~~ MG ~~ 29/04/2021 13:53*/
/* ~[20210013] IH #9: Opmaak; ~~ MG ~~ 30/04/2021 10:36*/
/* ~[20210020] Enable 2FA for logging in ~~ MG ~~ 17/06/2021 11:23*/
/* ~[20210025] Different Change Password functionality ~~ MG ~~ 22/06/2021 16:15*/
/* ~[20210016] General improvements - timeout thinggy removed ~~ MG ~~ 30/06/2021 10:51*/
/* ~[20210031] Allow the user to archive individual declarations. ~~ MG ~~ 15/09/2021 15:07*/
/* ~[20210016] General improvements; survey specific announcements ~~ MG ~~ 26/10/2021 14:03*/
/* ~[20210043] Display optional and mandatory fields ~~ MG ~~ 28/10/2021 12:25*/
/* nix ~~ MG ~~ 11/11/2021 09:27*/
/* ~[20210043] Display optional and mandatory fields; revisited ~~ MG ~~ 11/11/2021 13:50*/
/* ~[20200069] Make Subtract Nature of Transaction 21 a user setting ~~ MG ~~ 03/12/2021 13:29*/
/* ~[20200069] Make Subtract Nature of Transaction 21 a user setting ~~ MG ~~ 06/12/2021 14:02*/
/* ~[20200069] Make Subtract Nature of Transaction 21 a user setting ~~ MG ~~ 09/12/2021 15:19*/
/* ~[20210047] Widen 1st column in line details; for all ~~ MG ~~ 10/12/2021 11:24*/
/* statec vliegepoepje ~~ MG ~~ 15/12/2021 15:22*/
/* ~[MG/PV 22/12/2021] raar ~~ MG ~~ 22/12/2021 12:40*/
/* ~[MG 06/01/2022] misaligned amounts in prodcom summary ~~ MG ~~ 06/01/2022 13:31*/
/* ~[MG 06/01/2022] uc div snafu ~~ MG ~~ 06/01/2022 15:03*/
/* marquee on top ~~ MG ~~ 09/02/2022 09:52*/
/* ~[20220030] Changes to development environment - IE11 gone ~~ MG ~~ 17/06/2022 14:33*/
/* ~[20220032] layout improvements ~~ MG ~~ 14/07/2022 10:07*/
/* ~[20220032] Suppress CN8 warning messages after a while ~~ MG ~~ 15/07/2022 11:56*/
/* ~[20220017] Silo phase II #4: Download files from mainpage ~~ MG ~~ 06/10/2022 09:05*/
/* align-right nowrap ~~ MG ~~ 20/10/2022 15:19*/
/* ~[20180095] Check totals of previous period during approval ~~ MG ~~ 29/11/2022 11:23*/
/* ~[20220049] Show information about the senderr email during approval ~~ MG ~~ 30/11/2022 12:17*/
/* ~[MG 06/12/2022] tweaks on 20180095 ~~ MG ~~ 06/12/2022 14:32*/
/* ~[20220053] Warn when (multi-)import has imported into a non-empty declaration ~~ MG ~~ 07/12/2022 15:03*/
/* Add-PSIGC info and link somewhat lower (30px iso 14px); so it doesn't overlap the CN8 caption ~~ PV ~~ 02/01/2023 14:49*/
/* ~[20230036] Survey Questionnaire also for ECO ~~ MG ~~ 10/08/2023 11:22*/
/* ~[PV 04/12/2024] avoid wrapping buttons in Earnings erroneous lines mode ~~ PV ~~ 04/12/2023 10:18*/
/* ~[dst-feature-25097] slipstream [MG 07/08/2024] ~~ MG ~~ 07/08/2024 13:05*/
/*
'' ----------------------------------------------------------------------
'' Copyright (C) Revolux S.àR.L and DST & SKAT & STATEC - 2009-2019. All Rights Reserved.
'' ----------------------------------------------------------------------
''
'' CSS
''
'' ----------------------------------------------------------------------
'' CHANGE HISTORY
''
''~[20100001] 06/01/2010 Marius Groenendijk
''~Printing
''~[20100011] 02/02/2010 Marius Groenendijk
''~Various changes for STATEC version
''~[20100130] 12/11/2010 Marius Groenendijk
''~Filter problem
''~[20100142] 14/12/2010 Marius Groenendijk
''~Make deleting many lines easier.
''~[20100110] 24/02/2011 Marius Groenendijk
'' CR11: Async approval (SKAT web service independent operation)
''~[20110038] 09/03/2011 Peter de Vos
''~Scrolling keywordlist doesn't work properly in newer browsers (+ other fixes)
''~[20110049] 25/03/2011 Marius Groenendijk
''~Add refresh button to lists
''~[20110047] 01/04/2011 Marius Groenendijk
''~New browsers - IE9, FF4
''~[20110053] 10/06/2011 Marius Groenendijk
''~Change HALFWAY THE YEAR in the CN8 tables.
''~[20110066] 15/06/2011 Marius Groenendijk
''~Better distinguish user-defined from pre-defined import formats.
''~[20110031] 23/11/2011 Marius Groenendijk
''~Adding the Prodcom survey
''~[20130035] 14/03/2013 Marius Groenendijk
''~Approve all in IDEP.WEB
''~[20130053] 10/04/2013 Marius Groenendijk
''~Improve CN8 search
''~[20130049] 03/07/2013 Marius Groenendijk
''~Archiving of data
''~[20140018] 12/02/2014 Marius Groenendijk
''~'Approve' button on 'Ongoing jobs' page
''~[20140036] 16/06/2014 Peter de Vos
''~Support range checking on aggregated lines
''~[20140127] 24/11/2014 Marius Groenendijk
''~DK-31b: Show mass and units Intrastat line lists
''~[20140137] 25/11/2014 Marius Groenendijk
''~Make switching between import templates and user's own templates easier
''~[20130127] 23/03/2015 Marius Groenendijk
''~Advanced filters in the declarations list
''~[20150070] 05/06/2015 Marius Groenendijk
''~Make it easier to remove active keywords from a CN8 keyword search.
formatted with ^K^D
~[20170057] Increase base width and HEIGHT of application
~[20180105] New colour scheme for STATEC
TODO: Need cleaning up after compare w/ original file
'' ----------------------------------------------------------------------
*/
/* -- special lists -- */
/*.returns{
width: 100%;
}*/
.rvl-list {
width: 100%;
}
/*~[20130049] vies vaal kleurtje voor gearchiveerde header^H^H^H ietsje doorzichtiger */
.returns .a {
/*filter: alpha(opacity=50);*/
opacity: 0.5;
*color: darkgray; /*~[MG 04/12/2014] IE7 only */
}
.filter {
background-color: #f4f7f8;
height: 38px;
padding: 8px;
padding-left: 0;
/*padding: 12px 0 0 16px;*/
border-radius: 4px;
margin-bottom: 8px;
border: solid 1px #dcdad8; /* */
}
.filter a {
display: inline-block;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
text-decoration: none;
border: solid 1px #d1dff9;
/*~[20100130]*/
white-space: nowrap;
overflow: hidden;
/*~[20100130] End change*/
/*~[MG 01/03/2012] Smoothen A hovering (in and out) */
-webkit-transition: background-color 150ms ease-in;
-moz-transition: background-color 150ms ease-in;
-o-transition: background-color 150ms ease-in;
transition: background-color 150ms ease-in;
/*~[MG 01/03/2012] End change*/
zoom: 1;
}
/*~[20130127]*/
.fdd {
width: 220px;
float: left;
margin-right: 8px;
}
.fdd a {
width: 220px;
}
.fddf {
width: 140px;
float: left;
margin: 0 16px;
padding-top: 2px;
}
.fddf a {
width: 140px;
}
.fdd, .fddf {
cursor: pointer;
}
.filterNew .fdd:nth-child(4), .filterNew .fdd:nth-child(4) a {
width: 230px;
}
.filterNew a {
border-radius: 4px;
background-position: right center;
}
/*~[20170021]*/
.filterNew span {
display: inline-block;
margin: 1px 4px;
}
/*~[20130127] End change*/
.filter a:hover {
background-color: #dcdad8;
/*~[20110031] background-image:none !important;*/
}
.filter .current, .filter .currentT {
border: solid 1px #f4f7f8;
background-color: #83CBE0;
cursor: default;
color: white;
font-weight: bold;
}
/*.filter span {
margin-left:120px;
}*/
#ctl00_cc_lnkNoFilter {
margin-right: 4px;
}
/* ~[MG 16/04/2014] no longer necessary: @media screen and (-webkit-min-device-pixel-ratio:0) {
#ctl00_cc_lnkNoFilter {*/
/* now this is fun! IE/FF moves this element DOWN (makes sense) ...
but in Chrome it moves all elements to its right UP. Thus we introduce a chrome-only rule */
/*margin-bottom:-2px;
}
}*/
#ctl00_cc_lnkIsNotApproved {
margin-left: 4px;
}
/*~[20140127]*/
.lines td {
white-space: nowrap;
}
/*kop: empty rules
.goodscodes {}
.partners {}
.exchangerates {}
.vatnumbers {}
*/
/*~[MG 23/09/2014]*/
.batches td {
white-space: nowrap;
}
/*~[MG 05/01/2015] 2nd batches column should be allowed to wrap */
.batches td:nth-child(2) {
white-space: normal;
}
.messages .hilit-error {
background-color: #FFCC99;
color: red;
}
/* message details */
.messages .md {
font-weight: normal;
color: #FF6600;
}
.messages a.md { /*~[MG 04/10/2019]*/
display: inline;
text-decoration: underline;
}
.messages .unread {
font-weight: bold;
}
.messages .yes {
background-image: url('../Images/Lists/y.png') !important;
}
/* -- CN8 browser --- */
.cn8 a, .cn8 .x, .cn8 td:first-child { /* JIC NNNN NN NN links/codes may not wrap of course, adding was silly, .x ought to be .nw but that's longer */
white-space: nowrap;
}
/*.cn8 td:first-child, .cn8 td:first-child + td {
white-space: nowrap;
}*/
/*~[20110053]*/
.fn8 {
font-weight: bold;
vertical-align: super;
padding-left: 4px;
color: red;
}
#kw {
margin-left: 8px;
}
#kw1 {
margin-bottom: 14px;
}
.kw2 {
margin-bottom: 12px;
}
.kw2 input {
margin-left: 8px;
}
/*~[20130053] .kw2 span { margin-right:20px; } */
.kw2 span {
background-color: #fff7da;
border: 1px solid #dbcabf;
padding: 10px;
margin: 10px;
}
/*~[20130053] End change*/
/* hierarchy navigation links */
.cn8 .l /* down hierarchy (d is already used */ {
background-image: url('../Images/cn8/dh.png');
background-repeat: no-repeat;
background-position: 2px;
display: inline-block;
width: 12px;
height: 12px;
padding: 2px 4px 2px 0;
}
.cn8 .u /* up hierarchy */ {
background-image: url('../Images/cn8/uh.png');
background-repeat: no-repeat;
background-position: 2px;
display: inline-block;
width: 12px;
height: 12px;
padding: 2px 0 2px 4px;
}
.cn8 .m /* minimal hierarchy */ {
background-image: url('../Images/cn8/mh.png');
background-repeat: no-repeat;
background-position: 2px;
width: 12px;
height: 12px;
margin: 0 auto;
}
/*~[20100110] rej = rejected, wfa = waiting for approval, l = hyperLink*/
.rvl-list .rejl {
font-weight: bold;
padding-left: 16px;
background-color: #FFC0C0;
border-radius: 2px;
background-image: url('../Images/f.png');
background-repeat: no-repeat;
background-position: left;
}
.rvl-list .wfal {
font-style: italic;
padding-left: 16px;
background-image: url('../Images/wfa.png');
background-repeat: no-repeat;
background-position: 2px;
text-decoration: underline;
cursor: pointer;
}
/* return list instructions bottom */
.rib {
background-image: url('../Images/information.png');
background-position: 6px;
/*background-repeat: no-repeat;*/
padding-left: 28px;
}
/*~[20100110] End change */
/*~[20130035] p = rows of the provider, d = rows of declarant */
.approveAll {
width: 100%;
}
/*.approveAll .p {}
.approveAll .d {}*/
/*~[20130035] End change */
/*#region rounded borders on all tables - but not as much as in IWA 4 vs 8*/
caption {
border-radius: 4px;
border: solid 1px #dcdad8; /* */
}
/*first row, with or without TH */
table tr:first-child th:first-child, table tr:first-child td:first-child {
border-top-left-radius: 4px;
}
table tr:first-child th:last-child, table tr:first-child td:last-child {
border-top-right-radius: 4px;
}
/*last row */
table tr:last-child td:first-child {
border-bottom-left-radius: 4px;
}
table tr:last-child td:last-child {
border-bottom-right-radius: 4px;
}
/*#endregion */
/* ~[20100001] make the cell contents invisible (by shifting them way to the left) and rely on the images */
.rvl-list .yes, .rvl-list .no, .rvl-list .warning {
z-index: 999;
text-align: center;
background-repeat: no-repeat;
background-position: center;
background-color: transparent !important;
}
/* yes / no indicators */
.rvl-list .yes {
background-image: url('../Images/t.png');
}
.rvl-list .no {
background-image: url('../Images/f.png');
}
/* ~[20170034] add warning; like yes/no - this variant of warning looks nicer than the others hence yet another warning image */
.rvl-list .warning {
background-image: url('../Images/warnList.png');
}
/* Sort-indicators */
/* ~[20110047] up & down indicator in TH. Oops! IE7 doesn't understand inline-block. Oh well. IE7 is old too (2008)
This display of the indicator is compacter as it will fill the empty space if there is sufficient empty space.
*/
.rvl-list th div {
display: inline-block;
width: 10px;
height: 10px;
margin-left: 2px;
}
/*~[20210005] VP.WEB #7: Simplify UI; filters in header*/
.rvl-list th div.uc {
height: 20px;
margin-left: 0;
}
.rvl-list th .uc div {
width: auto;
height: 17px;
line-height: 17px;
margin-left: 0;
padding-top: 0;
padding-bottom: 1px;
font-weight: normal;
}
.rvl-list th .uc .qeod, .rvl-list th .uc .qeo {
line-height: 15px;
height: 15px;
padding-top: 1px;
}
.rvl-list th .uc .clr {
color: maroon;
display: inline-block;
text-decoration: none;
font-weight: normal;
font-size: 24px;
cursor: pointer;
width: 24px;
float: left;
}
.tih .clr {
margin-left: -20px;
padding-top: 1px;
}
.rvl-list th .uc input {
float: left;
line-height: 15px;
padding: 2px;
}
.rvl-list th .uc .dl {
height: 17px;
margin-top: -3px;
}
.tih {
background-image: url("../Images/srchLite.png");
/*background-image: url("../Images/funnel.png");*/
background-repeat: no-repeat;
background-position: right 0;
}
/*-- end filters in header */
.rvl-list .up {
background-image: url('../Images/up.gif');
background-repeat: no-repeat;
background-position: right;
}
.rvl-list .down {
background-image: url('../Images/down.gif');
background-repeat: no-repeat;
background-position: right;
}
/* message indicators */
.rvl-list .i /* info */ {
background-image: url('../Images/Lists/i.png');
background-repeat: no-repeat;
background-position: center;
}
.rvl-list .e /* error */ {
background-image: url('../Images/Lists/e.png');
background-repeat: no-repeat;
background-position: center;
}
.rvl-list .w /* warning */ {
background-image: url('../Images/warnList.png');
background-repeat: no-repeat;
background-position: center;
}
.rvl-list caption {
background-color: #d9eff6;
border: solid 1px #dcdad8;
}
.rvl-list tr {
cursor: default;
/*~[MG 01/03/2012] Smoothen row hovering (in and out) */
-webkit-transition: background-color 150ms ease-in;
-moz-transition: background-color 150ms ease-in;
-o-transition: background-color 150ms ease-in;
transition: background-color 150ms ease-in;
border-top: 1px dotted #dcdad8; /* avoid 'fat' border in Opera */
/*~[MG 01/03/2012] End change*/
}
/* the format of the empty row that is displayed when no records are available*/
.rvl-list-empty td {
text-align: center;
}
.rvl-list-empty tr:hover {
background-color: transparent;
}
/* hover the row */
.rvl-list tr:hover {
background-color: #efeeed !important; /*so it remains in effect even if JS changed the background colour */
}
/* ... but not in the pager */
tr.rvl-pager:hover {
background-color: transparent !important; /*~[MG 26/10/2012] ... but it's important that we don't hover the pager ...*/
}
/* ... nor in empty tables */
tr.rvl-list-empty:hover {
background-color: transparent;
}
/* in the header of an empty table don't use bold */
tr.empty th {
font-weight: normal;
}
.rvl-pager table, .rvl-pager td, .rvl-pager tr {
border-style: none;
border-width: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Get rid of the borders of the plain table */
.rvl-plain-table, .rvl-plain-table td {
border: none 0 !important;
background-color: transparent;
}
.rvl-plain-table td {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
/* {^} enhance clickability of a-links in the list - but not in the th cells! */
/* ~[20100011] also for import log */
.rvl-list td a {
display: block;
padding: 2px 6px;
/*~[MG 01/03/2012] Smoothen A hovering (in and out) */
-webkit-transition: background-color 150ms ease-in;
-moz-transition: background-color 150ms ease-in;
-o-transition: background-color 150ms ease-in;
transition: background-color 150ms ease-in;
/*~[MG 01/03/2012] End change*/
}
.rvl-list .rn {
padding-left: 0;
}
/*~[20160064]*/
/* visualise links a bit better */
/* ~[20100011] also for import log */
.rvl-list a:hover {
background-color: #dcdad8;
}
/* fake a disabled link */
.rvl-list .d {
text-decoration: none;
color: #2F4F4F; /* darkslategray */
cursor: default;
}
/* less vague links in IE6 - also links in lists aren't really 'visited' as they change all the time */
.rvl-list a:visited {
color: #0080a5;
}
/*~[20110047] a columns don't need padding coz that's included in the a*/
/*kop: empty rule
.rvl-list td.L {
*padding: 0 !important; IE and FF don't agree here *
}
*/
/*~[MG 06/06/2014] Reinstated (ReturnList.aspx)*/
.rvl-list td.L {
white-space: nowrap;
}
.rvl-list td.C, .rvl-list td.Cs {
text-align: center;
white-space: nowrap;
}
.rvl-list td.R {
text-align: right;
white-space: nowrap;
}
/*~[20160049] CH Added Conditional Column to Totalise.aspx*/
.rvl-list td.CC {
text-align: right;
white-space: nowrap;
}
/*~[20110047] End change */
/*#region ~[20210005] VP.WEB #10: LineList filters; */
.rvl-list th.L {
text-align: left;
}
.rvl-list th.C {
text-align: center;
}
.rvl-list th.R {
text-align: right;
}
/*#endregion */
/*~[20110047] less = more ~[20110047] moved rvl-list-mod AFTER rvl-list styles of course so that they can 'cascade' properly */
table.rvl-list-mod {
top: 0;
background-color: white;
width: 100%;
}
.rvl-list-mod tr:hover {
background-color: white !important;
}
/* ~[20120017] */
.rvl-list-mod td a {
padding: 0;
}
.rvl-list-mod caption {
text-align: left !important;
}
.import-summary {
width: 900px !important; /* PEOP was 700 nog testen */
}
/*~[20110047] End change */
/*~[MG 30/03/2016]*/
.import-header {
background-color: #efeeed !important;
border-bottom: none !important;
}
.import-header td, .import-header tr {
border: none;
}
.import-header td a {
display: inline;
}
.import-header b {
color: maroon;
font-weight: normal;
}
.import-buttons {
background-color: #efeeed;
padding: 12px;
border: solid 1px #dcdad8;
border-top: none;
}
.import-buttons input {
padding: 2px 5px;
border: outset 1px;
}
/*~[MG 30/03/2016] End change*/
/* ~[20120017] Let the import figure out for itself how large a table it needs. 100% is OTT and looks ugly */
.import-log {
width: inherit !important;
}
/* Pager */
div.pagination {
padding: 8px;
margin: 8px;
}
div.pagination a, .buttonA {
padding: 4px 8px; /* a tad bigger than the hyper links in a table*/
margin: 8px;
border: 1px solid #dcdad8;
text-decoration: none; /* no underline */
/*color:#000099;*/
display: inline; /* to switch of block mode of links in {^} */
border-radius: 4px; /* */
}
.pagination a:visited {
color: #0080a5;
}
.pagination .pn {
border: solid 1px #079dc4;
width: 24px;
}
.pagination .gpn {
padding-left: 30px;
padding-right: 4px;
padding-top: 0;
}
div.pagination a:hover, div.pagination a:active {
border: 1px solid #dcdad8;
/* border:1px solid #000099; */
/*color:#000;*/
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #dcdad8;
/*border:1px solid #000099;*/
font-weight: bold;
background-color: #d9eff6;
/*background-color:#000099;*/
/*color:#FFF;*/
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;
color: #DDD;
}
/* ~[20100142]sal = select all label, sa = select all span containing a checkbox input */
.sal {
font-weight: normal;
}
/* on chrome, force flupper to be aligned with all other fluppers */
.sa:before {
content: " ";
}
.sa {
margin: 0 0 0 4px;
*padding-left: 0 !important; /*HACK:IE7*/
}
.sa input { /*NOTE: does not work on FF*/
height: 10px;
width: 10px;
}
/* ~[20100142] End change */
/* ~[20110049] */
.rfrsh /*, .refresh*/ {
display: inline-block;
width: 20px;
height: 1.5em;
background: url('../Images/virk/refresh.png') no-repeat;
background-position: left center;
}
/* n/a .refresh {
margin-left:0;
}*/
/* ~[20110049] End change */
/*~[20110066]*/
.il {
width: 49%;
float: left;
}
.ili {
width: 49%;
float: left;
margin: 0 0 0 8px;
max-height: 600px;
overflow-y: auto;
}
/*~[20200027]*/
.ili caption#ilcap {
text-align: center;
}
/*~[20110066] End change */
/*~[MG 15/03/2012] provider is highlighted by making it bolder, for the declarant the whole row is highlighted with the selected colour*/
.psis .p {
font-weight: bolder;
}
.psis .d {
background-color: #D6E3F7;
}
.psis .h { /*~[20140055] ~[MG 08/02/2016] Don't hide */
color: lightgray;
}
/*~[20110031]*/
.psis th {
font-weight: normal;
}
.psis th a {
font-weight: bold;
}
/*~[20110031] End change*/
/*~[MG 15/03/2012] End change */
/*~[MG 28/03/2012]*/
.rvl-list span {
background-repeat: no-repeat;
background-position: left;
padding-left: 22px;
}
.rvl-list .sa {
padding-left: 0;
}
.fAT {
background-image: url('../Images/eu/AT.png');
}
/*Austria */
.fBE {
background-image: url('../Images/eu/BE.png');
}
/*Belgium */
.fCY {
background-image: url('../Images/eu/CY.png');
}
/*Cyprus */
.fCZ {
background-image: url('../Images/eu/CZ.png');
}
/*CzechRepublic */
.fDK {
background-image: url('../Images/eu/DK.png');
}
/*Denmark */
.fEE {
background-image: url('../Images/eu/EE.png');
}
/*Estonia */
.fFI {
background-image: url('../Images/eu/FI.png');
}
/*Finland */
.fFR {
background-image: url('../Images/eu/FR.png');
}
/*France */
.fDE {
background-image: url('../Images/eu/DE.png');
}
/*Germany */
.fGR, .fEL {
background-image: url('../Images/eu/GR.png');
}
/*Greece */
.fHU {
background-image: url('../Images/eu/HU.png');
}
/*Hungary */
.fIE {
background-image: url('../Images/eu/IE.png');
}
/*Ireland */
.fIT {
background-image: url('../Images/eu/IT.png');
}
/*Italy */
.fLV {
background-image: url('../Images/eu/LV.png');
}
/*Latvia */
.fLT {
background-image: url('../Images/eu/LT.png');
}
/*Lithuania */
.fLU {
background-image: url('../Images/eu/LU.png');
}
/*Luxembourg */
.fMT {
background-image: url('../Images/eu/MT.png');
}
/*Malta */
.fNL {
background-image: url('../Images/eu/NL.png');
}
/*Netherlands */
.fPL {
background-image: url('../Images/eu/PL.png');
}
/*Poland */
.fPT {
background-image: url('../Images/eu/PT.png');
}
/*Portugal */
.fSK {
background-image: url('../Images/eu/SK.png');
}
/*Slovakia */
.fSI {
background-image: url('../Images/eu/SI.png');
}
/*Slovenia */
.fES {
background-image: url('../Images/eu/ES.png');
}
/*Spain */
.fSE {
background-image: url('../Images/eu/SE.png');
}
/*Sweden */
.fGB, .fUK, .fEN {
background-image: url('../Images/eu/GB.png');
}
/*UnitedKingdom */
.fBG {
background-image: url('../Images/eu/BG.png');
}
/*Bulgaria */
.fRO {
background-image: url('../Images/eu/RO.png');
}
/*Romania */
.fHR {
background-image: url('../Images/eu/HR.png');
}
/*~[20120097] Croatia */
/*~[MG 28/03/2012] End change */
/*~[MG 20/06/2012]*/
.status td {
padding: 2px 4px 2px 10px !important;
}
/*~[20130069] display of the income en expenditure totals in the return list*/
.et {
/*font-size: 8 punt; not smaller anymore */
white-space: nowrap;
line-height: 15px; /* was 14 */
}
/*~[20140018] approve button in list virk/scb/statec should set bg-color/img as appropriate */
.abl {
border: 1px outset #ebe9ed;
color: white !important;
padding: 2px 6px 2px 6px !important;
display: inline !important;
text-decoration: none;
font-style: normal;
}
.abl:hover { /* see 20130100 */
text-decoration: none;
border: 1px solid #FAA71B;
background-image: none; /* virk & statec have bg-img*/
}
/*~[20140018] End change*/
/*~[20140036] */
/* values are given the standard greyish background.*/
.import-log .gr {
background-color: #efeeed;
}
.import-log .gr a {
display: inline; /* no line break after href */
}
.import-log .e, .import-log .w {
background-position: left;
background-size: 11px 11px;
/* or, if you don't want the images:
background-image:none;
padding-left:0px;*/
}
/*~[20140137] ~[MG 06/01/2022] removed */
/*#Xtog {
display: none !important;
}*/
/*~[20150070] #1 */
.rk {
text-decoration: none;
background-image: url('../Images/delkw.png');
background-repeat: no-repeat;
background-position: right;
padding: 2px 18px 1px 0;
margin: 0 4px;
}
/*#region ~[20160045] change psi stuff */
#f_Declarants td:nth-child(2) a {
text-align: center;
}
#f_Declarants td:nth-child(2) a:hover, #editProvider:hover {
background: url('../Images/show.png') no-repeat;
}
#editProvider {
padding-left: 18px;
}
/*#endregion */
/*#region ~[20210005] VP.WEB #7: Simplify UI; */
/*CAN_DELETE*/
.rvl-list a.x {
display: inline-block;
background-image: url('../Images/bin.png');
background-repeat: no-repeat;
text-decoration: none;
margin-left: 4px;
}
/*#endregion */
/* ---------------------------------------------------------------------- */
/* [EOF_LIST_CSS] */
/* ~[20170057] + [20180105] Height/Width STATEC restyling a.s.o. ~~ MG ~~ 11/07/2019 16:07*/
/* filter ~~ MG ~~ 16/07/2019 14:47*/
/* ~[20170057] + [20180105] continued ~~ MG ~~ 30/07/2019 09:48*/
/* oud plaatje ~~ MG ~~ 03/10/2019 11:27*/
/* ~[MG 04/10/2019] [20190049] ~~ MG ~~ 04/10/2019 11:31*/
/* dk wip ~~ MG ~~ 07/10/2019 15:06*/
/* mportlist rhs panel ~~ MG ~~ 31/10/2019 10:26*/
/* ~[20190013] IHD (ETS) - Download manuals ~~ MG ~~ 10/12/2019 11:05*/
/* raar ~~ MG ~~ 21/02/2020 11:31*/
/* ~[MG 28/04/2020] import list ~~ MG ~~ 28/04/2020 09:42*/
/* tag ~~ MG ~~ 30/06/2020 11:14*/
/* ~[20200027] Better manage the information shown in the RHS of the import list ~~ MG ~~ 20/07/2020 11:56*/
/* ~[MG 09/02/2021] cannot click on links in top of importlog ~~ MG ~~ 10/02/2021 13:06*/
/* ~[20210005] VP.WEB #7: Simplify UI; prullebak ~~ MG ~~ 19/04/2021 09:26*/
/* search biox wip ~~ MG ~~ 20/04/2021 13:20*/
/* ~[20210005] VP.WEB #7: Simplify UI; filters in header; wip ~~ MG ~~ 21/04/2021 15:34*/
/* ~[20210013] IH #9: Opmaak; extrastat filter ~~ MG ~~ 23/04/2021 14:24*/
/* ~[20210005] VP.WEB #7: Simplify UI; filters in header; ~~ MG ~~ 05/05/2021 12:10*/
/* ~[20210005] VP.WEB #10: LineList filters; ~~ MG ~~ 06/05/2021 14:53*/
/* nix ~~ MG ~~ 06/05/2021 15:47*/
/* ~[MG 06/01/2022] Remove toggles ~~ MG ~~ 06/01/2022 10:55*/
/* ~[20220030] Changes to development environment - IE11 gone ~~ MG ~~ 17/06/2022 14:33*/
/*
'' ----------------------------------------------------------------------
'' Copyright (C) Revolux S.àR.L and DST & SKAT - 2008. All Rights Reserved.
'' ----------------------------------------------------------------------
''
'' CSS for Dropline menu.
''
'' ----------------------------------------------------------------------
'' CHANGE HISTORY
''
''~[20080058] 15/01/2008 Marius Groenendijk
''~Construction: UI AJAX Controls
''
''~[20110113] 01/02/2012 Marius Groenendijk
''~Make available IDEP's "copy lines" functionality.
''
''~[20110111] 02/03/2012 Marius Groenendijk
''~Drop IE6 support
''
''~[20120082] 09/10/2012 Marius Groenendijk
''~Function key support in IDEP.WEB
''
''~[20130052] 28/03/2013 Marius Groenendijk
''~Remove Consult option
''
''~[20140149] 01/04/2015 Marius Groenendijk
''~Avoid and repair line numbering inconsistencies in declarations
''
''~[20150055] 13/05/2015 Marius Groenendijk
''~Make all menu-options accessible with function keys/special keys
''
''~[20150056] 18/05/2015 Marius Groenendijk
''~Copy field from previous record
''
''~[20150053] 17/06/2015 Marius Groenendijk
''~Add an Import Assistant to the Import Definition form
''
'' NOTE: Adjusting the height is a tricky matter. Use the comments of [line-]height
'' as a guide - all commented line-height and height should be increased/decreased
'' in the same way.
'' If you touch something: COMMENT it!
''
formatted with ^K^D
~[20170057] Increase base width and HEIGHT of application
~[20180105] New colour scheme for STATEC
TODO: Need cleaning up after compare w/ original file
'' ----------------------------------------------------------------------
*/
/* ================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#rvl-dl-nav {
/* orig
margin:20px 0 80px 0;
*/
margin: 6px 0 32px 0;
position: relative;
width: 100%;
height: 32px;
background: transparent; /*#000*/
}
#rvl-dl-nav .select, #rvl-dl-nav .current {
margin: 0;
padding: 0;
list-style: none;
}
#rvl-dl-nav li {
display: inline;
padding: 0;
/*kop: margin:0;
height:auto;*/
}
#rvl-dl-nav .select a, #rvl-dl-nav .current a {
display: block;
height: 32px;
float: left;
background: transparent; /*#000*/
padding: 0 10px 0 10px;
text-decoration: none;
/* font-size:12px; */
line-height: 32px;
white-space: nowrap;
border-right: 1px solid white; /*#fff*/
color: white; /*#fff*/
}
/*~[20110111] this is IE6 legacy muk
* html #rvl-dl-nav .select a, * html #rvl-dl-nav .current a {
width:1px;
height:25px; *21px*
}
*/
#rvl-dl-nav .select a:hover, #rvl-dl-nav .select li:hover a {
background: #219dc2; /* hover darkish blue #888 */
cursor: pointer;
color: yellow; /*#ff0*/
/*~[MG 01/03/2012] increase transition speed on top-level A + add transition on background color*/
-webkit-transition: color 150ms ease-in, background 200ms ease-in;
-moz-transition: color 150ms ease-in, background 200ms ease-in;
-o-transition: color 150ms ease-in, background 200ms ease-in;
transition: color 150ms ease-in, background 200ms ease-in;
/*~[MG 01/03/2012] End change*/
}
#rvl-dl-nav .sub {
display: none;
}
#rvl-dl-nav a {
/*~[MG 01/03/2012] when leaving a toplevel item also restore it's original colors with a smooth transition */
-webkit-transition: color 150ms ease-in, background 200ms ease-in;
-moz-transition: color 150ms ease-in, background 200ms ease-in;
-o-transition: color 150ms ease-in, background 200ms ease-in;
transition: color 150ms ease-in, background 200ms ease-in;
/*~[MG 01/03/2012] End change*/
}
/*~[20120082] ~[20170021] 1 more */
#rvl-dl-nav a .f, div a .f {
padding-right: 4px;
line-height: 1em;
font-size: x-small;
display: block;
margin-top: -5px;
text-align: right;
font-weight: normal;
/*background-color:#E7EFF1;one 'shade' darker than #F4F7F8 (light -= 10) */
color: #3F474F;
background-color: #EFF1F3; /* http://coding.smashingmagazine.com/2012/10/04/the-code-side-of-color/ */
}
div a .f {
margin-top: 0;
}
/*~[20170021]*/
/*~[20150055] fkey tips on top bar */
#rvl-dl-nav .m .f {
color: black;
background-color: white;
margin-top: -33px;
padding-right: 0;
}
/*~[MG 19/11/2013] function key decoration on no-text icons */
#rvl-dl-nav .nt .f {
margin-top: -16px;
}
/*~[20120082] don't display function tip on text-less icons (that's a pity really)
position correctly (below menu bar) but don't display (yet)
*/
#rvl-dl-nav .e .f {
display: none;
margin-top: 30px;
margin-left: -40px;
/*filter: alpha(opacity=100);*/
opacity: 1.0;
padding: 2px;
}
/*only when hovering display the function-tip as formatted in the above style block
doesn't work in vanilla IE8 and (probably) IE7. Tant pis!
*/
#rvl-dl-nav a.e:hover .f {
display: block;
}
/* for IE5.5 and IE6 only */ #rvl-dl-nav table {
position: absolute;
border-collapse: collapse;
left: 0;
top: 0;
}
#rvl-dl-nav .current a {
background: #219dc2; /* current menu #666 */
color: yellow; /*#ff0*/
}
#rvl-dl-nav .sub li a:hover, #rvl-dl-nav .select a:hover .sub li a:hover, #rvl-dl-nav .select li:hover .sub li a:hover {
background: #219dc2; /* hover darkish blue #888 */
color: yellow; /*#ff0*/
text-decoration: underline; /* (added) */
}
#rvl-dl-nav .sub_active .current_sub a, #rvl-dl-nav .sub_active a:hover {
background: #219dc2; /* current menu #666 */
color: yellow; /*#ff0*/
text-decoration: underline; /* (added) */
}
/* (added) */
#rvl-dl-nav .select li a:hover .sub, #rvl-dl-nav .select li:hover .sub {
display: block;
position: absolute;
width: 100%;
top: 32px; /* 24px */
left: 0;
background: #219dc2; /* hover darkish blue #888 */
margin-top: 0;
padding: 0;
/*z-index:100;*/
color: white; /*#fff*/
/* font-size:11px; */
}
#rvl-dl-nav .sub, #rvl-dl-nav .sub_active {
margin: 0;
padding: 0;
list-style: none;
}
#rvl-dl-nav .sub_active {
display: block;
position: absolute;
width: 100%;
top: 32px; /* 24px */
left: 0;
background: #219dc2; /* current menu #666 */
margin-top: 0;
padding: 0;
/*z-index:10;*/
}
/*~[20110111] this is IE6 legacy muk
* html #rvl-dl-nav .sub_active, * html #rvl-dl-nav .select a:hover .sub {
z-index:-1;
margin-top:0;
margin-t: \\op:1px; * only interpreted by IE *
}
*/
#rvl-dl-nav .sub_active a {
height: 34px;
text-decoration: none;
line-height: 32px; /* 24px */
white-space: nowrap;
display: block;
float: left;
background: #219dc2; /* current menu #666 */
padding: 5px 8px 6px 8px; /*~[20110113] only change this for active context menu. Compact the menu to make more space available. Was 5px 10px 6px 10px and 5px 10px 10px 10px; */
margin: 0;
/* font-size:12px; */
border: 0;
color: white; /*#fff*/
}
#rvl-dl-nav .select a:hover .sub li a, #rvl-dl-nav .select li:hover .sub li a {
display: block;
background: #219dc2; /* hover darkish blue #888 */
padding: 5px 10px 6px 10px; /* padding:5px 10px 10px 10px; */
margin: 0;
white-space: nowrap;
border: 0;
color: white; /*#fff*/
/* font-size:12px; */
}
/* (added) from this point onward */
/* ensure images for the menu labels are correctly aligned */
#rvl-dl-nav img {
vertical-align: middle;
margin: 4px 2px 4px 0; /* TODO (24 => 32) ensures the whole picture is 24 high and now correctly aligns on IE6 too */
}
/*~[MG 01/03/2012] accentuate hovering over a menu by dimming the image somewhat and shifting it down by 1 pixel */
#rvl-dl-nav a:hover img, #rvl-dl-nav a:hover {
/*filter: alpha(opacity=70);*/
opacity: 0.7;
position: relative;
/*~[MG 18/09/2012] ff mooier*/
top: 2px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
/*~[MG 01/03/2012] End change*/
#rvl-dl-nav .disabled {
color: gray !important;
}
#rvl-dl-nav .pressed {
/* arrgghh:FF and IE display border:inset ... not at all the same. The following 4 i.s.o. 1 line does the trick */
border-top: solid 2px gray !important;
border-left: solid 2px gray !important;
border-right: solid 2px #efeeed !important;
border-bottom: solid 2px #efeeed !important;
/* this ensures the selection box around the menu button is somewhat smaller so that the
selection does not show [bottom 2px] if we move to another menu */
margin-top: 2px !important;
padding-top: 2px !important;
padding-bottom: 4px !important;
height: 30px !important;
}
/*
#rvl-dl-nav .pressed img {
}
*/
#rvl-dl-nav .extra /* to cover visible drop-line menu */ {
height: 35px; /* was 27 TODO PEOP 21px */
}
/* --- positioning */
.filler {
/*kop: display:inline-block;*/
float: left;
border: 1px solid #F4F7F8; /* makes it work for FF - use the menu color as border color i.s.o transparent for IE6 */
line-height: 10px;
height: 10px;
}
.filler a {
height: 10px !important;
}
#sm1 .filler {
width: 110px;
}
#sm2 .filler {
width: 220px;
}
#sm3 .filler {
width: 300px;
}
#sm4 .filler {
width: 320px;
}
#sm5 .filler {
width: 580px;
}
#rvl-dl-nav .m {
width: 110px !important;
text-align: center;
}
/*~[MG 27/06/2012] Background images! See MenuBuilder.vb, Menu.vb and Site.master */
#rvl-dl-nav .X {
background-repeat: no-repeat !important;
background-position: left !important;
padding-left: 18px !important;
margin-left: 8px !important;
}
/*~[20180089] Remove icons - leave tags for 'doc' */
/*~[MG 28/11/2017] Experiment add .i */
/*~[20130035]*/
/*~[20180054] https://www.iconfinder.com/icons/118647/list_icon*/
/* ---------------------------------------------------------------------- */
/* [EOF_DROPLINE_CSS] */
/* ~[20170057] + [20180105] Height/Width STATEC restyling a.s.o. ~~ MG ~~ 11/07/2019 16:07*/
/* tag ~~ MG ~~ 30/06/2020 11:14*/
/* ~[20220030] Changes to development environment - IE11 gone ~~ MG ~~ 17/06/2022 14:33*/
/*
'' ----------------------------------------------------------------------
'' Copyright (C) Revolux S.àR.L and DST & SKAT & STATEC - 2009-2019. All Rights Reserved.
'' ----------------------------------------------------------------------
''
'' Styles for the RVL AJAX controls
''
'' ----------------------------------------------------------------------
'' CHANGE HISTORY
''
''
'' ~[20170057] Increase base width and HEIGHT of application
'' ~[20180105] New colour scheme for STATEC
''
'' ----------------------------------------------------------------------
*/
/* parts of VIRK's forms.css */
button {
height: 21px;
padding-left: 5px;
padding-right: 5px;
}
input {
padding: 1px;
}
textarea {
border: solid 1px #079dc4;
padding: 1px;
width: 408px;
margin: 0;
margin-bottom: 10px;
resize: none;
overflow: auto; /*~[20120101]*/
}
select {
border: solid 1px #079dc4;
/* height:19px; 18px cuts bottom letters in IE. Auto is too small, 19px is too big in FF*/
width: 415px; /*egentlig 1px for bred, men border er hvid på højreside*/
margin-top: 1px;
margin-bottom: 10px;
padding: 0;
}
input.text {
/* selectbox does not respond to height or border*/
border: solid 1px #079dc4;
width: 408px;
margin: 0;
/* [20100013] padding otherwise lost */
padding: 4px 2px 5px 2px; /*ZIE AFGESNOEPT - text en enum hebben nu wél dezelfde hoogte */
border-radius: 2px; /* niet te rond, en niet te hoekig */
height: 1em;
}
input.text[readonly], input.text[disabled], input.base-text[readonly] {
/* ~[20120042] border:solid 1px #CCCeed; no need to set the width again; overwrites my input.suf */
border-style: solid;
border-color: #CCCeed;
}
input.n { /*~[20160017] numeric field */
text-align: right;
padding-right: 2px; /*~[20160020] right aligned numbers require some spacing; 2px (iso 0)*/
}
/* ~[20120042] .000 suffix / ~[20210014] IHD - 2021 #3: Thousands indicator; */
span.suf, span.pref {
display: inline-block;
vertical-align: top;
padding-top: 3px;
padding-right: 3px;
float: left;
}
input.suf {
padding-right: 40px;
float: left;
}
span.pref {
width: 10px;
}
span.suf {
display: inline-block;
margin-left: -40px;
opacity: 0.5;
vertical-align: auto;
padding-top: 4px;
}
/* ~[20120042] / ~[20210014] IHD - 2021 #3: Thousands indicator; end of change */
input.button, input.fu {
height: 22px; /*LINE_HEIGHT*/
}
/* class for read-only fields */
label.readonly {
font-weight: bold;
}
label.readonly span {
font-weight: normal;
line-height: 22px; /*LINE_HEIGHT*/
}
/* ~[20100011] */
div.fileinputs {
position: relative;
margin-left: 2px;
}
div.fakefile {
position: absolute;
top: 0;
left: 0;
z-index: 100;
}
input.file {
position: relative;
text-align: right;
/*filter: alpha(opacity=0);*/
opacity: 0;
z-index: 200;
height: 22px;
}
.fileinputs #ctl00_cc_xxxUploadFile { /*~[MG 28/05/2020]*/
width: 428px !important;
height: 26px;
}
#f_ImportDefinition #ctl00_cc_xxxUploadFile {
width: 420px !important;
}
/* ~[20100011] End change */
/*~[20150067]*/
#ctl00_cc_pnUpload {
margin-bottom: 4px;
}
#ief .button {
margin-right: 4px;
}
/*~[20150067] End change*/
/* END - parts of VIRK's forms.css */
input.base-text {
/* selectbox does not respond to height or border*/
border: solid 1px #079dc4;
width: 408px;
margin: 0 0 0 0; /* PV 0 0 10 0 makes label fit on top of textbox */
padding: 4px 2px 5px 2px; /*ZIE AFGESNOEPT - text en enum hebben nu wél dezelfde hoogte */
border-radius: 2px;
height: 1em;
}
/* disable focus rectangle FireFox popups */
#rvlPopup {
outline: none;
}
/* ~[20100013] read only rendering of enum entries */
.ro {
border: 1px solid #CCCeed !important;
}
/*.dd.ro { ~[MG 28/10/2020] superfluous styling making it ugly
padding-top: 4px;
padding-left: 4px;
height: 22px;
}*/
/* ~[20110031] read only rendering of text entries */
input .ro {
border: 1px solid #CCCeed !important;
background-color: transparent;
}
/*~[MG 20/02/2015] ~[MG 19/10/2021] FF problem */
.ro1 input {
/*border: 1px dotted #079dc4 !important;*/
border: none;
}
#f_ImportDefinition .uc {
width: auto !important;
}
/* ~[MG 19/10/2021] end change */
.ro img {
/*filter: alpha(opacity=40);*/
opacity: 0.4;
}
/* jammer, werkt (nog) niet in IE
input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly] {
color:#000000;
}
*/
/* ~[20100013] (A) fluppers */
.dl, .ll {
width: 20px;
height: 20px; /*~[MG 01/07/2012] was 15*/
display: block;
float: left;
background-repeat: no-repeat;
background-position: right 2px;
margin-top: 0;
/**padding-bottom: 1px;*/ /*HACK:IE7*/
/*TOOO: ja ik weet er zitten 2 gaatjes in de aansluiting => maak het plaatje hoger of zet een border-right op ".dd div" - ik vind dit eigenlijk wel OK zo */
}
/*
Die stomme dropdown knopjes moeten ook maar eens opnieuw.
https://www.iconfinder.com/icons/1814082/download/png/20
https://www.iconfinder.com/iconsets/evil-icons-user-interface
Input fields may get a few padding pixels
*/
.dl {
background-image: url(../Images/dropdown.png);
}
.ll {
background-image: url(../Images/popup.png);
}
/*~[MG 26/06/2012] End change*/
/* ~[20100013] (B) Outer wrapper of uc (user control) */
.uc {
float: left;
/*marges waren 4+4, 8+8 is net ff te veel, 4+6 OK? ~[MG 17/10/2019] 2+4 is ook OK*/
margin-top: 2px;
margin-bottom: 4px;
}
/* ~[20100013] (C) Caption */
.cp {
float: left;
width: 100%;
/*~[20170057] vert-space: height: 1.5em;*/
vertical-align: bottom;
white-space: nowrap;
overflow: visible;
}
.cp.bs:after {
content: '*';
}
/* ~[20100013] (D) RadioEntry, CheckEntry */
.re, .ce {
float: left;
margin-bottom: 4px;
margin-top: 4px;
padding-left: 4px;
/*display:inline-block;*/
}
/*~[20100110] net ff mooier*/
.re input, .ce input {
vertical-align: middle;
margin-right: 3px;
}
/*~[01/07/2012] align left and right columns (in combined details screen) nicely except on IE7 of course*/
.ce.l {
height: 22px; /*LINE_HEIGHT*/
margin-bottom: 2px;
}
/*~[PV 05/11/2021] Radio-dot overwritten by label with proper color; so better hide the original (on Chrome it's only half overwritten); only in import screen (delete before import) */
#f_Import .re input {
visibility: hidden;
}
/*#region ~[20210005] VP.WEB #5: Adding lines And details; overtaken from SFO */
.re_emp input[type=radio] + label:before,
.re_oke input[type=radio] + label:before,
.re_nok input[type=radio] + label:before {
line-height: 17px;
height: 13px;
width: 13px;
top: 2px;
left: -4px;
content: '';
position: relative;
display: inline-block;
border: 1px solid black;
border-radius: 13px;
background-color: #FFFFC0;
}
/* this one is only there for reference; normally an empty control is not checked...*/
.re_emp input[type=radio]:checked + label:before,
.re_oke input[type=radio]:checked + label:before,
.re_nok input[type=radio]:checked + label:before {
height: 6px;
width: 6px;
border: 4px solid #A3D8A3;
background-color: black;
}
/* unchecked radios are no longer yellow when OKE*/
.re_oke input[type=radio] + label:before {
background-color: #FFFFFF;
}
/* when incorrect it should turn RED (problem is that the erroneous value itself can't be showed; we merely show a list of unchecked red boxes) */
.re_nok input[type=radio] + label:before {
background-color: #FF8080;
}
.re_emp input[type=radio]:focus + label:before {
height: 10px;
width: 10px;
border-width: 2px;
}
.re_emp input[type=radio]:checked:focus + label:before,
.re_oke input[type=radio]:checked:focus + label:before,
.re_nok input[type=radio]:checked:focus + label:before {
height: 8px;
width: 8px;
border: 3px solid #A3D8A3;
background-color: black;
}
.re_emp input[type=radio] + label,
.re_oke input[type=radio] + label,
.re_nok input[type=radio] + label {
position: relative;
left: -12px;
}
/*#endregion */
/*~[MG 24/04/2013]*/
.vr {
display: inline-block;
text-align: right;
}
/*~[MG 26/06/2015]
#uPeriodFormat .vr, #uFlowFormat .vr {
width:80px!important;
margin-left:4px;
text-align:left;
}*/
/* ~[20100013] (E) dropDiv is now dd (akbh) */
/* ~[20100013] (F) dropText is now dt (akbh) */
.dd {
display: inline;
float: left;
border: solid 1px #079dc4;
padding-left: 1px;
height: 23px;
padding-top: 1px;
border-radius: 2px; /*~[MG 30/10/2020] enum entries were subtly different from all the other entries */
}
/*~[MG 02/07/2012]*/
.dd div {
display: block;
float: left;
white-space: nowrap;
overflow: hidden;
padding-left: 3px; /*~[MG 04/07/2012]stolen 1px of .q* and added here*/
/*ZIE AFGESNOEPT - text en enum hebben nu wél dezelfde hoogte */
/*~[MG 28/10/2020] better alignment of description and key in R/O enumentry for all browser except IE11 */
padding-top: 1px;
padding-bottom: 7px;
height: 14px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/*~[MG 28/10/2020] IE only, better alignment of description and key in R/O enumentry */
.dd div {
padding-top: 3px;
padding-bottom: 5px;
}
}
.ph { /*~[20120055]*/
color: #999;
}
/*~[MG 02/07/2012] End change */
/*~[MG 01/07/2012]*/
.dd input {
display: block;
float: left;
/*ZIE AFGESNOEPT - text en enum hebben nu wél dezelfde hoogte */
padding-top: 3px;
padding-bottom: 5px;
height: 14px;
}
/*~[MG 01/07/2012] End change*/
/* Special for IE only */
/*~[MG 01/07/2012]
*:first-child+html .dd {
margin-top:1px;
}
*/
.dropList {
border: #079dc4 1px solid;
padding: 0 0 0 1px;
margin: 0;
vertical-align: top;
overflow: hidden;
text-align: left;
z-index: 10000;
visibility: visible;
display: inline;
position: absolute;
background-color: window;
cursor: pointer;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
/*2 = less 'sharp' than 0 but 4 is ugly if there's a scrollbar*/
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
filter: drop-shadow(8px 8px 8px gray); /*~[MG 08/12/2021]*/
}
/* ~[20120016] */
.underMenu {
border-radius: 4px;
margin-top: 2px;
border: #74C7DC 2px solid;
padding-left: 0;
}
iframe.dropList {
border-radius: 4px;
}
.ddh {
background-color: #74C7DC;
color: white;
text-align: center;
font-weight: bold;
height: 22px; /*LINE_HEIGHT*/
}
/*~[20140025] mobieltje was inline-table ~[MG 22/11/2019] EnumEntry.js LINE_HEIGHT */
.di {
height: 22px;
}
/* ~[20120016] End change */
/* ~[20100013] */
/* common part of any [d]rop [i]tem (key, description, selected or not:their layout never changes, only their colours)
any sub-div of a di is thus styled:*/
.di div {
border: 0;
vertical-align: middle;
padding: 0 0 0 3px; /*~[MG 04/07/2012] align enum with its dropdown*/
margin: 0;
height: 22px; /* LINE_HEIGHT should be ?? but problem IE */
border-style: none;
display: block;
white-space: nowrap; /*~[PV16022016] never wrap a dropdown */
overflow: hidden;
float: left;
cursor: pointer;
}
/*~[20110066]*/
.it .k {
/*color:#5c5c5c;*/
background-color: #EFEFF5; /*#f8f8ff*/
font-style: italic;
}
.it .de {
/*color:#333333;*/
font-style: italic;
}
/*~[20110066] End change */
/* [k]ey part of an item */
.k {
color: black;
background-color: white; /* rather than Window */
}
/*#region ~[20170021] EnumEntry.js simplified see (*)(*) */
.di:hover .k,
.di:hover .de,
.di:hover .de span {
background-color: blue;
color: #ffffff;
}
.di .k, .di .de, .di .de span {
/*~[MG 01/03/2012] Transitions on hovering a popdown item ~[20170021] moved here */
-webkit-transition: color 120ms ease-in, background-color 120ms ease-in;
-moz-transition: color 120ms ease-in, background-color 120ms ease-in;
-o-transition: color 120ms ease-in, background-color 120ms ease-in;
transition: color 120ms ease-in, background-color 120ms ease-in;
/*~[MG 01/03/2012] End change */
}
/* 2 columns in the second column of the line models dropdown */
.di .de span {
display: inline-block;
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.di .de > span {
width: 62%;
}
.di .de > span + span {
width: 38%;
}
/*#region ~[20210016] General improvements; handle descriptions that are way to wide */
.w2w .de {
white-space: pre-wrap;
overflow: visible;
height: auto;
}
.w2w .k {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.dropList.hw2w {
background-color: white!important;
}
/*#endregion */
/* and styling in the big pick list */
.pl-LineModels td + td + td {
text-align: right;
}
/*#endregion */
/* [de]scription part of an item */
.de {
color: black;
background-color: #D9D9D9;
}
/* ~[20100013] End change */
/* End of Special for rvl dropdowns */
/* Special for RVL Large Picklists */
#pickList td {
padding-top: 3px !important;
padding-bottom: 3px !important;
}
/*~[MG 01/03/2012] Smoothen row or cell (in case of multi-column) hovering (in and out) */
#pickList tr, #pickList.mc td {
-webkit-transition: background-color 150ms ease-in;
-moz-transition: background-color 150ms ease-in;
-o-transition: background-color 150ms ease-in;
transition: background-color 150ms ease-in;
}
/*~[MG 01/03/2012] End change*/
/* hover the row */
#pickList tr:hover {
background-color: #efeeed;
}
/* don't hover row if table is not row-based, but hover cell instead */
#pickList.mc tr:hover {
background-color: transparent;
}
#pickList.mc td:hover {
background-color: #efeeed;
}
.lpx, #pickList.mc td, .dynamicList a {
text-decoration: underline;
overflow: hidden;
cursor: pointer;
}
.lp0, .lpx {
/* chrome simply doesn't size using 45px, with box-sizing instead the 60px is the overall width including the padding
and then it's OK (cough ... except for IE7 ...) */
width: 80px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/*text-align:center;*/
}
/*~[20130175] Extra wide first pick-item ; also added .dynamicList above*/
.dynamicList a {
display: block;
}
.lpxx {
width: 180px;
}
.lp8 {
width: 7em; /* sufficient space for a CN8 code. */
}
/*~[20130175] End change*/
/*~[20160083]*/
.pl-DialPrefix .lpxx {
width: 120px;
}
.pl-DialPrefix .country {
width: 350px;
}
.lp1 {
/*text-indent:15px; => using padding increments of 8 iso indent increments of 15 */
padding-left: 8px !important;
font-weight: bold;
}
.lp2 {
/*text-indent:30px;*/
padding-left: 16px !important;
}
.lp3 {
/*text-indent:45px;*/
padding-left: 24px !important;
cursor: pointer;
}
.lp4 {
/*text-indent:60px;*/
padding-left: 32px !important;
}
.in {
background-color: #E8FFE8; /*:#E0FFFF; */
}
.ex {
background-color: #FFE0FF; /*:#FFE0FF; */
}
.pH {
background-color: #D6E3F7;
}
/*~[20110038] tweaks */
/* in cn8 keyword pick list */
.bigBold {
font-size: 22px;
font-weight: bold;
color: #808080;
text-decoration: none !important;
}
.lt {
padding: 0 !important;
line-height: 2px;
background-color: #efeeed;
color: #efeeed;
}
.up a {
background-image: url(../Images/up.gif);
background-repeat: no-repeat;
background-position: center;
display: block;
color: white;
}
/*~[20110038] End change*/
/* in cn8 keyword pick list */
.alphabet {
text-align: center;
}
/*~[20110038] visual tweaks*/
.alphabet a:visited {
color: #0080A5;
}
.alphabet a {
padding: 0 2px 0 2px;
}
#headerRegion {
background-color: #efeeed;
padding: 0; /*~[MG 11/02/2014] 4px 0 6px 0;*/
height: auto !important; /*NOTE: This moves empty space from top to bottm in Currency & Country popups*/
}
#head {
margin-top: 10px;
margin-bottom: 0;
}
/*~[20110038] End change*/
#headerRegion h2 {
text-align: center;
}
#plsrch {
margin: 4px 0 4px 4px;
}
/* -- -- -- -- */
/* End of Special for RVL Large Picklists */
/* unclutter (U) UI with hover controls */
/* this is a not desirable feature (whatever)
#ba2:hover .rvl-navigation a {
visibility:visible;
}
*/
/* not needed if we're using link buttons from .pagination
.rvl-navigation input {
border:solid 1px #079dc4 !important;
height:18px;
}
*/
/*~[20180069]*/
a.buttonA {
display: inline-block;
background-color: white;
text-decoration: none;
}
/*a.buttonA:visited { color:#0080a5; }*/
/* ensure we have the same style navigation links as in the rvl-list */
.rvl-navigation a, .buttonA {
/* this is a not desirable feature (whatever) visibility:hidden; */ /* (U) */
display: block;
padding: 4px 8px; /* a tad bigger than the hyper links in a table*/
/*~[MG 01/03/2012] Smoothen navigation hovering (in and out) */
-webkit-transition: background-color 150ms ease-in;
-moz-transition: background-color 150ms ease-in;
-o-transition: background-color 150ms ease-in;
transition: background-color 150ms ease-in;
/*~[MG 01/03/2012] End change*/
}
/* ensure we have the same style navigation links as in the rvl-list */
.rvl-navigation a:hover, .buttonA:hover {
background-color: #dcdad8;
}
.narrow-table td {
margin: 0 !important;
/*padding: 0 !important;*/
border-bottom: none;
border-right: none;
}
/*.hack {
display:none !important;
height:0 !important;
}*/
/* [20100013] Control colour-classes (starting qith Q as in Qontrol.
.qe? means Enabled
.qd? means Disabled
.q?c:Correct
.q?e:Empty
.q?i:Invalid
.q?o:Optional
suffix 'd' for Description (.???d )
So all in all there are 16 diferent colours.
*/
textarea.qeo {
border: solid 1px #079dc4;
}
textarea.qdo {
border: solid 1px #ccceed;
}
/* all */ /*~[13112017] [20170034] added .qew and .qewd... */
.qec, .qee, .qei, .qeo, .qdc, .qde, .qdi, .qdo, .qecd, .qeed, .qeid, .qeod, .qdcd, .qded, .qdid, .qdod, .qew, .qewd {
/* next comes from dt */
border: 0;
vertical-align: middle;
/*padding: 0 0 0 1px;*/ /*~[MG 04/07/2012] give one px to .dd div */
padding: 2px; /*ZIE AFGESNOEPT*/
margin: 0;
border-radius: 2px; /*niet te rond, en niet te hoekig */
}
/* only the disableds */
.qdc, .qde, .qdi, .qdo, .qdcd, .qded, .qdid, .qdod {
color: #2F4F4F; /*DarkSlateGray*/
}
/* enabled */
.qec {
background-color: #C0FFC0; /* green */
}
.qee {
background-color: #FFFFC0; /* yellow */
}
.qei {
background-color: #FF8080; /* red */
}
.qeo {
background-color: #FFFFFF; /* white */
}
.qew {
background-color: orange; /* ~[20160020] orange ~[20170034] orange is better than #FF8000 */
}
/* Disabled */
.qdc {
background-color: #DFFEDF; /* vague green */
}
.qde {
background-color: #FEFEDF; /* vague yellow */
}
.qdi {
background-color: #FEBFBF; /* vague red */
}
.qdo {
background-color: #FEFEFE; /* vague white */
}
.qdw {
background-color: #FFC080; /* ~[20160020] vague orange FFC080*/
}
/* enabled description */
.qecd {
background-color: #A3D8A3; /* darker green */
}
.qeed {
background-color: #D8D8A3; /* darker yellow */
}
.qeid {
background-color: #D86C6C; /* darker red */
}
.qeod {
background-color: #D8D8D8; /* darker white (gray)*/
}
.qewd {
background-color: #FFC080; /* ~[20160020] darker orange ~[20170034] darkorange is better than #ee7600 */ /* ~[pv13112017] typo... qeow???*/
}
/* disabled description */
.qdcd {
background-color: #D0EBD0; /* vague darker green */
}
.qded {
background-color: #EBEBD0; /* vague darker yellow */
}
.qdid {
background-color: #EBB5B5; /* vague darker red */
}
.qdod {
background-color: #EBEBEB; /* vague darker white (gray)*/
}
.qdow {
background-color: #ee8610; /* ~[20160020] vague darker orange */
}
/* ~[20100072] overwrite and open existing buttons */
/* ~[20130056] input.ov, input.oe {width:280px; margin-bottom:4px; }*/
input.ov, input.oe {
width: 100%;
margin-bottom: 4px;
}
ul.oe {
color: black;
margin-bottom: 4px;
}
/* ~[20100072] End change */
/*~[20110061]*/
.cn8c {
/*width: 500px;*/
margin: -8px;
}
/*#region ~[20180069] */
.icn8c a {
text-decoration: underline;
cursor: pointer;
}
#cn8cp .buttonA {
padding-left: 20px !important;
background-image: url('../Images/cn8/dh.png');
background-repeat: no-repeat;
background-color: white;
background-position: 2px center;
}
#cn8cp .hdr {
padding: 6px 6px 8px 6px;
}
/*#endregion */
/* #If ALLOW_CLOSE_CN8_COMPLETER Then ''~[20180069]
.cn8c .ct {
margin-left:276px;
margin-top:2px;
} */
/*inner part of cn8c */
.icn8c {
height: 300px;
overflow: scroll;
overflow-x: hidden;
overflow-y: auto;
}
/* Format dl, dt, dd as a kind of table */
dl {
margin: 0;
padding: 0;
}
dt {
float: left;
clear: left;
width: 90px;
color: #0080A5;
}
dt:after {
content: ":";
}
/*[20130055] Checkbox CENtered. (better would be text-align:center; but that doesn't work)
not too much margin to allow for longer text*/
.ccen {
width: 22px;
float: inherit;
margin: 0 auto 0 auto;
overflow: visible;
white-space: nowrap;
}
/*~[MG 12/12/2012] */
dd {
margin: 0 0 0 90px;
padding-bottom: 2px;
}
/*See AnyEntry.Render:COLOR_STATUS
div.i {
color:Red;
}
div.e {
color:Fuchsia;
}
*/
/*~[20110061] End change */
/*~[20130030] highlight (@FS I think you shouldn't use bold that's OTT) */
.hl {
background-color: #FFFF96;
font-weight: bold;
}
/*~[20130049]*/
div .ar {
font-weight: bold;
color: #dd0033;
}
/*~[20130175]*/
.plm {
position: absolute;
top: -81px;
left: 420px;
}
.plm[data-help] {
background-position-y: 4px
}
.plm .cp {
color: red;
text-align: right;
}
/*~[20150011] don't display gray 'uitsteeksel'*/
.plm .qeod {
display: none;
}
/*~[20130175] End change*/
/*~[20130174] ~[20170093] better display of disabled buttons*/
.button.disabled, a.disabled {
color: #CCCCCC !important;
cursor: not-allowed;
}
.button.disabled:hover, .button.disabled:focus, a.disabled:hover, a.disabled:focus {
border: 1px solid gray !important;
background-color: #CCCCCC !important;
color: gray !important;
}
/*~[20130174] End change */
/* ~[MG 19/04/2016] #uRemainingTotal { margin-top:10px; }*/
/*~[20140087]~[MG 19/11/2014]*/
/*#ctl00_cs_btnTryAgain {
position:absolute;
top:24px;
left:620px;
}*/
/*~[20140137] bolletje/doosje vs. text alignment in radio/check boxes*/
.r input, .r label, .its input, .its label, .re label, .ce label {
vertical-align: middle;
}
.re label {
margin-right: 10px;
}
/*~[20160020] JA NEE further apart;*/
/*~[20150017] make multi-line caption of an option control indent properly*/
.lli label {
display: block;
margin-top: -20px;
margin-left: 21px;
}
/*~[20150057] radio button without flupper */
.wof input {
display: none;
}
/*~[20150057] End change*/
/*~[PV30062015] Radio Enum */
.rWrap input {
float: left;
clear: left;
}
.rWrap label {
float: left;
margin-bottom: 5px;
/*~[MG 06/10/2015] for IE7*/
display: inline-block;
width: 200px;
}
/*~[PV30062015] End change */
/*~[MG 12/08/215] NL Issue #51 */
input[type="checkbox"]:focus {
outline: solid 1px #079dc4 !important;
}
/*~[20160077]*/
.Warning input, .ce.Warning {
background-image: url('../Images/warnList.png');
background-repeat: no-repeat;
background-position: right;
background-size: 13px;
border: 1px solid red !important;
}
/*.Warning .dd .qecd { border: red;}*/
/*.Warning input {outline:solid 1px #ff0000!important; border-color: #ff0000;color: #ff0000;background-color: #ffe0ff*/
/*#region ~[20180041] */
.pl-PsiGoodsCodesPC {
table-layout: auto !important;
}
.pl-PsiGoodsCodesPC td:first-child {
width: 110px !important;
}
/*#endregion */
/*#region ~[MG 09/11/2020] nicer focus rectangle
Can't put radius on outline, see https://stackoverflow.com/a/6810937
*/
input:focus, a:focus {
box-shadow: 0 0 0 1px #0767c4; /* darker version of #079dc4*/
border-radius: 2px;
outline: none;
}
/*wel geinig
.dd:focus-within input {
box-shadow: none;
outline: none;
}
.dd:focus-within {
background-color: #079dc4;
}
*/
/* .dd:focus-within a {
filter: contrast(100%);
}*/
/*#endregion */
/* ---------------------------------------------------------------------- */
/* [EOF_AJAX_CONTROLS_CSS] */
/* ~[20170057] + [20180105] Height/Width STATEC restyling a.s.o. ~~ MG ~~ 11/07/2019 16:07*/
/* ~[20170057] + [20180105] conitued ~~ MG ~~ 15/07/2019 16:57*/
/* consistency of read-only text boxes ~~ MG ~~ 30/07/2019 10:45*/
/* ~[20170057] dropdown control read-only too high ~~ PV ~~ 02/08/2019 14:15 */
/* ~[20170057] dropdown control read-only too high ~~ PV ~~ 02/08/2019 14:31 */
/* purge ~~ MG ~~ 12/08/2019 11:34*/
/* ~[20180019] Adding mobile phone number to contact information ~~ MG ~~ 03/10/2019 11:27*/
/* ~[20170057] Increase base width and HEIGHT of application - DK ~~ MG ~~ 14/10/2019 11:56*/
/* ~[20170057] 20190061 20190060 20190059 ~~ MG ~~ 17/10/2019 11:25*/
/* ~[MG 22/11/2019] drop down height issues ~~ MG ~~ 22/11/2019 15:00*/
/* positioning of line model picker ~~ MG ~~ 18/03/2020 16:01*/
/* ~[MG 19/03/2020] Styling improvements of the CN8 auto completion ~~ MG ~~ 19/03/2020 14:24*/
/* ~[MG 28/05/2020] Clickabliity of file upload button ~~ MG ~~ 29/05/2020 08:13*/
/* tag ~~ MG ~~ 30/06/2020 11:15*/
/* ~[MG 28/10/2020] Styling of enum entry ~~ MG ~~ 28/10/2020 15:21*/
/* ~[MG 30/10/2020] enum entries were subtly different from all the other entries + some cleanup ~~ MG ~~ 30/10/2020 09:46*/
/* ~[MG 09/11/2020] nicer focus rectangle ~~ MG ~~ 09/11/2020 11:18*/
/* tesje ~~ MG ~~ 09/11/2020 12:58*/
/* ~[20210005] VP.WEB #5: Adding lines And details; ~~ PV ~~ 26/03/2021 12:12*/
/* ^K^D ~~ MG ~~ 26/03/2021 12:36*/
/* ~[MG 19/10/2021] FF problem ~~ MG ~~ 19/10/2021 15:36*/
/* ~[20210014] IHD - 2021 #3: Thousands indicator; ~~ MG ~~ 27/10/2021 11:48*/
/* nix ~~ MG ~~ 27/10/2021 14:54*/
/* readbility of the colors ~~ MG ~~ 27/10/2021 14:59*/
/* ~[20210014] IHD - 2021 #3: Thousands indicator; prefix ~~ MG ~~ 29/10/2021 12:39*/
/* ~[PV 05/11/2021] Radio-dot overwritten by label with proper color; so better hide the original (on Chrome it's only half overwritten) ~~ PV ~~ 05/11/2021 10:31*/
/* ~[20210014] IHD - 2021 #3: Thousands indicator; ~~ MG ~~ 05/11/2021 11:09*/
/* ~[PV 05/11/2021] reviewed ~~ MG ~~ 11/11/2021 14:49*/
/* ~[MG 08/12/2021] dropshadow ~~ MG ~~ 09/12/2021 13:49*/
/* ~[20210047] Widen 1st column in line details ~[20210016] General improvements; width for all ~~ MG ~~ 10/12/2021 12:45*/
/* ~[20210016] General improvements; handle descriptions that are way to wide ~~ MG ~~ 21/12/2021 13:04*/
/*
'' ----------------------------------------------------------------------
'' Copyright (C) Revolux S.àR.L and STATEC - 2010. All Rights Reserved.
'' ----------------------------------------------------------------------
''
'' Login page styles
''
'' ----------------------------------------------------------------------
'' CHANGE HISTORY
''
''~[20090017] 01/03/2009 Marius Groenendijk
''~IDEP.WEB for STATEC
''
''~[20140038] 15/05/2014 Marius Groenendijk
''~Make use of International TPDs possible.
''
''~[20140059] 27/02/2015 Marius Groenendijk
''~Password recovery
''
'' ~[20210020] Enable 2FA for logging in
'' Better layout/look - Not tagged
''
'' ----------------------------------------------------------------------
*/
/* --- Login page --- */
.classic-login {
float: left;
width: 450px;
margin-left: 250px;
}
.luxtrust-login {
float: left;
width: 450px;
}
.luxtrust-login img {
width: 233px;
height: 92px;
}
.login-instructions {
width: 870px !important;
}
/* info at top of page */
.login-info {
padding: 8px;
width: 432px;
margin-bottom: 16px;
border: solid 1px lightgrey;
border-radius: 4px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
.login-info span {
vertical-align: middle;
}
/* login dialog */
#login {
background-color: #efeeed;
padding: 4px;
width: 440px;
border: solid 1px lightgrey;
border-radius: 4px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
/* title in login dialog */
/*kop: #login*/ h2 {
text-align: center;
}
/* area with the fields */
#login #fields {
margin: 8px;
}
#login #fields div.bordery {
padding: 8px;
margin-bottom: 16px;
border-color: lightgrey;
}
/* the individual rows of label/field */
#login #fields div div {
margin-top: 2px;
margin-bottom: 2px;
}
/* labels of the text boxez */
#login #fields label {
float: left;
margin-top: 0;
}
.gw {
color: #0493ac;
font-size: larger;
}
#ctl00_cc_PanelNo2FA {
margin-top: 16px !important;
}
/* login button */
#login #buttons {
padding-left: 16px;
}
#ctl00_cc_btnLogin {
margin-bottom: 8px;
}
#login .captcha {
margin-left: 8px;
margin-bottom: 12px;
text-align: center;
}
.notificationbox {
margin-top: 8px;
width: 418px;
}
#ctl00_cc_txtUserName, #ctl00_ph_userDetails_UserNameTextBox {
text-transform: uppercase;
}
/*~[20140059]*/
#ctl00_cc_pnlRST {
background-color: #efeeed;
float: left;
width: 434px;
margin-top: 8px;
padding: 8px;
border: solid 1px lightgrey;
border-radius: 4px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
/**/
/*~[20230012] ~[MG 27/04/2023] list of emails */
.loe {
max-height: 200px;
overflow-y: auto;
padding: 4px;
border: solid 1px lightgrey;
border-radius: 4px;
-webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
/**/
/*#[20240018] region Swap panels login and login info, same for SE and LU so removed from SCB.scss*/
/*Also reordered Error command RST panels*/
#ctl00_cc_pnlClassic {
width: 900px;
display: flex;
flex-flow: column;
}
#login {
width: auto;
order: 1;
}
.login-info {
width: auto;
order: 4;
margin-top: 12px;
}
#ctl00_cc_pnlError, #ctl00_cc_valSummary {
width: auto;
order: 2;
}
#ctl00_cc_pnlRST {
width: auto;
order: 3;
}
/*#endregion */
/
/* ---------------------------------------------------------------------- */
/* [EOF] */
/* login page ~~ MG ~~ 09/02/2010 10:06 */
/* troep weg en 'compacted' ~~ MG ~~ 19/02/2010 12:53 */
/* css kop ~~ MG ~~ 02/03/2012 11:04 */
/* doe maar geen spaties en tabs vanwege de optimiser - JIC ~~ MG ~~ 05/07/2012 07:40*/
/* ~[20130034] Increase size of password field. ~~ MG ~~ 25/02/2013 09:44*/
/* kop and lint ~~ MG ~~ 13/12/2013 13:24*/
/* ~[20140038] Make use of International TPDs possible. ~~ MG ~~ 15/05/2014 11:50*/
/* ~[MG 08/07/2014] Casing of username / no more Intl checkbox ~~ MG ~~ 08/07/2014 09:34*/
/* ~[20140059] Password recovery ~~ MG ~~ 27/02/2015 11:32*/
/* ~[20140059] finalised ~~ MG ~~ 19/03/2015 07:51*/
/* ~[20210020] Enable 2FA for logging in ~~ MG ~~ 21/06/2021 15:36*/
/* ~[20200068] TPD should not need to fill in all PSI Details ~~ MG ~~ 02/12/2021 15:03*/
/* ~[20230012] ~[MG 27/04/2023] limit list of email addresses ~~ MG ~~ 28/04/2023 10:48*/
/* ~[20240018] Swap login panel with info panel in main css ~~ WV ~~ 14/11/2024 13:52*/
/* ~[20240018] Swap login panel with info panel moved to main css ~~ WV ~~ 14/11/2024 15:35*/
@charset "UTF-8";#mmenu{background-color:#a0a0a0;}#banner{background-color:#fff;margin:0;padding:0;height:72px;}#rvl-logo{float:left;margin-top:10px;margin-left:6px;}#rvl-logo img{height:53px;width:209px;}#ctl00_pnlTL{float:left;margin-left:40px;}#ctl00_pnlTL ul{margin:0;padding:0;float:left;list-style:none;background:url("../Images/scb/divider.png") no-repeat top left;}#ctl00_pnlTL li{margin:0;padding:12px 9px 0 9px;height:56px;float:left;background-repeat:no-repeat;background-image:url("../Images/scb/divider.png");background-position:top right;}#ctl00_pnlTL a{text-decoration:none;}#loginL{position:absolute;left:710px;top:4px;height:0;}#loginL div{clear:none;}#ctl00_x_loL{text-decoration:none;}.lo,.li{background-image:url("../Images/logout.png");background-repeat:no-repeat;background-position:right center;padding-right:20px;margin-right:6px;line-height:24px;}.bcs{color:#027db0;}.house,#f_IDEP #ctl00_bc{background-image:url("../Images/scb/house.png");background-repeat:no-repeat;background-position:center;text-decoration:none;padding-left:16px;}#f_IDEP #ctl00_bc{color:transparent;margin-left:-20px;}#ctl00_bc span{margin-right:2px;margin-left:2px;white-space:nowrap;}a,a:visited,#footer a,#footer a:visited{color:#0493ac;}input.ib{font-weight:700;}input.button{background-color:#0493ac;border:1px solid #0493ac;color:#fff;outline:invert none 0;line-height:135%;height:2em;padding-left:2px;padding-right:4px;}input.button:focus,input.button:hover,.scn8p:focus,.scn8p:hover,span.button:hover{border:1px solid #faa71b;background-color:#077;}.extra{background-color:#0493ac;border:1px solid #0493ac;color:#fff!important;text-decoration:none;padding:3px 5px 3px 5px;}#srch{background-image:url("../Images/scb/fake-find.png");background-position:right 1px;}.filter .current,.filter .currentT{background-color:#0493ac;}.filter .currentT{font-weight:normal;}#fd-survey,#fd-survey a{width:260px;}th{background-color:#f0f7f9;border-right:solid 1px #d9eff6!important;}caption{background-color:#0493ac!important;color:#fff;}.filler{border:1px solid #0493ac;}#sm4 .filler{width:370px;}#rvl-dl-nav .select a:hover,#rvl-dl-nav .select li:hover a{background:#0493ac;color:#fff;}#rvl-dl-nav .current a{background:#0493ac;color:#fff;}#rvl-dl-nav .sub li a:hover,#rvl-dl-nav .select a:hover .sub li a:hover,#rvl-dl-nav .select li:hover .sub li a:hover{background:#0493ac;color:#fff;}#rvl-dl-nav .sub_active .current_sub a,#rvl-dl-nav .sub_active a:hover{background:#0493ac;color:#fff;}#rvl-dl-nav .select li a:hover .sub,#rvl-dl-nav .select li:hover .sub{background:#0493ac;color:#fff;}#rvl-dl-nav .sub_active{background:#0493ac;color:#fff;}#rvl-dl-nav .sub_active a{background:#0493ac;color:#fff;}#rvl-dl-nav .select a:hover .sub li a,#rvl-dl-nav .select li:hover .sub li a{background:#0493ac;color:#fff;}#rvl-dl-nav a .f{color:#ff9;background-color:#0493ac;}#rvl-dl-nav{background-image:url("../Images/scb/NavigationBg.gif")!important;margin-top:8px;}#rvl-dl-nav .m{background-image:url("../Images/scb/NavigationTab_off.png")!important;background-repeat:no-repeat!important;background-position:left bottom!important;margin-left:0!important;border-right-color:#666!important;}#rvl-dl-nav .pressed,#rvl-dl-nav .pressed .f{background-color:#6499c1!important;}#Xhelp.m{border-right-width:3px!important;}#tm0{padding-left:1em!important;}#ctl00_l{position:absolute;right:16px;top:4px;}#rvl-dl-nav .current .m,#rvl-dl-nav .m:hover{background-image:none!important;border-top:5px solid #faa71b;padding-top:1px!important;margin-top:-5px!important;}#rvl-dl-nav a:hover{filter:alpha(opacity=90)!important;opacity:.9!important;}.ni{width:274px;height:90px;}.disclaimer{padding:4px;background-color:#fff7da;border:dotted 1px #dbcabf;width:600px;}.rfrsh{background-image:url("../Images/scb/refresh.png");}.narrow-table .ce{white-space:nowrap;}.scn8p{background:#0493ac;}.underMenu{border:#0493ac 2px solid;}.ddh{background-color:#0493ac;}.forcedBottom{position:absolute;width:700px;top:326px;}.returns .o td:first-child,.approveAll .o td:first-child,.t2 .o td:first-child{background-image:url("../Images/graydot.png");background-repeat:no-repeat;background-position:4px;}#px .ad{margin-left:0!important;font-style:normal!important;font-size:11px!important;}#px .ea{margin-left:16px;}#px .sc{margin-top:8px;}#px .gc{margin-top:4px;}.abl{background-color:#0493ac;border:1px solid #0493ac;}.abl:hover{background-color:#077!important;}#ctl00_cc_btnPdf{padding-left:28px;padding-right:10px;background-repeat:no-repeat;background-image:url("../Images/pdf.png");background-position:4px center;}.gan{position:fixed;top:26px;left:80px;max-width:750px;width:auto;}#f_SmVessels .rWrap label{white-space:pre-wrap;width:360px;}#f_SmVessels .rvl-details-area{padding:0;border:0;display:flex;flex-direction:column;min-width:910px;max-width:1500px;width:100%;}#f_SmVessels #ctl00_ups,#f_SmVessels #ctl00_cc_up{padding-right:5px;}#f_SmVessels .step{padding-top:15px;margin-right:8px;display:flex;flex-direction:column;width:auto;}#f_SmVessels .stepContainer{display:flex;flex-direction:row;}#f_SmVessels .stepSel{width:auto;}#f_SmVessels #ctl00_ps{min-width:910px;max-width:1500px;border:0;}#f_SmVessels .smVessTable{border-radius:4px;border:2px solid #808080;padding:15px 0 8px 0;margin:8px;float:left;}#f_SmVessels .smVessTable th{min-width:180px;}#f_SmVessels .smVessTable th:first-child{width:auto;}#f_SmVessels .smVessTable td label.readonly{font-weight:normal;}#f_SmVessels .smVessTable td{border:1px solid #d3d3d3;}#f_SmVessels .smVessTable td+td{text-align:center;}#f_SmVessels .smVessTable td+td+td .uc,#f_SmVessels .smVessTable td+td+td+td .uc{margin:4px auto;float:none;}#f_SmVessels #ctl00_cc_fldComments_fd{width:100%!important;}#f_SmVessels #uComments{width:auto!important;padding:0 14px 0 8px;}#f_SmVessels .ro{padding:4px 8px;}#f_SmVessels .vl{float:left;padding:2px 6px 0 0;/*[20200020]*/}#f_SmVessels .v2{float:left;padding:12px 6px 0 0;/*[20200020]*/}#f_SmVessels #uQS271111Units,#f_SmVessels #uQR271111Units{margin-top:7px;}/*[20170039]*//*[20200020]*/.smInfo{padding:4px;width:510px;margin:10px 0 14px 12px;border:1px solid #800000;}.smInfo span{display:block;}#rvl-dl-nav #tm4 #sm4 a[href*="ownloads.aspx"],#f_IDEP #ctl00_cc_lnkDownloads,#f_IDEP #ctl00_cc_lnkHelpSupport,#f_IDEP #ctl00_cc_lnkHelp{display:none!important;}.context-help{display:none;}#left-footer>a:first-child{display:none;}#ctl00_cc_PanelIHD{margin-left:12px;clear:both;padding:8px;width:504px;float:left;background-color:#cfccca;margin-bottom:8px;}#inner-left li{margin-top:8px;margin-bottom:8px;}#inner-right li{margin-top:4px;margin-bottom:4px;}.it .k,.it .de{color:#5c5c5c;font-weight:bold;}#uJustification{width:100%!important;}#uJustification textarea{width:100%!important;border:1px solid #079dc4;}#uJustification textarea[disabled=disabled]{margin-left:16px;width:95%!important;border:0;background-color:transparent;color:#008000;}#uJustification .cp.bs:after{content:none;}li.justification{color:#008000;list-style:none;border:1px solid #079dc4;padding:4px;}.notificationbox h2{margin:60px 0 12px 0;}.rvl-list .stc{background-color:#fff200;}.rvl-list .sti{background-color:#ffabab;}.rvl-list .stw{background-color:#fcd47f;}.rvl-list .ste{background-color:#ffdfdf;}#ctl00_l .c,#ctl00_l .nc{width:54px;height:36px;background-size:contain;margin:0 4px;padding:0;float:left;}#ctl00_l{height:auto;margin-top:0;top:24px;}#ctl00_l .SV{background-image:url("../Images/eu/se.svg");}#ctl00_l .EN{background-image:url("../Images/eu/gb.svg");}#f_ReturnHeaders td.dec{white-space:nowrap;padding-top:4px;}#f_ReturnHeaders td span.cn{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100px;color:#0493ac;padding-left:4px;position:relative;top:-2px;vertical-align:inherit;}#f_ReturnHeaders td span.cn:hover{overflow:unset;text-overflow:unset;max-width:100%;}/*[EOF_SCB_SCSS]*/
/*
'' ----------------------------------------------------------------------
'' Copyright (C) Revolux S.àR.L and IDEP.WEB & SFO.WEB CNAs - 2014-2019.
'' All Rights Reserved.
''
'' Written by Revolux S.àR.L.
''
'' No part of this software may be copied or distributed in any form or by
'' any means without prior written permission of the Copyright owners.
''
'' This file is part of IDEP.WEB and SFO.WEB. IDEP.WEB and SFO.WEB is
'' software written For IDEP.WEB And SFO.WEB CNAs
''
'' IDEP.WEB & SFO.WEB remains property of Revolux' client CNAs
'' Revolux has the right to change any part of the software without notice.
''
'' The Intellectual Property Right is retained by Revolux S.àR.L. Luxembourg.
'' ( This program is -NOT- in the public domain. )
''
'' These copyright and copying conditions cover the all the programs and
'' utilities of IDEP.NET and IDEP.WEB and SFO.WEB written by Revolux.
'' ----------------------------------------------------------------------
'' [PV 21/01/2021] some Swedish tweaks
'' ----------------------------------------------------------------------
*/
/* a little more space for the phonenumber in PSI-details*/
#f_PsiDetails #ctl00_cc_txtVesselsContactPhone_fd, #f_PsiDetails #ctl00_cc_txtIntraArrivalContactPhone_fd, #f_PsiDetails #ctl00_cc_txtIntraDispatchContactPhone_fd {
width: 105px !important;
}
/* Give the announcement some more space*/
/*.gan { left: -1010px; width: 1050px; } */
.lpx, a, .lpx:hover, a:hover {
color: #0493AC;
}
/* ---------------------------------------------------------------------- */
/* [EOF_MS_SE_CSS] */
/* ~[20170057] + [20180105] Height/Width STATEC restyling a.s.o. ~~ MG ~~ 11/07/2019 16:07*/
/* tag ~~ MG ~~ 30/06/2020 11:14*/
/* ~[PV 21/01/2021] some Swedish tweaks ~~ PV ~~ 22/01/2021 17:02*/
/* ~[20210030] Improve search in the large selection lists; elpeeix ~~ MG ~~ 12/10/2021 09:45*/
/* ~[MG 05/01/2022] better positioning of announcement ~~ MG ~~ 05/01/2022 13:45*/