/* 
    Document   : stijl
    Created on : 13-jul-2012, 21:54:54
    Author     : Karl
    Description:
        Global stylesheet.


GREEN
a7cf4e
rgb(179,203,51)
6baf55 127, 179, 102
rgb(113,168,65)
448249
rgb(64,129,61)
OWN GREEN
7FB366
rgb(127,179,102)
528A37
rgb(82, 138, 55)

BROWN
79421e
rgb(127,66,26)

BLACK
231f20
rgb(26,23,27)

GRAY
4d4d4f
rgb(75,75,77)
*/
@font-face {
    font-family: TallDark;
    src: url(../fonts/talldark.woff);
}
@font-face {
    font-family: CaviarDreams;
    src: url(../fonts/CaviarDreams.woff);
}
@font-face {
    font-family: CalibriRegular;
    src: url(../fonts/CalibriRegular.woff);
}

html{
    height: 100%;
}

body{
    font-size: 120%;
    background-color: rgb(82, 138, 55);
    /*    background-image: url('../images/background-logo.png');*/
    background-image: url('../images/logo-background.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 20% auto;
    background-attachment: fixed;
    color: rgb(26,23,27);
    min-height: calc(100% - 26px - 3em);
    margin: 0;
    position: relative;
    margin-bottom: 3em;
    font-family: 'Trebuchet MS';
}

h1, h2, h3, h4, h5, h6{
    font-family: TallDark;
    letter-spacing: 2px;
    line-height: 1em;
}

body.public{
    background-color: #F5F5F5;
}

body.public .homepage .message h1,
body.public .homepage .message h2,
body.public .homepage .message h3,
body.public .homepage .message h4,
body.public .homepage .message h5,
body.public .homepage .message h6{
    color: rgb(113, 168, 65);
}

body.public .homepage > .leftBar > .submenu a,
body.public .homepage > .leftBar > .partners > h1,
body.public .homepage > .leftBar > .partners > h2,
body.public .homepage > .leftBar > .partners > h3,
body.public .homepage > .leftBar > .partners > h4,
body.public .homepage > .leftBar > .partners > h5,
body.public .homepage > .leftBar > .partners > h6{
    color: #F5F5F5;
}

div#footer {
    position: absolute;
    bottom: -3em;
    text-align: center;
    left: 0;
    right: 0;
    margin-top: 1em;
    color: rgb(113, 168, 65);
}

div#footer p{
    margin: 0.2em 0;
}

.homepage{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 4em;
}

.homepage h1{
    text-align: center;
    color: rgb(113, 168, 65);
}

.homepage h1 a, .homepage h1 a:visited, .homepage h1 a:active{
    color: rgb(113, 168, 65);
    text-decoration: none;
}

.homepage h1 a:hover{
    text-decoration: underline;
}

.homepage > .overview, .homepage > .overview_items{
    width: 86%;
    width: calc(86% - 4vh);
    left: 0;
    margin-left:0;
    margin-left:4vh;
    float: left;
    display: inline-block;
    min-height: 100%;
}

.homepage > .overview{
    width: 66%;
    width: calc(66% - 4vh);
}

.homepage > .overview_items{
    padding: 0.5em;
    margin-top: 0.5em;
    width: calc(100% - 12em - 2em);    
    padding-top: 0;
    margin-top: 0;
/*    background-color: rgb(64,129,61);
    border-radius: 0.5em;*/
}
@media screen and (min-width: 1240px) {
    .homepage > .overview {
        width: calc(100% - 20%);
    }
    .homepage > .overview_items{
        width: calc(100% - 20%);
    }
}

.homepage > .overview_items > .message_link{
    width: calc(25% - 1em);
    margin: 0.5em;
    border-radius: 0.5em;
    background-color: rgb(64,129,61);
    float: left;
    position: relative;
    overflow: hidden;
}

