@charset "utf-8";
/*

kleuren:
login knop				#00dfd3
rood errormelding		#ff0000
groen errormelding		#04b600
donkerblauw hover		#004478
grijs help				#eeeeee
tekst login box	actief	#555555
tekst login box placeh	#dddddd
donkerblauw border dd	#1e6295
lichtblauw border dd	#89b0ce

*/

/* algemeen */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* backgrounds */
#login {
    background: url(../images/background-login.jpg) no-repeat center;
    background-size: cover;
}

#error {
    background: url(../images/background-error.jpg) no-repeat center;
    background-size: cover;
}

#wwkwijt {
    background: url(../images/background-wwkwijt.jpg) no-repeat center;
    background-size: cover;
}

#hulp {
    background: url(../images/background-help.jpg) no-repeat center;
    background-size: cover;
}

/* login pagina */
#loginBox {
    width: 400px;
    height: 222px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -111px;
}

    #loginBox * {
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        float: left;
    }


#taalButton {
    width: 80px;
    height: 40px;
    float: left;
    background: #eee;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    cursor: pointer;
    color: #000;
}

#globe {
    width: 50%;
    height: 100%;
    line-height: 40px;
    color: black;
}

/* language box */
div#language {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    display: none;
    z-index: 10001;
}

div#talen {
    position: absolute;
    width: 296px;
    height: 64px;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -148px;
}

    div#talen a {
        margin-right: 5px;
        padding-right: 5px;
        margin-left: 0 !important;
        float: left
    }

        div#talen a img {
            float: left;
        }

#loginBox_help {
    width: 400px;
    height: 40px;
    float: left;
    margin-bottom: 20px;
}

    #loginBox_help a#helpBtn {
        width: 40px;
        height: 32px;
        float: right;
        display: block;
        background: #eee;
        overflow: hidden;
        padding-top: 8px;
    }

        #loginBox_help a#helpBtn .set {
            float: right;
            clear: right;
            width: 40px;
            height: 40px;
        }

        #loginBox_help a#helpBtn:hover {
            background: url(../images/form_help.png) no-repeat right #fff;
            width: 150px;
        }

            #loginBox_help a#helpBtn:hover .hover {
                display: block;
                float: right;
                width: 110px;
            }


#loginBox_form, #wwWijzigenBox_form {
    width: 370px;
    height: 100px;
    padding: 0px;
    padding-left: 30px;
    float: left;
    margin-bottom: 20px;
    background: #fff;
}

#wwWijzigenBox_form {
    height: auto;
}

.loginBox_form_divider {
    width: 340px;
    height: 1px;
    float: left;
    background: #eee;
}

#loginBox_btns {
    width: 400px;
    height: 50px;
    float: left;
}

    #loginBox_btns a#wachtwoordBtn {
        float: left;
        display: block;
        width: auto;
        height: 37px;
        padding: 13px 20px 0 20px;
    }

        #loginBox_btns a#wachtwoordBtn:hover {
            background: #004478;
        }

    #loginBox_btns span {
        float: left;
        display: block;
        width: auto;
        height: 40px;
        padding: 10px 20px 0 20px;
    }

#pnlSuccess {
    padding: 10px;
    margin-right: 30px;
    margin-top: 10px;
}

    #pnlSuccess a {
        color: #04b400;
    }

        #pnlSuccess a:hover {
            text-decoration: underline;
        }
/* hulp pagina */
#helpBox {
    width: 400px;
    height: 630px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -315px 0 0 -200px;
}

    #helpBox * {
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

#helpBox_content {
    width: 340px;
    height: 460px;
    padding: 30px;
    float: left;
    margin-bottom: 20px;
    background: #fff;
}


/* startscherm pagina */

/* top */

div#topbar {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0;
    background: url(../images/border-top-ag.png) bottom repeat-x #eee;
    z-index: 90;
}

div#top_locatie {
    float: left;
    margin-left: 90px;
    padding-top: 18px;
    height: 62px;
    width: 50%;
}

    div#top_locatie div {
        cursor: pointer;
    }

div.top_loc_optie {
    float: left;
    height: 23px;
    padding: 8px 10px 10px 10px;
    margin-right: 10px;
}

div#absmodule {
}
/*
div.selected span {
    background: url(../images/locatie_pijl.png) no-repeat right 14px;
    padding-right: 25px;
}
*/

div.top_loc_optie.set {
    background: none;
}

div.top_loc_dropdown {
    position: absolute;
    height: auto;
    width: 260px;
    display: none;
    margin-left: -10px;
    z-index: 999 !important;
}

    div.top_loc_dropdown div {
        cursor: auto !important;
    }

div.dropdown_pointer {
    width: 240px;
    height: 11px;
    margin-left: 20px;
    background: url(../images/top_dd_gray.png) no-repeat;
    float: left;
}

div.dropdown_box {
    width: 284px;
    height: auto;
    padding: 0px 20px;
    background: #999999;
    float: left;
}

div.dropdown_box_opties {
    width: 285px;
    float: left;
}

div.dropdown_box_titel {
    width: 300px;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #555;
}

div.dropdown_box_list {
    border-top: 1px solid #aaa;
}

div.dropdown_box_opties ul {
    list-style: none;
    padding: 0;
}

    div.dropdown_box_opties ul li {
        /*    border-bottom: 1px solid #aaa;*/
    }

/* rapportage dropdown */
div#toon_rapportage {
    margin-left: -210px;
    margin-top: 41px;
}


div#toon_hulp {
    margin-left: -160px;
    margin-top: 41px;
}

div#toon_account {
    margin-left: -110px;
    margin-top: 41px;
}

    div#toon_rapportage div.dropdown_pointer,
    div#toon_hulp div.dropdown_pointer,
    div#toon_account div.dropdown_pointer {
        background-position: 213px 0;
        margin: 0;
        width: 260px;
    }

div#top_info {
    float: right;
    height: 60px;
    padding-top: 20px;
}

div#top_buttons {
    float: left;
    width: auto;
    padding: 0 20px;
    /* background: url(../images/border-stat.png) left no-repeat;*/
}

a#top_reset {
    background: url(../images/buttons/btn_reset.png) top;
    width: 40px;
    height: 41px;
    margin: 4px 0 0 10px;
}

    a#top_reset:hover {
        background-position: bottom;
    }

a#top_help {
    background: url(../images/buttons/btn_help.png) top;
    width: 40px;
    height: 41px;
    margin-left: 10px;
}

    a#top_help:hover {
        background-position: bottom;
    }

a#btn_loguit {
    background: url(../images/iconen/icoon_account.png) top;
    width: 40px;
    height: 41px;
    margin-left: 10px;
}

    a#btn_loguit:hover {
        background-position: bottom;
    }

a#top_rapportage {
    background: url(../images/buttons/btn_rapportage.png) top;
    width: 40px;
    height: 41px;
}

    a#top_rapportage:hover {
        background-position: bottom;
    }

a#top_massa, a.top_massa {
    background: url(../images/iconen/icoon_massa.png) top;
    width: 40px;
    height: 42px;
    margin-right: 12px;
}

    a#top_massa:hover, a.top_massa:hover {
        background-position: bottom;
    }
/* menu */

div#menu {
    position: fixed;
    top: 0;
    background: #eee;
    height: 100%;
    width: 90px;
    float: left;
    z-index: 91;
}

div#menu_logo {
    width: 90px;
    height: 65px;
    padding-top: 15px;
    float: left;
}

a.logo_abs {
    width: 60px;
    height: 50px;
    margin-left: 15px;
    background: url(../images/logo-abs.png) top;
}

    a.logo_abs:hover {
        background-position: bottom;
    }

div#menu_items {
    width: auto;
    float: left;
}

a.menu_btn {
    width: 70px;
    height: 50px;
    padding: 0 0 10px 0;
    margin: 0 0 8px 10px;
    overflow: hidden;
}

    a.menu_btn.set {
        background: #fff;
    }

    a.menu_btn:hover {
        background: #fff;
    }

    a.menu_btn.set:hover {
        /*background: #fff;*/
    }

    a.menu_btn span {
        float: left;
        display: block;
        width: 70px;
        height: 40px;
        margin-bottom: 0px;
        background-position: center !important;
    }

    a.menu_btn:hover span {
        background-position: top !important;
    }

    a.menu_btn.set span {
        background-position: bottom !important;
    }

    a.menu_btn span.aantal {
        display: none;
        min-width: 15px;
        width: auto;
        height: auto;
        padding: 3px;
        background: #fff;
        position: absolute;
        margin: -4px 0 0 45px;
    }

    a.menu_btn:hover span.aantal {
        background: #3377ab;
        display: block;
    }

    a.menu_btn.set span.aantal {
        background: #ff9600;
    }

a.first {
    border-top: 0;
}

span.overzicht {
    background: url(../images/buttons/btn_overzicht.png) no-repeat;
}

span.acties {
    background: url(../images/buttons/btn_acties.png) no-repeat;
}

span.bedrijven {
    background: url(../images/buttons/btn_bedrijven.png) no-repeat;
}

