body, html {
	width: 100%;
	height: 100%;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0;
	margin: 0;
}
	
a {	color: #e77300; }

.content{
	padding-top: 30px;
	background-color: #FFFFFF;
}

.breadcrumb{
	border-radius: 0;
}

.form-control:focus {
	border: 1px solid #e57101;
	box-shadow: none;
}

.fa, .fal, .fab, .far, .fas{
	color: #e77300;
}

/* Extra wide content for big screens */
@media(min-width: 1310px){
    .container{ width: 1280px; }
}

.text--orange{
    color: #e77300;
}

a.btn{
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0;
    font-size: 16px;
    padding: 10px 20px;
}

a.btn.btn-sm{
	padding: 6px 15px;
}

a.btn.btn-absolute{
	position: absolute;
}

.btn-orange,
.btn-primary{
    background-color: #e77300;
    border-color: #e77300;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange:active:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover{
    background-color: #c66300;
    border-color: #c66300;
}

.btn.btn-fullwidth {
	width: 100%;
	display: block;
}

a.btn-xs{
	font-size: 12px;
	margin-left: 10px;
	padding: 6px 10px 5px 10px;
}

a.report-btn{
	margin-left: 0;
}

#site { 
	width: 1000px;
	margin: 0 auto;
	position: relative;
	background-color: #FFF;
}
	
#logo {
	position: absolute;
	top: 30px; 
	left: 0;
}
	
#homepage-slider {
	position: absolute;
	top: 210px; 
	left: 0;
	height: 175px;
	width: 1000px;
}
	
#homepage-slider .oneByOne_item {
	position: relative;
}
	
#homepage-slider .slider-counter {
	position: absolute;
	top: 84px;
	left: 20px;
	font-size: 58px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff7300;
}

#homepage-slider .slider-text {
	position: absolute;
	top: 120px;
	left: 34px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}

.slide-1-button1 {
	position: absolute;
	bottom: 30px;
	right: 30px;
}

#homepage-slider .slider-text {
	position: absolute;
	top: 120px;
	left: 34px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
	
.submenu {
	position: absolute;
	top: 10px;
	right: 0; }
	
.submenu li {
	float: left;
	padding: 0 5px 0 0;
	list-style: inside none; }

.submenu li a {
	color: #171717; }
	
.submenu li a:hover {
	color: #e77200; }

.mainmenu {
	height: 67px;
	position: absolute;
	top: 147px;
	left: 0px;
	width: 100%;
	background-image: url('/img/menu_bg.gif');
	background-repeat: repeat-x;
	background-position: bottom left; }

.mainmenu ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0
}

.mainmenu ul a
{
    display:block;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    font-size:14px;
    line-height:32px;
    padding:15px 20px 0 20px;
    float: left;
    height: 47px;
}

.mainmenu ul li
{
    position:relative;
    float:left;
    margin:0;
    padding:0
}


.mainmenu ul ul
{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#3a454b;
    padding:0;
    border-top: 1px solid #9f9f9f;
}

.mainmenu ul ul li
{
    float:none;
}

.mainmenu ul ul a
{
    line-height:120%;
    padding:10px 15px;
    height: auto;
    width:200px;
    font-size: 12px;
}

.mainmenu ul ul a:hover
{
    background-color: #e77200;
}

.mainmenu ul ul ul
{
    top:0;
    left:100%
}

.mainmenu ul li:hover > ul
{
    display:block
}

.mainmenu .search_block {
	float: right;
	margin-top: 16px; }
	
.mainmenu .search_block input {
	background-image: url('/img/form_input_bg.gif');
	background-repeat: repeat-x;
	background-position: top center;
	width: 180px; }
	
.general_content {
	position: absolute;
	top: 385px; 
	left: 0px; 
	background-color: #FFF;
	overflow: hidden; }

.general_content .block-3-rows {

}
	
.block-duurzaam, .block-initiatief {
	width: auto;
	float: left;
	color: #111111;
	height: 220px;
	background-repeat: no-repeat;
	background-position: bottom center; }
	
.block-duurzaam {
	background-image: url('/img/duurzaam_ondernemen.jpg'); }

.block-initiatief {
	background-image: url('/img/initiatief.jpg'); }
	
.h1-style,
h1{
    font-size: 35px;
    font-weight: bold;
	margin-top: 0;
    color: #000000;
	text-transform: uppercase;
}
	
h2{
	font-size: 16px;
	color: #111111;
}
	
h3{
	background-color: orange;
	font-size: 16px;
	color: white;
	font-weight: normal;
	padding-left: 20px;
    line-height: 40px;
}

h3 a {
	color: #FFF;
	font-weight: bold;
	float: right;
	padding-right: 20px; }
	
h3 a:hover {
	color: #F30;
	text-decoration: none;
}
	
.general_content .block-2-rows-right {
	
}

.general_content .image-block {
		margin-top: 50px;
}
	
.general_content .block-2-rows-right .block  {
	width: 646px;
	float: left;
	color: #111111;
	margin: 10px 20px 0 20px;
	overflow: hidden; }
	
.general_content .block-3-rows .block-news, .general_content .block-2-rows-right .block-news  {
	width: 283px;
	float: right;
	color: #111111;
	margin: 10px 10px 0 0px;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 0 0 0 20px; }
	
.general_content .block-2-rows-right .block-news {
	margin: 10px 10px 0 0px;
}
	
.general_content .block-3-rows .block-news, .general_content .block-2-rows-right .block-news  {
	width: 283px;
	float: right;
	color: #111111;
	margin: 10px 10px 0 0px;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 0 0 0 20px; }
	
.block-news ul {
	margin: 0;
	padding: 0; }
	
.block-news li{
	list-style: none;
	margin: 10px 0;
	padding: 0;
	float: left;
	position: relative; }
	
.block-news .image_placeholder{
	width: 80px;
	height: 80px;
	overflow: hidden;
	float: left;
	margin: 0px 10px 0 0; }
	
.block-news .image_placeholder img {
	max-width: none;	
}

.block-news .content {
	float: none;
	width: 100%;
}	
	
.block-news h4 {
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
    margin-top: 0;
}
	
.block-news a {
	text-decoration: none;
	color: inherit; }
	
.read_more_btn {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
	background-color: #e77300;
	color: #fff;
	width: 80px;
	text-align: center;
}

/* Events */

.general_content .block-2-rows-right .block-events-listing   {
	width: 680px;
	float: right;
	color: #111111;
	margin: 10px 20px 0 0;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 0 0 0 20px; }
	
.block-events-sidebar{
	color: #111111;
	margin-top: 10px;
}
	
.block-events-sidebar input[type="text"] {
	width: 85%;
}

.block-events-sidebar ul {
	list-style: outside none;
	padding: 0px;
	margin: 0px; }

.block-events-sidebar li {
	margin: 0 0 5px 0; }

.block-events-sidebar li span {
	padding: 10px;
	color: #666; }
	
.block-events-listing .events-item {
	width: 194px;
	float: left;
	border: 1px solid #EEE;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 10px;
	margin: 5px;
	overflow: hidden; }
	
.block-events-listing .events-item:hover {
	background-color: #EEE; }
	
.block-events-listing .events-item h2 {
	font-size: 12px;
	line-height: 22px;
	color: #111111;
	height: 44px;
	font-family: 'Oxygen', sans-serif; }

.block-events-listing .events-item h2 a {
	color: #111111;
	text-decoration: none; }
	
.block-events-listing .events-item .read-more {
	float: right; }		

.block-events-listing .events-item .image_placeholder {
	width: 194px;
	height: 194px;
	overflow: hidden;
	margin-bottom: 10px; }
	
.photo > img{
	display: block;
    margin: 0 auto 10px auto;
}

.block-event-information {
    margin-bottom: 10px;
}

.block-event-register {
	margin-top: 35px;
}
	
/* Profile view */

.block-profile-information {
	color: #1e1e1e;
	margin: 10px 0 0 0;
}
	
.profile-content {
	width: 273px;
	float: left;
	padding: 10px 0 0 20px; }	
	
/* Survey listing */

.block-survey-sidebar   {
	background-color: #f8f8f8;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 0 20px 20px 20px;
	width: 223px;
	float: left;
	color: #111111;
	margin: 10px 0 0 0px;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 0 20px 0 20px; }
	
.general_content .block-2-rows-right .block-survey-listing {
	float: right; }

.general_content .single-row {
	float: left;
	clear: both;
	width: 1000px; }

.general_content .block-2-rows-right .block-news  {
	width: 293px;
	float: right;
	clear: right;
	color: #111111;
	margin: 10px 0 20px 0;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding: 0 0 0 20px; }
	
.general_content .block-2-rows-right .block-news ul {
	margin: 0;
	padding: 0; }
	
.general_content .block-2-rows-right .block-news li{	
	list-style: none;
	float: left; }

.block-agenda li {
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
}

.event-listing{
    padding: 0;
}

.event-listing li:first-child{
    margin-left: 0;
}

.event-listing li a:hover{
    text-decoration: none;
}

.block-agenda .content {
	padding: 10px 0 0 0;
	margin: 0;
}
	
.block-agenda .date {
	color: #e77300;
}
			
.block-agenda .content h2 a {
	color: #333;
	text-decoration: none;
}

.block-agenda .content h2 {
	color: black;
	font-weight: normal;
	margin-top: 0;
	font-size: 15px;
	line-height: 17px;
}

.block-agenda .image_placeholder {
	height: 175px;
	overflow: hidden;
}


.block-agenda a.button {
	float: right;
}

.block-agenda li.third-hidden{
    display: block;
}

.block-footer {
	width: 1000px !important;	
}

.block-footer h1{
	margin-top: 80px;
	color: white !important;
	font-size: 15px !important;
	font-family: Oxygen;
	padding-left: 20px !important;
	font-weight: normal !important; 
	background-color: #b5b5b5;
}

.block-footer a {
    color: #e77300;
}

#partners_listing{
	margin: 20px 0 0 0;
	padding: 0 0 100px 0;
	float: left;
	display: inline;
	list-decoration: none;
}

#partners_listing li{
	display: inline;
	overflow: hidden;
	float: left;
	width: 250px !important;
}

#partners_listing:first-child {
	margin-left: 0px !important;
}

