Testcss

// @import url(https://fonts.googleapis.com/css?family=Rokkitt);

#mw-content-text > div.mw-warning-with-logexcerpt.mw-content-ltr {
  display:none !Important;
}
.mw-warning-with-logexcerpt .mw-content-ltr {
  display:none;
}
.sbl-breadcrumb-arrow-left, .sbl-breadcrumb-has-childern {
  display:none;
}

/* Make two lisboxes larger */
.two-listboxes-search {
  width:100%;
}
.ms-container ul.ms-list {
  width:400px;
}

.srf-listwidget-navigation a:last-child {
  display:none !Important;
}
#listwidget-1{
     .container-floud
}
.ns-special .mw-body td.mw-label, .ns-special .mw-body td.mw-input {
    padding: 0;
}
.mw-htmlform-field-HTMLTextField td.mw-input, .mw-htmlform-field-HTMLTextAreaField td.mw-input, .mw-htmlform-field-HTMLSelectField td.mw-input, .mw-htmlform-field-HTMLRadioField td.mw-input, .mw-htmlform-field-HTMLTextField td.mw-label, .mw-htmlform-field-HTMLTextAreaField td.mw-label, .mw-htmlform-field-HTMLSelectField td.mw-label, .mw-htmlform-field-HTMLRadioField td.mw-label {
    padding: .3em !Important;
}

.qf-down {
    position: relative;
    top: 27em;
}
.big-button {
  padding:.7em;
  width:100%;
}

.login-button {
  padding:.1em .3em .1em .3em;
  width: auto;
  height: 1.8em;
}

.panel-alert-ecom-login, .panel-alert-ecom-login a, .panel-alert-ecom-login a:hover, .panel-alert-ecom-login a:visited {
  color: #FFFFFF;
  font-size: smaller;
}

#cite_note-1::before {
  display: initial;
  height: 0;  
  margin: 0;
}
@media screen and (min-width: 760px) {
.visual-in-header {
    font-size:2.2em;
}
}
@media screen and (min-width: 992px) {
.visual-in-header {
    font-size:2.5em;
}
}
@media screen and (min-width: 1200px) {
.visual-in-header {
    font-size:3em;
}
}
.toc.notoc { 
  display: none;
}

.panel-alert-ecom {
  color: #FFFFFF;
  font-size:larger;
}

div.bottom-alert {
    border-top-left-radius: initial;
    border-top-right-radius: initial;
}
div.panel-alert-ecom a, div.panel-alert-ecom a:visited {
  color: #FFFFFF;
}

/** Hide second password and email on registration form (automatically filled) */
#userlogin > table > tbody > tr:nth-child(3) {
    display: none;
}
/** Hide license parts on upload form **/
.mw-htmlform-field-Licenses, .mw-upload-editlicenses {
    display:none;
}
/** Hide Special page text */
#ca-nstab-special {
display:none;
}

/* Add your own event */
/** Footer */

#mw-content-text > div > div > div.col-md-9.col-md-pull-3 > div:nth-child(6) > div:nth-child(2) > center > div > a
color: #ffffff
}

/** Hide SMW Facts */
div.smwfact {
display:none;
}

/** Contactpage */
#mw-content-text > form > fieldset > table > tbody > tr.mw-htmlform-field-HTMLInfoField {
display:none;
}

fieldset {
border: 0px;
margin: 0px;
padding: 0px;
}

legend {
display: none;
}

.formtable td, .formtable th {
  padding:.3em;
}
.navbar {
border-radius: 0px;
}

.p-tb .navbar-nav > li > a {
padding: 10px 15px;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
margin-right: 0px;
margin-left: 0px;
}

@media screen and (min-width: 992px) {
.table-in-three-columns {
    display:inline-table;width:49%;
}
}
@media screen and (min-width: 1200px) {
.table-in-three-columns {
    display:inline-table;width:33%;
}
}