span.beheer {
    background: url(../images/buttons/btn_beheer.png) no-repeat;
}

span.meerjaren {
    background: url(../images/buttons/btn_begroting.png) no-repeat;
}

span.moederboek {
    background: url(../images/buttons/btn_moederboek.png) no-repeat;
}

span.magazijn {
    background: url(../images/buttons/btn_magazijn.png) no-repeat;
}

span.account {
    background: url(../images/buttons/btn_account.png) no-repeat;
}

span.offertes {
    background: url(../images/buttons/btn_offertes.png) no-repeat;
}

span.financien {
    background: url(../images/buttons/btn_financieel.png) no-repeat;
}

/* content */
div#content {
    float: left;
}

/* KAART */

div#ovz_kaart {
    width: 100%;
    height: 40%;
}

/* start map opties */
a#up {
    width: 20px;
    height: 20px;
    background: url(../images/map/vergroot.png) no-repeat top;
    padding: 10px;
}

a#down {
    width: 20px;
    height: 20px;
    background: url(../images/map/verklein.png) no-repeat top;
    padding: 10px;
}

a#legenda {
    width: 20px;
    height: 20px;
    background: url(../images/map/legenda.png) no-repeat top;
    padding: 10px;
}

a#default {
    width: 20px;
    height: 20px;
    background: url(../images/map/default.png) no-repeat top;
    padding: 10px;
}

div#toon_legenda a {
    width: 20px;
    height: 20px;
    padding: 10px;
    border-bottom: 1px solid #777;
    border-top: 1px solid #aaa;
    margin: 0 4px 4px 0;
}

    div#toon_legenda a:hover {
        background-color: #fff !important;
        background-position: bottom !important;
        border-top: 1px solid #777;
        border-bottom: 1px solid #aaa;
    }

a#objecten {
    background: url(../images/map/objecten.png) no-repeat top;
}

a#leveranciers {
    background: url(../images/map/leveranciers.png) no-repeat top;
}

a#fabrikanten {
    background: url(../images/map/fabrikanten.png) no-repeat top;
}

a#installateurs {
    background: url(../images/map/installateurs.png) no-repeat top;
}

a#acties {
    background: url(../images/map/acties.png) no-repeat top;
}

a#vervallen {
    background: url(../images/map/vervallen.png) no-repeat top;
}

a#voltooid {
    background: url(../images/map/voltooid.png) no-repeat top;
}

a#open {
    background: url(../images/map/open.png) no-repeat top;
}

a#geaccepteerd {
    background: url(../images/map/geaccepteerd.png) no-repeat top;
}

span.info_dropdown {
    position: absolute;
    height: auto;
    width: 160px;
    margin-left: -120px;
    margin-top: 31px;
    z-index: 999;
    display: none;
}

span.info_dropdown_pointer {
    width: 140px;
    height: 11px;
    margin-left: 20px;
    background: url(../images/top_dropdown.png) no-repeat 95px 0;
    float: left;
}

span.info_dropdown_box {
    width: 140px;
    height: auto;
    padding: 10px;
    background: #3377ab;
    float: left;
}

div.legenda a:hover span.info_dropdown,
div.home_opties a:hover span.info_dropdown {
    display: block;
}

/* rapportage dropdown */
div#toon_legenda {
    margin-left: -210px;
    margin-top: 41px;
}

    div#toon_legenda div.dropdown_pointer {
        margin: 0;
        width: 260px;
        background-position: 213px 0;
        float: left;
    }

    div#toon_legenda div.dropdown_box {
        padding-bottom: 12px;
    }

    div#toon_legenda a.mapset {
        background-color: #fff !important;
        background-position: bottom !important;
        border-top: 1px solid #777;
        border-bottom: 1px solid #aaa;
    }

        div#toon_legenda a.mapset:hover {
            background-color: #ccc !important;
            background-position: top !important;
            border-bottom: 1px solid #777;
            border-top: 1px solid #aaa;
        }

/* map popup stijl */
div#ovz_kaart div.locatienaam {
    width: 160px;
    height: 20px;
    margin-bottom: 10px;
    overflow: hidden;
}

div#ovz_kaart a.object {
    width: 160px;
    height: auto;
}

    div#ovz_kaart a.object span.aantal {
        width: 30px;
        height: 20px;
        margin-right: 10px;
        line-height: 1;
        padding: 5px;
    }

    div#ovz_kaart a.object:hover span.aantal {
        background: #004478;
    }

/* einde map opties */


/* LIJST */

div#list_inhoud {
    width: 100%;
    height: 60%;
}

    div#list_inhoud table {
        width: 100%;
    }

table.overzicht_table {
    border-width: 1px;
    border-spacing: 0px;
    border-style: solid;
    border-color: #eeeeee;
    border-collapse: collapse;
}

    table.overzicht_table td {
        border-width: 1px;
        padding: 5px 5px 5px 20px;
        border-style: solid;
        border-color: #eeeeee;
        height: 60px;
    }

    table.overzicht_table tr {
        height: 60px;
        cursor: pointer;
    }

        table.overzicht_table tr:hover {
            background: #f6f6f6 !important;
        }

    table.overzicht_table td.online {
        background: #04b600;
        width: 3px;
        padding: 0;
    }

    table.overzicht_table td.offline {
        background: #ff0000;
        width: 3px;
        padding: 0;
    }

    table.overzicht_table td.acties {
        width: 50px;
        padding: 0;
        text-align: center;
    }

    table.overzicht_table td.opmerkingen {
        width: 50px;
        padding: 0;
        text-align: center;
    }

    table.overzicht_table div.buttons {
        position: absolute;
        z-index: 999;
        width: 90px;
        height: 60px;
        background: orange;
        margin: -20px 0 0 -90px;
    }

table.hover tr:hover {
    background: none !important;
}


/* header */
table.overzicht_table tr.header {
    background: #fff !important;
    border-bottom: 1px solid #eee;
}

table.overzicht_table tr.white {
    background: #ffffff !important;
}

table.overzicht_table span.text {
    float: left;
}

table.overzicht_table div.filter {
    float: right;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url(../images/buttons/filter.png) no-repeat center;
    margin-right: 10px;
}

    table.overzicht_table div.filter:hover {
        background-position: top;
    }

    table.overzicht_table div.filter.set {
        background-position: bottom;
    }

/* filter */
div.filter_dropdown {
    position: absolute;
    height: auto;
    width: 260px;
    display: none;
    margin: 30px 0 0 -222px;
    z-index: 999 !important;
}

    div.filter_dropdown div.dropdown_pointer {
        margin: 0;
        width: 260px;
        background: url(../images/top_dropdown.png) no-repeat 213px 0;
        float: left;
    }

    div.filter_dropdown div.dropdown_box {
        background: #3377ab;
    }

a#sortDown {
    background: url(../images/filter_za.png) top;
    width: 30px;
    height: 31px;
    margin-left: 10px;
    float: right;
}

    a#sortDown:hover {
        background-position: bottom;
    }

a#sortUp {
    background: url(../images/filter_az.png) top;
    width: 30px;
    height: 31px;
    float: right;
}

    a#sortUp:hover {
        background-position: bottom;
    }

a.sortSet {
    background-position: bottom !important;
}

div.dropdown_box_input {
    width: 220px;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #1e6295;
    border-top: 1px solid #89b0ce;
}

/* mouse over optie kaart/actie */
div.hoverOptie {
    position: absolute;
    height: 40px;
    width: auto;
    background: #eee;
    padding: 15px;
    margin: -35px 0 0 4px;
    display: none;
    right: 0;
}

a.kaart {
    width: 40px;
    height: 40px;
    /*background: url(../images/buttons/btn_locatie.png) no-repeat right;*/
    background: url(../images/buttons/btn_open.png) no-repeat right;
    border-left: 1px solid #999;
    margin-left: 10px;
    padding-left: 15px;
}

a.actie {
    width: 40px;
    height: 40px;
    background: url(../images/buttons/btn_taken.png);
}

a.remove {
    width: 40px;
    height: 40px;
    background: url(../images/buttons/btn_delete.png);
}

a.download {
    width: 40px;
    height: 40px;
    background: url(../images/buttons/btn_download.png);
}

a.ingeklapt {
    width: 40px;
    height: 40px;
    background: url(../images/buttons/btn_ingeklapt.png);
}

a.fotoview {
    width: 40px;
    height: 40px;
    background: url(../images/buttons/btn_foto.png) no-repeat right;
    border-left: 1px solid #999;
    margin-left: 10px;
    padding-left: 15px;
}

a.voltooid {
    width: 40px;
    height: 40px;
    background: url(../images/buttons/btn_voltooid.png);
}

div.hoverOptie span.info_dropdown {
    width: 120px;
    margin-left: -90px;
    margin-top: 36px;
}

div.hoverOptie span.info_dropdown_pointer {
    margin-left: 95px;
    background: url(../images/top_dropdown.png) no-repeat left center;
}

div.hoverOptie span.info_dropdown_box {
    width: 120px;
}

div.hoverOptie a:hover span.info_dropdown {
    display: block;
}

div.hoverOptie a {
    background-position: top;
}

    div.hoverOptie a:hover {
        background-position: bottom;
    }

