/*
	Widget styling
	January 2013
*/


/* sidebar widget-community-ranking nav-tab overide */

.widget-community-ranking > ul.nav-pills {
    margin: 5px 0 10px 0;
    list-style: none outside none;
    text-align: center;
}

.widget-community-ranking > ul.nav-pills li {
    margin-bottom: 0px;
    width: auto;
    padding: 0 7px 2px 0;
    display: inline-block !important;
}

.widget-community-ranking > ul.nav-pills li a {
    border-radius: 4px;
    text-align: center;
    font-size: 0.8em;
    padding: 2px 2px;
    background-color: #CACACA;
    background-color: rgba(0, 0, 0, 0.2);
    border: 0;
    margin: 0 0 0 1px;
    color: #F1F1F1;

}

.widget-community-ranking > ul.nav-pills li a:hover {
    background-color: #A6A6A6;
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff;
}

.widget-community-ranking > ul.nav-pills li.active a {
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff;
    border: 0;
}

/*
	Widget styling
	May 2012
*/

.widget {
	float: left;
}

#main .widget-site-activity-overview,
#wrapper-top .widget-site-activity-overview,
#wrapper-bottom .widget-site-activity-overview {
    width: 100%;
}

#main .widget-site-activity-overview ul.activities figure,
#wrapper-top .widget-site-activity-overview figure,
#wrapper-bottom .widget-site-activity-overview figure {
	float: left;
}

#main .widget-site-activity-overview figure img {
    height: 100%;
}

#main .widget-site-activity-overview .isnew,
#wrapper-top .widget-site-activity-overview .isnew,
#wrapper-bottom .widget-site-activity-overview .isnew {
    left: 0;
    position: relative;
    top: 0;
}

#sidebar .widget-site-activity-overview .isnew {
    font-size: 1rem;
    left: 0;
    position: relative;
    top: 0;
}

.siteactivity .ajax-pagination li {
	cursor: pointer;
}

.widget > h3 {
	margin-bottom: .5em;
	border-bottom: 1px solid #333;
	font-weight: normal;
}

.widget > ul {
	list-style: none;

}

.widget > ul li {
	margin-bottom: .5em;
	float: left;
	width: 100%;
}

.widget article {
	float: left;
	width: 100%;
}

.widget article.hoverable {
	padding: 2px;

}

.widget article.hoverable:hover {
	background-color: rgba(255,255,255,.75);
	border-radius: 4px;
}

.widget dl dt, .widget dl dd.article-title, .widget dl dd.article-title h4 {
	display: inline;
}
.widget dl dd.article-title h4 {
	vertical-align: middle;
	font-size: 1.3em;
	text-shadow: 1px 1px 0 #fff;
	}

.widget a {
	text-decoration: none;
/*	color: inherit;*/
}

.widget a.widget-edit {
	color: #fff !important;
}

.widget a.widget-edit:hover {
	color: #333;
}


.widget dl dd.article-content {
	margin-top: 5px;
 	margin-left: 2px;

}

.widget dl dd.article-content p {
		text-size: .8em;
	color: #777;
	font-size: 0.9em;
}

.widget dl dd.article-content figure {
	width: 50px;
	margin: 0 5px 5px 0;
}
.widget .profile {
	border-radius: 4px;
	background: transparent;
}

.widget .profile:hover {
	background: #EFEFEF;
}

.widget .profile div h4 {
	line-height: 1.2em;
	margin-bottom: -3px;
	text-align: center;
	color: #444;
	text-shadow: 1px 1px 0 #fff;
	text-transform: capitalize;
}



	.widget-private-messaging-show-stats .message-count {
		float: right;
	}

/* ranking widgets */

.widget-community-ranking-badges .remaining-badges {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 100%;
}

.widget-community-ranking ul {
    display: flex;
    flex-wrap: wrap;
}

	.widget-community-ranking ul li, .widget-community-ranking-badges ul li {
        margin-bottom: 16px;
        min-width: 200px;
		position: relative;
        width: auto;
	}

    #sidebar .widget-community-ranking ul li {
        min-width: 0;
        width: 100%;
    }

	.widget > p {
        margin-bottom: 16px;
        line-height: 1.2;
	}
	.widget-community-ranking figure.avatar, .widget-community-ranking-badges figure.avatar { /*wordt vervangen als ie in de sidebar komt */
		background: #fff;
		border: 3px solid #fff;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
		display: block;
		float: left;
		height: 40px;
		margin: 0 5% 0 0;
		overflow: hidden;
		width: 20%;
	}

	.widget-community-ranking ul section, .widget-community-ranking-badges ul section {
		width: 70%;
		float: right;
	}

	.widget-community-ranking .username, .widget-community-ranking-badges .username {
		text-transform: uppercase;
		color: #3290c2;
                word-wrap: break-word;
		text-shadow: 1px 1px 0 #fff;
	}

	.widget-community-ranking a:hover .username {
		text-decoration: underline;
	}

	.widget-community-ranking a:hover, .widget-community-ranking-badges a:hover {
		color: #777;
	}

	.widget-community-ranking ul p, .widget-community-ranking-badges ul p {
		margin: 0;
		line-height: 1.2em;
	}

	.widget-community-ranking .rv-user-rank, .widget-community-ranking-badges .rv-user-rank {
		background: none repeat scroll 0 0 #AF1818;
		border-radius: 1em;
		color: #fff;
		font-size: 0.8em;
		left: -5px;
		padding: 2px;
		position: absolute;
		top: -5px;
	}

