From 399d774e700119fa177e113beb28b3ab6b75fe74 Mon Sep 17 00:00:00 2001 From: Christos Sidiropoulos Date: Wed, 29 Nov 2023 10:30:59 +0000 Subject: [PATCH] Add styling for pagination in ListView Signed-off-by: Christos Sidiropoulos --- .../Private/Less/website/searchlist.less | 52 +++++++++++++++++++ Resources/Public/Css/webStyles.css | 2 +- 2 files changed, 53 insertions(+), 1 deletion(-) diff --git a/Resources/Private/Less/website/searchlist.less b/Resources/Private/Less/website/searchlist.less index 16050a07a..7c858b64a 100644 --- a/Resources/Private/Less/website/searchlist.less +++ b/Resources/Private/Less/website/searchlist.less @@ -168,6 +168,58 @@ } } } + + .pagination { + // Pagination elements + li { + display: inline-block; + text-align: center; + vertical-align: middle; + font-family: 'Open Sans', Helvetica, Arial, sans-serif; + font-weight: bold; + font-size: 14px; + transform-origin: center bottom; + border: 1px solid @base-blue; + border-radius: 15px; + width: 40px; + height: 40px; + padding-left: 0px; + } + + li::before { + display: none; + } + + li span, li a { + display: inline-block; + padding-left: 10px; + padding-right: 10px; + width: 100%; + padding-top: 7px; + } + + // Pagination elements: previous and next + li.previous, li.next { + width: 140px; + height: 40px; + } + + // Pagination elements: disabled + li.disabled { + opacity: 0.3; + } + + // Pagination elements: current + li.current a { + color: white; + background-color: @light-blue; + opacity: 0.5; + border: 1px solid @base-blue; + border-radius: 15px; + width: 40px; + height: 40px; + } + } } } } diff --git a/Resources/Public/Css/webStyles.css b/Resources/Public/Css/webStyles.css index 9709b83d7..df0beeaf0 100644 --- a/Resources/Public/Css/webStyles.css +++ b/Resources/Public/Css/webStyles.css @@ -1 +1 @@ -html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline}body{line-height:1}h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal}ol,ul{list-style:none}blockquote{quotes:none}blockquote:before,blockquote:after{content:'';content:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a img{border:none}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url('../../Public/Fonts/open-sans-v17-latin-300.woff2') format('woff2'),url('../../Public/Fonts/open-sans-v17-latin-300.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSans-LightItalic'),url('../../Public/Fonts/open-sans-v17-latin-300italic.woff2') format('woff2'),url('../../Public/Fonts/open-sans-v17-latin-300italic.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url('../../Public/Fonts/open-sans-v17-latin-regular.woff2') format('woff2'),url('../../Public/Fonts/open-sans-v17-latin-regular.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url('../../Public/Fonts/open-sans-v17-latin-italic.woff2') format('woff2'),url('../../Public/Fonts/open-sans-v17-latin-italic.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url('../../Public/Fonts/open-sans-v17-latin-700.woff2') format('woff2'),url('../../Public/Fonts/open-sans-v17-latin-700.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url('../../Public/Fonts/open-sans-v17-latin-700italic.woff2') format('woff2'),url('../../Public/Fonts/open-sans-v17-latin-700italic.woff') format('woff')}*{box-sizing:border-box}html,body{position:relative;height:100%}body{text-align:center;background:#a6c3e1;font-family:'Open Sans',Helvetica,Arial,sans-serif}body:before{position:fixed;top:0;right:0;bottom:0;left:0;background:url(../Images/fibonacciBg.svg) no-repeat right bottom;background-size:cover;content:" ";opacity:.3}body.hidden,body.static{background:#fff}body.hidden:before,body.static:before{content:none}a{color:#3c77b3;text-decoration:none}.main-wrapper{position:absolute;top:0;right:0;bottom:12px;left:0;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,0.2);overflow:hidden;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.hidden .main-wrapper{opacity:0}.static .main-wrapper{-webkit-transition:none;-o-transition:none;transition:none}.fullscreen .main-wrapper{bottom:0}@media screen and (min-width:1024px){.main-wrapper{top:5px;right:5px;bottom:5px;left:5px}.fullscreen .main-wrapper{top:0;right:0;bottom:0;left:0}}@media screen and (min-width:1200px){.main-wrapper{top:20px;right:20px;bottom:25px;left:20px}}.document-view{position:absolute;top:60px;right:0;bottom:0;left:0;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.fullscreen .document-view{top:0px;right:0px;bottom:0px;left:0px}.static .document-view{-webkit-transition:none;-o-transition:none;transition:none}.document-view .tx-dlf-map{position:absolute;top:0;right:0;bottom:0;left:0}.document-view .document-functions .provider{position:absolute;top:0;left:0;right:0;text-align:left;z-index:auto;background:#fff;display:flex;align-items:center;padding:10px;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.document-view .document-functions .provider>ul>li>a{flex:0 0 70px}.document-view .document-functions .provider>ul>li>a img{margin-top:5px;width:70px;height:33px}.document-view .document-functions .provider .mobile-meta{position:relative;font-size:12px;line-height:1.3;flex:0 1 auto}.document-view .document-functions .provider .mobile-meta dt{display:none}.document-view .document-functions .provider .mobile-meta dd{color:#a6c3e1}.document-view .document-functions .provider .mobile-meta dd.tx-dlf-title a{position:relative;font-weight:bold}.document-view .document-functions .provider .mobile-controls{position:absolute;bottom:-50px;right:15px;display:flex}.document-view .document-functions .provider .mobile-controls form{position:relative;width:40px;height:40px;flex:0 0 40px;margin-right:5px}.document-view .document-functions .provider .mobile-controls form label{display:none}.document-view .document-functions .provider .mobile-controls form select{position:relative;width:40px;height:40px;padding-left:40px;background:#fff url(../Images/controlIcons.svg) no-repeat -560px -77px;background-size:600px 120px;outline:none;border-radius:20px;-webkit-appearance:none;border:0 none}.document-view .document-functions .provider .mobile-controls form select[disabled]{display:none}.document-view .document-functions .provider .mobile-controls .fullscreen{position:relative;flex:0 0 40px;width:40px;height:40px;border-radius:20px;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;background:#fff}.document-view .document-functions .provider .mobile-controls .fullscreen:before,.document-view .document-functions .provider .mobile-controls .fullscreen:after{position:absolute;width:12px;height:12px;background:url(../Images/controlIcons.svg) no-repeat -538px -54px;background-size:600px 120px;display:block;content:" ";-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out;pointer-events:none}.static .document-view .document-functions .provider .mobile-controls .fullscreen:before,.static .document-view .document-functions .provider .mobile-controls .fullscreen:after{-webkit-transition:none;-o-transition:none;transition:none}.document-view .document-functions .provider .mobile-controls .fullscreen:before{top:9px;right:9px}.document-view .document-functions .provider .mobile-controls .fullscreen:after{bottom:9px;left:9px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.document-view .document-functions .provider .mobile-controls .fullscreen.active:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.document-view .document-functions .provider .mobile-controls .fullscreen.active:after{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.fullscreen .document-view .document-functions .provider{-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%)}.document-view .document-functions.missing-provider-image .provider>a{display:none}.document-view .document-functions.missing-provider-image .provider>a img{display:none}.document-view .document-functions.missing-provider-image .provider .mobile-meta{padding-left:10px}@media screen and (min-width:480px){.document-view .document-functions .provider .mobile-meta{padding-right:100px}.document-view .document-functions .provider .mobile-controls{bottom:auto;top:10px}.fullscreen .document-view .document-functions .provider .mobile-controls{bottom:-50px;top:unset}}@media screen and (min-width:1024px){.document-view{top:0;left:33%;padding:0}.document-view .tx-dlf-map{top:0}.document-view .document-functions .provider{top:10px;left:10px;right:auto;background:transparent;padding:0}.document-view .document-functions .provider ul>li>a img{width:108px;height:50px;border-radius:4px}.document-view .document-functions .provider .mobile-meta,.document-view .document-functions .provider .mobile-controls{display:none}.document-view .document-functions.missing-provider-image ul{left:20px}}@media screen and (min-width:1200px){.document-view{left:25%}}.website .main-wrapper{position:relative;padding:0 15px;min-height:95%;margin-bottom:60px}@media screen and (min-width:480px){.website .main-wrapper{padding:0 30px}}@media screen and (min-width:768px){.website .main-wrapper{padding:0 50px;margin:30px 30px 60px 30px}}@media screen and (min-width:1024px){.website .main-wrapper{width:900px;margin:30px auto 60px auto;overflow:visible}}@media screen and (min-width:1200px){.website .main-wrapper{width:1110px}}.website .footer{position:relative;padding:30px 0;margin-top:100px;border-top:1px solid #a6c3e1}.website .footer p{font-size:12px;color:#a6c3e1}.website .footer a.totop{position:absolute;top:-20px;left:50%;margin-left:-20px;height:40px;width:40px;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;border-radius:20px;border:3px solid #fff;background:#a6c3e1 url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHN0eWxlPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojMjQ2O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMH08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNSA3djE1LjZNOC42IDEzLjRMMTUgN2w2LjQgNi40Ii8+PC9zdmc+') no-repeat center center}.website .header{padding-top:350px;text-align:left}.website .header ol.breadcrumb{margin-top:20px;font-size:12px}.website .header ol.breadcrumb li{display:inline-block}.website .header ol.breadcrumb li:after{position:relative;content:"\00bb";color:#a6c3e1;margin-left:5px;top:-1px}.website .header ol.breadcrumb li a{text-transform:uppercase}.website .header h2{color:#246;font-weight:100;font-size:32px;line-height:1.1;margin:0 0 20px 0}.website .header .header-image{position:absolute;top:55px;right:0;left:0;height:240px;background:url(../Images/dfgviewerHeader.jpg) no-repeat center center;background-size:cover}.website .header .sticky-header{position:fixed;top:0;right:0;left:0;min-height:55px;background:rgba(34,68,102,0.95);z-index:100;overflow:hidden}.website .header .sticky-header h1{position:absolute;top:10px;left:15px;width:200px;height:35px}.website .header .sticky-header h1 a{position:relative;width:100%;height:100%;color:#fff;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;background:url('../Images/dfgviewerLogo.svg') no-repeat center center;background-size:200px 35px;display:block}.website .header .sticky-header nav{position:relative;max-height:350px}.website .header .sticky-header nav .nav-toggle{position:absolute;top:15px;right:15px;width:25px;height:30px;padding:0;border:0 none;background:transparent;outline:none}.website .header .sticky-header nav .nav-toggle .nav-label{display:none}.website .header .sticky-header nav .nav-toggle .nav-button-bar{position:relative;width:100%;height:2px;border-radius:2px;margin-bottom:4px;background:#fff;display:block;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.website .header .sticky-header nav .nav-toggle.active .nav-button-bar:nth-of-type(2){-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);opacity:0}.website .header .sticky-header nav .nav-toggle.active .nav-button-bar:nth-of-type(3){-webkit-transform:translateY(6px) rotate(45deg);-moz-transform:translateY(6px) rotate(45deg);-ms-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg)}.website .header .sticky-header nav .nav-toggle.active .nav-button-bar:nth-of-type(4){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.website .header .sticky-header nav .nav-toggle.active .nav-button-bar:nth-of-type(5){-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);opacity:0}.website .header .sticky-header nav .language-nav{position:absolute;right:45px;top:17px;font-size:12px}.website .header .sticky-header nav .language-nav li{position:relative;display:inline-block;margin-right:4px}.website .header .sticky-header nav .language-nav li a{position:relative;padding:6px;color:#fff;display:block}.website .header .sticky-header nav .language-nav li a.actlang{font-weight:bold}.website .header .sticky-header nav .language-nav:before{position:absolute;top:0;left:50%;margin-left:-6px;content:"/";opacity:.2;font-size:24px;color:#fff;font-weight:100;text-align:center;width:10px}.website .header .sticky-header nav .main-nav{position:relative;top:55px;width:100%;text-align:left;padding-bottom:0;max-height:0;opacity:0;border-top:1px solid rgba(255,255,255,0.1);overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.website .header .sticky-header nav .main-nav li{position:relative}.website .header .sticky-header nav .main-nav li a{padding:15px;display:block;color:#fff;border-top:1px solid rgba(255,255,255,0.1)}.website .header .sticky-header nav .main-nav li a.submenu-toggle{position:absolute;top:0;right:0;bottom:0;width:60px;border:0 none}.website .header .sticky-header nav .main-nav li a.submenu-toggle .toggle-circle{position:absolute;top:12px;right:16px;width:24px;height:24px;border-radius:12px;border:2px solid #fff;padding:0;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out;opacity:.5;display:block}.website .header .sticky-header nav .main-nav li a.submenu-toggle .toggle-circle:before,.website .header .sticky-header nav .main-nav li a.submenu-toggle .toggle-circle:after{position:absolute;width:12px;height:2px;background:#fff;content:" ";-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.website .header .sticky-header nav .main-nav li a.submenu-toggle .toggle-circle:before{top:9px;left:4px}.website .header .sticky-header nav .main-nav li a.submenu-toggle .toggle-circle:after{top:9px;left:4px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.website .header .sticky-header nav .main-nav li a.current{font-weight:bold;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2);border-width:1px 0}.website .header .sticky-header nav .main-nav li:first-child>a{border-top:0 none}.website .header .sticky-header nav .main-nav li.submenu ul{position:relative;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out;max-height:0;opacity:0;overflow:hidden}.website .header .sticky-header nav .main-nav li.submenu ul li:before{position:absolute;top:50%;left:15px;margin-top:-5px;width:0;height:0;border:5px solid transparent;border-right-width:0;border-left-color:#fff;content:" ";opacity:.3}.website .header .sticky-header nav .main-nav li.submenu ul li a{border:0 none !important;font-size:14px;padding-left:35px}.website .header .sticky-header nav .main-nav li.submenu.active ul{max-height:500px;opacity:1;margin-bottom:10px;overflow:visible}.website .header .sticky-header nav .main-nav li.submenu.active a.submenu-toggle .toggle-circle{opacity:1;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.website .header .sticky-header nav .main-nav li.submenu.active a.submenu-toggle .toggle-circle:before{top:7px;left:5px;width:8px}.website .header .sticky-header nav .main-nav li.submenu.active a.submenu-toggle .toggle-circle:after{top:10px;left:8px;width:8px}.website .header .sticky-header nav .main-nav.open{max-height:350px;opacity:1;padding-bottom:95px}.website .header .sticky-header nav .secondary-nav{position:absolute;right:0;bottom:0;left:0;height:0;background:rgba(34,68,102,0.95);opacity:0;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out;pointer-events:none;display:flex;align-items:center;border-top:1px solid #fff}.website .header .sticky-header nav .secondary-nav.open{opacity:1;height:40px;pointer-events:all}.website .header .sticky-header nav .secondary-nav li{flex:0 1 auto;margin:0 15px}.website .header .sticky-header nav .secondary-nav li a{padding:10px 0;color:#fff;font-size:14px;opacity:.8}@media screen and (min-width:480px){.website .header{padding-top:270px}.website .header .header-image{top:0}}@media screen and (min-width:768px){.website .header{padding-top:360px}.website .header .header-image{top:55px;height:280px}.website .header .sticky-header{position:absolute}.no-touchevents .website .header .sticky-header h1{-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.no-touchevents .website .header .sticky-header h1:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}@media screen and (min-width:1200px){.website .header{padding-top:520px}.website .header h2,.website .header ol.breadcrumb{padding:0 150px}.website .header .header-image{top:100px;height:360px}.website .header .sticky-header{height:100px;overflow:visible}.website .header .sticky-header h1{top:20px;left:50px;width:260px;height:55px}.website .header .sticky-header h1 a{background-size:100%}.website .header .sticky-header nav .language-nav{position:absolute;top:-30px;right:-10px;font-size:14px}.website .header .sticky-header nav .nav-toggle{display:none}.website .header .sticky-header nav .main-nav{position:absolute;top:40px;right:50px;width:auto;max-height:inherit;opacity:1;border:0 none;overflow:visible}.website .header .sticky-header nav .main-nav>li{display:inline-block;padding:0}.website .header .sticky-header nav .main-nav>li>a{padding:0;border:0 none;margin:0 8px;text-transform:uppercase;font-weight:normal;font-size:16px}.website .header .sticky-header nav .main-nav>li>a.submenu-toggle{pointer-events:none;width:24px;top:10px;right:50%;margin:0 -12px 0 0;-webkit-transform:scale(.75);-moz-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.website .header .sticky-header nav .main-nav>li>a.submenu-toggle .toggle-circle{top:0;right:0;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);border:0 none}.website .header .sticky-header nav .main-nav>li>a.submenu-toggle .toggle-circle:before{top:6px;left:5px;width:8px}.website .header .sticky-header nav .main-nav>li>a.submenu-toggle .toggle-circle:after{top:10px;left:8px;width:8px}.website .header .sticky-header nav .main-nav>li>a.current{background:transparent;border:0 none}.website .header .sticky-header nav .main-nav>li:last-child a{margin-right:0;border:0 none}.website .header .sticky-header nav .main-nav>li.submenu ul{position:absolute;top:40px;left:50%;margin-left:-150px;display:block;padding:15px;max-height:inherit;width:300px;background:rgba(255,255,255,0.9);box-shadow:0 2px 8px rgba(0,0,0,0.3);opacity:0;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);transform-origin:center top}.website .header .sticky-header nav .main-nav>li.submenu ul li{display:block}.website .header .sticky-header nav .main-nav>li.submenu ul li:before{display:none;content:none}.website .header .sticky-header nav .main-nav>li.submenu ul li a{padding:0;margin:0;text-transform:none;display:block;line-height:40px;min-height:40px;padding:0 5px;color:#246}.no-touchevents .website .header .sticky-header nav .main-nav>li.submenu ul li a:hover{background:rgba(166,195,225,0.4)}.website .header .sticky-header nav .main-nav>li.submenu ul:before{position:absolute;top:-5px;left:50%;margin-left:-3px;width:0;height:0;border:5px solid transparent;border-top-width:0;border-bottom-color:rgba(255,255,255,0.9);content:" "}.website .header .sticky-header nav .main-nav>li.submenu.active a.submenu-toggle .toggle-circle{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.website .header .sticky-header nav .main-nav>li.active>a{font-weight:bold}.no-touchevents .website .header .sticky-header nav .main-nav>li a{-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.no-touchevents .website .header .sticky-header nav .main-nav>li:hover>a{-webkit-transform:scale(1.12);-moz-transform:scale(1.12);-ms-transform:scale(1.12);transform:scale(1.12)}.no-touchevents .website .header .sticky-header nav .main-nav>li:hover>a.submenu-toggle{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.no-touchevents .website .header .sticky-header nav .main-nav>li:hover ul{opacity:1;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}.website .header .sticky-header nav .secondary-nav{top:-26px;right:60px;bottom:auto;left:auto;height:auto;opacity:1;pointer-events:all;background:transparent;border:0 none}.website .header .sticky-header nav .secondary-nav li{margin:0 10px}.website .header .sticky-header nav .secondary-nav li a{opacity:1;text-transform:uppercase}}.website .page-container{text-align:left;line-height:1.7}.website .page-container h3{margin:40px 0 5px 0;color:#246;font-size:22px}.website .page-container p{margin:30px 0}.website .page-container p.abstract{padding:12px 20px;background:#ebf1f8}.website .page-container a[href$=".jpg"]{width:100%;text-align:center;padding:20px;display:block;background:#f2f6fb}.website .page-container span.quote{font-style:italic;quotes:"\00BB" "\00AB" "\203A" "\2039"}.website .page-container span.quote:before{content:open-quote}.website .page-container span.quote:after{content:close-quote}.website .page-container span.information{display:block;padding:8px 10px 8px 40px;color:#246;background:url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHN0eWxlPi5zdDB7c3Ryb2tlLWxpbmVjYXA6cm91bmR9LnN0MCwuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzI0NjtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMH08L3N0eWxlPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjE0LjkiIGN5PSIxNSIgcj0iMTMuMSIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMi4zIDIyLjFoNi4zTTEzLjQgMTIuN2gyLjF2OC45Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE0LjkgNy45Yy0uMyAwLS41LjItLjUuNXMuMi41LjUuNS41LS4yLjUtLjVjLjEtLjItLjItLjUtLjUtLjV6Ii8+PC9zdmc+') no-repeat 0 center}.website .page-container ul li{position:relative;padding-left:16px;line-height:1.7 !important}.website .page-container ul li:before{position:absolute;top:0;left:0;content:"\00bb";color:#a6c3e1}.website .page-container ol{list-style:none}.website .page-container ol li{position:relative;margin:15px 0;counter-increment:step-counter;padding-left:30px}.website .page-container ol li:before{position:absolute;top:0;bottom:0;left:10px;width:1px;background:#d4e2f1;content:" "}.website .page-container ol li:after{position:absolute;left:0;top:50%;height:20px;width:20px;margin-top:-10px;content:counter(step-counter);color:#fff;background:#a6c3e1;border-radius:10px;display:block;line-height:20px;text-align:center;font-size:12px;font-weight:bold}.website .page-container table{position:relative;border:1px solid #a6c3e1;font-size:14px;width:100%}.website .page-container table th,.website .page-container table td{padding:5px}.website .page-container table th{background:#a6c3e1;color:#fff}.website .page-container table td{border:1px solid #cde}.no-touchevents .website .page-container table tr:hover{background:#f2f6fb}.website .page-container .responsive-table{position:relative;max-width:100%;overflow:hidden}.website .page-container form{border:1px solid #a6c3e1;border-width:1px 0;padding:20px 0;margin:50px 0}.website .page-container form br{display:none}.website .page-container form h3{line-height:1;margin:0}.website .page-container form fieldset{min-width:0}.website .page-container form fieldset legend{margin-top:20px;text-transform:uppercase;color:#a6c3e1;display:block;font-size:24px;font-weight:bold}.website .page-container form label{margin-top:20px;text-transform:uppercase;color:#a6c3e1;display:block;font-size:12px;font-weight:bold}.website .page-container form input[type="text"],.website .page-container form input[type="email"],.website .page-container form input[type="password"],.website .page-container form textarea{position:relative;border:1px solid transparent;border-color:#a6c3e1 transparent transparent #a6c3e1;background:#ebf1f8;width:100%;display:block;padding:10px;font-size:14px;line-height:1.7}.website .page-container form input[type="text"]:focus,.website .page-container form input[type="email"]:focus,.website .page-container form input[type="password"]:focus,.website .page-container form textarea:focus{background:#fafcfd;outline:0 none}.website .page-container form input[type="submit"],.website .page-container form button[type="submit"],.website .page-container form button[type="button"]{position:relative;width:100%;margin-top:20px;background:#246;color:#fff;border:0 none;padding:10px;font-weight:bold;font-size:14px;text-transform:uppercase}.website .page-container form button[type="button"]{background:#fff;color:#246;border:1px solid #246}.website .page-container form select{position:relative;border:1px solid transparent;border-color:#a6c3e1 transparent transparent #a6c3e1;background:#ebf1f8;width:100%;display:block;padding:10px;font-size:14px;line-height:1.7}.website .page-container form select:focus{background:#fafcfd;outline:0 none}.website .page-container form div.actions{height:48px}.website .page-container form span.help-block{font-size:90%;font-style:italic}@media screen and (min-width:1200px){.website .page-container{padding:0 150px}.website .page-container form{margin:70px 0}.website .page-container form input[type="submit"],.website .page-container form button[type="submit"]{width:32%;float:right}.website .page-container form button[type="button"]{width:32%;float:left}.website .page-container form button[type="submit"]{float:right}.website .page-container form button[type="button"]{width:32%;float:left}}.website.home .sticky-header{background:transparent;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.website.home .sticky-header h1{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.website.home .sticky-header nav ul.main-nav.open{background:rgba(34,68,102,0.95)}.scrolled.website.home .sticky-header{background:rgba(34,68,102,0.95)}.scrolled.website.home .sticky-header h1{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.website.home .header-image{height:310px;top:0}.website.home .header-image:after{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(34,68,102,0.8) url('../Images/dfgviewerLogo.svg') no-repeat center center;background-size:70% auto;content:" "}.website.home h2,.website.home ol.breadcrumb{display:none}.website.home .frame-layout-101{text-align:center;border-bottom:1px solid #a6c3e1;margin:0;padding:50px 0}.website.home .frame-layout-101 h3{margin:0}.website.home .frame-layout-101 a.link-more{padding-right:15px;background:url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHN0eWxlPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojM2M3N2IzO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMH08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOC4xIDkuOEgyTTkuMyAxbDguOCA4LjgtOC44IDguOCIvPjwvc3ZnPg==') no-repeat right center;background-size:12px 12px;font-weight:bold}.website.home .frame-layout-101 p:last-child{margin-bottom:0}.website.home .frame-layout-101:last-child{border:0;padding-bottom:0}.website.home .frame-layout-101.frame-mission{padding-top:40px}.website.home .frame-layout-101.frame-mission h3{display:none}.website.home .frame-layout-101.frame-mission p{margin-top:0}.website.home .frame-layout-101.frame-demo .demo-list li{position:relative;width:100%;line-height:1.4 !important;margin-bottom:30px}.website.home .frame-layout-101.frame-demo .demo-list li:before{display:none;content:none}.website.home .frame-layout-101.frame-demo .demo-list li a{position:relative;padding-top:290px;display:block}.website.home .frame-layout-101.frame-demo .demo-list li a img{position:absolute;left:50%;margin-left:-100px;top:0;width:200px;height:270px;border:1px solid rgba(0,0,0,0.17);z-index:30}.website.home .frame-layout-101.frame-demo .demo-list li a:before,.website.home .frame-layout-101.frame-demo .demo-list li a:after{position:absolute;left:50%;width:200px;height:270px;background:#fff;border:1px solid rgba(0,0,0,0.17);content:" "}.website.home .frame-layout-101.frame-demo .demo-list li a:before{top:0;margin-left:-100px;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg);z-index:22}.website.home .frame-layout-101.frame-demo .demo-list li a:after{top:5px;margin-left:-94px;-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg);z-index:21}.website.home .frame-layout-101.frame-demo .demo-list li a span{display:block}.website.home .frame-layout-101.frame-demo .demo-list li a span.title{font-weight:bold}.website.home .frame-layout-101.frame-demo .demo-list li a span.uid{display:none}.website.home .frame-layout-101.frame-demo .demo-list li a span.institute{color:#a6c3e1}@media screen and (min-width:480px){.website.home .header-image{height:250px}.website.home .frame-layout-101.frame-mission{padding-top:25px}.website.home .frame-layout-101.frame-mission:before{top:-70px}.website.home .frame-layout-101.frame-demo .demo-list{margin:0 -20px}.website.home .frame-layout-101.frame-demo .demo-list li{width:33%;float:left;margin:0}.website.home .frame-layout-101.frame-demo .demo-list li a{padding-top:230px}.website.home .frame-layout-101.frame-demo .demo-list li a img{margin-left:-80px;width:160px;height:216px}.website.home .frame-layout-101.frame-demo .demo-list li a:before,.website.home .frame-layout-101.frame-demo .demo-list li a:after{width:160px;height:216px}.website.home .frame-layout-101.frame-demo .demo-list li a:before{margin-left:-80px}.website.home .frame-layout-101.frame-demo .demo-list li a:after{margin-left:-74px}.website.home .frame-layout-101.frame-demo .demo-list li a span{font-size:13px}.website.home .frame-layout-101.frame-demo .demo-list:before,.website.home .frame-layout-101.frame-demo .demo-list:after{content:" ";display:table}.website.home .frame-layout-101.frame-demo .demo-list:after{clear:both}}@media screen and (min-width:768px){.website.home .header-image{height:340px}.website.home .header-image:after{background-size:50% auto}.scrolled.website.home .sticky-header{background:transparent}.scrolled.website.home .sticky-header h1{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}}@media screen and (min-width:1200px){.website.home .header-image{height:440px}.website.home .frame-layout-101{position:relative;text-align:left;padding:100px 0}.website.home .frame-layout-101 p{position:relative}.website.home .frame-layout-101:before{position:absolute;top:0;right:0;width:350px;height:350px;opacity:.1;background:url(../Images/homepageIllustrations.svg) no-repeat 0 0;background-size:700px 700px;content:" ";overflow:hidden}.website.home .frame-layout-101.frame-demo:before{content:none}.website.home .frame-layout-101.frame-demo .demo-list li{width:33%;float:left}.website.home .frame-layout-101.frame-demo .demo-list li a{padding-top:240px}.website.home .frame-layout-101.frame-demo .demo-list li a img{left:0;margin-left:0}.website.home .frame-layout-101.frame-demo .demo-list li a:before{left:0;margin-left:0}.website.home .frame-layout-101.frame-demo .demo-list li a:after{left:6px;margin-left:0}.website.home .frame-layout-101.frame-demo .demo-list li a span.uid{color:#a6c3e1;display:block}.website.home .frame-layout-101.frame-metadata:before{left:-130px;top:40px;right:auto;background-position:0 -350px}.website.home .frame-layout-101.frame-mailinglist:before{background-position:-350px -350px}}.website .page-container .tx-dlf-search-form{margin-top:30px;border-bottom:none}.website .page-container .tx-dlf-search-form div.tx-dlf-search-extended{display:flex;margin-top:50px}.website .page-container .tx-dlf-search-form div.tx-dlf-search-extended .tx-dlf-search-operator{width:20%}.website .page-container .tx-dlf-search-form div.tx-dlf-search-extended .tx-dlf-search-field-option{width:50%}.website .page-container .tx-dlf-search-form label{display:inline}.website .page-container div.tx-dlf-listview form.tx-dlf-search-form select{width:30%;display:inline}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li{display:flex;flex-wrap:wrap}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a{display:flex;flex-wrap:wrap;width:90%}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a div.tx-dlf-listview-thumbnail{position:relative;margin:0 25px 0 0;line-height:0;flex:0 1 10px}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a div.tx-dlf-listview-thumbnail img{width:140px;height:auto}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a dl{width:70%;overflow:hidden;padding:0;margin:0;display:flex;flex-wrap:wrap;align-content:flex-start}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a dl dt{flex:0 0 35%;text-overflow:ellipsis;overflow:hidden}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a dl dd{flex:0 0 65%;margin-left:auto;text-align:left;text-overflow:ellipsis;overflow:hidden}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a dl dd:after{display:block;content:''}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a dl dd+dd{margin-left:35%}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li .tx-dlf-volume{display:none}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li.tx-dlf-volumes-open .tx-dlf-morevolumes{transform:rotate(-90deg)}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li button.tx-dlf-morevolumes{transform:rotate(90deg);background-color:transparent;border-color:currentcolor;position:relative;width:40px;height:40px;border:0;display:inline-block;transition:all .3s ease-out;transform-origin:center center;cursor:pointer;text-shadow:none}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li button.tx-dlf-morevolumes:before{position:absolute;top:-5px;left:5px;content:">>";font-size:40px;line-height:40px;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;color:#a6c3e1;display:block;letter-spacing:-0.1em}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li ol{background-color:#d4e2f1;width:100%;list-style:none}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li ol li a div.tx-dlf-listview-thumbnail{position:relative;margin:0 25px 0 0;line-height:0;flex:0 1 80px}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li ol li a div.tx-dlf-listview-thumbnail img{width:85px;height:auto}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li ol li a dl{width:60%;overflow:hidden;padding:0;margin:0;display:flex;flex-wrap:wrap;align-content:flex-start}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li ol li a dl dt{flex:0 0 35%;text-overflow:ellipsis;overflow:hidden}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li ol li a dl dd{flex:0 0 65%;margin-left:auto;text-align:left;text-overflow:ellipsis;overflow:hidden}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li ol li a dl dd:after{display:block;content:''}/*# sourceMappingURL=Resources/Public/Css/webStyles.css.map */ \ No newline at end of file +html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline}body{line-height:1}h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal}ol,ul{list-style:none}blockquote{quotes:none}blockquote:before,blockquote:after{content:'';content:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a img{border:none}@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url('../../Public/Fonts/open-sans-v17-latin-300.woff2') format('woff2'),url('../../Public/Fonts/open-sans-v17-latin-300.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'),local('OpenSans-LightItalic'),url('../../Public/Fonts/open-sans-v17-latin-300italic.woff2') format('woff2'),url('../../Public/Fonts/open-sans-v17-latin-300italic.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url('../../Public/Fonts/open-sans-v17-latin-regular.woff2') format('woff2'),url('../../Public/Fonts/open-sans-v17-latin-regular.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'),local('OpenSans-Italic'),url('../../Public/Fonts/open-sans-v17-latin-italic.woff2') format('woff2'),url('../../Public/Fonts/open-sans-v17-latin-italic.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url('../../Public/Fonts/open-sans-v17-latin-700.woff2') format('woff2'),url('../../Public/Fonts/open-sans-v17-latin-700.woff') format('woff')}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'),local('OpenSans-BoldItalic'),url('../../Public/Fonts/open-sans-v17-latin-700italic.woff2') format('woff2'),url('../../Public/Fonts/open-sans-v17-latin-700italic.woff') format('woff')}*{box-sizing:border-box}html,body{position:relative;height:100%}body{text-align:center;background:#a6c3e1;font-family:'Open Sans',Helvetica,Arial,sans-serif}body:before{position:fixed;top:0;right:0;bottom:0;left:0;background:url(../Images/fibonacciBg.svg) no-repeat right bottom;background-size:cover;content:" ";opacity:.3}body.hidden,body.static{background:#fff}body.hidden:before,body.static:before{content:none}a{color:#3c77b3;text-decoration:none}.main-wrapper{position:absolute;top:0;right:0;bottom:12px;left:0;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,0.2);overflow:hidden;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.hidden .main-wrapper{opacity:0}.static .main-wrapper{-webkit-transition:none;-o-transition:none;transition:none}.fullscreen .main-wrapper{bottom:0}@media screen and (min-width:1024px){.main-wrapper{top:5px;right:5px;bottom:5px;left:5px}.fullscreen .main-wrapper{top:0;right:0;bottom:0;left:0}}@media screen and (min-width:1200px){.main-wrapper{top:20px;right:20px;bottom:25px;left:20px}}.document-view{position:absolute;top:60px;right:0;bottom:0;left:0;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.fullscreen .document-view{top:0px;right:0px;bottom:0px;left:0px}.static .document-view{-webkit-transition:none;-o-transition:none;transition:none}.document-view .tx-dlf-map{position:absolute;top:0;right:0;bottom:0;left:0}.document-view .document-functions .provider{position:absolute;top:0;left:0;right:0;text-align:left;z-index:auto;background:#fff;display:flex;align-items:center;padding:10px;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.document-view .document-functions .provider>ul>li>a{flex:0 0 70px}.document-view .document-functions .provider>ul>li>a img{margin-top:5px;width:70px;height:33px}.document-view .document-functions .provider .mobile-meta{position:relative;font-size:12px;line-height:1.3;flex:0 1 auto}.document-view .document-functions .provider .mobile-meta dt{display:none}.document-view .document-functions .provider .mobile-meta dd{color:#a6c3e1}.document-view .document-functions .provider .mobile-meta dd.tx-dlf-title a{position:relative;font-weight:bold}.document-view .document-functions .provider .mobile-controls{position:absolute;bottom:-50px;right:15px;display:flex}.document-view .document-functions .provider .mobile-controls form{position:relative;width:40px;height:40px;flex:0 0 40px;margin-right:5px}.document-view .document-functions .provider .mobile-controls form label{display:none}.document-view .document-functions .provider .mobile-controls form select{position:relative;width:40px;height:40px;padding-left:40px;background:#fff url(../Images/controlIcons.svg) no-repeat -560px -77px;background-size:600px 120px;outline:none;border-radius:20px;-webkit-appearance:none;border:0 none}.document-view .document-functions .provider .mobile-controls form select[disabled]{display:none}.document-view .document-functions .provider .mobile-controls .fullscreen{position:relative;flex:0 0 40px;width:40px;height:40px;border-radius:20px;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;background:#fff}.document-view .document-functions .provider .mobile-controls .fullscreen:before,.document-view .document-functions .provider .mobile-controls .fullscreen:after{position:absolute;width:12px;height:12px;background:url(../Images/controlIcons.svg) no-repeat -538px -54px;background-size:600px 120px;display:block;content:" ";-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out;pointer-events:none}.static .document-view .document-functions .provider .mobile-controls .fullscreen:before,.static .document-view .document-functions .provider .mobile-controls .fullscreen:after{-webkit-transition:none;-o-transition:none;transition:none}.document-view .document-functions .provider .mobile-controls .fullscreen:before{top:9px;right:9px}.document-view .document-functions .provider .mobile-controls .fullscreen:after{bottom:9px;left:9px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.document-view .document-functions .provider .mobile-controls .fullscreen.active:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.document-view .document-functions .provider .mobile-controls .fullscreen.active:after{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.fullscreen .document-view .document-functions .provider{-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%)}.document-view .document-functions.missing-provider-image .provider>a{display:none}.document-view .document-functions.missing-provider-image .provider>a img{display:none}.document-view .document-functions.missing-provider-image .provider .mobile-meta{padding-left:10px}@media screen and (min-width:480px){.document-view .document-functions .provider .mobile-meta{padding-right:100px}.document-view .document-functions .provider .mobile-controls{bottom:auto;top:10px}.fullscreen .document-view .document-functions .provider .mobile-controls{bottom:-50px;top:unset}}@media screen and (min-width:1024px){.document-view{top:0;left:33%;padding:0}.document-view .tx-dlf-map{top:0}.document-view .document-functions .provider{top:10px;left:10px;right:auto;background:transparent;padding:0}.document-view .document-functions .provider ul>li>a img{width:108px;height:50px;border-radius:4px}.document-view .document-functions .provider .mobile-meta,.document-view .document-functions .provider .mobile-controls{display:none}.document-view .document-functions.missing-provider-image ul{left:20px}}@media screen and (min-width:1200px){.document-view{left:25%}}.website .main-wrapper{position:relative;padding:0 15px;min-height:95%;margin-bottom:60px}@media screen and (min-width:480px){.website .main-wrapper{padding:0 30px}}@media screen and (min-width:768px){.website .main-wrapper{padding:0 50px;margin:30px 30px 60px 30px}}@media screen and (min-width:1024px){.website .main-wrapper{width:900px;margin:30px auto 60px auto;overflow:visible}}@media screen and (min-width:1200px){.website .main-wrapper{width:1110px}}.website .footer{position:relative;padding:30px 0;margin-top:100px;border-top:1px solid #a6c3e1}.website .footer p{font-size:12px;color:#a6c3e1}.website .footer a.totop{position:absolute;top:-20px;left:50%;margin-left:-20px;height:40px;width:40px;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;border-radius:20px;border:3px solid #fff;background:#a6c3e1 url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHN0eWxlPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojMjQ2O3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMH08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNSA3djE1LjZNOC42IDEzLjRMMTUgN2w2LjQgNi40Ii8+PC9zdmc+') no-repeat center center}.website .header{padding-top:350px;text-align:left}.website .header ol.breadcrumb{margin-top:20px;font-size:12px}.website .header ol.breadcrumb li{display:inline-block}.website .header ol.breadcrumb li:after{position:relative;content:"\00bb";color:#a6c3e1;margin-left:5px;top:-1px}.website .header ol.breadcrumb li a{text-transform:uppercase}.website .header h2{color:#246;font-weight:100;font-size:32px;line-height:1.1;margin:0 0 20px 0}.website .header .header-image{position:absolute;top:55px;right:0;left:0;height:240px;background:url(../Images/dfgviewerHeader.jpg) no-repeat center center;background-size:cover}.website .header .sticky-header{position:fixed;top:0;right:0;left:0;min-height:55px;background:rgba(34,68,102,0.95);z-index:100;overflow:hidden}.website .header .sticky-header h1{position:absolute;top:10px;left:15px;width:200px;height:35px}.website .header .sticky-header h1 a{position:relative;width:100%;height:100%;color:#fff;font:0/0 'Open Sans',Helvetica,Arial,sans-serif;color:transparent;text-shadow:none;background-color:transparent;border:0;background:url('../Images/dfgviewerLogo.svg') no-repeat center center;background-size:200px 35px;display:block}.website .header .sticky-header nav{position:relative;max-height:350px}.website .header .sticky-header nav .nav-toggle{position:absolute;top:15px;right:15px;width:25px;height:30px;padding:0;border:0 none;background:transparent;outline:none}.website .header .sticky-header nav .nav-toggle .nav-label{display:none}.website .header .sticky-header nav .nav-toggle .nav-button-bar{position:relative;width:100%;height:2px;border-radius:2px;margin-bottom:4px;background:#fff;display:block;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.website .header .sticky-header nav .nav-toggle.active .nav-button-bar:nth-of-type(2){-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);opacity:0}.website .header .sticky-header nav .nav-toggle.active .nav-button-bar:nth-of-type(3){-webkit-transform:translateY(6px) rotate(45deg);-moz-transform:translateY(6px) rotate(45deg);-ms-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg)}.website .header .sticky-header nav .nav-toggle.active .nav-button-bar:nth-of-type(4){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.website .header .sticky-header nav .nav-toggle.active .nav-button-bar:nth-of-type(5){-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);opacity:0}.website .header .sticky-header nav .language-nav{position:absolute;right:45px;top:17px;font-size:12px}.website .header .sticky-header nav .language-nav li{position:relative;display:inline-block;margin-right:4px}.website .header .sticky-header nav .language-nav li a{position:relative;padding:6px;color:#fff;display:block}.website .header .sticky-header nav .language-nav li a.actlang{font-weight:bold}.website .header .sticky-header nav .language-nav:before{position:absolute;top:0;left:50%;margin-left:-6px;content:"/";opacity:.2;font-size:24px;color:#fff;font-weight:100;text-align:center;width:10px}.website .header .sticky-header nav .main-nav{position:relative;top:55px;width:100%;text-align:left;padding-bottom:0;max-height:0;opacity:0;border-top:1px solid rgba(255,255,255,0.1);overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.website .header .sticky-header nav .main-nav li{position:relative}.website .header .sticky-header nav .main-nav li a{padding:15px;display:block;color:#fff;border-top:1px solid rgba(255,255,255,0.1)}.website .header .sticky-header nav .main-nav li a.submenu-toggle{position:absolute;top:0;right:0;bottom:0;width:60px;border:0 none}.website .header .sticky-header nav .main-nav li a.submenu-toggle .toggle-circle{position:absolute;top:12px;right:16px;width:24px;height:24px;border-radius:12px;border:2px solid #fff;padding:0;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out;opacity:.5;display:block}.website .header .sticky-header nav .main-nav li a.submenu-toggle .toggle-circle:before,.website .header .sticky-header nav .main-nav li a.submenu-toggle .toggle-circle:after{position:absolute;width:12px;height:2px;background:#fff;content:" ";-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.website .header .sticky-header nav .main-nav li a.submenu-toggle .toggle-circle:before{top:9px;left:4px}.website .header .sticky-header nav .main-nav li a.submenu-toggle .toggle-circle:after{top:9px;left:4px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.website .header .sticky-header nav .main-nav li a.current{font-weight:bold;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.2);border-width:1px 0}.website .header .sticky-header nav .main-nav li:first-child>a{border-top:0 none}.website .header .sticky-header nav .main-nav li.submenu ul{position:relative;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out;max-height:0;opacity:0;overflow:hidden}.website .header .sticky-header nav .main-nav li.submenu ul li:before{position:absolute;top:50%;left:15px;margin-top:-5px;width:0;height:0;border:5px solid transparent;border-right-width:0;border-left-color:#fff;content:" ";opacity:.3}.website .header .sticky-header nav .main-nav li.submenu ul li a{border:0 none !important;font-size:14px;padding-left:35px}.website .header .sticky-header nav .main-nav li.submenu.active ul{max-height:500px;opacity:1;margin-bottom:10px;overflow:visible}.website .header .sticky-header nav .main-nav li.submenu.active a.submenu-toggle .toggle-circle{opacity:1;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.website .header .sticky-header nav .main-nav li.submenu.active a.submenu-toggle .toggle-circle:before{top:7px;left:5px;width:8px}.website .header .sticky-header nav .main-nav li.submenu.active a.submenu-toggle .toggle-circle:after{top:10px;left:8px;width:8px}.website .header .sticky-header nav .main-nav.open{max-height:350px;opacity:1;padding-bottom:95px}.website .header .sticky-header nav .secondary-nav{position:absolute;right:0;bottom:0;left:0;height:0;background:rgba(34,68,102,0.95);opacity:0;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out;pointer-events:none;display:flex;align-items:center;border-top:1px solid #fff}.website .header .sticky-header nav .secondary-nav.open{opacity:1;height:40px;pointer-events:all}.website .header .sticky-header nav .secondary-nav li{flex:0 1 auto;margin:0 15px}.website .header .sticky-header nav .secondary-nav li a{padding:10px 0;color:#fff;font-size:14px;opacity:.8}@media screen and (min-width:480px){.website .header{padding-top:270px}.website .header .header-image{top:0}}@media screen and (min-width:768px){.website .header{padding-top:360px}.website .header .header-image{top:55px;height:280px}.website .header .sticky-header{position:absolute}.no-touchevents .website .header .sticky-header h1{-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.no-touchevents .website .header .sticky-header h1:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}@media screen and (min-width:1200px){.website .header{padding-top:520px}.website .header h2,.website .header ol.breadcrumb{padding:0 150px}.website .header .header-image{top:100px;height:360px}.website .header .sticky-header{height:100px;overflow:visible}.website .header .sticky-header h1{top:20px;left:50px;width:260px;height:55px}.website .header .sticky-header h1 a{background-size:100%}.website .header .sticky-header nav .language-nav{position:absolute;top:-30px;right:-10px;font-size:14px}.website .header .sticky-header nav .nav-toggle{display:none}.website .header .sticky-header nav .main-nav{position:absolute;top:40px;right:50px;width:auto;max-height:inherit;opacity:1;border:0 none;overflow:visible}.website .header .sticky-header nav .main-nav>li{display:inline-block;padding:0}.website .header .sticky-header nav .main-nav>li>a{padding:0;border:0 none;margin:0 8px;text-transform:uppercase;font-weight:normal;font-size:16px}.website .header .sticky-header nav .main-nav>li>a.submenu-toggle{pointer-events:none;width:24px;top:10px;right:50%;margin:0 -12px 0 0;-webkit-transform:scale(.75);-moz-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}.website .header .sticky-header nav .main-nav>li>a.submenu-toggle .toggle-circle{top:0;right:0;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);border:0 none}.website .header .sticky-header nav .main-nav>li>a.submenu-toggle .toggle-circle:before{top:6px;left:5px;width:8px}.website .header .sticky-header nav .main-nav>li>a.submenu-toggle .toggle-circle:after{top:10px;left:8px;width:8px}.website .header .sticky-header nav .main-nav>li>a.current{background:transparent;border:0 none}.website .header .sticky-header nav .main-nav>li:last-child a{margin-right:0;border:0 none}.website .header .sticky-header nav .main-nav>li.submenu ul{position:absolute;top:40px;left:50%;margin-left:-150px;display:block;padding:15px;max-height:inherit;width:300px;background:rgba(255,255,255,0.9);box-shadow:0 2px 8px rgba(0,0,0,0.3);opacity:0;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);transform-origin:center top}.website .header .sticky-header nav .main-nav>li.submenu ul li{display:block}.website .header .sticky-header nav .main-nav>li.submenu ul li:before{display:none;content:none}.website .header .sticky-header nav .main-nav>li.submenu ul li a{padding:0;margin:0;text-transform:none;display:block;line-height:40px;min-height:40px;padding:0 5px;color:#246}.no-touchevents .website .header .sticky-header nav .main-nav>li.submenu ul li a:hover{background:rgba(166,195,225,0.4)}.website .header .sticky-header nav .main-nav>li.submenu ul:before{position:absolute;top:-5px;left:50%;margin-left:-3px;width:0;height:0;border:5px solid transparent;border-top-width:0;border-bottom-color:rgba(255,255,255,0.9);content:" "}.website .header .sticky-header nav .main-nav>li.submenu.active a.submenu-toggle .toggle-circle{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.website .header .sticky-header nav .main-nav>li.active>a{font-weight:bold}.no-touchevents .website .header .sticky-header nav .main-nav>li a{-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.no-touchevents .website .header .sticky-header nav .main-nav>li:hover>a{-webkit-transform:scale(1.12);-moz-transform:scale(1.12);-ms-transform:scale(1.12);transform:scale(1.12)}.no-touchevents .website .header .sticky-header nav .main-nav>li:hover>a.submenu-toggle{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.no-touchevents .website .header .sticky-header nav .main-nav>li:hover ul{opacity:1;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}.website .header .sticky-header nav .secondary-nav{top:-26px;right:60px;bottom:auto;left:auto;height:auto;opacity:1;pointer-events:all;background:transparent;border:0 none}.website .header .sticky-header nav .secondary-nav li{margin:0 10px}.website .header .sticky-header nav .secondary-nav li a{opacity:1;text-transform:uppercase}}.website .page-container{text-align:left;line-height:1.7}.website .page-container h3{margin:40px 0 5px 0;color:#246;font-size:22px}.website .page-container p{margin:30px 0}.website .page-container p.abstract{padding:12px 20px;background:#ebf1f8}.website .page-container a[href$=".jpg"]{width:100%;text-align:center;padding:20px;display:block;background:#f2f6fb}.website .page-container span.quote{font-style:italic;quotes:"\00BB" "\00AB" "\203A" "\2039"}.website .page-container span.quote:before{content:open-quote}.website .page-container span.quote:after{content:close-quote}.website .page-container span.information{display:block;padding:8px 10px 8px 40px;color:#246;background:url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCI+PHN0eWxlPi5zdDB7c3Ryb2tlLWxpbmVjYXA6cm91bmR9LnN0MCwuc3Qxe2ZpbGw6bm9uZTtzdHJva2U6IzI0NjtzdHJva2Utd2lkdGg6MS41O3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMH08L3N0eWxlPjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjE0LjkiIGN5PSIxNSIgcj0iMTMuMSIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMi4zIDIyLjFoNi4zTTEzLjQgMTIuN2gyLjF2OC45Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTE0LjkgNy45Yy0uMyAwLS41LjItLjUuNXMuMi41LjUuNS41LS4yLjUtLjVjLjEtLjItLjItLjUtLjUtLjV6Ii8+PC9zdmc+') no-repeat 0 center}.website .page-container ul li{position:relative;padding-left:16px;line-height:1.7 !important}.website .page-container ul li:before{position:absolute;top:0;left:0;content:"\00bb";color:#a6c3e1}.website .page-container ol{list-style:none}.website .page-container ol li{position:relative;margin:15px 0;counter-increment:step-counter;padding-left:30px}.website .page-container ol li:before{position:absolute;top:0;bottom:0;left:10px;width:1px;background:#d4e2f1;content:" "}.website .page-container ol li:after{position:absolute;left:0;top:50%;height:20px;width:20px;margin-top:-10px;content:counter(step-counter);color:#fff;background:#a6c3e1;border-radius:10px;display:block;line-height:20px;text-align:center;font-size:12px;font-weight:bold}.website .page-container table{position:relative;border:1px solid #a6c3e1;font-size:14px;width:100%}.website .page-container table th,.website .page-container table td{padding:5px}.website .page-container table th{background:#a6c3e1;color:#fff}.website .page-container table td{border:1px solid #cde}.no-touchevents .website .page-container table tr:hover{background:#f2f6fb}.website .page-container .responsive-table{position:relative;max-width:100%;overflow:hidden}.website .page-container form{border:1px solid #a6c3e1;border-width:1px 0;padding:20px 0;margin:50px 0}.website .page-container form br{display:none}.website .page-container form h3{line-height:1;margin:0}.website .page-container form fieldset{min-width:0}.website .page-container form fieldset legend{margin-top:20px;text-transform:uppercase;color:#a6c3e1;display:block;font-size:24px;font-weight:bold}.website .page-container form label{margin-top:20px;text-transform:uppercase;color:#a6c3e1;display:block;font-size:12px;font-weight:bold}.website .page-container form input[type="text"],.website .page-container form input[type="email"],.website .page-container form input[type="password"],.website .page-container form textarea{position:relative;border:1px solid transparent;border-color:#a6c3e1 transparent transparent #a6c3e1;background:#ebf1f8;width:100%;display:block;padding:10px;font-size:14px;line-height:1.7}.website .page-container form input[type="text"]:focus,.website .page-container form input[type="email"]:focus,.website .page-container form input[type="password"]:focus,.website .page-container form textarea:focus{background:#fafcfd;outline:0 none}.website .page-container form input[type="submit"],.website .page-container form button[type="submit"],.website .page-container form button[type="button"]{position:relative;width:100%;margin-top:20px;background:#246;color:#fff;border:0 none;padding:10px;font-weight:bold;font-size:14px;text-transform:uppercase}.website .page-container form button[type="button"]{background:#fff;color:#246;border:1px solid #246}.website .page-container form select{position:relative;border:1px solid transparent;border-color:#a6c3e1 transparent transparent #a6c3e1;background:#ebf1f8;width:100%;display:block;padding:10px;font-size:14px;line-height:1.7}.website .page-container form select:focus{background:#fafcfd;outline:0 none}.website .page-container form div.actions{height:48px}.website .page-container form span.help-block{font-size:90%;font-style:italic}@media screen and (min-width:1200px){.website .page-container{padding:0 150px}.website .page-container form{margin:70px 0}.website .page-container form input[type="submit"],.website .page-container form button[type="submit"]{width:32%;float:right}.website .page-container form button[type="button"]{width:32%;float:left}.website .page-container form button[type="submit"]{float:right}.website .page-container form button[type="button"]{width:32%;float:left}}.website.home .sticky-header{background:transparent;-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.website.home .sticky-header h1{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:all .18s ease-in-out;-o-transition:all .18s ease-in-out;transition:all .18s ease-in-out}.website.home .sticky-header nav ul.main-nav.open{background:rgba(34,68,102,0.95)}.scrolled.website.home .sticky-header{background:rgba(34,68,102,0.95)}.scrolled.website.home .sticky-header h1{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.website.home .header-image{height:310px;top:0}.website.home .header-image:after{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(34,68,102,0.8) url('../Images/dfgviewerLogo.svg') no-repeat center center;background-size:70% auto;content:" "}.website.home h2,.website.home ol.breadcrumb{display:none}.website.home .frame-layout-101{text-align:center;border-bottom:1px solid #a6c3e1;margin:0;padding:50px 0}.website.home .frame-layout-101 h3{margin:0}.website.home .frame-layout-101 a.link-more{padding-right:15px;background:url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHN0eWxlPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojM2M3N2IzO3N0cm9rZS13aWR0aDoyO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMH08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xOC4xIDkuOEgyTTkuMyAxbDguOCA4LjgtOC44IDguOCIvPjwvc3ZnPg==') no-repeat right center;background-size:12px 12px;font-weight:bold}.website.home .frame-layout-101 p:last-child{margin-bottom:0}.website.home .frame-layout-101:last-child{border:0;padding-bottom:0}.website.home .frame-layout-101.frame-mission{padding-top:40px}.website.home .frame-layout-101.frame-mission h3{display:none}.website.home .frame-layout-101.frame-mission p{margin-top:0}.website.home .frame-layout-101.frame-demo .demo-list li{position:relative;width:100%;line-height:1.4 !important;margin-bottom:30px}.website.home .frame-layout-101.frame-demo .demo-list li:before{display:none;content:none}.website.home .frame-layout-101.frame-demo .demo-list li a{position:relative;padding-top:290px;display:block}.website.home .frame-layout-101.frame-demo .demo-list li a img{position:absolute;left:50%;margin-left:-100px;top:0;width:200px;height:270px;border:1px solid rgba(0,0,0,0.17);z-index:30}.website.home .frame-layout-101.frame-demo .demo-list li a:before,.website.home .frame-layout-101.frame-demo .demo-list li a:after{position:absolute;left:50%;width:200px;height:270px;background:#fff;border:1px solid rgba(0,0,0,0.17);content:" "}.website.home .frame-layout-101.frame-demo .demo-list li a:before{top:0;margin-left:-100px;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg);z-index:22}.website.home .frame-layout-101.frame-demo .demo-list li a:after{top:5px;margin-left:-94px;-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);transform:rotate(2deg);z-index:21}.website.home .frame-layout-101.frame-demo .demo-list li a span{display:block}.website.home .frame-layout-101.frame-demo .demo-list li a span.title{font-weight:bold}.website.home .frame-layout-101.frame-demo .demo-list li a span.uid{display:none}.website.home .frame-layout-101.frame-demo .demo-list li a span.institute{color:#a6c3e1}@media screen and (min-width:480px){.website.home .header-image{height:250px}.website.home .frame-layout-101.frame-mission{padding-top:25px}.website.home .frame-layout-101.frame-mission:before{top:-70px}.website.home .frame-layout-101.frame-demo .demo-list{margin:0 -20px}.website.home .frame-layout-101.frame-demo .demo-list li{width:33%;float:left;margin:0}.website.home .frame-layout-101.frame-demo .demo-list li a{padding-top:230px}.website.home .frame-layout-101.frame-demo .demo-list li a img{margin-left:-80px;width:160px;height:216px}.website.home .frame-layout-101.frame-demo .demo-list li a:before,.website.home .frame-layout-101.frame-demo .demo-list li a:after{width:160px;height:216px}.website.home .frame-layout-101.frame-demo .demo-list li a:before{margin-left:-80px}.website.home .frame-layout-101.frame-demo .demo-list li a:after{margin-left:-74px}.website.home .frame-layout-101.frame-demo .demo-list li a span{font-size:13px}.website.home .frame-layout-101.frame-demo .demo-list:before,.website.home .frame-layout-101.frame-demo .demo-list:after{content:" ";display:table}.website.home .frame-layout-101.frame-demo .demo-list:after{clear:both}}@media screen and (min-width:768px){.website.home .header-image{height:340px}.website.home .header-image:after{background-size:50% auto}.scrolled.website.home .sticky-header{background:transparent}.scrolled.website.home .sticky-header h1{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}}@media screen and (min-width:1200px){.website.home .header-image{height:440px}.website.home .frame-layout-101{position:relative;text-align:left;padding:100px 0}.website.home .frame-layout-101 p{position:relative}.website.home .frame-layout-101:before{position:absolute;top:0;right:0;width:350px;height:350px;opacity:.1;background:url(../Images/homepageIllustrations.svg) no-repeat 0 0;background-size:700px 700px;content:" ";overflow:hidden}.website.home .frame-layout-101.frame-demo:before{content:none}.website.home .frame-layout-101.frame-demo .demo-list li{width:33%;float:left}.website.home .frame-layout-101.frame-demo .demo-list li a{padding-top:240px}.website.home .frame-layout-101.frame-demo .demo-list li a img{left:0;margin-left:0}.website.home .frame-layout-101.frame-demo .demo-list li a:before{left:0;margin-left:0}.website.home .frame-layout-101.frame-demo .demo-list li a:after{left:6px;margin-left:0}.website.home .frame-layout-101.frame-demo .demo-list li a span.uid{color:#a6c3e1;display:block}.website.home .frame-layout-101.frame-metadata:before{left:-130px;top:40px;right:auto;background-position:0 -350px}.website.home .frame-layout-101.frame-mailinglist:before{background-position:-350px -350px}}.website .page-container .tx-dlf-search-form{margin-top:30px;border-bottom:none}.website .page-container .tx-dlf-search-form div.tx-dlf-search-extended{display:flex;margin-top:50px}.website .page-container .tx-dlf-search-form div.tx-dlf-search-extended .tx-dlf-search-operator{width:20%}.website .page-container .tx-dlf-search-form div.tx-dlf-search-extended .tx-dlf-search-field-option{width:50%}.website .page-container .tx-dlf-search-form label{display:inline}.website .page-container div.tx-dlf-listview form.tx-dlf-search-form select{width:30%;display:inline}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li{display:flex;flex-wrap:wrap}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a{display:flex;flex-wrap:wrap;width:90%}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a div.tx-dlf-listview-thumbnail{position:relative;margin:0 25px 0 0;line-height:0;flex:0 1 10px}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a div.tx-dlf-listview-thumbnail img{width:140px;height:auto}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a dl{width:70%;overflow:hidden;padding:0;margin:0;display:flex;flex-wrap:wrap;align-content:flex-start}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a dl dt{flex:0 0 35%;text-overflow:ellipsis;overflow:hidden}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a dl dd{flex:0 0 65%;margin-left:auto;text-align:left;text-overflow:ellipsis;overflow:hidden}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a dl dd:after{display:block;content:''}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li a dl dd+dd{margin-left:35%}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li .tx-dlf-volume{display:none}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li.tx-dlf-volumes-open .tx-dlf-morevolumes{transform:rotate(-90deg)}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li button.tx-dlf-morevolumes{transform:rotate(90deg);background-color:transparent;border-color:currentcolor;position:relative;width:40px;height:40px;border:0;display:inline-block;transition:all .3s ease-out;transform-origin:center center;cursor:pointer;text-shadow:none}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li button.tx-dlf-morevolumes:before{position:absolute;top:-5px;left:5px;content:">>";font-size:40px;line-height:40px;font-family:'VistaSansBold','Calibri-Bold','Helvetica',Sans-serif;color:#a6c3e1;display:block;letter-spacing:-0.1em}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li ol{background-color:#d4e2f1;width:100%;list-style:none}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li ol li a div.tx-dlf-listview-thumbnail{position:relative;margin:0 25px 0 0;line-height:0;flex:0 1 80px}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li ol li a div.tx-dlf-listview-thumbnail img{width:85px;height:auto}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li ol li a dl{width:60%;overflow:hidden;padding:0;margin:0;display:flex;flex-wrap:wrap;align-content:flex-start}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li ol li a dl dt{flex:0 0 35%;text-overflow:ellipsis;overflow:hidden}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li ol li a dl dd{flex:0 0 65%;margin-left:auto;text-align:left;text-overflow:ellipsis;overflow:hidden}.website .page-container div.tx-dlf-listview ol.tx-dlf-abstracts li ol li a dl dd:after{display:block;content:''}.website .page-container div.tx-dlf-listview .pagination li{display:inline-block;text-align:center;vertical-align:middle;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-weight:bold;font-size:14px;transform-origin:center bottom;border:1px solid #246;border-radius:15px;width:40px;height:40px;padding-left:0px}.website .page-container div.tx-dlf-listview .pagination li::before{display:none}.website .page-container div.tx-dlf-listview .pagination li span,.website .page-container div.tx-dlf-listview .pagination li a{display:inline-block;padding-left:10px;padding-right:10px;width:100%;padding-top:7px}.website .page-container div.tx-dlf-listview .pagination li.previous,.website .page-container div.tx-dlf-listview .pagination li.next{width:140px;height:40px}.website .page-container div.tx-dlf-listview .pagination li.disabled{opacity:.3}.website .page-container div.tx-dlf-listview .pagination li.current a{color:white;background-color:#a6c3e1;opacity:.5;border:1px solid #246;border-radius:15px;width:40px;height:40px}/*# sourceMappingURL=Resources/Public/Css/webStyles.css.map */ \ No newline at end of file