/* mouse over optie delete */
div.sub_content .hoverOptie {
    margin: -35px 40px 0 0;
}

/* STATS MENU */

div#stats_block {
    height: 100%;
    float: left;
    margin-left: 20px;
}

div#stats_menu {
    width: 100%;
    height: 100%;
    float: left;
}

div.statistic {
    float: left;
    width: 100%;
    margin-bottom: 7px;
    padding-top: 7px;
    border-top: 1px solid #eee;
}

div.stat_icoon {
    float: left;
    clear: left;
    width: 30px;
    margin-right: 10px;
    height: 40px;
}

    div.stat_icoon img {
        width: 20px;
        margin: 5px;
    }

div.stat_aantal {
    float: left;
    width: 80px;
    height: 23px;
}

div.stat_omschrijving {
    float: left;
    width: 80px;
    height: 17px;
}

/* LIJST MENU */

div#lijst_menu {
    width: 210px;
    height: 100%;
    background: #eeeeee;
    float: left;
}

    div#lijst_menu ul {
        margin: 20px 0 0 10px;
        padding: 0;
        float: left;
        display: block;
    }

        div#lijst_menu ul li {
            list-style: none;
            width: 190px;
            float: left;
            margin-bottom: 5px;
        }

            div#lijst_menu ul li:hover a {
                /* background: #fff;*/
            }

a.subsubitem {
    margin-left: 20px;
}

div#lijst_menu ul li.set a, div#lijst_menu ul li.True a {
    width: 200px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

div#lijst_menu ul li.set ul li a {
    background: transparent;
    border-bottom: 0;
    color: #333;
}

div#lijst_menu ul li ul.subsubmenu {
    margin-top: 5px;
}

div#lijst_menu ul li ul li.subListItem {
    margin-left: 10px;
}

div#lijst_menu ul li:first-child {
    border-top: 0;
}

div#lijst_menu ul li a {
    background: none;
    display: block;
    float: left;
    padding: 6px 5px 6px 25px;
    width: 161px;
}

    div#lijst_menu ul li a:hover {
        color: #fff;
        background: #ff9600;
    }

div#lijst_menu ul li.set a:hover {
    background: #fff;
}

div#lijst_menu ul li a.nieuw {
    background: url(../images/buttons/btn_nieuw.png) no-repeat 10px top #fff;
    width: 126px !important;
    height: 21px;
    padding-left: 40px;
}

div#lijst_menu ul li.set a.nieuw {
    background-position: 10px bottom;
    background-color: #004478;
}

div#lijst_menu ul li a.nieuw:hover {
    background-position: 10px center;
    background-color: #ff9600;
}


/* lijst bij object */
ul#lijst_menu_locatie li {
    height: auto;
    overflow: hidden;
    width: 200px !important;
}

    ul#lijst_menu_locatie li:first-child a {
        font-weight: bold;
        text-transform: uppercase;
    }

.subsubmenu li a {
    text-transform: none !important;
}

ul#lijst_menu_locatie ul.subsubmenu li:first-child a, ul#lijst_menu ul.subsubmenu li:first-child a {
    font-weight: normal !important;
}


/* aantal highlight */
div#lijst_menu ul li a span.aantal {
    display: block;
    min-width: 15px;
    width: 15px;
    height: auto;
    line-height: 1 !important;
    background: #ff9600;
    padding: 3px 0;
    margin: -3px 0 0 140px;
    margin-top: 0px;
    margin-left: -22px;
    float: left;
}

div#lijst_menu ul li.set a span.aantal {
    margin-top: 0px;
    margin-left: -22px;
}

/* SUB MENU */

div#sub_menu {
    width: 100%;
    height: 100%;
    float: left;
}

    div#sub_menu ul {
        margin: 0;
        padding: 0;
        float: left;
        display: block;
    }

        div#sub_menu ul li {
            list-style: none;
            float: left;
            margin: 0 0 1px 0;
            padding: 0;
            margin-right: 5px;
        }

.hidden {
    display: none;
}

div#sub_menu ul {
    margin-bottom: -2px !important;
}

    div#sub_menu ul li {
        margin-bottom: 2px !important;
    }

        div#sub_menu ul li.set {
            margin-bottom: 0px !important;
            margin-top: 1px;
        }

            div#sub_menu ul li.set h2 {
                display: block;
                white-space: nowrap;
                font-size: 18px;
            }

        div#sub_menu ul li h2 {
            font-size: 19px;
            padding-left: 40px;
        }

        div#sub_menu ul li.set a {
            width: 205px !important;
            border: 1px solid #ddd;
            border-bottom: 0;
            background-position: 10px top !important;
        }

td.popup_submenu div#sub_menu ul li.set a {
    width: 105px !important;
}

div#sub_menu ul li.set a.inspectiemenu, div#sub_menu ul li a.inspectiemenu, div#sub_menu ul li:hover a.inspectiemenu {
    width: 28px !important;
    border-right: 0px !important;
    cursor: default;
}

.submenu_inspectie ul#subPageMenu li.set a.inspectiemenu {
    background: #fff;
    width: 29px !important;
    border-bottom: 1px solid #ddd;
}

div#sub_menu ul li:hover a.inspectiemenu {
    color: #555 !important;
}

div#sub_menu ul li:first-child {
    border-top: 0;
}

div#sub_menu ul li a {
    display: block;
    float: left;
    padding: 10px 5px 10px 40px;
    width: 134px;
    border: 1px solid #eee;
    border-bottom: 0;
    background-position: 10px center !important;
}

td.popup_submenu div#sub_menu ul li a {
    width: 84px !important;
}

td.popup_submenu.popup_bedrijf div#sub_menu ul li a {
    width: 104px !important;
}

div#sub_menu ul li a img {
    vertical-align: middle;
    margin-right: 10px;
}



div #sub_menu ul li a:hover {
    background-position: 10px bottom !important;
    border-top: 1px solid #ddd;
    border-bottom: 0;
}

div#sub_menu ul li.set a:hover {
    background-position: 10px top !important;
}

div#sub_menu ul li a#ink {
    background: url(../images/iconen/icoon_list.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#alg {
    background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#lai {
    background-position: 2px 0;
    background-color: #fff;
    background-image: url('../images/iconen/icoon_inspectie.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
}

div#sub_menu ul li a#maa_icon {
    background: #fff;
}

    div#sub_menu ul li a#maa_icon h2 {
    }

div#sub_menu ul li a#maa_icon {
}

div#sub_menu ul li a#baoedit, div#sub_menu ul li a#bao {
    background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#fin {
    background: url(../images/iconen/icoon_financieel.png) no-repeat 10px center #fff;
}


div#sub_menu ul li a#obj, div#sub_menu ul li a#objedit {
    background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#odgedit, div#sub_menu ul li a#odg {
    background: url(../images/iconen/icoon_persoon.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#memo {
    background: url(../images/iconen/icoon_memo.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#links {
    background: url(../images/iconen/icoon_links.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#log {
    background: url(../images/iconen/icoon_logboek.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#todo {
    background: url(../images/iconen/icoon_todo.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#tech {
    background: url(../images/iconen/icoon_technisch.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#maa {
    background: url(../images/iconen/icoon_technisch.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#mat {
    background: url(../images/iconen/icoon_technisch.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#met {
    background: url(../images/iconen/icoon_Statistiek.png) no-repeat 10px center #fff;
}

div#sub_menu.onkruid_submenu ul li.set a {
    padding: 12px 5px 12px 40px;
    margin-top: -1px;
}

div#sub_menu.onkruid_submenu ul li a {
    padding: 11px 5px 11px 40px;
}

div#sub_menu.onkruid_submenu ul li.set {
    margin-top: 0px !important;
}

/* SUB MENU ICONS ONLY */
div#sub_menu ul li a#ink_icon {
    background: url(../images/iconen/icoon_list.png) no-repeat 10px center #fff;
}

li#locatieobjecten, li#TopMenuControl_locatieobjecten {
    border-bottom: 0px;
}

div#sub_menu ul li a#docu_icon {
    background: url(../images/iconen/icoon_documenten.png) no-repeat 10px -53px #fff !important;
}

div#sub_menu ul li:hover a#docu_icon {
    background: url(../images/iconen/icoon_documenten.png) no-repeat 10px -102px #fff !important;
}

div#sub_menu ul li.set a#docu_icon {
    background: url(../images/iconen/icoon_documenten.png) no-repeat 10px -6px #fff !important;
}

div#sub_menu ul li a#maa_icon {
    background: url(../images/iconen/icoon_technisch.png) no-repeat 10px -49px #fff !important;
}

div#sub_menu ul li:hover a#maa_icon {
    background: url(../images/iconen/icoon_technisch.png) no-repeat 10px -98px #fff !important;
}

div#sub_menu ul li.set a#maa_icon {
    background: url(../images/iconen/icoon_technisch.png) no-repeat 10px 0px #fff !important;
}

div#sub_menu ul li a#met_icon {
    background: url(../images/iconen/icoon_Statistiek.png) no-repeat 0 -35px #fff !important;
    background-size: 36px !important;
}