.homepage > .overview_items > .message_link img{
    /* max-width: 100%; */
    /* max-height: 100%; */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.homepage > .overview_items > .message_link > .message_link_title{
    position: absolute;
    bottom: 0em;
    left: 0;
    right: 0;
    padding: 0.25em;
    background: rgba(0, 0, 0, 0.7);
    color: rgb(179,203,51);
    display: none;
}

.homepage > .overview_items > .message_link:hover > .message_link_title{
    display: block;
}

.homepage > .overview_items > .message_link > .message_link_title p{
    margin: 0;
}

@media screen and (max-width: 560px) {
    .homepage > .overview_items > .message_link{
        width: calc(100% - 1em);
    }
}

@media screen and (min-width: 560px) {
    .homepage > .overview_items > .message_link{
        width: calc(50% - 1em);
    }
}

@media screen and (min-width: 1024px) {
    .homepage > .overview_items > .message_link{
        width: calc(33% - 1em);
    }
}

@media screen and (min-width: 1460px) {
    .homepage > .overview_items > .message_link{
        width: calc(25% - 1em);
    }
}

.homepage > .leftBar{
    min-width: 10em;
    width: 12%;
    left:80%;
    float:left;
    margin: 1em 1% 0;
}

.homepage > .leftBar > .partners,
.homepage > .leftBar > .submenu{
    background-color: rgb(64,129,61);
    padding: 2%;
    border-radius: 0.5em;
    margin-bottom: 10%;
    word-wrap: break-word;
}

.homepage > .leftBar > .submenu{
    padding: 5%;
}

.homepage > .leftBar > .submenu a.current{
    font-weight: bold;
}

.homepage > .leftBar > .submenu a{
    display: block;
    color: rgb(179,203,51);
    margin: 0.15em 0;
    text-decoration: none;
    margin-left: 16%;
    text-indent: -8%;
}

.homepage > .leftBar > .submenu a:hover{
    font-weight: bold;
}

.homepage > .leftBar > .submenu > h2{
    margin: 4px 0 10px;
}

.homepage > .leftBar > .partners > h2{
    margin-top: 5%;
    color: rgb(179,203,51);
    text-align: center;
}

.homepage > .leftBar > .partners > div{
    margin: 5%;
}

.homepage > .leftBar > .partners img{
    max-width: 100%;
    width: 100%;
}

.homepage .message{
    display: inline-block;
    clear: both;
    margin: 0.5em 0;
    padding: 0.5em 0.5em;
    background-color: rgb(64,129,61);
    border-radius: 0.5em;
}
.homepage .message.transparent{
    background-color: transparent;
}

.homepage .message p{
    margin: 0.5em 0;
}

.homepage .message a{
    color:rgb(179,203,51);
}

.homepage .message a:hover{
    font-weight: bold;
}

.homepage .message li{
    margin: 0.25em 0;
}

.homepage .message h1, .homepage .message h2, .homepage .message h3, .homepage .message h4, .homepage .message h5, .homepage .message h6{
    margin: 1em 0;
    color: white;
    text-align: left;
}

.homepage .message h2, .homepage .message h3, .homepage .message h4, .homepage .message h5, .homepage .message h6{
    color: black;
}

.homepage .message img.center{
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
    margin-bottom: 0.25em;
    margin-top: 0.25em;
}

.homepage .message img.right{
    float: right;
    max-width: 100%;
    margin-left: 0.5em;
    margin-bottom: 0.25em;
    margin-top: 0.25em;
}

.homepage .message img.left{
    float: left;
    max-width: 100%;
    margin-right: 0.5em;
    margin-bottom: 0.25em;
    margin-top: 0.25em;
}

root{
    display: block;
}

a, a:visited{
    color: rgb(127,66,26);
}

a:hover{
    color: rgb(75,75,77);
}

html body form table#loginScreen{
    height: 100px;
    margin: auto;
}

html body form table#loginScreen tbody tr td.column2{
    text-align: right;
    padding: 2px;
    width: auto;
}

html body form table#loginScreen tbody tr td.column2{
    padding: 2px;
}

/*
 * Menu
*/
#lijstPaginas{
    width: 60em;
    margin: 0 auto;
    padding: 5px;
    background-color: rgb(113,168,65);
    /*    background-color: #777;*/
    /*    background-color: #B75963;*/
    height: 2em;
}