.columns {
    -webkit-column-count: auto; /* Chrome, Safari, Opera */
    -moz-column-count: auto; /* Firefox */
    column-count: auto;
}
@media screen and (min-width: 992px) {
.three-columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
}
@media screen and (min-width: 1200px) {
.three-columns {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
}

@media screen and (min-width: 992px) {
.four-columns {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
}
@media screen and (min-width: 1200px) {
.four-columns {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}
}

#wikiPreview > div.mw-content-ltr > div > div > div {
clear: both;
}

.sidebar-nav {
    padding: 9px 0;
}

/** menu dropdown voorheen uitgecommentarieerd */
@media screen and (min-width: 992px) {
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.nav-tabs > li > a {
   border:1px solid grey;
}
.nav-tabs > li.active > a {
   background-color:#CCC;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
}

/** rest van css */


@media screen and (min-width: 1200px) {
.lifted-column-report {
  position:relative;
  top:-400px;
}
}

.lifted-column-search-reports {
  position:relative;
  top:-141px;
}

.lifted-column-search-experts {
  position:relative;
  top:-103px;
}

#mw-content-text > div.sf-runquery-formcontent > hr {
  border-top:none;
}

#mw-content-text > div > div > div.col-md-9.col-md-pull-3 > div.panel.panel-comments,
.panel.panel-comments {
    -webkit-box-shadow: none;
    box-shadow: none;
} 

.partner-panel {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.ui-widget-header {
background: #ffffff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: #ffffff;
}

#headertabs.large.ui-widget {
border: 0px;
}

.ui-tabs .ui-tabs-panel {
padding: 10px 0px 0px 0px;
}

.ui-tabs .ui-tabs-nav {
border-top: 0px;
border-right: 0px;
border-left: 0px;
border-radius: 0px;
}

/** Rest van css */
.panel-heading-square {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}

#searchform {
margin-top: 8px;
margin-bottom: 8px;
}

/** Search box search symbol to the right */
.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 30px;    
}
.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}

/** Rest of Shoppingtomorrow css */

.hp-kop {
    font-size:1.5em;
    font-weight: 500;
    color:#005F90;
    line-height: 250%;
    margin-top:25px;
}
.hp-top-kop {
    font-size:2.8em;
    color:#FFFFFF;
}
.hp-news-kop {
    font-size:1.3em;
}
.hp-news-date {
    font-size:1em;
    color:#A9A9A9;
}
.hp-top-body {
    font-size:1.5em;
    font-weight:300;
    line-height:160%;
    color:#FFFFFF;
}

.hp-top-body-wrapper {
height:70px;
}

.hp-top-link a {
    padding:10px;
    border:1px solid;
    border-color:#FFFFFF; 
    border-radius:7px;
    font-size:1.5em;
    color:#FFFFFF   !important;
}
.hp-top-link-pijl-wit a {
    background: no-repeat right 10px center url('https://www.shopping2020.nl/images/8/88/Pijl_wit.png') !important;
}
.hp-top-link a:hover {
    background-color:#FFFFFF;
    color:rgb(2, 148, 211) !important;
    text-decoration:none !important;
}
.hp-top-link-pijl-wit a:hover {
    background: #FFFFFF no-repeat right 10px center url('https://www.shopping2020.nl/images/4/4c/Pijl_blauw.png') !important;
}

.rh-kop {
    font-size:1.3;
}
.rh-user-kop {
    font-size:1em;
    font-weight:500;
}
.rh-user-body {
    font-size:.9em;
    line-height: 140%;
}
.hp-ag-mo {
    font-size:3em;
    color:#FFFFFF;
}
.presentation {
  position: relative;
  top: -30px;
}
.presentation .p-contentnavigation {
  display: none;
}
.presentation ul {
  transition:margin-left 0s linear !Important;
  -webkit-transition:margin-left 0s linear !Important;
}