.jcarousel-container {
	overflow: hidden;
	padding-bottom: 50px;
}

.jcarousel-clip{
	overflow: hidden;
}

.block-news-listing .photo {
	overflow: hidden;
	width: 245px;
	margin: 0 20px 20px 0;
	float: left; }

.block-news-listing .photo img {
	border: 1px solid #dededd;
	margin-bottom: 20px;
}

.block-news-listing .newsitem-content {
	width: 380px;
	float: left;
}
.block-user-menu {
    background-color: #f8f8f8;
    border-radius: 6px;
    padding: 20px;
    color: #111111;
}
	
.block-user-menu .user-menu {
	list-style: inside none;
	padding: 0;
	margin: 0; }
		
	
.block-user-menu .user-menu li {
	margin: 0 0 10px 0;
	padding: 5px 0 5px 10px;
	list-style: inside none;
	color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #CCC;
	background-image: linear-gradient(to bottom, #fd9200, #e57101); }
	
.block-user-menu .user-menu li:hover {
	background-image: none;
	background-color: #e57101; }

.block-user-menu a {	
	color: #fff;
	font-size: 14px;
	text-decoration: none; }
	
.alert-info a {
	color: #005080; }
	
table.dataTable tr.changed{
	background-color: #fbb85a !important;
}

table.dataTable tr.changed td{
	background-color: #fbb85a !important;
}

table.dataTable tr.removed{
	background-color: #f07575 !important;
}

table.dataTable tr.removed td{
	background-color: #f07575 !important;
}

table.dataTable a{
	color: black;
}

.blog-item {
    clear: both;
}

.block-blog-listing {
    color: #111111;
}
.blog-item .image_placeholder {
    overflow: hidden;
    float: left;
    width: 127px;
    margin-bottom: 10px;
}

.blog-item .blog-info {
    font-size: 11px;
}

.blog-item .blog-info a {
    color: #111111;
    text-decoration: none;
}

.block-blog-listing .image_placeholder img {
    border: 1px solid #d1d1d1;
    width: 125px;
    height: 125px;
}
.blogitem-content {
    float: left;
    width: 100%;
}
.block-blog-listing span {
    float: left;
    color: #999999;
}

.blog-item h2 { margin: 0px; padding: 0px; }


.comments .media-heading {
    margin-top: 25px;
}

.comments .comment-info {
    margin-left: 6px;
    margin-top: 25px;
}

.comments .comment-info .btn {
    font-size: 0.8em;
}

.comments .comment-info .fa {
    line-height: 10px;
}

.comments .media-body p {
    position: relative;
    background: #F7F7F7;
    padding: 15px;
    margin-top: 50px;
}

.comments .media-body p::before {
    background-color: #F7F7F7;
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    content: "\00a0";
    display: block;
    height: 30px;
    left: 20px;
    position: absolute;
    top: -13px;
    transform: rotate( 135deg );
    width:  30px;
}

.white {
    color: #fff;
}
.newsitem-content h4 { font-weight: normal; font-size: 16px; color: #444; }

.thumbs { margin-bottom: 20px; }
.thumbs a {
    border: 1px solid #dededd; margin: 0 5px 0 0;
}

.thumbs a img {
    margin: 0px !important;
}

.thumbs a:last-child {
    margin: 0px;
}

/* MVO Scan / Survey styles */

.general_content .block-2-rows-right .block.block-survey-group{
	width: 640px;
}

.next-btn-mvo{
	float: right;
	padding: 13px 40px;
	border: none;
	border-radius: 0;
}

.prev-btn-mvo{
	float: left;
	padding: 13px 40px;
	border: none;
	border-radius: 0;
}

#survey_group textarea{
	 margin: 20px 0 35px 0;
	 border-radius: 0;
 }

#survey_group textarea:focus{
	border: 1px solid #000;
	box-shadow: none;
}

.answers{
    text-align: center;
}

.answers input[type="radio"]{
	display: none;
}

.answers label{
	display: block;
	font-size: 17px;
	padding-top: 25px;
}

.answers label:before{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto 10px;
	background: url('../img/radio-mvo.png') 0 0 no-repeat;
}

.answers input[type=radio]:checked + label:before{
	background: url('../img/radio-mvo.png') 0 -20px no-repeat;
}

.block-mvo .nav li.active a{
	background-color: #808080;
	color: #FFF;
}

.block-mvo .nav li.active a:hover{
	background-color: #808080;
	color: #FFF;
}

.block-mvo .nav li a{
	color: #000;
}

.block-mvo .nav li:hover a{
	color: #000;
	background: none;
}

/*
.ppp{
	width: 275px;
	height: 275px;
	background: url('../img/PPP-sprite.png') 0 0 no-repeat;
}

.ppp.ppp-people{
	background-position: 0 -275px;
}
.ppp.ppp-planet{
	background-position: 0 -550px;
}
.ppp.ppp-profit{
	background-position: 0 -825px;
} */

.ppp{
    width: 20%;
    height: 0;
    padding: 38%;
    margin-top: 15px;
    background: url('../img/PPP-sprite.png') 0 0 no-repeat;
    background-size: 100%;
}

.ppp.ppp-people{
    background-position: 0 33.3%;
}

.ppp.ppp-planet{
    background-position: 0 66.6%;
}

.ppp.ppp-profit{
    background-position: 0 100%;
}

#next_btn:hover, #next_btn:focus, #next_btn:active, #next_btn.active, #next_btn.disabled, #next_btn[disabled]{
	background-image: linear-gradient(to bottom, #fd9200, #e57101);
	background-color: #e57101;
}

#answerbox .well{
	margin-top: 10px;
	margin-bottom: 0;
}

#answerbox .progress{
	margin-bottom: 10px;
}

#answerbox p{
	margin-bottom: 0;
}


