#jform_privacyconsent_privacy-lbl a.modal {
  position: inherit !important;
  display: unset !important;
}


label#jform_email1-lbl {
display: none;
}

input#jform_email1 {
display: none;
}

label#jform_email2-lbl {
display: none;
}

input#jform_email2 {
display: none;
}

.control-label label {
  display: block !important;
}
.form-check-inline input[type="radio"] {
    display: inline-block !important;
}

.btn-primary, .sppb-btn-primary {
    border-color: #99ca3c;
    background-color: #99ca3c;
      color: #002A5C !important; 
      text-decoration: none !important;
}

.btn-primary:hover, .sppb-btn-primary:hover {
    color: #ffffff !important; 
}

.btn-outline-primary {
  border-color: #99ca3c;
  background-color: #ffffff;
    color: #99ca3c !important; 
    text-decoration: none !important;
}

.btn-outline-primary:hover {
  border-color: #99ca3c;
  background-color: #99ca3c;
  color: #ffffff !important; 
}

.blokwit {
    border-width: 2px;
    border-color: #e8e8e8;
    border-style: solid;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    background-color: #f8f8f8;
    color: #002A5C;
}

.blokwit a {
  color: #99CA3C;
  text-decoration:underline;
}

.blokwit a:hover {
  color: #99CA3C;
  text-decoration:none;
}


.blokgroen {
    border-width: 2px;
    border-color: #99CA3C;
    border-style: solid;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    background-color: #99CA3C;
    color: #ffffff;
    color: #002A5C;
}

.blokgroen a {
  color: #ffffff;
    color: #002A5C;
  text-decoration:underline;
}

.blokgroen a:hover {
  color: #ffffff;
    color: #002A5C;
  text-decoration:none;
}


.blokblauw {
    border-width: 2px;
    border-color: #002A5C;
    border-style: solid;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
    background-color: #002A5C;
    color: #ffffff;
}

.blokblauw a {
  color: #ffffff;
  text-decoration:underline;
}

.blokblauw a:hover {
  color: #ffffff;
  text-decoration:none;
}

.taalkeuze img {
  display: inline-block;
    border-width: 1px;
    border-color: #999;
    border-style: solid;
}

/* Vormgeving berichten widget */

.message {
  	padding: 10px;
    margin-bottom:10px;
  	border-radius: 5px;
  	overflow: auto;
}

.message .fa {
	position:relative;
  	float:right;
}

.message .msg-date {
	position:relative;
    float:left;
  	font-weight:bold;
  	font-size:12px;

}

.message .msg-content {
	position:relative;
  	float:left;
    clear:both;
}

