/* labels grafiek renners */
@font-face {
	font-family: 'myTimesI';
	src: url('/shared/fonts/myTimesI.ttf');
}

@font-face {
	/* 2024 timer */
	font-family: 'caros_b';
	src: url('/shared/fonts/CarosSoftBold.otf');
}

@font-face {
	/* votecast */
	font-family: 'caros_eb';
	src: url('/shared/fonts/CarosSoftExtraBold.otf');
}

@font-face {
	/* voor shirts */
	font-family: 'myriadpro';
	src: url('/shared/fonts/MyriadPro_Regular.otf');
}


@font-face {
	/* 2024 timer */
	font-family: 'myriadpro_bold';
	src: url('/shared/fonts/MyriadPro_Bold.otf');
}

@font-face {
	font-family: 'myriadpro_boldit';
	src: url('/shared/fonts/MyriadPro_BoldIt.otf');
}

@font-face {
	/* grafiek deelname (in admin) */
	font-family: 'anr';
	src: url('/shared/fonts/AvenirNext-Regular.ttf');
}

@font-face {
	/* voor barometer score */
	font-family: 'anb';
	src: url('/shared/fonts/AvenirNext-Bold.ttf');
}

body {
	background-color: transparent;
	margin:0;
}

body a {
    text-decoration: none;
}

.link_barometer {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#ADC0D4;
}

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

.push {
	margin-left:auto;
}

.truncate {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

/* promo stand */

/* dotbar */
.dotbar {
	display:flex;
	align-items: flex-start;	
	flex-direction: column;	
}

.dotbar .tab {
	display:block;
	height:12px;
	width: 12px;
    border           : 0.0625em solid rgb(192,192,192);
    border-radius    : 50%;
    background: linear-gradient(#ffffff, #cdd3da);
	margin-bottom:10px;
}

.dotbar .tab_selected {
	display:block;
	height:12px;
	width: 12px;
    border           : 0.0625em solid rgba(16,121,190,.4);
    border-radius    : 50%;
    background : linear-gradient(#3eb2ff,#22a7ff);
	margin-bottom:10px;
}

.dotbar_h {
	display:flex;
	justify-content:flex-end;
}

.dotbar_h .tab {
	display:block;
	height:12px;
	width: 12px;
    border           : 0.0625em solid rgb(192,192,192);
    border-radius    : 50%;
    background: linear-gradient(#ffffff, #cdd3da);
	margin-left:10px;
}
.dotbar_h .tab_selected {
	display:block;
	height:12px;
	width: 12px;
    border           : 0.0625em solid rgba(16,121,190,.4);
    border-radius    : 50%;
    background : linear-gradient(#3eb2ff,#22a7ff);
	margin-left:10px;
}

.twitter_box {
    overflow: hidden;
    border: 1px solid #cfd9de;
    border-radius: 16px;
}

.icon_wit {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(62deg) brightness(103%) contrast(103%);
}