div#sub_menu ul li:hover a#met_icon {
    background: url(../images/iconen/icoon_Statistiek.png) no-repeat 0 -71px #fff !important;
    background-size: 36px !important;
}

div#sub_menu ul li.set a#met_icon {
    background: url(../images/iconen/icoon_Statistiek.png) no-repeat 10px 0px #fff !important;
    background-size: 36px !important;
}

    div#sub_menu ul li.set a#met_icon h2 {
        padding-left: 52px;
    }

div#sub_menu ul li a#ond_icon {
    background: url(../images/iconen/icoon_onderdelen.png) no-repeat 0 -40px #fff !important;
}

div#sub_menu ul li:hover a#ond_icon {
    background: url(../images/iconen/icoon_onderdelen.png) no-repeat 0 -2px #fff !important;
}

div#sub_menu ul li.set a#ond_icon {
    background: url(../images/iconen/icoon_onderdelen.png) no-repeat 0 -80px #fff !important;
}


div#sub_menu ul li a#gro_icon {
    background: url(../images/iconen/icoon_Groeifase.png) no-repeat 0 -40px #fff !important;
}


div#sub_menu ul li:hover a#gro_icon {
    background: url(../images/iconen/icoon_Groeifase.png) no-repeat 0 -82px #fff !important;
}

div#sub_menu ul li.set a#gro_icon {
    background: url(../images/iconen/icoon_Groeifase.png) no-repeat 0 0px #fff !important;
}

div#sub_menu ul li a#alg_icon {
    background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#pro_icon {
    background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#adm_icon {
    background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#aan_icon {
    background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#bvc_icon {
    background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#ond_icon {
    background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}



div#sub_menu ul li a#gerel_icon {
    background: url(../images/iconen/icoon_links.png) no-repeat 10px center #fff;
}


div#sub_menu ul li:hover a#gerel_icon {
    background: url(../images/iconen/icoon_links.png) no-repeat 10px -3px #fff !important;
}

div#sub_menu ul li.set a#gerel_icon {
    background: url(../images/iconen/icoon_links.png) no-repeat 10px 0px #fff !important;
}






div#sub_menu ul li a#bel_icon {
    background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}


div#sub_menu ul li a#lai_icon {
    background-position: 0px center !important;
    background-color: #fff;
    background-image: url('../images/iconen/icoon_inspectie.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
}

div#sub_menu ul li a#jaa_icon {
    background-position: 0px center !important;
    background-color: #fff;
    background-image: url('../images/iconen/icoon_overzicht.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
}

    div#sub_menu ul li a#lai_icon:hover,
    div#sub_menu ul li a#jaa_icon:hover {
        background-position: 0px bottom !important;
    }

div#sub_menu ul li a#acc_icon {
    background-position: 0px center !important;
    background-color: #fff;
    background-image: url('../images/iconen/icoon_accessoires.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
}


div#sub_menu ul li.set a#jaa_icon,
div#sub_menu ul li.set a#lai_icon,
div#sub_menu ul li.set a#acc_icon {
    background-position: 0px top !important;
}

a.authorize_user {
    color: #999999;
    line-height: 40px;
    font-size: 22px;
    float: left;
    width: 40px;
    height: 40px;
}

    a.authorize_user .info_dropdown_box {
        font-size: 12px;
        line-height: normal;
    }

span.info_dropdown {
    margin-top: 0;
    top: 40px;
    margin-left: -135px;
}

a.authorize_user:hover {
    color: #3377ab;
}

div#sub_menu ul li a#baoedit_icon {
    background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#qui_icon {
    background: url(../images/iconen/icoon_quickscan.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#fin_icon {
    background: url(../images/iconen/icoon_financieel.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#objedit_icon {
    background: url(../images/iconen/icoon_algemeen.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#odg_icon {
    background: url(../images/iconen/icoon_ondergrond.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#odgedit_icon {
    background: url(../images/iconen/icoon_ondergrond.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#memo_icon {
    background: url(../images/iconen/icoon_memo.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#acc_icon {
    background: url(../images/iconen/icoon_accessoires.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#links_icon {
    background: url(../images/iconen/icoon_links.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#log_icon {
    background: url(../images/iconen/icoon_logboek.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#todo_icon {
    background: url(../images/iconen/icoon_todo.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#tech_icon {
    background: url(../images/iconen/icoon_technisch2.png) no-repeat 10px center #fff;
}

div#sub_menu ul li a#mat_icon {
    background: url(../images/iconen/icoon_materiaal.png) no-repeat 10px center #fff;
}

.hide {
    display: none !important;
}
/* aantal highlight */
div#sub_menu ul li a span.aantal {
    display: block;
    min-width: 15px;
    width: auto;
    height: auto;
    line-height: 1 !important;
    padding: 3px 0;
    background: #ff9600;
    position: absolute;
    margin: -28px 0 0 60px;
}

/* sub content */
div.sub_content {
    border: 1px solid #ddd;
    padding: 10px;
    min-height: 370px;
    height: auto;
}


    div.sub_content a.nieuw {
        background: url(../images/buttons/btn_nieuw.png) no-repeat 10px top #fff;
        width: 126px !important;
        height: 21px;
        padding: 10px 5px 10px 40px;
    }

        div.sub_content a.nieuw:hover {
            background-position: 10px center;
            background-color: #ff9600;
        }

/* INHOUD TEXT */
div#text_block {
    float: left;
    margin-left: 20px;
    height: 100%;
}

div#text_inhoud {
    float: left;
    width: 100%;
    height: 100%;
}

    div#text_inhoud table {
        width: 100%;
        border: 0;
    }

        div#text_inhoud table td { /*border:0; */
        }

        div#text_inhoud table tr {
            cursor: auto;
        }

        div#text_inhoud table.cursor tr {
            cursor: pointer;
        }

            div#text_inhoud table.cursor tr:hover {
                background: #fff !important;
            }

        div#text_inhoud table tr:hover {
            background: #fff;
        }

        div#text_inhoud table.highlight tr {
            cursor: pointer;
        }

table.overzicht_table td.edit {
    width: 70px;
    padding: 0;
    text-align: center;
}

table.overzicht_table td.label {
    width: 150px;
    padding: 0;
}

div#text_inhoud table tr.locaties {
    display: none;
}

div#titel_text {
    float: left;
    height: auto;
    padding: 10px 20px;
    margin-bottom: 10px;
}
/*		div#titel_opties								{ float:right; padding:0 10px 10px 10px; border:1px solid #eee; border-right:0; border-top:0; background:#fff; margin:-1px -1px 0 0; }*/
div#titel_opties {
    position: fixed;
    right: 0;
    padding: 10px 10px 10px 10px;
    border: 1px solid #eee;
    border-right: 0;
    border-top: 0;
    background: #eee;
    z-index: 5;
    margin: 0px 10px 0 0;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    margin-right: 40px;
}

div.home_opties {
    position: absolute;
    right: 0;
    z-index: 5;
}

a.beheernieuw {
    background: url(../images/buttons/btn_nieuw_beheer.png) center top;
    width: 40px;
    height: 40px;
}

    a.beheernieuw:hover {
        background-position: bottom;
    }

a.grid {
    background: url(../images/buttons/btn_grid.png) center top;
    width: 40px;
    height: 40px;
}

    a.grid:hover {
        background-position: bottom;
    }

a.volgende {
    background: url(../images/buttons/btn_volgende.png) center top;
    width: 40px;
    height: 40px;
}

    a.volgende:hover {
        background-position: bottom;
    }

a.vorige {
    background: url(../images/buttons/btn_vorige.png) center top;
    width: 40px;
    height: 40px;
}

    a.vorige:hover {
        background-position: bottom;
    }

a.bewerk {
    background: url(../images/buttons/btn_bewerk.png) center top;
    width: 40px;
    height: 40px;
}

    a.bewerk:hover {
        background-position: bottom;
    }

a.verwijder {
    background: url(../images/buttons/btn_delete.png) center top;
    width: 40px;
    height: 40px;
}

    a.verwijder:hover {
        background-position: bottom;
    }

a.ongeval {
    background: url(../images/buttons/btn_ongeval.png) center 1px;
    width: 40px;
    height: 42px;
}

    a.ongeval:hover {
        background-position: bottom;
    }

a.fotoarchief {
    background: url(../images/buttons/btn_foto.png) center 2px;
    width: 40px;
    height: 42px;
}

    a.fotoarchief:hover {
        background-position: bottom;
    }

a.online {
    background: url(../images/buttons/btn_online.png) center 1px;
    width: 40px;
    height: 42px;
}

    a.online:hover {
        background-position: bottom;
    }

a.offline {
    background: url(../images/buttons/btn_offline.png) center 1px;
    width: 40px;
    height: 42px;
}

    a.offline:hover {
        background-position: bottom;
    }

a.terug {
    background: url(../images/buttons/btn_terug.png) center top;
    width: 40px;
    height: 40px;
}

    a.terug:hover {
        background-position: bottom;
    }

