.TrengoWidgetLauncher__iframe { bottom: 80px !important; }

.TrengoOnlineStatus__iframe { bottom: 68px !important; }

h1 { font-family: "Open Sans", sans-serif; color: #00539b; font-size: 1.4rem; line-height: 120%; text-decoration: none; text-align: left; font-weight: 700; overflow-wrap: break-word; }

h1.center { text-align: center; }

h2, h2 a { font-family: "Open Sans", sans-serif; color: #00539b; font-size: 1.4rem; line-height: 120%; text-decoration: none; text-align: left; font-weight: 700; }

h2.center, h2 a.center { text-align: center; }

h3, h3 a { font-family: "Open Sans", sans-serif; color: #00539b; font-size: 1.2rem; line-height: 120%; text-decoration: none; text-align: left; font-weight: 700; }

h4, h4 a { font-family: "Open Sans", sans-serif; color: #FFFFFF; font-size: 1.1rem; line-height: 120%; text-decoration: none; text-align: left; font-weight: 600; }

.blue-bg { padding: 15px; background: #6698C3; }

.blue-bg p { color: #FFFFFF !important; }

.blue-bg .control-label { color: #FFFFFF !important; }

@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }

/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------ O V E R A L L   S T Y L E S ---------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
html, body, #Form { font-size: 100%; font-family: "Open Sans", sans-serif; color: #000000; font-size: 0.9rem; line-height: 140% !important; text-align: left; overflow-x: hidden !important; }

html { font-size: 100%; }

body { background: #FFFFFF; }

* { margin: 0px; padding: 0px; }

::selection { background: #00539b; color: #FFFFFF; text-shadow: none; }

.clear, .clearBoth { clear: both; }

.no-padding { padding: 0px !important; }

a, a:link, a:active, a:visited { color: #00539b; text-decoration: underline; font-size: 0.9rem; }

a:hover, a:link:hover, a:active:hover, a:visited:hover { color: #00539b; text-decoration: none; }

p, .Normal { font-family: "Open Sans", sans-serif; color: #000000; font-size: 0.9rem; line-height: 140% !important; text-align: left; }

ul, ol { font-family: "Open Sans", sans-serif; color: #000000; font-size: 0.9rem; line-height: 140%; }

img { border: 0 !important; }

.map-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }

.map-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }

#video-wrapper { position: relative; margin-bottom: 30px; }

#video-wrapper .video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }

#video-wrapper .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.btn { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 6px 20px; font-size: 0.9rem; text-align: left; text-decoration: none; min-width: 140px; text-align: center; font-family: "Open Sans", sans-serif; font-weight: 600; }

.btn.btn-mob { display: block; margin: 10px; }

.btn i { margin-left: 5px; font-size: 0.7rem; }

.btn.btn-default { background-color: #00539b !important; border-color: transparent !important; color: #FFFFFF !important; text-decoration: none !important; }

.btn.btn-default:hover { background-color: #0364b9 !important; }

.btn.btn-primary { background-color: #fec20f !important; border-color: transparent !important; color: #FFFFFF !important; text-decoration: none !important; }

.btn.btn-primary:hover { background-color: #e0a904 !important; }

.dnnPrimaryAction { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; text-decoration: none !important; color: #FFFFFF !important; background: #6698C3 !important; border-color: transparent !important; box-shadow: none !important; text-shadow: none !important; min-width: 130px; padding: 6px 20px !important; font-size: 0.9rem; font-weight: 600; }

.dnnSecondaryAction { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; text-decoration: none !important; color: #FFFFFF !important; background: #00539b !important; border-color: transparent !important; box-shadow: none !important; text-shadow: none !important; min-width: 130px; padding: 6px 20px !important; font-size: 0.9rem; font-weight: 600; }

html { position: relative; min-height: 100%; }

body { margin-bottom: 365px; }

.img-container { width: 100%; position: relative; }

.img-container.custom-object-fit { position: relative; background-size: cover; background-position: 50% 50%; }

.img-container.custom-object-fit img.featured-image { opacity: 0; }

.img-container img.featured-image { object-fit: cover; object-position: 50% 50%; width: 100%; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; }

/* --------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------ S K I N   S T Y L E S ---------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
#fixed-dashboard { position: fixed; right: 0px; top: 310px; display: block; z-index: 12; background-color: #fec20f; width: 110px; text-align: center; }

#fixed-dashboard i { color: #FFFFFF; margin-right: 2px; font-size: 0.8rem; }

#fixed-dashboard a { text-decoration: none; color: #FFFFFF; font-size: 0.8rem; padding: 10px 0px; display: inline-block; }

#fixed-logoff { position: fixed; right: 0px; top: 360px; display: block; z-index: 12; background-color: #00539b; width: 110px; text-align: center; }

#fixed-logoff i { color: #FFFFFF; margin-right: 2px; font-size: 0.8rem; }

#fixed-logoff a { text-decoration: none; color: #FFFFFF; font-size: 0.8rem; padding: 10px 0px; display: inline-block; }

#help-btn { position: fixed; right: 15px; top: 240px; display: block; z-index: 12; text-align: center; }

#help-btn a { padding: 10px 30px; color: #FFFFFF; text-decoration: none; background-color: #00539b; border-radius: 30px; }

#help-btn a:hover { background-color: #0364b9; }

#help-btn a i { margin-right: 5px; }

.nav-top { display: inline-block; position: relative; padding: 0px; width: auto; height: 50px; background-color: transparent; float: right; }

.nav-top .hamburger { width: 35px; height: 35px; position: relative; float: right; margin-top: 10px; }

.nav-top .hamburger .line { position: absolute; height: 5px; width: 100%; background: #00539b; transition: all cubic-bezier(0.25, 0.1, 0.28, 1.54) 0.32s; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; }

.nav-top .hamburger .line.line1 { top: 17%; }

.nav-top .hamburger .line.line2 { top: 49%; }

.nav-top .hamburger .line.line3 { top: 79%; }

.nav-top .hamburger.close-btn { opacity: 1; }

.nav-top .hamburger.close-btn .line1 { transform: rotate(45deg); top: 49%; }

.nav-top .hamburger.close-btn .line2, .nav-top .hamburger.close-btn .line3 { transform: rotate(-45deg); top: 49%; }

.nav-drill { transform: translateX(100%); }

.nav-is-toggled .nav-drill { transform: translateX(0); }

.nav-is-toggled::after { opacity: 1; visibility: visible; }

.nav-drill { display: block; position: fixed; z-index: 100; top: 150px; right: 0; width: 100vw; height: 100vh; background-color: #00539b; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; transition: 0.45s; }

.nav-items { flex: 0 0 100%; margin-left: 0px; list-style-type: none; }

.nav-item:not(:last-child) { border-bottom: solid 1px rgba(255, 255, 255, 0.2); }

.nav-link { display: inline-block !important; padding: 10px 10px; color: #FFFFFF !important; font-size: 0.9rem !important; line-height: 1.5em; font-weight: 600; text-decoration: none !important; }

.nav-expand-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateX(100%); transition: 0.3s; visibility: hidden; }

.nav-expand-content .nav-item:not(:last-child) { border-bottom: solid 1px rgba(255, 255, 255, 0.2); }

.nav-expand-content .nav-link { background-color: #00539b; }

.nav-expand-content .nav-back-link { display: flex !important; align-items: center; background-color: #000000 !important; color: #FFFFFF; }

.nav-expand-content .nav-back-link::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f30a"; display: inline-block; margin-right: 5px; font-size: 1.2rem; }

.nav-expand-link { display: inline-block; }

.nav-expand .level-link { position: absolute; right: 0px; font-size: 1.2rem !important; line-height: 100%; }

.nav-expand.active > .nav-expand-content { transform: translateX(0); visibility: visible; background-color: #00539b; z-index: 1; }

#topbar-btn-wrapper { position: relative; width: auto; float: right; margin-top: 25px; }

#topbar-btn-wrapper .topbar-btns ul { list-style-type: none; margin-left: 0px; margin-bottom: 0px; }

#topbar-btn-wrapper .topbar-btns ul li { float: left; margin-left: 10px; }

#topbar-btn-wrapper .topbar-btns ul li:first-of-type { margin-left: 0px; }

#customerservice-wrapper { position: relative; float: right; width: auto; margin-top: 25px; margin-left: 30px; }

#customerservice-wrapper span.title { display: block; color: #00539b; font-size: 0.9rem; text-align: right; line-height: 100%; }

#customerservice-wrapper span.telephone { display: block; color: #00539b; font-size: 1.3rem; font-weight: 700; line-height: 100%; }

#topbar-container { position: relative; display: block; width: 100%; }

#topbar-container.sticky { position: fixed; top: 0px; left: 0px; z-index: 20; }

#topbar-container #topbar-wrapper { position: relative; display: block; width: 100%; background-color: #FFFFFF; margin-bottom: 0px; }

#topbar-container #topbar-wrapper .logo-wrapper { position: relative; height: auto; float: left; margin: 10px auto 0px auto; }

#topbar-container #topbar-wrapper .logo-wrapper::after { width: 0; height: 0; border: 0 solid transparent; border-left-width: 20px; border-right-width: 20px; border-top: 20px solid white; position: absolute; bottom: -20px; display: block; content: ''; z-index: 12; left: 20px; }

#topbar-container #topbar-wrapper .logo-wrapper img { width: 370px; height: auto; display: block; }

#topbar-container #nav-bar { position: relative; background-color: #00539b; }

#topbar-container #nav-bar .navbar-collapse { margin-top: 0px; padding-right: 0px; padding-left: 0px; background-color: #00539b; float: left; width: 65%; height: auto; border-top: 0px solid transparent; margin-left: 85px; }

#topbar-container #nav-bar .navbar-collapse ul.nav > li { margin-left: 5px; }

#topbar-container #nav-bar .navbar-collapse ul.nav > li:first-of-type { margin-left: 0px; }

#topbar-container #nav-bar .navbar-collapse ul.nav > li > a { padding: 12px 10px; color: #FFFFFF; text-decoration: none; font-size: 1rem; font-weight: 600; line-height: 100%; }

#topbar-container #nav-bar .navbar-collapse ul.nav > li > a:hover, #topbar-container #nav-bar .navbar-collapse ul.nav > li > a :active, #topbar-container #nav-bar .navbar-collapse ul.nav > li > a :focus, #topbar-container #nav-bar .navbar-collapse ul.nav > li > a :visited { color: #FFFFFF !important; text-decoration: none; background-color: #6698C3; }

#topbar-container #nav-bar .navbar-collapse ul.nav > li.active > a { color: #FFFFFF !important; text-decoration: none; background-color: #6698C3; }

#topbar-container #nav-bar .navbar-collapse ul.nav > li.dropdown.opened > a { color: #FFFFFF; text-decoration: none; }

#topbar-container #nav-bar .navbar-collapse ul.nav > li.dropdown.opened > ul.dropdown-menu.sub-level-1 { display: block; padding: 10px 0px; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; background-color: #FFFFFF !important; -webkit-box-shadow: 5px 5px 15px -3px rgba(0, 0, 0, 0.61); box-shadow: 5px 5px 15px -3px rgba(0, 0, 0, 0.61); min-width: 210px; }

#topbar-container #nav-bar .navbar-collapse ul.nav > li.dropdown.opened > ul.dropdown-menu.sub-level-1 > li.active > a { background-color: transparent !important; }

#topbar-container #nav-bar .navbar-collapse ul.nav > li.dropdown.opened > ul.dropdown-menu.sub-level-1 > li a { color: #000000; text-decoration: none; line-height: 140%; padding: 5px 10px; font-size: 0.8rem; font-weight: 600; }

#topbar-container #nav-bar .navbar-collapse ul.nav > li.dropdown.opened > ul.dropdown-menu.sub-level-1 > li a:hover { color: #00539b !important; text-decoration: none; background-color: transparent; }

#topbar-container #nav-bar .navbar-collapse ul.nav > li.dropdown.opened > ul.dropdown-menu.sub-level-1 > .opened > ul.dropdown-menu.sub-level-2 { display: block; padding: 5px 0px; left: 100%; top: 0px; margin-top: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; background-color: #FFFFFF !important; -webkit-box-shadow: 5px 5px 15px -3px rgba(0, 0, 0, 0.61); box-shadow: 5px 5px 15px -3px rgba(0, 0, 0, 0.61); border: none; }

#topbar-container #nav-bar .navbar-collapse ul.nav > li.dropdown.opened > ul.dropdown-menu.sub-level-1 > .opened > ul.dropdown-menu.sub-level-2 .active > a { background-color: transparent !important; }

#topbar-container #nav-bar .navbar-collapse ul.nav > li.dropdown.opened > ul.dropdown-menu.sub-level-1 > .opened > ul.dropdown-menu.sub-level-2 > .opened > ul.dropdown-menu.sub-level-3 { display: block; padding: 0px 10px; left: 100%; top: -6px; margin-top: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; background-color: #000000 !important; }

#topbar-container #nav-bar .navbar-collapse ul.nav > li.dropdown.opened > ul.dropdown-menu.sub-level-1 > .opened > ul.dropdown-menu.sub-level-2 > .opened > ul.dropdown-menu.sub-level-3 .active > a { background-color: transparent !important; }

#search-wrapper-desktop { float: right; width: 25%; position: relative; margin-top: 5px; }

#search-wrapper-desktop .search-field { display: block; margin: 0px auto; }

#search-wrapper-desktop .search-field .searchInputContainer { width: 100%; margin: 0px; }

#search-wrapper-desktop .search-field .searchInputContainer input { width: 100%; padding: 5px 5px 5px 5px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; border: none; outline: 0; color: #FFFFFF; font-size: 0.8rem; background-color: #6698C3; }

#search-wrapper-desktop .search-field .searchInputContainer input::placeholder { color: #FFFFFF; }

#search-wrapper-desktop .search-field .searchInputContainer a.dnnSearchBoxClearText { display: none; }

#search-wrapper-desktop .search-field .searchInputContainer ul.searchSkinObjectPreview { display: none; }

#search-wrapper-desktop .search-field .searchInputContainer ul.searchSkinObjectPreview li { color: #000000; border-top: none; padding: 10px 12px 10px 22px; }

#search-wrapper-desktop .search-field a.Searchbox { color: #FFFFFF; background-image: url(images/search.svg); background-size: 20px 20px; background-position: center; background-repeat: no-repeat; text-indent: -99999999px; display: inline-block; height: 20px; width: 20px; position: absolute; right: 5px; top: 5px; }

.searchSkinObjectPreview { display: none !important; }

#dnn_dnnSEARCHMOBILE_ClassicSearch { position: relative; display: block; }

#dnn_dnnSEARCHMOBILE_ClassicSearch .searchInputContainer { margin: 10px; display: block; }

#dnn_dnnSEARCHMOBILE_ClassicSearch .searchInputContainer input { padding: 10px 10px; height: 45px; border: 1px solid #D2D2D2; color: #000000; background: #F8F8F8; font-weight: normal; width: 100%; outline: 0; font-size: 1rem; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

#dnn_dnnSEARCHMOBILE_ClassicSearch .searchInputContainer input::placeholder { color: #000000; }

#dnn_dnnSEARCHMOBILE_ClassicSearch .searchInputContainer a.dnnSearchBoxClearText { display: none; }

#dnn_dnnSEARCHMOBILE_ClassicSearch #dnn_dnnSEARCHMOBILE_cmdSearch { display: none !important; }

#static-header-wrapper { padding: 0px; position: relative; background-color: #00539b; margin-bottom: 0px; float: left; width: 100%; }

#static-header-wrapper #site-header { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; }

#static-header-wrapper #site-header .text-wrapper { position: absolute; top: 10%; left: 10%; width: 450px; z-index: 10; }

#static-header-wrapper #site-header .text-wrapper h1 { display: block; margin-top: 0px; margin-bottom: 0px; color: #FFFFFF; text-shadow: 2px 3px 7px #000000; font-size: 2.4rem; overflow-wrap: unset; }

.DNN_Documents TD { padding: 10px 5px !important; }

.DNN_Documents .dnnGrid { border: none; }

.DNN_Documents .dnnGrid tbody tr.dnnGridHeader td { border-bottom: 1px solid #D2D2D2; border-right: none; background: none; padding: 5px 5px !important; font-size: 1.1rem; color: #000000; text-align: left; text-decoration: none; font-family: "Open Sans", sans-serif; }

.DNN_Documents .dnnGrid tbody tr.dnnGridHeader td > a { font-size: 1.1rem; color: #000000; text-align: left; text-decoration: none; font-family: "Open Sans", sans-serif; }

.DNN_Documents .dnnGrid tbody tr.dnnGridItem { background-color: #FFFFFF; }

.DNN_Documents .dnnGrid tbody tr.dnnGridItem:hover { background-color: #D2D2D2; }

.DNN_Documents .dnnGrid tbody tr.dnnGridItem > td { text-align: left; }

.DNN_Documents .dnnGrid tbody tr.dnnGridAltItem { background-color: #FFFFFF; }

.DNN_Documents .dnnGrid tbody tr.dnnGridAltItem:hover { background-color: #D2D2D2; }

.DNN_Documents .dnnGrid tbody tr.dnnGridAltItem > td { text-align: left; }

#content-pane-wrap { position: relative; min-height: 1000px; }

#content-pane-wrap.admin-skin { margin-top: 40px; }

#content-pane-wrap.sticky { margin-top: 100px; }

#content-pane-wrap .ContainerGray-8 .contentmain1 { border: 1px solid #00539b; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

#content-pane-wrap .right-pane { margin-top: 25px; margin-bottom: 30px; }

#content-pane-wrap .right-pane #rente-container ul { /*width: 80%!important;*/ padding: 0px 50px 0px 0px; }

#content-pane-wrap .right-pane #rente-container ul > li > label { width: 55%; }

#content-pane-wrap .right-pane #buttonlist-wrapper { margin-bottom: 30px; }

#content-pane-wrap .right-pane .blue-bg { margin-bottom: 30px; }

#content-pane-wrap .right-pane .ContainerGray-6 { margin-bottom: 30px; }

#content-pane-wrap .header-pane { margin-bottom: 40px; }

#content-pane-wrap .hypotheek-wrapper { margin-top: -130px; }

#content-pane-wrap .hypotheek-wrapper .rente-wrapper-home { background: #FFFFFF; border: 1px solid #00539b; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; max-width: unset; }

.isAdmin #content-pane-wrap { margin-bottom: 310px; }

.footer { padding-top: 20px; padding-bottom: 0px; position: absolute; bottom: 0; width: 100%; height: 325px; background-color: #00539b; color: #FFFFFF; }

.footer .footer-wrapper { display: inline-block; width: 100%; padding-bottom: 10px; }

.footer .footer-wrapper p { color: #FFFFFF; font-size: 0.9rem; font-family: "Open Sans", sans-serif; }

.footer .footer-wrapper a { color: #FFFFFF; text-decoration: underline; }

.footer .footer-wrapper a:hover { text-decoration: none; }

.footer .footer-wrapper ul.footer-list { line-height: 140%; margin-left: 0; }

.footer .footer-wrapper ul.footer-list li { list-style: none; padding-left: 1.5rem; }

.footer .footer-wrapper ul.footer-list li::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; display: inline-block; font-size: 1rem; margin-left: -1.5rem; width: 1.5rem; vertical-align: middle; color: #FFFFFF; }

.footer .footer-wrapper ul.footer-list li a { color: #FFFFFF; text-decoration: none; font-size: 0.9rem; }

.footer .footer-wrapper ul.footer-list li a:hover { text-decoration: underline; }

.footer .copyright-wrapper { background-color: #00539b; display: block; width: 100%; font-size: 0.8rem; font-family: "Open Sans", sans-serif; position: relative; text-align: center; padding: 15px 0px; }

.footer .copyright-wrapper a { color: #FFFFFF; text-decoration: none; font-size: 0.8rem; }

.footer .copyright-wrapper a:hover { text-decoration: underline; }

.footer .copyright-wrapper .dnn-copyright { display: inline-block; color: #FFFFFF; margin-right: 15px; }

.footer .copyright-wrapper a.idas-website { margin-right: 15px; }

.footer .copyright-wrapper .loginGroup { display: inline-block; }

.footer .copyright-wrapper .cookie-links { float: right; }

.footer .copyright-wrapper .cookie-links a.cookie { margin-right: 15px; }

/* --------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------- MODULE CSS OVERRULE STYLING ----------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------ */
/* DNN SEARCH RESULTS */
/* ------------------ */
.dnnSearchBoxPanel { max-width: 100%; padding: 0px; background-color: #FFFFFF; }

.dnnSearchBoxPanel .dnnSearchBox { margin-right: 0px; margin-left: 0px; box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }

.dnnSearchBoxPanel .dnnSearchBox .dnnSearchButton { display: none; }

.dnnSearchBoxPanel .dnnSearchBox .dnnSearchBox_advanced { right: 10px; }

.dnnSearchBoxPanel .dnnSearchBox .dnnSearchBox_advanced a.dnnSearchBox_advanced_label { color: #00539b; text-decoration: none; }

.dnnSearchBoxPanel .dnnSearchBox .dnnSearchBox_advanced .dnnSearchBox_advanced_dropdown { top: 32px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; right: -11px; }

.dnnSearchBoxPanel a.dnnSearchResultAdvancedTip { color: #FFFFFF; }

.dnnSearchResultPanel { max-width: 100%; display: none; }

.dnnSearchResultContainer .dnnSearchResultItem { margin: 0px 0px 20px 0px; }

.dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Title { font-size: 19px; }

.dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Title a { text-decoration: none; color: #00539b; }

.dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Link { display: none; }

.dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Others { display: none; }

.dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Others { display: none; }

.dnnSearchResultPager .dnnLeft span { color: #00539b; margin: 0px; }

.dnnSearchResultPager .dnnRight span { color: #00539b; margin: 0px 20px 0 0; }

.dnnSearchResultPager .dnnRight a { box-shadow: none; border: 1px solid #00539b; }

.dnnSearchResultPager .dnnRight a.dnnPager-prev { margin-right: 5px; }

.LoginPanel { width: auto !important; float: none !important; }

.LoginPanel > div { min-width: 300px; max-width: 500px; }

.LoginPanel .dnnForm .dnnFormItem { display: flex; flex-direction: column; flex-wrap: wrap; margin-bottom: 15px; }

.LoginPanel .dnnFormItem > .dnnLabel { margin-top: 0; }

.LoginPanel .dnnFormItem > .dnnLabel label { display: block; }

.LoginPanel .dnnLabel { display: block; float: none; position: relative; width: auto; padding-right: 0; margin-right: 0; overflow: visible; text-align: left; }

.dnnFormItem input[type="checkbox"] + span, .dnnFormItem input[type="radio"] + span { margin: 5px 5px 5px 0px; }

.dnnCheckbox .mark { background: none !important; padding: 0px; }

.dnnLoginRememberMe { font-size: 15px; }

.LoginPanel .dnnLoginService input[type="text"], .LoginPanel .dnnLoginService input[type="password"] { width: 100% !important; min-width: 100%; margin: 0; border-radius: 1px; padding: 10px; }

.LoginPanel .dnnFormItem:last-child span.dnnFormLabel { display: none; }

.LoginPanel ul.dnnActions { margin: 0 !important; padding: 0 !important; }

.dnnFormItem.idasLoginWrap { width: 300px !important; float: left !important; display: block !important; padding: 0 !important; max-width: 100% !important; margin-top: 0px; }

.dnnFormItem.idasLoginWrap .form-group { display: block; }

.dnnFormItem.idasLoginWrap .form-group .dnnLabel { display: block; float: none; position: relative; width: auto; padding-right: 0; margin-right: 0; overflow: visible; text-align: left; }

.dnnFormItem.idasLoginWrap .form-group .dnnLabel a.dnnFormHelp { display: none; }

.dnnFormItem.idasLoginWrap .form-group .fieldBox input[type="text"], .dnnFormItem.idasLoginWrap .form-group .fieldBox input[type="password"] { width: 100% !important; min-width: 100%; margin: 0; border-radius: 1px; padding: 6px; outline: 0; }

.dnnFormItem.idasLoginWrap .onthoudWrap { display: block; margin-bottom: 10px; }

.dnnFormItem.idasLoginWrap .onthoudWrap .dnnBoxLabel { font-size: 13px; font-weight: normal; }

.dnnFormItem.idasLoginWrap .onthoudWrap .dnnCheckbox { margin: 0px; }

.dnnFormItem.idasLoginWrap .onthoudWrap .dnnCheckbox .mark { background: none !important; padding: 0px; }

.dnnFormItem.idasLoginWrap .buttonsWrap { position: relative; display: block; }

.dnnFormItem.idasLoginWrap .buttonsWrap .resetBtn { background: #fec20f; border: none; color: #FFFFFF !important; text-shadow: none; font-weight: 700; box-shadow: none; font-size: 1rem; padding: 11px 20px; display: block; width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; position: absolute; top: 50px; }

.dnnFormItem.idasLoginWrap .buttonsWrap .resetBtn:hover { background-color: #fec20f !important; color: #FFFFFF !important; }

.dnnFormItem.idasLoginWrap .buttonsWrap .StandardButton { background: #00539b; border: none; color: #ffffff; text-shadow: none; font-weight: 700; box-shadow: none; font-size: 1rem; padding: 11px 20px; display: block; width: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; position: absolute; top: 0px; }

.dnnFormItem.idasLoginWrap .buttonsWrap .StandardButton:hover { text-decoration: none; }

/* ------------------*/
/* DNN ASSETS MODULE */
/* ------------------*/
#dnnModuleDigitalAssetsSelectionToolbar, #dnnModuleDigitalAssetsListViewToolbar, #dnnModuleDigitalAssetsListContainer, .dnnModuleDigitalAssetsGrid > table > thead > tr { min-height: 40px !important; }

/* ------------*/
/* HTML EDITOR */
/* ------------*/
body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders { overflow: hidden !important; }

/* --------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------- BOOTSTRAP MEDIA QUERIES --------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
@media (max-width: 575px) { #static-header-wrapper #site-header .text-wrapper h1 { font-size: 1.2rem; }
  #static-header-wrapper #site-header .text-wrapper { width: auto; left: 35px; }
  #content-pane-wrap .hypotheek-wrapper { margin-top: 0px; margin-bottom: 30px; }
  #search-wrapper-desktop { display: none; }
  .footer .footer-wrapper .footer-image { float: left; }
  #topbar-wrapper::after { display: none; }
  .btnSearch { display: none; }
  .searchWrapper { display: none; }
  #topbar-wrapper { padding-bottom: 10px; height: 150px; border-bottom: 1px solid #D2D2D2; }
  #topbar-btn-wrapper { float: left; margin-top: 0px; }
  #topbar-container #topbar-btn-wrapper .topbar-btns ul li { margin-left: 0px; float: unset; margin-bottom: 5px; }
  #topbar-container #topbar-wrapper .logo-wrapper::after { display: none; }
  .searchWrapper .searchPosition { right: 5px; }
  #topbar-btns-wrapper { width: 100%; margin-bottom: 0px; margin-top: 20px; }
  #topbar-container #topbar-wrapper .logo-wrapper { margin: 10px auto 10px auto; }
  #topbar-container #topbar-wrapper .logo-wrapper img { width: 200px !important; }
  #customerservice-wrapper { margin-top: 0px; margin-left: 0px; }
  #fixed-dashboard, #fixed-logoff { display: none; }
  #topbar-container #nav-bar { display: none !important; }
  .gradient-bg-container { padding: 20px 0px; }
  /* Footer */
  .footer { height: 800px; }
  body { margin-bottom: 800px; } }

@media (min-width: 576px) and (max-width: 767px) { #static-header-wrapper #site-header .text-wrapper h1 { font-size: 1.2rem; }
  #static-header-wrapper #site-header .text-wrapper { width: auto; left: 35px; }
  #content-pane-wrap .hypotheek-wrapper { margin-top: 0px; margin-bottom: 30px; }
  #search-wrapper-desktop { display: none; }
  .footer .footer-wrapper .footer-image { float: left; }
  .btnSearch { display: none; }
  .searchWrapper { display: none; }
  #topbar-wrapper { padding-bottom: 10px; background-color: #FFFFFF; height: 150px; border-bottom: 1px solid #D2D2D2; }
  #topbar-btn-wrapper { float: left; }
  #topbar-container #topbar-wrapper .logo-wrapper img { width: 200px; }
  #fixed-dashboard, #fixed-logoff { display: none; }
  #topbar-container #nav-bar { display: none !important; }
  /* Footer */
  .footer { height: 800px; }
  body { margin-bottom: 800px; } }

@media (min-width: 768px) and (max-width: 991px) { #content-pane-wrap .hypotheek-wrapper { margin-top: 0px; margin-bottom: 30px; }
  #search-wrapper-desktop { display: none; }
  .footer .footer-wrapper .footer-image { float: left; }
  #nav-bar .navbar-collapse { display: none !important; }
  #topbar-wrapper { padding-bottom: 10px; background-color: #FFFFFF; height: 150px; border-bottom: 1px solid #D2D2D2; }
  #topbar-btn-wrapper { float: left; }
  #topbar-container #topbar-wrapper .logo-wrapper img { width: 200px; }
  .btnSearch { display: none; }
  .searchWrapper { display: none; }
  /* Footer */
  .footer { height: 800px; }
  body { margin-bottom: 800px; } }

@media (min-width: 992px) and (max-width: 1199px) { #topbar-container #nav-bar .navbar-collapse ul.nav > li > a { padding: 12px 5px; font-size: 0.9rem; }
  /* Footer */
  .footer { height: 370px; }
  body { margin-bottom: 370px; } }

#rente-container { position: relative; float: left; width: 100%; background-color: #FFFFFF; padding: 10px; border: 1px solid #00539b; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

#rente-container.right-pane { width: 80% !important; }

#rente-container .rente-star { position: absolute; top: -60px; left: -58px; background-image: url(images/star-bg.png); width: 120px; height: 120px; background-size: 120px 120px; background-repeat: no-repeat; text-align: center; }

#rente-container .rente-star span.rente-text { display: block; font-size: 1.1rem; color: #fec20f; font-weight: 600; line-height: 100%; margin-top: 35px; }

#rente-container .rente-star span.rente-text::before { content: 'vanaf'; display: block; font-size: 0.8rem; font-weight: 400; }

#rente-container h3 { margin-top: 40px; margin-bottom: 30px; text-align: center; }

#rente-container ul { list-style-type: none; margin-left: 0px; margin-bottom: 0px; margin: 0px auto 30px auto; padding: 0px 30px 0px 0px; }

#rente-container ul li label { font-weight: 400; text-align: right; width: 65%; }

#rente-container ul li span { font-weight: 700; text-align: right; float: right; width: 35%; font-size: 1.1rem; }

#rente-container ul li span.highlight { color: #FF0000; }

#rente-container span.nhg-text { display: block; font-size: 0.7rem; float: left; width: 100%; text-align: center; }

@media (max-width: 575px) { #rente-container .rente-star { top: -30px; left: -8px; }
  #rente-container h3 { margin-top: 70px; } }

/* Styling nieuwe ActionForm aanvraagformulieren */
.aanvraag-formulier { margin-bottom: 20px; }

.aanvraag-formulier .form-group { margin-bottom: 0px; }

.aanvraag-formulier .form-group .field-container { /*margin-bottom:-5px!important;*/ }

.aanvraag-formulier .form-group .field-container .control-label { font-size: 12px; font-weight: normal; line-height: 18px; color: #333333; }

.aanvraag-formulier .form-group .field-container .form-control { height: 28px !important; border: 1px solid #7d7d7d !important; border-radius: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0px 3px !important; font-size: 12px !important; }

.aanvraag-formulier .form-group .field-container .btn { margin: 15px 0px; }

.afspraak-formulier { margin-bottom: 20px; }

.afspraak-formulier .compact .field-container .control-label { font-size: 12px; font-weight: normal; line-height: 18px; color: #333333; }

.afspraak-formulier .compact .field-container .form-control { height: 28px !important; border: 1px solid #7d7d7d !important; border-radius: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0px 3px !important; font-size: 12px !important; }

.premieberekening-formulier { margin-bottom: 20px; }

.premieberekening-formulier .compact .control-label { font-size: 15px; font-weight: normal; line-height: 18px; color: #333333; text-align: left !important; }

.premieberekening-formulier .compact .control-label.month-label:parent { display: none; }

.premieberekening-formulier .compact .form-control { height: 28px !important; border: 1px solid #7d7d7d !important; border-radius: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0px 3px !important; font-size: 12px !important; }

.vragenlijst { margin-bottom: 20px; }

.vragenlijst .compact .control-label { font-size: 15px; font-weight: normal; line-height: 18px; color: #333333; text-align: left !important; }

.vragenlijst .compact .control-label.month-label:parent { display: none; }

.vragenlijst .compact textarea { height: auto !important; }

.vragenlijst .compact .form-control { height: 28px; border: 1px solid #7d7d7d !important; border-radius: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0px 3px !important; font-size: 12px !important; }