/** This is the smallest font for text in presentation-size slides  */
.ecommerce-slide tbody {
  font-size: 1.3em;
  font-family:Verdana;
}
@media screen and (min-width: 760px) {
.ecommerce-slide tbody {
  font-size: 1.6em;
}
}
@media screen and (min-width: 992px) {
.ecommerce-slide tbody {
  font-size: 2.1em;
}
}
@media screen and (min-width: 1200px) {
.ecommerce-slide tbody {
  font-size: 2.8em;
}
}
@media print {
.ecommerce-slide tbody {
  font-size: 2.8em;
}
}
/** This is the basis font for text in preview-size slides  */
.slide-small tbody {
  font-size: .8em;
}

.ecommerce-slide tbody h1, .slide-small tbody h1 {
  border-bottom:  1px #aaaaaa solid;
  font-size: 1.3em;
  margin-top:0;
  margin-bottom: .8em;
}
.ecommerce-slide tbody ul, .slide-small tbody ul {
  padding-left: 2em;
  color: #666;
  font-size: 1em;
  list-style: circle !Important;
  margin-bottom: .8em;
}
.ecommerce-slide  tbody ul ul, .slide-small  tbody ul ul {
  color: #666;
  font-size: .8em;
}
.ecommerce-slide  tbody p, .slide-small  tbody p {
  margin:0;
}

ul.slidecontrols {
  position: relative;
  float: right;
  top: 30px;
  right: 40px;
  z-index: 1;
}

.newtalk-notifier {
  display: none;
}

#pt-anonuserpage, #pt-anontalk{
  display: none;
}

:target:before {
content:"";
display:block;
height:75px; /* fixed header height*/
margin:-75px 0 0; /* negative fixed header height */
}

.catlinks {display:none};

.rating-voted {display:none};

.mw-body ol {
  padding-left: 0;
  margin: 0;
}
.panel-body {
  padding: 0;
}

/** Affix menu */
.affix {
vertical-align:top;
}

.affix-top{
position:fixed;
}

.affix-bottom{
position:absolute;
}

ol.nav-tabs.affix {
top: 0px;
}

    ol.nav-tabs{
        padding-left: 0px;
        width: 140px;
        margin-top: 10px;
        border: 0;
    }
    ol.nav-tabs li{
        margin: 0;
    }
    ol.nav-tabs li:first-child{
        border-top: none;
    }
    ol.nav-tabs li a{
        margin: 0;
        padding: 8px 16px;
        border-radius: 0;
    }
    ol.nav-tabs li.active a, ol.nav-tabs li.active a:hover{
        font-weight: bold;
    }
    ol.nav-tabs li:first-child a{
    }

    ol.nav-tabs li:last-child a{
    }
    ol.nav-tabs.affix{
        top: 127px; /* Set the top position of pinned element */
    }

li.affix-item {
padding: 3px;
}

.wikiEditor-ui-text textarea {
font-family: monospace;
}

img {
   max-width:100%;
   height: auto;
}

.mw-content-ltr ol {
   margin: 0 0 0 2em;
}
.tableEllipsis {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display:block;
}
.numberWidth {
    display:block;
    width:20px;
    float:left;
    padding-left:10px;
}
html {
	font-size: 1em;
}
html, body {
	font-family: OpenSans, sans-serif;
        font-size:15px;
}
a, a:visited, div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited, #mw-panel.collapsible-nav .portal.collapsed h3 a, div.vectorTabs li a {
    color: #005f90;
}

.table {
    border-spacing: 0px;
    margin-bottom:0;
}

.references {
   font-size:x-small;
   font-weight:normal;
}

#ExtendedLogin td.mw-label, #ExtendedLogin th {
   text-align: left;
   vertical-align: middle;
   width: 140px;
   font-weight: bold;
}

#ExtendedLogin div.prefsectiontip {
   display: none;
}
div#catlinks {
   display: none;
}

div#p-Banner_Nieuwsbrief a {
   display: block;
   height: 150px;
   background-image: url(/images/3/31/Banner_nieuwsbrief_smal.jpg);
}