div#toon_grid {
    margin-left: -210px;
    margin-top: 41px;
}

    div#toon_grid div.dropdown_pointer {
        background-position: 213px 0;
        margin: 0;
        width: 260px;
    }

    div#toon_grid ul li img {
        margin-right: 10px;
    }

div.dropdown_up {
    position: absolute;
    height: auto;
    width: 240px;
    display: none;
    margin-left: -5px;
    margin-top: -170px;
    z-index: 999 !important;
}

    div.dropdown_up div {
        cursor: auto !important;
    }

div.dropdown_up_pointer {
    width: 180px;
    height: 11px;
    margin-left: 20px;
    background: url(../images/submit_dropdown.png) no-repeat left -1px;
    float: left;
}

div.dropdown_up_box {
    width: 160px;
    height: auto;
    padding: 0px 20px;
    background: #777;
    float: left;
}

div.dropdown_up_opties {
    width: 180px;
    float: left;
    padding: 20px 0;
}

div.dropdown_up_titel {
    width: 180px;
    float: left;
    padding: 10px 0;
}

div.border {
    width: 100%;
    float: left;
    margin: 10px 0;
}

a.obj_download {
    background: url(../images/iconen/icoon_download.png) top;
    width: 15px;
    height: 15px;
}

a.obj_help {
    background: url(../images/iconen/icoon_help.png) top;
    width: 15px;
    height: 15px;
}

    a.obj_download span.info_dropdown,
    a.obj_help span.info_dropdown {
        margin-left: -122px !important;
        margin-top: 20px !important;
        z-index: 999;
        display: none;
    }

/* beheer */



/* default settings */
a.btn, table.btn {
    float: left;
    display: block;
}

/* popup */
a.toonpopup:hover span.info_dropdown {
    display: block;
    margin-left: -110px;
    margin-top: 41px;
}

a.toonpopup span.info_dropdown_pointer {
    background-position: 90px 0;
    margin-left: 23px;
}

/* lightbox */
div.lightbox_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: #000;
}

div.lightbox_melding {
    width: 620px;
    height: 200px;
    z-index: 999;
    top: 50%;
    left: 50%;
    position: fixed;
    padding: 20px;
    margin: -120px 0 0 -330px;
    box-shadow: 0 0 3px #000;
    background: #fff;
}

div.lightbox_loader {
    width: 620px;
    height: 50px;
    z-index: 999;
    top: 50%;
    left: 50%;
    position: fixed;
    padding: 20px;
    margin: -45px 0 0 -330px;
    box-shadow: 0 0 3px #000;
    background: #fff;
}

div.lightbox_confirm {
    width: 240px;
    height: auto;
    z-index: 999;
    top: 50%;
    left: 50%;
    position: fixed;
    padding: 20px;
    margin: -70px 0 0 -140px;
    box-shadow: 0 0 3px #000;
    background: #fff;
    display: none;
}

div.open {
    display: block;
}

div.save {
    background: #04b600;
}

div.system {
    background: #ff9600;
}

div.error {
    background: #ff0000;
}

span.error {
    color: #ff0000;
}

div.lightbox_loader img {
    margin-right: 20px;
}

div.lightbox_melding_top {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

div.form, div.foto, div.confirm {
    display: none;
}

div.lightbox_melding_form {
    width: 620px;
    height: 600px;
    z-index: 999;
    top: 50%;
    left: 50%;
    position: fixed;
    padding: 20px;
    margin: -340px 0 0 -330px;
    box-shadow: 0 0 3px #000;
    background: #fff;
}

div.lightbox_help {
    width: 650px;
    height: 430px;
    z-index: 999;
    top: 50%;
    left: 50%;
    position: fixed;
    padding: 20px;
    margin: -235px 0 0 -345px;
    box-shadow: 0 0 3px #000;
    background: #fff;
}

div.lightbox_foto {
    width: 650px;
    height: 430px;
    z-index: 999;
    top: 50%;
    left: 50%;
    position: fixed;
    padding: 20px;
    margin: -235px 0 0 -345px;
    box-shadow: 0 0 3px #000;
    background: #fff;
    display: none;
}

a#lightbox_sluit {
    background: url(../images/buttons/btn_sluit.png) top left no-repeat;
    width: 40px;
    height: 41px;
    right: 0;
    margin-right: 17px;
    position: absolute;
    z-index: 10001;
}

    a#lightbox_sluit:hover {
        background-position: center left;
    }

div.form a#lightbox_sluit {
    margin-right: 0;
}

/* transparant */
.trans70 {
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

/* fx */
.animate {
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}

.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.roundedleft {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}


.roundedtop {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
/* buttons */
a#selDate {
    height: 20px;
    width: 20px !important;
    display: inline-block;
    margin-left: 10px;
    float: none !important;
    background: url(../images/iconen/agenda_icoon.png) bottom right no-repeat;
}

    a#selDate:hover {
        background-position: top right;
    }

a.tagBtn {
    margin-right: 20px;
    padding: 10px 40px 10px 10px;
    height: 21px;
    width: auto !important;
    background: url(../images/buttons/btn_remove.png) bottom right no-repeat;
}

    a.tagBtn:hover {
        background-position: top right;
    }

a.toevoegenBtn {
    height: 41px;
    width: 20px !important;
    background: url(../images/buttons/btn_toevoegen.png) bottom right no-repeat;
}

    a.toevoegenBtn:hover {
        background-position: top right;
    }

div.abort, div.confirm {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    display: grid !important;
}

a.confirm, div.confirm, table.confirm {
    background: #04b600;
}

a.cancel, table.cancel {
    background: #ff0000;
}

a.abort, table.abort, div.abort {
    background: #ff9600;
}

a.add, table.add {
    background: #ff6900;
}

a.drag, a.sortby {
    background: #ddd;
}

a.edit, table.edit, div.edit {
    background: #3377ab;
}

a.confirm, div.confirm, div.abort, a.cancel, a.abort, a.edit, a.add, a.drag, a.sortby, table.edit, div.edit {
    margin-right: 10px;
    float: left;
    padding: 10px !important;
    border-bottom: 2px solid #555;
    min-width: 90px;
    width: auto;
}

    a.confirm:hover, div.confirm:hover, div.abort:hover, a.cancel:hover, a.abort:hover, a.edit:hover, a.drag:hover, a.add:hover, table.edit:hover, div.edit:hover {
        border-bottom: 0;
        border-top: 2px solid #555;
    }

a.drag {
    cursor: move;
    min-width: inherit !important;
}

    a.drag:active {
        filter: alpha(opacity=70);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
    }

a.sortby.set {
    border-top: 2px solid #555;
    border-bottom: 0;
    background: #3377ab;
}

table.edit {
    cursor: pointer;
    color: white !important;
}

    table.edit td {
        color: white !important;
        background: #3377ab;
        cursor: pointer;
    }

a.foto-btn {
    float: right;
}

.block {
    display: block;
}

.veertig {
    width: 40px !important;
}

a.small-menu {
    display: block !important;
    height: 20px;
    width: 35px !important;
    padding-left: 0px !important;
}

li.set.breed-veertig, li.set.breed-veertig a.small-menu {
    width: 35px !important;
}

.breed-veertig, li.breed-veertig a.small-menu {
    width: 34px !important;
}

img.hasPhotos {
    display: none;
}

a.hasPhotos {
    /*display: none;*/
    background: url(../images/buttons/btn_foto_small.png) no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    margin-left: 10px;
}

    a.hasPhotos:hover {
        background: url(../images/buttons/btn_foto_small.png) no-repeat 0 -20px;
    }


img.hasPhotos_begin {
    display: none;
}

a.hasPhotos_begin {
    /*display: none;*/
    background: url(../images/buttons/btn_foto_small_begin.png) no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    margin-left: 10px;
}

    a.hasPhotos_begin:hover {
        background: url(../images/buttons/btn_foto_small_begin.png) no-repeat 0 -20px;
    }



img.hasPhotos_eind {
    display: none;
}

a.hasPhotos_eind {
    /*display: none;*/
    background: url(../images/buttons/btn_foto_small_eind.png) no-repeat;
    height: 20px;
    width: 20px;
    float: left;
    margin-left: 10px;
}

    a.hasPhotos_eind:hover {
        background: url(../images/buttons/btn_foto_small_eind.png) no-repeat 0 -20px;
    }

a.hasPhotos_machine {
    text-decoration: none !important;
    font-size: 16px;
    color: #555555 !important;
}

    a.hasPhotos_machine:hover {
        color: #3377ab !important;
    }

.actie_row:hover a.hasPhotos {
    /* display: block;*/
}

.actie_row:hover .img_hasPhotos {
    /* display: none;*/
}

.img_hasPhotos {
    float: left;
}

a.noPhotos {
    /* display: none;*/
}

table.nopaddingtb {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.logincaption {
    float: left;
    line-height: 49px;
    width: 120px;
}

.loginedit {
    float: left;
}

.width-auto {
    width: auto !important;
}

.gm-style-iw {
    overflow: hidden !important;
}

#obj_info_div {
    height: 165px;
    width: 240px;
    overflow: hidden;
    font-size: 10px !important;
}

    #obj_info_div td {
        vertical-align: top;
    }


    #obj_info_div table {
        width: 240px;
        font-weight: 500;
        overflow: hidden;
    }