.widget-community-ranking-badges .author {
    margin-bottom: 0.5em;
}

.widget-community-ranking-badges .author:hover {
    cursor: pointer;
}

.widget-community-ranking-badges ul li, .widget-community-recent-badges ul li {
    margin-bottom: 0;
    width: 90%;
    padding: 5% 3%;
    border-bottom: 1px dashed #CECECE;
}

.widget-community-ranking-badges ul li:nth-child(1n), .widget-community-recent-badges ul li:nth-child(1n) {
    background-color: rgba(255,255,255, 0.50);
}


.widget-community-ranking-badges ul li:nth-child(2n), .widget-community-recent-badges ul li:nth-child(2n) {
    background-color: rgba(225,225,225, 0.75);
}

.widget-community-ranking-badges ul li:nth-child(1n):hover, .widget-community-recent-badges ul li:nth-child(1n):hover {
    background-color: rgba(255,255,255, 1);

}

.widget-community-ranking-badges ul li:nth-child(2n):hover, .widget-community-recent-badges ul li:nth-child(2n):hover {
    background-color: rgba(225,225,225, 1);

}


.widget-community-ranking-badges ul li:last-child, .widget-community-recent-badges ul li:last-child    {
    border: none;
}

.widget-community-ranking-badges .badge-holder {
    float: left;
    height: 40px;
    margin-bottom: 8px;
    margin-right: 8px;
    overflow: hidden;
    width: 40px;
}

.widget-community-ranking-badges .badge-holder img {
   max-width:100%;
   min-height:40px;
}

.widget-community-ranking-badges .badge-holder.remainder {
    padding-right: 0;
}

.widget-community-ranking-badges .badge-holder.remainder[aria-expanded="true"] {
    display: none;
}

.widget-community-ranking-badges .badge-holder.remainder .link-holder {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    position: relative;
    width: 100%;
}

.widget-community-ranking-badges .badge-holder.remainder .link-holder span {
    align-items: center;
    background: #3290c2;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    height: 26px;
    justify-content: center;
    position: relative;
    width: 26px;
}

.widget-community-ranking-badges .badge-holder.remainder .link-holder:hover span {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .25) 100%);
}