.message-prio1 {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.message-prio2 {
	color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.message-prio3 {
    color: #5B7820;
    background-color: #E1EFC4;
    border-color: #5B7820;
}



/* Vormgeving birthday widget */
.birthdays .header {
    	font-weight: bold;
}

.birthdays .birthday {
    	padding-left:10px;
}


/* Vormgeving planning widget */
.planning .eigen-taken {
    color: #5B7820;
    background-color: #E1EFC4;
    border-color: #5B7820;
}

.planning .medewerkers-taken {
    color: #203778;
    background-color: #dae4fb;
    border-color: #203778;
}

.planning .datarow {
    width:100%; 
  	padding: 10px;
    margin:5px;
  	border-radius: 5px;
  	overflow: auto;
  	float:left;
}


.planning .datarow div {
  vertical-align: top;
  display: flex;
  flex-flow: row wrap;
}

.planning .datarow div div:nth-child(1) {
    flex-basis: 40%;
    font-weight: bold;
}
.planning .datarow div div:nth-child(2) {
    flex-basis: 60%;
}


.planning .fa {
	position:relative;
  	float:right;
}

/* Vormgeving verlofaanvragen widget */
.leave {
    display:flex;
  flex-wrap: wrap;
}

.leave .datarow {
  	padding: 10px;
    margin:5px;
  	border-radius: 5px;
  	overflow: auto;

  font-size: 0.8rem;
  width:40%; 
  overflow: auto;
  vertical-align: top; 
  display: flex;
  flex-wrap: wrap;
  flex-basis: 200px
}

.leave .datarow .label {
    font-weight: bold;
  padding-right: 10px;
}

.leave .leave-accepted {
    color: #5B7820;
    background-color: #E1EFC4;
    border-color: #5B7820;  
}

.leave .leave-rejected {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.leave .leave-in-progress{
	color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.leave .datarow div:nth-child(1) {
  flex-basis: 50%;
 
}
.leave .datarow div:nth-child(2) {
  flex-basis: 50%;
}

.leave .datarow div:nth-child(3) {
  flex-basis: 100%;
}
.leave .datarow div:nth-child(4){
  flex-basis: 100%;
}



/* Vormgeving urensaldo widget */

.totals div div:nth-child(1) {
    display:inline-block;
  	width:50%;
    font-weight: bold;
}
.totals div div:nth-child(2) {
    display:inline-block;
  	width:50%;
}

/* Vormgeving prestaties widget */

.hours .activiteit {
    float: left;
}
.hours .subheader {
    float: left;
}
.hours .subheader div {
    width: 100px; 
    display: block;
  font-weight:bold;
      font-size: 0.9rem;
}

.hours .data {
    float: left;
}
.hours .data div {
    width: 70px; 
    display: block;
      font-size: 0.9rem;
    text-align: center;
}




.hours .activiteit {
  	padding: 10px;
    margin-bottom:10px;
  	border-radius: 5px;
  	overflow: auto;
    color: #002a5c;
    border-color: #002a5c;
    border-width: 2px;
    border-style: solid;
}

.hours .activiteit .header {
      font-weight: bold;
  font-size: 1.3rem;
}

.hours .activiteit .data div:nth-child(1) {
/*    display:inline-block;
  	width:20%;*/

    font-weight: bold;
    font-size: 0.9rem;
}

.hours .activiteit .onacceptabel {
    color: #fff;
    background-color: #ca4876;
}

.sppb-addon-feature.onacceptabel  {
    padding : 5px;
    margin: 5px;
    color: #fff;
    background-color: #ca4876;
    border-width: 2px;
    border-color: #002A5C;
    border-style: solid;
    border-radius: 5px; 
}

.hours .activiteit .onvoldoende {
    color: #002A5C;
    background-color: #f8d7da;
}

.sppb-addon-feature.onvoldoende  {
    padding : 5px;
    margin: 5px;
    color: #002A5C;
    background-color: #f8d7da;
    border-width: 2px;
    border-color: #002A5C;
    border-style: solid;
    border-radius: 5px; 
}

.hours .activiteit .zeer-matig {
	color: #002A5C;
    background-color: #ff9a21;
}

.sppb-addon-feature.zeer-matig  {
    padding : 5px;
    margin: 5px;
    color: #002A5C;
    background-color: #ff9a21;
    border-width: 2px;
    border-color: #002A5C;
    border-style: solid;
    border-radius: 5px; 
}


.hours .activiteit .matig {
	color: #002A5C;
    background-color: #fff3cd;
}

.sppb-addon-feature.matig  {
    padding : 5px;
    margin: 5px;
    color: #002A5C;
    background-color: #fff3cd;
    border-width: 2px;
    border-color: #002A5C;
    border-style: solid;
    border-radius: 5px; 
}


.hours .activiteit .bijna-voldoende{
    color: #002A5C;
    background-color: #E1EFC4;
}

.sppb-addon-feature.bijna-voldoende  {
    padding : 5px;
    margin: 5px;
    color: #002A5C;
    background-color: #E1EFC4;
    border-width: 2px;
    border-color: #002A5C;
    border-style: solid;
    border-radius: 5px; 
}


.hours .activiteit .voldoende{
    color: #002A5C;
    background-color: #afe2f3;
}

.sppb-addon-feature.voldoende  {
    padding : 5px;
    margin: 5px;
    color: #002A5C;
    background-color: #afe2f3;
    border-width: 2px;
    border-color: #002A5C;
    border-style: solid;
    border-radius: 5px; 
}

.sppb-addon-feature.goed  {
    padding : 5px;
    margin: 5px;
    color: #002A5C;
    background-color: #f8f8f8;
    border-width: 2px;
    border-color: #002A5C;
    border-style: solid;
    border-radius: 5px; 
}


/* Percelen */

.perceelblok {
  display:grid;
  grid-gap: 0.5em;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 40px 60px 300px 55px 110px;
}

.perceeltitel {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
  /* margin:0.5em; */
}

.perceeltitel h2 {
  font-size: 30px !important;
}

.perceelloc {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;  
  /* margin:0.5em; */
}

.perceelnr {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 4; 
  justify-self: end; 
  align-self: start;
  font-size: 30px;
  font-weight: 700;
  background-color: #002A5C;
  border-radius: 50%;
  color: #ffffff;
  width:80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index:2000;
}

.pdfs {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 5;
  grid-row-end: 6;
  display:flex;
  flex-flow: row wrap;
  margin:-0.1em;
}

.pdfs a {
  text-decoration: none;
}

.pdfs > div{
   flex-grow: 1;
   flex-basis: 50%;
   margin: 0.1em;
}

.perceelnav {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 4;
  grid-row-end: 5;
  margin-bottom: 0.5em;
}

.perceelmap {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
  /* margin: 0.5em; */
}


.leasymap {
        /* Important: the element needs a height! */
        height: 300px; /* adjust this as you need it */

        /* the following css is optional */
        /*border: 1px solid #002a5c;*/
        border-radius: 10px;
      }

      .blokwit .leaflet-bar a, .blokwit .leaflet-bar a:hover {
        background-color: #fff;
        border-bottom: 1px solid #ccc;
        width: 26px;
        height: 26px;
        line-height: 26px;
        display: block;
        text-align: center;
        text-decoration: none;
        color: black;
    }