#lijstPaginas ul{
    font-weight:bold;
    /*    color:#ffffff;*/
    margin:0;
    padding:0;
    list-style:none;
    text-align: center;
}

#lijstPaginas ul li{
    display:block;
    position:relative;
    float:left;
    z-index: 999;
}

#lijstPaginas ul li#right{
    display:block;
    position: relative;
    float: right;
    min-width: 10em;
    text-align: right;
}

#lijstPaginas li ul{
    display:none;
}

#lijstPaginas ul li a{
    display:block;
    margin-left:2px;
    text-decoration:none;
    /*    color: #444444;*/
    color: rgb(64,129,61);
    /*    color:#ffffff;
        border-top:1px solid #B75963;
        background:#6E5463;*/
    /*    border-top: 1px solid rgb(127,66,26);*/
    /*    border-top: 1px solid #999;*/
    /*    margin-top: 2px;*/
    padding: 5px 15px 5px 15px;
    background-color: rgb(179,203,51);
    /*    background-color: #AAA;*/
    white-space:nowrap;
}

#lijstPaginas ul li ul li a {
    border-top: 1px solid rgb(127,66,26);
}

#lijstPaginas ul li a:hover{
    /*    background:#985963;*/
    background: rgb(64,129,61);
    color: rgb(179,203,51);
    /*    background: #CCC;
        color: #444444;*/
    /*    color:inherit;*/
}

#lijstPaginas li#right:hover ul{
    display:block;
    position:absolute;
    width: 100%;
}
#lijstPaginas li:hover ul{
    display:block;
    position:absolute;
}

#lijstPaginas li:hover li{
    font-size:70%;
    clear:left;
    width:20em;
}

#lijstPaginas li#right:hover li{
    font-size:70%;
    clear:left;
    float:right;
    width:10em;
    text-align: right;
}

#lijstPaginas li:hover a{
    /*    background:#985963;*/
    /*    background: #CCC;*/
    background: rgb(179,203,51);
    color:rgb(64,129,61);
}

#lijstPaginas li:hover li a:hover{
    /*    background:#B75963;*/
    /*    background: #AAA;*/
    background: rgb(64,129,61);
    color:rgb(179,203,51);
}

#eventsParcelForm table{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
}

#eventsParcelForm th{
    border: 1px solid #000;
}

#eventsParcelForm th.name{
    border-top: none;
    border-left: none;
}

#eventsParcelForm th.top{
    border-top: none;
    border-left: none;
    border-bottom: none;
}

#eventsParcelForm td{
    border: 1px solid #000;
    padding: 5px;
    text-align: center;
}

#eventsParcelForm td.bottom{
    text-align: right;
    padding-top: 5px;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

#eventsParcelTable th, td{
    position:relative;
    vertical-align: top;
}

#parcelCoordinatsTab td ul{
    height: calc(100% - 4em);
}

#parcelCoordinatsTab td{
    width: 49%;
    vertical-align: top;
    height: 100%;
    display: inline-block;
}

#parcelMainTab #filesTable{
    border-collapse: collapse;
}

#parcelMainTab #filesTable tr td{
    padding: 1px;
    vertical-align: middle;
}

#parcelMainTab #filesTable tr td a img{
    vertical-align: middle;
}

.block{
    background: rgb(127, 179, 102); /* Fall-back for browsers that don't support rgba */
    background: rgba(127, 179, 102, .5);
/*    color: rgb(179,203,51);
    color: rgba(179,203,51, 0.8);
    background-color: rgb(82, 138, 55);
    background-color: rgba(82, 138, 55, 0.7);*/
}
/*
color: rgb(179,203,51);
    color: rgba(179,203,51, 0.8);
    background-color: rgb(82, 138, 55);
    background-color: rgba(82, 138, 55, 0.7);
*/

ul.selectors{
    list-style: none;
    text-align: right;
}

ul.selectors li{
    cursor: pointer;
    padding: 10px;
}