.widget-community-ranking-badges .rv-user-rank {
    left: 4px;
    top: 4px;
}

	.widget-community-ranking #rank1 .username {
		font-size: 1.3em;
	}

	.widget-community-ranking #rank2 .username {
		font-size: 1.2em;
	}

	.widget-community-ranking #rank3 .username {
		font-size: 1.1em;
	}

	.widget ul li a {
		border-radius: 4px;
		float: left;
        padding: 8px 4px 4px;
		width: 100%;
		transition: all .1s linear;
        -o-transition: all .1s linear;
        -moz-transition: all .1s linear;
        -webkit-transition: all .1s linear;
	}

	.widget-download-center-overview ul li figure {
		float: left;
		margin: 0;
		width: 26%;
		height: 52px;
	}
	.widget-download-center-overview ul li section {
		width: 70%;
		float: right;
		padding: 2px 1% 0 0;
	}


	h4.dc-description, .sl-title {
		color: #225F77;
		padding: 0;
		text-shadow: 1px 1px 0 #fff;
		word-wrap: break-word;
	}

    h3.dc-description, .sl-title {
		color: #225F77;
		padding: 0;
		text-shadow: 1px 1px 0 #fff;
		word-wrap: break-word;
        font-size: 1.2rem;
	}

	.widget ul li p {
		font-size: 1.1rem;
		font-size: 1.1rem;
		color: #333;
		word-wrap: break-word;
		}


	.widget ul li a:hover p
	{
		color: #444;
	}

	/* spotlight overview widget */

	.widget-spotlight-overview ul {
        display: flex;
        flex-wrap: wrap;
		max-width: 100%;
		width: auto;
	}

    .widget-spotlight-overview #spotlight-carousel {
        margin: 0;
        max-width: 350px;
    }

	.widget-spotlight-overview ul li {
		clear: left;
		margin: 0 10px 20px;
        min-width: 200px;
		width: calc(50% - 20px);
	}

    #sidebar .widget-spotlight-overview ul {
        margin: 0;
    }

    #sidebar .widget-spotlight-overview ul li {
        flex-grow: 1;
        margin: 0 0 20px;
    }

    .widget-spotlight-overview .sl-carousel {
        max-width: 350px;
    }

	.widget-spotlight-overview ul li.carousel figure img {
		display: none;
	}

	.widget-spotlight-overview ul li.no-image .overlay {
		height: 100%;
		display: table;
		background: rgba(0,0,0,.25);
	}

	.widget-spotlight-overview ul li.no-image .overlay h4 {
		vertical-align: middle;
		display: table-cell;
                text-align: center;
	}

	.widget-spotlight-overview ul.sl-listview li figure {
		border: 0;
		display: block;
		float: left;
		height: 90px;
		margin: 0 0 .5em 0;
		overflow: hidden;
		position: relative;
		width: 100%;
	}

	.widget-spotlight-overview ul li .overlay {
		position: absolute;
		bottom: 0;
		background: rgba(0, 0, 0, .50);
		width: 100%;
		padding: 2px 0;
        }

        .no-rgba .widget-spotlight-overview ul li .overlay {
                background: #333;
        }

	.widget-spotlight-overview .overlay h4 {
		color: #fff;
		text-shadow: none;
		text-align: center;
		font-size: 1rem;
        }

	.widget-spotlight-overview ul li p {
		line-height: 1em;
	}

	.widget-spotlight-overview ul li section {
		padding: 0 2% 2px;
		width: 96%;
	}

	.widget-spotlight-overview .username {
		margin-right: .5em;
	}

	.widget-spotlight-overview ul li section p {
		margin: 0;
        }

        .widget-spotlight-overview .postdate{
                font-size: 1.2em;
                float: left;
                width: 100%;
                padding: 2px 0;
        }

        .widget-spotlight-overview .postdate:first-letter{
                text-transform: capitalize;
        }

        .widget-spotlight-overview p.sl-posttype {
            color: #005481;
            float: left;
            width: 100%;
            font-size: 1.1em !important;
        }

        .widget.widget-spotlight-overview span.username {
            float: left;
            width: 100%;
            font-size: .9em;
            color: #333;
        }

        .widget-spotlight-overview .sl-posttype:first-letter {
            text-transform: capitalize;
        }

	/* end spotlight overview widget */

	.widget span.username {
		color: #005481;
	}

	.sl-carousel ul li {
		width: 100%;
		margin: 0;
	}

	.sl-carousel ul li figure {
		width: 100%;
		height: 200px;
		position: relative;
	}

	.sl-carousel ul li figure > .sl-title {
		font-size: 2em;
		color: rgba(0,0,0,.25);
		text-align: center;
		padding-top: 1em;
		text-shadow: 1px 1px 0 rgba(255,255,255,.5);
	}

	.sl-carousel ul li.no-image figure {
		background: rgba(0,0,0,.25);
	}


		.sl-carousel ul li figure section {
			position: absolute;
			background: rgba(255,255,255,0.85);
			bottom: 0;
            box-sizing: border-box;
			width: 100%;
			padding: 8px;
			text-align: left;
		}


	.widget-spotlight .sl-carousel ul li:nth-child(2n) {
	   		margin-left: 0;
	}

	.sl-carousel ul li a:hover {
		background: none;
	}


	.widget-user-profile-completeness ul li a {
		    border: 1px solid #DADADA;
		    margin: 0 0 4px;

			border-radius: 4px 4px 4px 4px;
		    color: #666;
		    display: block;
		    text-decoration: none;
	}

		.widget-user-profile-completeness ul li:hover a {
			background: #fff;
		}

	.widget-user-profile-completeness ul li a p {
		font-size: 1em;
		margin: 0;
		padding: 3px;
		color: #444;
	}

	.widget-alert a {
		background-color: #F2DEDE;
		border-color: #EED3D7 !important;
	}

	.widget-user-profile-completeness ul li.widget-alert a p {
		color: #B94A48;
		}

    .widget-user-online .dropdown-toggle {
        z-index: auto;
    }

    .widget-user-online .user-online-list {
        display: flex;
        flex-wrap: wrap;
    }

    .widget-user-online .user-online-load-more {
        margin-top: 10px;
        text-align: center;
    }

                .widget-user-online ul li {
                    margin-right: 3%;
                    width: 22%;
                }

                #sidebar .widget-user-online ul li figure.avatar {
                    width: auto;

                }

                .author > ul li {
                    margin-bottom: .5em;
                    float: left;
                    width: 95%;
                }
                .author > ul li a {
                    clear: both;
                    color: #333333;
                    display: block;
                    font-weight: normal;
                    line-height: 20px;
                    padding: 3px 20px;
                    white-space: nowrap;
                    float: left;
                    border-radius: 0;
                    width: 80%;
                }

