td{padding:0}table,input,select,textarea{font-size:inherit;font-family:inherit;font-weight:inherit;font-variant:inherit;font-style:inherit}body{overflow:hidden;font:8pt Verdana,sans-serif;line-height:1.22;background-attachment:fixed;background-color:[bodyBackgroundColor] ;background-image:[bodyBackgroundImage] ;background-size:[bodyBackgroundSize] ;background-repeat:[bodyBackgroundRepeat] }iframe{border-width:0}.dvp_before_embed_check{display:none}*{background-position:inherit;background-attachment:inherit}.dvp_embed_mode .dvp_hideonembed{display:none}.dvp_my_library_embed_mode .dvp_showonmylibraryembed{display:block}.dvp_showonmobilemode{display:none !important}.dvp_image{border:0}#dvp_titlebar_logo{margin-bottom:-2px}.dvp_layouttable{border-collapse:separate;border-spacing:0;padding:0;margin:0;border:0}.dvp_formtable{border-collapse:separate;border-spacing:2px;padding:0;margin:0;border:0}.dvp_radio,.dvp_checkbox{margin:0}input:focus,select:focus{box-shadow:0 0 0 2pt rgba(72,165,155,0.3);outline:0}img:focus,a:focus,div:focus{box-shadow:0 0 0 2pt rgba(72,165,155,0.3);outline:0;border-radius:4px}.dvp_form{display:inline}.dvp_hidden{display:none}.dvp_heading{font-weight:bold;font-size:110%}#dvp_normalbody{position:relative;z-index:0}#dvp_titlebar_title{white-space:nowrap;display:block}#dvp_titlebar,#dvp_toolbar,#dvp_locationbar{cursor:default}@media print{#dvp_toolbar{display:none !important}}#dvp_locationbar_location_cell{white-space:nowrap}#dvp_locationbar_youarehere{padding:0 4px}.dvp_locationbar_location_element{white-space:nowrap;text-decoration:none;cursor:pointer}.dvp_locationbar_location_element:hover{text-decoration:underline}.dvp_locationbar_button{padding:1px 4px;text-decoration:none;cursor:pointer}.dvp_locationbar_button.disabled{opacity:.5;filter:alpha(opacity=50);cursor:not-allowed}.dvp_titlebar_button{display:block;padding:3px 4px;white-space:nowrap;text-decoration:none;cursor:pointer}#dvp_titlebar_environments{display:inline}#dvp_tabbar{background-repeat:repeat;background-attachment:fixed}#dvp_tabbar_viewport{bottom:-1px;position:relative;overflow:hidden}.dvp_tabbar_spacer{width:5px;height:1px}.dvp_tabbar_tab{padding:0 6px;white-space:nowrap;cursor:pointer;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0}.dvp_tab_contextmenu{display:none}.dvp_tab_contextmenu_selected{display:inline;margin-left:6px;position:relative;top:2px}#dvp_toolbar_buttons{white-space:nowrap}.dvp_toolbar_button{padding:3px 4px;text-decoration:none;cursor:pointer}#dvp_toolbar_clipboard1{white-space:nowrap;text-decoration:none;cursor:pointer;padding:0 3px 0 5px}.dvp_toolbar_clipboard_element:hover{text-decoration:underline}#dvp_sidebar{float:left;width:200px;z-index:598}@media print{#dvp_sidebar{display:none !important}}#dvp_sidebar_parents_content{clear:both}.dvp_sidebar_parent{display:block;padding:4px;overflow:hidden;width:192px;cursor:pointer}#dvp_sidebar_cursor{display:block;padding:4px 0 4px 4px;overflow:hidden;width:196px;cursor:pointer}#dvp_sidebar_children{overflow-x:hidden;overflow-y:auto;position:relative}.dvp_sidebar_child{padding:2px 0 2px 4px;cursor:pointer;position:relative}.dvp_sidebar_child_hidden{padding:2px 0 2px 4px;cursor:pointer;position:relative}.dvp_sidebar_treetop{padding:2px 0 2px 4px;cursor:pointer;position:relative}.dvp_sidebar_treechild{padding:2px 0 2px 4px;cursor:pointer;position:relative}.dvp_sidebar_treetop_hidden{padding:2px 0 2px 4px;cursor:pointer;position:relative}.dvp_sidebar_treechild_hidden{padding:2px 0 2px 4px;cursor:pointer;position:relative}.dvp_sidebar_treechild_content{padding:2px 4px 2px 0;overflow:hidden;position:relative}.dvp_sidebar_child_content{padding:2px 4px;overflow:hidden}.dvp_sidebar_cursor_button{float:right;position:relative;right:1px}.dvp_sidebar_page_button{float:right;position:relative;right:1px;top:2px}.dvp_imagebutton{border:0;padding:1px 2px 2px 1px;cursor:pointer}.dvp_imagebutton.dvp_imagebutton_hover,.dvp_imagebutton.dvp_imagebutton_hover.dvp_imagebutton_checked{border-top:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid #222;border-right:1px solid #222;padding:0 1px 1px 0}.dvp_imagebutton.dvp_imagebutton_hover.dvp_imagebutton_down,.dvp_imagebutton.dvp_imagebutton_hover.dvp_imagebutton_down.dvp_imagebutton_checked,.dvp_imagebutton.dvp_imagebutton_checked{border-top:1px solid #222;border-left:1px solid #222;border-bottom:1px solid #fff;border-right:1px solid #fff;padding:1px 0 0 1px}.dvp_imagebutton_disabled{opacity:.5;filter:alpha(opacity=50);border:1px solid transparent;padding:0 1px 1px 0;cursor:default !important}.dvp_loading{padding:10px}#dvp_loading_layer{position:absolute;z-index:590}#dvp_loading_image{position:absolute}#dvp_simplifiedbar{padding:0 4px}.dvp_simplifiedbar_cell{height:30px}.dvp_simplifiedbar_button{padding:8px 14px 8px 14px;text-decoration:none;height:20px;cursor:pointer;white-space:nowrap}.dvp_simplifiedbar_button.disabled{opacity:.5;filter:alpha(opacity=50);cursor:not-allowed}.dvp_simplifiedbar_imagebutton,.dvp_simplifiedbar_image{margin-top:4px}.dvp_simplifiedbar_iconbutton{cursor:pointer;height:36px;overflow-y:hidden}#dvp_simplifiedbar_navigate{padding-right:14px;padding-left:14px}#dvp_simplifiedbar_pagename{text-align:center;padding:8px 0;height:20px}#dvp_simplifiedbar_bridge{cursor:pointer}#dvp_titlebar{background-color:rgb(20,94,139);background-image:none}#dvp_titlebar_title{color:rgb(51,51,51);font: 24px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN}.dvp_titlebar_button{color:rgb(146,191,223);font: 12px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN;border:0;background:transparent}#dvp_tabbar{background-color:rgb(20,94,139);background-image:none;border-bottom:1px solid rgb(255,255,255)}.dvp_tabbar_tab{background-color:transparent;color:rgb(255,255,255);font: 12px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN;border:1px solid rgb(255,255,255)}.dvp_tabbar_tab.dvp_tabbar_tab_selected{background-color:rgb(255,255,255);color:rgb(0,0,0);border-bottom:rgb(255,255,255)}#dvp_toolbar{background-color:rgb(255,255,255);border-bottom:1px solid rgb(255,255,255)}#dvp_toolbar_clipboard{color:rgb(255,255,255);font: 12px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN;background:transparent}.dvp_toolbar_button{color:rgb(0,0,0);font: bold 12px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN;border:0;background:transparent}#dvp_locationbar{background-color:rgb(255,255,255);color:rgb(68,68,68);border-bottom:none }.dvp_locationbar_location_element{color:rgb(68,68,68);background-color:rgb(255,255,255);border:0;background:transparent}.dvp_locationbar_location_element:hover{color:rgb(0,0,128)}.dvp_locationbar_button{color:rgb(30,108,167);font: bold 11px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN;border:0;background:transparent}#dvp_sidebar{background-color:rgb(255,255,255);background-image:none;background-repeat:repeat;border-right:2px solid rgb(215,215,195);font: 12px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN;color:rgb(0,0,0)}#dvp_sidebar_parents{background-color:rgb(255,255,255)}#dvp_sidebar_cursor{background-color:rgb(221,221,221)}#dvp_sidebar_children{background-image:none;background-repeat:repeat;background-color:rgb(255,255,255)}.dvp_sidebar_treechild{background-color:rgb(255,255,255)}.dvp_sidebar_child_selected{background-color:rgb(0,198,133)}.dvp_sidebar_child_hidden{color:#444}.dvp_sidebar_treetop{background-color:rgb(221,221,221)}.dvp_sidebar_treetop_selected{background-color:rgb(0,198,133)}.dvp_sidebar_treetop_hidden{color:#444}.dvp_sidebar_treechild_hidden{color:#444}#dvp_loading_layer{background-color:rgb(250,250,250)}#dvp_simplifiedbar{background-color:rgb(255,255,255);color:rgb(68,68,68);border-top:1px solid rgb(219,219,219);border-bottom:1px solid rgb(219,219,219);font: 18px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN}.dvp_simplifiedbar_button{color:rgb(55,55,55)}.dvp_simplifiedbar_button:hover{color:rgb(0,180,255)}.dvp_wkhtmltopdf_only{visibility:hidden}#dvp_clickaction_highlight{position:absolute;top:0;left:0;border-style:dashed;z-index:9999}.dvp_clickaction_link_image{cursor:pointer}.dvp_clickaction_link_td{vertical-align:middle;padding-right:6px}.dvp_clickaction_link_td_hover{background-color:#ffd}.print_related_link.disabled_by_portlet,.print_related_link.disabled_by_page{opacity:.5;filter:alpha(opacity=50);pointer-events:none}.dvp_clickaction_link_text{cursor:pointer;white-space:nowrap;padding:2px 8px 2px 4px}.dvp_clickaction_select_all_div{width:100%;border-top:1px solid;border-color:rgb(250,252,254);padding-top:2px;padding-bottom:2px}#dvp_clickaction_highlight{border-color:rgb(128,128,255)}.dvp_clickaction_sub_item{margin-left:10px}.common_menu_scroll{overflow-x:hidden;overflow-y:auto}.common_menu_pad{padding:40px;overflow:hidden;zoom:1}.common_menu_item_pad{float:left;padding:20px}.common_menu_item_pad.disabled{opacity:.5}.common_menu_item_border{border-width:2px;border-style:solid;border-radius:15px;padding:15px 15px 10px 15px;cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.common_menu_item_pad.disabled .common_menu_item_border{cursor:default}.common_menu_item_caption{font: 17px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN;text-align:center}.common_menu_scroll{background:transparent}.common_menu_item_border{border-color:rgb(255,255,255);background:rgb(255,255,255);-moz-box-shadow:3px 3px 4px rgba(0,0,0,0.12);-webkit-box-shadow:3px 3px 4px rgba(0,0,0,0.12);box-shadow:3px 3px 4px rgba(0,0,0,0.12)}.common_menu_item_border:hover{background:rgb(250,255,254)}.common_menu_pad{background:transparent}.di_dialog{position:absolute;border-radius:8px;box-shadow:0 0 16px #444;max-width:100%;background-attachment:scroll;z-index:1}.di_dialog_titlebar{white-space:nowrap;padding:1px 20px 1px 5px;border-radius:8px 8px 0 0}.di_dialog_titlebar_buttons{position:absolute;right:0;top:0}.di_dialog_titlebar_button{padding:3px;outline:0;border-radius:4px;cursor:pointer}.di_dialog_body{padding:4px 5px;border-radius:0 0 8px 8px;overflow:auto}.di_dialog_body.di_dialog_body_extrapadding{padding:9px 11px}.di_dialog_buttons{text-align:right;white-space:nowrap;padding:2pt}.di_dialog_button{margin-left:4px}.di_dialog_fader{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#aaa;opacity:.30;filter:alpha(opacity = 30);z-index:1}.di_message_dialog_extras{padding:4px}.di_message_dialog_extras td{white-space:nowrap}.di_groupbox{padding:1px 1px 0 0}.di_groupbox_label{float:left;padding:0 2px;margin:0 5px;white-space:nowrap}.di_groupbox_border{border:2px groove #fff;margin:7px 0 0 0;padding:7px 4px 4px 4px}.di_groupbox_content{clear:left}.di_dialog_titlebar{background-color:rgb(20,93,138);color:rgb(255,255,255);font: 13px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN;border:1px solid rgb(128,128,128)}.di_dialog_body{background-color:rgb(255,255,255);color:rgb(0,0,0);border-left:1px solid rgb(128,128,128);border-right:1px solid rgb(128,128,128);border-bottom:1px solid rgb(128,128,128)}.di_groupbox_label{background-color:rgb(255,255,255)}.dvp_aboutdialog .di_dialog_body{padding-top:0;padding-left:0;background:#fff;color:#000}.dvp_aboutdialog_version{position:absolute;color:#777 !important;top:78px;left:149px}.dvp_aboutdialog_divelineversion{position:absolute;color:#777 !important;top:93px;left:149px}.dvp_aboutdialog_copyright{width:320px;padding:8px}.dvp_logondialog_image{padding:30px 72px 2px 58px}.dvp_logondialog{background:#fff;color:#000}.dvp_logondialog_version{position:absolute;color:#777;top:102px;left:164px}.dvp_logondialog_table{margin:0 0 5px 62px}.dvp_logondialog_separator{width:20px;height:10px}.dvp_logondialog_separator2{width:10px;height:6px}.dvp_logondialog_copyright{text-align:center;width:326px;padding:20px 0 15px 38px;color:#777;font-size:7pt}.dvp_logondialog_passwordreset{text-align:center}.dvp_logondialog_welcome_outer{text-align:center}.dvp_logondialog_welcome{display:inline-block;max-width:326px;white-space:pre-wrap}.dvp_label{white-space:nowrap}.dvp_readonly_input{border:0}.dvp_readonly_bold_input{border:0;font-weight:bold}.dvp_sharepagedialog_link{padding:2px 5px;margin:10px}.dvp_popup_print_button{margin-right:8px}.dvp_setup_otp_dialog_explanation{padding:5px;max-width:512px}.dvp_setup_otp_dialog_qrcode{padding:10px 128px}.dvp_setup_otp_dialog_verify{padding:5px;margin:0 auto}.dvp_shortcutsdialog_container{width:330px;height:404px}.dvp_shortcutsdialog_folder{font-weight:bold;text-decoration:underline;padding-top:4px}.dvp_shortcutsdialog_none{opacity:.8;font-style:italic}.di_error_dialog_details_outer{overflow:auto;max-height:500px}.grid{position:relative}.responsiveGridLayout{min-height:50px}.userPageGridLayout{min-height:100%}.item{display:block;position:absolute;z-index:1;margin-left:10px;margin-right:10px;margin-top:20px}.responsiveGridItem{margin-left:10px;margin-right:10px;margin-top:20px;margin-bottom:0px}.inEditMode{border-style:dashed;border-width:thin}.responsiveGridPortletContainer{min-height:50px;margin-bottom:5px}.responsiveGridLayout.displayBorder{border-style:solid;border-width:thin;border-color:rgb(204, 204, 204)}.responsiveGridCollapseButton{padding:5px}.userPageStampContainer{min-height:100%}.grabbable:hover{cursor:move;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.grabbable:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.item-edit-layer{position:absolute;left:0;top:0;width:100%;height:100%;display:none}.item-edit-layer.editing{display:block}.item-toolbar{position:absolute;right:10px;top:12px;height:16px}.item.muuri-item-dragging{z-index:3}.item.muuri-item-releasing{z-index:2}.item.muuri-item-hidden{z-index:0}.item-content{position:relative}#dvp_mobile_login{height:95%;padding-top:20px;padding-left:15px;padding-right:15px}#mobile_login_middle{display:table;border:1px solid black;padding-top:40px;height:90%;min-height:300px;width:100%}#mobile_login_container{vertical-align:top;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}#mobile_username,#mobile_password{width:95%}#mobile_poweredby_container{display:table-row;vertical-align:bottom;margin-left:auto;margin-right:auto;width:225px;height:60px;text-align:center;font-size:9px}.mobile_copyright{font-size:8px}#menuDecor{background-repeat:no-repeat;background-position:center center;height:65px}.dvp_mobile_menu_button{background-repeat:no-repeat;background-position:center top;background-attachment:scroll;height:65px;margin:10px;-moz-border-radius:4px;-webkit-border-radius:4px;padding-top:2px;padding-bottom:12px;padding-left:2px;padding-right:2px}#dvp_mobile_nav{width:100%;font-weight:500}#mobile_nav_content{margin:20px}.buttonBox,.topicLevel{font-size:14px;padding:10px}.topicLevel,#tabTitle{padding-left:0}.topicLevel{padding-bottom:0;padding-top:20px}.buttonBox{margin-top:20px;-moz-border-radius:4px;-webkit-border-radius:4px;padding-top:2px;padding-bottom:3px;padding-left:2px;padding-right:2px;background-repeat:no-repeat;background-position:center top;background-attachment:scroll}.buttonBoxDecor{-moz-border-radius:4px;-webkit-border-radius:4px;border:0;border-top:1px solid;padding-top:7px;padding-bottom:6px;padding-left:8px;padding-right:8px;height:100%;background-color:transparent;border-color:#d3d3d3}#buttonContainer{width:43%;padding-left:10px}#tabTitleContainer{width:55%}#tabTitle{font-size:18px;padding:5px;padding-left:00px;font-weight:bold}#titleWrapper{width:100%;height:50px;padding:0;margin-top:0;margin-left:-1px}#tabTitleContainer,#buttonContainer{border:0}.backButton,#logoutButton{color:black;background-color:#bbb;width:100%}.backButton .buttonBoxDecor,#logoutButton .buttonBoxDecor{border-color:#eee}.backButton{height:100%;margin-top:0;text-align:center;padding-bottom:0}#logoutButtonArea{width:50%;padding-bottom:30px}#logoutButton{padding-bottom:0}.backButton .buttonBoxDecor{padding-top:12px}#logoutButton .buttonBoxDecor{padding-top:10px;padding-bottom:13px;padding-left:45px;background-repeat:no-repeat;background-position:10px;background-attachment:scroll}.tabIndexButton{background-color:rgb(47,53,29);color:rgb(255,255,255)}.pageLevel{background-color:rgb(25,87,173);color:rgb(255,255,255);border:none }.tabTitle{border-color:rgb(47,53,29)}#dvp_mobile_menu_button{background-color:rgb(255,255,255)}.buttonBox{background-image:url(/diveport/static/a6b93896d6efd9d5/images/radial.png)}#menuDecor{background-image:url(/diveport/static/a6b93896d6efd9d5/images/menu-icon.png)}.dvp_mobile_menu_button{background-image:url(/diveport/static/a6b93896d6efd9d5/images/radial.png)}#logoutButton div{background-image:url(/diveport/static/a6b93896d6efd9d5/images/logout-icon.png)}#dvp_page_container{position:relative}#dvp_page_outer{position:absolute;overflow:auto}@media print{#dvp_page_outer{overflow:visible !important}}.dvp_layout_column{vertical-align:top}.dvp_instance{padding:3px;position:relative}.dvp_instance_title{padding-left:4px;padding-right:20px;cursor:default;position:relative}.dvp_instance_title_buttons{position:absolute;right:0;top:0}.dvp_instance_body{padding:0}#dvp_page_outer{background-color:rgb(250,250,250);background-image:none;background-repeat:repeat;background-attachment:scroll}#dvp_page_outer.logon_dialog_open{background-image:none}.dvp_instance_border{background-color:rgb(255,255,255);background-image:none;background-repeat:repeat}.dvp_instance_title{background-color:rgb(20,93,138);color:rgb(255,255,255);font: 13px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN;border:1px solid rgb(128,128,128);border-bottom:0}.dvp_instance_body_border{color:rgb(0,0,0);border:1px solid rgb(128,128,128)}.dvp_instance_body{color:rgb(0,0,0)}.dvp_instance_stale{-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);opacity:.5;-moz-opacity:.5}.dvp_instance_stale .dvp_instance_stale{-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);opacity:1;-moz-opacity:1}#dvp_librarybar{background-color:rgb(225,37,26);color:rgb(255,255,255);border-bottom:1px solid rgb(255,255,255);display:flex;align-items:center}#dvp_librarybar_active_shelf_container{flex:1;min-width:100px}#dvp_librarybar_bridge{cursor:pointer}#dvp_librarybar_page_buttons_container{display:flex;align-items:center;padding-right:10px}.librarybar_button{color:rgb(255,255,255);background-color:transparent;font: 15px Verdana,sans-serif;padding:8px;text-decoration:none;cursor:pointer;white-space:nowrap}.librarybar_button.disabled{opacity:.5;filter:alpha(opacity=50);cursor:not-allowed}.librarybar_bridge_button{padding-left:4px;padding-right:3px}#dvp_librarybar_library_button_chevron img{width:6px;padding:3px}#dvp_library_popup_fader{background:rgba(170,170,170,0.2);position:absolute;inset:0;z-index:800}#dvp_library_popup{background-color:rgb(245,245,245);backdrop-filter:blur(50px) saturate(200%);border-radius:0 0 8px 8px;filter:drop-shadow(0 8px 8px rgba(0,0,0,0.3));position:absolute;top:0;left:30px;right:30px;height:auto;max-height:calc(100% - 30px);overflow-y:auto;z-index:801}#dvp_navigator{width:275px;position:absolute;box-shadow:4px 0 4px #888;transition:all .12s linear;z-index:600}#dvp_navigator_list{overflow-y:auto;overflow-x:hidden;height:100%}#dvp_navigator_resize{float:right;height:100%;width:5px;cursor:col-resize}#dvp_navigator_busy{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#fff;opacity:.60;filter:alpha(opacity = 60);z-index:2;background-attachment:scroll;background-position:50% 50%;background-repeat:no-repeat;background-origin:border-box}#dvp_navigator_fader{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#aaa;opacity:.20;filter:alpha(opacity = 20);z-index:600}.dvp_navigator_padding{height:4px}.dvp_navigator_addpagerow{color:#999;padding:3px 3px 3px 5px;cursor:pointer;border-top:1px solid transparent;border-bottom:1px solid transparent}.dvp_navigator_addpagerow:hover{color:#0076ff}.dvp_navigator_item{clear:both}.dvp_navigator_indent{height:25px;float:left}.dvp_navigator_expand{width:18px;height:25px;float:left;background-attachment:scroll}.dvp_navigator_row{position:relative;border-top:1px solid transparent;border-bottom:1px solid transparent}.dvp_navigator_closed>.dvp_navigator_container{display:none}.dvp_navigator_name{padding-top:5px;padding-bottom:7px;cursor:pointer;overflow:hidden}.dvp_navigator_flag{color:#500;padding-left:5px}.dvp_navigator_menubutton{position:absolute;top:0;right:0;width:21px;height:25px;background-attachment:scroll;cursor:pointer}@media print{#dvp_navigator{display:none !important}}#dvp_navigator{background-color:rgb(255,255,255);font: 14px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN;color:rgb(0,0,0)}#dvp_navigator_busy{background-image:url(/diveport/static/a6b93896d6efd9d5/images/working.gif)}#dvp_navigator_resize{background-color:rgb(228,228,230)}.dvp_navigator_row:hover{background-color:rgb(240,250,255);border-color:rgb(240,250,255)}.dvp_navigator_active>.dvp_navigator_row{background-color:rgb(240,250,255);border-color:rgb(240,250,255)}.dvp_navigator_selected>.dvp_navigator_row{background-color:rgb(190,216,228) !important;border-color:rgb(108,161,185) !important}.dvp_navigator_open>.dvp_navigator_row>.dvp_navigator_expand{background-image:url(/diveport/static/a6b93896d6efd9d5/images/navigator/open.png)}.dvp_navigator_closed>.dvp_navigator_row>.dvp_navigator_expand{background-image:url(/diveport/static/a6b93896d6efd9d5/images/navigator/closed.png)}.dvp_navigator_open>.dvp_navigator_row>.dvp_navigator_expand:hover{background-image:url(/diveport/static/a6b93896d6efd9d5/images/navigator/open-hover.png)}.dvp_navigator_closed>.dvp_navigator_row>.dvp_navigator_expand:hover{background-image:url(/diveport/static/a6b93896d6efd9d5/images/navigator/closed-hover.png)}.dvp_navigator_row:hover>.dvp_navigator_menubutton{background-image:url(/diveport/static/a6b93896d6efd9d5/images/navigator/menu.png)}.dvp_navigator_row:hover>.dvp_navigator_menubutton:hover{background-image:url(/diveport/static/a6b93896d6efd9d5/images/navigator/menu-hover.png)}.widget_button{width:105px;height:50px;margin:8px 4px;background-color:rgb(255,255,255);border:1px solid rgb(34,34,34);color:rgb(34,34,34);text-align:center;text-decoration:none;display:inline-block !important;cursor:pointer;border-radius:6px;font: 12px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN;visibility:inherit;position:relative;overflow:hidden}.widget_button:not(.editing):hover{background-color:rgb(72,165,155);color:rgb(255,255,255);border:1px solid rgb(255,255,255)}.widget_button.selected{background-color:rgb(238,128,7);color:rgb(255,255,255);border:1px solid rgb(255,255,255)}.widget_button .edit_controls{position:absolute;top:0;left:0;right:0}.widget_button .edit_controls .grab_texture{width:12px;margin:0 auto;cursor:pointer}.widget_button .edit_controls .menu_button{position:absolute;top:0;right:1px;opacity:.5}.widget_button_shelf{display:flex}.widget_button_shelf .m_grid{position:relative;flex:1;min-height:50px}.widget_button_shelf.scroll .m_grid{overflow:hidden;height:66px}.widget_button_shelf .m_item{position:absolute;z-index:1}.widget_button_shelf .m_item.muuri-item-dragging{z-index:2}.widget_button_shelf .scroll_button{width:26px;height:50px;margin:8px 4px;border-radius:6px;background-color:rgba(255,255,255,0.5);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;flex-basis:26px;flex-grow:0;flex-shrink:0;visibility:hidden}.widget_button_shelf.scroll .scroll_button{visibility:visible}.widget_button_shelf.scroll .m_grid{overflow:hidden;height:66px}.widget_button_shelf .scroll_button:hover{background-color:rgba(255,255,255,0.8)}.widget_button_shelf .scroll_button img{width:8px;height:14px}.widget_button_shelf .widget_button.placeholder{visibility:hidden;width:0;margin-left:0;margin-right:0;border-left:0;border-right:0;padding-left:0;padding-right:0}.dvp_canvas{cursor:default;position:relative}.dvp_canvas_outer{overflow:hidden;position:relative}.dvp_canvas_vscrolldiv{position:absolute;right:0}.dvp_canvas_hscrolldiv{position:absolute;bottom:0}.dvp_canvas_cell_loading{background:#eee}.dvp_canvas_cell{position:absolute}.dvp_canvas_cell_image{border:0;position:absolute}#dvp_canvas_lasso{position:absolute;border:2px dashed #008}.comboOuter{max-height:300px;display:block;position:absolute;overflow:auto;border:1px solid black;background:white}.comboOuter div{padding-left:5px;padding-right:5px}.comboRegular{font:black;background:white}.comboHighlight{font:white;background:#ccc}.comboMessage{font-style:italic;font-size:90%;color:#777;background:white;padding-top:3px;padding-bottom:3px}.di_icon{display:inline-block;box-sizing:border-box;position:relative}.di_icon_img{display:block;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.di_icon_button.disabled{opacity:.5}.di_icon_button.enabled.dummy_button:hover{background-color:transparent}.di_icon_button.enabled:hover{background-color:rgb(230,230,230)}.di_icon_button.enabled:hover img{background-color:transparent}.widget_library_button{width:200px;height:50px;margin:8px 4px;background-color:rgb(255,255,255);border:1px solid rgb(34,34,34);color:rgb(34,34,34);display:flex;align-items:center;cursor:pointer;border-radius:6px;visibility:inherit;position:relative}.widget_library_button .icon{width:20px;margin:5px}.widget_library_button .middle{width:140px;flex:1;display:flex;flex-direction:column;text-align:left;height:100%;justify-content:center;min-width:0}.widget_library_button .middle .text{color:#0686dc;white-space:normal;overflow:hidden;font: 11px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN plain 13 red;margin:1px}.widget_library_button .middle .text.oneline{white-space:nowrap;text-overflow:ellipsis}.widget_library_button .middle .subtitle{color:#676767;text-transform:uppercase;font-size:12px;font: bold 11px Verdana,sans-serif;margin:1px}.widget_library_button .arrows{width:10px;margin-right:5px}.dvp_list{cursor:default;margin:1px;zoom:1;position:relative}.dvp_list_header_table{border-collapse:separate;border-spacing:0;padding:0;margin:0;border:0;font-weight:bold;white-space:nowrap}.dvp_list_header{overflow:hidden;padding:1px 3px}.dvp_list_outer{overflow-y:scroll;position:relative}.dvp_list_data_table{border-collapse:separate;border-spacing:0;padding:0;margin:0;border:0;white-space:nowrap}.dvp_list_data{overflow:hidden;padding:1px 3px 0 3px}.dvp_list_float_table{position:absolute;border-collapse:separate;border-spacing:0;padding:0;margin:0;border:0}.dvp_list{background-color:#fff;color:#000;border:1px solid #888}.dvp_list_header_div{border-bottom:1px solid #888}.dvp_list_data_row_hover{background-color:#e0efff;color:#000}.dvp_list_data_row_selected{background-color:#7ebfdd;color:#fff}.dvp_list_float_row{background-color:#7ebfdd;color:#fff}.di_menu{z-index:999999;position:absolute;padding:4px}.di_menu_inner{cursor:pointer;overflow-x:hidden;overflow-y:auto;height:100%}.di_menu_inner.scrollbar .di_menu_item{padding-right:22px;margin-right:2px}.di_menu:focus{outline:0}.di_menu_item_icon{vertical-align:middle;padding-right:3px}.di_menu_item_text{padding:0 2px;vertical-align:middle}.di_menu_item{padding:4px 6px;white-space:nowrap;text-align:left}.di_menu_item_separator{height:8px;width:50px}.di_menu{color:rgb(0,0,0);background:rgb(255,255,255);border:1px solid rgb(128,128,128);border-radius:5px;box-shadow:0 0 7px #888}.di_menu_item{border-radius:3px}.di_menu_item_selected{color:rgb(0,0,0);background:rgb(126,191,221)}.di_page_container{position:relative;overflow:hidden}.di_page_container_page{position:absolute}.di_page_container table{padding-right:2px}.dvp_pagepicker{white-space:nowrap}.dvp_colorpickerdialog{position:absolute;top:0;left:0;cursor:pointer}.dvp_colorpicker_container #widget-colorpicker-hexDiv{padding-top:3px;clear:both}.dvp_colorpicker_container #widget-colorpicker-window br{clear:both;margin:0;padding:0}.dvp_colorpicker_container #widget-colorpicker-window select{position:relative;top:4px}.dvp_colorpicker_container #widget-colorpicker-SV{position:relative;float:left;height:166px;width:167px;margin-right:10px;cursor:crosshair;-moz-user-select:none;-khtml-user-select:none;user-select:none}.dvp_colorpicker_container #widget-colorpicker-SVslide{position:absolute;top:-4px;left:-4px;height:9px;width:9px;line-height:1px}.dvp_colorpicker_container #widget-colorpicker-H{position:relative;float:left;top:5px;width:19px;padding:0;cursor:ns-resize;-moz-user-select:none;-khtml-user-select:none;user-select:none}.dvp_colorpicker_container #widget-colorpicker-Hslide{position:absolute;top:-7px;left:-8px;height:5px;width:33px;line-height:1px}.dvp_colorpicker_container #widget-colorpicker-Hmodel{position:relative;top:-5px}.dvp_colorpicker_container #widget-colorpicker-Hmodel div{height:1px;width:19px;margin:0;padding:0;font-size:1px;line-height:1px}.dvp_fontpickerdialog{position:absolute;width:310px;height:156px}.dvp_fontpickerdialog_container div.form-1{margin:5px 0 0}.dvp_fontpickerdialog_container div.form-2,#widget-fontpicker-window div.form-3{margin:5px 10px 0}.dvp_fontpickerdialog_container div.form-2 label{position:relative;top:-2px;left:2px;margin-right:9px}.dvp_fontpickerdialog_container div.form-3 textarea{padding:3px;width:282px;height:35px}.dvp_colorpickerdialog{border:1px solid rgb(128,128,128);background-color:rgb(255,255,255);color:rgb(0,0,0)}.dvp_colorpicker_container #widget-colorpicker-SV{background:#f00 url(/diveport/static/a6b93896d6efd9d5/images/colorpicker/SatVal.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=url(/diveport/static/a6b93896d6efd9d5/images/colorpicker/SatVal.png),sizingMethod='scale')}.dvp_colorpicker_container #widget-colorpicker-SVslide{background:url(/diveport/static/a6b93896d6efd9d5/images/colorpicker/slide.gif)}.dvp_colorpicker_container #widget-colorpicker-Hslide{background:url(/diveport/static/a6b93896d6efd9d5/images/colorpicker/slideHue.gif)}.dvp_colorpicker_container #widget-colorpicker-window select{border:1px solid rgb(128,128,128);background-color:rgb(255,255,255)}.dvp_fontpickerdialog{border:1px solid rgb(128,128,128);background-color:rgb(255,255,255);color:rgb(0,0,0);font: 13px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN}.dvp_fontpickerdialog_container div.title{background-color:rgb(20,93,138);color:rgb(255,255,255);font: 13px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN;border:1px solid rgb(128,128,128)}.dvp_fontpickerdialog_container div.form-3 textarea{border:1px solid rgb(128,128,128)}.dvp_scrollbar{cursor:default;position:relative;z-index:2}.dvp_scrollbar_track{position:absolute;top:0;left:0;bottom:0;right:0}.dvp_scrollbar_thumb{border-style:solid;position:absolute;top:0;left:0;bottom:0;right:0;border-radius:5px}.dvp_scrollbar{background-color:rgb(243,243,243)}.dvp_scrollbar_thumb{background-color:rgb(183,183,183);border-color:rgb(243,243,243)}.dvp_scrollbar_thumb_hover{background-color:rgb(77,77,77)}.widget_sitemap_row{display:flex;align-items:flex-start}.widget_sitemap_row .sitemap_shelf{flex:1}.sitemap_row_left{display:flex;align-items:center;height:66px}.sitemap_row_left .icon{width:25px;height:25px;margin-left:30px;margin-right:12px}.sitemap_row_left .label{color:rgb(34,34,34);font: 14px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN;text-transform:uppercase;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sitemap_row_left .edit{color:rgb(251,96,127);font: 14px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN;white-space:normal;margin:2px;cursor:pointer;flex:0;margin-left:15px}.sitemap_row_left .menu{width:25px;height:25px;margin:2px;cursor:pointer;flex:0;margin-left:15px;visibility:hidden}.widget_sitemap_row:hover .sitemap_row_left .menu{visibility:visible}.widget_sitemap_section{padding:15px 0}.widget_sitemap_section_header{display:flex;align-items:center;min-height:25px}.widget_sitemap_section_header>.labels{display:flex;flex-wrap:wrap;row-gap:6px}.widget_sitemap_section_header>.icons{flex:1;display:flex;justify-content:flex-end;margin-right:20px;gap:15px}.widget_sitemap_section_header>.icons .icon{width:25px;height:25px;cursor:pointer}.widget_sitemap_section_header.collapsed>.icons{display:none}.widget_sitemap_section_label{background-color:rgb(225,37,26);border-radius:11px;padding:3px 10px;margin-left:15px;display:flex;align-items:center;white-space:nowrap}.widget_sitemap_section_label.collapsible{cursor:pointer}.widget_sitemap_section_label>.labels .label{color:rgb(255,255,255);font: 14px Segoe UI,Verdana,sans-serif,Microsoft YaHei,Source Han Sans CN}.widget_sitemap_section_label>.arrow{margin-left:10px;width:15px}.widget_sitemap_section_rows.collapsed{display:none}.dvp_table{position:relative}.dvp_table_vscrolldiv{position:absolute;right:0}.dvp_table_hscrolldiv{position:absolute;bottom:0}.dvp_table_inner{position:relative}.dvp_table_table{cursor:default;zoom:1;border-collapse:collapse;border-spacing:0;border:0}.dvp_table_cell{white-space:nowrap;overflow:hidden;padding:1px 2px}.dvp_table_header{font-weight:bold}.dvp_table_cell_hover{cursor:pointer}.dvp_table_extra_cell{height:1px}.di_text{display:inline;position:relative;overflow:hidden}.di_text_input{font:inherit;box-sizing:border-box;min-height:23px;border:1px solid #aaa;padding-left:3px;padding-right:3px}.di_text_input::-ms-clear{display:none}.di_text_placeholder{cursor:text;position:absolute;white-space:nowrap;color:rgb(160,160,160)}.di_text_icon{position:absolute}.di_text_button{position:absolute}.di_tooltip{position:absolute;padding:5px 8px;z-index:1000000}.di_tooltip{color:rgb(0,0,0);background:rgb(255,255,255);border:1px solid rgb(128,128,128);border-radius:5px}.dvp_tooltip{position:absolute;z-index:100000}.dvp_tooltip{padding:2px 4px;color:rgb(0,0,0);background:rgb(255,255,255);border:1px solid rgb(0,0,0)}@media print{.dvpScreenOnly{display:none}}@media screen{.dvpPrintOnly{display:none}}.dvpSimpleForm{display:inline} /** * Name: DIUX Base Css elements * Version: 1.5 * Last modified date: 03.14.2020 * Modified by: John Hu */ :root { --main_color_1: rgb(225,37,26); --main_color_2: rgb(238,128,7); --main_color_3: rgb(72,165,155); --main_color_1_opace: rgba(225,37,26,0.3); --main_color_2_opace: rgba(230,127,0,0.3); --main_color_3_opace: rgba(72,165,155,0.3); --main_grey_light: rgb(232, 232, 232); --main_grey_dark: rgb(120,120,120); --main_black_light: rgb(51,51,51); } body { font-family: 'Segoe UI', sans-serif, Verdana, 'Microsoft YaHei', '微软雅黑', 'Source Han Sans CN'; } .dvp_instance_body { height: 100%; } /* fix font cutoff and add ellipsis */ .dip_measures_table_cell > div > div > div { width: 100%; overflow: hidden; text-overflow: ellipsis; height: auto !important; } .dip_measures_table_cell > div > div > div > canvas { position: relative !important; vertical-align: middle; top: 0 !important; } .dip_measures_table_cell > div > div > div > div { height: auto !important; } /* measures table style & allow to stretch tables */ /* .dip_measures_table_cell:not(.dip_measures_table_header) { border: 1px solid #EDF3FD; border-left: 0; border-right: 0; } */ /* .dip_measures_table_oddrow { background: #FAFCFE; } */ .dvp_table_vscrolldiv .dvp_scrollbar { width: 13px !important; background-color: #f3f3f3; border-radius: 3px; } .dvp_table_vscrolldiv .dvp_scrollbar_thumb { width: 9px !important; background-color: #B7B7B7; border-color: #f3f3f3; } .dvp_table_vscrolldiv .dvp_scrollbar_thumb_hover { background-color: #4D4D4D; } .dvp_table_hscrolldiv .dvp_scrollbar { height: 13px !important; background-color: #f3f3f3; border-radius: 3px; } .dvp_table_hscrolldiv .dvp_scrollbar_thumb { height: 9px !important; background-color: #B7B7B7; border-color: #f3f3f3; } .dvp_table_hscrolldiv .dvp_scrollbar_thumb_hover { background-color: #4D4D4D; } .dvp_layout_column{ padding:0px; margin:0px; border-collapse:collapse; } .dvp_instance{ padding:0px; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body div#dvp_titlebar { padding-left: 18px; height: 60px; background: #fafafa; background: -moz-linear-gradient(-45deg, #fafafa 0%, #fafafa 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, #fafafa), color-stop(100%, #fafafa 5%)); background: -webkit-linear-gradient(-45deg, #fafafa 5%, #fafafa 100%); background: -o-linear-gradient(-45deg, #fafafa 5%, #fafafa 100%); background: -ms-linear-gradient(-45deg, #fafafa 5%, #fafafa 100%); background: linear-gradient(100deg, #fafafa 5%, #fafafa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa', GradientType=1 ); } body #dvp_titlebar .dvp_layouttable input:hover { color: var(--main_color_2); } body #dvp_titlebar { background-color: #F1F1F1; border-color: #2A4D6B; } body #dvp_tabbar { background: #145E8B; background: -moz-linear-gradient(-45deg, #258AB5 0%, #145E8B 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, #258AB5), color-stop(100%, #145E8B 5%)); background: -webkit-linear-gradient(-45deg, #258AB5 5%, #145E8B 100%); background: -o-linear-gradient(-45deg, #258AB5 5%, #145E8B 100%); background: -ms-linear-gradient(-45deg, #258AB5 5%, #145E8B 100%); background: linear-gradient(100deg, #258AB5 5%, #145E8B 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258AB5', endColorstr='#145E8B', GradientType=1 ); } body #dvp_titlebar_title { margin: 12px 20px 0px 20px; height: 40px; font-weight: 500; text-align: left; } body #dvp_titlebar_title .tm { color: #75B3EA; } body #dvp_titlebar_title .by { color: #679bcb; /*text-shadow: 0 0 2px #2f5a82;*/ text-shadow: none; display: none; } body div#dvp_simplifiedbar { background-color: var(--main_color_1); /* height:100px; */ border-top: 6px solid white; border-bottom: 1px solid #dbdbdb; font-size: 18px; font-family: "Segoe UI", Helvetica Neue, Helvetica, Helvetica, Tahoma, Arial, sans-serif; } body .dvp_simplifiedbar_button{ color:#ffffff; font-size: 18px; font-family: "Segoe UI", Helvetica Neue, Helvetica, Helvetica, Tahoma, Arial, sans-serif; } body div#dvp_simplifiedbar_pagename{ font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size: 18px; color: #ffffff; overflow:visible !important; position: absolute; left: 50%; top: 64px; transform: translateX(-50%); } body #dvp_tabbar td.dvp_tabbar_tab#dvp_tab_feedback { padding-left: 18px; border: 0 none; text-indent: 0; text-transform: lowercase; color: #80b9f2; width: auto; background: transparent; } #dvp_sidebar_cursor { background: #dddddd; } body #dvp_sidebar_parents { background: #FFFFFF; } body #dvp_sidebar_children { background: #FFFFFF; } body #dvp_sidebar_children .dvp_sidebar_treetop, body #dvp_sidebar_children .dvp_sidebar_treechild { background: #FFFFFF; border-top: 1px solid #b6b6b6; border-bottom: 1px solid #999999; font-family: "Segoe UI", Tahoma, Helvetica, sans-serif; color: white; } body #dvp_sidebar_children .dvp_sidebar_treetop_selected, body #dvp_sidebar_children .dvp_sidebar_child_selected { background-color: #00C685; color: white; } body #dvp_sidebar_children .dvp_sidebar_page_button { padding: 3px; } body #dvp_sidebar_children div.dvp_sidebar_treetop, body #dvp_sidebar_children div.dvp_sidebar_treechild { position: relative; height: 27px; } body #dvp_sidebar_children .dvp_sidebar_treechild_content img.dvp_image { position: absolute; left: -33px; top: 1px; padding: 4px; width: 16px; height: 16px; background-repeat: no-repeat; background-position: 4px 4px; background-color: white; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } body #dvp_sidebar_children div.dvp_sidebar_treechild_content { position: absolute; left: 37px; font-size: 12pt; line-height: 135%; padding-left: 0px !important; text-indent: 0px !important; } body #dvp_sidebar_children .dvp_sidebar_treechild div.dvp_sidebar_treechild_content { left: 51px; } body #dvp_sidebar_children img.dvp_sidebar_page_button { top: 0px; } body #dvp_sidebar_children div.dvp_sidebar_treechild_hidden { display: none; } body .dip_menu{ background-color:rgba(0, 0, 0, 0); } body .common_menu_scroll{ background-color:rgba(0, 0, 0, 0); } body .common_menu_pad{ padding: 40px; background-color:rgba(0, 0, 0, 0); } .common_menu_item_border{ border: 2px solid white; background: #ffffff; height: 175px; /*Shadow*/ -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.12); /*Rounded Corners*/ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; /*Gradient*/ background-image: -o-linear-gradient(top, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0.02)); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(top, rgba(255, 255, 255, 1), rgba(0, 0, 0, 0.02)); /*Transition*/ -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; } .common_menu_item_border:hover{ border:2px solid #00C685; background-color: #FAFFFE; background-color: var(--main_color_2); } body .dvp_formtable { font: 10pt "Segoe UI", Tahoma, Helvetica, sans-serif; color: #333333; line-height: 25px; } body .dvp_formtable input { border: 1px solid #cccccc; } body .dvp_pagepicker input { width: 18px; margin: 0px 5px; border: 1px solid #dddddd; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } /* Highlight/hover settings for measures portlet rows/headers */ body .dip_measures_table_header.dip_measures_table_cell_hover { background: var(--main_color_3_opace) none repeat scroll 0 0 !important; border-top: 1px solid var(--main_grey_light); border-bottom: 1px solid var(--main_grey_light); } .dip_measures_table_cell_hover { background-color: var(--main_color_3_opace) !important; } body td.dip_measures_table_header { border-bottom: 1px solid #DDDDDD; } body .di_dialog_titlebar_button { padding-top: 10px; padding-right: 10px; width: 16px; height: 16px; } body .di_dialog_titlebar { padding: 0px 10px 0px 7px; font: 14px "Segoe UI", Tahoma, Helvetica, sans-serif, arial; font-weight:600; text-align:center; color: #FFFFFF; border:hidden; height:34px; line-height:34px; background: -moz-linear-gradient(-45deg, var(--main_color_1) 0%, var(--main_color_1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, var(--main_color_1)), color-stop(100%, var(--main_color_1))); background: -webkit-linear-gradient(-45deg, var(--main_color_1) 0%, var(--main_color_1) 100%); background: -o-linear-gradient(-45deg, var(--main_color_1) 0%, var(--main_color_1) 100%); background: -ms-linear-gradient(-45deg, var(--main_color_1) 0%, var(--main_color_1) 100%); background: linear-gradient(135deg, var(--main_color_1) 0%, var(--main_color_1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--main_color_1)', endColorstr='var(--main_color_1)', GradientType=1 ); border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; vertical-align: bottom; } body div.dvp_dialog_title div { height: 22px; line-height: 150%; } body div.dvp_dialog_title div.dvp_dialog_title_buttons { top: 4px; right: 4px; } body .dvp_imagebutton, body .dvp_imagebutton.dvp_imagebutton_hover, body .dvp_imagebutton.dvp_imagebutton_hover.dvp_imagebutton_down { border: 0px none; padding: 0px; } body .dvp_imagebutton, body .dvp_imagebutton.dvp_imagebutton_hover, body .dvp_imagebutton.dvp_imagebutton_hover.dvp_imagebutton_down { width: 11px !important; } body div.dvp_dialog_body { border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; } body .sg_dialog div.dvp_dialog_body { padding: 0px; } body .dvp_errordialog div.dvp_dialog_body form div div { padding: 3px 4px 0px; } .dvp_logondialog { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:transparent; box-shadow: none !important; } .dvp_logondialog > .di_dialog_titlebar { display: none; } .dvp_logondialog > .di_dialog_body { border: none; background: transparent; } .dvp_logondialog_table { position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% + 170px)); width: 300px; height: 500px; margin: 0; } input[name=username] { position: absolute; width: 100%; height: 30px; top: 80px; left: 0px; font-size: 18px; text-indent: 10px; border-radius: 10px; } input[name=password] { position: absolute; width: 100%; height: 30px; top: 170px; left: 0px; font-size: 18px; text-indent: 10px; border-radius: 10px; } input[di_dialog_elem=logon] { position: absolute; top: 270px; left: 0px; width: 100%; height: 50px; background-color: #0086B5; font-weight: bold; font-size: 16px; border: none !important; border-radius: 20px; cursor: pointer; transition: all 0.5s; color: #FFFFFF; /*Shadow*/ -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); } input[di_dialog_elem=logon]:hover { background-color: rgb(0, 175, 120); /*Shadow*/ -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 175, 120,0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 175, 120,0.5); box-shadow: 0px 0px 10px 0px rgba(0, 175, 120,0.5); } label[di_lang_text="ui.logon.username"] { position: absolute; top: 50px; left: 0px; } label[di_lang_text="ui.logon.password"] { position: absolute; top: 140px; left: 0px; } body .dvp_logondialog_version{ margin-top:20px; } body .dip_marker_hover_text { display: none; visibility: hidden; } body .dvp_titlebar_button { color: #222222; font: 11px "Segoe UI"; border: 0px none; background: none repeat scroll 0% 0% transparent; padding-top:5px; } .dvp_editing_portletmenu { widows: 12px; height: 12px; } body #dvp_titlebar_environments{ } body #dvp_page_outer{ border:none !important; background-color: #fafafa; overflow: auto; } body .common_menu_item_caption{ line-height:20px !important; } body #dvp_simplifiedbar_navigate{ } .dip_mfmatrix_measure_header { color: #0264C0; } .dip_mfmatrix_data_header { color: #0264C0; } .dip_measures_table_oddrow { background: #f7f7f7; } .dip_measures_table_evenrow { background: #FFFFFF; } /* QV-Picklist: customization [Start] */ /* quickview portlet: background coloring for highlighted rows. */ .dip_quickview_item_tr.highlighted, .dip_quickview_item_tr.highlighted td { background-color: var(--main_color_3_opace); } /* quickview portlet: background coloring for selected rows. */ .dip_quickview_item_tr.selected { background-color: var(--main_color_3_opace); } /* quickview portlet: background coloring for hovering over rows. */ .dip_quickview_item_tr:hover { background-color: var(--main_color_3_opace); } /* quickview portlet: font coloring for selected values. */ .dip_quickview_item_tr.selected .dip_quickview_item, .dip_quickview_item.selected { color: var(--main_color_black_light); } /* QV-Picklist: customization [End] */ .dip_collapsed_selector { color: #222222 !important; font-weight: bold !important; height: 22px; padding-left: 8px; padding-bottom: 2px; background:rgba(255, 255, 255, 0) none repeat scroll 0% 0% / auto padding-box border-box; border: 1px solid rgba(0, 0, 0, 0) !important; border-radius: 0; border-bottom: 1px solid var(--main_color_2) !important; -webkit-appearance:none; -moz-appearance: none; -ms-appearance: none; } td > select.dip_selector_value_screen { color: var(--main_color_3) !important; font-weight: bold !important; height: 22px; padding-left: 8px; padding-bottom: 2px; background:rgba(255, 255, 255, 0) none repeat scroll 0% 0% / auto padding-box border-box; border: 1px solid rgba(0, 0, 0, 0); border-radius: 0; border-bottom: 1px solid var(--main_color_3); -webkit-appearance:none; -moz-appearance: none; -ms-appearance: none; } td > select.dip_selector_value_screen:hover { color: black !important; height: 22px; padding-left: 8px; padding-bottom: 2px; background:rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box; border: 1px solid rgba(0, 0, 0, 1); -webkit-appearance: menulist; -moz-appearance: menulist; -ms-appearance: menulist; } td > select.dip_selector_value_screen::-ms-expand { opacity: 0.01; } td > select.dip_selector_value_screen:hover::-ms-expand { opacity: 1; } .dip_selector_label { height: 32px; } .di_dialog_body { background-color: #ffffff; } /* QV-Buttons: customization [End] */ .qv_button_td { padding-left: 2px !important; padding-bottom: 0px; } .qv_button { background-color: rgb(255,255,255); color: rgb(95,95,95); font: bold 11px 'Segoe UI', Verdana; border-color: transparent; border-width: 1px; border-radius: 0px; padding: 5px 10px; text-align: center; width: 100%; } .qv_button.selected { background-color: #0086b4; /* background-color: var(--main_color_3); */ color: rgb(255,255,255); cursor: default; } .qv_button:hover { background-color: var(--main_color_2); color: rgb(255,255,255); } /* QV-Buttons: customization [End] */ /* DIUX UI: Page Title [Start] */ .ui_pageTitle { font-family: 'Segoe UI', sans-serif, Verdana, 'Microsoft YaHei', '微软雅黑', 'Source Han Sans CN'; font-size: 26px; font-weight: bold; text-align: left; display: block; line-height: 26px; color: #222222; } /* DIUX UI: Page Title [End] */ /* DIUX UI: Stamp [Start] */ .ui_stamp_body { box-sizing: border-box; width: 100%; height: 100%; padding: 20px; background-color:white; border-radius:6px; -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); } .ui_stampTitle { font: bold 16px 'Segoe UI', Verdana; color: #222222; margin: 0; line-height: 20px; } /* DIUX UI: Stamp [End] */ /* DIUX UI: Analysis Stamp [Start] */ .ui_analysisStamp_body { box-sizing: border-box; width: 100%; height: 100%; border-radius: 8px; background-color: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); border: 2px solid #6464BF; } .ui_analysisStamp_titleBar { position: relative; width: 100%; height: 31px; left: 0px; top: 0px; background-color: #E6E6FF; border-top-left-radius: 6px; border-top-right-radius: 6px } .ui_analysisStamp_titleIcon { background-repeat: no-repeat; background-position: left top; background-size: 100%; width: 15px; height: 14px; float: left; margin-left: 10px; margin-top: 8px; } .ui_analysisStamp_title { margin-left: 10px; margin-top: 8px; float: left; } .ui_analysisStamp_title_line { position: relative; width: 100%; height: 1px; top: 0px; left: 0px; background-color: #ABABE2; border: none; } /* DIUX UI: Analysis Stamp [End] */ /* DIUX UI: Measures Stamp [Start] */ .ui_measuresStamp_body { box-sizing: border-box; width: 100%; height: 100%; border-radius: 8px; background-color: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); border: 2px solid #006FDE; } .ui_measuresStamp_titleBar { position: relative; width: 100%; height: 31px; left: 0px; top: 0px; background-color: #D9E9FA; border-top-left-radius: 6px; border-top-right-radius: 6px } .ui_measuresStamp_titleIcon { background-repeat: no-repeat; background-position: left top; background-size: 100%; width: 14px; height: 14px; float: left; margin-left: 10px; margin-top: 8px; } .ui_measuresStamp_title { margin-left: 10px; margin-top: 8px; float: left; } .ui_measuresStamp_title_line { position: relative; width: 100%; height: 1px; top: 0px; left: 0px; background-color: #006FDE; border: none; } /* DIUX UI: Measures Stamp [End] */ /* DIUX UI: Time Range [Start] */ .ui_timeRange_background { position: absolute; border-radius: 0px; box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #88C0E6; background-color: #F0F9FE; } .ui_timeRange_icon { background-repeat: no-repeat; background-position: left top; background-size: 100%; width: 16px; height: 19px; float: left; margin-left: 12px; margin-top: 9px; } /* DIUX UI: Time Range [End] */ /* DIUX UI: Green Header Group [Start] */ .ui_greenColumnHeader { width: 100%; height: 100%; background-color: #F2FFFC; border-top: 2px solid #00C189; border: 1px solid #5A5A5A; } /* DIUX UI: Green Header Group [End] */ /* DIUX UI: Blue Header Group [Start] */ .ui_blueColumnHeader { width: 100%; height: 100%; background-color: #f2f9fd; border-top: 2px solid #0f6299; border: 1px solid #5A5A5A; } /* DIUX UI: Blue Header Group [End] */ /* DIUX UI: Wizard UI (Vertical) [Start] */ .ui_wizard { height: 100%; width: 100%; padding: 0; border: 0; border-spacing: 0; } .ui_verticalWizard_verticalLine { position: absolute; border-left: solid #B4B4B4 1px; height: 100%; left: 26px; top: 0; z-index: -1; } .ui_wizardItemList { vertical-align: middle; } .ui_verticalWizardItem { vertical-align: middle; transform: translateY(-25px); } .ui_verticalWizard_itemHeader { position: absolute; width: 50px; height: 50px; border-radius: 30px; border: #FFFFFF solid 2px; background-color: white; font-size: 30px; font-family: 'Segoe UI', Verdana, sans-serif; color: #A1A1A1; line-height: 50px; } .ui_verticalWizard_itemHeader_completed { position: absolute; width: 50px; height: 50px; border-radius: 30px; border: #FFFFFF solid 2px; background-color: #6FD084; font-size: 30px; font-family: 'Segoe UI', Verdana, sans-serif; line-height: 50px; } .ui_verticalWizard_itemHeader_current { position: absolute; width: 50px; height: 50px; border-radius: 30px; border: 8px solid; border-color: rgba(58, 153, 252, 0.9); background-color: #007BFF; font-size: 30px; font-family: 'Segoe UI', Verdana, sans-serif; color: white; line-height: 50px; } .ui_verticalWizard_itemHeader>img { display: none; } .ui_verticalWizard_itemHeader_completed>img { width: 20px; height: 20px; position: relative; left: 50%; transform: translateX(-50%); } .ui_verticalWizard_itemHeader_current>img { display: none; } .ui_verticalWizard_itemHeader_completed_number { display: none; } .ui_verticalWizard_itemHeader_number { margin-top: -1px; text-align: center; vertical-align: middle; } .ui_verticalWizard_itemTitle { position: absolute; font-size: 16px; font-weight: bold; font-family: 'Segoe UI', Verdana, sans-serif; color: #A1A1A1; margin-top: 15px; margin-left: 68px; } .ui_verticalWizard_itemTitle_completed { position: absolute; font-size: 16px; font-weight: bold; font-family: 'Segoe UI', Verdana, sans-serif; color: #333333; margin-top: 15px; margin-left: 68px; } .ui_verticalWizard_itemTitle_current { position: absolute; font-size: 24px; font-weight: bold; font-family: 'Segoe UI', Verdana, sans-serif; color: #333333; margin-top: 15px; margin-left: 68px; } .ui_verticalWizard_itemDescription { position: absolute; font-size: 13px; font-family: 'Segoe UI', Verdana, sans-serif; color: #A1A1A1; margin-top: 45px; margin-left: 68px; } /* DIUX UI: Wizard UI (Vertical) [End] */ /* DIUX UI: Wizard UI (Horizontal) [Start] */ .ui_horizontalWizard_row { width: 100%; padding: 0; border: 0; border-spacing: 0; } .ui_horizontalWizard_horizontalLine { position: relative; border-top: solid #B4B4B4 1px; width:100%; top: -28px; z-index: -1; } .ui_wizardItemList { vertical-align: top; } .ui_wizardItem { background-color: grey; } .ui_horizontalWizard>div {} .ui_horizontalWizard_item {} .ui_horizontalWizard_itemHeader { position: relative; left: 50%; transform: translateX(-50%); margin-top: 10px; width: 50px; height: 50px; border-radius: 30px; border: #898888 solid 1px; background-color: white; font-size: 30px; font-family: 'Segoe UI', Verdana, sans-serif; color: #898888; line-height: 50px; } .ui_horizontalWizard_itemHeader_completed { position: relative; left: 50%; transform: translateX(-50%); margin-top: 10px; width: 50px; height: 50px; border-radius: 30px; border: none; background-color: #3A99FC; font-size: 30px; font-family: 'Segoe UI', Verdana, sans-serif; line-height: 50px; } .ui_horizontalWizard_itemHeader_current { position: relative; left: 50%; transform: translateX(-50%); margin-top: 10px; width: 50px; height: 50px; border-radius: 30px; border: none; background-color: #007BFF; font-size: 30px; font-family: 'Segoe UI', Verdana, sans-serif; color: white; line-height: 50px; } .ui_horizontalWizard_itemHeader>img { display: none; } .ui_horizontalWizard_itemHeader_completed>img { width: 20px; height: 20px; position: relative; left: 50%; transform: translateX(-50%); } .ui_horizontalWizard_itemHeader_current>img { display: none; } .ui_horizontalWizard_itemHeader_completed_number { display: none; } .ui_horizontalWizard_itemHeader_number { margin-top: -1px; text-align: center; vertical-align: middle; } .ui_horizontalWizard_itemTitle { font-size: 16px; font-weight: bold; font-family: 'Segoe UI', Verdana, sans-serif; color: #B4B4B4; text-align: center; margin-top: 10px; padding-left: 10px; padding-right: 10px; } .ui_horizontalWizard_itemTitle_completed { font-size: 16px; font-weight: bold; font-family: 'Segoe UI', Verdana, sans-serif; color: #222222; text-align: center; margin-top: 10px; padding-left: 10px; padding-right: 10px; } .ui_horizontalWizard_itemTitle_current { font-size: 16px; font-weight: bold; font-family: 'Segoe UI', Verdana, sans-serif; color: #222222; text-align: center; margin-top: 10px; padding-left: 10px; padding-right: 10px; } .ui_horizontalWizard_itemDescription { font-size: 13px; font-family: 'Segoe UI', Verdana, sans-serif; color: #B4B4B4; text-align: center; padding-left: 10px; padding-right: 10px; } /* DIUX UI: Wizard UI (Horizontal) [End] */ /* DIUX UI: Blue Button [Start] */ .ui_blueButton_body { width: 100%; height: 100%; border-radius: 8px; background: #2385B0; color: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); } .ui_blueButton_title { position: absolute; font-size: 13px; top: 6px; text-align: center; } /* DIUX UI: Blue Button [End] */ /* DIUX UI: Landing Page Banner (Style1: Left) [Start] */ .landingBanner_background_style1 { width: 1320px; height: 235px; background-image: url("$(IMAGES_URI)/bannerBackground_style1@2x.png"); background-repeat: no-repeat; background-size: cover; background-position: top; } .landingBanner_mainTitle_style1 { font-family: 'Segoe UI', sans-serif, Verdana, "Microsoft YaHei", "微软雅黑", "Source Han Sans CN"; width: 1000px; text-align: left; font-size: 70px; color: white; text-shadow: 3px 4px 10px rgba(0, 0, 0, 0.25); position: absolute; top: 85px; left: 75px; letter-spacing: 2px; } .landingBanner_subTitle_style1 { font-size: 22px; font-family: 'Segoe UI', sans-serif, Verdana, "Microsoft YaHei", "微软雅黑", "Source Han Sans CN"; width: 1000px; text-align: left; color: white; font-weight: 300; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25); position: absolute; top: 158px; left: 80px; letter-spacing: 2px; } .landingBanner_menuTitle_style1 { position: absolute; top: 300px; left: 0px; width: 1320px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; color: #9D9D9D; font-weight: bold; font-size: 16px; font-family: 'Segoe UI', sans-serif, Verdana, "Microsoft YaHei", "微软雅黑", "Source Han Sans CN"; } .landingBanner_logoBox_style1 { border-radius: 30px; width: 190px; height: 190px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; position: absolute; top: 85px; left: 80px; } /* DIUX UI: Landing Page Banner (Style1: Left) [End] */ /* DIUX UI: Landing Page Banner (Style2: Left, Logo) [Start] */ .landingBanner_background_style2 { width: 1320px; height: 235px; background-image: url("$(IMAGES_URI)/bannerBackground_style2@2x.png"); background-repeat: no-repeat; background-size: cover; background-position: top; } .landingBanner_mainTitle_style2 { font-family: 'Segoe UI', sans-serif, Verdana, "Microsoft YaHei", "微软雅黑", "Source Han Sans CN"; width: 1000px; text-align: left; font-size: 70px; color: white; text-shadow: 3px 4px 10px rgba(0, 0, 0, 0.25); position: absolute; top: 85px; left: 335px; letter-spacing: 2px; } .landingBanner_subTitle_style2 { font-size: 22px; font-family: 'Segoe UI', sans-serif, Verdana, "Microsoft YaHei", "微软雅黑", "Source Han Sans CN"; width: 1000px; text-align: left; color: white; font-weight: 300; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25); position: absolute; top: 182px; left: 338px; letter-spacing: 2px; } .landingBanner_menuTitle_style2 { position: absolute; top: 300px; left: 0px; width: 1320px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; color: #9D9D9D; font-weight: bold; font-size: 16px; font-family: 'Segoe UI', sans-serif, Verdana, "Microsoft YaHei", "微软雅黑", "Source Han Sans CN"; } .landingBanner_logoBox_style2 { border-radius: 30px; width: 190px; height: 190px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; position: absolute; top: 85px; left: 80px; } /* DIUX UI: Landing Page Banner (Style2: Left, Logo) [End] */ /* IE 11 CSS */ @media screen and(-ms-high-contrast:active),(-ms-high-contrast:none) { .ui_blueButton_body { box-shadow: 0px 0px 18px rgba(0,0,0, 0.1); } .ui_stamp_body { box-shadow: 0px 0px 18px rgba(0,0,0, 0.1); } .ui_analysisStamp_body { box-shadow: 0px 0px 18px rgba(0,0,0, 0.1); } .ui_measuresStamp_body{ box-shadow: 0px 0px 18px rgba(0,0,0, 0.1); } .common_menu_item_border { box-shadow: 0px 0px 18px rgba(0,0,0, 0.1); } .dvp_logondialog_table { transform: translate(-50%, -50%); margin-top: 80px; } .dvp_logondialog_image { transform: translate(-50%, -50%); margin-top: -200px; } .dvp_logondialog_version { transform: translate(-50%, -50%); margin-top: -140px !important; } .landingBanner_mainTitle_style2 { top: 70px; } .landingBanner_subTitle_style2 { top: 175px; left: 339px; } } /* TOC conditional navigation style */ /* standard*/ .toc_conditional_nav { background-color: rgb(255, 255, 255); border-radius: 0px; padding: 10px; margin-left: 4px; margin-right: 4px; text-align: center; line-height: normal; cursor: pointer; font-family: 'Segoe UI'; font-style: normal; font-size: 13px; font-weight: normal; text-decoration: none; color: rgb(95, 95, 95); } div.toc_conditional_nav:hover { background-color:#5cb2e0; /* background-color: var(--main_color_2); */ color: #ffffff; } /* blue*/ .toc_conditional_nav_blue { background-color: #0486DC; border-radius: 0px; padding: 10px; margin-left: 4px; margin-right: 4px; text-align: center; line-height: normal; font-family: 'Segoe UI'; font-style: normal; font-size: 13px; font-weight: normal; text-decoration: none; color: #ffffff; } /* subTOC standard*/ .toc_conditional_nav_sub { background-color: rgb(245, 245, 245); border-radius: 0px; padding: 5px; margin-left: 4px; text-align: center; line-height: normal; cursor: pointer; font-family: 'Segoe UI'; font-style: normal; font-size: 13px; font-weight: normal; text-decoration: none; color: rgb(95, 95, 95); } div.toc_conditional_nav_sub:hover { background-color:#5cb2e0; color: #ffffff; } /* blue*/ .toc_conditional_nav_sub_blue { background-color: #0486DC; border-radius: 0px; padding: 5px; margin-left: 4px; margin-right: 4px; text-align: center; line-height: normal; font-family: 'Segoe UI'; font-style: normal; font-size: 13px; font-weight: normal; text-decoration: none; color: #ffffff; } /** * Name: Custom css elements for CapaciteitsPlanner * DIUX Version: 1.4 DIUX skin * Last modified date: 28.01.2025 * Modified by: Wouter Koop */ :root { --main_color_1: rgb(225,37,26); --main_color_2: rgb(238,128,7); --main_color_2_opace: rgba(230,127,0,0.3); --main_grey_light: rgb(232, 232, 232); --main_grey_dark: rgb(120,120,120); } /* DIUX UI: StartStamp [Start] */ .ui_startStamp_body { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 0px 8px 8px 0px; background: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); box-sizing: border-box; } .ui_startStampTitle { font: bold 16px 'Segoe UI', Verdana; color: #222222; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: StartStamp [End] */ /* DIUX UI: Static Information Panel [Start] */ .ui_staticInformation_background { width: 100%; height: 100%; padding: 20px; background-color: rgba(69,142,185, 0.05); border: 1px solid #C8E0ED; border-left: 4px solid #458EB9; box-sizing: border-box; border-radius: 4px; } .ui_staticInformation_icon { background-repeat: no-repeat; background-position: left top; background-size: 100%; width: 16px; height: 19px; float: left; margin-right: 0px; } .ui_staticInformation_text { font: 13px 'Segoe UI', Verdana; color: #458EB9; margin-left: 36px; line-height: 20px; text-align: left; } /* DIUX UI: Static Information Panel [End] */ /* DIUX UI: Grey Veil [Start] */ .ui_veilStamp_body { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 8px 8px 8px 8px; background: rgba(255, 255, 255, 0.7); box-sizing: border-box; } /* DIUX UI: Grey Veil [End] */ /* DIUX UI: Stamp Bodies [Start] */ .ui_stamptopleft_body { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 8px 0px 0px 0px; background: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); box-sizing: border-box; } .ui_stampleft_body { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 8px 0px 0px 8px; background: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); box-sizing: border-box; } .ui_stampbottomright_body { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 0px 0px 8px 0px; background: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); box-sizing: border-box; } .ui_stampbottomleft_body { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 0px 0px 0px 8px; background: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); box-sizing: border-box; } .ui_stampMainNavbottomleft_body { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 0px 0px 0px 8px; border-left: 359px solid #f6f6f6; background: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); box-sizing: border-box; } .ui_stamptopmid_body { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 0px 0px 0px 0px; background: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); box-sizing: border-box; } .ui_stamptopright_body { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 0px 8px 0px 0px; background: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); box-sizing: border-box; } .ui_stampsquare_body { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 0px 0px 0px 0px; background: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); box-sizing: border-box; } .ui_stampright_body { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 0px 8px 8px 0px; background: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); box-sizing: border-box; } .ui_stampbottom_body { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 0px 0px 8px 8px; background: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); box-sizing: border-box; } .ui_stamptop_body { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 8px 8px 0px 0px; background: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); box-sizing: border-box; } .ui_legendbottom_body { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 0px 0px 8px 8px; background-color: #F3F3F3; border-top: 1px solid #e2e2e2; box-sizing: border-box; } .ui_legendright_body { width: 100%; height: 100%; padding: 0px 20px 20px 20px; position: absolute; border-radius: 0px 0px 8px 0px; background-color: #F3F3F3; border-top: 30px solid #e2e2e2; box-sizing: border-box; } .ui_legendSquare_body { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 0px 0px 0px 0px; background-color: #F3F3F3; border-top: 1px solid #e2e2e2; box-sizing: border-box; } /* DIUX UI: Stamp Bodies [End] */ /* DIUX UI: DetailButton & Icon [Start]*/ .ui_detailButton_body { width: 100%; height: 100%; padding: 2px; box-sizing: border-box; border-radius: 8px; background-color: transparent; border:0px solid #B2B2B2; font: 10px 'Segoe UI', Verdana; color: transparent; margin-top: 1px; line-height: 12px; text-align: left; } .ui_detailButton_body:hover { width: 100%; border:1px solid #B2B2B2; background-color: #B2B2B2; color: white; margin-top: 0px; } .ui_detailButton_icon { background-repeat: no-repeat; background-position: left top; background-size: 100%; width: 15px; height: 10px; float: left; margin-top: 0px; } /* DIUX UI: DetailButton & Icon [End] */ /* DIUX UI: MainListRowButton & Icon [Start]*/ /* For Row buttons WITH label OR Header Rows use this one*/ .ui_mainListRowButton_body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; height: 100%; font: 16px 'Segoe UI', Verdana; color: #222222; text-align: left; line-height: 18px; padding-left: 10px; padding-top: 10px; } .ui_mainListRowButton_body:hover { background-color: rgba(111, 208, 132, 0.5); color: #333333; } /* For Row buttons WITHOUT label use this one*/ .ui_mainListRowButton2_body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; height: 100%; font: 16px 'Segoe UI', Verdana; color: #222222; text-align: left; line-height: 18px; padding-left: 10px; padding-top: 17px; } .ui_mainListRowButton2_body:hover { background-color: rgba(84,139,180, 0.7); color: #FFFFFF; } .ui_ListRowButton_sublabel { font: 11px 'Segoe UI', Verdana; color: #878787; text-align: left; line-height: 12px; } .ui_mainListRowButton_icon { position: relative; top: calc(50% - 15px); background-size: 100%; width: 10px; height: 20px; float: right; margin-right: 10px; } /* DIUX UI: MainListRowButton & Icon [End] */ /* DIUX UI: Current Page [Start] */ .ui_currentPage_body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; height: 100%; padding-top: 10px; padding-left: 10px; background-color: rgba(0, 134, 180, 0.1); border-right:4px solid #0086b4; font: bold 16px 'Segoe UI', Verdana; color: #222222; line-height: 18px; text-align: left; } /* For Row buttons WITHOUT label use this one*/ .ui_currentPage2_body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 100%; height: 100%; padding-top: 17px; padding-left: 10px; background-color: rgba(0, 134, 180, 0.1); border-right:4px solid #0086b4; font: bold 16px 'Segoe UI', Verdana; color: #222222; line-height: 18px; text-align: left; } /* DIUX UI: Current Page [End] */ /* DIUX UI: Light Grey Header Group [Start] */ .ui_lightgreyColumnHeader { width: 100%; height: 100%; background-color: #fdfdfd; } /* DIUX UI: Light Grey Header Group [End] */ /* DIUX UI: Grey Top Header Group [Start] */ .ui_greytopColumnHeader { width: 100%; height: 100%; background-color: #f7f7f7; border-top: 2px solid #B2B2B2; } /* DIUX UI: Grey Header Group [End] */ /* DIUX UI: MENU title [Start] */ .landingBanner_menuTitle_custom { color: #9D9D9D; font-weight: bold; font-size: 14px; } /* DIUX UI: MENU title [End] */ /* DIUX UI: InfoStamp [Start] */ .ui_InfoStamp_background { position: absolute; border-radius: 8px; padding: 10px 10px 10px 10px; width: calc(100% - 2px); height: calc(100% - 2px); border: 0px solid #B2B2B2; background-color: #f7f7f7; box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); } /* DIUX UI: InfoStamp [End] */ /* DIUX UI: Label [Start] */ .ui_labelTitle { font: 12px 'Segoe UI', Verdana; color: #878787; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: Label [End] */ /* DIUX UI: Label Right [Start] */ .ui_labelTitle_right { font: 12px 'Segoe UI', Verdana; color: #878787; margin: 0; line-height: 20px; text-align: right; } /* DIUX UI: Label Right[End] */ .ui_labelTitle_center { font: 12px 'Segoe UI', Verdana; color: #878787; margin: 0; line-height: 20px; text-align: center; } /* DIUX UI: Label Right[End] */ /* DIUX UI: Label_grey [Start] */ .ui_labelTitleGrey { font: 13px 'Segoe UI', Verdana; color: #787878; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: Label_grey [End] */ /* DIUX UI: Label_Blue [Start] */ .ui_labelTitleBlue { font: 16px 'Segoe UI', Verdana; color: #2385B0; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: Label_Blue [End] */ /* DIUX UI: Label_Regular_Blue [Start] */ .ui_labelRegularBlue { font: 14px 'Segoe UI', Verdana; color: #2385B0; margin: 0; line-height: 16px; text-align: left; } /* DIUX UI: Label_Regular_Blue [End] */ /* DIUX UI: Label_Green [Start] */ .ui_labelTitleGreen { font: 16px 'Segoe UI', Verdana; color: #00c585; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: Label_Green [End] */ /* DIUX UI: GraphLegend_Blue [Start] */ .ui_graphlegendBlue { font: 13px 'Segoe UI', Verdana; color: #0086b4; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: GraphLegend_Blue [End] */ /* DIUX UI: MeasureHeader_Blue Center[Start] */ .ui_measureheaderBlue { font: bold 12px 'Segoe UI', Verdana; color: #0264C0; margin: 0; line-height: 20px; text-align: center; } /* DIUX UI: MeasureHeader_Blue Center [End] */ /* DIUX UI: MeasureHeader_Blue Left [Start] */ .ui_measureheaderBlueLeft { font: bold 12px 'Segoe UI', Verdana; color: #0264C0; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: MeasureHeader_Blue Left [End] */ /* DIUX UI: GraphLegend_Green [Start] */ .ui_graphlegendGreen { font: 13px 'Segoe UI', Verdana; color: #00c585; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: GraphLegend_Green [End] */ /* DIUX UI: Label_Black [Start] */ .ui_labelTitleBlack { font: 13px 'Segoe UI', Verdana; color: #222222; margin: 0; line-height: 20px; text-align: left; } .ui_labelTitleBlackRight { font: 13px 'Segoe UI', Verdana; color: #222222; margin: 0; line-height: 20px; text-align: right; } /* DIUX UI: Label_Black [End] */ /* DIUX UI: Label_Black_Small [Start] */ .ui_labelTitleBlackSmall { font: 10px 'Segoe UI', Verdana; color: #222222; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: Label_Black_Small [End] */ /* DIUX UI: Label_BIG-green [Start] */ .ui_labelTitleGreenBig { font: bold 24px 'Segoe UI', Verdana; color: #00C189; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: Label_BIG-green [End] */ /* DIUX UI: Label_BIG JGZ advisor [Start] */ .ui_labelTitleBig { font: 16px 'Segoe UI', Verdana; color: #222222; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: Label_BIG JGZ advisor [End] */ /* DIUX UI: Label_Small Cap [Start] */ .ui_labelTitleSmall { font: 13px 'Segoe UI', Verdana; color: #007DFF; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: Label_Small Cap [End] */ /* DIUX UI: Label_Mid Cap [Start] */ .ui_labelTitleMedium { font: 16px 'Segoe UI', Verdana; color: #007DFF; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: Label_Mid Cap [End] */ .ui_helpText { font: 13px 'Segoe UI', Verdana; color: #000000; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: Label_BIG-blue [Start] */ .ui_labelTitleBlueBig { font: bold 24px 'Segoe UI', Verdana; color: #2385B0; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: Label_BIG-blue [End] */ /* DIUX UI: Label_BIG-red [Start] */ .ui_labelTitleRedBig { font: bold 24px 'Segoe UI', Verdana; color: #f53a3a; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: Label_BIG-red [End] */ /* DIUX UI: Label_BIG-black [Start] */ .ui_labelTitleBlackBig { font: bold 24px 'Segoe UI', Verdana; color: #222222; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: Label_BIG-black [End] */ /* DIUX UI: Filter Stamp [Start] */ .ui_filterStamp_background { position: absolute; border-radius: 8px; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid rgb(212,212,212); /* background-color: rgba(238, 128, 7,0.05); */ background-color: rgb(252,252,252); } .ui_filterStamp_icon { background-repeat: no-repeat; background-position: left top; background-size: 100%; width: 16px; height: 19px; float: left; margin-left: 12px; margin-top: 9px; } /* DIUX UI: Filter Stamp [End] */ /* DIUX UI: Filter INStamp [Start] */ .ui_FilterINStampRange_background { position: absolute; border-radius: 0px; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #88C0E6; background-color: #F0F9FE; } .ui_timeRange_icon { background-repeat: no-repeat; background-position: left top; background-size: 100%; width: 16px; height: 19px; float: left; margin-left: 18px; margin-top: 12px; } /* DIUX UI: Filter INStamp [End] */ /* DIUX UI: InfoDB background [Start] */ .ui_infoDB_background { position: absolute; border-radius: 0px; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #2385B0; background-color: #88C0E6; } /* DIUX UI: InfoDB background [End] */ /* DIUX UI: InfoDB background White [Start] */ .ui_infoDB_backgroundWhite { position: absolute; border-radius: 2px; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #2385B0; background-color: #FFFFFF; } /* DIUX UI: InfoDB background White [End] */ /* DIUX UI: JGZ Stamp (blue) [Start] */ .ui_blueStamp_background { position: absolute; border-radius: 8px; padding: 10px 10px 10px 20px; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #0f6299; background-color: #f2f9fd; } /* DIUX UI: JGZ Stamp (blue) [End] */ /* DIUX UI: VVE Stamp (green) [Start] */ .ui_greenStamp_background { position: absolute; border-radius: 8px; padding: 10px 10px 10px 20px; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid #00C189; background-color: #F2FFFC; } /* DIUX UI: VVE Stamp (green) [End] */ /* news */ .viewport-rounded { height: 100%; border-radius: 6px; overflow: hidden; } .news-list { overflow-y: auto; height: 100%; } .news-list .news-item { padding: 8px 20px 8px 20px; border: 1px solid transparent; } .news-list .news-item:nth-of-type(odd) { background: #FAFCFE; border-color: #EDF3FD; border-left-color: transparent; } .news-item .subject { font: bold 14px 'Segoe UI', Verdana; text-align: left; line-height: 20px; white-space: nowrap; vertical-align: text-bottom; color: #222222; } .news-item .body { font: 13px 'Segoe UI', Verdana; color: #222222; width: 640px !important} .news-item .body p { margin-top: 0; } .news-item .date { padding: 4px 4px 4px 710px; font: bold 12px 'Segoe UI', Verdana; color: #006FDE; width: 80px !important; min-width: 50px; } /* DIUXTRA [Start] */ .dvp_iframedialog .di_dialog_body { padding: 0px; } .dvp_iframedialog .di_dialog_body iframe { border: 0; } .dvp_iframedialog .di_dialog_body .di_dialog_buttons { display: none; } .topLeft { padding-top: 5px; position: relative; } .poweredBy { font-size: 12px; color: rgba(255,255,255, 0.7); top: 16px; margin-left: 15px; font-style: italic; letter-spacing: .03rem; } .landingBanner_mainTitle_style1,.landingBanner_subTitle_style1 { line-height:13.3333px; } /* chord chart */ body .chord-chart .label { font: 11.0px 'Segoe UI' !important; } /* map portlet legenda */ g.tick text { font: 11.0px 'Segoe UI' !important; } /* standard graphs */ .xy-chart .axis, .axis-text-extent { font: 11px 'Segoe UI' !important; } /* DIUXTRA [End] */ /* DIUX UI Toeleidingsschema: Label [Start] */ .ui_schemalabelTitle { font: 10px 'Segoe UI', Verdana; color: #B4B4B4; margin: 0; line-height: 20px; text-align: left; } .ui_schemalabelTitleBlue { font: 12px 'Segoe UI', Verdana; color: #2385B0; margin: 0; line-height: 20px; text-align: left; } .ui_schemalabelTitleGreen { font: 12px 'Segoe UI', Verdana; color: #00c585; margin: 0; line-height: 20px; text-align: left; } .ui_schemalabelTitleBlack { font: 12px 'Segoe UI', Verdana; color: #222222; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI Toeleidingsschema: Label [End] */ /* DIUX UI padding top for images in measure portlet [start] */ td.dip_measures_table_cell div div img { top:2px !important; } .dip_measures_table_icell > div > div > div { height: 20px !important; } /* DIUX UI padding top for images in measure portlet [end] */ /* DIUX UI text coloring [start] */ .colorBlue { color:#0086b4; } .colorGreen { color:#00c585; } /* DIUX UI text coloring [end] */ /* DIUX UI toc menu fix [start] */ body div.common_menu_item_caption{ font: 17px 'Segoe UI', Verdana !important; line-height: 20px !important; height: 40px !important; } /* DIUX UI toc menu fix [end] */ /* DIUX UI remove unnecessary QV padding space [start] */ td.dip_selector_label_left { padding-left: 3px !important; } .dip_selector_label { padding-right: 3px !important; } /* DIUX UI remove unnecessary QV padding space [end] */ /* JW Arentshorst 2022-08-08: Give [GO] button a color when user has changed the selection */ input:not([disabled])[id*="gobutton"] { background: rgb(0,134,180); color: rgb(255,255,255); } .infobox { width:550px; max-height: 600px; font-size:13px; padding-left:30px; padding-right:30px; } /*Voor 1 regel informatie text als hover */ .infofield { width:150px; height: 30px; font-size:13px; text-align: center; padding-left:30px; padding-right:10px; } .infofield_w400 { width:400px; height: 30px; font-size:13px; text-align: center; padding-left:30px; padding-right:10px; } /*JWA: De calendar QV is pixel-perfect, waardoor de maanden wegvallen als je schaalt naar 80%*/ .x-reset .x-monthpicker-years .x-monthpicker-item { width:40px; } .x-reset .x-monthpicker-months { width:87px; } .x-reset .x-monthpicker-item { width:40px; } /*van JW: dit doet iets met mylibrary? */ .widget_library_button .middle .text { overflow:visible !important; } /* put pack "width: auto" on the switch dimension icon (PR 48196) */ /* RxH: dit zorgt dat dimswitch icoon niet automatisch naar 2e regel wordt geduwd in measures portlet. */ .dip_measures_change_dim_image { width: auto !important; } /* MxS Wouter style linkbox */ a.navstyle:link { color: #2385B0; text-decoration: none; } a.navstyle:visited { color: #2385B0; text-decoration: none; } a.navstyle:hover { color: white; } a.navstyle:active { text-decoration: none; } /* MxS grey filter area */ .ui_timeRange_background_grey { position: absolute; border-radius: 0px; box-sizing: border-box; width: 100%; height: 100%; border: 1px solid #3A99FC; background-color: #F3F3F3; } /** * Name: Seperate DIUX Logon css elements * Last modified date: 20.02.2025 * Modified by: Wouter Koop */ /* */ :root { --main_color_1: rgb(225,37,26); --main_color_2: rgb(238,128,7); --main_color_2_opace: rgba(230,127,0,0.3); --main_grey_light: rgb(232, 232, 232); --main_grey_dark: rgb(120,120,120); } .dvp_logondialog_welcome { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -60px); text-align: left; max-width: 640px; background-color: #dff1f8; z-index: 1000000; } .dvp_logondialog { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:transparent; box-shadow: none !important; } /* to make sure the normal dialog titlebar doesn't appear when on log on screen */ .dvp_logondialog > .di_dialog_titlebar { display: none; } .dvp_logondialog > .di_dialog_body { border: none; background: transparent; } .dvp_logondialog_version { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: -110px; } .dvp_aboutdialog_version { top: 91px; } .dvp_aboutdialog_divelineversion { top: 120px !important; /* needs !important because DivePort applies style.top inline */ } .di_menu { font-size: 13px; } .di_menu_item { height: 22px; line-height: 22px; } .di_menu_item_icon { width: 16px; height: 16px; } .di_icon_img { width: 16px; height: 16px; } /* The fader "fades" all other elements, so the log on elements are put to the foreground. Best practise is to use the base color and set the opacity */ .di_dialog_fader { background-color: rgb(250, 250, 250); opacity: 0.25; } /* this defines the placing and size of the IMAGE this image is set in the skin.txt in "logonDialogSplashImage=logon-art.png" */ .dvp_logondialog_image { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0px !important; margin-top: -100px; } /* this defines the placing and size of the INPUT FIELDS and BUTTON */ .dvp_logondialog_table { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 300px; height: 500px; margin-top: 180px; } /* this section defines the appearance of the INPUT FIELDS (username and password) */ /* Username Label placing */ label[di_lang_text="ui.logon.username"] { position: absolute; top: 50px; left: 0px; } label[data-di_lang_text="ui.logon.username"] { position: absolute; top: 50px; left: 0px; } /* Username input field */ input[name=username] { position: absolute; width: 100%; height: 30px; top: 80px; left: 0px; font-size: 18px; text-indent: 10px; border-radius: 4px; } /* Password Label placing */ label[di_lang_text="ui.logon.password"] { position: absolute; top: 140px; left: 0px; } label[data-di_lang_text="ui.logon.password"] { position: absolute; top: 140px; left: 0px; } /* Password input field */ input[name=password] { position: absolute; width: 100%; height: 30px; top: 170px; left: 0px; font-size: 18px; text-indent: 10px; border-radius: 4px; } /* this defines the appearance of the logon button */ input[data-di_dialog_elem=logon] { position: absolute; top: 270px; left: 0px; width: 100%; height: 50px; background-color: var(--main_color_1); font-weight: bold; font-size: 16px; border: none !important; border-radius: 25px; cursor: pointer; transition: all 0.5s; color: #FFFFFF; /*Shadow*/ -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); } /* Button hover appearance */ input[di_dialog_elem=logon]:hover { background-color: var(--main_color_2); /*Shadow*/ -webkit-box-shadow: 0px 0px 10px 0px rgba(96, 38, 146,0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(96, 38, 146,0.5); box-shadow: 0px 0px 10px 0px rgba(96, 38, 146,0.5); } input[data-di_dialog_elem=logon]:hover { background-color: var(--main_color_2); /*Shadow*/ -webkit-box-shadow: 0px 0px 10px 0px rgba(96, 38, 146,0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(96, 38, 146,0.5); box-shadow: 0px 0px 10px 0px rgba(96, 38, 146,0.5); } /* this defines the placing and size of the password reset */ .dvp_logondialog_passwordreset { display: block; bottom: 60px; position: absolute; left: 50%; transform: translateX(-50%); } /* Password reset dialog [Start] */ /* these elements define the appearance of the dialog when a uses selects the "Forgot you Password" link */ .dvp_passwordresetdialog .di_dialog_body{ height: 140px; width: 400px; background-color: #ffffff; font-size: 10pt; color: #333333; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 25px; padding: 10px; } .dvp_passwordresetdialog input[name=username]{ width: 320px; height: 25px; top: inherit; font-size: 13px; color: #2385B0; margin-top: 20px; margin-left: 12px; } .dvp_passwordresetdialog td:first-child { text-align: left; padding-bottom: 10px; padding-top: 10px; } /* Password reset dialog [End] */ /* this defines the placing and size of copyright information at the bottom */ .dvp_logondialog_copyright { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 620px; } :root { --main_color_1: rgb(225,37,26); --main_color_2: rgb(238,128,7); --main_color_3: rgb(72,165,155); --main_color_1_opace: rgba(225,37,26,0.3); --main_color_2_opace: rgba(230,127,0,0.3); --main_color_3_opace: rgba(72,165,155,0.3); --main_grey_light: rgb(232, 232, 232); --main_grey_dark: rgb(120,120,120); --main_black_light: rgb(51,51,51); } .widget_library_button:hover { background-color: var(--main_color_3); border: 1px solid rgb(255, 255, 255); } .widget_library_button:hover .middle .subtitle { color: white; } .widget_library_button:hover .middle .text { color: white; } .widget_library_button:hover .icon { filter: brightness(0) invert(1); } .widget_library_button:hover .arrows { filter: brightness(0) invert(1); } .widget_library_button .middle .subtitle { font-size: 11px; margin: 1px; } .widget_library_button .icon { width: 20px; margin: 8px; } .widget_library_button .middle .text { color: var(--main_color_3); font-size: 11px; } .widget_library_button .arrows { margin-right: 2px; } .qv_button { margin-left: 10px; padding: 5px 12px; } .widget_sitemap_row { border-radius: 10px; border: 2px dashed transparent !important; } .widget_sitemap_row:hover { border-radius: 0px; border: rgb(255, 255, 255) !important; background-color: var(--main_color_3_opace); } #dvp_sitemap_fader { opacity: 0.75; } /*****************************************/ /* 20250304 RxH: widget_sitemap_section_label = environment button */ /* collapsible = huidige 'uitgeklapte' environment */ .widget_sitemap_section_label.collapsible { background-color: var(--main_color_1); } .widget_sitemap_section_label.collapsible .label { color: white; } /* collapsible.collapsed = inactieve 'uit te klappen' environment(s) */ .widget_sitemap_section_label.collapsible.collapsed { background-color: white; } .widget_sitemap_section_label.collapsible.collapsed .label { color: black; } /* collapsible.collapsed:hover = hoveren over inactieve 'uit te klappen' environment(s) */ .widget_sitemap_section_label.collapsible.collapsed:hover { background-color: var(--main_color_3); } .widget_sitemap_section_label.collapsible.collapsed:hover .label { color: white; }