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 rgb(126,191,221);outline:0}img:focus,a:focus,div:focus{box-shadow:0 0 0 2pt rgb(126,191,221);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(255,255,255);font: small-caps 500 20px Segoe UI,Times New Roman}.dvp_titlebar_button{color:rgb(30,100,200);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(255,255,255)}#dvp_simplifiedbar{background-color:rgb(245,245,245);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}.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:0}.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:0}.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_modal_layer{position:absolute;z-index:1;left:0;top:0;background-color:#000;opacity:.20;filter:alpha(opacity = 20)}.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}#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(/UGI-Onderwijsbeleid/static/ce7593a824c5db3a/images/radial.png)}#menuDecor{background-image:url(/UGI-Onderwijsbeleid/static/ce7593a824c5db3a/images/menu-icon.png)}.dvp_mobile_menu_button{background-image:url(/UGI-Onderwijsbeleid/static/ce7593a824c5db3a/images/radial.png)}#logoutButton div{background-image:url(/UGI-Onderwijsbeleid/static/ce7593a824c5db3a/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(255,255,255);background-image:none;background-repeat:repeat;background-attachment:scroll}.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(255,255,255);color:rgb(110,110,110);border-bottom:1px solid rgb(229,229,229);display:flex;align-items:center}#dvp_librarybar_active_shelf_container{flex:1;min-width:100px}#dvp_librarybar_page_buttons_container{display:flex;align-items:center;padding-right:10px}.librarybar_button{color:rgb(110,110,110);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}#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(255,255,255);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}.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(/UGI-Onderwijsbeleid/static/ce7593a824c5db3a/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(/UGI-Onderwijsbeleid/static/ce7593a824c5db3a/images/navigator/open.png)}.dvp_navigator_closed>.dvp_navigator_row>.dvp_navigator_expand{background-image:url(/UGI-Onderwijsbeleid/static/ce7593a824c5db3a/images/navigator/closed.png)}.dvp_navigator_open>.dvp_navigator_row>.dvp_navigator_expand:hover{background-image:url(/UGI-Onderwijsbeleid/static/ce7593a824c5db3a/images/navigator/open-hover.png)}.dvp_navigator_closed>.dvp_navigator_row>.dvp_navigator_expand:hover{background-image:url(/UGI-Onderwijsbeleid/static/ce7593a824c5db3a/images/navigator/closed-hover.png)}.dvp_navigator_row:hover>.dvp_navigator_menubutton{background-image:url(/UGI-Onderwijsbeleid/static/ce7593a824c5db3a/images/navigator/menu.png)}.dvp_navigator_row:hover>.dvp_navigator_menubutton:hover{background-image:url(/UGI-Onderwijsbeleid/static/ce7593a824c5db3a/images/navigator/menu-hover.png)}.widget_button{width:105px;height:50px;margin:8px 4px;background-color:rgb(233,240,250);border:2px solid rgb(229,229,229);color:rgb(30,100,200);text-align:center;text-decoration:none;display:inline-block !important;cursor:pointer;border-radius:6px;font: 11px 12pt UGent Panno Text;visibility:inherit;position:relative;overflow:hidden}.widget_button:not(.editing):hover{background-color:rgb(233,240,250);color:rgb(30,100,200);border:2px solid rgb(114,172,223)}.widget_button.selected{background-color:rgb(30,100,200);color:rgb(255,255,255);border:2px UGentStandaardKleur rgb(0,0,0)}.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(233,240,250);border:2px solid rgb(229,229,229);color:rgb(30,100,200);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: 10px Verdana,sans-serif;margin:2px}.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 12px Verdana,sans-serif;margin:2px}.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{position:absolute;padding:4px;z-index:0}.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:260px;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 select.font-family{width:180px}.dvp_fontpickerdialog_container select.font-size{width:50px;margin-left:10px}.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:232px;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(/UGI-Onderwijsbeleid/static/ce7593a824c5db3a/images/colorpicker/SatVal.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=url(/UGI-Onderwijsbeleid/static/ce7593a824c5db3a/images/colorpicker/SatVal.png),sizingMethod='scale')}.dvp_colorpicker_container #widget-colorpicker-SVslide{background:url(/UGI-Onderwijsbeleid/static/ce7593a824c5db3a/images/colorpicker/slide.gif)}.dvp_colorpicker_container #widget-colorpicker-Hslide{background:url(/UGI-Onderwijsbeleid/static/ce7593a824c5db3a/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(103,103,103);font: bold 12px Verdana,sans-serif;text-transform:uppercase;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sitemap_row_left .edit{color:rgb(6,134,220);font: 10px Verdana,sans-serif;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}.widget_sitemap_section .header .bubble{background-color:rgb(255,255,255);border-radius:11px;padding:3px 10px;margin-left:15px;display:flex;align-items:center}.widget_sitemap_section .header .bubble.collapsible{cursor:pointer}.widget_sitemap_section .header .bubble .label{color:rgb(6,134,220);font: 12px Verdana,sans-serif}.widget_sitemap_section .header .bubble .arrow{margin-left:10px;width:15px}.widget_sitemap_section .header .icons{display:flex;margin-left:20px;gap:15px}.widget_sitemap_section .header .icon{width:25px;height:25px;cursor:pointer}.widget_sitemap_section.collapsed .section_rows{display:none}.widget_sitemap_section.collapsed .header .icons{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}.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} /* Zorgen dat de headers altijd links aligned zijn bij measures portlets op de feedback pagina's */ #dvp_instance_5c144e25-8069-4c8b-988c-09b324030cfb .dip_measures_table_header div, #dvp_instance_e7bce3c6-6d50-4c71-8d9f-cdeda0bf000f .dip_measures_table_header div, #dvp_instance_c43f7bec-41f1-4075-81a4-7466a5ecfd02 .dip_measures_table_header div, #dvp_instance_5d9ae024-c7af-4727-bbbb-42a5b1c0c62a .dip_measures_table_header div, #dvp_instance_68329145-34e0-455a-a230-47c213237022 .dip_measures_table_header div, #dvp_instance_68e303c0-e904-4c8f-a872-ebba2d29a0ef .dip_measures_table_header div, #dvp_instance_b31a0e83-d24d-410f-862c-ed7335579a41 .dip_measures_table_header div, #dvp_instance_482706bd-9ba3-499f-bd40-2d40357a0c11 .dip_measures_table_header div, #dvp_instance_8757354d-5e9d-4bd9-981c-71d00d04c180 .dip_measures_table_header div, #dvp_instance_1a78c380-f4eb-4537-bc9b-831cebabf103 .dip_measures_table_header div, #dvp_instance_e6b318ca-8ac8-4806-84cd-cb5ef764e649 .dip_measures_table_header div, #dvp_instance_2287cdd8-35a6-452e-9e8a-f0af18d0e70f .dip_measures_table_header div, #dvp_instance_0846c670-5d59-497f-b830-451cffdee7cb .dip_measures_table_header div, #dvp_instance_bc1c3b74-da1f-40e8-8118-f3038700ec9e .dip_measures_table_header div, #dvp_instance_0f329c99-3504-4437-a085-ec7cc30aabbc .dip_measures_table_header div{ text-align: left !important; } /* breedte van de qv buttons voor Alumnibevragingen */ #dvp_instance_05f46600-9732-49af-a66a-4a447962b5cc .qv_button, #dvp_instance_e2667008-4fe0-4eb2-8683-b9a4d07cec3f .qv_button, #dvp_instance_959df0f9-bc53-4e32-8a30-4c465d82b6e0 .qv_button, #dvp_instance_9f5564ea-8d13-4ac0-9282-37018342bea9 .qv_button, #dvp_instance_a9d52171-471c-4f88-b9e1-f8f6a5801e3f .qv_button, #dvp_instance_4945caf7-f8b6-4cce-8393-f48b2dd40912 .qv_button, #dvp_instance_920c115e-ac09-42cf-9d35-dda76e44f026 .qv_button, #dvp_instance_60993326-c5ec-4828-be7f-3862328164d7 .qv_button, #dvp_instance_69e55b34-2c8a-4d1e-9a53-2f54fa4aa05b .qv_button, #dvp_instance_f9dfd028-7ac6-477f-8f42-fb7dbccebd86 .qv_button, #dvp_instance_31bb6493-b1ce-443a-9ea5-3ec923e638d0 .qv_button, #dvp_instance_d1b762e0-21b1-4597-9a54-fcfe2abbb72c .qv_button{ width: 230px; height: 25px !important; background-position: 25px center; font-size:18px; } /* breedte van de qv buttons voor opleidingsfeedback */ #dvp_instance_98fb5c23-b6ed-4c0e-8b93-6b83c72ce8bc .qv_button, #dvp_instance_f6dfdf1b-cd00-4f49-9599-87420878c5aa .qv_button, #dvp_instance_6741e437-6d7d-4fd4-b863-b4bd90f54468 .qv_button, #dvp_instance_df06bcab-9fb3-4504-90f4-d2ca5a64513e .qv_button, #dvp_instance_b43812e5-b0ea-4e48-b56e-c26a3e0d30e9 .qv_button, #dvp_instance_137a30a8-2fd8-4535-bb5d-f36535c268fa .qv_button, #dvp_instance_0b594b9b-2ae7-486a-89c7-a30e7fa354f8 .qv_button, #dvp_instance_363c6ec5-85d3-454e-850b-0b59cf028fb7 .qv_button, #dvp_instance_281f3864-fa4f-4f0f-be15-8f614f919425 .qv_button, #dvp_instance_753961c5-2ccb-4d50-887d-842f035bf1d5 .qv_button, #dvp_instance_b364a2b7-7ff8-47b0-950a-af0644a0e52f .qv_button, #dvp_instance_c28585fb-a90a-4db8-b10c-2012fe0e1f98 .qv_button{ width: 565px; height: 25px !important; background-position: 25px center; font-size:18px; } /** Vreemde browser zaken afhandelen */ /* In MS Edge zien we dat klikken op een indicator portlet of hover-deel van een grafiek leidt tot een zwarte rand, dat willen we niet */ svg:focus, rect:focus, line:focus, text:focus, g:focus { outline: 0; } /* Start met het toevoegen van de UGentPannoText fonts. NOTE JWA: Het absolute pad (https) is nodig voor het "printen" van de pagina. De browser kent wel het relatieve pad ("/UGI-Central/images/", maar de wkhtmltopdf die wordt aangeroepen op de server kent die context niet. IE is de uitzondering; die geeft schijnbaar die hele font-face URLs uit de css niet eens door. Daarom kun je wel printen bij IE met relatieve paden ("../../../../../images"). Niet omdat IE zo fantastisch is, maar omdat IE het niet eens snapt en overslaat. Custom css voor het printen/niet-printen doe je door de tag "@media not print" om de @font-face heen te zetten. Maar IE ondersteunt dat niet. Dus als je dat doet, dan werkt het niet op IE. */ @media only screen { @font-face { font-family: 'UGent Panno Text'; src: url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-normal-web.eot"); src: url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-normal-web.eot") format("embedded-opentype"), url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-normal-web.woff") format("woff"), url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-normal-web.ttf") format("truetype"); } @font-face { font-family: 'UGent Panno Text SemiBold'; src: url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-semibold-web.eot"); src: url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-semibold-web.eot") format("embedded-opentype"), url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-semibold-web.woff") format("woff"), url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-semibold-web.ttf") format("truetype"); } @font-face { font-family: 'UGent Panno Text SemiLight'; src: url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-semilight-web.eot"); src: url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-semilight-web.eot") format("embedded-opentype"), url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-semilight-web.woff") format("woff"), url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-semilight-web.ttf") format("truetype"); } @font-face { font-family: 'UGent Panno Text Medium'; src: url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-medium-web.eot"); src: url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-medium-web.eot") format("embedded-opentype"), url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-medium-web.woff") format("woff"), url("https://ugidev.ugent.be/UGI-Central/images/fonts/ugentpannotext-medium-web.ttf") format("truetype"); } } /** Fonts op de pagina's **/ /* Titelbalk in PannoText, zorgen dat marges goed staan */ body #dvp_titlebar_title { margin: 4px 0px 0px 20px; font: 20pt/150% 'UGent Panno Text Medium', Tahoma, Helvetica, sans-serif; } /* Op alle pagina's is ons default font UGentPannoText, o.a. voor HTML portlets */ .dvp_instance { font-family: 'UGent Panno Text', Tahoma, Geneva, Verdana, sans-serif; font-size: 11pt !important; line-height: 1em !important; } /* Alles portlets met data op Arial */ .di_tooltip, .dip_measures_table_cell { font-family: Arial !important; font-size: 9pt !important; line-height: 1em !important; } /* Als er een svg element is, en dus een indicator of background portlet, default naar Arial. */ /* niet important, want we willen dit overschrijven in de parent div */ .dvp_instance svg { font-family: Arial; font-size: 9pt; line-height: 1em; } .dvp_instance div[aria-label=stamp] div { font-family: Arial; font-size: 9pt; line-height: 1em; } .dvp_instance div[aria-label=stamp] div svg { font-family: inherit; font-size: inherit; line-height: inherit; } /* measuresportlets headers niet */ td.dip_measures_table_header div { font: bold 16px 'UGent Panno Text', Verdana !important; line-height: 1em !important; } /* measuresportlets totals in arial en bold niet */ td.dip_measures_table_total div { font-family: Arial !important; font-size: 9pt !important; line-height: 1em !important; font-weight: bold; } td.dip_measures_table_total { padding-bottom: 0 !important; vertical-align: middle !important; } td.dip_measures_table_cell { padding-bottom: 0 !important; vertical-align: top !important; } /* quickview fonts in UGentPannoText */ body select.dip_collapsed_selector { font: 12pt 'UGent Panno Text'; line-height: 1em; font-weight: 700; -ms-appearance: listbox; -moz-appearance: listbox; -webkit-appearance: listbox; padding-left: 0; } body .dip_selector_label { display: block; font: 12pt 'UGent Panno Text'; line-height: 1em; } /* di tooltips (hover/aanwijs op grafieken), alles dat niet in de eerste kolom zit rechts uitlijnen */ .di_tooltip table tr td { text-align: right; } .di_tooltip table tr td:first-child { text-align: left; } /* Titelbalk moet op 60px staan (zo hoog als het logo) en de achtergrond is de UGent standaard kleur */ body div div#dvp_titlebar { height: 60px; background: rgb(30,100,200); } /* Alleen voor simplified interface: Zorg dat de balk onder de titelbalk mooi grijs is */ body div#dvp_simplifiedbar { background-color: rgb(245,245,245) !important; height: 44px; border-top: 6px solid rgb(245,245,245) !important; } /* Alleen voor simplified interface: Zorg dat het menu icoontje verticaal gecentreerd is */ div.dvp_simplifiedbar_iconbutton { height: 19px; } div#dvp_simplifiedbar_navigate { padding-left: 5px; padding-right: 5px; } /* Logo verticaal op volledige grootte */ #dvp_titlebar_logo { width: 90px !important; height: 60px !important; } /* Kleur van titelbalk op popups */ body div.di_dialog_titlebar { background-color: rgb(30,100,200); background: rgb(30,100,200); } /* measures portlet op juiste hoogte td.dip_measures_table_cell div div div { text-overflow: ellipsis !important; height: auto !important; }*/ #dvp_titlebar_title a { text-decoration: none; color: rgb(255, 255, 255); } #dvp_titlebar_title a img { height: 18px; margin-right: 5px; } /* Geselecteerde pagina's in de TableOfContents portlet moeten blauw zijn met witte tekst */ div.dvp_instance_content div[role="navigation"] td>div:not([role="link"]):not(:empty), div.dvp_instance_content div[role="navigation"] td>div:not([role="link"]) div:not(:empty), div.dvp_instance_content div[role="navigation"] td>div[style*="rgb(169, 176, 186)"], div.dvp_instance_content div[role="navigation"] td>div[style*="rgb(169, 176, 186)"] div:not(:empty) { background-color: rgb(30,100,200) !important; color: rgb(255,255,255) !important; } /* hover voor TOC? */ div.dvp_instance_content div[role="navigation"] td>div:hover { outline: 1px solid rgb(30,100,200); } div.dvp_instance_content div[role="navigation"] td>div:not([role="link"]):hover, div.dvp_instance_content div[role="navigation"] td>div[style*="rgb(169, 176, 186)"]:hover { outline: 0; } /* button voor simplified UI */ button.widget_library_button { background-color: rgb(245, 245, 245); width: 250px; } button.widget_button { font: 12pt 'UGent Panno Text'; border-radius: 0; border: 0; width: 150px !important; } button.widget_button:hover { border-radius: 0; border: 0 !important; outline: 1px solid rgb(30,100,200); } button.widget_button.selected div.edit_controls img.menu_button { filter: invert(1); } /** Hide DI menu icon **/ .di_menu_item_icon { display: none; } /** Klikactie menu regels kleiner **/ div.di_menu_item { height: 16px; line-height: normal; } /** Klikactie menu font **/ div.di_menu_item span.di_menu_item_text { font-family: 'UGent Panno Text', Tahoma, Geneva, Verdana, sans-serif; font-size: 11pt !important; vertical-align: top; } /** QV buttons **/ /* QV buttons met checkboxes en radiobuttons */ td.dip_selector_label_buttons { margin-top: 2px; } input.qv_button { background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: 3px center; background-size: 15px 15px; color: rgb(30,100,200); padding: 3px 6px 3px 20px; font-family: 'UGent Panno Text'; font-size: 16px; line-height: 1em; margin: 0px; font-weight: normal; border: 1px solid rgb(30,100,200); } td.qv_button_td.ugi_multi input.qv_button { background-image: url('../../../../../images/ugent-iconen/checkmark_unchecked.png'); } td.qv_button_td.ugi_single input.qv_button { background-image: url('../../../../../images/ugent-iconen/radio_unchecked.png'); } input.qv_button:hover { background-color: rgb(255, 255, 255); color: rgb(30,100,200); border: 1px solid rgb(30,100,200); } input.qv_button.selected { color: rgb(30,100,200); background-color: rgb(255, 255, 255); border: 1px solid rgb(30,100,200); cursor: default } td.qv_button_td.ugi_multi input.qv_button.selected { background-image: url('../../../../../images/ugent-iconen/checkmark_checked.png'); } td.qv_button_td.ugi_single input.qv_button.selected { background-image: url('../../../../../images/ugent-iconen/radio_checked.png'); } /** Matrix styling */ /* standaard ugi-styling voor de matrix */ tr.dip_mfmatrix_data { border-bottom: 0px; } td.dip_mfmatrix_data { font: 15px 'UGent Panno Text' !important; line-height: 1em !important; height: 19px !important; border-bottom: 0px !important; } td.dip_mfmatrix_data div, td.dip_mfmatrix_data div span { font: 12px Arial !important; line-height: 1.9em !important; height: 15px !important; } /* maak eventuele headers dik */ .dip_mfmatrix_measure_header { color: rgb(2, 100, 192); } /* deze regel is van toepassing wanneer er een breedte is toegekend aan de measures */ .dip_mfmatrix_measure div { font: 15px 'UGent Panno Text' !important; line-height: 1em !important; height: 15px !important; } /* deze regel is van toepassing wanneer er géén breedte is toegekend aan de measures */ .dip_mfmatrix_measure span { font: 15px 'UGent Panno Text' !important; line-height: 1em !important; height: 18px !important; } /* maak kopjes blauw en dik */ .dip_mfmatrix_data .dip_mfmatrix_measure { color: rgb(2, 100, 192); padding-top: 20px; } .dip_mfmatrix_data .dip_mfmatrix_measure span { font-weight: bold !important; } /* overschrijf DIUX styling en maak de regels dun */ td.dip_mfmatrix_measure { height: auto !important; border-bottom: 0px; padding-top: 5px; padding-bottom: 1px; } /* bij hoveren over een cel waarop een klikactie staat, toon een vergrootglas td.dip_measures_table_cell_hover:hover { background-image: url('../../../../../images/icons/ui icons - ugent/search.png'); background-size:16px 16px; background-position:top right; background-repeat:no-repeat; }*/ /* Hoovers op specifieke data elementen waarop we gebruikers speciaal willen attenderen */ body td.dip_measures_table_cell_hover:not(td.dip_measures_table_header) { cursor: url('../../../../../images/ugent-iconen/cursor_search.png') 22 0, pointer; } body td.dip_measures_table_header.dip_measures_table_cell_hover { cursor: url('../../../../../images/ugent-iconen/cursor_sort.png') 22 0, pointer; } body td.dip_measures_table_header.dip_measures_table_cell_hover:has(div.dip_measures_change_dim_image) { cursor: url('../../../../../images/ugent-iconen/cursor_switch.png') 22 0, pointer; } body rect.row-hover[style*="pointer"] { cursor: url('../../../../../images/ugent-iconen/cursor_search.png') 22 0, pointer !important; } /* overschrijf DIUX styling en maak quickviews die onder elkaar staan niet zo hoog */ td.dip_selector_label { height: auto; } /* quickview hovers */ .dvp_instance .dip_selector_label { cursor: default; } .dvp_instance .dip_selector_label.ugi_link { cursor: pointer; } .dvp_instance .dip_selector_label.ugi_link:hover span.ugi_label { text-decoration: underline; } iframe.ugi_info { border: 0px; } /* print button hiden */ .dvp_popup_print_button { display: none; } /* Onderdruk de blauwe rand van elementen met focus (WCAG) */ a:focus, select:focus, input:focus, div:focus { outline: none !important; outline-style: none !important; box-shadow: none !important; } /** UGI styling van html portlets en eigen classes **/ /* hide the shortcutbutton div#ugi_shortcut_button { display:none; }*/ /* geavanceerde selecties blok: de knop */ span.ugi_quickview_toggle { background-color: rgb(30,100,200); padding: 6px 22px; color: rgb(255, 255, 255); text-decoration: none; font-size: 13pt; line-height: 1em; cursor: pointer; } /* geavanceerde selecties blok: de achtergrond van de quickviews (blok zelf) let erop om de grootte van de achtergrong niet te vergroten, want dan komt hij onder onze lijn */ .ugi_quickview_container_outer { background-color: rgb(233,240,250); height: 622px; width: 525px; overflow-y: scroll; overflow-x: hidden; position: absolute; top: 0px; } .ugi_quickview_container_outer span.ugi_label { width: 150px; display: block; } /* maak geselecteerde matrix regel blauw */ .ugi_selectedMatrix { background-color: rgb(30,100,200) !important; color: rgb(255, 255, 255) !important; border: rgb(30,100,200) !important; } /* Chart selector tabs */ span.ugi_chart_tab { padding: 0px 22px; color: rgb(255, 255, 255); text-decoration: none; font-size: 13pt; line-height: 1em; cursor: pointer; background-color: rgb(233,240,250); color: rgb(30,100,200); user-select: none; display: none; } span.ugi_chart_tab.ugi_active { background-color: rgb(30,100,200); color: rgb(255, 255, 255); } /* Toegepaste selecties tabel */ /* Nieuwe styling */ table#ugi_filter-alle-waarden {} table#ugi_filter-alle-waarden tr td { vertical-align: top; text-align: top; width: auto; color: rgb(0, 0, 0); } table#ugi_filter-alle-waarden tr td:first-child { font-weight: bold; padding-right: 5px; } /* label blauw en bold*/ .ugi_tekst_1 { color: rgb(30,100,200); font-size: 16px; font-weight: bold; line-height: 1em; } /*label zwart en underlined*/ .ugi_tekst_2 { color: rgb(0, 0, 0); font-size: 16px; line-height: 1em; text-decoration: underline; } /*label hyperlink*/ .ugi_tekst_3 { color: rgb(30,100,200); text-decoration: underline; } /* label blauw en bold 18px*/ .ugi_tekst_4 { color: rgb(30,100,200); font-size: 18px; font-weight: bold; line-height: 1em; } /* label blauw en bold 24px*/ .ugi_tekst_5 { color: rgb(30,100,200); font-size: 24px; font-weight: bold; line-height: 1em; } /* kleine tekst zwart zoals in ondertitel qv categorie in extra filterblok*/ .ugi_tekst_6 { color: rgb(0, 0, 0); font-size: 12px; line-height: 1em; } /* label rood en bold 18px - voor waarschuwingen op pagina's*/ .ugi_tekst_7 { color: rgb(191, 48, 48); font-size: 18px; font-weight: bold; line-height: 1em; } /* label zwart en bold 16px*/ .ugi_tekst_8 { color: rgb(0, 0, 0); font-size: 16px; font-weight: bold; line-height: 1em; } /*label hyperlink bold onderlijnd*/ .ugi_tekst_9 { color: rgb(30,100,200); font-size: 16px; text-decoration: underline; font-weight: bold; } /*label voor indicator metadata in stamps */ .ugi_tekst_10 { font: bold 12pt/1em UGent Panno Text !important; } /* tekst voor titels zwart en 24px*/ .ugi_tekst_11 { color: rgb(0, 0, 0); font-size: 24px; line-height: 1em; } /*label zwart (idem als qv labels*/ .ugi_tekst_12 { color: rgb(0, 0, 0); font-size: 16px; line-height: 1em; } /*witte achtergrond voor elementen die over andere gezet worden */ .ugi_achtergrond_1 { background-color: rgb(255, 255, 255); } /* Toon een scrollbar bij toegepaste filters */ .ugi_toegepaste_filters_popup { height: 75px; overflow-y: auto; } /* Zorg dat box plot blauw zijn ipv doorzichtig */ .ugi_boxplot_blauw .item.column { fill: #1E64C8 !important; } /* Infopopup styling / collapsibles styling */ div.ugi_infoknop-popup { font-size: 16px; line-height: 1em; } div.ugi_infoknop-popup p { line-height: 1.1em; } div.ugi_infoknop-popup ul>li { list-style-type: "\2192"; padding: 3px 10px; } div.ugi_infoknop-popup ol>li { padding: 3px 10px; } div.ugi_infoknop-popup img { width: 100%; } /* Infopopup collapsibles styling */ div.ugi_infoknop-popup button { background-color: #e9f0fa; color: #1E64C8; font-family: 'UGent Panno Text'; cursor: pointer; padding: 10px; width: 98%; border: none; text-align: left; text-indent: 20px; outline: none; font-size: 16px; background-size: 15px 15px; background-repeat: no-repeat; background-position: 6px 10px; background-image: url('../../../../../images/icons/ui icons - ugent/plus.png'); } div.ugi_infoknop-popup button.ugi_active { background-color: #1E64C8; color: white; background-size: 15px 15px; background-repeat: no-repeat; background-position: 6px 10px; background-image: url('../../../../../images/ugent-iconen/white-minus.png'); } div.ugi_infoknop-popup div.ugi_collapsible_content { padding: 0 18px; display: none; overflow: hidden; } /* Infopopup summary styling */ div.ugi_infoknop-popup summary { color: rgb(30, 100, 200); } div.ugi_infoknop-popup details details { margin-left: 18px; } /* Infopopup linkbutton styling */ div.ugi_infoknop-popup a.ugi_button { display: inline-block; padding: 10px; background-color: #e9f0fa; font-weight: bold; color: #1E64C8; text-decoration: none; } /* button om prd script te lanceren*/ button.ugi_scriptbutton { background-color: rgb(30, 100, 200); border: none; color: rgb(255, 210, 0); border-radius: 25px; padding: 5px; text-align: center; font-size: 20px; font-family: 'UGent Panno Text'; width: 98%; } /* Alles onder deze lijn te bekijken of we het kunnen vervangen door generiekere classes want veel van hetzelfde soort*/ /* kleine titel onder een expert-icoon - hoe inzetbaar is dit op andere portals? Te vervangen door standaard UGI-label classes? .ugi_experttitel { color: rgb(30,100,200); font-size: 14px; font-weight: bold; line-height: 1em; } */ /* geavanceerde selecties blok: de class voor het label van de categorieën van Qv's => kan vervangen worden door UGI_tekst_1 .ugi_qvcategorie { color: rgb(30,100,200); font-size: 16px; font-weight: bold; line-height: 1em; }*/ /* 3 portals gebruiken het OneOffice declareert deze classe samen met de volgende 3 classes in de HTML portlets (redundant) .ugi_definitionBody { padding: 0px; margin: 0; overflow: auto; } .ugi_propertyHeader { color: rgb(34, 34, 34); font-size: 18px; line-height: 1em; font-weight: bold; margin-top: 20px; margin-bottom: 9px; } .ugi_propertyValue { color: rgb(99, 99, 99); font-size: 15px; line-height: 20px; padding-right: 10px; } .ugi_row_1 { color: rgb(34, 34, 34); font-size: 16px; line-height: 1em; font-weight: bold; margin-top: 15px; margin-bottom: 9px; } */ /* Onderstaande classes gebruikt in hr-portal te vervangen door standaard UGI-label classes? .ugi_hr_titel { font: normal 16px 'UGent Panno Text', Verdana, Verdana, Verdana; line-height: 1em; color: rgb(30,100,200); } */ /* deze is een modifier van de vorige .ugi_hr_strong { font-weight: bold; } .ugi_label_punten { font: bold 16px 'UGent Panno Text'; color: rgb(255, 255, 255); line-height: 20px; } .ugi_waarschuwing-tekst { color: rgb(255, 0, 0); } .ugi_blauweknop-tekst { color: rgb(255, 255, 255); font-size: 17pt; line-height: 1em; } .ugi_lichtblauweknop-tekst { color: rgb(30,100,200); font-size: 17pt; line-height: 1em; } .ugi_blauwekop-dik { font: bold 16px 'UGent Panno Text', Verdana, Verdana, Verdana; line-height: 1em; color: rgb(30,100,200); } .ugi_letter-icoon { color: rgb(30,100,200); font-size: 36px; font-weight: bold; line-height: 1px; } */ /* TODO: toevoegen .ugi_definitie { color: rgb(30,100,200); font-size: 16px; line-height: 1em; font-weight: bold; text-decoration: underline; } .ugi_button { font-face: OpenSans; display: inline-block; font-size: 13px; line-height: 1em; margin: 4px 2px; cursor: default; } */ /* RM UGI-3617: maak de style voor de toc portlet*/ /* TOC conditional navigation style */ /* standard button*/ a.toc_conditional_nav { text-decoration: none } a.toc_conditional_nav div { background-color: rgb(233, 240, 250); border-radius: 0px; padding: 8px 60px; margin-left: 4px; text-align: center; cursor: pointer; font-family: 'UGent Panno Text'; font-style: normal; font-size: 16pt; font-weight: normal; color: rgb(30, 100, 199); } /* selected button*/ a.toc_conditional_nav_blue { text-decoration: none } a.toc_conditional_nav_blue div { background-color: rgb(30, 100, 199); border-radius: 0px; padding: 8px 60px; margin-left: 4px; text-align: center; font-family: 'UGent Panno Text'; font-style: normal; font-size: 16pt; font-weight: normal; text-decoration: none; color: rgb(255, 255, 255); } /* disabled button*/ a.toc_conditional_nav_grey { text-decoration: none } a.toc_conditional_nav_grey div { background-color: rgb(220, 220, 220); border-radius: 0px; padding: 8px 60px; margin-left: 4px; text-align: center; font-family: 'UGent Panno Text'; font-style: normal; font-size: 16pt; font-weight: normal; text-decoration: none; color: rgb(169, 169, 169); } body { font-family: 'Segoe UI', Verdana, sans-serif, 'Microsoft YaHei', '微软雅黑', 'Source Han Sans CN'; } .dvp_instance_body { height: 100%; } .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_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.align_right { transform: translateX(14px); } .di_menu.align_left { transform: translateX(-14px); } .di_menu_item { height: 22px; line-height: 22px; } .di_menu_item_icon { width: 16px; height: 16px; } .di_icon_img { width: 16px; height: 16px; } .di_dialog_fader { background-color: #DFF1F8; opacity: 0.65; } .dip_measures_table_cell:not(.dip_measures_table_header) { border: 1px solid #EDF3FD; border-left: 0; border-right: 0; } .dvp_table_vscrolldiv .dvp_scrollbar { width: 13px !important; border-radius: 3px; } .dvp_table_vscrolldiv .dvp_scrollbar_thumb { width: 9px !important; } .dvp_table_hscrolldiv .dvp_scrollbar { height: 13px !important; border-radius: 3px; } .dvp_table_hscrolldiv .dvp_scrollbar_thumb { height: 9px !important; } .dvp_scrollbar .dvp_imagebutton { margin: 1px; } .dvp_layout_column { padding: 0px; margin: 0px; border-collapse: collapse; } .dvp_instance { padding: 0px; } body div#dvp_titlebar { padding-left: 0px; background: #145E8B; border-color: #2A4D6B; 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 > .dvp_layouttable { height: 60px; } body .dvp_titlebar_button:hover { color: #DEEEFC; } 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 ); } .dvp_sidebar_treechild_content { color: #000000; } body #dvp_titlebar_title .tm { color: #75B3EA; } body #dvp_titlebar_title .by { color: #679bcb; text-shadow: none; display: none; } body #dvp_titlebar_logo { height: 48px; } body div#dvp_simplifiedbar { background-color: white; height: 44px; border-top: 6px solid white; } body div#dvp_simplifiedbar_pagename { 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; } 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; color: white; } body #dvp_sidebar_children .dvp_sidebar_treetop_selected, body #dvp_sidebar_children .dvp_sidebar_child_selected { color: white; } body #dvp_sidebar_children .dvp_sidebar_page_button { padding: 3px; margin-top: 2px; } body #dvp_sidebar_children .dvp_image { padding-right: 3px; } body #dvp_sidebar_children .dvp_sidebar_treechild:hover { border: 1px solid #98dfc7; border-left: 6px solid #98dfc7; } body #dvp_sidebar_children .dvp_sidebar_treetop:hover { border: 1px solid #98dfc7; border-left: 6px solid #98dfc7; } body #dvp_sidebar_children div.dvp_sidebar_treetop, body #dvp_sidebar_children div.dvp_sidebar_treechild { position: relative; height: auto !important; } body #dvp_sidebar_children .dvp_sidebar_treetop, body #dvp_sidebar_children .dvp_sidebar_treechild { background: #FFFFFF; border: 1px solid #e9e9e9; border-top: 1px solid rgba(0, 0, 0, 0); border-left: 6px solid #FFFFFF; color: #222222; min-height: 30px; line-height: 22px; } body #dvp_sidebar_children .dvp_sidebar_treetop_selected, body #dvp_sidebar_children .dvp_sidebar_child_selected { background-color: #F2FCF9 !important; border: 1px solid #00c685; border-left: 6px solid #00c685; color: #000000 !important; } body #dvp_sidebar_children .dvp_sidebar_treechild_content img.dvp_image { position: relative; left: 0px; width: 8px; height: 8px; } .common_menu_item_border { /*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-color: #00C685; } body .dvp_formtable { font-size: 10pt; 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; } body .dip_measures_table_header.dip_measures_table_cell_hover { background-color: #E4FAF3 !important; color: #0264C0; border-top: 1px solid #00C685; border-bottom: 1px solid #00C685; } .dip_measures_table_cell_hover { background-color: #CCFAEE !important; } body td.dip_measures_table_header { border-bottom: 1px solid #DDDDDD; border-top: 1px solid transparent; } 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-size: 14px; font-weight: 600; text-align: center; border: hidden; height: 34px; line-height: 34px; background: -moz-linear-gradient(-45deg, rgba(39,139,182,1) 0%, rgba(20,93,138,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(39,139,182,1)), color-stop(100%, rgba(20,93,138,1))); background: -webkit-linear-gradient(-45deg, rgba(39,139,182,1) 0%, rgba(20,93,138,1) 100%); background: -o-linear-gradient(-45deg, rgba(39,139,182,1) 0%, rgba(20,93,138,1) 100%); background: -ms-linear-gradient(-45deg, rgba(39,139,182,1) 0%, rgba(20,93,138,1) 100%); background: linear-gradient(135deg, rgba(39,139,182,1) 0%, rgba(20,93,138,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278bb6', endColorstr='#145d8a', 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_checked, body .dvp_imagebutton.dvp_imagebutton_hover, body .dvp_imagebutton.dvp_imagebutton_hover.dvp_imagebutton_down, body .dvp_imagebutton.dvp_imagebutton_hover.dvp_imagebutton_checked, body .dvp_imagebutton.dvp_imagebutton_hover.dvp_imagebutton_checked.dvp_imagebutton_down { border: 1px solid transparent; width: 11px !important; padding: 1px 2px 2px 1px; } body .dvp_imagebutton.dvp_imagebutton_hover, body .dvp_imagebutton.dvp_imagebutton_hover.dvp_imagebutton_down, body .dvp_imagebutton.dvp_imagebutton_hover.dvp_imagebutton_checked, body .dvp_imagebutton.dvp_imagebutton_hover.dvp_imagebutton_checked.dvp_imagebutton_down { background-color: rgba(0, 0, 0, 0.1); } body .dvp_imagebutton.dvp_imagebutton_checked, body .dvp_imagebutton.dvp_imagebutton_checked.dvp_imagebutton_down { background-color: rgba(0, 0, 0, 0.2); } body .dvp_pagepicker .dvp_imagebutton.dvp_imagebutton_hover, body .dvp_pagepicker .dvp_imagebutton.dvp_imagebutton_hover.dvp_imagebutton_down, body .dvp_pagepicker .dvp_imagebutton.dvp_imagebutton_hover.dvp_imagebutton_checked, body .dvp_pagepicker .dvp_imagebutton.dvp_imagebutton_hover.dvp_imagebutton_checked.dvp_imagebutton_down, body .dvp_pagepicker .dvp_imagebutton.dvp_imagebutton_checked, body .dvp_pagepicker .dvp_imagebutton.dvp_imagebutton_checked.dvp_imagebutton_down { background-color: transparent; } 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%, -50%); width: 300px; height: 500px; margin-left: 0; margin-right: 0; margin-bottom: 0; margin-top: 150px; } 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[data-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[data-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[data-di_lang_text="ui.logon.username"] { position: absolute; top: 50px; left: 0px; } label[data-di_lang_text="ui.logon.password"] { position: absolute; top: 140px; left: 0px; } .dvp_logondialog_image { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 0px !important; margin-top: -190px; } .dvp_logondialog_version { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: -110px; } .dvp_logondialog_copyright { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 620px; } body .dvp_titlebar_button { padding-top: 5px !important; } .dvp_editing_portletmenu { width: 12px; height: 12px; } body #dvp_page_outer { border: none !important; } body .common_menu_item_caption { line-height: 20px; } .dvp_logondialog_passwordreset { display: block; bottom: 60px; position: absolute; left: 50%; transform: translateX(-50%); } .dip_mfmatrix_measure { height: 30px !important; border-bottom: 1px solid #F0F0F0; vertical-align: middle; } .dip_mfmatrix_data { height: 30px !important; border-bottom: 1px solid #F0F0F0; vertical-align: middle; } body .dip_collapsed_selector { height: 22px; padding-left: 8px; padding-bottom: 2px; background: transparent none repeat scroll 0% 0% / auto padding-box border-box; border: 1px solid transparent !important; border-radius: 0; border-bottom: 1px solid #9DC9EF !important; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; cursor: pointer; } .dip_selector_value_print { font-weight: normal !important; color: black !important; } .dip_selector_label { height: 32px; } /* DIUX UI: Page Title [Start] */ .ui_pageTitle { font-family: 'Segoe UI', Verdana, sans-serif, '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 { width: 100%; height: 100%; padding: 20px; position: absolute; border-radius: 8px; background: white; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); box-sizing: border-box; } .ui_stampTitle { font: bold 16px 'Segoe UI', Verdana; color: #222222; margin: 0; line-height: 20px; text-align: left; } /* DIUX UI: Stamp [End] */ /* DIUX UI: Analysis Stamp [Start] */ .ui_analysisStamp_body { width: 100%; height: 100%; padding: 2px; box-sizing: border-box; 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 { width: 100%; height: 100%; padding: 2px; box-sizing: border-box; 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: 8px; width: 100%; height: 100%; padding: 1px; box-sizing: border-box; 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; } /* 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; } /* 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: #B4B4B4 solid 1px; background-color: white; font-size: 30px; font-family: 'Segoe UI', Verdana, sans-serif; color: #B4B4B4; line-height: 50px; } .ui_verticalWizard_itemHeader_completed { position: absolute; width: 50px; height: 50px; border-radius: 30px; border: none; background-color: #2385B0; 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: none; background-color: #00C38A; 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: #B4B4B4; 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: #222222; margin-top: 15px; margin-left: 68px; } .ui_verticalWizard_itemTitle_current { position: absolute; font-size: 16px; font-weight: bold; font-family: 'Segoe UI', Verdana, sans-serif; color: #222222; margin-top: 15px; margin-left: 68px; } .ui_verticalWizard_itemDescription { position: absolute; font-size: 13px; font-family: 'Segoe UI', Verdana, sans-serif; color: #B4B4B4; 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_itemHeader { position: relative; left: 50%; transform: translateX(-50%); margin-top: 10px; width: 50px; height: 50px; border-radius: 30px; border: #B4B4B4 solid 1px; background-color: white; font-size: 30px; font-family: 'Segoe UI', Verdana, sans-serif; color: #B4B4B4; 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: #2385B0; 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: #00C38A; 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: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* 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"); /* Users will need to download this image in order to use the banner */ background-repeat: no-repeat; background-size: cover; background-position: top; } .landingBanner_mainTitle_style1 { font-family: 'Segoe UI', Verdana, sans-serif, "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: 60px; line-height: 70px; left: 75px; letter-spacing: 2px; } .landingBanner_subTitle_style1 { font-size: 22px; font-family: 'Segoe UI', Verdana, sans-serif, "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: 160px; line-height: 22px; 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', Verdana, sans-serif, "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"); /* Users will need to download this image in order to use the banner */ background-repeat: no-repeat; background-size: cover; background-position: top; } .landingBanner_mainTitle_style2 { font-family: 'Segoe UI', Verdana, sans-serif, "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: 80px; line-height: 70px; left: 335px; letter-spacing: 2px; } .landingBanner_subTitle_style2 { font-size: 22px; font-family: 'Segoe UI', Verdana, sans-serif, "Microsoft YaHei", "微软雅黑", "Source Han Sans CN"; width: 1000px; text-align: left; color: white; font-weight: 300; text-shadow: 0px 3px 6px rgba(131, 111, 111, 0.25); position: absolute; top: 175px; line-height: 22px; 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', Verdana, sans-serif, "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; } }