/* Challenge widgets*/

.widget-challenge-show-ideas ul {
	border: none;
	float: left;
	width: 100%;
	margin: 0;
}

	.widget-challenge-best-ideas ul li,
	.widget-challenge-show-ideas ul li {
		width: 47.5%;
		margin-bottom: 1em;
		clear: left;
	}

	.widget-challenge-best-ideas ul li.even, .widget-challenge-show-ideas ul li.even {
			margin-left: 5%;
			clear: none;
		}

		.widget-challenge-best-ideas ul li figure,
		.widget-challenge-show-ideas ul li figure {
			background: #fff;
            border: 3px solid #fff;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
            display: block;
            float: left;
            margin: 0;
            overflow: hidden;
            text-align: center;
			width: 93.684210526316%;
			height: 89px;

			margin: 0 0 .5em 0;
			position: relative;
            font-size: 1rem;
            color: #dadada;
                }

		.widget-challenge-best-ideas ul li .overlay,
		.widget-challenge-show-ideas ul li .overlay,
		.widget-spotlight-overview ul li .overlay {
			position: absolute;
			bottom: 0;
			width: 100%;
            background: #333 !important;
			/* background: url("../images/image-gradient-overlay.png") repeat-x left top transparent; */
	}

			.no-rgba .widget-challenge-best-ideas ul li .overlay,
			.no-rgba .widget-challenge-show-ideas ul li .overlay,
			.no-rgba .widget-spotlight-overview ul li .overlay {
			background: #333;
			}


		.widget-challenge-best-ideas ul li a:hover .overlay,
		.widget-challenge-show-ideas ul li a:hover .overlay,
		.widget-spotlight-overview ul li a:hover .overlay
			{
			-webkit-transition: .4s all linear;
			-moz-transition: .4s all linear;
			-ms-transition: .4s all linear;
			-o-transition: .4s all linear;
			transition: .4s all linear;
			background: rgba(0,0,0,.75);
		}

		.widget-challenge-best-ideas .overlay h4,
		.widget-challenge-show-ideas .overlay h4,
		.widget-spotlight-overview ul li .overlay h4 {
			color: #fff;
			color: rgba(255, 255, 255, 0.95);
		    font-size: 1rem;
		    text-align: left;
		    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
		    padding: 2px 3px;
		}

        .widget-challenge-best-ideas .overlay h3,
        .widget-challenge-show-ideas .overlay h3,
        .widget-spotlight-overview ul li .overlay h3 {
			color: #fff;
		    font-size: 1rem;
		    text-align: left;
		    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
		    padding: 2px 3px;
		}


		.widget-challenge-best-ideas h3.challenge-idea-title {
			display: none;
		}

		.widget-challenge-show-ideas span {
			height: 89px;
			display: block;
		   	font-size:1rem;
		   	color:#dadada;
		}


/* widget newest members */


.widget-community-newest-members ul li {
	width: 47.5%;
	margin-bottom: 1em;
	clear: left;
	margin-left: 0;
}

.widget-community-newest-members ul li.even {
	margin-left: 5%;
	clear: none;
}

#sidebar .widget-community-newest-members ul li a {
	padding: 0;
}

#sidebar .widget-community-newest-members ul li figure.avatar {
	width: 93.6842105263158%;
	height: 89px;
}

#sidebar .widget-community-newest-members ul li h4.username {
	color: #555;
	    float: left;
	    font-size: 0.8em;
	    padding: 3px 0;
	    text-align: center;
	    width: 100%;
	    word-wrap: break-word;
}

span.isdraft:hover {
    text-decoration: none!important;
}

/* Widget Private Messages */

.widget-private-messaging-show-stats td.message-count{
    padding: 0 0 0 8%;
}

.widget-private-messaging-show-stats td a{
    color: #444;
}

.widget-private-messaging-show-stats td a:hover{
    color: #3290c2;
}

/* Widget poll */


.widget-poll h3.poll-question {
    font-size: 1.2em;
    margin-bottom: .5em;
}

.widget-poll p.poll-question {
    font-size: 1.2em;
    margin-bottom: .5em;
    font-weight: bold;
}

.widget-poll ul {
	list-style: none;
}

.widget-poll dl dd {
	margin: 0 1em 0 0;
	float: left;
}

.widget-poll dl dt {
	margin: 0;
}

.widget-poll .progress {
	margin-bottom: .5em;
}

.widget-poll .poll-answer h4, .widget-poll .poll-answer p {
	display: inline;
}

.widget-poll .poll-answer span{
    font-weight: bold;
}

.widget-poll p {
	color: inherit;
}

.widget-poll .poll-questions dl > dd {
    margin: 0;
    width: 25px;
}

.widget-poll .poll-questions dl > dt {
    display: inline-block;
    width: calc(100% - 25px);
}