a.link {
    color: #3377ab;
    text-decoration: underline;
    font-weight: 500 !important;
}

.moederboek_tab {
    min-height: inherit !important;
    max-height: 220px !important;
}

.img_noPhotos, .hasPhotos {
    float: left;
}

.button_open.readonly {
    background: url(../images/iconen/icoon-open_readonly.png) no-repeat !important;
}

.button_open {
    background: url(../images/iconen/icoon-open.png) no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    float: left;
    margin-left: 10px;
}

.button_print {
    background: url(../images/iconen/button-print.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-left: 10px;
}

#imgFoto {
    max-width: 500px;
}

.dxeCalendar {
    width: auto !important;
}

.dxeCalendarFooter table {
    width: auto !important;
}


/* INSPECTIE */
.constateringen-buttons {
    float: right;
    margin-right: -10px;
}

h1.inspectie {
    color: #3377ab !important;
    font-size: 30px;
    font-weight: normal !important;
}

.inspectie-gedaan {
    background: url(../images/inspectie/gedaan.png) no-repeat 50% 50%;
    width: 40px;
    height: 26px;
    display: block;
    float: left;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}

    .inspectie-gedaan.set {
        background: url(../images/inspectie/gedaan-set.png) no-repeat 50% 50%;
    }

.inspectie-annuleer {
    background: url(../images/inspectie/geannuleerd.png) no-repeat 50% 50%;
    width: 40px;
    height: 26px;
    display: block;
    float: left;
    border-left: 1px solid #eeeeee;
}

    .inspectie-annuleer.set {
        background: url(../images/inspectie/geannuleerd-set.png) no-repeat 50% 50%;
    }

.inspectie-accepteer {
    background: url(../images/inspectie/geaccepteerd.png) no-repeat 50% 50%;
    width: 40px;
    height: 26px;
    display: block;
    float: left;
    border-left: 1px solid #eeeeee;
}

    .inspectie-accepteer.set {
        background: url(../images/inspectie/geaccepteerd-set.png) no-repeat 50% 50%;
    }

.inspectie-foto {
    background: url(../images/inspectie/foto.png) no-repeat 50% 50%;
    width: 40px;
    height: 26px;
    display: block;
    float: left;
    border-left: 1px solid #eeeeee;
}

    .inspectie-foto.set {
        background: url(../images/inspectie/foto-set.png) no-repeat 50% 50%;
    }

.addfotos {
    border-left: 0px !important;
    background: url(../images/inspectie/upload-foto.png) no-repeat 50% 50%;
}

    .addfotos.set {
        border-left: 0px !important;
        background: url(../images/inspectie/upload-foto-set.png) no-repeat 50% 50%;
    }

.inspectie-button-ja {
    background: url(../images/inspectie/ja.png) no-repeat 23px 12px;
    padding-left: 65px;
    display: block;
    color: #555555 !important;
    font-size: 19px;
    text-decoration: none !important;
    width: 165px;
    height: 52px;
    line-height: 52px;
}

    .inspectie-button-ja:hover, .inspectie-button-ja.set {
        background: url(../images/buttons/btn-ja-hover.png) no-repeat left center;
        color: white !important;
        text-align: left;
    }

.inspectie-button-ja-na {
    background: url(../images/inspectie/na-reparatie.png) no-repeat 23px 14px;
    padding-left: 65px;
    display: block;
    color: #555555 !important;
    font-size: 19px;
    text-decoration: none !important;
    width: 165px;
    height: 52px;
    line-height: 52px;
}

    .inspectie-button-ja-na:hover, .inspectie-button-ja-na.set {
        background: url(../images/buttons/btn-ja-na-reparatie.png) no-repeat left center;
        color: white !important;
        text-align: left;
    }

.inspectie-button-nee {
    background: url(../images/inspectie/nee.png) no-repeat 21px 13px;
    padding-left: 65px;
    height: 22px;
    display: block;
    color: #555555 !important;
    font-size: 19px;
    text-decoration: none !important;
    width: 165px;
    height: 52px;
    line-height: 52px;
}


    .inspectie-button-nee:hover, .inspectie-button-nee.set {
        background: url(../images/buttons/btn-nee-hover.png) no-repeat left center;
        color: white !important;
        text-align: left;
    }

.volgende {
    display: none;
}


.submenu_inspectie {
    width: 38px !important;
}

    .submenu_inspectie li {
        width: 30px !important;
        font-size: 18px !important;
    }

        .submenu_inspectie li.set {
            width: 31px !important;
        }

        .submenu_inspectie li a {
            padding-left: 20px !important;
            width: 29px !important;
        }

        .submenu_inspectie li.set a {
            width: 28px !important;
            border-right: 1px solid white !important;
        }



.btn-veiligheid {
    background: url(../images/buttons/btn-veiligheid.png) no-repeat 19px 10px;
    display: block;
    padding-left: 65px;
    width: 145px;
    height: 52px;
    line-height: 52px;
    font-size: 19px;
    color: #3377ab;
    text-decoration: none !important;
}

    .btn-veiligheid:hover, .btn-veiligheid.set {
        background: url(../images/buttons/btn-inspectie-veiligheid.png) no-repeat;
        color: white !important;
        text-align: left;
    }

.btn-operationeel {
    background: url(../images/buttons/btn-operationeel.png) no-repeat 19px 13px;
    display: block;
    padding-left: 65px;
    width: 145px;
    height: 52px;
    line-height: 52px;
    font-size: 19px;
    color: #3377ab;
    text-decoration: none !important;
}

    .btn-operationeel:hover, .btn-operationeel.set {
        background: url(../images/buttons/btn-inspectie-operationeel.png) no-repeat;
        text-align: left;
        color: white !important;
    }

.btn-onderhoud {
    background: url(../images/buttons/btn-onderhoud.png) no-repeat 20px 13px;
    display: block;
    padding-left: 65px;
    width: 145px;
    height: 52px;
    line-height: 52px;
    font-size: 19px;
    color: #3377ab;
    text-decoration: none !important;
}

    .btn-onderhoud:hover, .btn-onderhoud.set {
        background: url(../images/buttons/btn-inspectie-onderhoud.png) no-repeat;
        color: white !important;
        text-align: left;
    }

.button {
    color: white !important;
    text-align: center;
    text-decoration: none !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
}

.btn-volgende {
    background: url(../images/buttons/btn-normal.png) repeat-x;
    height: 42px;
    line-height: 42px;
    float: left;
    display: block;
}

    .btn-volgende:hover {
        background: url(../images/buttons/btn-hover.png) repeat-x;
    }

.btn-vorige {
    background: url(../images/buttons/btn-normal.png) repeat-x;
    height: 42px;
    width: 60px;
    line-height: 42px;
    float: left;
    margin-right: 10px;
    display: block;
}

    .btn-vorige:hover {
        background: url(../images/buttons/btn-hover.png) repeat-x;
    }

table#table-stap1 td {
    margin-bottom: 20px;
}

td.pn-buttons {
    padding-top: 50px;
}

.btn-add-constatering,
.btn-add-orange {
    background: url(../images/buttons/btn-voeg-constatering-toe.png) no-repeat;
    width: 156px;
    height: 37px;
    line-height: 37px;
    text-align: left;
    font-size: 14px;
    margin-bottom: 10px;
}

.btn-add-orange {
    width: 100px !important;
    text-align: center;
}

    .btn-add-orange.disabled {
        background: url(../images/buttons/btn-voeg-constatering-toe-disabled.png) no-repeat;
        cursor: default;
    }

.btn-nieuw-object {
    width: 130px !important;
    float: left;
    clear: left;
}

.inspectie-memo {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #e7e7e7;
    background: #f6f6f6;
    padding: 10px;
    width: calc(100% - 20px);
    height: 240px;
}

.btn-afronden {
    background: url(../images/buttons/btn-afronden.png) repeat-x;
    height: 42px;
    width: 60px;
    line-height: 42px;
    float: left;
    display: block;
}

table#results {
    /*   width:440px!important;*/
}

    table#results td {
        color: #a1a1a1;
        font-size: 16px !important;
    }

        table#results td.aantal-label {
            width: 250px;
        }

.result {
    color: #555555;
}

.submenu_inspectie li a#zes, .submenu_inspectie li.set a#zes, .submenu_inspectie li:hover a#zes, .submenu_inspectie li.set:hover a#zes {
    background: url(../images/iconen/icoon-resultaat.png) no-repeat 17px 12px !important;
    height: 20px;
    width: 20px;
    display: block;
    border-bottom: 1px solid #eee;
    cursor: default;
}


/*.submenu_inspectie li a#vijf:hover, .submenu_inspectie li.set a#vijf:hover,*/ .submenu_inspectie li.set a#zes {
    background: url(../images/iconen/icoon-resultaat-hover.png) no-repeat 17px 12px !important;
}

.infopopup {
    border: solid 0px #ddd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0px 1px 6px rgba(0,0,0,0.6);
    /*0px 1px 4px -1px rgba(0,0,0,0.3);*/
}