ul.selectors li:hover{
    background-color: rgb(179,203,51);
}

ul.selectors li ul{
    display: none;
    z-index: 999;
    background-color: rgb(179,203,51);
    padding: 0;
    margin: 0;
    margin-left: -103px;
}

ul.selectors li ul li:hover{
    background-color: rgb(113,168,65);
}

ul.selectors li ul li{
    clear:right;
    width: 180px;
    text-align: center;
    margin: 0;
    padding: 5px 10px;
    cursor: pointer;
}

ul.selectors li ul li.selected{
    background-color: rgb(113,168,65);
}

ul.selectors li:hover ul{
    display:block;
    position:absolute;
    background-color: rgb(179,203,51);
}

ul.selectors li{
    margin-left: 20px;
}

#extraBlock h1.extraBlock{
    clear: both;
}

ul.selectors li{
    display: block;
/*    position: absolute;*/
    float: right;
}

select, input, textarea{
    background: rgb(127, 179, 102); /* Fall-back for browsers that don't support rgba */
    background: rgba(127, 179, 102, .5);
    color: rgb(26,23,27);
    border-collapse: separate;
    border: 2px rgb(179,203,51);
    border-style: inset;
    padding-left: 2px;
    /*
    a7cf4e
    6baf55
    448249
    */
}

input[type="button"],input[type="submit"]{
    border-style: outset;/*;*/
}

.level2 table{
    background: rgb(82, 138, 55); /* Fall-back for browsers that don't support rgba */
    background: rgba(82, 138, 55, .5);/*528a37*/
}

.clear_both{
    clear:both;
    height: 15px;
}

.littleJump{
    padding-left: 15px;
}

.loading_popup{
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    z-index: 11000;
    width: 100%;
    height: 100%;
    position: fixed;
}

.loading_popup img{
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    left: 50%;
    margin-left: -40px;
}

.popup{
    display:none;
    background: #333;
    padding: 10px;
    border: 2px solid #ddd;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; left: 50%;
    z-index: 9999;
    width: 264px;
    box-shadow: 0px 0px 20px #999;
    -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
    border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

#mask, #errormask, .mask {
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 999;
}

.loading_mask{
    display: none;
    background: #000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 9999;
}

.loading_mask .loading_image{
    position: absolute;
    top: 50%;
    margin-top: -80px;
    height: 160px;
    width: 160px;
    margin-left: -80px;
    left: 50%;
}

.loading_mask .loading_text{
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin-top: 50px;
    position: absolute;
    opacity: 1;
    color: #528A37;
}

.loading_mask .loading_progress_text{
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin-top: -0.5em;
    position: absolute;
    opacity: 1;
    color: #528A37;
}

.loading_mask .loading_status_text{
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin-top: 10px;
    position: absolute;
    opacity: 1;
    color: #528A37;
    font-size: 0.4em;
}

.fout{
    color: #BB0000;
}

td.fout{
    text-align: center;
}

tr.color{
    /*    background: #7fb366;
        opacity:0.5;
        filter:alpha(opacity=50);*/
    background: rgb(127, 179, 102); /* Fall-back for browsers that don't support rgba */
    background: rgba(127, 179, 102, .3);
    /*    background-color: #CCC;*/
}

.tabbedPane tr.color{
    background: rgb(82, 138, 55); /* Fall-back for browsers that don't support rgba */
    background: rgba(82, 138, 55, .5);
}

#multiSelectorBox{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(50, 50, 50); /* Fall-back for browsers that don't support rgba */
    background: rgba(50, 50, 50, .95);
    z-index: 10;
    padding: 1em;
    display: none;
    min-height: 1.6em;
    font-size: 0.9em;
}

#multiSelectorBox input{
    position: absolute;
    right: 1em;
    top: 1em;
    bottom: 1em;
    width: 7em;
    min-height: 3em;
    padding: 0;
    white-space: inherit;
    text-align: center;
}

#multiSelectorBox #multiSelectorItems{
    margin-right: 5.5em;
}