.widget-poll .poll-question > span {
    font-size: 1rem;
    font-weight: normal;
    margin-right: 5px;
}

.poll-input-item {
    display: flex;
}

.poll-input-wrapper {
    margin-right: 12px;
}



/* Widget Carousel*/

/* .cntrl_custom_page div#main {
    width: 950px;
}
   ================================================== */

.widget-carousel {
   float:left;
   width:100%;
    }

#carousel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;

    position: relative;
    margin-bottom: 15px;
}

#carousel > p {
    width: 100%;
}

#carousel #images-visible {
    width: 65%;
    height: 380px;
    float: left;
    overflow: hidden;
    position: relative;
}

@media (max-width: 767px) {
    #carousel #images-visible {
        height: 300px !important;
        width: 100%;
    }
}

#carousel #images-visible ul#images-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    font-size: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}

#carousel #images-visible ul#images-container li.image-holder {
    width: 100%;
    height: 100%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    overflow: hidden;
    position: relative;
    background: #616161;
}

#carousel #images-visible ul#images-container li.image-holder img {
    font-family: 'object-fit: cover;';
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

@media (max-width: 767px) {
    #carousel #images-visible ul#images-container li.image-holder img {
        height: 300px !important;
    }
}

#carousel #texts-visible {
    width: 35%;
    height: 380px;
    float: right;
    overflow: hidden;
    position: relative;
}

@media (max-width: 767px) {
    #carousel #texts-visible {
        height: auto !important;
        width: 100%;
    }
}

#carousel #texts-visible ul#texts-container {
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 767px) {
    #carousel #texts-visible ul#texts-container {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: relative;
    }
}

#carousel #texts-visible ul#texts-container li.text-holder {
    background: #616161;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 0 15px 10px;
    position: relative;
    width: 100%;
}

@media (max-width: 767px) {
    #carousel #texts-visible ul#texts-container li.text-holder {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: auto;
    }
}

#carousel #texts-visible ul#texts-container li.text-holder h2 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 2rem;
    font-weight: 900;
    height: auto;
    line-height: normal;
    margin: 15px 0 5px;
    padding: 0;
    top: 20px;
    white-space: normal;
    width: 100%;
}

@media (min-width: 768px) and (max-width: 991px) {
    #carousel #texts-visible ul#texts-container li.text-holder h2 {
        font-size: 1.6rem;
    }
}

#carousel #texts-visible ul#texts-container li.text-holder p {
    white-space: normal;
    font-size: 1.2rem;
    line-height: 1.333;
    width: 100%;
    color: #fff;
    overflow: hidden;
}

#carousel #texts-visible ul#texts-container li.text-holder a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1.4rem;
    font-weight: bold;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: normal;
    margin: auto 0 0;
    padding-top: 15px;
    white-space: normal;
}

@media (max-width: 767px) {
    #carousel #texts-visible ul#texts-container li.text-holder a {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    #carousel #texts-visible ul#texts-container li.text-holder a i.icon-chevron-right {
        margin-left: 5px;
    }
}

#carousel #texts-visible ul#texts-container li.text-holder a i.icon-chevron-right {
    background: url('../images/icons/carousel_arrow.png') center center no-repeat transparent;
    background-size: contain;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 30px;
    width: 30px;
}

#carousel #carousel-controls {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 10px 10px 0;
    z-index: 1;
}

@media (min-width: 768px) {
    #carousel #carousel-controls {
        transform: translateY(-100%);
        width: calc(100% - 35%);
    }
}

@media (max-width: 767px) {
    #carousel #carousel-controls {
        width: 100%;
    }
}

#carousel #carousel-controls li a {
    display: block;
    width: 20px;
    height: 22px;
    padding: 0 0 0 2px;
    border-radius: 11px;
    background-color: #FFF;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    line-height: 24px;
}

#carousel #carousel-controls li.current a {
    color: #FFF
}

#carousel #carousel-controls li {
    float: left;
    margin: 0 0 10px 5px;
}


/*	Widget user statistics */

.widget-user-statistics li.user-stat {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    color: #3c2114;
    position: relative;
    width: 47.5%;
    margin: 0 5% 5% 0;
    min-height: 95px;

}

.widget-user-statistics li.user-stat.even {
	margin-right: 0;
}


		.widget-user-statistics .user-stat-param {
			width: 100%;
			float: left;
		}

		.widget-user-statistics .user-stat-value
		{
			width: 80%;
			margin: 4% 10%;
			text-align: center;
			float: left;

		}
		.widget-user-statistics .user-stat-value h4 {
			color: #3290c2;
			font-size: 2em;
			line-height: 2em;
                        word-wrap: break-word;
			}


		.widget-user-statistics .user-stat-value h4.reduce-size {
			font-size: 1.2em;
			line-height: 1.2em;
			}

		.widget-user-statistics .user-stat-value h4.oneline {

			}

		.widget-user-statistics .user-stat-value h4.twoline {
			font-size: 1.4em;
			line-height: 1.4em;
			}



		.widget-user-statistics .user-stat-param p
		{
			width: 100%;
			text-align: center;
			line-height: 1.2em;
			float: left;
			text-align: center;
			color: #444;
			font-size: 1.2rem;
			margin: 0.5em 0 0;
		}

                .widget-user-statistics ul#user-statistics {
                    display: inline-block;
                }