#answerbox .question{
	cursor: pointer;
}

#answerbox .question-incomplete{
	background-color: #EDEFED;
}

#answerbox .question .answer{
	display: none;
}

.results-categories{
	margin-bottom: 20px;
}

.results-categories .category,
.results-ppp .ppp-property{
	background-color: #edefed;
	color: #111;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.results-ppp .ppp-property{
	margin-top: 20px;
	margin-bottom: 0;
}
.progress-grey .bar {
    background-color: #111;
}

.site-switcher-container{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,dfdfdf+100 */
    background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(top,  #f3f3f3 0%, #dfdfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f3f3f3 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f3f3f3 0%,#dfdfdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f3f3f3 0%,#dfdfdf 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f3f3f3 0%,#dfdfdf 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-9 */

    border-bottom: 1px solid #c3c3c3;

    /* background: url('/img/sites/sites-background.jpg') 0 0 repeat-x; */
}

.site-switcher-container .container .row .site{
    border-right: 1px solid #e5e5e5;
}

.site-switcher-container .container .row .site:last-child{
    border-right: 0;
}

.site-switcher-container .site:hover{
    background-color: #e4e4e4;
}

.newsite-container{
    display: block;
    position: relative;
    background-image: url(/img/bg.gif);
    background-repeat: repeat-x;
    width: 100%;
    height: 100%;
}

.block-duurzaam {
    position: relative;
}

.block-initiatief {
    position: relative;
}

/** my carousel 2 **/

#my-carousel-2 ul li {
    margin:0 10px 0 0;

}

.carousel{
    width: 100%;
    height: 80px;
    overflow: hidden;
}

.carousel ul {
    position:absolute;
    overflow:hidden;
    margin:0;
    padding:0;
    list-style:none;
}

.carousel ul li {
    float: left;
    width: 220px;
    height: 80px;
    text-align:center;
    margin:0;
}

.carousel ul li img{
    display: block;
}

/**
New styling
**/

html, body{
    background: none;
    color: #111111;
}

label{
    font-weight: normal;
    font-size: 14px;
}

.body-container{
    background: url('../img/duurzameleverancier-honeycomb-background-light.jpg') 0 -11px repeat;
}

.content .row{
    background-color: #FFFFFF;
}

.btn-inverse{
    background: #363636;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #222222;
    color: #ffffff;
}

.block-user-menu h1{
	font-size: 20px;
}

.header-links{
    text-align: right;
    padding: 10px 10px 0 0;
}

.header-links a{
    color: #171717;
    display: inline-block;
    padding-left: 5px;
}

.header-links a:hover{
    color: #e77300;
}

.navbar-default{
    background-color: #FFFFFF;
    margin-bottom: 0;
    border-radius: 0;
    border: none;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color: #FFFFFF;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
    background-color: #ecedec;
}

.navbar-default .dropdown-menu{
    background-color: #FFFFFF;
    padding: 5px 0;
    border-radius: 0;
    border: 0;
    border-top: 3px solid #e7e7e7;
}

.navbar-default .dropdown-menu > li > a{
    color: #000000;
    font-weight: 400;
    font-size: 12px;
    line-height: 2;
}

.navbar-default .dropdown-menu > li.active > a{
    background-color: #FFFFFF;
    color: #e77200;
}

.navbar-default .navbar-nav > li > a{
    font-weight: 400;
    font-size: 14px;
    color: #000000;
}

.navbar-default .navbar-nav .open .dropdown-menu > li.active > a{
    color: #e77200;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
    background-color: #FFFFFF;
    color: #e77200;
}

.navbar-default .navbar-nav > li > a:focus{
    color: #e77200;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
    background-color: #FFFFFF;
    color: #e77200;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .dropdown.open > a{
    background-color: #FFFFFF;
    color: #e77200;
}

.navbar-default .navbar-nav > .dropdown.open.menuitem--account > a{
	background-color: #e77200;
	color: #FFFFFF;
}

.navbar-form{
    margin: 8px 0;
}
.navbar-form .form-group{
    width: 82%;
    display: inline-block;
    float: left;
}

.navbar-form button{
    display: inline-block;
    float: left;
    margin-left: -8px;
}

.row.full-width .col-xs-12{
    padding: 0;
}

.main-image{
    margin-bottom: 20px;
    display: none;
}

.main-image .company-text{
    position: absolute;
    top: 35px;
    left: 50px;
}

.company-text p{
    color: #FFFFFF;
    font-size: 20px;
}
.company-text span.company-count{
    display: inline-block;
    margin-left: -15px;
    font-size: 58px;
    line-height: 22px;
    color: #e77300;
    font-weight: bold;
}

.h1-style,
.sidebar h3{
    background-color: transparent;
    padding-left: 0;
    margin-top: 0;
}

.block-login{
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 5px;
}

.block-news{
    padding-left: 0;
    margin-top: 20px;
}

.footer-links{
    text-align: center;
    margin-top: 20px;
}

.input-horizontal label,
.input-horizontal input,
.input-horizontal button{
    float: none;
}

.input-horizontal input{
    width: 100%;
    margin-bottom: 10px;
}

.block-news .content{
    float: left;
    width: 165px;
}

.partners h3{
    font-size: 15px;
    line-height: 40px;
    background-color: #b5b5b5;
}

.duurzaam-initiatief-container .col-xs-6,
.duurzaam-initiatief-container .col-xs-6{
    width: 100%;
}

.twitter-button{
    float: right;
    padding-top: 5px;
    padding-right: 20px;
}

.tweet-image,
.tweet-text{
    float: left;
}

