html, body, html * {font-family: 'Roboto', sans-serif;}
html, body {
font-family: 'Roboto', sans-serif;
scroll-behavior: smooth;
background: #191919;
background-color: #191919;
font-family: var(--roboto);
scrollbar-width: none;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
/*//Variables//*/
:root {
--brwColor: #FF3F34;
--brwColorb: 255, 63, 52;
--polColor: #1E90FF;
--polColorb: 30, 144, 255;
--ambuColor: #FFF200;
--ambuColorb: 255, 242, 0;
--bridgeColor: #10AC84;
--bridgeColorb: 16, 172, 132;
--lflColor: #f368E0;
--lflColorb: 243, 104, 224;
--knrmColor: #FF8100;
--knrmColorb: 255, 129, 0;
--testColor:#787878;
--testColorb:120, 120, 120;
--roboto: 'Roboto', Helvetica, Arial, sans-serif;
}
*, *::before, *::after {box-sizing: border-box;}
html{font-family: var(--roboto);}
a{color: inherit;text-decoration: none;display: inline-block;-webkit-transition: all 0.05s ease-in-out;-moz-transition: all 0.05s ease-in-out;-o-transition: all 0.05s ease-in-out;transition: all 0.05s ease-in-out;}
.headerWrap{opacity:0.9; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);position: fixed;z-index: 1000;left: 0;top: 0;right: 0;height: 40px;background: #282828;box-sizing: border-box;border-bottom: 1px solid #1D1D1D;}
.headerWrapMaps{opacity:0.9; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);z-index: 1000;left: 0;top: 0;right: 0;height: 40px;background: #282828;box-sizing: border-box;border-bottom: 1px solid #1D1D1D;}
.header{max-width: 900px;margin: 0 auto;height: 100%;display: flex;align-items: center;justify-content: space-between;}
.headerLeft{height: 100%;display: flex;width: 100%;max-width: 400px;align-items: center;justify-content: flex-start;}
.headerCenter{height: 100%;display: flex;width: 175px;flex-grow: 2;align-items: center;justify-content: center;}
.headerRight{height: 100%;display: flex;width: 100%;max-width: 400px;align-items: center;justify-content: flex-end;}
.headerButton{height: 100%;display: flex;align-items: center;justify-content: center;padding: 0 10px;}
/*.headerButton:hover{background: #585858;}*/
.headerButton .svgWrapper{height: 20px;}
.headerButton .svgFill{fill:#EEEEEE;}
.clock{display: flex;flex-direction: row;font-weight: 600;font-size: 18px;color:#EEEEEE;}
.clockfeed{display: flex;flex-direction: row;font-weight: 600;margin-top: -9px;font-size: 18px;color:#EEEEEE;}
.clockfeedn{display: flex;flex-direction: row;font-weight: 600;margin-top: -9px;font-size: 15px;color:#EEEEEE;text-shadow: 1px 1px 1px #000;}
.clockupdate{position:absolute;color:#AAAAAA;font-family:roboto;font-weight:500;font-size:8px;margin-top: 23px;text-shadow: 1px 1px 1px #000;}
.timeDivider{font-weight: 600;-webkit-transition: all 0.05s ease-in-out;-moz-transition: all 0.05s ease-in-out;-o-transition: all 0.05s ease-in-out;transition: all 0.05s ease-in-out;}
.timeDivider.on{color:#A7A7A7;}
.clockZero{color:#A7A7A7;}
.liveheadrb{color:#AAAAAA;font-family:roboto;font-weight:600;font-size:10px;border:1px solid #1D1D1D;padding:7px 6px 6px;margin-left: 10px;border-radius:5px; box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 5px rgba(0, 0, 0, 0.4);background: #1A1A1A;}
.liveheadrr{color:#AAAAAA;font-family:roboto;font-weight:600;font-size:8px;border:1px solid #1D1D1D;padding:7px 6px 6px;margin-left: 10px;border-radius:5px; box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 5px rgba(0, 0, 0, 0.4);background: #1A1A1A;}
.serviceSelectorWrap{height: 100%;display: flex;flex-direction: row;align-items: center;}
.serviceSelector{color:#7d7d7d;font-family:roboto;font-weight:700;font-size:12px;display: inline-block;text-transform: uppercase;border:1px solid #DE7914;padding:1px 3px;margin-right: 5px;border-radius:2px;text-shadow: 1px 1px 1px #000;}
.serviceSelector:hover{color:#EEEEEE;}
.serviceSelector.selected{color:#EEEEEE;}
.serviceSelectorBrw.selected{background: rgba(255, 63, 52, 0.65);border-color: var(--brwColor);}
.serviceSelectorPol.selected{background: rgba(31, 144, 255, 0.65);border-color: var(--polColor);}
.serviceSelectorAmbu.selected{background: rgba(255, 242, 0, 0.65);border-color: var(--ambuColor);}
.serviceSelectorLfl.selected{background: rgba(244, 105, 225, 0.65);border-color: var(--lflColor);}
.serviceSelectorKnrm.selected{background: rgba(255, 129, 0, 0.65);border-color: var(--knrmColor);}
.serviceSelectorbeta.selected{background: rgba(255, 129, 0, 0.65);border-color: var(--knrmColor);}
.contentWrapper{margin: 0 auto;max-width: 900px;width: 100%;padding: 50px 0;}
.contentWrappermap{margin: 0 auto;max-width: 900px;width: 100%;padding: 10px 0 0;}
.alertWrap{box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #2F2F2F;margin: 0 0 10px 0;border-radius: 5px;position: relative;display: flex;flex-direction: row;border-color:transparent;color:#EEEEEE;font-size: 18px;box-sizing: border-box;border:1px solid #1D1D1D;}
.alertWrap:hover{background: #363636;}
.meldingWrap{box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #2F2F2F;margin: 30px 0 10px 0; border-radius: 5px;position: relative;display: flex;flex-direction: row;border-color:transparent;color:#A7A7A7;font-size: 14px; padding:7px 5px 5px; box-sizing: border-box;border:1px solid #1D1D1D;}
.agWrap{box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #8A2F30;margin: 30px 0 10px 0; border-radius: 5px;position: relative;display: flex;flex-direction: row;border-color:transparent;color:#EEEEEE;font-size: 14px; padding:7px 5px 5px; box-sizing: border-box;border:1px solid #1D1D1D;}
.meldingWrap_i{box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #2F2F2F;margin: 30px 0 10px 0; border-radius: 5px;position: relative;display: flex;flex-direction: row;border-color:transparent;color:#A7A7A7;font-size: 14px; padding:7px 10px 5px; box-sizing: border-box;border:1px solid #1D1D1D;}
.voertuigen{box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #2F2F2F;margin: 10px 0 10px 0; border-radius: 5px;border-color:transparent;color:#7D7D7D;line-height: 1.27;font-size: 12px; padding:7px 10px 5px; border:1px solid #1D1D1D;}
.zoekmeld{box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #2F2F2F;margin: 0px 0 10px 0; border-radius: 5px;border-color:transparent;color:#7D7D7D;line-height: 1.27;font-size: 12px; padding:7px 10px 5px; border:1px solid #1D1D1D;}
.meldingxx{box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #2F2F2F;margin: 0px 0 10px 0; border-radius: 5px;border-color:transparent;color:#7D7D7D;line-height: 1.27;font-size: 14px; padding:7px 10px 5px; border:1px solid #1D1D1D;}
.voertuigenm{box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #2F2F2F;margin: 10px 0 10px 0; border-radius: 5px;border-color:transparent;color:#7D7D7D;line-height: 1.27;font-size: 10px; padding:7px 10px 5px; border:1px solid #1D1D1D;}
.info{display: inline-block;margin-bottom: 5px;margin-left:5px;color:#7D7D7D;font-family:roboto;font-weight:500;font-size:10px;text-shadow: 1px 1px 1px #000;}
.regio{display: inline-block;margin-bottom: 5px}
.regios{float:left; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #2F2F2F;margin: 2px 2px 2px 0; border-radius: 5px;border-color:transparent;color:#7D7D7D;line-height: 1.27;font-size: 12px; padding:7px 10px 5px; border:1px solid #1D1D1D;}
.regiosall{float:left; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #2F2F2F;margin: 2px 2px 2px 0; border-radius: 5px;border-color:transparent;color:#7D7D7D;line-height: 1.27;font-size: 12px; padding:7px 10px 5px; border:1px solid #1D1D1D;}
.regioknop{cursor: pointer;color:#AAAAAA;font-family:roboto;margin-left: 6px;font-weight:600;font-size:10px;border:1px solid #353535;padding:7px;border-radius:4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #1A1A1A;}
.knop_header{cursor: pointer;color:#AAAAAA;font-family:roboto;margin-left: 5px;font-weight:600;font-size:10px;border:1px solid #353535;padding:7px;border-radius:4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #1A1A1A;}
.feedback{cursor: pointer;color:#AAAAAA;font-family:roboto;margin: 5px;font-weight:600;font-size:10px;border:1px solid #353535;padding:7px;border-radius:4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #1A1A1A;}
.toepassen:hover{cursor: pointer;color:#AAAAAA;font-family:roboto;font-weight:600;margin-bottom: 20px;margin-bottom: 20px;font-size:12px;border:1px solid #353535;padding:10px;border-radius:4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #1A1A1A;}
.toepassen{cursor: pointer;color:#EEEEEE;font-family:roboto;font-weight:600;margin-bottom: 20px; font-size:12px;border:1px solid #353535;padding:10px;border-radius:4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #2F2F2F;}
.verstuurfb:hover{cursor: pointer;color:#AAAAAA;font-family:roboto;font-weight:600;margin-bottom: 10px;font-size:12px;border:1px solid #353535;padding:10px;border-radius:4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #1A1A1A;}
.verstuurfb{cursor: pointer;color:#EEEEEE;font-family:roboto;font-weight:600;margin-bottom: 10px; font-size:12px;border:1px solid #353535;padding:10px;border-radius:4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #2F2F2F;}
.mobiel_melding{font-size: 10px;}
.contentWrap{background: #2B2B2B;margin-top: 10px;border-radius: 10px; padding: 7px 10px 7px 10px; position: relative;display: flex;flex-direction: row;color:#757575;font-size: 15px;box-sizing: border-box;}
.error{background: #930E0E;border: 1px solid #932C2C;margin-top: 10px;border-radius: 10px; padding: 7px 10px 7px 10px; position: relative;display: flex;flex-direction: row;color:#FFFFFF;font-size: 15px;box-sizing: border-box;}
.alertMainContent{display: flex;flex-direction: column;padding: 6px 6px;width: calc(100% - 40px);box-sizing: border-box;}
.alertTypeBrw.alertBigIncident{background:#471515;}
.alertTypePol.alertBigIncident{background:#1b395a;}
.alertTypeAmbu.alertBigIncident{background:#44420e;}
.alertTypeBedankt.alertBigIncident{background:#FF8100;}
.alertMainRow{margin-bottom: 3px;}
.alertSecondaryRow{color:#7d7d7d;font-size: 85%;}
.alertSecondarylive{margin-left: 90px; margin-top: 5px; color:#7d7d7d;font-size: 12px;line-height: 1.27;}
.alertMainRow, .alertSecondaryRow{display: flex;justify-content: space-between;line-height: 1.20;flex-direction: row;}
.alertMainRowFirstColumn, .alertSecondaryRowFirstColumn{width: 80px;font-size: 17px;}
.alertSecondaryRowFirstColumn{font-size: 11px; margin-top: -1px;}
.alertMainRowSecondColumn, .alertSecondaryRowSecondColumn{width: calc(100% - 90px); border: 0px solid #585858;}
.alertMainRowSecondColumn{display: flex;flex-direction: row;justify-content: space-between;position: relative;}
.alertTypeAndPrio{box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3), 0 1px 5px rgba(0, 0, 0, 0.3); margin: 7px 0px 7px 7px; width:4px;min-width:4px;display: flex;flex-direction: column;align-items: stretch;justify-content: center;background: rgba(255, 255, 255, 0.1);border-radius: 5px 5px 5px 5px;}
.prioTwo .alertTypeAndPrio{opacity: 0.2;}
.prioNone .alertTypeAndPrio{opacity: 0.2;}
.alertTypeBrw .alertTypeAndPrio{background: var(--brwColor); box-shadow: 0 1px 0 rgb(0 0 0 / 10%), 0 1px 5px rgb(0 0 0 / 40%);}
.alertTypePol .alertTypeAndPrio{background: var(--polColor); box-shadow: 0 1px 0 rgb(0 0 0 / 10%), 0 1px 5px rgb(0 0 0 / 40%);}
.alertTypeAmbu .alertTypeAndPrio{background: var(--ambuColor); box-shadow: 0 1px 0 rgb(0 0 0 / 10%), 0 1px 5px rgb(0 0 0 / 40%);}
.alertTypeBridge .alertTypeAndPrio{background: var(--bridgeColor); box-shadow: 0 1px 0 rgb(0 0 0 / 10%), 0 1px 5px rgb(0 0 0 / 40%);}
.alertTypeLfl .alertTypeAndPrio{background: var(--lflColor); box-shadow: 0 1px 0 rgb(0 0 0 / 10%), 0 1px 5px rgb(0 0 0 / 40%);}
.alertTypeKnrm .alertTypeAndPrio{background: var(--knrmColor); box-shadow: 0 1px 0 rgb(0 0 0 / 10%), 0 1px 5px rgb(0 0 0 / 40%);}
.meldingTypeBrw{margin: 0px 0 10px 0; color: var(--brwColor);}
.meldingTypePol{margin: 0px 0 10px 0; color: var(--polColor);}
.meldingTypeAmbu{margin: 0px 0 10px 0; color: var(--ambuColor);}
.meldingTypeBridge{margin: 0px 0 10px 0; color: var(--bridgeColor);}
.meldingTypeLfl{margin: 0px 0 10px 0; color: var(--lflColor);}
.meldingTypeKnrm{margin: 0px 0 10px 0; color: var(--lflColor);}
.meldingTypeTest{margin: 0px 0 10px 0; color: var(--testColor);}
.melding{margin: 0px 0 10px 0; }
.alertTime{margin-top:2px;display: flex;justify-content: space-between;font-weight: 600; font-size: 0.90em;text-shadow: 0 1px 0 rgba(0,0,0,0.50), 0 1px 5px rgba(0,0,0,0.60);}
.alertTimeAbsolute span{color:#A7A7A7;}
.alertTimebericht span{color:#A7A7A7;}
.alertTimeMinutesAgomob{margin-top: 1px;padding: 1px 2px 1px 2px;border-radius: 2px;font-size: 6px; height: 9px;font-weight:500;}
.alertgroupx{clear:both;padding: 1px 1px 1px 1px;border-radius: 1px;font-size: 9px; height: 10px;}
.alertTimeMinutesAgo{margin-top: 3px; padding: 0px 2px 0px 2px;border-radius: 1px;font-size: 9px; height: 11px;font-weight:400;}
.alertGroep{color: #007F00;}
.alertRecentHigh .alertTimeMinutesAgo{background: #CC3D41;}
.alertRecentMedium .alertTimeMinutesAgo{background:rgba(214, 48, 49, 0.75);}
.alertRecentLow .alertTimeMinutesAgo{background:rgba(214, 48, 49, 0.55);}
.alertRecentHigh .alertTimeMinutesAgomob{background: #d63031;}
.alertRecentMedium .alertTimeMinutesAgomob{background:rgba(214, 48, 49, 0.75);}
.alertRecentLow .alertTimeMinutesAgomob{background:rgba(214, 48, 49, 0.55);}
.alertText{width:100%;font-weight: 600;text-shadow: 0 1px 0 rgba(0,0,0,0.50), 0 1px 5px rgba(0,0,0,0.60);}
.alertTypeBrw .alertText{color: var(--brwColor);}
.alertTypePol .alertText{color: var(--polColor);}
.alertTypeAmbu .alertText{color: var(--ambuColor);}
.alertTypeBridge .alertText{color: var(--bridgeColor);}
.alertTypeLfl .alertText{color: var(--lflColor);}
.alertTypeKnrm .alertText{color: var(--knrmColor);}
.alertTypeTest .alertText{color: var(--testColor);}
.alertBigIncident .alertText{text-shadow: 0px 0px 2px #000;}
.alertCapCodeLine{font-size: 13px;display: flex;}
.alertCapCode{width: 60px;text-align: left;}
.alertCapvoertuigx{margin-top: 3px;}
.alertCapCodeDescription{width: 100%;max-width: calc(100% - 60px);text-align: left;color:#9B9B9B;}
.alertCapvoertuig{width: 100%;max-width: calc(100% - 60px);text-align: left;font-style: italic; margin-left:25px;font-size: 12px;line-height: 1.28;color:#7D7D7D;}
.alertCapvoertuigm{width: 100%;max-width: calc(100% - 60px);text-align: left;font-style: italic; margin-left:25px;font-size: 9px;line-height: 1.28;color:#7D7D7D;}
.alertMapsLink{box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.2);width:40px;display: flex;align-items: stretch;justify-content: center;background: rgba(255, 255, 255, 0.05);border-radius: 0px 5px 5px 0px;position: relative; margin: 0px 0px 0px 7px;}
.alertMapsLink:hover{background: rgba(255, 255, 255, 0.2);}
.alertMapsLinkHmp{position: absolute;font-size: 7px;font-weight: 400;text-align: center;width:39px; letter-spacing: 0.6px;border-radius: 1px; padding: 3px 2px 2px 2px;background: #4C4C4C;border-radius: 0px 5px 0px 0px;}
.alertMapsLinkkruising{position: absolute;font-size: 7px;font-weight: 400;text-align: center;width:39px; letter-spacing: 0.6px;border-radius: 1px; padding: 3px 2px 2px 2px;background: #4C4C4C;border-radius: 0px 5px 0px 0px;}
.alertMapsLink .svgWrapper{margin-top: 5px; width: 16px;height: 34px;}
.alertMapsLink .svgFill{fill:#EEEEEE; height: 5px;}
.paginationBar{display:flex;margin-top: 20px;justify-content:center;}
.paginationButton{border: 2px solid #585858;padding: 0 8px;margin:0 2px;background: #2B2B2B;border-radius: 5px;font-size:18px;color: rgba(255,255,255,0.4);display:flex;align-items:center;height:30px;}
.paginationButton:hover{border-color:#FFF;color: rgba(255,255,255,1);}
.paginationButton.paginationButtonCurrent{border-bottom-color:rgba(255,255,255,1);color: rgba(255,255,255,1)}
.paginationButtonSpacer{color:#585858;font-weight:bold;}
.searchWrap {width: 100%;position: relative;display: flex; margin-top: 15px;}
.searchWrap_cap {width: 100%;position: relative;display: flex; margin-top: 25px;}
.searchField {width: 100%;border: 2px solid #585858;border-right: none;padding: 5px 5px 5px 15px;height: 46px;background: #2B2B2B;border-radius: 10px 0 0 10px;outline: none;font-size:14px;color: #FFF;}
.searchField:focus{outline: none;}
.keywordWrap {width: 100%;position: relative;display: flex;}
.keywordField {width: 100%;border: 1px solid #1D1D1D; border-right: none; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4); padding: 5px 5px 5px 8px;height: 30px;background: #373737;border-radius: 5px 0 0 5px;outline: none;font-size:14px;color: #FFF;margin-bottom: 15px;}
.keywordField:focus{outline: none;}
.keywordcheck {width: 120px;height: 30px;border: none; border: 1px solid #1D1D1D; background: #585858;text-align: center;color:#AAAAAA;padding:7px;border-radius: 0 5px 5px 0;font-size: 14px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4); }
.nieuw{position: absolute;z-index: 1;font-family:roboto;color:#fff;font-size:6px;margin-top: -11px;margin-left: -12px;border:1px solid #353535;padding:1px 1px 1px 1px;border-radius:2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #FF3F34}
.nieuwkaartx{position: absolute;z-index: 1;position: absolute;font-size: 7px;font-weight: 600;margin-top:-7px;letter-spacing: 0.5px;color:#9C9C9C;font-size:7px;margin-left: 9px;padding:1px 1px 1px 1px;}
.nieuwkaart{position: absolute;z-index: 1;position: absolute;font-weight: 400;letter-spacing: 1px;line-height: 11px;color:#9C9C9C;font-size:9px;margin-top: 4px;margin-left: 150px;padding:1px 1px 1px 1px;}
.naam{position: absolute;z-index: 1;font-family:roboto;color:#AAAAAA;font-size:7px;margin-top: 43px;margin-left: 0;border:1px solid #353535;padding:1px 1px 1px 1px;border-radius:2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #2F2F2F;}
.aangepast{position: absolute;height: 11px;width: 11px; z-index: 1;font-family:roboto;color:#fff;font-size:5px;margin-top: -11px;margin-left: 0px;border:1px solid #353535;padding:1px 1px 1px 1px;border-radius:1px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);background: #FF8106;}
.searchButton {width: 50px;height: 46px;border: none;background: #585858;text-align: center;color: #fff;padding:0 5px 0 0;border-radius: 0 10px 10px 0;cursor: pointer;font-size: 20px;}
/*////////////
//--Mobile--//
////////////*/
.alertWrap.alertWrapMobile{border-radius: 0px;display: flex;flex-direction: row;font-size: 11px;}
.alertWrapMobile .alertTypeAndPrio{margin: 6px 0px 6px 6px;}
.alertWrapMobile .alertText{margin-bottom: 5px;}
.alertWrapMobile .alertTime{justify-content:flex-start;margin-top: 2px;margin-bottom: 2px;}
.alertWrapMobile .alertTimeAbsolute{margin-right: 5px;}
.alertWrapMobile .alertTimeDate{color:#7d7d7d;margin-left: 3px;}
.alertWrapMobile .alertDienst{color:#636363;margin-left: 6px;font-size: 11px; font-style: italic;}
.alertWrapMobile .alertGroup{margin-left: 8px;color: #007F00;}
.alertWrapMobile .alertMapsLink{}
.alertMobileCapcodehome .alertCapCodeLine{font-size: 9px;justify-content: initial;margin-top: 3px;}
.alertMobileCapcodehome .alertCapCode{width:auto;color:#7d7d7d;margin-right: 5px;}
.alertMobileCapcodehome .alertCapCodeDescription{width:auto;max-width: none;}
.alertMobileCapcode .alertCapCodeLine{justify-content: initial;margin-top: 3px;}
.alertMobileCapcode .alertCapCode{width:auto;color:#7d7d7d;margin-right: 5px;}
.alertMobileCapcode .alertCapCodeDescription{width:auto;max-width: none;}
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1), 0 3px 5px rgba(0, 0, 0, 0.4);
background: #5E3430;
background-attachment: fixed;
border-radius: 5px;
display: flex;
flex-direction: row;
color:#EEEEEE;
font-size: 13px;
padding:5px 5px 5px;
border: 1px black;
visibility: hidden;
width: 400px;
text-align: center;
/* Position the tooltip */
position: absolute;
z-index: 123333;
bottom: 100%;
left: 50%;
margin-left: -200px;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
body {
allows overscroll glow effects overscroll-behavior-y: contain;
overscroll-behavior-y: contain;
}
.container-filter {
float: left;
display: block;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;
color: #777777;
font-family: roboto;
margin-bottom: 5px;
float: left;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);
background: -webkit-radial-gradient(top left, ellipse, #2F2F2F 0%, #2B2B2B);
background: -moz-radial-gradient(top left, ellipse, #2F2F2F 0%, #2B2B2B);
background: radial-gradient(top left, ellipse, #2F2F2F 0%, #2B2B2B);
background-attachment: fixed;
border-radius: 5px;
border-color: transparent;
margin: 2px 2px 2px 0;
line-height: 1.27;
font-size: 12px;
padding: 6px 9px 6px 17px;
border: 1px solid #1D1D1D;
}
.container-filter input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkmark {
position: absolute;
top: 4px;
left: 4px;
height: 18px;
width: 5px;
background-color: #2B2B2B;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.4);
border-radius: 3px;
border-color: transparent;
color: #7D7D7D;
line-height: 1.27;
font-size: 12px;
border: 1px solid #1D1D1D;
}
.container-filter input:checked ~ .checkmark {
background-color: #008C00;
}
.container-filter input:checked ~ .checkmarkx {
color: #008C00;
font-style: normal;
}
.container-filter.brandweer input:checked ~ .checkmarkx {
color: #B2B2B2;
}
.container-filter.brandweer input:checked ~ .checkmark {
background-color: rgba(255, 63, 52, 0.9);
}
.container-filter.politie input:checked ~ .checkmarkx {
color: #B2B2B2;
}
.container-filter.politie input:checked ~ .checkmark {
background-color: rgba(30, 144, 255, 0.9);
}
.container-filter.ambulance input:checked ~ .checkmarkx {
color: #B2B2B2;
}
.container-filter.ambulance input:checked ~ .checkmark {
background-color: rgba(255, 242, 0, 0.9);
}
.container-filter.mmt input:checked ~ .checkmarkx {
color: #B2B2B2;
}
.container-filter.mmt input:checked ~ .checkmark {
background-color: rgba(243, 104, 224, 0.9);
}
.container-filter.knmr input:checked ~ .checkmarkx {
color: #B2B2B2;
}
.container-filter.knmr input:checked ~ .checkmark {
background-color: rgba(255, 129, 0, 0.9);
}
.container-filter.bruggen input:checked ~ .checkmarkx {
color: #B2B2B2;
}
.container-filter.bruggen input:checked ~ .checkmark {
background-color: rgba(16, 172, 132, 0.9);
}
.container-filter.test input:checked ~ .checkmarkx {
color: #B2B2B2;
}
.container-filter.test input:checked ~ .checkmark {
background-color: rgba(120, 120, 120, 0.9);
}
.checkmarkx{
font-style: normal;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.container-filter input:checked ~ .checkmark:after {
display: block;
}
.container-filter .checkmark:after {
left: 0;
top: 0;
width: 0;
height: 0;
border-width: 0;
}
@media (max-width: 400px) {
.content-to-hide {
display: none;
}
}
.fa-solid.spatie{
margin-right: 3px;
}
.fa.spatie{
margin-right: 3px;
}
.fa-brands.spatie{
margin-right: 3px;
}
input[type="checkbox" i] {
background-color: initial;
cursor: default;
appearance: auto;
box-sizing: border-box;
margin: 3px;
padding: initial;
border: initial;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Footer
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.pageFooter {
margin: 28px 0 20px;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.footerDonate {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 12px;
font-weight: 600;
color: #666;
padding: 7px 18px;
border: 1px solid #2e2e2e;
border-radius: 99px;
background: #1e1e1e;
transition: color var(--transition), border-color var(--transition);
}
.footerDonate:hover { color: #FF3F34; border-color: rgba(255,63,52,.4); }
.footerDonate .fa { color: #FF3F34; font-size: 11px; }
.footerLinks {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 4px 16px;
font-size: 11px;
}
.footerLinks a { color: #484848; transition: color var(--transition); }
.footerLinks a:hover { color: #909090; }
.footerBuild {
font-size: 10px;
color: #333;
letter-spacing: .04em;
}