.widget-news-latest-article ul.attachments li a {
	padding-left: 24px;
}



.ck-content .widget { /* tijdelijke helper om widgets te 'zien' */
	width: 100%;
}



    .widget ul.activities li a {
    	width: 100%;
    	padding: 5px 0;
    	border-radius: 0;

    }

   aside .widget ul.activities li a {
        width: 96%;
        padding: 2%;
        color: inherit;
        text-decoration: none;
        border-radius: 0;
    }

   .widget ul.activities li a:hover, li.srch-result a:hover {
       background-color: rgb(247,247,247); /* IE fallback */
       background-color: rgba(240,240,240,.5);
    }

    .widget ul li a:hover .overlay {
            background: rgba(0,0,0, .70);
    }

/* CSS transfer from main */


/*Sidebar*/

#sidebar {
    position: relative;
    z-index: 101 !important;
    float: right;
    width: 20.8333333333333%;
}

.sidebarCustom > #sidebar {
    width: 100%;
}


#header_wrapper .sidebar-show-box {
    display: none;
    float: right;
}

#header_wrapper .sidebar-show-box li {
    border: none;
}

#header_wrapper .sidebar-show-box li a {
    transition: all .1s linear;
    -o-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
}

#header_wrapper .sidebar-show-box li:hover a {
    margin-right: 10px;
}


#header_wrapper .sidebar-show-box a > i {
    margin-top: -2px;
}

#sidebar > .sidebar-hide-box {
    display: none;

    width: 100%;
    float: left;
    margin-bottom: 1em;

    position: relative;
}

#sidebar > .sidebar-hide-box > a {
    width: 96%;
    padding: 4px 2%;
    float: left;
    background: #1982ba;
    border: 1px solid #0075B3;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    text-align: left;

    transition: all .1s linear;
    -o-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;

}

.forum-container .forum-title > a:hover h4,
.topic-container .topic-title a:hover h4 {
    color: #3192D0;
    text-decoration: underline;
}

#sidebar > div {
    float: left;
    width: 100%;
    margin: 0 0 2em
}

#sidebar > div > h2 {
    margin: 0 0 5px 0;
    font-weight: normal;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #fff;
    width: 100%;
    color: #0075B3;
    border-bottom: 3px solid #0075B3;
    word-wrap: break-word;
    letter-spacing: -0.1px;
}

#sidebar div h2:not(.ignore-legacy) {
    margin: 0 0 5px 0;
    font-weight: normal;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #fff;
    width: 100%;
    color: #0075B3;
    border-bottom: 3px solid #0075B3;
    word-wrap: break-word;
    letter-spacing: -0.1px;
}

.widget-title {
    background-color: transparent;
    color: #333;
    border: 0;
    margin-bottom: 16px;
    font-size: calc(1rem + 10px);
    font-weight: 300;
    line-height: 1.2em;
    text-transform: none;
    letter-spacing: 1px;
    width: auto;
    padding-top: 6px;
    padding-bottom: 2px;
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
}

/* ****** */


#sidebar figure.avatar {
    display: block;
    float: left;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.25);
    overflow: hidden;
    width: 20%;
    height: auto;
    border: 3px solid #fff;
    border-bottom: 2px solid #fff;
    margin: 0 0 0 0;
}

#sidebar ul.activity li {
    margin-bottom: 4px;
    position: relative;
    float: left;
    width: 100%;
}



#sidebar ul.activity li div {
    color: #999;
    float: right;
    width: 74%;
}

#sidebar ul.activity li div p {
    font-size: .8em
}

#sidebar ul.activity li div p span {
    white-space: nowrap
}

#sidebar ul.activity li a:hover div {
    color: #666
}

#sidebar ul.activity li div p .username {
    color: #005481
}

#sidebar ul.activity li a:hover div .username {
    color: #3192D0
}

#sidebar ul.activity li a {
    float: left;
    width: 100%;
    padding: 0;
    transition: all .1s linear;
    -o-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -webkit-transition: all .1s linear;
}

#sidebar ul.activity li h4, #sidebar .widget-journal-my-journals li h4 {
    padding: 0;
    color: #3290c2;
    text-shadow: 1px 1px 0 #fff;
}

#sidebar ul.activity li a:hover {
    background: #fff
}