#multiSelectorBox #multiSelectorItems .item{
    display: inline-block;
    margin-right: 0.5em;
}

#multiSelectorBox #multiSelectorItems .item img{
    max-width: 1em;
    max-height: 1em;
    margin-left: 0.25em;
}

#rapportForm table{
    margin: 0 auto;
    border-collapse:collapse;
}
#rapportForm table th{
    text-align: left;
    padding-left: 5px;
}

#rapportForm table td{
    padding-left: 6px;
}

#rapportForm .id{
    width: 30px;
}

#rapportForm .name{
    width: 100px;
}

#rapportForm .gemeente{
    width: 100px;
    cursor: pointer;
}

#rapportForm .opp{
    width: 150px;
}

#rapportForm .aard{
    width: 150px;
}

#rapportForm .soort{
    width: 150px;
}

#rapportForm .functie{
    width: 150px;
}

#rapportForm .ligging{
    width: 150px;
}

#rapportForm .afspraken{
    width: 150px;
}

#rapportForm .rapportCheckBox{
    width: 25px;
    display: none;
}

#rapportForm .edit{
    width: 25px;
    text-align: center;
}

#rapportForm .pdf{
    width: 25px;
    text-align: center;
}

#rapportForm .edit img{
    padding-top: 3px;
}

#rapportForm .pdf img{
    padding-top: 3px;
    width: 19px;
    height: 19px;
}

#selectionsDiv{
    margin: -25px auto 0;
    width: 860px;
}

#selectionsDiv #selections{
    text-align: center;
    z-index: 100;
    width: 100%;
}

#selectionsDiv #selections li{
    padding: 10px 15px;
    display: inline;
    position: relative;
    float: left;
    cursor: pointer;
}

#selectionsDiv #selections li ul{
    display: none;
}

#selectionsDiv #selections li ul li{
    display: block;
    border-top: 1px solid rgb(127,66,26);
}

#selectionsDiv #selections li:hover{
    background-color: rgb(179,203,51);
}

#selectionsDiv #selections li:hover ul li:hover, #selectionsDiv #selections li:hover ul li.selected{
    background-color: rgb(179,203,51);
}

#selectionsDiv #selections li:hover ul{
    background-color: rgb(113,168,65);
    padding: 0;
    margin-left: -15px;
    margin-top: 10px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 100;
}

#selectionsDiv #selections li:hover ul li{
    padding-top: 5px;
    padding-bottom: 5px;
    width: 200px;
}

#selectionsDiv #selections li:hover ul.companySelectionDiv, #selectionsDiv #selections li:hover ul.personSelectionDiv{
    margin-left: -150px;
}

#selectionsDiv #selections li:hover ul.companySelectionDiv li, #selectionsDiv #selections li:hover ul.personSelectionDiv li{
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.8em;
    width: 370px;
}

/*#selections .selectionDiv{
    display: none;
    position: absolute;
}

#selections .selectionDiv li{
    display: block;
    cursor: pointer;
    text-align: left;
}*/

table#registrationUserTable{
    margin: 0 auto;
    border-collapse: collapse;
}

table#registrationUserTable th{
    line-height: 85%;
    text-align: left;
    padding: 0px 5px;
}

table#registrationUserTable tr:hover{
    cursor: pointer;
}

table#registrationUserTable td{
    padding: 2px 5px;
}

.popup img.btn_close {
    float: right;
    margin: -28px -28px 0 0;
    width: 32px;
    height: 32px;
}

.popup fieldset {
    border:none;
}

.popup form.signin  label {
    display:block;
    padding-bottom:7px;
}

.popup form.signin  span {
    display:block;
}

.popup form.signin p, .popup form.signin span {
    color:#999;
    font-size:11px;
    line-height:18px;
}


#ownerName{
    color:#999;
    text-transform:uppercase;
    text-align: center;
}

.popup form.signin  input,.popup form.signin  textarea, .popup form.signin select {
    background:#666666;
    border-bottom:1px solid #333;
    border-left:1px solid #000;
    border-right:1px solid #333;
    border-top:1px solid #000;
    color:#fff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font:13px Arial, Helvetica, sans-serif;
    padding:6px 6px 4px;
    width:250px;
}