div#p-Banner_Nieuwsbrief {
   padding-bottom: 10px;
}
.infobox {
   float:right;
}
.tbl-container {
    overflow:hidden;
    postition:relative;
}
.tbl-container > table {
    width:100%;
}
img {
   max-width:100%;
   height: auto;
}
.afbeelding-smal-wrapped {
   float:left;
   padding-bottom:1em;
   margin-right:2em;
}
.afbeelding-smal-clear {
   float:left;
   width:100%;
   padding-bottom:1em;
}
.afbeelding-breed {
   float:left;
   width:100%;
   padding-bottom:1em;
}
.video {
   padding-bottom:1em;
}
.bijschrift-smal-edit {
   width:260px;
   font-size:x-small;
}
.bijschrift-smal-publish {
   width:364px;
   font-size:x-small;
}
.bijschrift-breed {
   font-size:x-small;
}

/*
* Wijzigingen door Pallieter Verhoeven, shopping2020.nl 
*/

.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-primary, .mw-ui-constructive {
  background: #0058ab !Important;
  color: #FFFFFF;
}

.reqDoc a {
width:100%;
background: #0294d3;
color: #fff;
display: block;
padding: .5em 1em;
margin: 0;
border: 0;
vertical-align: middle;
text-align: center;
font-weight: bold;text-shadow: 0 1px rgba(0,0,0,0.1);
-webkit-transition: background .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out;
transition: background .1s ease-in-out,color .1s ease-in-out,box-shadow .1s ease-in-out;
}

.reqDoc a.external:link {
    color: #fff;
}
.reqDoc a.external:hover {
    color: #fff;
}
.reqDoc a.external:visited {
    color: #fff;
}

#mw-createaccount-cta{
position: relative;
top: -185px;
left: 360px;
background: 0 !important;
}

#userlogin input{
width:182px;
}

#sfForm #ExtendedLogin #wpSave { //button
font-size: 1.3em;
margin-right: 10px;
}

/* Styling of table for event programs */
table.programtable {
        border-collapse: collapse;
}
table.programtable > tr > th,
table.programtable > tr > td,
table.programtable > * > tr > th,
table.programtable > * > tr > td {
	border: 1px #0294d3 solid;
	padding: 0.2em;
}

.circle {
  border-radius: 50%;
  display: inline-block;
  margin: 5px 5px 0 5px ;
}
#bannerCircleOpen {
  width: 12px;
  height: 12px;
  border: 1px solid #0294d3;
  background: none;
}
#bannerCircleClosed {
  width: 12px;
  height: 12px;
  border: 1px solid #0294d3;
  background: #0294d3;
}

/* Dropdown-menu for navigation - see MediaWiki system message - override " mw-body ol" */

ul.dropdown-menu > li, .mw-body > ul.dropdown-menu > li {
    padding-left:0px;
    list-style: none;
    list-style-type: none;
}
.kill-mw-body > li, .kill-mw-body ol > li, .kill-mw-body > li > a, .kill-mw-body ol > li > a {
     padding-left:0px;
     margin-left:0px;
}
.kill-mw-body ol > li > a:link {
     padding-left:0px;
     margin-left:0px;
}

.dropdown-menu .kill-mw-body > li > a, .dropdown-menu .kill-mw-body > li, .dropdown-menu .kill-mw-body ol, .dropdown-menu .kill-mw-body ul {
     padding-left:0px;
     margin-left:0px;
}
.navbar.dropdown-menu .kill-mw-body > li > a, 
.navbar.dropdown-menu .kill-mw-body > li, 
.navbar.dropdown-menu .kill-mw-body ol, 
.navbar.dropdown-menu .kill-mw-body ul {
     //padding-left:0px;
     //margin-left:0px;
}

.navbar .dropdown-menu.kill-mw-body > li > a {
     padding:3px 0px;
    padding-left:0px;
}

/* Alternating white/grey background-colours - add to LESS if succesful */
.greyandwhite:nth-child(odd) {
   background-color: #E3E3E3;
}
.greyandwhite:nth-child(even) {
   background-color: #FFF;
}