#sidebar .postdate {
    color: #333;
    font-size: 0.8em;
}

#sidebar aside a:visited {
    color: #444
}

#sidebar :not(.custom-element) ul {
    list-style: none
}

#sidebar ul li.widget-alert a {
    margin-bottom: 2%;
}


#sidebar ul li a {
    /* replace by independent styles */
}

#sidebar .widget .alert { /* using bootstrap alert box */
    padding: 8px 14px;
    background-color: #FCF8E3;
    color: #754506
}




#sidebar .widget-category-list li,
#wrapper .widget-forum-list li,
#sidebar .widget-blog-categories li,
#sidebar .widget-shop-points li {
    margin-bottom: 2px;
}


#sidebar .widget-shop-points li.shoppingcart-total {
    margin-top: 5px;
}


#sidebar .widget-category-list li a,
#wrapper .widget-forum-list li a,
#sidebar .widget-blog-categories li a,
#sidebar .widget-shop-points li .btn {
    border-radius: 4px;
    float: left;
    margin-bottom: 2px;
    padding: 1% 2%;
    text-decoration: none;
    width: 96%;
}

#sidebar .widget-category-list li a,
#wrapper .widget-forum-list li a,
#sidebar .widget-blog-categories li a {
	color: #444;
}

#sidebar .widget-category-list li a > i,
#wrapper .widget-forum-list li a > i,
#sidebar .widget-blog-categories li a > i,
#sidebar .widget-shop-points li a > i {
    opacity: .5;
}

#sidebar .widget-category-list li a:hover, #sidebar .widget-category-list li.active a,
#wrapper .widget-forum-list li a:hover, #wrapper .widget-forum-list li.active a,
#sidebar .widget-blog-categories li a:hover, #sidebar .widget-blog-categories li.active a,
#sidebar .widget-shop-points li a:not(.btn):hover, #sidebar .widget-shop-points li.active a {
    background-color: #3290c2;
    color: #fff;
    transition: background .2s linear;
    -o-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -webkit-transition: background .2s linear;
}

#sidebar .widget-category-list li a.btn:hover, #sidebar .widget-category-list li.active a.btn,
#wrapper .widget-forum-list li a.btn:hover, #wrapper .widget-forum-list li.active a.btn,
#sidebar .widget-blog-categories li a.btn:hover, #sidebar .widget-blog-categories li.active a.btn {
    background-color: #E6E6E6;
    color: #000;

    -o-transition: background-color 0s linear;
    -moz-transition: background 0s linear;
    -webkit-transition: background 0s linear;
}

#sidebar .widget-category-list li a:hover > i, #sidebar .widget-category-list li.active a > i,
#wrapper .widget-forum-list li a:hover > i, #wrapper .widget-forum-list li.active a > i,
#sidebar .widget-blog-categories li a:hover > i, #sidebar .widget-blog-categories li.active a > i,
#sidebar .widget-shop-points li a:hover > i, #sidebar .widget-shop-points li.active a > i
{
    opacity: 1;
}

#sidebar .widget-category-list li.active a,
#wrapper .widget-forum-list li.active a,
#sidebar .widget-blog-categories li.active a,
#sidebar .widget-shop-points li.active a {
    cursor: default;
}

/* forum sidebar */

.widget-forum-list-spacer {
    margin-bottom: 10px !important;
}

    /* Blog sidebar */


/* sidebar items */

.widget-blog-recent-articles li {
	margin-bottom: .5em;
	padding: 3px 0;

}

.widget-blog-recent-articles li a {
	text-decoration: none;
}

.widget-blog-recent-articles li a:hover h3 {
	text-decoration: underline;
}

.widget-blog-recent-articles li h3 {
		color: #444;
        font-size: 1.4rem;
        text-transform: uppercase;
        line-height: 1.1em;
        text-shadow: 1px 1px 0 #fff;
        }

    .widget-blog-recent-articles li a.archive-link {
    	font-size: 1.04rem;
        }


/* Countdown widget */

.widget-countdown {
    margin-bottom: 20px;
    float: none;
    clear: both;
}

.widget-countdown h3 {
    font-weight: 700;
    font-size: 1.4rem;
    margin-bottom: 0.8em;
    text-align: center;
}

.widget-countdown .alert h3 {
    text-align: left;
    margin-bottom: 0;
    color: #754506;
    font-size: 1.2rem;
}

.widget-countdown .is-countdown {
    border: 0px;
    background-color: inherit;
    min-height: 40px;
}

/* wordcloud widget */
.widget-wordcloud-words-container {
	margin-top: 15px;
	float: none;
	text-align: center;
	word-spacing: -0.04em;
	letter-spacing: -1px;
}

