/*
 * Copyright (C) GemeenteOplossingen B.V. - All Rights Reserved
 * Unauthorized copying of this file, via any medium is strictly prohibited.
 * Proprietary and confidential.
 */

/* ################## */
/* #   Basic list   # */
/* ################## */
.meta, .list ul, ul.list, ul.listextra { list-style: none; padding-left: 5px; }
.list ol, ol.list, ol.listextra { color: #F47721; padding-left: 20px; }
.meta li, .list ul li, ul.list li, ul.listextra li { padding-left: 10px; position: relative; }
.list ol li ol.list li, ol.listextra li { color: #F47721; }
.list li a, .listextra li a { color: #464B50; text-decoration: none;}
.list li a:hover, .list li a:active, .listextra li a:hover, .listextra li a:active { text-decoration: underline; }

/* CSS Bullets */
.meta li:before, .list ul li:before, ul.list li:before, ul.listextra li:before,
#twitter .moretweets:before,
.mijnoverzichttabs .itemRow:before,
#content .medewerkerpagina .groupinfo.notactive:before
{
content: " ";
border-width: 4px;
border-style: solid;
border-color: transparent transparent transparent #F47721;
position: absolute;
left: 0px;
font-size: 1px;
display: block;
float: left;
top: 8.5px;
}



/* ############## */
/* #   Groups   # */
/* ############## */
.groups { padding: 25px; background: #F5F5F5; }

/* ################ */
/* #   Page bar   # */
/* ################ */

/* page navigation */
#zoeknavigatie, .document_zoeknavigatie { text-align: center; }
#zoeknavigatie ul, .document_zoeknavigatie { list-style: none; }
#zoeknavigatie li, #zoeknavigatie li a, .document_zoeknavigatie li, .document_zoeknavigatie li a
{
display: inline-block;
text-decoration: none;
padding: 0px;
text-align: center;
min-width: 20px;
}

#zoeknavigatie li, .document_zoeknavigatie li { color: #F47721; font-weight: bold; font-size: 12pt; }
#zoeknavigatie li span, .document_zoeknavigatie li span { color: #000000; }
#zoeknavigatie li a:hover, #zoeknavigatie li a:active,
.document_zoeknavigatie li a:hover, .document_zoeknavigatie li a:active
{ background: #E4E4E4; }
#zoeknavigatie p, .document_zoeknavigatie p { clear: both; }

@media print {
	#zoeknavigatie, .document_zoeknavigatie { display: none; }
}

/* ########################## */
/* #   huidige live stream  # */
/* ########################## */

.broadcast { position: relative; }

@media print {
	#live_player { display: none; }
	#intro { float: left; width: 600px; padding-top: 15px; }
}

#next_meeting { float: right; margin-right: 0px; }

.block.next
{
background:#F5F5F5;
border-bottom:3px solid #E4E4E4;
height:360px;
position: relative;
}

.block.next h3
{
background:#f46b10;
color: #ffffff;
font-size: 1.35em;
line-height: 30px;
padding: 0.5em 15px;
}

.block.next h3 span
{
clear: both;
display: block;
font-weight: normal;
margin-bottom: -5px;
}
#next_live.block.next h3 span { width: 180px; }

.block.next .list { margin:1.5em 0 1em 1em; }

/* ############### */
/* #   ICONSET   # */
/* ############### */

/* Default icons */
.icon.dummy { background-image: url(../images/icons/dummy.png); } /* Equals default icon */

/* Large icons */
.icon.large.dummy { background-image: url(../images/icons/large/dummy.png); } /* Equals default icon */

/* Special icons */
.icon.loading { background-image: url(../images/loading.gif); }

/* Document legend */

/* Default set image */
.documents ul, #documenten ul
{
list-style: none;
padding-left: 0px;
}

#document_legend ul li:before,
.classic-icn:before
{
background-image: url("../images/icons/legenda.png");
background-repeat: no-repeat;
content: "";
display: block;
height: 20px;
left: 0;
position: absolute;
top: 2px;
width: 20px;
}

#document_legend ul li:before { top: 4px; }

.aangeboden:before { background-position: 0px 0px; }
.afhandelingsvoorstel:before { background-position: 0px -25px; }
.agenda:before { background-position: 0px -50px; }
.agendaverzoek:before { background-position: 0px -75px; }
.amendement:before { background-position: 0px -100px; }
.artikel-37-vragen:before { background-position: 0px -125px; }
.besluitenlijst:before { background-position: 0px -150px; }
.bijzondere-raadsactiviteiten:before { background-position: 0px -175px; }
.brief:before { background-position: 0px -200px; }
.brieven-van-buiten:before { background-position: 0px -225px; }
.conformlijst:before { background-position: 0px -250px; }
.extra:before { background-position: 0px -275px; }
.informatie:before { background-position: 0px -300px; }
.ingekomen-brieven:before { background-position: 0px -325px; }
.ingekomen-stuk:before { background-position: 0px -350px; }
.inhoud-map-losse-stukken:before, .inhoud_map_losse_stukken:before { background-position: 0px -375px; }
.initiatief:before { background-position: 0px -400px; }
.kennisgeving:before { background-position: 0px -425px; }
.lange-termijn-agenda:before { background-position: 0px -450px; }
.leesmap:before { background-position: 0px -475px; }
.legenda:before { background-position: 0px -500px; }
.mededelingen:before { background-position: 0px -525px; }
.memo:before, .notitie:before { background-position: 0px -550px; }
.motie:before { background-position: 0px -575px; }
.nieuwsbrieven:before { background-position: 0px -600px; }
.nota:before { background-position: 0px -625px; }
.notulen:before { background-position: 0px -650px; }
.openbare-besluitenlijst-bw:before { background-position: 0px -675px; }
.overig:before { background-position: 0px -700px; }
.overige-bijlagen:before { background-position: 0px -725px; }
.overzicht-toezeggingen:before { background-position: 0px -750px; }
.presentatie:before { background-position: 0px -775px; }
.raadsbesluit:before { background-position: 0px -800px; }
.raadsinformatiebrief:before { background-position: 0px -825px; }
.raadsmededelingen:before { background-position: 0px -850px; }
.raadvoorstel:before, .raadsvoorstel:before, .statenvoorstel:before { background-position: 0px -875px; }
.schriftelijke-vragen-raad:before { background-position: 0px -900px; }
.speciale.documenten:before { background-position: 0px -925px; }
.stukken_ter_inzage:before, .stukken-ter-inzage:before { background-position: 0px -950px; }
.stukken_ter_kennisname:before, .stukken-ter-kennisname:before { background-position: 0px -975px; }
.toezeggingenlijst:before { background-position: 0px -1000px; }
.tvb:before { background-position: 0px -1025px; }
.uitnodigingen:before { background-position: 0px -1050px; }
.verordening:before { background-position: 0px -1075px; }
.verslag:before { background-position: 0px -1100px; }
.vergaderschema:before { background-position: 0px -1125px; }
.vragen-van-raadsleden:before, .vragen-van-statenleden:before, .vragen-van-bestuursleden:before, .beantwoording-raadsvragen:before { background-position: 0px -1175px; }
.wandelgang:before { background-position: 0px -1200px; }

.vertrouwlijk:after
{
background-image: url("../images/icons/lock.svg");
background-position: bottom right;
background-repeat: no-repeat;
content: "";
display: block;
height: 20px;
left: 0px;
position: absolute;
top: 0px;
width: 20px;
background-size: 50%;
}


/* Documentsoorten (extensies) */
.doc { background: url(../images/icons/file/doc.gif) no-repeat top left; }
.docx { background: url(../images/icons/file/doc.gif) no-repeat top left; }
.xls { background: url(../images/icons/file/xls.gif) no-repeat top left; }
.xlsx { background: url(../images/icons/file/xls.gif) no-repeat top left; }
.ppt { background: url(../images/icons/file/ppt.gif) no-repeat top left; }
.pptx { background: url(../images/icons/file/ppt.gif) no-repeat top left; }
.pdf { background: url(../images/icons/file/pdf.gif) no-repeat top left; }
.txt { background: url(../images/icons/file/txt.gif) no-repeat top left; }

span.filesize, span.extention
{
margin: 0px 0px 0px 4px;
font-size:0.9em;
font-style:italic;
color:#6F6F6F;
background: none;
}

/* abonnement pagina */
#aboform { clear: both; }
#aboform .block { margin-bottom: 0; width: 100%; }
#aboform .block label { width: 500px; }

.message+#aboform { margin-top: 20px; }

/* noRobot */
.goNoRobot {  }
.goNoRobot .label { margin-bottom: 10px; display: block; }
.goNoRobot input { float: none; display: inline-block; }
.goNoRobot .question, .goNoRobot .answer, .goNoRobot .is { font-size: 16pt; height: 30px; }

.goNoRobot .question
{
width: 40px;
}

.goNoRobot #captcha_answer:target { border: 2px solid red; }

.goNoRobot .is { text-align: center; width: 30px; padding: 0px 10px; }
.goNoRobot .answer { width: 50px; }

.goNoRobot input[type="button"] {
height: 42px;
position: relative;
top: -2px;
padding: 0px 10px;
margin-left: 30px;
}

.goNoRobot .captchaMessage
{
color: red;
border: 0px;
background-color: transparent;
}

.flowplayer.is-fullscreen > .fp-player > .fp-captions.fp-shown > p{
    line-height: 50px;
    font-size: 50px;
}

/* sitemap styling */
#sitemap ul:first-child > li > a { font-weight: bold; }

/* ####################### */
/* #   Annotate button   # */
/* ####################### */

/* Annotate button */
@media print {
    #page .annotate-button { display: none; }
}

.annotate-button .annotate-icon { color: #a0afb0; }

.annotate-button.has-notes .annotate-icon {
    color: #37afe4;
    font-weight: bold;
}

/* Generic color classes, used in Stemgedrag */
.color-green { color: #60bc3d; }
.color-red { color: #b70000; }
.color-grey-300 { color: #a0afb0; }

/* Style voting table in document/voting fold-out and on employee profile */
.table {
    background-color: #ffffff;
    max-width: 100%;
    width: 100%;
}

.table th, .table td {
    background: transparent;
    border: none;
    border-top: 1px solid #eceff1;
    color: inherit;
    padding: 0.375rem;
}

.table thead th {
    border-bottom: 2px solid #eceff1;
    text-align: inherit;
    vertical-align: bottom;
}

.table caption {
    caption-side: bottom;
    color: #90a4ae;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    text-align: left;
}

.table tr { background: #fff; }

/* Stemtzo layout */
/* Stemgedrag */
#page.stemtzo #content {
    width: 100%;
    margin-bottom: 10px;
    min-height: 10px;
}

#page.stemtzo iframe {
    border: none;
    margin: 0 auto;
    display: block;
}

/* Verplicht veld abonemmenten pagina */
.required_last_name {
    color: #dd0000;
    font-size: 0.9rem;
    padding-left: 4px;
    font-weight: bold;
}

/* TODO: deze code moet aan een scss dinges toegevoegd worden denk ik. */
.meta-info .icn {
    font-size: 1.3em;
}

.legenda-meta-item {
    display:flex;
    flex-flow:row nowrap;
    margin-bottom:5px;
}

.legenda-meta-item dt, .legenda-meta-item dd {
    float:left;
    margin-right: 0px;
}

.legenda-meta-item dt {
    width:40px;
    flex:0 0 40px;
    color:#a0afb0;
}

.legenda-meta-item dd {
    width:380px;
    font-size: 0.9em;
    flex:1 1 380px;
}

/* meer button in archive */
.meeting_nav .sub {
    width:70px;
    line-height: 35px;
}