.tweet-image{
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.tweet-text{
    width: 80%;
}

ul.pagination > li > a,
ul.pagination > li > span{
    color: #e77300;
    border-color: #dddddd;
}

ul.pagination > .active > a,
ul.pagination > .active > span{
    color: #999999;
    border-color: #dddddd;
    cursor: default;
}

ul.pagination > li > a:hover,
ul.pagination > li > a:focus,
ul.pagination > .active > a,
ul.pagination > .active > span{
    background-color: #f5f5f5;
}

.pagination > .active >a,
.pagination > .active >span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
    color: #999999;
    border-color: #dddddd;
    background-color: #f5f5f5;
}

.sidebar h3 a{
    color: #111111;
    padding-right: 0;
}

.sidebar-filters{
    display: none;
}

.toggle-filter{
    display: block;
}

.sidebar{
    margin-top: 20px;
}

.archive a{
    display: block;
    margin: 0 auto;
	font-size: 14px;
}

.block-events-listing .events-item{
    width: 214px;
}

.radio, .checkbox{
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
}

.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"]{
    position: relative;
    margin-left: 0;
}

.add_rule{
    display: inline-block;
    width: 220px;
}

.form-actions {
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 19px 20px 20px;
}

.form-actions::before,
.form-actions::after{
    content: "";
    display: block;
    clear: both;
}

.dataTables_wrapper select,
.dataTables_wrapper input{
    height: 34px;
    padding: 6px 12px;
    line-height: 1.4;
    font-size: 14px;
    background-color: #FFF;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.single-blog{
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 4px;
}

.modal-dialog{
    background-color: #FFF;
}

.answer-block{
    float: left;
    width: 125px;
}

a > span.glyphicon{
    color: #111111;
    font-size: 14px;
}

a > span.glyphicon:hover{
    text-decoration: none;
}

a.btn > span.glyphicon{
    color: #FFFFFF;
}

a.btn-default > span.glyphicon{
    color: #000000;
}

#file_listing{
    margin: 10px 0;
}

#file_listing li a{
    background-color: #eee;
    color: #111;
}

.news-item{
    margin-bottom: 15px;
}

.news_listing .preview{
    float: left;
    width: 100%;
    margin-top: 5px;
    padding-bottom: 10px;
    display: none;
}

.header-account{
    position: relative;
    list-style: none;
    margin: 10px 10px 0 0;
    z-index: 9;
    width: 100%;
}

.header-account > li{
    padding: 10px 15px;
    background-color: #e77200;
    color: #FFFFFF;
    font-weight: bold;
    width: 102px;
    float: right;
}

.header-account > li:hover{
}

.header-account > li:hover > ul{
    display: block;
    width: auto;
    padding: 0;
}

.header-account ul.header-account-submenu{
    display: none;
    position: absolute;
    right: 0;
    top: 37px;
    list-style: none;
}

ul.header-account-submenu li{
    background-color: #e77200;
    padding: 10px 15px;
    font-weight: normal;
}

ul.header-account-submenu li:hover{
    background-color: #3a454b;
}

ul.header-account-submenu a li{
    color: #FFFFFF;
}

ul.header-account-submenu a:hover{
    text-decoration: none;
}

ul.header-account-submenu a li span.glyphicon{
    color: #FFFFFF;
}

.navbar-nav > li > a{
    padding-top: 21px;
    padding-bottom: 21px;
}

.navbar-form{
    margin: 14px 0;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    border-bottom: 0;
    box-shadow: none;
}

.ui-sortable-handle{
    cursor: move;
}

.addnew-popup{
    display: none;
    position: absolute;
    width: 97%;
    padding: 20px;
    border: 1px solid #7D7D7D;
    border-radius: 5px;
    background-color: #FFFFFF;
    z-index: 4;
}

.addnew-popup h2{
    margin-top: 0;
}

.dataTables_filter input{
    width: 200px !important;
}

/* Fix for huge gap in col-xs */

@media(min-width: 575px) and (max-width: 767px){
    .news-content .col-sm-4{
        width: 33.33333%;
    }
    .news-content .col-sm-8{
        width: 66%;
    }

    .news_listing .content{
        width: 400px;
    }
}

@media(min-width: 495px){
    .main-image{
        display: block;
    }
    .block-news li{
        width: 100%;
    }

    .duurzaam-initiatief-container .col-xs-6,
    .duurzaam-initiatief-container .col-xs-6{
        width: 50%;
    }

    .block-agenda li{
        width: 46%;
        margin-left: 30px;
    }

    .block-agenda li.third-hidden{
        display: none;
    }

    .sidebar{
        margin: 0;
    }

    .block-events-listing .events-item{
        width: 205px;
    }

    .blogitem-content{
        width: 69%;
        margin-left: 10px;
    }
    .answer-block{
        width: 150px;
    }
}

@media (min-width: 767px){
    .content .row.full-width{
        background-color: transparent;
    }

    .row.full-width .col-xs-12{
        padding: 0 15px;
    }
    .header-links a{
        display: block;
    }
    .navbar-collapse{
        padding: 0;
    }
    .navbar-form{
        position: relative;
    }
    .navbar-form .form-group{
        width: auto;
    }
    .navbar-form .form-group .form-control{
        display: none;
        position: absolute;
        top: 0;
        left: -157px;
    }
    .navbar-form button{
        margin-top: 0;
    }

    .block-news{
        padding-left: 20px;
    }

    .block-news .content {
        float: left;
        width: 400px;
    }
    .carousel ul li{
        width: 230px;
    }

    .block-agenda li{
        width: 218px;
        margin-left: 30px;
    }

    .block-agenda li.third-hidden{
        display: inline-block;
    }

    .sidebar-filters .search-block button{
        margin-left: -5px;
    }

    .sidebar-filters{
        display: block;
    }

    .toggle-filter{
        display: none;
    }

    .block-events-listing .events-item{
        width: 225px;
    }

    .blogitem-content{
        width: 320px;
    }

    .news_listing .preview{
        display: block;
    }
}

@media (min-width: 1000px) {

    .header-links a{
        display: inline-block;
    }
    .navbar-form .form-group .form-control{
        display: block;
        position: relative;
        left: 0;
    }

    .main-image .company-text{
        top: 80px;
        left: 65px;
    }
    .input-horizontal label,
    .input-horizontal input,
    .input-horizontal button{
        float: left;
    }

    .input-horizontal input{
        width: 71%;
        margin-right: 10px;
    }

    .block-news .content {
        width: 180px;
    }

    .carousel ul li{
        width: 225px;
    }

    .block-agenda li{
        width: 278px;
        margin-left: 50px;
    }

    .tweet-text{
        width: 70%;
    }

    .block-events-listing .events-item{
        width: 222px;
    }

    .blogitem-content{
        width: 550px;
    }

    .news_listing .preview{
        display: none;
    }

    .navbar-form .form-group{
        float: none;
    }

    .navbar-form button{
        float: none;
    }
}

@media (min-width: 1200px){
    .input-horizontal input{
        width: 77%;;
    }
    .block-news .content {
        width: 250px;
    }
    .carousel ul li{
        width: 200px;
    }

    .block-agenda li{
        width: 344px;
    }

    .block-events-listing .events-item{
        width: 200px;
    }
    .block-events-listing .events-item .image_placeholder{
        width: 174px;
        height: 174px;
    }

    .blogitem-content{
        width: 700px;
    }
}

/** NEW STYLING **/
.tool-container{
	display: flex;
	flex-wrap: wrap;
    margin-top: 9px;
}

.tool-container .dtool-item{
	width: 25%;
	padding: 0 20px 10px 0;
}