.widget-wordcloud span, .widget-wordcloud a {
	margin: -0.1em 0 -0.05em 0;
	padding: 0px;
	vertical-align: middle;
	position: relative;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.widget-wordcloud .size1 {
	line-height: 10px;
	height: 10px;
	font-size: 1rem;
	z-index: 50;
}
.widget-wordcloud .size2 {
	line-height: 11px;
	height: 11px;
	font-size: 1.1rem;
	z-index: 49;
}
.widget-wordcloud .size3 {
	line-height: 12px;
	height: 12px;
	font-size: 1.2rem;
	z-index: 48;
}
.widget-wordcloud .size4 {
	line-height: 13px;
	height: 13px;
	font-size: 1.3rem;
	z-index: 47;
}
.widget-wordcloud .size5 {
	line-height: 14px;
	height: 14px;
	font-size: 1.4rem;
	z-index: 46;
}
.widget-wordcloud .size6 {
	line-height: 15px;
	height: 15px;
	font-size: 1.5rem;
	z-index: 45;
}
.widget-wordcloud .size7 {
	line-height: 16px;
	height: 16px;
	font-size: 1.6rem;
	z-index: 44;
}
.widget-wordcloud .size8 {
	line-height: 17px;
	height: 17px;
	font-size: 1.7rem;
	z-index: 43;
}
.widget-wordcloud .size9 {
	line-height: 18px;
	height: 18px;
	font-size: 1.8rem;
	z-index: 42;
}
.widget-wordcloud .size10 {
	line-height: 19px;
	height: 19px;
	font-size: 1.9rem;
	z-index: 41;
}
.widget-wordcloud .size11 {
	line-height: 20px;
	height: 20px;
	font-size: 2rem;
	z-index: 40;
}
.widget-wordcloud .size12 {
	line-height: 21px;
	height: 21px;
	font-size: 2.1rem;
	z-index: 39;
}
.widget-wordcloud .size13 {
	line-height: 22px;
	height: 22px;
	font-size: 2.2rem;
	z-index: 38;
}
.widget-wordcloud .size14 {
	line-height: 23px;
	height: 23px;
	font-size: 2.3rem;
	z-index: 37;
}
.widget-wordcloud .size15 {
	line-height: 24px;
	height: 24px;
	font-size: 2.4rem;
	z-index: 36;
}
.widget-wordcloud .size16 {
	line-height: 25px;
	height: 25px;
	font-size: 2.5rem;
	z-index: 35;
}
.widget-wordcloud .size17 {
	line-height: 26px;
	height: 26px;
	font-size: 2.6rem;
	z-index: 34;
}
.widget-wordcloud .size18 {
	line-height: 27px;
	height: 27px;
	font-size: 2.7rem;
	z-index: 33;
}
.widget-wordcloud .size19 {
	line-height: 28px;
	height: 28px;
	font-size: 2.8rem;
	z-index: 32;
}
.widget-wordcloud .size20 {
	line-height: 29px;
	height: 29px;
	font-size: 2.9rem;
	z-index: 31;
}
.widget-wordcloud .size21 {
	line-height: 30px;
	height: 30px;
	font-size: 3rem;
	z-index: 30;
}
.widget-wordcloud .size22 {
	line-height: 31px;
	height: 31px;
	font-size: 3.1rem;
	z-index: 29;
}
.widget-wordcloud .size23 {
	line-height: 32px;
	height: 32px;
	font-size: 3.2rem;
	z-index: 28;
}
.widget-wordcloud .size24 {
	line-height: 33px;
	height: 33px;
	font-size: 3.3rem;
	z-index: 27;
}
.widget-wordcloud .size25 {
	line-height: 34px;
	height: 34px;
	font-size: 3.4rem;
	z-index: 26;
}

/* END OF widget styling */

/* Forum Overview Widget styling */
.widget-forum-list li a {
    padding:2px;
     -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}

.widget-forum-list li a:hover {
    background-color: rgb(50, 144, 194);
    color: rgb(255, 255, 255)!important;
    transition: background 0.2s linear 0s;
}

.widget-forum-category-url {
    font-size: 1.1em;
}

.widget-forum-forums-in-category li {
    margin-left: 10px;
    border-left: 3px solid #bcbcbc;
    padding-left: 5px;
    width: 92%!important;
    margin-bottom: 6px !important;
}

.widget-forum-forums-in-category li a {
    font-size: 1.0em;
}

.overview-available > a, .overview-latest-available > a, .overview-unavailable > a {
    font-size:1.1em;
    margin-bottom:10px;
}

.overview-item-available, .overview-item-latest-available, .overview-item-unavailable {
    margin-left:10px;
}

li.overview-unavailable > ul {
    margin-top:10px;
}

li.overview-item-available {
    border-left:3px solid #bcbcbc;
    padding-left:5px;
    width:80%!important;
}

li.overview-item-latest-available {
    border-left:3px solid #bcbcbc;
    padding-left:5px;
    width:80%!important;

}