/* @override http://broedvrij.starobv.dev/themes/broedvrij/css/main.css
	http://ors.starobv.dev/themes/broedvrij/css/main.css */

@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
.clear{clear:both;}
.clearfix:before,.clearfix:after{content: "";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

body, html {
  font-size: 14px;
}
body {
  color: #333;
  position: relative;
  width: 100%;
  min-width: 20em;
}
ul, ol {
  padding: 0;
  list-style: none;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin: 0;
}
h2 {
  margin: 1em 0 0.5em 0;
}
a {
  color: #7c2531;
  text-decoration: none;
}
th, td {
  vertical-align: top;
}
.hidden {
  display: none;
}
.ui-widget {
  font-size: 1em;
}
#logo {
  display: block;
  height: 5.25em;
  position: absolute;
  right: 10px;
  top: 0px;
}
#top h1 {
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.block {
  position: relative;
  padding: 1.5em 1.25em;
  max-width: 60em;
}
.close-btn {
  display: block;
  width: 30px;
  height: 30px;
  border: 0;
  outline: none;
  background-image: url("../images/close-btn.png");
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.close-btn:focus, .close-btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.nav-btn {
  background-image: url("../images/nav-icon.png");
  border: 0;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  height: 24px;
  outline: none;
  overflow: hidden;
  opacity: 0.7;
  width: 30px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.nav-btn:hover, .nav-btn:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#outer-wrap {
  overflow: hidden;
  position: relative;
}
#inner-wrap {
  position: relative;
  width: 100%;
}
#nav {
  background: white;
  direction:rtl;  /* Right To left */
  text-align:left; /* Override direction */
  overflow-x: hidden;
  overflow-y: auto;
  color: #fff;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 200;
  box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.1);
}
#nav ul {
  padding: 4.3em 0 0 0;
}
#nav .close-btn {
  display: none;
  left: 1.25em;
  position: absolute;
  top: 1em;
}
#nav .block {
  z-index: 2;
  position: relative;
  padding: 0;
}
#nav li {
  border-top: 1px solid #c8d126;
  display: block;
  position: relative;
}
#nav li:last-child {
  border-bottom: 1px solid #c8d126;
}
#nav li a,
#nav li span {
  color: #7c2531;
  display: block;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.28571em;
  outline: none;
  padding: 0.85714em 1.5em;
}
#nav .project-item a {
  padding: 0.5em 2.14286em;
  padding: 0.6em 2.14286em 0.6em 3em;
}
#nav li a:focus, #nav li a:hover {
  color: #c34052;
}
#nav li.is-active:after {
  border-top: 0.625em transparent solid;
  border-bottom: 0.625em transparent solid;
  border-right: 0.625em white solid;
  content: "";
  display: block;
  margin-top: -0.625em;
  right: 0;
  position: absolute;
  top: 50%;
  z-index: 50;
}
#nav li.is-active a {
  color: #fff;
}
#top {
  background: #7c2531;
  color: #fff;
  padding: 1em 1.25em;
  position: relative;
}
h1 {
  font-size: 1.8em;
  max-width: 60em;
  line-height: 1.2em;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  white-space: nowrap;
}
#payload {
  margin: 0 auto;
  max-width: 60em;
  padding: 1.5em 1.25em;
}
#top .nav-btn {
  position: absolute;
  top: 1.4em;
  left: 1.875em;
}
#main {
  background: #fff;
  overflow-y: auto;
}
#main .block {
  padding: 2.625em 1.875em;
}
footer[role="contentinfo"] {
  background: #c8d126;
}

@media screen and (min-width: 45.0625em) {
  #top .nav-btn {
    display: none;
  }
  .js-ready #nav {
    margin-left: -200px;
    width: 200px;
  }
  #outer-wrap {
    padding-left: 200px;
  }
}

@media screen and (max-width: 45em) {
  h1 {
    margin-left: 2em;
  }
  .js-ready #nav {
    width: 70%;
  }
  .js-ready #nav .close-btn {
    display: block;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  .js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
  }
  .js-ready #nav {
    left: -70%;
  }
  .js-ready #inner-wrap {
    left: 0;
  }
  .js-nav #inner-wrap {
    left: 70%;
  }
  .csstransforms3d.csstransitions.js-ready #nav {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 250ms ease;
    -moz-transition: -moz-transform 250ms ease;
    -o-transition: -o-transform 250ms ease;
    transition: transform 250ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
  }
  .csstransforms3d.csstransitions.js-ready #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 400ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 400ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 400ms ease;
    transition: opacity 300ms 100ms ease, transform 400ms ease;
    -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
  .csstransforms3d.csstransitions.js-nav #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