.popup form.signin select{
    width: 263px;
}

.popup form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
.popup form.signin input:-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

.popup .button {
    background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
    background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
    border-color:#000;
    border-width:1px;
    border-radius:4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color:#333;
    cursor:pointer;
    display:inline-block;
    padding:6px 6px 4px;
    margin-top:10px;
    font:12px;
    width:101px;
}

.popup .button:hover {
    background:#ddd;
}

#extraPopup{
    width: 414px;
}

#addMultipleCoordinatsPopup{
    width: 540px;
}

.popup form.signin  label.inline{
    display: inline-block;
}

#extraPopup input, #extraPopup textarea{
    width: 400px;
}

#extraPopup span span .level{
    width: 200px;
    font: 10px Arial, Helvetica, sans-serif;
    padding: 4px 4px 2px;
}

#extraPopup span span .level:first-child{
    color: #999999;
}

#extraPopup span span{
    text-align: right;
    margin-top: -20px;
}

#extraPopup textarea{
    background: #666666;
    border-bottom: 1px solid #333;
    border-left: 1px solid #000;
    border-right: 1px solid #333;
    border-top: 1px solid #000;
    color: #fff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font: 13px Arial, Helvetica, sans-serif;
    padding: 6px 6px 4px;
}

#extraPopup select{
    width: 414px;
    background: #666666;
    border-bottom: 1px solid #333;
    border-left: 1px solid #000;
    border-right: 1px solid #333;
    border-top: 1px solid #000;
    color: #fff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font: 13px Arial, Helvetica, sans-serif;
    padding: 6px 6px 4px;
}

#extraBlock h1{
    text-align: center;
}

#extraBlock .addExtraButton{
    text-align: center;
}

#extraBlock{
    width: 950px;
    margin: 0 auto;
    padding: 20px;
}

#extraBlock table{
    table-layout:fixed;
    border-collapse: collapse;
    cellspacing:0;
}

#extraBlock table tr:hover{
    background: rgb(113,168,65);
}

#extraBlock table tr td.left{
    width: 43%;
    padding-left: 1%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#extraBlock table tr td.center{
    text-align: center;
    width: 18%;
}

#extraBlock table tr td.right{
    text-align: right;
    width: 37%;
    padding-right: 1%;
}

.editDataScreen{
    /*    display: inline;*/
    float: none;
    clear: both;
    margin: 0 auto;
}

.editDataScreen li #persoonBlock{
    width: 37.5em;
}

.editDataScreen li{
    display: inline-block;
    margin: 15px;
    list-style: none;
}

#background_text p{
    margin: 0;
    padding: 0;
    min-height: 0.3em;
    line-height: 1em;
    color: rgb(113,168,65);
    text-align: center;
}

#background_text p.small{
    font-size: 0.4em;
}

#background_text{
    font-size: 7.7vh;/*2.5em;*/
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    /*    right: 0;*/
    height: 100%;
    vertical-align:middle;
    z-index: -1;
    margin: auto;
    overflow: hidden;
    margin-top: 0.4%;
    margin-left: 0.2%;
}

p#rapportSortSelections a{
    color: inherit;
    line-height: 1.2em;
}

p#rapportSortSelections a.selected{
    /*    background-color: #448249;*/
    /*    background: rgb(68, 130, 73);  Fall-back for browsers that don't support rgba
        background: rgba(68, 130, 73, .5);#6baf55*/
    /*    background: rgb(127, 179, 102);  Fall-back for browsers that don't support rgba
        background: rgba(127, 179, 102, .5);*/
    /*    background: rgb(107, 175, 85);  Fall-back for browsers that don't support rgba*/
    /*    background: rgba(107, 175, 85, .5);*/
    text-decoration: none;
    cursor: default;
    padding-bottom: 1%;
    padding-top: 1%;
    font-weight: bold;
}

p#rapportSortSelections a:hover{
    font-weight: bold;
    line-height: normal;
}