.infopopup-punt {
    width: 0px;
    height: 0px;
    border-top-color: #fff;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-width: 24px;
    border-right-width: 10px;
    border-left-width: 10px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    position: absolute;
    margin-top: -1px;
    margin-left: 122px;
    z-index: 999;
}

.infopopup-bottom-left {
    left: 4px;
    width: 10px;
    height: 24px;
    position: absolute;
    box-shadow: 0px 1px 6px rgba(0,0,0,0.6);
    transform: skewX(22.6deg);
    transform-origin: 0% 0%;
    background-color: rgb(255, 255, 255);
    border-top-color: #ddd;
    border-right-color: #ddd;
    border-bottom-color: #ddd;
    border-left-color: #ddd;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    -webkit-transform: skewX(22.6deg);
    -webkit-transform-origin: 0px 0px;
    transform: skewX(22.6deg);
    transform-origin: 0px 0px 0px;
}

.infopopup-bottom-right {
    left: 0px;
    width: 10px;
    height: 24px;
    position: absolute;
    box-shadow: 0px 1px 6px rgba(0,0,0,0.6);
    transform: skewX(-22.6deg);
    transform-origin: 10px 0%;
    background-color: rgb(255, 255, 255);
    border-top-color: red;
    border-right-color: red;
    border-bottom-color: red;
    border-left-color: red;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    -webkit-transform: skewX(-22.6deg);
    -webkit-transform-origin: 10px 0px;
    transform: skewX(-22.6deg);
    transform-origin: 10px 0px 0px;
}
/*
.overview
{
    width: 100%;
}*/

li a.inspectiemenu {
    width: 30px !important;
}

div#sub_menu ul li a.inspectiemenu.disablestep {
    background: url(../images/inspectie/nee.png) no-repeat 14px center !important;
    height: 20px;
    background-position-x: 14px !important;
}

.mini_detail_label {
    width: 80px !important;
}

.mini_detail_value {
    width: 150px !important;
}

.popup_bedrijf_tabinfo {
    min-height: auto !important;
}

    .popup_bedrijf_tabinfo .basisObjectenGrid {
        width: 200px !important;
    }

.mini_titel {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    margin-top: -10px;
}

.detail_duikers, .detail_beschoeiing, .detail_kademuur {
    width: 100%;
}

.detail_duikers {
    min-height: 170px;
}

.detail_beschoeiing, .detail_kademuur {
    min-height: 130px;
}

.duiker .overview {
    width: 100%;
}

.buttons_bottom {
    width: 250px !important;
}

.display-none {
    display: none;
}

.paspoort_info_table {
    max-width: 895px !important;
    clear: both;
}

.naam_width {
    width: 140px;
}

.inspectie_subpagemenu li:last-child a {
    border-bottom: 1px solid #eee !important;
}

table.button_table {
    width: 200px !important;
}

.btn-berekenen {
    margin-bottom: 0px !important;
    margin-right: 10px;
}

.tabCategorieConstatering .dxtc-strip {
    float: left;
    clear: both;
}

    .tabCategorieConstatering .dxtc-strip li {
        list-style: none;
        float: left;
        color: black;
    }

.tabCategorieConstatering .dxtc-tab {
    float: left;
    list-style: none;
    padding: 10px 5px;
    border: 1px solid #ddd;
}

.tabCategorieConstatering .dxtc-activeTab {
    background: rgb(51, 119, 171);
    border: 1px solid rgb(51, 119, 171);
    float: left;
    list-style: none;
    padding: 10px 5px;
    font-weight: bold;
}

.tabCategorieConstatering li.dxtc-activeTab a b {
    color: white !important;
}

.tabCategorieConstatering .dxtc-strip li a {
    color: black !important;
    text-decoration: none !important;
}

.massa_acties {
    float: left;
}

.mt-25 {
    margin-top: 25px;
}

.wspace-normal {
    white-space: normal !important;
}

.d-none {
    display: none;
}

.pl10 {
    padding-left: 10px;
}

.dxpgRowFieldValue {
    width: 120px !important;
}

.dxm-item, .dxm-item:hover, .dxm-content, .dxm-content:hover, .dxm-hovered {
    background: transparent !important;
    border: none !important;
}

.dxm-content {
    margin-top: 10px;
}

.dxeCaption {
    margin-top: 10px;
    display: inline-block;
}

.dxsplControl_iOS {
    font: 'Source Sans Pro', sans-serif !important;
}

.dxgvDataRow .dxeEditArea {
    text-indent: -9999px;
    visibility: hidden;
}

.dxgvSelectedRow .dxeEditArea {
    text-indent: inherit;
    visibility: inherit;
}

ul.subsubmenu, ul.subsubsubmenu {
    margin: 0 !important;
}

    ul.subsubsubmenu li.submenu_set {
        margin-left: 10px;
    }

.groei_image {
    display: block;
}

.active_groei {
    background: #ddd;
    border: 1px solid #aeaeae;
    display: inline-block;
}

.groei {
    border: 1px solid #aeaeae;
}

.groei_tabel span {
    display: inline-block;
    padding: 10px;
    color: black;
    font-size: 14px;
}

.active_groei span {
    padding-left: 10px;
    font-weight: bold;
}


.speelplek_link {
    font-weight: bold;
    text-transform: uppercase;
}

table#weeknummers, div#ActieTable table {
    width: auto !important;
}

    table#weeknummers td, div#ActieTable td {
        width: 20px !important;
        border: 1px solid #ddd;
        text-align: center;
    }

.popup_shadow {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    z-index: 99;
}

.popup {
    width: 960px;
    height: 600px;
    background: #ffffff;
    border-radius: 5px;
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 50%;
    margin-left: -480px;
    margin-top: -300px;
}

.popup_tekst {
    margin-top: 20px;
    height: 480px;
    overflow: auto;
    float: left;
    padding: 20px;
    padding-top: 0;
    font-size: 16px;
    color: #555;
    width: calc(100% - 40px);
}

    .popup_tekst h1, .popup_tekst h2, .popup_tekst h3, .popup_tekst h4, .popup_tekst h5, .popup_tekst h6 {
        color: #000;
    }

.popup_titel {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

    .popup_titel h1 {
        float: left;
        padding-left: 20px;
        color: #3377ab;
    }

.popup_sluiten {
    float: right;
    font-size: 18px;
    padding-top: 20px;
    padding-right: 20px;
}


.moduleNaam {
    border-top: solid #555 1px;
    color: black;
    cursor: pointer !important;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    /*  width: calc(100% - 20px);*/
}

.objecttype {
    width: calc(100% - 10px);
    padding: 0px !important;
    margin: 0px !important;
    height: 20px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px !important;
    border-top: solid #aaa 1px !important;
    color: black !important;
    line-height: 20px !important;
    margin-left: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.objecttypes ul {
    margin: 0px !important;
}

.labelObjecttype {
    color: lightgray;
}

.moduleNaam.selected {
    text-transform: uppercase;
    color: white;
}

.moduledisabled {
    color: lightgray;
}

.moduleFooter {
    text-align: right;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .moduleFooter input {
        padding: 10px !important;
    }

#ContentPlaceHolder1_btnToonMutatie {
    margin-top: 20px;
}

.dxgvControl {
    background: #fff;
}

.dxeErrorFrame.dxeControlsCell {
    float: left;
    width: 100%;
    max-width: 420px;
}

.dxeErrorCellSys {
    float: left;
}

    .dxeErrorCellSys img {
        margin-top: 15px;
    }

em {
    color: red;
}

.dxvsValidationSummary a {
    color: red !important;
}

input#TopMenuControl_moduleMenu_btnToepassen {
    height: 40px !important;
    border-radius: 5px;
}

div.dropdown_box_opties {
    width: 285px;
    float: left;
    padding-top: 10px;
}
/*div.top_loc_dropdown { position: fixed; height: auto; width: 260px; display: none; margin-left: -10px; z-index: 999 !important; top: 68px; left: 103px; }
div#top_info { position: absolute; top: 0px; right: 0px; height: 60px; margin: 10px; }*/
img#TopMenuControl_imgLogo {
    float: left;
    max-height: 60px;
    height: auto !important;
    max-width: 220px !important;
    margin-top: 0 !important;
}

div#top_buttons {
    float: left;
    width: auto;
    padding: 10px 20px;
}

.dropdown_box_opties div:first-child div.moduleNaam {
    border-top-width: 0px;
}

.top_loc_optie {
    /*width: calc(100% ) !important;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#top_locatie {
}

.imgpijl {
    margin-top: 5px;
}


.moduleTekst {
    max-width: calc(100% - 30px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    float: left;
}

.modulePijl {
    /* margin-left: 20px; */
    width: 30px;
    text-align: right;
    float: left;
    padding-top: 2px;
}

#gvActiesMassa .dxgvDataRow .dxeEditArea {
    text-indent: inherit;
    visibility: visible;
}

.info_lite {
    height: inherit !important;
}

.infopopup-lite {
    height: inherit !important;
}

    .infopopup-lite .infopopup-punt {
        margin-top: -3px;
    }