/* Fixes to be added to Fixes.less */
.verticalEllipsisTwoLines {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    }

iframe.#loginFrame > .client-js > body.mediawiki.ltr.sitedir-ltr.ns--1.ns-special.mw-special-Userlogin.page-Special_UserLogin.layout-wikibaseLayout.skin-chameleon.action-view > .container > .ecommerceHeader.row {
    display: none;
}
.modal-body > .client-js > body.mediawiki.ltr.sitedir-ltr.ns--1.ns-special.mw-special-Userlogin.page-Special_UserLogin.layout-wikibaseLayout.skin-chameleon.action-view > .container > .ecommerceHeader.row {
    display: none;
}

/* Ecommerce=specific adjustments nav-pill */
ul.ecommerce-pill {
   padding-left:0px;
}
li.ecommerce-pill {
    min-width:80px;
    text-align:center;
}

/* 23 aug 2016 */
.caption-large {
  margin-top:0.1em;
  font-style:italic;
  font-size:15px;
}
.image-clear {
   padding-bottom:0em;
}
p {
/   margin: 0px 0px 0px;
}
.mw-body ul {
./    margin: 0px 0px 0px;
}
.h1, h1 {
   font-size:30px;
}
.h2, h2 {
   font-size:24px;
}
.h3, h3 {
   font-size:20px;
}
h3, .h3 {
  margin-bottom:9px;
}
.ecommercepagetools {
   margin-bottom:0px;
   padding-bottom:0px;
}
.btn-fullwidth {
   width:100%;
}

/* Test with ellipsis and hover */
.verticalEllipsisReport {
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 16;
   height: 20em;
}
.verticalEllipsisReport:hover {
   height: auto;
}




/* Read more/less - css pure */

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
}
.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 .5em;
  color: #666;
  font-size: .9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: .25em;
}

/* Tes 2 */
.readmore {
    width: 600px;
    overflow: hidden;
    height: 90px;
}

.btn-pointer {
    cursor: pointer;
    width: 500px;
}

.btn-pointer2 {
    cursor: pointer;
    width: 500px;
}
.btn_text {
    margin-bottom: -10px;
}

/* Links (blue) in article text */
.pops a:link, .pops a:visited, .pops a:hover, .pops a:active, .pop a:focus {
    color:#707070;
}
.pops a.external:link {
    color:#707070;
}
.pops a.external:focus {
    color:#707070;
}
/* Toggle with Js - read more, read less  */
.readmoremore {
    display:block;
    overflow:hidden;
    padding-bottom: 0;
    margin-top:10px;
}


/* Bootstrap classes not included with Chameleon */
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

Fixes.less

/*								*/
/* Navbar						*/
/* Default colors */
.navbar-default {
	background-color:#165bab;
	border-color:#165bab;
}
.country-color-link a, .country-color-link a:visited {
   color: #fff !Important;
   text-decoration: none !Important;
}

.navbar-nav > li > a {
    color: #fff !Important;
}

/*								*/
/* Buttons						*/
/* Default colors */
.btn-ecom-small {
	background-color:#165bab;
	border-color: #165bab;
	color:#fff !IMPORTANT;
}

/*								*/
/* Panels						*/

/* Default colors */
.panel-default {
	border-color: #165bab;
}
.panel-default > .panel-heading {
	background-color: #165bab;
	border-color: #165bab;
}
/*								*/
/* Footer						*/

/* Default settings and colors */
.eCommerceFooter {
	width: 100%;
	background-color: #165bab;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px; 
	padding-left: 5px;
	padding-right: 5px;
	color: white;
}
.eCommerceFooter a, .eCommerceFooter a:visited {
color: #FFFFFF; 
}

.visual-in-header {
    width:100%;
    border: 5px solid #165bab;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align:center;
    padding: .2em .2em 0 .2em;
    color:#165bab;
}