.headerCta header{margin-bottom:208px} .erp-overview .consultNew{display:none;width:100%;position:relative;z-index:4;background-color:rgba(236,240,240,0);z-index:999} .erp-overview .consultNew .reopenButton{overflow:hidden;height:0;display:flex;align-items:flex-end} .erp-overview .consultNew .reopenButton .but{padding:8px 12px;width:100%;max-width:268px} .erp-overview .consultNew .wrap{display:flex;width:100%;max-width:912px;max-height:calc(100vh - 24px);margin:0 auto;background:#fff;position:sticky;top:24px;box-shadow:0 0 0 rgba(50,71,91,0)} .erp-overview .consultNew .content{width:100%;overflow:hidden} .erp-overview .consultNew .title{position:relative;background-color:#32475b;padding:48px 40px 40px 40px} .erp-overview .consultNew .title::after,.erp-overview .consultNew .title::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%} .erp-overview .consultNew .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/office.webp);opacity:1;background-size:cover;background-position:right center;z-index:0} .nowebp .erp-overview .consultNew .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/office.jpg)} .erp-overview .consultNew[data-sector] .title h2 span.default{display:none} .erp-overview .consultNew[data-sector=agriculture] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/agriculture.webp)} .nowebp .erp-overview .consultNew[data-sector=agriculture] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/agriculture.jpg)} .erp-overview .consultNew[data-sector=construction] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/construction.webp)} .nowebp .erp-overview .consultNew[data-sector=construction] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/construction.jpg)} .erp-overview .consultNew[data-sector=retail] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/retail.webp)} .nowebp .erp-overview .consultNew[data-sector=retail] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/retail.jpg)} .erp-overview .consultNew[data-sector=services] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/services.webp)} .nowebp .erp-overview .consultNew[data-sector=services] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/services.jpg)} .erp-overview .consultNew[data-sector=education] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/education.webp)} .nowebp .erp-overview .consultNew[data-sector=education] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/education.jpg)} .erp-overview .consultNew[data-sector=finance] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/finance.webp)} .nowebp .erp-overview .consultNew[data-sector=finance] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/finance.jpg)} .erp-overview .consultNew[data-sector=health-care] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/health-care.webp)} .nowebp .erp-overview .consultNew[data-sector=health-care] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/health-care.jpg)} .erp-overview .consultNew[data-sector=wholesale] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/wholesale.webp)} .nowebp .erp-overview .consultNew[data-sector=wholesale] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/wholesale.jpg)} .erp-overview .consultNew[data-sector=it] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/it.webp)} .nowebp .erp-overview .consultNew[data-sector=it] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/it.jpg)} .erp-overview .consultNew[data-sector=installation] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/installation.webp)} .nowebp .erp-overview .consultNew[data-sector=installation] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/installation.jpg)} .erp-overview .consultNew[data-sector=logistics] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/logistics.webp)} .nowebp .erp-overview .consultNew[data-sector=logistics] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/logistics.jpg)} .erp-overview .consultNew[data-sector=utilities] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/utilities.webp)} .nowebp .erp-overview .consultNew[data-sector=utilities] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/utilities.jpg)} .erp-overview .consultNew[data-sector=services] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/services.webp)} .nowebp .erp-overview .consultNew[data-sector=services] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/services.jpg)} .erp-overview .consultNew[data-sector=production-discrete] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/production-discrete.webp)} .nowebp .erp-overview .consultNew[data-sector=production-discrete] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/production-discrete.jpg)} .erp-overview .consultNew[data-sector=production-proces] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/production-proces.webp)} .nowebp .erp-overview .consultNew[data-sector=production-proces] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/production-proces.jpg)} .erp-overview .consultNew[data-sector=rental] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/rental.webp)} .nowebp .erp-overview .consultNew[data-sector=rental] .title::before{background-image:url(https://cdn.softwaresystemen.nl/nodes/overview/sectors/rental.jpg)} .erp-overview .consultNew[data-sector=production-discrete] .title h2 span.production-discrete{display:inline!important} .erp-overview .consultNew[data-sector=agriculture] .title h2 span.agriculture{display:inline!important} .erp-overview .consultNew[data-sector=construction] .title h2 span.construction{display:inline!important} .erp-overview .consultNew[data-sector=education] .title h2 span.education{display:inline!important} .erp-overview .consultNew[data-sector=finance] .title h2 span.finance{display:inline!important} .erp-overview .consultNew[data-sector=health-care] .title h2 span.health-care{display:inline!important} .erp-overview .consultNew[data-sector=installation] .title h2 span.installation{display:inline!important} .erp-overview .consultNew[data-sector=it] .title h2 span.it{display:inline!important} .erp-overview .consultNew[data-sector=logistics] .title h2 span.logistics{display:inline!important} .erp-overview .consultNew[data-sector=production-proces] .title h2 span.production-proces{display:inline!important} .erp-overview .consultNew[data-sector=rental] .title h2 span.rental{display:inline!important} .erp-overview .consultNew[data-sector=retail] .title h2 span.retail{display:inline!important} .erp-overview .consultNew[data-sector=services] .title h2 span.services{display:inline!important} .erp-overview .consultNew[data-sector=utilities] .title h2 span.utilities{display:inline!important} .erp-overview .consultNew[data-sector=wholesale] .title h2 span.wholesale{display:inline!important} .erp-overview .consultNew .title::after{background-color:#32475b;z-index:1;opacity:.95;background:-moz-linear-gradient(left,rgba(50,71,91,1) 50%,rgba(50,71,91,0) 100%);background:-webkit-linear-gradient(left,rgba(50,71,91,1) 50%,rgba(50,71,91,0) 100%);background:linear-gradient(to right,rgba(50,71,91,1) 50%,rgba(50,71,91,0) 100%)} .erp-overview .consultNew .title>*{position:relative;z-index:2} .erp-overview .consultNew .title h2,.erp-overview .consultNew .title h3{color:#fff;max-width:600px;letter-spacing:-.02em} .erp-overview .consultNew .title h2{font-size:42px;line-height:1.3em} .erp-overview .consultNew .title h2 span{background-image:linear-gradient(0deg,transparent 0,transparent .25em,#279aa6 .25em,#279aa5 1.35em,transparent 1.3em,transparent 1.3em);background-repeat:repeat-y;background-size:0 1.4em} .erp-overview .consultNew .title h3{font-size:16px;line-height:1.4em;color:#ecf0f0;margin-top:14px} .erp-overview .consultNew .consultant{display:none;position:absolute;bottom:0;right:0;width:440px;height:100%;background-image:url(https://cdn.softwaresystemen.nl/nodes/consult/consultant--.webp);background-size:cover;background-position:center -12px} .nowebp .erp-overview .consultNew .consultant{background-image:url(https://cdn.softwaresystemen.nl/nodes/consult/consultant--.jpg)} .erp-overview .consultNew .bottom{overflow:hidden;opacity:1} .erp-overview .consultNew .form{width:100%;max-width:528px;padding:32px 40px;position:relative;z-index:3;margin:0} .erp-overview .consultNew .form .but{margin:0;padding:12px 16px} .erp-overview .consultNew .form h3{font-size:16px;line-height:1.4em;margin-bottom:16px} .erp-overview .consultNew .form label{display:flex;justify-content:space-between;align-items:center} .erp-overview .consultNew .form .buttons span{font-style:italic;font-weight:700;margin:0 8px} .erp-overview .consultNew .form .buttons{display:flex;align-items:center;margin-top:20px} .erp-overview .consultNew .form .but.secondary{background:#ecf0f0;color:#828e99} .erp-overview .consultNew .form .but.secondary:hover{background:#e6ebeb} .erp-overview .consultNew .info{position:absolute;right:0;top:100%;width:calc(100% - 528px);padding:32px 40px 32px 0;opacity:1} .erp-overview .consultNew .info button{background-color:transparent;color:inherit;padding:0;margin:0;border:0;outline:0;box-shadow:0;cursor:default} .erp-overview .consultNew .info h4{font-size:16px;line-height:1.4em} .erp-overview .consultNew .info ol{counter-reset:consult} .erp-overview .consultNew .info li{display:block;list-style:none;position:relative;margin-top:17px;padding-left:18px} .erp-overview .consultNew .info li::before{content:counter(consult);counter-increment:consult;font-size:15px;font-weight:700;color:#b8c5c7;top:-1px} .erp-overview .consultNew .close.circle{display:none;position:absolute;right:-8px;top:-8px;background:#32475b;border-radius:100%;text-align:center;line-height:32px;width:32px;height:32px;font-size:16px;font-weight:700;cursor:pointer;text-indent:1px;z-index:3;box-shadow:0 0 0 3px #fff inset;transform:scale(1)} .erp-overview .consultNew .close.circle::before{content:"\f00d";font-family:"Font Awesome 5 Pro";color:#fff} .erp-overview .consultNew.animate{transition:background-color .2s,width .2s,bottom .2s,left .2s} .erp-overview .consultNew.animate .wrap{transition:width .2s,bottom .2s,left .2s,box-shadow .2s} .erp-overview .consultNew.animate .bottom{transition:height .2s,opacity .2s .1s} .erp-overview .consultNew.animate .title{transition:padding .2s,background-color .2s} .erp-overview .consultNew.animate .title::after,.erp-overview .consultNew.animate .title::before{transition:opacity .2s} .erp-overview .consultNew.animate h2{transition:font-size .2s} .erp-overview .consultNew.animate .reopenButton{transition:height .2s} .erp-overview .consultNew.animate .info{overflow:hidden;height:35px;transition:height .2s,margin .2s,opacity .2s .1s} .erp-overview .consultNew.animate .close.circle{transition:transform .2s,opacity .2s} .erp-overview .consultNew.copy{visibility:hidden} .erp-overview .consultNew.show{height:100%;display:block;position:absolute;top:0;left:0;padding:60px 8px 24px 8px;z-index:99999} .erp-overview .consultNew.show .wrap{box-shadow:0 0 20px rgba(50,71,91,.15)} .erp-overview .consultNew.show .content{overflow-y:auto} .erp-overview .consultNew.show .title h2 span{animation:consultTitleShow .4s .2s both} .erp-overview .consultNew.show.reopen{position:fixed;padding-top:24px} .erp-overview .consultNew.show.reopen .wrap{position:relative} .erp-overview .consultNew.reopen::before{display:none;content:'';position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(236,240,240,.85);transition:background-color .4s} .erp-overview .consultNew.reopen.minimize::before{background:rgba(236,240,240,0)} .erp-overview .consultNew.reopen.minimize::before,.erp-overview .consultNew.reopen.show::before{display:block} .erp-overview .consultNew.reopen.minimizeDone::before{display:none} .erp-overview .consultNew.minimize{position:fixed;display:block;padding:0;background-color:rgba(236,240,240,0)} .erp-overview .consultNew.minimize.minimizeDone{width:300px!important;bottom:-2px!important;left:16px!important;top:auto!important} .erp-overview .consultNew.minimizeDone .title{padding:16px;background:#22384c} .erp-overview .consultNew.minimizeDone .title::after,.erp-overview .consultNew.minimizeDone .title::before{opacity:0} .erp-overview .consultNew.minimizeDone h2{font-size:20px!important} .erp-overview .consultNew.minimizeDone .reopenButton{height:52px} .erp-overview .consultNew.minimizeDone .info{height:0;margin:0;opacity:0} .erp-overview .consultNew.minimizeDone .bottom{opacity:0} .erp-overview .consultNew.minimizeDone .close.circle{transform:scale(0)} @keyframes consultTitleShow{ 0%{background-size:0 1.4em} 100%{background-size:100% 1.4em} } @keyframes consultTitleHide{ 0%{background-size:100% 1.4em} 100%{background-size:0 1.4em} } .container.home article{position:relative} .container.home .headerErpTool{margin-bottom:24px} .container.home .headerConsult{margin-bottom:24px} .container.home{display:none} .container.home .close,.container.home .close_button,.container.home .filter_button{display:none} .container.home .help_button{width:100%;margin-bottom:16px;display:none} .container.home .left-sidebar{width:240px;float:left;background:#32475b} .container.home .left-sidebar .help_button{display:block} .container.home .sidebar-filter{background:#32475b;color:#fff;padding:26px 24px 24px 24px;position:relative;z-index:2;line-height:21px} .container.home .left-sidebar .search{position:relative} .container.home .left-sidebar .search button{position:absolute;background-color:transparent;border:0;padding:0;top:15px;left:14px} .container.home .left-sidebar .search button .fa{color:#9cacb8} .container.home .left-sidebar .search input{background:#4e6071;color:#9cacb8;border:0;width:100%;padding:15px 0 15px 32px;margin-bottom:1px} .container.home .left-sidebar .search .cancel{display:none;position:absolute;top:4px;right:4px;color:#ff7676;font-size:14px;line-height:14px;cursor:pointer} .container.home .left-sidebar .search input::-webkit-input-placeholder{color:#9cacb8} .container.home .left-sidebar .search input::-moz-placeholder{color:#9cacb8} .container.home .left-sidebar .search input:-ms-input-placeholder{color:#9cacb8} .container.home .left-sidebar .search input:-moz-placeholder{color:#9cacb8} .container.home .left-sidebar h3:first-of-type{margin-top:15px} .container.home .left-sidebar h3{color:#bec5cb;font-size:14px;line-height:1.7;margin:16px 0 3px 0;position:relative;padding:0 10px 0 18px;cursor:pointer;font-weight:400} .container.home .left-sidebar h3 .fa{position:absolute} .container.home .left-sidebar h3 .fa.fa-chevron-right{left:2px;top:-1px;line-height:24px} .container.home .left-sidebar h3 .fa.fa-chevron-down{left:0;top:-1px;line-height:24px} .container.home .left-sidebar h3 .fa.fa-chevron-right.fa-chevron-down::before{content:"\f078"} .container.home .left-sidebar .fa.fa-question-circle{right:0;top:7px;font-size:12px} .container.home .left-sidebar .filter li{position:relative;padding:0 16px 0 18px} .container.home .left-sidebar .filter li+li{margin-top:6px} .container.home .left-sidebar .filter li input[type=checkbox]{position:absolute;top:4px;left:0} .container.home .left-sidebar .filter li .fa{color:rgba(255,255,255,.7);position:absolute;top:4px;right:0;transition:color .2s} .container.home .left-sidebar .hide-option{display:none} .container.home .left-sidebar.show .pop-info.small,.container.home .left-sidebar.show .pop-info.small .pop-info-content{white-space:normal} .container.home .overview-table{width:calc(100% - 240px);padding:0 0 0 24px;float:left} .container.home .gekozen_filters{display:none;clear:both;background:#fff;margin-bottom:24px;padding:17px 24px 9px 24px;transition:height .2s;-moz-transition:height .2s;-ms-transition:height .2s;-o-transition:height .2s;-webkit-transition:height .2s} .container.home .gekozen_filters .text{float:left;margin:1px 9px 7px 0;font-weight:700} #remove-filters,span.filter_label{cursor:pointer;background:#9cacb8;color:#fff;padding:4px 7px 4px 7px;margin:0 8px 7px 0;font-size:13px;line-height:16px;display:block;float:left} #remove-filters::after,span.filter_label::after{content:"\f00d";font-family:"Font Awesome 5 Pro";margin-left:5px;font-size:12px} #remove-filters{background:#c4423c;color:rgba(255,255,255,.9)} .container.home .table.overview{width:100%;margin-bottom:17px} .container.home p.no-results{text-align:center;font-size:26px;color:#9cacb8} .container.home .overview-table .system{position:relative;background:#fff;padding:21px 24px 24px 24px;margin-bottom:24px;line-height:24px} .container.home .overview-table .systemTitle{margin-bottom:14px} .container.home .overview-table .systemTitle::after{content:"";display:block;clear:both} .container.home .overview-table .systemTitle .title-text{position:absolute;left:24px;top:22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:650px} .container.home .overview-table .systemTitle .title-text a{color:#32475b;font-size:16px;line-height:24px} .container.home .overview-table .systemTitle .but{text-transform:uppercase;font-size:13px;line-height:16px;padding:6px 8px 5px 8px} .container.home .overview-table .systemTitle .actions{float:right} .container.home .overview-table .systemTitle .actions .but{float:right} .container.home .overview-table .systemTitle .actions .bekijk-systeem{color:#32475b;font-size:13px;line-height:16px;font-weight:700;text-transform:uppercase;padding:6px 8px;margin-right:8px;display:block;float:left} .container.home .overview-table .systemTitle .actions .vergelijk_button{position:relative} .container.home .overview-table .systemTitle .actions .vergelijk_button input{visibility:hidden;position:absolute;left:0;top:8px} .container.home .overview-table .systemTitle .actions .vergelijk_button .check{margin-right:2px;position:relative} .container.home .overview-table .systemTitle .actions .vergelijk_button .check::before{content:"\f0c8";font-family:"Font Awesome 5 Pro";font-style:normal;color:#fff;font-size:14px;font-weight:700;position:relative;top:0} .container.home .overview-table .systemTitle .actions .vergelijk_button input:checked+.check::after{content:"\f00c";font-family:"Font Awesome 5 Pro";font-style:normal;color:#32475b;font-size:12px;font-weight:700;position:absolute;top:-1px;left:0;line-height:18px} .container.home .overview-table .blockwrap{position:relative;height:104px;width:100%} .container.home .overview-table .block{height:100%;position:absolute;top:0} .container.home .overview-table .grey{background:#ecf0f0} .container.home .overview-table .block.company-logo{padding:7px 0} .container.home .overview-table .block.company-logo .logo{height:90px;width:136px;background-size:contain;background-position:center;background-repeat:no-repeat} .container.home .overview-table .block.company-logo img{display:none} .container.home .overview-table .block.matchrate{right:372px;padding:19px 16px 10px 16px;width:calc(100% - 523px);font-size:12px} .container.home .overview-table .block.matchrate .title{line-height:16px} .matchrate .matchrate_wrapper{border:2px solid #cdd2d7;height:32px;padding:2px;background:#fff;clear:both} .matchrate .colors{background-color:#ecf0f0;line-height:20px;height:100%;width:100%;position:relative;background-size:5px 5px;background-image:-webkit-linear-gradient(bottom left,rgba(180,180,180,.1) 25%,transparent 25%,transparent 50%,rgba(180,180,180,.1) 50%,rgba(180,180,180,.1) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(bottom left,rgba(180,180,180,.1) 25%,transparent 25%,transparent 50%,rgba(180,180,180,.1) 50%,rgba(180,180,180,.1) 75%,transparent 75%,transparent);background-image:linear-gradient(to top right,rgba(180,180,180,.1) 25%,transparent 25%,transparent 50%,rgba(180,180,180,.1) 50%,rgba(180,180,180,.1) 75%,transparent 75%,transparent)} .matchrate .colors .green{background:rgba(137,220,0,.7);float:left;height:100%} .matchrate .colors .orange{background:rgba(255,165,0,.7);float:left;height:100%} .matchrate .matchrate_button{background:#4e6071;color:#fff;font-weight:700;text-transform:uppercase;font-size:10px;line-height:10px;padding:2px 4px 2px 4px;cursor:pointer;white-space:nowrap;position:absolute;bottom:-4px;left:50%;transform:translateX(-50%)} .container.home .overview-table .block.platform{right:130px;padding:22px 16px 0 14px} .container.home .overview-table .block.platform .relativeWrap{position:relative} .container.home .overview-table .block.platform li{display:inline-block;color:#9cacb8;font-size:12px;text-align:center;line-height:20px;margin-top:7px} .container.home .overview-table .block.platform li.green_bg{color:#32475b} .container.home .overview-table .block.platform li+li{margin-left:8px} .container.home .overview-table .block.platform .fa-cloud{position:relative;left:2px} .container.home .overview-table .block.platform .fa-desktop{position:relative;left:2px} .container.home .overview-table .block.platform .fa{font-size:24px} .container.home .overview-table .block.platform .fa-database{font-size:24px} .container.home .overview-table .block.platform .hybrid{position:relative} .container.home .overview-table .block.platform .hybrid .fa-desktop{left:auto} .container.home .overview-table .block.platform .hybrid .fa-cloud{font-size:13px;text-shadow:-3px 2px 0 #ecf0f0,-2px -1px 0 #ecf0f0;position:absolute;top:-2px;right:-1px;left:auto} .container.home .overview-table .bedrijfsgrootte{right:0;text-align:center;padding:27px 10px 0 10px} .container.home .overview-table .bedrijfsgrootte .title{font-size:12px} .container.home .overview-table .bedrijfsgrootte .size{font-size:18px;color:#9cacb8;padding:6px;cursor:default} .container.home .overview-table .bedrijfsgrootte .size.green_bg{color:#32475b} .overzicht_bedrijf_fold{display:none;background:#ecf0f0;margin-top:4px;padding:16px;margin-bottom:4px} .overzicht_bedrijf_fold::after{content:"";display:block;clear:both} .overzicht_bedrijf_fold ul{width:33%;width:calc(100% / 3);float:left;font-size:11px;line-height:16px;padding-right:6px} .overzicht_bedrijf_fold ul .fa{margin-right:7px;margin-left:-2px} .overzicht_bedrijf_fold ul:nth-child(1) .fa{color:#a8e14a} .overzicht_bedrijf_fold ul:nth-child(2) .fa{color:#f9bb4a} .overzicht_bedrijf_fold ul:nth-child(3) .fa{color:#f94a4a} .overzicht_bedrijf_fold li{list-style:disc;margin-left:15px} .overzicht_bedrijf_fold li:first-child{list-style:none;margin-left:0} .container.home .overview-table .block.platform{right:130px;padding:22px 16px 0 14px} .container.home .overview-table .block.platform .relativeWrap{position:relative} .container.home .overview-table .block.platform li{display:inline-block;color:#9cacb8;font-size:12px;text-align:center;line-height:20px;margin-top:7px} .container.home .overview-table .block.platform li.green_bg{color:#32475b} .container.home .overview-table .block.platform li+li{margin-left:8px} .container.home .overview-table .block.platform .fa-cloud{position:relative;left:2px} .container.home .overview-table .block.platform .fa-desktop{position:relative;left:2px} .container.home .overview-table .block.platform .fa{font-size:24px} .container.home .overview-table .block.platform .fa-database{font-size:24px} .container.home .overview-table .block.platform .hybrid{position:relative} .container.home .overview-table .block.platform .hybrid .fa-desktop{left:auto} .container.home .overview-table .block.platform .hybrid .fa-cloud{font-size:13px;text-shadow:-3px 2px 0 #ecf0f0,-2px -1px 0 #ecf0f0;position:absolute;top:-2px;right:-1px;left:auto} .container.home .overview-table .bedrijfsgrootte{right:0;text-align:center;padding:27px 10px 0 10px} .container.home .overview-table .bedrijfsgrootte .title{font-size:12px} .container.home .overview-table .bedrijfsgrootte .size{font-size:18px;color:#9cacb8;padding:6px;cursor:default} .container.home .overview-table .bedrijfsgrootte .size.green_bg{color:#32475b} .container.home .cartNew{width:226px;position:fixed;bottom:16px;right:16px;color:#fff;font-weight:700;line-height:17px;box-shadow:0 0 10px rgba(50,71,91,.2);z-index:3} .container.home .cartNew .blueBg{padding:16px;background:#32475b;position:relative} .container.home .cartNew .bars{background:#727f8c;width:24px;float:left;margin:1px 14px 0 0;position:relative} .container.home .cartNew .bars .bar{background:#32475b;height:2px;margin-bottom:4px;position:relative} .container.home .cartNew .bars::before{content:"";background:#50bac4;position:absolute;bottom:0;left:0;width:100%;height:0;transition:height .3s;-moz-transition:height .3s;-ms-transition:height .3s;-o-transition:height .3s;-webkit-transition:height .3s} .container.home .cartNew .bars.delay::before{transition-delay:.6s;-moz-transition-delay:.6s;-ms-transition-delay:.6s;-o-transition-delay:.6s;-webkit-transition-delay:.6s} .container.home .cartNew.one .bars::before{height:4px} .container.home .cartNew.two .bars::before{height:10px} .container.home .cartNew.three .bars::before{height:16px} .container.home .cartNew.four .bars::before{height:22px} .container.home .cartNew.five .bars::before{height:28px} .container.home .cartNew .text{float:left} .container.home .cartNew .top{margin-bottom:16px} .container.home .cartNew .top.on{cursor:pointer} .container.home .cartNew .more{float:right;width:14px;height:14px;position:relative;top:10px;right:4px;transform:rotate(-135deg);opacity:0;transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;-webkit-transition:all .2s} .container.home .cartNew .top.on .more{opacity:1} .container.home .cartNew .top.active .more{transform:rotate(-45deg);top:7px;right:2px} .container.home .cartNew .more::after{content:"";width:2px;height:100%;top:0;left:0;position:absolute;background:#fff} .container.home .cartNew .more::before{content:"";width:100%;height:2px;bottom:0;left:0;position:absolute;background:#fff} .container.home .fixed-vergelijk-wrapper{background:#32475b;z-index:105;box-shadow:0 0 10px rgba(50,71,91,.2)} .container.home .fixed-vergelijk-wrapper .wrap{height:0;overflow:hidden;transition:height .2s;-moz-transition:height .2s;-ms-transition:height .2s;-o-transition:height .2s;-webkit-transition:height .2s} .container.home .fixed-vergelijk-wrapper.fixed{position:fixed;top:auto;left:auto;right:16px} .container.home .fixed-vergelijk-wrapper.fixed::after{border:transparent solid 8px;border-top-color:#32475b;right:20px;top:auto;bottom:-16px} .container.home .fixed-vergelijk-wrapper.bottom{left:auto!important;bottom:auto!important} .container.home .fixed-vergelijk-wrapper.bottom::after{border:transparent solid 8px;border-bottom-color:#32475b;right:8px;top:-16px} .container.home .fixed-vergelijk-wrapper h2{font-size:13px;line-height:20px;margin-bottom:4px;color:#fff} .container.home .fixed-vergelijk-wrapper .but{padding:0;width:100%;margin-top:0;font-size:13px;text-transform:uppercase;overflow:hidden;display:block;transition:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;-webkit-transition:opacity .2s} .container.home .fixed-vergelijk-wrapper .but.disabled{opacity:.3;cursor:default} .container.home .fixed-vergelijk-wrapper .but.disabled:hover{background:#3cb9c4} .container.home .fixed-vergelijk-wrapper .but span{padding:10px 0;display:block} .container.home .fixed-vergelijk-wrapper .but br{display:none} .container.home .fixed-vergelijk-wrapper table{width:100%} .container.home .fixed-vergelijk-wrapper td{display:block} .container.home .fixed-vergelijk-wrapper h6{display:none} .container.home .fixed-vergelijk-wrapper .vergelijk-logo{width:96px;height:50px;margin:8px auto;background-size:cover} .container.home .fixed-vergelijk-wrapper .vergelijk-logo .vergelijk-logo-div{width:100%;height:100%} .container.home .fixed-vergelijk-wrapper .fixed-vergelijk-item{position:relative;background:#fff;box-sizing:content-box} .container.home .fixed-vergelijk-wrapper input{display:none} .container.home .fixed-vergelijk-wrapper .compare-box-data{position:absolute;top:0;right:0;padding:4px;cursor:pointer;line-height:12px} .container.home .fixed-vergelijk-wrapper .compare-box-data::after{content:"\f00d";font-family:"Font Awesome 5 Pro";font-size:14px;line-height:12px;color:#faa;transition:color .2s;-ms-transition:color .2s} .container.home .fixed-vergelijk-wrapper .compare-box-data:hover::after{color:#ff3939} .container.home .fixed-vergelijk-wrapper .compare-box{height:66px;margin-bottom:8px;overflow:hidden;transition:height .2s;-moz-transition:height .2s;-ms-transition:height .2s;-o-transition:height .2s;-webkit-transition:height .2s;animation:fadeIn .1s both;-ms-animation:fadeIn .1s both;-webkit-animation:fadeIn .1s both;-moz-animation:fadeIn .1s both;-o-animation:fadeIn .1s both} .container.home .fixed-vergelijk-wrapper .compare-box.out{animation:fadeOut .1s both;-ms-animation:fadeOut .1s both;-webkit-animation:fadeOut .1s both;-moz-animation:fadeOut .1s both;-o-animation:fadeOut .1s both} .container.home .fixed-vergelijk-wrapper input[type=checkbox]{display:none} .container.home .itemInCart{position:absolute;width:100%;height:96px;top:-96px;left:0;padding:8px;background-color:#fff;text-align:center;overflow:hidden;z-index:-1;transform-origin:center bottom;box-shadow:0 5px 16px rgba(50,71,91,.1);animation:logoScaleOut 1s both ease-in} .container.home .itemInCart img{display:block;margin:auto;max-width:104px;max-height:64px} @keyframes logoScaleOut{ 0%{top:-96px;height:96px;transform:scale(0)} 15%,60%{top:-96px;height:96px;transform:scale(1)} 100%{top:0;height:100%;transform:scale(1)} } .container.home .go-up{display:none!important;transition:bottom .2s;-webkit-transition:bottom .2s;-moz-transition:bottom .2s;-ms-transition:bottom .2s;-o-transition:bottom .2s} .container.home .go-up.on{bottom:90px} .help_mij_kiezen.lightbox{display:none;z-index:999;line-height:21px;padding:0 24px;text-align:left} .help_mij_kiezen .pop-info{color:#fff;background:#14516c} .help_mij_kiezen p{margin:0 0 16px 0} .help_mij_kiezen .pop-info .arrow{border-right-color:#14516c} .help_mij_kiezen form{background:#fff;max-width:600px;margin:auto;position:relative;padding:24px} .help_mij_kiezen h3{font-size:20px;line-height:30px} .help_mij_kiezen.lightbox .close{display:block} .help_mij_kiezen_vragen_box .intro{margin:0 0 16px 0} .help_mij_kiezen_vragen_box{background:#ecf0f0;width:calc(100% + 48px);margin-left:-24px;padding:24px;margin-top:16px} .help_mij_kiezen_vragen_box.half.one{padding-bottom:0} .help_mij_kiezen_vragen_box.half.two{margin-top:0;padding-top:0} .help_mij_kiezen .fa-question-circle{color:#9cacb8} .help_mij_kiezen_vragen_box input{cursor:pointer} .help_mij_kiezen_index{position:absolute;bottom:32px;right:0;text-align:center;width:100%;color:#bbb} .help_mij_kiezen_knoppen{margin-top:20px} .help_mij_kiezen_button{position:relative;float:right;transition:opacity .2s,background .2s;-moz-transition:opacity .2s,background .2s;-ms-transition:opacity .2s,background .2s;-o-transition:opacity .2s,background .2s;-webkit-transition:opacity .2s,background .2s} .help_mij_kiezen_button.disabled{cursor:default;color:#fff;opacity:.2} .help_mij_kiezen_button.but{padding:12px 10px;font-size:13px} .help_mij_kiezen_vorige{float:none} .help_mij_kiezen_vragen[data-question-no="4"] .help_mij_kiezen_vragen_box.half{float:left;width:calc(50% + 24px);padding:24px;margin:16px 0 0 0;height:232px} .help_mij_kiezen_vragen[data-question-no="4"] .help_mij_kiezen_vragen_box.half.one{margin-left:-24px} .help_mij_kiezen_vragen[data-question-no="4"] .help_mij_kiezen_vragen_box.half.two{margin-right:-24px;padding-left:0} .undertext-wrap{background-color:#32475b;line-height:21px;padding:40px 0;position:relative;margin-top:32px} .undertext-wrap .undertext-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;opacity:.3} .undertext-wrap .c2a,.undertext-wrap .undertext{width:100%;max-width:976px;float:right;padding:64px 144px;background:#fff;position:relative} .undertext-wrap p{margin-top:0} .undertext-wrap h1{font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:-.02em;font-size:40px;margin:0 0 16px 0} .undertext-wrap h2{margin:0 0 6px 0;font-size:20px;line-height:1.2} .undertext-wrap .c2a{background:#ecf0f0} .undertext-wrap .c2a h2:first-of-type{margin-bottom:6px;text-transform:none;font-size:32px} .undertext-image.lazyImage.loaded{animation:fadeInUndertext .2s both;-moz-animation:fadeInUndertext .2s both;-ms-animation:fadeInUndertext .2s both;-o-animation:fadeInUndertext .2s both;-webkit-animation:fadeInUndertext .2s both} .undertext-wrap .undertext h3{font-size:14px;line-height:1.7} @keyframes fadeInUndertext{ from{opacity:0} to{opacity:.3} } .erp-overview .overview article{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:40px} .erp-overview .overview::after{content:"";display:block;width:calc((100% / 3) - 10px);order:9999} .erp-overview.blur .overview{position:relative} .erp-overview.blur .overview::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%} .erp-overview.blur .system,.erp-overview.init .system:nth-child(4)~.system{filter:blur(6px) grayscale(.5);opacity:.5;pointer-events:none} .erp-overview.blur .consult,.erp-overview.blur.ini .consult{display:none} .erp-overview .overview::before{content:'';position:absolute;top:0;left:0;z-index:2} .erp-overview.init .overview::before{width:100%;height:calc(100% - 138px);top:138px} .erp-overview.blur .overview::before{width:100%;height:100%;top:0} .erp-overview #fixed-load-box{display:block;background:rgba(236,240,240,.6);width:100%;height:100%;position:absolute;z-index:4;padding-top:178px} .erp-overview #fixed-load-box.show+.fill-me{display:none} .erp-overview .fill-me{display:none} .erp-overview.blur .fill-me{display:block;position:absolute;top:80px;left:calc(50% - 160px);width:320px;text-align:center;padding:48px 0;z-index:3} .erp-overview .fill-me::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(236,240,240,.8);filter:blur(32px)} .erp-overview .fill-me i{font-size:40px;color:#37556f;margin-bottom:16px;font-weight:700;display:block;position:relative} .erp-overview .fill-me span{font-size:20px;color:#32475b;position:relative} .erp-overview .fill-me svg{display:block!important;position:absolute;top:16px;left:calc(50% - 92px);height:56px;width:48px} .erp-overview .fill-me-arrow{fill:#37556f} .erp-overview .system{width:calc((100% / 3) - 10px);display:flex;justify-content:space-between;align-items:center;margin:0 0 16px 0;padding:24px;background:#fff;position:relative;z-index:1;transition:filter .2s .2s,opacity .2s .2s} .erp-overview .system .logo{position:relative;width:128px;height:90px;border:2px solid #e7edec;display:block;padding:18px 12px} .erp-overview .system .logo .lazyImage{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center} .erp-overview .system .info{font-weight:700;width:calc(100% - 140px)} .erp-overview .system .info .name>*{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block} .erp-overview .system .info a{font-weight:700;color:#00829b;display:block} .erp-overview .system .info a::before{content:"\f054";font-family:"Font Awesome 5 Pro";margin-right:3px;font-size:11px} .erp-overview .system .info span{margin:2px 0 7px 0;color:#32475b} .erp-overview .system .matchrate{margin:4px 0 0 0} .erp-overview .system .matchrate .matchrate_wrapper{height:22px;border-color:#e7edec} .erp-overview .system .compare{position:absolute;bottom:-16px;left:0;width:100%;padding:6px 0;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .erp-overview .system .compare input{display:none} .erp-overview .system .compare span{display:inline-block;padding:0 6px;font-weight:700;font-size:11px;text-transform:uppercase;border-radius:2px;background:#fff} .erp-overview .system .compare span::before{content:"\f0c8";font-family:"Font Awesome 5 Pro";margin:0 4px 0 0;font-size:14px;font-weight:400;position:relative;top:1px} .erp-overview .system .compare input:checked+span{background:#32475b;color:#fff} .erp-overview .system .compare input:checked+span::before{content:"\f14a";font-weight:700} .erp-overview .erp-filter{margin:40px auto 64px auto;width:1480px;max-width:calc(100% - 48px);position:relative;background:#32475b;background:-moz-linear-gradient(top,rgba(22,41,58,1) 0,rgba(50,78,103,1) 100%);background:-webkit-linear-gradient(top,rgba(22,41,58,1) 0,rgba(50,78,103,1) 100%);background:linear-gradient(to bottom,rgba(22,41,58,1) 0,#324e67 100%)} .erp-overview .erp-filter.animate::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0%;z-index:1;background:#37808f;animation:erpFilterTransition .8s} @keyframes erpFilterTransition{ 0%{height:0%;bottom:0} 50%{height:100%;bottom:0} 100%{height:0%;bottom:100%} } .erp-overview .erp-filter.animate .wrap{overflow:hidden} .erp-overview .erp-filter.animate .wrap .step{display:flex;opacity:0} .erp-overview .erp-filter.animate .wrap .step.active{display:flex;opacity:1} .erp-overview .erp-filter .wrap{width:calc(100% + 48px);margin-left:-24px;padding:0 24px;color:#fff;display:flex;justify-content:space-between;position:relative;min-height:336px;transition:height .2s} .erp-overview .erp-filter h2{color:#fff;font-size:40px;line-height:1.2;margin-bottom:6px} .erp-overview .erp-filter p{color:#c9d8e5;margin:0} .erp-overview .erp-filter p+p{margin-top:16px} .erp-overview .erp-filter .step{padding:72px 0 125px 0;display:none;width:100%;justify-content:space-between;position:absolute;left:100%} .erp-overview .erp-filter .step.active{position:relative;left:0;display:flex} .erp-overview .erp-filter .q{width:376px;display:flex;flex-wrap:wrap;align-items:center;align-content:center} .erp-overview .erp-filter .a{width:calc(100% - 376px);margin-left:32px} .erp-overview .erp-filter input[type=checkbox],.erp-overview .erp-filter input[type=radio]{display:none} .erp-overview .erp-filter input+i.check::before{content:"\f0c8";color:#7e93a7;font-family:"Font Awesome 5 Pro";margin:0 9px 0 0;font-size:19px;font-style:normal;position:relative;top:2px;left:1px} .erp-overview .erp-filter input:checked+i.check::before{content:"\f14a";font-weight:700;color:#37cbd8} .erp-overview .erp-filter input[type=radio]+i.check::before{content:"\f111"} .erp-overview .erp-filter input[type=radio]:checked+i.check::before{content:"\f058"} .erp-overview .erp-filter .fa-question-circle:before{color:#7e93a7} .erp-overview .erp-filter .popoverNew .content{padding:16px} .erp-overview .erp-filter .popoverNew li,.erp-overview .erp-filter .popoverNew p{color:#32475b} .erp-overview .erp-filter .popoverNew ul{margin-bottom:0} .erp-overview .erp-filter .step.start .consultant{position:absolute;top:0;right:0;width:100%;height:100%;background-image:url(https://cdn.softwaresystemen.nl/nodes/consult/consultant-compare.webp);background-size:auto 120%;background-repeat:no-repeat;background-position:90% -24px} .nowebp .erp-overview .erp-filter .step.start .consultant{background-image:url(https://cdn.softwaresystemen.nl/nodes/consult/consultant-compare.png)} .erp-overview .erp-filter .step.start .q{width:50%;display:block;position:relative} .erp-overview .erp-filter .step.start .but{font-size:13px;margin:16px 0 0 0;padding:8px 16px} .erp-overview .erp-filter .step.start .but::before{content:"\f054";margin-right:8px;font-family:"Font Awesome 5 Pro";font-size:10px} .erp-overview .erp-filter .step.sector ul{width:100%;height:100%;display:grid;grid-auto-flow:column;grid-gap:0 24px;grid-template-rows:repeat(6,auto);justify-content:space-around;display:-ms-flexbox;flex-wrap:wrap} .erp-overview .erp-filter .step.sector li{display:flex;align-items:center;overflow:hidden;flex-basis:calc(100% / 3)} .erp-overview .erp-filter .step.sector li label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .erp-overview .erp-filter .step.functions .a>ul{width:100%;height:100%;display:grid;grid-auto-flow:column;grid-gap:0 16px;grid-template-rows:repeat(4,auto);justify-content:space-around;display:-ms-flexbox;flex-wrap:wrap} .erp-overview .erp-filter .step.functions .a>ul>li{display:flex;align-items:center;flex-basis:calc(100% / 3)} .erp-overview .erp-filter .step.functions .a label{position:relative;padding-right:20px} .erp-overview .erp-filter .step.functions .a label span{white-space:nowrap} .erp-overview .erp-filter .step.functions .a label .popoverNew{position:absolute;right:0;top:calc(50% - 6px)} .erp-overview .erp-filter .step.company-size .a{display:flex;flex-wrap:wrap;align-items:center;align-content:center} .erp-overview .erp-filter .step.company-size .sliderWrap{margin:auto;max-width:520px;width:100%} .erp-overview .erp-filter .step.company-size .sliderWrap.users{margin-top:40px} .erp-overview .erp-filter .step.company-size .sliderWrap input{margin-bottom:12px;width:55px} .erp-overview .erp-filter .step.company-size .sliderPadding{width:100%;height:8px;padding-right:16px;margin-top:8px;background:rgba(255,255,255,.15);margin-bottom:6px} .erp-overview .erp-filter .step.company-size .ui-slider{width:100%;height:100%;position:relative} .erp-overview .erp-filter .step.company-size .ui-slider .ui-slider-range{background:#3cb9c4;height:100%;position:absolute;top:0;left:0;transform:scaleX(1.01);transform-origin:left} .erp-overview .erp-filter .step.company-size .ui-slider .ui-slider-handle{background-size:cover;background-repeat:no-repeat;position:absolute;height:22px;width:22px;border-radius:100%;top:-7px;display:block;cursor:pointer;background:#3cb9c4} .erp-overview .erp-filter .step.company-size .ui-slider .ui-slider-handle::after{content:"";position:absolute;width:26px;height:26px;border-radius:100%;top:-2px;left:-2px} .erp-overview .erp-filter .step.company-size .ui-slider .ui-slider-handle:focus{outline:0} .erp-overview .erp-filter .step.company-size .sliderWrap input{width:48px;padding:6px 0;text-align:center;margin-right:4px;border:0;background:rgba(255,255,255,.15);color:#fff} .erp-overview .erp-filter .step.platform .a{display:flex;justify-content:center;align-items:center} .erp-overview .erp-filter .step.platform .a label{position:relative} .erp-overview .erp-filter .step.platform .a label+label{margin-left:16px} .erp-overview .erp-filter .step.platform .a label input+div{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;align-content:center;width:132px;height:96px;background:rgba(255,255,255,.1);border-radius:4px;transition:background .2s} .erp-overview .erp-filter .step.platform .a label .fas.main-icon{display:block;font-size:32px;text-align:center;margin-bottom:2px;position:relative} .erp-overview .erp-filter .step.platform .a .fas .fas{position:absolute;font-size:14px;left:-6px;text-shadow:2px 2px #394b5c,2px -2px #394b5c,3px 1px #394b5c,-2px 2px #394b5c,0 3px #394b5c;transition:text-shadow .2s} .erp-overview .erp-filter .step.platform .a label input:checked+div{background:#0191a4} .erp-overview .erp-filter .step.platform .a label input:checked+div .fas .fas{text-shadow:2px 2px #0191a4,2px -2px #0191a4,3px 1px #0191a4,-2px 2px #0191a4,0 3px #0191a4} .erp-overview .erp-filter .step.platform .a .fa-question-circle{position:absolute;top:-1px;right:-1px;transition:text-shadow .2s} .erp-overview .erp-filter .step.platform .a .fa-question-circle::before{text-shadow:-2px 0 #1f3549,-1px 2px #1f3549,1px 2px #1f3549} .erp-overview .erp-filter .step.platform .a label input:checked+div+div.fa-question-circle::before{color:#54adb5} .erp-overview .erp-filter .step.end .a{display:flex;align-items:center;align-content:center;padding-left:40px} .erp-overview .erp-filter .step.end .a ul{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between} .erp-overview .erp-filter .step.end .a ul::after{content:"";display:block;width:calc((100% / 3) - 24px)} .erp-overview .erp-filter .step.end .end{width:calc((100% / 3) - 24px);height:104px;display:flex;flex-wrap:wrap;align-items:center;align-content:center;overflow:hidden} .erp-overview .erp-filter .step.end .end span{color:#c9d8e5} .erp-overview .erp-filter .step.end .end strong{font-size:16px;display:block;width:100%;margin:2px 0 4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .erp-overview .erp-filter .step.end .end strong::before{font-family:"Font Awesome 5 Pro";margin-right:4px;font-weight:700} .erp-overview .erp-filter .step.end .end strong.filled{display:none} .erp-overview .erp-filter .step.end .end strong.empty{display:block} .erp-overview .erp-filter .step.end .end strong.filled::before{content:"\f058";color:#a7e268} .erp-overview .erp-filter .step.end .end strong.empty::before{content:"\f057";color:#ff8a8a} .erp-overview .erp-filter .step.end .end a{font-weight:700;text-transform:uppercase;font-size:11px;color:#3cb9c4} .erp-overview .erp-filter .step.end .end a::before{content:"\f303";font-family:"Font Awesome 5 Pro";margin-right:3px;font-size:11px} .erp-overview .erp-filter .step.end .end.functions{width:calc((200% / 3) - 12px)} .erp-overview .erp-filter .nav{background:#fff;padding:22px 24px;position:relative;top:24px;margin-top:-85px;z-index:2;overflow:hidden} .erp-overview .erp-filter .nav.disabled .but{opacity:0;cursor:default;pointer-events:none} .erp-overview .erp-filter .nav .nav-inner{display:flex;justify-content:space-between;width:100%;position:relative;left:0} .erp-overview .erp-filter .nav.disabled .nav-inner{width:calc(100% + 280px);left:-140px} .erp-overview .erp-filter .nav.disabled .but{flex:120px} .erp-overview .erp-filter.animate .nav .nav-inner{transition:width .2s .6s,left .2s .6s} .erp-overview .erp-filter.animate .progress{transition:width .2s} .erp-overview .erp-filter.animate .nav .but{transition:background .2s,opacity .2s,flex .2s .6s} .erp-overview .erp-filter .nav .but{font-size:13px;padding:8px 16px;flex:1} .erp-overview .erp-filter .nav .but.prev{background:#e7edec;color:#54697b} .erp-overview .erp-filter .nav .but.next::after,.erp-overview .erp-filter .nav .but.prev::before{font-family:"Font Awesome 5 Pro";font-size:10px} .erp-overview .erp-filter .nav .but.prev::before{content:"\f053";margin-right:8px} .erp-overview .erp-filter .nav .but.next::after{content:"\f054";margin-left:8px} .erp-overview .erp-filter .nav .but.disabled{opacity:.3;cursor:default} .erp-overview .erp-filter .nav .but.disabled.next:hover{background:#f80} .erp-overview .erp-filter .nav .but.disabled.prev{opacity:.5} .erp-overview .erp-filter .progress{display:flex;padding:0;width:100%;justify-content:space-between} .erp-overview .erp-filter .progress li{position:relative;width:25%;text-align:center;transition:color .2s} .erp-overview .erp-filter .progress li button{font-size:13px;line-height:21px;color:#889ea0;font-weight:700;height:100%;padding:0 0 19px 0;margin:0;background:0 0;border:0;outline:0;cursor:pointer;position:relative;z-index:3} .erp-overview .erp-filter .progress li.filled button::before{content:"\";font-family:"Font Awesome 5 Pro";margin-right:3px;color:#a9babb;font-size:12px} .erp-overview .erp-filter .progress li.filled.active button::before{color:green} .erp-overview .erp-filter .progress li::after{content:"";position:absolute;bottom:0;left:calc(50% - 6px);width:12px;height:12px;border-radius:100%;border:6px solid #3db9c4;background:#fff;z-index:2} .erp-overview .erp-filter .progress li:nth-child(2)~li::before{content:"";position:absolute;bottom:4px;right:50%;width:100%;height:4px;background:linear-gradient(90deg,#3db9c4 50%,#b5d0d2 50%);background-position:0 0;background-size:200%;z-index:1;pointer-events:none} .erp-overview .erp-filter .progress li.active button{color:#32475b} .erp-overview .erp-filter .progress li.active~li::before{background-position:100% 0} .erp-overview .erp-filter .progress li.active~li::after{border:4px solid #b5d0d2;background:#fff} .erp-overview .erp-filter .progress li~li:nth-child(3)::before{transition-delay:0s} .erp-overview .erp-filter .progress li~li:nth-child(4)::before{transition-delay:.1s} .erp-overview .erp-filter .progress li~li:nth-child(5)::before{transition-delay:.2s} .erp-overview .erp-filter .progress li.active~li:nth-child(3)::before{transition-delay:.2s} .erp-overview .erp-filter .progress li.active~li:nth-child(4)::before{transition-delay:.1s} .erp-overview .erp-filter .progress li.active~li:nth-child(5)::before{transition-delay:0s} .erp-overview .erp-filter .progress li:first-child,.erp-overview .erp-filter .progress li:last-child{display:none} .erp-overview .erp-filter.animate .progress li::after{transition:border .2s} .erp-overview .erp-filter.animate .progress li:nth-child(2)~li::before{transition:background-position .1s linear} .erp-overview .erp-overview-content,.erp-overview .erp-overview-content article{position:relative} .erp-overview .consult{display:none;background:#384f64;color:#fff;max-width:944px;position:absolute;position:sticky;bottom:calc(50% - 300px);left:calc(50% - 472px);z-index:100;transition:width .2s,bottom .2s,left .2s,opacity .2s} .erp-overview .consult.show{display:block} .erp-overview .consult .close.circle{position:absolute;right:-8px;top:-8px;background:#32475b;border-radius:100%;text-align:center;line-height:32px;width:32px;height:32px;font-size:24px;font-weight:700;cursor:pointer;text-indent:1px;z-index:3} .erp-overview .consult .close.circle::before{content:"\f057";font-family:"Font Awesome 5 Pro"} .erp-overview .consult .top{position:relative;padding:40px 40px 32px 40px} .erp-overview .consult .top::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:60%;z-index:1;background:-moz-linear-gradient(bottom,#2f475c 40%,rgba(50,78,103,0) 100%);background:-webkit-linear-gradient(bottom,#2f475c 40%,rgba(50,78,103,0) 100%);background:linear-gradient(to top,#2f475c 40%,rgba(50,78,103,0) 100%)} .erp-overview .consult .top>*{position:relative;z-index:2} .erp-overview .consult .image{position:absolute;bottom:0;left:0;height:calc(100% + 20px);width:320px;z-index:0;overflow:hidden;background-image:url(https://cdn.softwaresystemen.nl/nodes/consult/consultant--.webp);background-size:auto 480px;background-position:-120px top;background-repeat:no-repeat} .nowebp .erp-overview .consult .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/consult/consultant--.png)} .erp-overview .consult h2{color:#fff;font-size:32px;line-height:1.2;text-align:center;margin:auto} .erp-overview .consult .ul-wrap{overflow:hidden;transition:height .2s} .erp-overview .consult ul{padding:24px 0 0 0;list-style:none;counter-reset:steps;display:flex} .erp-overview .consult ul li{color:#c9d8e5;counter-increment:steps;position:relative;padding:0 4px;line-height:1.5;text-align:center;width:25%} .erp-overview .consult ul li::before{content:counter(steps);display:block;margin:0 auto 8px auto;width:1.8em;height:1.8em;padding-top:0;line-height:1.8;color:#fff;background:#3cb9c4;text-align:center;font-size:14px;border-radius:100%;font-weight:700;padding-left:1px} .erp-overview .consult ul li:nth-of-type(4)::before{padding-right:2px} .erp-overview .consult .form{padding:0 40px 32px 40px;width:100%;position:relative;z-index:1;transition:padding .2s} .erp-overview .consult form{margin:0} .erp-overview .consult .form-wrap{overflow:hidden;transition:height .2s} .erp-overview .consult .form-content{width:100%;padding:8px 0 12px 0;display:flex;flex-wrap:wrap;width:100%;justify-content:space-between} .erp-overview .consult .form-content>*{width:calc(50% - 12px)} .erp-overview .consult .form label span{color:#fff;background:0 0;position:static;padding:0} .erp-overview .consult .form input[type=text],.erp-overview .consult .form select,.erp-overview .consult .form textarea{color:#fff!important;padding:7px 8px;background-color:#4d6174;border:1px solid #4a5d6e} .erp-overview .consult .form .error input[type=text],.erp-overview .consult .form .error select,.erp-overview .consult .form .error textarea{border-color:#f5b7b7} .erp-overview .consult .form .error span{color:#f5b7b7!important;font-weight:700} .erp-overview .consult .actions{width:100%} .erp-overview .consult .actions span{display:inline-block;margin:0 8px;color:#c9d8e5;font-style:italic;font-weight:700} .erp-overview .consult .but{font-size:13px;padding:8px 16px;margin:0} .erp-overview .consult .but.secondary,.erp-overview .consult .but.secondary:hover{background:#4a5f71} .erp-overview .consult.closed{display:block;bottom:16px;left:16px;width:320px} .erp-overview .consult.closed::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;cursor:pointer} .erp-overview .consult.closed .close{display:none} .erp-overview .consult.closed .top{padding:24px 16px 24px 16px} .erp-overview .consult.closed .image{width:100px;background-size:auto 200px;background-position:-50px top;height:calc(100% + 10px)} .erp-overview .consult.closed h2{font-size:16px;text-align:left;padding-left:60px} .erp-overview .consult.closed h2 br{display:none} .erp-overview .consult.closed .form{padding:0 16px 16px 16px} .erp-overview .consult.closed .form-wrap{height:0} .erp-overview .consult.closed .ul-wrap{height:0} .erp-overview .consult.closed .actions>*{display:none} .erp-overview .consult.closed .actions .submit_but{display:block} .erp-overview .consult.closed .top::before{height:50%;bottom:-17px;background:-moz-linear-gradient(bottom,#384f64 40%,rgba(50,78,103,0) 100%);background:-webkit-linear-gradient(bottom,#384f64 40%,rgba(50,78,103,0) 100%);background:linear-gradient(to top,#384f64 40%,rgba(50,78,103,0) 100%)} .off.erp-overview .consult{display:none;opacity:0;width:100%;max-width:888px;position:absolute;position:sticky;bottom:calc(100% - 600px);left:calc(50% - 444px);color:#fff;background:#32475b;z-index:5;margin-top:200px;transition:opacity .2s} .off.erp-overview .consult.show{display:block;opacity:1} .off.erp-overview .consult::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#32475b;z-index:-1} .off.erp-overview .consult::before{content:"";background:rgba(255,255,255,.8);width:0%;height:0%;position:fixed;top:0;left:0;z-index:-1;opacity:0;transition:opacity .3s,width .01s .3s,height .01s .3s} .off.erp-overview .consult.form::before{width:100%;height:100%;opacity:1;transition:opacity .3s} .off.erp-overview .consult .consult-content{overflow:hidden} .off.erp-overview .consult .offer{position:relative;z-index:2} .off.erp-overview .consult .offer.hide{position:absolute;height:0;opacity:0;overflow:hidden} .off.erp-overview .consult .text{padding:40px 40px 40px 25%;position:relative;z-index:1} .off.erp-overview .consult h2{color:#fff;font-size:32px;line-height:1.2} .off.erp-overview .consult ul{margin:24px 0 32px 0;list-style:none;counter-reset:steps} .off.erp-overview .consult ul li{color:#c9d8e5;counter-increment:steps;position:relative;padding-left:27px;line-height:18px} .off.erp-overview .consult ul li::before{content:counter(steps);position:absolute;left:0;top:-1px;width:20px;height:20px;padding-top:0;line-height:19px;color:#fff;background:#3cb9c4;text-align:center;font-size:11px;border-radius:100%;font-weight:700;padding-left:1px} .off.erp-overview .consult ul li+li{margin-top:14px} .off.erp-overview .consult .actions span{display:inline-block;margin:0 8px;color:#c9d8e5;font-style:italic;font-weight:700} .off.erp-overview .consult .but{font-size:13px;padding:8px 16px;margin:0} .erp-overview .consult .but.secondary:hover,.off.erp-overview .consult .but.secondary{background:#4a5f71} .off.erp-overview .consult .image{position:absolute;bottom:0;left:0;height:calc(100% + 20px);width:43%;background-image:url(https://cdn.softwaresystemen.nl/nodes/consult/consultant--.webp);background-size:148% auto;background-position:right top;background-repeat:no-repeat;z-index:0} .nowebp .off.erp-overview .consult .image{background-image:url(https://cdn.softwaresystemen.nl/nodes/consult/consultant--.png)} .off.erp-overview .consult .image::before{content:"";position:absolute;bottom:0;right:0;width:60%;height:calc(100% - 20px);z-index:1;background:-moz-linear-gradient(left,rgba(50,71,91,0) 0,rgba(50,71,91,1) 50%);background:-webkit-linear-gradient(left,rgba(50,71,91,0) 0,rgba(50,71,91,1) 50%);background:linear-gradient(to right,rgba(50,71,91,0) 0,rgb(50 71 91) 50%)} .off.erp-overview .consult .close.circle{position:absolute;right:-8px;top:-8px;background:#32475b;border-radius:100%;text-align:center;line-height:32px;width:32px;height:32px;font-size:24px;font-weight:700;cursor:pointer;text-indent:1px;z-index:3} .off.erp-overview .consult .close.circle::before{content:"\f057";font-family:"Font Awesome 5 Pro"} .off.erp-overview .consult .form-wrap{height:0;overflow:hidden;position:absolute;top:0;right:0;width:100%;opacity:0} .off.erp-overview .consult .form-wrap.show{opacity:1;height:auto;position:relative} .off.erp-overview .consult .form{display:flex;width:75%;margin:0;z-index:1;padding:40px 40px 40px 0;flex-wrap:wrap;justify-content:space-between;float:right} .off.erp-overview .consult .form h2{width:100%;font-size:24px;margin:0 0 16px 0} .off.erp-overview .consult .form .sexlabel{width:100%;color:#fff} .off.erp-overview .consult .form>label{width:calc(50% - 8px)} .off.erp-overview .consult .form label span{color:#fff;background:0 0;position:static;padding:0} .off.erp-overview .consult .form input[type=text],.off.erp-overview .consult .form select,.off.erp-overview .consult .form textarea{color:#fff!important;padding:7px 8px;background-color:#4a5d6e;border:1px solid #4a5d6e} .off.erp-overview .consult .form .error input[type=text],.off.erp-overview .consult .form .error select,.off.erp-overview .consult .form .error textarea{border-color:#f5b7b7} .off.erp-overview .consult .form .error span{color:#f5b7b7!important;font-weight:700} .off.erp-overview .consult .form .sexlabel.error{color:#f5b7b7;font-weight:700} .off.erp-overview .consult.closed{width:320px;position:fixed;bottom:16px;left:16px} .off.erp-overview .consult.closed h2{font-size:16px;margin-bottom:16px} .off.erp-overview .consult.closed .but.secondary{display:none} .off.erp-overview .consult.closed .actions span{display:none} .off.erp-overview .consult.closed .close.circle{display:none} .off.erp-overview .consult.closed ul{display:none} .off.erp-overview .consult.closed .text{padding:24px 24px 24px 25%} .off.erp-overview .consult.animate{transition:all .2s} .off.erp-overview .consult.animate h2{transition:font-size .2s} .off.erp-overview .consult.animate .offer{transition:all .2s} .off.erp-overview .consult.animate .form-wrap{transition:all .2s} .off.erp-overview .consult.animate .text{transition:padding .2s} .off.erp-overview .consult.animate ul{transition:height .2s,margin .2s} .cart{width:320px;height:0;padding:0;position:sticky;position:fixed;bottom:0;left:calc(100% - 344px);background:#fff;box-shadow:0 0 14px rgba(50,71,91,.2);overflow:hidden;z-index:9999;transition:height .2s} .cart.active{height:57px} .cart.active.show{height:258px} .cart .top{padding:12px 16px 16px 16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center} .cart h2{font-size:13px;line-height:21px;cursor:pointer} .cart h2::before{content:"\f077";display:block;float:left;font-family:"Font Awesome 5 Pro";margin:0 5px 0 0;transition:transform .2s} .cart.show h2::before{transform:rotate(180deg)} .cart input{display:none} .cart .but{font-size:13px;padding:4px 8px 5px 8px;text-transform:uppercase;letter-spacing:.03em;position:relative;transition:background-color .2s} .cart .but .number{position:absolute;top:-8px;right:-8px;background:#f90;color:#fff;font-weight:700;border-radius:100%;line-height:1.6;padding:0 6px;text-align:center} .cart .but.disabled,.erp-overview .cart .but.disabled:hover{background:rgba(60,185,196,.3);cursor:default} .cart .cart-items{padding:0 16px} .cart .item{width:100%;height:56px;position:relative;clear:both} .cart .item::before{content:"";width:88px;height:56px;border:2px solid #e7edec;position:absolute;left:0} .cart .item::after{content:"";display:block;clear:both} .cart .item .close{opacity:0;padding:8px 0;font-size:20px;display:block;color:red;position:absolute;top:calc(50% - 18px);right:0;line-height:1;text-align:center;cursor:pointer;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%);background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgb(255 255 255) 50%);transition:padding .5s,opacity .2s} .cart .item:hover .close{opacity:1;padding-left:30px;transition:padding .2s,opacity .1s} .cart .item .close::before{content:"\f057";font-family:"Font Awesome 5 Pro";font-weight:700} .cart .item+.item{margin-top:8px} .cart .logo-wrap{display:block;float:left;margin-right:8px} .cart .logo{width:72px;height:40px;margin:8px;background-size:contain;background-repeat:no-repeat;background-position:center} .cart h3,.erp-overview .cart h4{font-size:13px;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cart h3{padding-top:6px} .cart h4{color:#00829b} .cart h4::before{content:"\f054";font-family:"Font Awesome 5 Pro";margin-right:3px;font-size:11px} @media screen and (max-width:1440px){ .erp-overview .erp-filter{width:1240px} } @media screen and (max-width:1336px){ .erp-overview .erp-filter{width:100%;max-width:100%;margin-top:0} .erp-overview .erp-filter .step.functions .a>ul{grid-template-rows:repeat(6,auto)} .erp-overview .erp-filter .step.platform .a label input+div{width:112px;height:88px} } @media screen and (max-width:1200px){ .erp-overview .erp-filter .step.start .q{max-width:528px;width:100%} .erp-overview .erp-filter .step.start .consultant{width:calc(100% + 48px);right:-24px} .erp-overview .erp-filter .step.end .a ul::after{width:calc(50% - 24px)} .erp-overview .erp-filter .step.end .end{height:88px;width:calc(50% - 24px)} .erp-overview .erp-filter .step.end .end.functions{width:100%} .erp-overview .cart{left:calc(100% - 332px)} .container.home .overview-table .system{padding:13px 24px 24px 24px} .container.home .overview-table .systemTitle{float:right;width:calc(100% - 120px);height:96px;margin-bottom:0;position:relative} .container.home .overview-table .systemTitle .title-text{left:0;top:14px;width:100%} .container.home .overview-table .systemTitle .actions{float:none;position:relative;top:45px} .container.home .overview-table .systemTitle .actions .but{float:left;width:auto} .container.home .overview-table .systemTitle .actions .vergelijk_button{float:left;margin-right:0} .container.home .overview-table .blockwrap{clear:both} .container.home .overview-table .block.company-logo{top:-96px;height:96px;padding:0} .container.home .overview-table .block.company-logo .logo{margin-top:11px;width:96px;height:74px} .container.home .overview-table .block.matchrate{right:auto;left:0;width:calc(100% - 330px)} .container.home .overview-table .block.matchrate .title{font-size:11px;float:left;display:block;margin-bottom:6px} .container.home .overview-table .block.platform{right:108px} .container.home .overview-table .block.platform li{font-size:11px} .container.home .overview-table .block.platform li+li{margin-left:6px} .container.home .overview-table .bedrijfsgrootte{padding:27px 2px 0 2px} .container.home .overview-table .bedrijfsgrootte .title{font-size:11px} .container.home .overview-table .bedrijfsgrootte .size{font-size:16px} .undertext-wrap{padding-left:24px} .undertext-wrap .c2a,.undertext-wrap .undertext{width:calc(100% - 240px);padding:64px 104px} } @media screen and (max-width:1024px){ .erp-overview.init .system:nth-child(3)~.system{filter:blur(6px) grayscale(.5);opacity:.5;pointer-events:none} .erp-overview .system{width:calc(50% - 8px)} .erp-overview .erp-filter .step{padding:48px 0 109px 0} .erp-overview .erp-filter .step.start .consultant{background-position:95% -24px} .erp-overview .erp-filter .step.sector ul{grid-template-rows:repeat(8,auto)} .erp-overview .erp-filter .step.sector li{height:40px} .erp-overview .erp-filter .step.functions li{height:48px} .erp-overview .erp-filter .step.platform .a label .fas.main-icon{font-size:24px} .erp-overview .erp-filter .step.platform .a label input+div{width:96px;height:80px} .erp-overview .erp-filter .step.platform .a label+label{margin-left:8px} .erp-overview .cart .item .close{opacity:1;padding-left:30px;transition:padding .2s,opacity .1s} .container.home .go-up{display:none!important} .container.home .left-sidebar{position:fixed;top:0;left:-256px;z-index:999;height:100vh;overflow:auto;width:256px;transition:left .2s;-webkit-transition:left .2s;-moz-transition:left .2s;-o-transition:left .2s;-ms-transition:left .2s} .container.home .left-sidebar::after{background:rgba(0,0,0,0);position:fixed;top:0;right:0;width:100%;height:100%;cursor:pointer;transition:background .2s,width .2s;-webkit-transition:background .2s,width .2s;-ms-transition:background .2s,width .2s;-o-transition:background .2s,width .2s;-moz-transition:background .2s,width .2s} .container.home .left-sidebar.show{left:0} .container.home .left-sidebar.show::after{content:"";background:rgba(0,0,0,.5)} .container.home .sidebar-filter{padding:24px} .container.home .close_button{display:block;text-transform:uppercase;font-weight:700;font-size:16px;margin-bottom:16px} .container.home .close_button .fa{margin-left:3px;position:relative;top:0;font-size:19px} .container.home .close_button_times{display:none;position:fixed;transform:rotate(45deg);top:32px;right:32px;height:36px;width:36px;cursor:pointer} .container.home .left-sidebar.show .close_button_times{display:block} .container.home .close_button_times::before{content:"";width:8px;height:36px;top:0;left:14px;position:absolute;background:#fff} .container.home .close_button_times::after{content:"";width:36px;height:8px;top:14px;left:0;position:absolute;background:#fff} .container.home .filter_button{display:inline-block;margin-bottom:24px} .container.home .overview-table{padding:0;width:100%} .container.home .overview-table .system{padding:16px 24px 24px 24px;margin-bottom:24px} .undertext-wrap{padding-left:0} .undertext-wrap .c2a,.undertext-wrap .undertext{width:100%;max-width:864px;float:none;margin:auto;padding:64px 104px} .undertext-wrap .c2a h2{font-size:32px} } @media screen and (max-width:900px){ .erp-overview .erp-filter.active .wrap .step,.erp-overview .erp-filter.animate .wrap .step{display:block} .erp-overview .erp-filter h2{font-size:32px} .erp-overview .erp-filter h2 br{display:none} .erp-overview .erp-filter .step.active{flex-wrap:wrap} .erp-overview .erp-filter .q{width:100%;display:block} .erp-overview .erp-filter .a{margin:24px 0 0 0;width:100%;display:block} .erp-overview .erp-filter .step.start .consultant{background-position:113% -24px} .erp-overview .erp-filter .step.sector ul{grid-template-rows:repeat(4,auto);justify-content:space-between} .erp-overview .erp-filter .step.company-size .sliderWrap.employees{margin-top:16px} .erp-overview .erp-filter .step.company-size .sliderWrap{max-width:none} .erp-overview .erp-filter .step.functions .a>ul{justify-content:space-between;grid-template-rows:repeat(4,auto)} .erp-overview .erp-filter .step.platform .a label{width:25%} .erp-overview .erp-filter .step.platform .a label input+div{width:100%} .erp-overview .erp-filter .step.end .a{padding-left:0} .erp-overview .erp-filter .step.end .a ul::after{width:calc((100% / 3) - 12px)} .erp-overview .erp-filter .step.end .end{height:88px;width:calc((100% / 3) - 12px)} .erp-overview .erp-filter .step.end .end.functions{width:calc((200% / 3) - 6px)} .erp-overview .consult{width:calc(100% - 24px);left:12px} .erp-overview .consult h2{font-size:24px} .erp-overview .consult ul{margin:16px 0 24px 0} .erp-overview .consult .text{padding:24px 24px 24px 25%} .erp-overview .consult .form{padding:24px 24px 24px 0} .erp-overview .consult .form h2{font-size:16px;margin:0 0 8px 0} .erp-overview .consult .form .but{margin-top:8px} .erp-overview .consult.closed{left:12px;bottom:12px} .erp-overview .consultNew{padding:0 16px} .erp-overview .consultNew .wrap{max-width:600px} .erp-overview .consultNew .title{padding:36px 32px 32px 32px} .erp-overview .consultNew .title h2{font-size:32px;max-width:420px} .erp-overview .consultNew .info{max-width:none;width:100%;position:relative;right:auto;top:auto;padding:0;margin:16px 0 0 0} .erp-overview .consultNew .info h4{font-size:14px;color:#bfe5ea;background:#587086;padding:8px 12px;display:flex;align-items:center;cursor:pointer} .erp-overview .consultNew .info h4::before{content:'\f078';font-family:'Font Awesome 5 Pro';font-size:12px;margin-right:6px} .erp-overview .consultNew .info button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .erp-overview .consultNew .info.show .list{height:auto} .erp-overview .consultNew .info.show h4::before{transform:rotate(180deg)} .erp-overview .consultNew .info .list{overflow:hidden;width:100%;height:0;background:#587086;position:absolute;margin-top:-1px} .erp-overview .consultNew .info ol{padding:12px} .erp-overview .consultNew .info li:first-of-type{margin-top:0} .erp-overview .consultNew .info li{color:#fff} .erp-overview .consultNew .bottom{position:relative;z-index:1} .erp-overview .consultNew .form{max-width:none;padding:24px 32px} .erp-overview .consultNew .form .buttons{justify-content:flex-start} .erp-overview .consultNew.show.reopen{padding-top:0} } @media screen and (max-width:800px){ .erp-overview .consult.closed{width:264px} .erp-overview .consult.closed h2{font-size:0;margin:0} .erp-overview .consult.closed .text{padding:16px 16px 16px 80px} .erp-overview .erp-filter .step.start .q{max-width:none;width:57%} .erp-overview .erp-filter .step.start .consultant{background-size:auto 100%;background-position:113% top} .container.home .overview-table .system{overflow:hidden} .undertext-wrap h1{font-size:32px} .undertext-wrap h2{font-size:18px} .undertext-wrap .c2a,.undertext-wrap .undertext{padding:56px;max-width:536px} } @media screen and (max-width:750px){ .erp-overview .erp-filter .step.functions .a>ul{justify-content:flex-start;grid-template-rows:repeat(6,auto);grid-gap:0 40px} } @media screen and (max-width:700px){ .erp-overview .erp-filter .step.sector ul{grid-template-rows:repeat(6,auto)} .erp-overview .erp-filter .progress li{cursor:pointer} .erp-overview .erp-filter .progress li button{display:none} .erp-overview .erp-filter .progress li:nth-child(2)~li::before{bottom:calc(50% - 2px)} .erp-overview .erp-filter .progress li::after{bottom:calc(50% - 6px)} } @media screen and (max-width:640px){ .erp-overview.init .overview::before{width:100%;height:calc(100% - 292px);top:292px} .erp-overview.blur .overview::before{height:100%;top:0} .erp-overview .system{width:100%} .erp-overview .erp-filter .step.functions .a>ul{grid-gap:0 16px} .erp-overview .consult .image{background-size:200% auto;background-position:75% top} .erp-overview .consult h2,.erp-overview .consult ul{margin-left:25%} .erp-overview .consult .text{padding:24px} .erp-overview .consult .actions{display:flex;align-content:stretch;justify-content:space-between;align-items:center} .erp-overview .consult .actions .but{flex-grow:1;white-space:nowrap} .erp-overview .consult.closed{width:192px;background:#fff;box-shadow:0 0 14px rgba(50,71,91,.2)} .erp-overview .consult.closed .image{display:none} .erp-overview .consult.closed .text{padding:11px 11px} .erp-overview .consult.closed{bottom:0} .erp-overview .consult.closed .actions .but{font-size:13px;padding:5px 8px 6px 8px} } @media screen and (max-width:600px){ .erp-overview .erp-filter .step.end .a ul::after{width:calc(50% - 12px)} .erp-overview .erp-filter .step.end .end{height:88px;width:calc(50% - 12px)} .erp-overview .erp-filter .step.end .end.functions{width:100%} .erp-overview .erp-filter h2{width:calc(100% - 130px)} .erp-overview .erp-filter .step.start .q{width:100%;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;justify-content:center} .erp-overview .erp-filter .step.start .consultant{background-position:120% bottom} .erp-overview .erp-filter .step.start p{display:none} .erp-overview .erp-filter .step{padding:32px 0 101px 0} .container.home .gekozen_filters{width:calc(100% + 48px);margin-left:-24px} .container.home .table.overview{width:calc(100% + 48px);margin-left:-24px} .container.home .overview-table .blockwrap{height:auto} .container.home .overview-table .block{height:88px;position:static} .container.home .overview-table .block.company-logo{position:absolute;left:0} .container.home .overview-table .block.platform{margin-bottom:4px;float:left;width:calc(100% - 108px);text-align:center;padding:15px 0 0 0} .container.home .overview-table .block.platform li+li{margin-left:16px} .container.home .overview-table .bedrijfsgrootte{margin-bottom:4px;float:right;width:104px;padding-top:20px} .container.home .overview-table .block.matchrate{margin-top:4px;width:100%;clear:both;padding:15px 16px} .undertext-wrap .c2a,.undertext-wrap .undertext{padding:40px 32px} .undertext-wrap .c2a h2:first-of-type{font-size:24px;line-height:1.2} .help_mij_kiezen{padding:0 16px} .help_mij_kiezen_index{display:none} .help_mij_kiezen_vragen[data-question-no="4"] .help_mij_kiezen_vragen_box.half{float:none;width:calc(100% + 48px);padding:24px;height:auto} .help_mij_kiezen_vragen[data-question-no="4"] .help_mij_kiezen_vragen_box.half.one{margin:16px 0 0 -24px;padding:24px 24px 0 24px} .help_mij_kiezen_vragen[data-question-no="4"] .help_mij_kiezen_vragen_box.half.two{margin:0 0 0 -24px;padding:24px} .erp-overview .consultNew .form .buttons{flex-wrap:wrap} .erp-overview .consultNew .form .buttons .but{width:100%} .erp-overview .consultNew .form .buttons span{display:none} .erp-overview .consultNew .form .buttons .secondary{margin-bottom:12px;order:-1} } @media screen and (max-width:560px){ .erp-overview .consult.closed{width:100%;left:0;transition:bottom .2s} .erp-overview .consult.closed+.cart.active{bottom:56px} .erp-overview .cart{width:100%;left:0;transition:bottom .2s,height .2s} .erp-overview .cart .compare-box .close{opacity:1;padding-left:30px;transition:padding .2s} .erp-overview .consultNew .title{padding:28px 24px 24px 24px} .erp-overview .consultNew .form{padding:24px} .erp-overview .consultNew .form label{display:block} .erp-overview .consultNew .form input{width:100%} .erp-overview .consultNew.minimizeDone h2{font-size:16px!important} .erp-overview .consultNew.minimize.minimizeDone{bottom:0!important;left:0!important;width:100%!important;transition:bottom .2s} .erp-overview .consultNew.minimize.minimizeDone .reopenButton{position:relative;top:auto;right:auto} .erp-overview .consultNew.minimizeDone .reopenButton{height:46px} .erp-overview .consultNew .reopenButton .but{max-width:none;padding:5px 12px} .erp-overview .cart.active+.consultNew{bottom:56px!important} } @media screen and (max-width:500px){ .erp-overview .system{padding:16px 16px 18px 16px} .erp-overview .erp-filter h2{font-size:24px;width:100%} .erp-overview .erp-filter .nav{padding:16px;margin-top:-73px;top:24px} .erp-overview .erp-filter .nav.disabled .nav-inner{width:calc(100% + 300px);left:-150px} .erp-overview .erp-filter .nav.disabled .but{flex:200px} .erp-overview .erp-filter .step{padding:32px 0 73px 0} .erp-overview .erp-filter .step.start .consultant{background-position:170% bottom} .erp-overview .erp-filter .step.start .q{justify-content:space-between} .erp-overview .erp-filter .step.start .consultant{background-position:right bottom;background-size:auto 270px} .erp-overview .erp-filter .step.sector ul{grid-template-rows:repeat(8,auto);justify-content:flex-start} .erp-overview .erp-filter .step.functions .a>ul>li{overflow:hidden} .erp-overview .erp-filter .step.functions .a label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:0} .erp-overview .erp-filter .step.functions .a label .popoverNew{display:none} .erp-overview .erp-filter .step.end .a ul::after{display:none} .erp-overview .erp-filter .step.end .end{width:100%} .erp-overview .consult .image{display:none} .erp-overview .consult h2,.erp-overview .consult ul{margin-left:0} .erp-overview .consult .form{padding:24px;width:100%} .erp-overview .consult .actions{flex-wrap:wrap} .erp-overview .consult .actions .but{width:100%} .erp-overview .consult .actions .but.secondary{margin-bottom:8px;order:-1} .erp-overview .consult .actions span{display:none} .newC2aHeader,header.home .newC2aHeader{padding:48px 0} .newC2aHeader{padding:32px 0;background-size:260% auto;overflow:hidden} .newC2aHeader::before,header.home .newC2aHeader::before{width:100%;height:100%;top:0;left:0;transform:none} .newC2aHeader .text{width:100%} .newC2aHeader h2{font-size:26px;line-height:36px} .container.home .overview-table .systemTitle{float:none;width:100%;height:auto} .container.home .overview-table .systemTitle .title-text{float:right;width:calc(100% - 112px);top:0;height:96px;margin-bottom:0;position:relative;display:block} .container.home .overview-table .systemTitle .company,.container.home .overview-table .systemTitle .software{overflow:hidden;position:absolute;text-overflow:ellipsis;width:100%} .container.home .overview-table .systemTitle .company{top:26px} .container.home .overview-table .systemTitle .software{top:50px} .container.home .overview-table .systemTitle .divider{display:none} .container.home .overview-table .systemTitle .actions{top:0;clear:both} .container.home .overview-table .blockwrap{margin-top:4px} .container.home .overview-table .block.company-logo{top:-136px} .container.home .overview-table .block.platform li+li{margin-left:6px} .container.home .overview-table .systemTitle .actions .vergelijk_button{float:left;width:100%;padding:10px 0 9px 0} .container.home .overview-table .systemTitle .actions .vergelijk_button span{display:initial} .container.home .overview-table .block.company-logo .logo{width:96px} } @media screen and (max-width:450px){ .erp-overview .erp-filter .step.platform .a{flex-wrap:wrap;justify-content:space-between;margin-top:0} .erp-overview .erp-filter .step.platform .a label{width:calc(50% - 8px);margin-top:16px} .erp-overview .erp-filter .step.platform .a label+label{margin-left:0} } @media screen and (max-width:400px){ .erp-overview .erp-filter .nav .but{font-size:0;padding:8px 16px 6px 16px} .erp-overview .erp-filter .nav .but.prev::before{margin-right:2px} .erp-overview .erp-filter .nav .but.next::after{margin-left:2px} .erp-overview .erp-filter .step{padding:32px 0 77px 0} .erp-overview .erp-filter .a{margin-top:16px} .erp-overview .erp-filter .step.functions .a>ul{display:block} .erp-overview .erp-filter .step.functions .a>ul>li{height:40px} .container.home .overview-table .block.platform{height:136px;padding:8px 8px} .container.home .overview-table .block.platform li{width:50%;float:left} .container.home .overview-table .block.platform li+li{margin-left:0} .container.home .overview-table .block.platform .fa-database{top:0;margin-top:3px} .container.home .overview-table .block.platform .relativeWrap{display:inline-block} .container.home .overview-table .bedrijfsgrootte{height:136px} .container.home .overview-table .bedrijfsgrootte{padding:30px 8px 0 8px} .container.home .overview-table .bedrijfsgrootte .size{width:50%;display:block;float:left;padding:0} .container.home .left-sidebar.show .close_button_times{transform:rotate(45deg) scale(.8);right:8px;top:8px} .erp-overview .consultNew .title h2{font-size:24px;max-width:290px} }