#buttonRow .jaarbutton {
    padding: 5px !important;
    border-radius: 5px !important;
    height: 30px !important;
    margin: 0px;
    line-height: 20px;
}

    #buttonRow .jaarbutton.set {
        background-color: #3377ab !important;
        color: white !important;
    }

#buttonRow .anderstext {
    border: solid 1px #dddddd;
    border-right: none 0px #dddddd;
    margin: 0px !important;
    height: 30px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    width: 50px;
    border-radius: 5px;
}

#buttonRow .andersbutton {
    height: 32px !important;
    padding: 5px !important;
    margin: 0px !important;
    border: solid 1px #dddddd;
    margin-left: -10px !important;
    position: absolute;
    border-radius: 5px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#buttonRow .anderstext.set {
    border-color: #3377ab;
}

#buttonRow .andersbutton.set {
    background-color: #3377ab !important;
    color: white;
    border-color: #3377ab;
}

.dxisControl .dxis-itemTextArea {
    max-width: 30%;
    left: 50%;
    margin-left: -15%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    text-align: center;
    background: transparent !important;
}

    .dxisControl .dxis-itemTextArea span {
        padding: 8px 20px;
        background: rgba(0,0,0,0.75);
    }

.imgcontainer {
    max-width: 400px;
    background-color: white;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

    .imgcontainer div {
        background-color: white;
        width: 100%;
        display: inline-block;
        display: none;
    }

    .imgcontainer img {
        width: 70%;
        height: auto;
    }

.imgnext {
    color: #fff;
    position: absolute;
    z-index: 9999999999;
    width: 12%;
    line-height: 50px;
    height: 50px;
    font-size: 30px;
    margin-top: -25px;
    top: 50%;
    background: rgba(0,0,0,0.6);
    right: 0px;
}

.imgprev {
    color: #fff;
    position: absolute;
    z-index: 9999999999;
    width: 12%;
    line-height: 50px;
    height: 50px;
    font-size: 30px;
    margin-top: -25px;
    top: 50%;
    background: rgba(0,0,0,0.6);
    left: 0px;
}

.filter-block {
    position: absolute;
    z-index: 9999;
    background: white;
    left: 10px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    border-radius: 2px;
    margin-top: 10px;
    width: 260px;
    font-family: Arial;
    font-size: 14px;
    max-height: 90vh;
    overflow: auto;
}

    .filter-block label {
        padding-left: 5px;
    }

        .filter-block label span {
        }

        .filter-block label img {
            max-height: 18px;
            margin-right: 8px;
        }

    .filter-block h2 {
        font-family: Arial;
        margin-top: 0px;
        color: #009141;
    }

    .filter-block h4 {
        font-family: Arial;
        padding-bottom: 0;
        margin-bottom: 5px;
        color: #009141;
    }

    .filter-block .logoSpeelplan {
        margin-left: -22px;
        margin-top: 10px;
    }

    .filter-block .logoKlant { 
        margin-top: 20px;
        max-width:100%;
        max-height:60px;
    }
    .filter-block .klantlogolink {
        display:block;
    }

    .filter-block input[type="submit"] {
        background: #009141;
        color: #fff;
        border: none;
        padding: 10px 15px;
        border-radius: 4px;
        margin-top: 20px;
        cursor: pointer;
        outline: none;
    }

a > .dx-vam, a > .dx-vat, a > .dx-vab {
    font-size: 12px !important;
    text-decoration: none !important;
    color: black !important;
}

ul#actietypes {
    list-style: none;
}

    ul#actietypes li {
        display: inline-block;
        padding: 8px 30px;
        position: relative;
        margin-top: -12px;
    }

        ul#actietypes li.set {
            background: #f0f0f0;
            padding-bottom: 15px;
        }

            ul#actietypes li.set .title {
                font-weight: bold;
            }

        ul#actietypes li a {
            display: inline-block;
        }

        ul#actietypes li .aantal {
            position: absolute;
            background: #ff9600;
            padding: 3px;
            text-align: center;
            margin-left: 5px;
            margin-top: 0;
            display: inline-block;
            color: #fff;
            font-size: 11px;
            border-radius: 5px;
            min-width: 14px
        }

        ul#actietypes li .title {
            margin-top: 10px;
            display: inline-block
        }

.month-row {
    padding-left: 4px;
    border-right: 2px solid black;
}

.last-month {
    border-right: 0;
}

.lnkTabView {
    padding: 8px 14px;
    background: white;
    color: black !important;
    margin-bottom: 40px;
    display: inline-block;
    border-radius: 5px;
    text-decoration: none !important;
}

.activeTabView {
    background: #3377ab !important;
    color: white !important;
}

.dxis-overlayElement {
    cursor: pointer !important;
}

#popup {
    width: 100%;
    height: 100%;
}

.lite_content_popup {
    width: 100%;
    max-width: 700px;
    height: 100%;
    max-height: 526px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    background: #000;
    text-align: center;
}

    .lite_content_popup div {
        position: absolute;
        height: 100%;
        width: 100%;
    }

        .lite_content_popup div img {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            position: absolute;
            height: auto;
            max-width: 100%;
            max-height: 100%;
        }

.lite_popup_left {
    color: red;
    position: absolute;
    left: 0;
    height: 40px;
    width: 40px;
    top: calc(50% - 20px);
    line-height: 40px;
    text-align: center;
    background: #fff;
    font-weight: 600;
    font-family: Arial;
    z-index: 9;
    cursor: pointer;
}

    .lite_popup_left .fa, .lite_popup_right .fa {
        font-size: 20px;
        line-height: 44px;
        color: #009141;
    }

.lite_popup_right {
    color: red;
    position: absolute;
    right: 0;
    height: 40px;
    width: 40px;
    top: calc(50% - 20px);
    line-height: 40px;
    text-align: center;
    background: #fff;
    font-weight: 600;
    font-family: Arial;
    z-index: 9;
    cursor: pointer;
}

    .lite_popup_left:hover, .lite_popup_right:hover {
        background: #009141;
    }

        .lite_popup_left:hover .fa, .lite_popup_right:hover .fa {
            color: #fff;
        }

.lite_popup_close {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    width: 40px;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
    background: red;
    cursor: pointer;
    z-index: 9;
}

.pac-card {
    margin: 10px 10px 0 0;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    font-family: Roboto;
}

#pac-container {
    padding-bottom: 12px;
    margin-right: 12px;
}

.pac-controls {
    display: inline-block;
    padding: 5px 11px;
}

    .pac-controls label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
    }

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
    height: 26px;
    margin: 10px;
    border: solid 1px darkgray;
}

    #pac-input:focus {
        border-color: #4d90fe;
    }

.pac-container {
    margin-top: -210px;
}

div#lijst_menu ul li.submenu_readonly > a:first-child {
    color: gray !important;
    background: #e5e5e5 !important;
    cursor: default !important;
    width: 175px !important;
}

#chkKenmerken {
    width: 320px !important;
}

    #chkKenmerken .dxichCellSys,
    table.detail_table td.dxichCellSys {
        width: 40px;
    }

/* Magazijn*/

#magazijn-parent {
    height: 100%;
    overflow: hidden;
}

#magazijn-info {
    height: 50%;
}

.titel {
    display: block;
    padding: 0 10px;
    background-color: #FAFAFA;
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #CECECE;*/
    line-height: 1;
    font-weight: 500;
    font-size: 36px;
    color: #004478;
    margin-top: 1px;
}

.row {
    /*border: 1px solid #CECECE;*/
    border-top: 0px;
    min-height: 10px;
    overflow: hidden;
}

.colum-third {
    width: 32.8%;
    float: left;
    text-align: center;
    margin: 2px;
}

.column-header {
    font-weight: bold;
    border-bottom: 1px solid #CECECE;
}

.column-detail-caption {
    width: 30%;
    float: left;
    text-align: left
}

.column-detail-value {
    width: 70%;
    float: left;
    text-align: left
}

.jaren-buttons {
    margin-bottom: 20px;
    width: 100%;
}

    .jaren-buttons a {
        background: orange;
        text-decoration: none !important;
        display: inline-block;
        width: 50px;
        height: 1.5rem;
        margin-right: 8px;
        border-radius: 5px;
        line-height: 1.5rem;
        text-align: center;
        color: #fff !important;
    }

        .jaren-buttons a.active-button {
            background: #3f76ab;
        }
        .jaren-buttons a.inactive-button {
            background: lightgray;
            color:#000!important;
            cursor: default;
        }

.jaaroverzicht-grid table tr td:first-child {
    background: #DCDCDC;
    width: 200px;
}

.print-button-toilet {
    background: #3377ab !important;
    padding: 0 8px;
    float: right;
}
.nbl {
    border-left:0!important;
}
.nbr {
    border-right: 0 !important;
}
.nblr {
    border-right: 0 !important;
    border-left: 0 !important;
}
#scrollcontent.allow-scroll .viewport {
    overflow: auto !important;
}
.has-klant-logo {
    margin-top:0!important;
    margin-left:0!important;
    max-width:100%;
    max-height:60px;
}