.formerOwnerButtonColumn{
    width: 20px;
    text-align: center;
    vertical-align: middle;
}

.sortable{
    cursor: pointer;
}

td.editExtraLink, td.editAardLink, td.editBedrijfLink, td.editEventsLink, td.editNotarisLink, td.editFunctieLink, td.editLiggingLink, td.editPersoonLink{
    cursor: pointer;
}

#filterHeader{
    font-size: 1.7em;
    text-align: center;
}

#filterHeader span#filterHeaderActive{
    font-size: 0.5em;
}

#filterHeader span#filterHeaderActive a{
    color: rgb(26,23,27);
}

#filterHeader span#filterHeaderActive a:hover{
    font-weight: bold;
}

.hoverComment, .smallInfoPopup{
    background: rgb(127, 179, 102);
    /*    background: rgba(127, 179, 102, .5);*/
    border: 1px solid rgb(26,23,27);
    position: absolute;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.hoverComment{
    width: 300px;
    padding: 5px;
    text-align: center;
}

.smallInfoPopup{
    max-width: 400px;
    overflow: hidden;
    padding: 15px;
}

.smallInfoPopup br{
    margin-bottom: 30px;
    line-height: 1.5em;
}

.userOverviewUserDetail, .userOverviewRemoveButton, .formerOwnerButtonColumn{
    cursor: pointer;
}

#filterTextDiv{
    text-align: center;
    font-size: 0.8em;
    min-height: 0.8em;
    height: 0.8em;
    height: 20px;
    margin-bottom: 15px;
}

#filterText, #filtersText p{
    margin: 0;
    padding: 0;
}

.parcelError{
    color: rgb(155, 0, 0);
    text-align: center;
    margin-bottom: 15px;
}

.parcelError a{
    color: rgb(155, 0, 0);
    line-height: 1.1em;
}

.parcelError a:hover{
    color: rgb(155, 0, 0);
    font-weight: bold;
    line-height: 1.1em;
}

#underConstruction{
    margin: 0 auto;
    width: 90%;
}

#underConstruction img{
    width: 100%;
}

#extraMainDiv{
    color: rgb(179,203,51);/*113,168,65);*/
    color: rgba(179,203,51, 0.8);/*113,168,65);*/
}

#extraMainDiv .no-info{
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}

#extraMainDiv .extraInfoDiv{
    display: block;
    width: 800px;
    margin: 0 auto;
    background-color: rgb(82, 138, 55);
    background-color: rgba(82, 138, 55, 0.7);
    border-bottom: 2px solid rgb(64,129,61);
    border-bottom: 2px solid rgb(64,129,61,0.7);
    cursor: pointer;
}

#examplePopupTable{
    color: #999;
    font-size: 14px;
}

#extraMainDiv div:last-child{
    border-bottom: none;
}

#extraMainDiv .extraInfoDiv .extraInfoCommentClosedDiv{
    padding: 20px 10px;
    margin-top: -30px;
}

#extraMainDiv .extraInfoDiv .extraInfoMainDiv{
    padding: 20px 10px;
}

#extraMainDiv .extraInfoDiv:hover{
    color: rgb(82, 138, 55);
    background-color: rgb(179,203,51);/*113,168,65*/
    background-color: rgba(179,203,51, 0.7);
}

#extraMainDiv .extraInfoDiv .extraInfoMainDiv .extraInfoMainDatumDiv{
    display: table-cell;
    width: 170px;
    padding-left: 10px;
}

#extraMainDiv .extraInfoDiv .extraInfoMainDiv .extraInfoMainTitelDiv{
    display: table-cell;
    width: 590px;
    padding-right: 10px;
}

#extraMainDiv .extraInfoDiv .extraInfoCommentClosedDiv{/* .extraInfoCommentDiv*/
    font-style: italic;
}

.contactBlock{
    margin: 0 auto 1em;
    width: 30em;
    background-color: rgb(113,168,65);
    padding: 1.5em;
    color: rgb(179,203,51);
}