.dtool-item:hover .dtool-item__image {
	opacity: 1;
}

.dtool-item__image{
    height: 60px;
	opacity: 0.7;
	margin: 30px 0;
}

.dtool-item__image img{
    display: block;
    margin: 0 auto;
    max-height: 60px;
}

.dtool-item__title,
.dtool-item__title h5{
	display: block;
	font-size: 16px;
	line-height: 17px;
	font-weight: bold;
	margin: 0;
}

.dtool-item__title{
	margin: 10px 0;
	height: 34px;
	overflow: hidden;
}

.dtool-item__category{
	font-size: 13px;
	color: #FFFFFF;
	background-color: #a3a3a3;
	display: block;
	padding: 3px 7px;
}

.dtool-item__stats{
	color: #777777;
	margin: 10px 0 5px 0;
}

.filter__title{
	text-transform: uppercase;
	color: #e77200;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.filter__users{
	display: flex;
	flex-wrap: nowrap;
}

#userSlider,
#viewSlider{
	flex: 1;
	width: auto;
	margin-top: 3px;
	border-radius: 0;
	border: 0;
	height: 11px;
	background: #e7e7e7;
}

.filter-users__left,
.filter-users__right{
	width: 20px;
	font-weight: bold
}

.filter-users__left{
	margin-right: 2px;
}

.filter-users__right {
	margin-left: 15px;
}

.filter__users .ui-state-default,
.filter__users .ui-widget-content .ui-state-default,
.filter__users .ui-widget-header .ui-state-default{
	background: url('../img/duurzameleverancier-honeycomb-active.png') no-repeat 0 0 / contain;
	border: 0;
	width: 21px;
	height: 21px;
	text-align: center;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 18px;
}

.ui-widget-header{
	background: #c05f00;
}

.widget__content .tool-rating span{
	font-size: 13px;
}

select#category_id,
.sidebar-filters .search-block{
	margin-bottom: 15px;
}

.form-control{
	border-radius: 0;
	box-shadow: none;
}

.btn{
	border-radius: 0;
}

.sidebar-filters .search-block{
	position: relative;
}

.sidebar-filters .search-block input{
	width: 100%;
	float: none;
}

.sidebar-filters .search-block button{
	border-left: 0;
	position: absolute;
	top: 0;
	right: 0;
}

ul.filter__rating{
	list-style: none;
	padding-left: 0;
}

ul.filter__rating li{
	display: inline-block;
}

.filter__rating label{
	cursor: pointer;
}

.glyphicon-star{
	color: #e77200;
}
.glyphicon-star-empty{
	color: #ecedec;
}

.filter__rating input[type="radio"]{
	display: none;
}

.tool-rating span,
.filter__rating li span{
	padding: 0;
	font-size: 16px;
}

.filter__rating li span{
	font-size: 25px;
}

.filter__rating .btn-default{
	font-size: 12px;
	padding: 6px 8px 5px;
}

.content__row{
    display: flex;
    align-items: center;
}

.row__image{
    width: 100px;
    height: 100px;
    margin-right: 15px;
}

.navbar-default .navbar-nav > li.menuitem--veiligeleverancier > a{
	color: red;
}

.navbar-default .navbar-nav li.menuitem--dtool > a{
    font-family: 'Oranienbaum', serif;
    color: #007200;
    font-size: 15px;
	line-height: 24px;
}

.navbar-default .navbar-nav > li.menuitem--dtool.active > a{
    color: #e77200;
}

.navbar-default .navbar-nav > li.menuitem--account > a{
    color: #FFFFFF;
    background-color: #e57101;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color: #e57101;
}

.header__container{
    background-color: #FFFFFF;
}

.header-logo{
    padding-bottom: 10px;
    margin-top: 10px;
    max-width: 300px;
}

.navbar-default{
    margin-top: 20px;
}

.navbar-nav > li > a{
    padding: 26px 12px 25px 12px;
}

.header__topbar{
    height: 54px;
    border-bottom: 1px solid #f7f7f7;
}

.header__tagline{
    line-height: 54px;
    margin: 0;
    color: #777777;
}

.header__search{
    float: right;
    width: 43%;
}

.header__search .navbar-form{
    margin-top: 8px;
    padding-right: 0;
}

.header__search .form-control{
    border-radius: 0;
    border-right: 0;
    box-shadow: none;
}

.header__search .btn-default{
    border-radius: 0;
}

.topheader__right:after{
    content: '';
    display: block;
    clear: both;
}

.header__siteswitcher{
    float: left;
    text-align: right;
    width: 56%;
    margin-top: 6px;
}

.siteswitcher__item{
    display: inline-block;
    position: relative;
	width: 48px;
	height: 40px;
	background: url('../img/duurzameleverancier-honeycomb-inactive.png') no-repeat 0 0 / contain;
}

.siteswitcher__item--active{
	background: url('../img/duurzameleverancier-honeycomb-big.png') no-repeat 0 0 / contain;
}

.item__name{
	display: none;
}

.item__icon{
    position: absolute;
    top: 6px;
    left: 7px;
}

.siteswitcher__item--veiligeleverancier .item__icon{
    top: 4px;
}