/* @group project */
#new-regel,
.new {
background: rgb(59,160,48);
background: -moz-linear-gradient(top,  rgba(59,160,48,1) 0%, rgba(42,135,21,1) 50%, rgba(64,163,48,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,160,48,1)), color-stop(50%,rgba(42,135,21,1)), color-stop(100%,rgba(64,163,48,1)));
background: -webkit-linear-gradient(top,  rgba(59,160,48,1) 0%,rgba(42,135,21,1) 50%,rgba(64,163,48,1) 100%);
background: -o-linear-gradient(top,  rgba(59,160,48,1) 0%,rgba(42,135,21,1) 50%,rgba(64,163,48,1) 100%);
background: -ms-linear-gradient(top,  rgba(59,160,48,1) 0%,rgba(42,135,21,1) 50%,rgba(64,163,48,1) 100%);
background: linear-gradient(to bottom,  rgba(59,160,48,1) 0%,rgba(42,135,21,1) 50%,rgba(64,163,48,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ba030', endColorstr='#40a330',GradientType=0 );
  border-radius: 6px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
  color: white;
  display: inline-block;
  margin: 0 0 5px 0;
  padding: 5px 8px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
#broed-regel li {
  margin-bottom: 0.5em;
}
#broed-regel .datum label {
  margin-right: 8px;
}
#broed-regel .checkbox {
  margin-right: 8px;
}
#broed-regel .submit {
  margin-top: 1em;
}
#broed_regel_actie_toelichting,
#broed_regel_opdrachtgever_toelichting,
#broed_regel_concierge_toelichting {
  height: 150px;
}
#project-regels,
.table {
  border: 1px solid #7c2531;
  display: table;
  width: 100%;
}
.project-regel,
.table-row {
  display: table-row;
}
.project-regel div,
.table-cell {
  line-height: 1.4em;
  padding: 2px 8px;
  display: table-cell;
}
.project-regel-header {
  background-color: #c8d126;
  color: white;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.project-regel-header div {
  border-bottom: 1px solid #7c2531 !important;
}
.project-regel .datum {
  margin-right: 10px;
  white-space: nowrap;
}
.project-regel .advies,
.project-regel .wet {
  text-align: center;

}
.project-regel .activiteit,
.project-regel .broedvrij,
.project-regel .ecologie,
.project-regel .actie {

}
.project-regel.odd {
  background: #efefef;
}
.odd .datum,
.odd .wet,
.odd .broedvrij,
.odd .actie {
  background: #ddd;
}
.even .datum,
.even .wet,
.even .broedvrij,
.even .actie {
  background: #eee;
}
.project-regel.odd:hover,
.project-regel.even:hover {
  background-color: #f0f3c0;
}
.project-regel:hover.odd .datum,
.project-regel:hover.odd .wet,
.project-regel:hover.odd .broedvrij,
.project-regel:hover.odd .actie,
.project-regel:hover.even .datum,
.project-regel:hover.even .wet,
.project-regel:hover.even .broedvrij,
.project-regel:hover.even .actie {
  background-color: #e6eb93;
}
.broed-regel-overzicht div {
  margin-bottom: 1em;
}
.foto-image {
  border: 1px solid #7c2531;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  float: left;
  height: 100px;
  margin-right: 5px;
  padding: 5px;
  width: 100px;
}
/* @end group */

#nesten {
  margin-bottom: 0.5em;
}
#nesten td {
  vertical-align: top;
}
#nesten .text,
#nesten textarea {
  border: 1px solid black;
  padding: 2px 5px;
  width: 100%;
}
.logout a {
  background: url("../images/logout.png") no-repeat 12px center;
  padding-left: 35px !important;
}
.error_list li {
  background: red;
  border-radius: 5px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
  color: white;
  padding:3px 8px;
  text-shadow: 0 1px 1px black;
}
.info {
  margin-bottom: 1em;
}
.fancy {
  border: 1px solid #7c2531;
  margin: 1em 0;
  width: 100%;
}
.fancy thead {
  background-color: #c8d126;
  border-bottom: 1px solid #7c2531;
  color: white;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.fancy th,
.fancy td {
  padding: 2px 5px;
  text-align: left;
}
#advies-edit-form {
  display: none;
}
#nesten .ui-accordion-header {
  line-height: 2em;
  min-height: 2em;
  padding: 0 0 0 30px;
}
#nesten .ui-accordion-content {
  padding: 0.5em 1em;
}
#nesten .delete {
  background: url(/images/base/delete.png) no-repeat center center;
  display: block;
  height: 16px;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: -100px;
  top: 0;
  width: 16px;
}
#old-fotos {
  margin-bottom: 0.5em;
}
#email-rapport {
  display: none;
  margin: 1em 0;
}
#download-advies,
.download {
  background: url(/images/icons/download.png) no-repeat 0 center;
  margin: 0 10px;
  padding-left: 20px;
}
#broed_regel_activiteit,
#broed_regel_broedvrij,
#broed_regel_ecologie {
  min-height: 150px;
}
#edit-rapport,
#delete-rapport,
.delete {
  background: url(/images/base/edit.png) no-repeat 0 center;
  padding-left: 16px;
}
#delete-rapport,
.delete {
  background-image: url(/images/base/delete.png);
}