#sendingBlock, #doneSendingBlock{
    text-align: center;
}

#sendingBlock p, #doneSendingBlock p{
    margin: 0;
    padding: 0;
}

#sendingBlock p span#hideSpan{
    color: rgb(113,168,65);
}

#contactForm textarea{
    width: 100%;
    max-width: 100%;
    height: 15em;
    background-color: rgb(113,168,65);
    color: rgb(179,203,51);
}

#contactForm input[type=text]{
    width: 30em;
    padding: 0;
    margin: 0;
    background-color: rgb(113,168,65);
    color: rgb(179,203,51);
}

#contactForm p.contactTitle{
    margin: 1em 0 0 0;
    font-weight: bold;
    font-size: 0.8em;
}

#contactForm p.contactTitle:first-child{
    margin: 0;
}

#contactForm #contactButton {
    text-align: right;
    margin: 0.5em 0 0 0;
}

#contactForm #contactButton button{
    width: 10em;
    height: 2em;
    color: rgb(64,129,61);
    font-weight: bold;
    background: rgb(179,203,51);
    border: 2px solid rgb(127,179,102);
}

#contactForm #contactButton button:hover{
    border: 2px solid rgb(82, 138, 55);
    background: rgb(179,203,51);
    color: rgb(64,129,61);
}

#contactForm #contactButton button:active{
    border: 2px solid rgb(127,179,102);
    background: rgb(64,129,61);
    color: rgb(179,203,51);
}

#map-holder{
    position: relative;
}

#map-holder #map-legend{
    position:absolute;
    top:0.5em;
    right:0.5em;
}

#map-holder #map-legend #map-legend-content{
    width:100%;
    height:100%;
    background-color:white;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    border-radius: 0.5em;
    margin-bottom: 1em;
}

#map-holder #map-legend #map-legend-button{
    position:absolute;
    width:1.5em;
    height:1.5em;
    top:0.25em;
    right:0.25em;
    background-image:url('data:image/png;base64,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');
    background-size: 1em 1em;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#map-holder #map-legend.closed #map-legend-button{
    background-image:url('data:image/png;base64,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'); 
}

#map-holder #map-legend.closed #map-legend-content{
    display: none;
}

#map-holder #map-legend #map-legend-content .map-legend-content-line{
    margin-left: 0.6em;
    margin-right: 2.0em;
    white-space: nowrap;
    cursor: url('../images/eye_hidden_icon.cur'), pointer;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently not supported by any browser */
}
#map-holder #map-legend #map-legend-content .map-legend-content-line.hidden{
    cursor: url('../images/eye_icon.cur'), pointer;
}

#map-holder #map-legend #map-legend-content .map-legend-content-line .map-legend-content-color{
    width: 1em;
    height: 1em;
    vertical-align: middle;
    display: inline-block;    
    margin-bottom: 0.2em;
}

#map-holder #map-legend #map-legend-content .map-legend-content-line .map-legend-content-title{
    display: inline-block;
    padding: 0.25em;
}

#map-holder #map-legend #map-legend-content .map-legend-content-line.hidden .map-legend-content-color{
    opacity: 0.35;
}

#map-holder #map-legend #map-legend-content .map-legend-content-line.hidden .map-legend-content-title{
    color: gray;
}

/*http://learn.shayhowe.com/advanced-html-css/transitions-animations/*/
.card-container {
    perspective: 600;
    position: relative;
}

.card-container .card {
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: all 1s ease-in-out;
    width: 100%;
}

.card-container .card:hover {
    transform: rotateY(180deg);
}

.card-container .card .side {
    backface-visibility: hidden;
    height: 100%;
    position: absolute;
    width: 100%;
    overflow: hidden;
}

.card-container .card .back {
    transform: rotateY(180deg);
}
/*
GREEN
a7cf4e
rgb(179,203,51)
6baf55 127, 179, 102
rgb(113,168,65)
448249
rgb(64,129,61)
OWN GREEN
7FB366
rgb(127,179,102)
528A37
rgb(82, 138, 55)
*/