.vertical-align-content{
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mainimage{
	position: relative;
}

.mainimage--fullwidth{
    overflow: hidden;
    max-height: 240px;
}

.mainimage--colorbar{
	padding: 5px 0;
	background-color: #e57101;
}

.mainimage--fullwidth img{
    width: 100%;
    display: block;
    margin: 0 auto;
}

.mainimage__title {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.homepage__introblock{
    padding: 65px 0;
}

.introblock__counter{
    text-align: left;
}

.row.row-flexbox{
	display: flex;
	flex-wrap: wrap;
}

.row.row-flexbox:before,
.row.row-flexbox:after{
	display: none;
}

.counter__amount{
    font-size: 70px;
    line-height: 65px;
    color: #e77200;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.counter__text,
.counter__text2{
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.counter__text2{
	font-size: 24px;
}

.mainimage .btn-fullwidth{
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.introblock__introtext{
    font-size: 16px;
    text-align: left;
    margin: 0 30px 0 0;
}

.introblock__calltoactions{
    margin-top: 80px;
}

.introblock__calltoactions-banners{
	margin-top: -65px;
}

.calltoactions__cta-item{
	display: block;
    position: relative;
    padding: 15px 15px 30px 15px;
    background-color: #e57101;
	margin-bottom: 30px;
}

.calltoactions__cta-item.calltoactions__cta-item--veiligheid{
	background-color: red;
}

.calltoactions__cta-item.calltoactions__cta-item--veiligheid .cta-item__text{
	color: #FFFFFF;
}

.calltoactions__cta-item.calltoactions__cta-item--veiligheid .cta-item__icon .fal{
	color: red;
}

.calltoactions__cta-item.calltoactions__cta-item--veiligheid .hovertext__title{
	color: red;
}

.calltoactions__cta-item:hover{
	text-decoration: none;
}

.cta-item__icon{
    display: block;
    margin: 0 auto;
    width: 95px;
    height: 109px;
    background: url('../img/duurzameleverancier-hexagon.png') no-repeat;
	text-align: center;
}

.cta-item__icon img{
    display: block;
    margin: 0 auto;
    padding-top: 20px;
}

.cta-item__icon .fal{
	text-align: center;
	font-size: 67px;
	margin-top: 22px;
}

.cta-item__text{
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    margin-top: 20px;
	overflow-wrap: break-word;
}

.cta-item__hovertext{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 25px;
    background-color: #FFFFFF;
    -webkit-transition: opacity 500ms ease-in-out;
    -moz-transition: opacity 500ms ease-in-out;
    -o-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
}

.calltoactions__cta-item:hover .cta-item__hovertext{
    opacity: 1;
}

.hovertext__title{
    font-weight: bold;
    font-size: 14px;
    color: #e77200;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.hovertext__content{
    font-size: 14px;
    color: #777777;
    text-align: left;
}

.homepage__slogan{
    background: url('../img/slogan-placeholder.jpg') center top / cover no-repeat;
    padding: 100px 0 85px 0;
    color: #FFFFFF;
    text-align: center;
}

.slogan__header{
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
	overflow-wrap: break-word;
}

.slogan__subheader{
    font-size: 20px;
    margin-top: 5px;
}

.slogan__text{
    font-size: 20px;
    margin-top: 5px;
}

.slogan__btn{
    margin-top: 30px;
}

.homepage__lastadded{
    padding: 70px 0 50px 0;
	background-color: #FFFFFF;
}

.title--withbar{
    font-size: 16px;
}

.title--withbar:after{
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    margin: 4px 0 20px 0;
    background-color: #e77200;
}

.lastadded__tabs .nav-tabs{
    border: none;
}

.lastadded__tabs .nav-tabs>li>a{
    border-radius: 0;
    color: #000000;
    background-color: #f7f7f7;
    margin-right: 0;
    border: none;
    font-size: 16px;
}

.lastadded__tabs .nav-tabs>li>a:hover{
    border: none;
	color: #FFFFFF;
	background-color: #e77200;
}

.lastadded__tabs .nav-tabs>li.active>a,
.lastadded__tabs .nav-tabs>li.active>a:hover,
.lastadded__tabs .nav-tabs>li.active>a:focus{
    border: none;
    color: #FFFFFF;
    border-radius: 0;
    background-color: #e77200;
}

.tabcontent{
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.tabcontent__icon{
	display: flex;
    width: 66px;
    height: 75px;
    margin-right: 30px;
    background: url('../img/duurzameleverancier-hexagon-gray.png') no-repeat 0 0 / contain;
	justify-content: center;
	align-items: center;
}

.tabcontent__icon .fa-fw{
	display: block;
	font-size: 31px;
}

.tabcontent__content{
    width: auto;
    flex: 1;
}

.tabcontent__content .top-link{
    font-size: 16px;
    display: block;
}

.tabcontent__content .middle-text{
    font-size: 13px;
    display: block;
    text-transform: uppercase;
    margin: 3px 0;
    color: #1e1e1e;
}

.tabcontent__content .bottom-text{
    color: #777777;
    font-size: 14px;
}

.recentmember{
	position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.recentmember__image{
    width: 69px;
    height: 60px;
    margin-right: 30px;
	text-align: center;
}

.recentmember__image .fal{
	font-size: 45px;
	margin-top: 8px;
}

.recentmember__content{
    display: flex;
    align-items: center;
    width: auto;
    flex: 1;
}

.recentmember__name,
.recentmember__name a{
    font-size: 14px;
    color: #1e1e1e;
}

.recentmember__date{
    font-size: 14px;
    color: #777777;
    margin-top: 6px;
}

.homepage__blog{
	position: relative;
    padding: 25px 0 50px 0;
    background-color: #efefef;
	margin-bottom: 0;
}

.homepageblog__heading{
    text-align: center;
}

.homepageblog__content{
    margin-top: 30px;
}

.homepageblog__content a.btn{
	background-color: transparent;
}

.blog__image{
    height: 250px;
    background-color: #f5f5f5;
	overflow: hidden;
}

.blog__image img{
    display: block;
    margin: 0 auto;
}

.blog__title{
    margin: 25px 0 10px 0;
    font-size: 20px;
    color: #e77200;
}

.blog__author{
    font-style: italic;
    color: #c4c4c4;
    font-size: 13px;
}

.blog__intro{
    margin: 10px 0 20px 0;
    color: #777777;
}

.blog__date{
	position: absolute;
	width: 69px;
	height: 60px;
	top: 15px;
	left: 30px;
	background: url('../img/duurzameleverancier-honeycomb-big.png') no-repeat 0 0 / contain;
	text-align: center;
	color: #FFFFFF;
	font-size: 30px;
	line-height: 20px;
	padding-top: 10px;
}

.blog__date strong{
	font-size: 18px;
	text-transform: uppercase;
}

.blog__dateinline{
	display: inline-block;
	color: #c4c4c4;
}

.recentnews{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d7d7d7;
}

.newsitem__date{
	position: absolute;
	top: -3px;
	right: 0;
	color: #1e1e1e;
	font-size: 13px;
}

.recentnews__item{
	flex: 1;
	width: auto;
}

.recentnews__name{
	padding-right: 90px;
	margin-bottom: 5px;
}

.recentnews__name a{
	color: #1e1e1e;
	font-size: 13px;
	line-height: 14px;
	text-transform: uppercase;
}

.recentnews__image{
	width: 70px;
	height: 70px;
	margin-right: 30px;
}

.recentnews__image img{
	max-height: 70px;
}

.recentnews__intro{
	color: #777777;
}

.homepage__agenda{
	margin-bottom: 50px;
}

.agenda__content{
	margin-top: 30px;
}

.agendaitem__image{
	height: 250px;
	background-color: #FFFFFF;
	overflow: hidden;
}

.agendaitem__image img{
	display: block;
	margin: 0 auto;
}

.agendaitem__title{
	font-size: 20px;
	margin-top: 30px;
}

.agendaitem__date{
	margin: 15px 0 20px 0;
	font-size: 14px;
	color: #777777;
}

.footer{
	padding-top: 50px;
	background-color: #FFFFFF;
}

.partners .slogan__header{
	margin-bottom: 30px;
}

.footer-links{
	margin-top: 15px;
}

.footer-links,
.footer-links a{
	color: #777777;
}

/**
 * Blog styling
 */
#tagcloud a{
	display: inline-block;
	padding: 5px 10px;
	background-color: #e77300;
	margin: 0 5px 5px 0;
	color: #FFFFFF;
}

.blogcontainer{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.blogcontainer .blogitem:nth-child(1),
.blogcontainer .blogitem:nth-child(2),
.blogcontainer .blogitem:nth-child(3),
.blogcontainer .blogitem:nth-child(4){
	display: block;
	width: 48%;
}

.blogitem{
	position: relative;
	margin-bottom: 25px;
}

.blogitem--row{
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
}

.blogitem--row .blog__image{
	width: 250px;
	min-height: 135px;
	max-height: 165px;
	margin-right: 30px;
}

.blogitem--row .blog__image img{
	max-height: 100%;
}

.blogitem--row .blog__author{
	display: inline-block;
	margin-left: 30px;
}

.blogitem--row .blog__intro{
	width: 70%;
	float: left;
}

.blogitem--row .btn-default{
	float: right;
	margin-top: 5px;
}

.blog__content{
	width: auto;
	flex: 1;
}

.loadmore{
	margin-top: 30px;
	text-align: center;
}

.blogcontainer .alert{
	width: 100%;
	text-align: center;
}

.socialbar{
	display: flex;
	margin: 10px 0;
	flex-wrap: wrap;
	justify-content: center;
}

/**
 * Agenda styling
 */
.sidebar-filters ul.checkboxes{
	list-style: none;
	padding-left: 0;
}

.sidebar-filters ul.checkboxes li span{
	margin-left: 15px;
	color: #1e1e1e;
	font-size: 14px;
}

.sidebar-filters input[type="radio"],
.sidebar-filters input[type="checkbox"]{
	margin-top: 4px;
}

.blogitem--row .agendareadmore > a{
	float: none;
	margin-top: 10px;
}

.checkboxes--tags li{
	display: inline-block;
	background-color: #e77300;
	margin: 0 5px 5px 0;
	color: #FFFFFF;
	cursor: pointer;
}

.checkboxes--tags li label{
	padding: 5px 10px;
	margin: 0;
	cursor: pointer;
}

.checkboxes--tags input[type="checkbox"]{
	display: none;
}

.sidebar-filters ul.checkboxes--tags li label span{
	color: #FFFFFF;
	margin: 0;
}

/**
 * Duurzaamheidsindex styling
 */

.sidebar-filters label{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}

.sidebar-filters label input[type="checkbox"]{
    margin: 0 15px 0 0;
}

.sidebar-filters label span{
    padding: 0;
}

.duurzaamheidsindex-intro{
    color: #777777;
    font-size: 14px;
}

.table{
	width: 99.9%;
}

.table--company{
    border: none;
}

.table--company .absoluteheader{
    background-color: #e7e7e7;
}

.table--company .absoluteheader th{
    border: none;
    color: #1e1e1e;
    padding: 3px;
}

.table--company .tableheaders{
    background-color: #c7c7c7;
}

.table--company th{
    position: relative;
    font-weight: normal;
    font-size: 16px;
    border: none !important;
    vertical-align: middle !important;
}

.table--company td{
    font-size: 12px;
    vertical-align: middle !important;
    padding: 9px 10px 8px 10px;
}

.table--company td.emission{
    font-size: 14px;
}

.table--company .sortarrow__asc{
    position: absolute;
    bottom: 6px;
    right: -1px;
}

.table--company .sortarrow__desc{
    position: absolute;
    top: 2px;
    right: 0;
}

.table--company__visibility{
    display: inline-block;
    margin: 0 8px 0 5px;
}

.table--company .ranking-image{
    display: block;
    margin: 0 auto;
}

.table--company .fa,
.table--company .fal,
.table--company .far{
	font-size: 20px;
	margin-right: 10px;
}

.table--company .fa-check{
	font-weight: bold;
	color: #e77300;
}

.table--company .notpublic{
	color: #777777;
}

.table--company a{
	color: #1e1e1e;
}

.table--company a:hover{
	color: #e77300;
}

.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span{
	border-radius: 0;
}

.pagination>li>a, .pagination>li>span{
	padding: 3px 9px;
}

ul.pagination > li > a:hover, ul.pagination > li > a:focus, ul.pagination > .active > a, ul.pagination > .active > span,
.pagination > .active >a, .pagination > .active >span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
	background-color: #e77300;
	border-color: #e77300;
	color: #FFFFFF;
}

p.co2info{
	float: right;
	margin-top: 25px;
}

.version__tag{
	display: block;
}

.version__tag .badge{
	display: block;
	padding: 15px;
	border-radius: 0;
	font-weight: normal;
	background-color: #e77300;
}

.table--location{
	margin-top: 20px;
}

.table--location thead tr th,
.table--location tbody tr td{
	padding: 8px 15px;
}

.profiel__duurzaamheidsscan p{
	font-size: 14px;
	color: #1e1e1e;
}

.progress-orange{
	height: 18px;
	border-radius: 0;
	box-shadow: none;
}

.progress-orange .bar{
	background: #e77300;
	color: #FFFFFF;
	text-align: center;
}

.block-profile-content .lastadded__tabs{
	margin-top: 20px;
}

div.table-responsive{
	border: none;
}

.table-middlealign td{
	vertical-align: middle !important;
}

.reductiemaatregel .row{
	display: flex;
	flex-wrap: wrap;
}

.reductiemaatregel .vertical_align{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}

.reductiemaatregel .vertical_align p{
	width: 100%;
}

.flex-row{
	display: flex;
	flex-wrap: wrap;
}

.flex-row .middle-align{
	align-self: center;
}

/**
 * Responsive styling
 */

.navbar-toggle{
	float: left;
}

@media(min-width: 1800px){
    .mainimage--fullwidth img{
        margin-top: -5%;
    }
}

@media(min-width: 768px){
	.navbar-nav{
		float: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.navbar-nav:before,
	.navbar-nav:after{
		display: none;
	}

	.navbar-nav li{
		padding-right: 15px;
	}

	.navbar-nav li:last-child{
		padding-right: 0;
	}

	.extra-gutter-30 .row{
		margin-left: -30px;
		margin-right: -30px;
	}

	.extra-gutter-30 .row > div{
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media(max-width: 1320px){
	.header-logo{
		max-width: 100%;
	}

	.hovertext__title{
		font-size: 15px;
	}

	.blogitem--row .blog__image{
		width: 150px;
	}
}

@media(min-width: 991px) AND (max-width: 1200px){
	.cta-item__text{
		min-height: 46px;
	}

	.hovertext__title{
		font-size: 14px;
		margin-bottom: 15px;
	}

	.hovertext__content{
		font-size: 13px;
	}
}

@media(min-width: 768px) AND (max-width: 991px){
	.cta-item__hovertext{
		padding-top: 20px;
	}
	.hovertext__content{
		font-size: 12px;
	}
	.hovertext__title{
		display: none;
	}
	.cta-item__text{
		min-height: 46px;
	}
}

@media(min-width: 990px) AND (max-width: 1320px){
	.navbar-nav > li > a{
		padding: 20px 10px 18px 10px;
	}

	.navbar-default .navbar-nav > li > a {
		font-size: 12px;
	}
}

@media(min-width: 768px) AND (max-width: 990px){
	.navbar-nav > li > a{
		padding: 10px 15px 12px 15px;
	}
}

@media(max-width: 990px){
	.blogitem--row .blog__author{
		display: block;
		margin-left: 0;
	}

	.blogitem--row .blog__intro{
		float: none;
		width: 100%;
		margin-bottom: 5px;
	}

	.blogitem--row .btn-default{
		float: none;
		display: inline-block;
	}
}

@media(max-width: 767px){
	.header__search .navbar-form{
		margin-top: 0;
	}

	.agendaitem,
	.homepageblog__blog,
	.calltoactions__cta-item{
		margin-bottom: 15px;
	}

	.counter__text{
		font-size: 30px;
	}

	.introblock__introtext{
		font-size: 16px;
		text-align: justify;
	}

	.introblock__calltoactions{
		margin-top: 30px;
	}

	.homepage__introblock{
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.slogan__header{
		font-size: 35px;
	}

	.homepage__lastadded,
	.homepage__blog{
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.lastadded__tabs,
	.homepageblog__latestitems{
		margin-bottom: 30px;
	}

	.navbar-default{
		margin-top: 0;
	}

	.counter__amount{
		font-size: 65px;
		line-height: 65px;
	}

	.counter__text{
		font-size: 20px;
	}
}

@media(max-width: 530px){
	.header__siteswitcher{
		width: 102px;
	}

	.header__search{
		width: 65%;
	}

	.counter__amount{
		font-size: 40px;
		line-height: 40px;
	}

	.counter__text{
		font-size: 12px;
	}

	.homepage__agenda .slogan__header a.btn-default{
		display: none;
	}

	.mainimage__title {
		font-size: 30px;
	}

	.blogcontainer .blogitem:nth-child(1),
	.blogcontainer .blogitem:nth-child(2),
	.blogcontainer .blogitem:nth-child(3),
	.blogcontainer .blogitem:nth-child(4){
		display: block;
		width: 100%;
	}

	.blogitem--row{
		display: block;
	}

	.blogitem--row .blog__image{
		width: 100%;
	}

	.mainimage .btn-fullwidth{
		padding: 3px 5px;
	}
}

@media(max-width: 390px){

	.counter__amount{
		display: inline-block;
	}

	.counter__text{
		display: inline;
	}

	.mainimage .btn-fullwidth{
		font-size: 13px;
	}
}

@media(max-width: 340px){
	.header__siteswitcher{
		width: 84px;
	}

	.siteswitcher__item{
		width: 40px;
		height: 40px;
	}

	.siteswitcher__item img{
		max-width: 90%;
	}

	.siteswitcher__item--veiligeleverancier img{
		max-width: 84%;
	}

	.item__icon{
		left: 3px;
	}

	.navbar-form .form-group{
		width: 78%;
	}

	.header__search .navbar-form{
		margin-top: 0;
	}

	.mainimage .col-md-10{
		padding: 0 10px;
	}
}

.panel-pricing {
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
}
.panel-pricing:hover {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
}
.panel-pricing .panel-heading {
	padding: 20px 10px;
}
.panel-pricing .panel-heading .fa {
	margin-top: 10px;
	font-size: 58px;
}
.panel-pricing .list-group-item {
	color: #000;
	border-bottom: 1px solid rgba(250, 250, 250, 0.5);
}
.panel-pricing .list-group-item:last-child {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.panel-pricing .list-group-item:first-child {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}
.panel-pricing .panel-body {
	font-size: 40px;
	color: #ddd;
	padding: 20px;
	margin: 0px;
}

.panel-danger, .panel-warning {
	border-color: #ddd;
}

.panel-danger>.panel-heading {
	color: #555;
	background-color: #ddd;
	border-color: #ddd;
}

.panel-warning>.panel-heading {
	color: #fff;
	background-color: #e77300;
	border-color: #e77300;
}

.projecten__tabs .nav-tabs > li > a{
	color: #1e1e1e;
	padding-top: 12px;
	border-color: #999696;
	border-bottom-color: transparent;
}

.projecten__tabs .nav-tabs > li.active > a{
	color: #FFFFFF;
	border-color: #e57101;
	background-color: #e57101;
	border-bottom-color: transparent;
}

.contactpersoon-sidebar{
	text-align: right;
}

.contactpersoon-foto{
	max-height: 153px;
	display: inline-block;
}

.header-logo{
	display: inline-block;
}

.logo-container{
	position: relative;
	display: inline-block;
	padding-bottom: 7px;
	margin-bottom: 5px;
}

.logo-container:hover{
	text-decoration: none;
}

.logo-subtext{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 11px;
	color: #000000;
}

@media screen and (max-width: 1200px){
}

@media(min-width: 770px) AND (max-width: 990px){
	.logo-subtext{
		font-size: 10px;
	}
}

@media(min-width: 1000px){
	#mainimage-container .header-image,
	#mainimage-container .header-video{
		margin-top: -13%;
	}
}

.promo-banner{
	background-color: #e57101;
	padding: 10px 15px;
}

.promo-banner-content{
	display: flex;
	color: #FFFFFF;
	justify-content: flex-start;
	font-size: 22px;
	font-weight: bold;
}

@media only screen and (max-width: 570px){
	.promo-banner-content{
		font-size: 16px;
	}
}

@media only screen and (max-width: 485px){
	.promo-banner-content{
		font-size: 12px;
	}
}

.promo-banner .promo-button{
	font-size: 18px;
	margin-left: 25px;
	padding: 4px 10px 0 10px;
	background-color: #FFFFFF;
	align-self: flex-start;
}

.promo-banner .promo-button:hover{
	color: #e77300;
	text-decoration: none;
}

@media screen and (max-width: 520px){
	.promo-banner{
		font-size: 16px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1200px){
	.row.row-flexbox .komende-klankbord{
		order: 3
	}

	.row.row-flexbox .banners{
		order: 2;
	}

	.introblock__calltoactions.introblock__calltoactions-banners{
		margin-top: 0;
	}

	.row.row-flexbox .recente-deelnemers{
		order: 4;
	}

	.introblock__calltoactions{
		margin-top: 0;
	}
}

@media screen and (max-width: 768px){
	.row.row-flexbox .komende-klankbord{
		order: 3
	}

	.row.row-flexbox .banners{
		order: 2;
	}

	.introblock__calltoactions.introblock__calltoactions-banners{
		margin-top: 0;
	}

	.row.row-flexbox .recente-deelnemers{
		order: 4;
	}

	.introblock__calltoactions{
		margin-top: 0;
	}

	.recentnews{
		flex-wrap: nowrap;
	}
}

@media screen and (max-width: 425px){
	.row.row-flexbox .komende-klankbord{
		order: 3
	}

	.row.row-flexbox .banners{
		order: 2;
	}

	.introblock__calltoactions.introblock__calltoactions-banners{
		margin-top: 0;
	}

	.row.row-flexbox .recente-deelnemers{
		order: 4;
	}

	.introblock__calltoactions{
		margin-top: 0;
	}
}

.homepage-klankbord .recentnews{
	flex-wrap: nowrap;
}

.homepage-klankbord .recentnews__name{
	padding-right: 0;
}

.homepage-klankbord .recentnews__name a{
	text-transform: none;
}

.homepage-klankbord .recentnews__image{
	margin-right: 10px;
}

.block-event-register .personen .persoon{
	border-bottom: 2px solid #cec9c9;
	padding-bottom: 10px;
	margin-bottom: 8px;
}

.block-event-register .btn-persoon{
	display: inline-flex;
	align-items: center;
}

.block-event-register .btn-persoon .far{
	color: #FFFFFF;
	font-size: 20px;
	margin-right: 6px;
}

.block-event-register form.disabled{
	position: relative;
}

.block-event-register form.disabled:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: rgba(255,255,255,0.7);
	cursor: not-allowed;
}

/* Extra level in menu styling */
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

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

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
	position: absolute;
	top: 3px;
	right: 20px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #fff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

@media only screen and (max-width: 767px){
	.dropdown.open .dropdown-submenu > .dropdown-menu{
		display: block;
	}

	.dropdown-submenu>a:after {
		display: none;
	}

	.dropdown.open .dropdown-submenu > .dropdown-menu a::before{
		content: '- ';
		display: inline-block;
		margin-right: 5px;
	}
}

.blog-viewmore{
	text-align:center;
	margin-top:35px;
	padding-top:25px;
	border-top: 1px solid #cecece;
}