body{font-family:"open sans"; box-sizing: border-box; overflow-x: hidden;}
#landentest, #stedentest, #bezoekersvergtest, #bezoekerslandingpaginastest, #bezoekerspaginastest, #toestelentest, #bezoekerstest, #bezoekersaantallentest, #resulttest, #conversiestotal, #campagnestest {
    display: none;
}
/*zoekwoorden*/
#gekopieerdeTekst p{padding: 0px !important;font-size: 18px !important; margin-bottom:0px !important; background:transparent !important;}
#gekopieerdeTekst{display: grid;
  grid-template-columns: 30% 30% 30%;}
/*morisjs*/
.morris-hover{display: none !important;}
circle{display: none !important;}
.voorblad{background:url('/img/background.png') no-repeat  top;background-size: cover;height: 2695px !important;display: flex;justify-content: center;align-items: center;}
.voorblad h1{background:transparent; color:black;padding:0px; font-size:50px;justify-content: center;}
.voorblad img{max-width: 350px;top: 1140px;position: relative;right: 1383px;}
.header{padding: 50px 100px;display: flex;justify-content: space-between;align-items: center;}
.header img{max-width: 200px;}
#verberg{padding:30px;}
h1{font-size:48px !important; font-weight: 600 !important;text-transform: uppercase;text-align:left;background: #E9CF7C;color: #2D3D8A;display: flex;justify-content: space-between;align-items: center;padding: 20px 40px;}
h2{font-size:40px !important;}
h1 img{max-width: 80px;}
.navigatie{display: flex;gap:10px;margin-top:10px; align-items: center;flex-wrap: wrap;}
button{margin-bottom:20px !important;margin-left:30px !important;width: fit-content;background: #2d3d8a;border: 2px solid #2d3d8a;padding: 10px 25px;color: #fff!important;text-align: center;border-radius: 4px;}
.slider{margin:0;padding: 0;}
#verbergKnop{background:transparent !important;border:0px !important;position: absolute;right: 0;}
#propertynaam{text-align: center;}
.label-container-toe{position: absolute;right: 330px;}
.label-container{position: absolute;left: 357px;}
/*tabel*/
td, th {border: none !important;  padding: 8px;}
tr:nth-child(even){background-color: #f2f2f2;}
tr:hover {background-color: #ddd;}
th {padding-top: 12px;  padding-bottom: 12px;text-align: left;background-color: #2C3E8A;color: white;font-size: 20px;}
table{border: none !important;}
p{font-size:30px;}

ol {counter-reset: item}
ol li {display: block}
ol li:before {content: counters(item, ".") " ";  counter-increment: item}
td{font-size: 20px;}
tspan{font-size:16px;}
#steden{display: grid;grid-template-columns: 59% 39%;gap:30px;}
#landen{display: grid;grid-template-columns: 39% 59%;gap:30px;}
.voorblad, #chart, #chart2, .bezoekerpagina, .toestellen, .bezoekers, .result, #landensteden, #conversiestotal, #zoekwoorden{ }
.normalwidth{padding:80px 80px 80px 80px;}
#bezoekersaantallentekst p, #bezoekersaantallentekstverg p, .bezoekerslandingpaginas p, #campagnestest p, .bezoekerspaginas p, .toestellen p, .bezoekers p, .result p, #landensteden p,  #conversiestotal p, #zoekwoorden p{background:#efefef; padding:30px;}
#area-chart-bezoekers text, #area-chart-toestellen text{display: none !important;}
#area-chart-con{margin-bottom:100px;}
#area-chart-con svg{width: 100%;}
textarea{border:0px !important; background:transparent;}

rect{fill: #2d3d8a !important;}
/*top navigatie*/
.navigatie label{background: #2d3d8a;border: 2px solid #2d3d8a;padding: 8px 20px;color: #fff!important;text-align: center;border-radius: 4px;}
.navigatie label input{margin-right:5px;}
/*voorblad*/
#propertynaam p{margin-top:10px;}
/*
.voorblad img{max-width: 300px !important;}
.property, .periode, .vergperiode{display: flex; gap:5px; align-items: center;margin-bottom:10px;}
.voorblad, #zoekwoorden{border-bottom:1px solid black;padding:50px 50px;height: 100vh;background:#f8f8f8;}
#bezoekersaantallentekst, #bezoekersaantallentekstverg{text-align: left;}
#conversiestotal{display: grid !important; grid-template-areas: "a a" "b c";grid-template-columns: 70% 30% !important; column-gap:80px !important;}
#conversiestotal h1{grid-area: a;}
#conversiestotal .conversiesgrafieken{grid-area: b;}
#conversiestotal .chartimg{grid-area: c;}
#chart, #chart2, #result, #landen, #conversiestotal, .bezoekers, .toestellen, #bezoekerslandingpaginas, #bezoekerspaginas, #steden, #campagnes{border-bottom:1px solid black;padding:50px 50px;height: 1754px;background:#f8f8f8;display: flex;flex-direction: column;width: 100%;  text-align: center;  grid-template-columns: 100%;}
.chartimg{display: grid; gap: 80px;grid-template-columns: 70% 30%;  align-items: center;}
.chartimg img{max-width: 200px;}

.tekst{width: 70%;padding: 10px;font-size:20px !important;text-align: left;}
#conversies table{width: 100% !important;}
#conversies .tekst{width: 100% !important;}

*/