body {
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: .02em;
}

.width1.height1 h2 {
    text-align: center;
}

#dashboardwrapper.transparent-background {
    background: rgba(255, 255, 255, .7);
}

#dashboardwrapper {
    padding-top: 15px;
}

/*dashboard overrules*/

.user-info {
    display: none;
}

#innercontainer>header {
    box-shadow: none;
}

body {
    padding-top: 85px;
}

.scroll-up div.mosaic-header {
    top: 85px !important;
}

.scroll-up div.mosaic-header {
    padding-top: 0;
}

#mainwrapper {
    min-height: 100vh;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/* Duurzaamheid achtergrond per thema code */
#mainwrapper.cgdghgpoggcihw,
#mainwrapper.cgdhg9ge2higcmn,
#mainwrapper.cgdhg2dqgcjcic {
    background-image: url(../images/duurzaamheid.jpg);
}

/* Mens en maatschappij achtergrond per thema code */
#mainwrapper.gdi_1_db,
#mainwrapper.gdi_2_db,
#mainwrapper.gdi_3_db,
#mainwrapper.gdi_4_db,
#mainwrapper.gdi_5_db,
#mainwrapper.gdi_5a_db,
#mainwrapper.gdi_5c_db,
#mainwrapper.gdi_6_db,
#mainwrapper.gdi_7_db,
#mainwrapper.db_7_a,
#mainwrapper.db_7_b,
#mainwrapper.gdi_8_db,
#mainwrapper.gdi_mm_db {
    background-image: url(../images/mens-en-maatschappij.jpg?v1);
}

/* Milieu en energie achtergrond per thema code */
#mainwrapper.gdi_9_db,
#mainwrapper.gdi_10_db,
#mainwrapper.gdi_10b_db,
#mainwrapper.gdi_10a_db,
#mainwrapper.gdi_11_db,
#mainwrapper.gdi_12_db,
#mainwrapper.gdi_13_db,
#mainwrapper.gdi_14_db,
#mainwrapper.gdi_15_db,
#mainwrapper.gdi_16_db,
#mainwrapper.gdi_17_db,
#mainwrapper.gdi_18_db,
#mainwrapper.gdi_18a_db,
#mainwrapper.gdi_18b_db,
#mainwrapper.gdi_19_db,
#mainwrapper.gdi_me_db {
    background-image: url(../images/milieu-en-energie.jpg?v1);
}

/* Economie achtergrond per thema code */
#mainwrapper.gdi_20_db,
#mainwrapper.gdi_21_db,
#mainwrapper.gdi_22_db,
#mainwrapper.db_22_a,
#mainwrapper.db_22_b,
#mainwrapper.gdi_23_db,
#mainwrapper.gdi_24_db,
#mainwrapper.gdi_eco_db {
    background-image: url(../images/economie.jpg?v1);
}

/*-------------Dashboard geoselection popup-------------*/
#geoselection section button.js-close-dlg {
    margin-top: 15px;
    margin-right: 20px;
    font-size: 21px;
}

.ui-dialog {
    padding: 0;
    border: none;
    font-family: Arial, 'Helvetica Neue', sans-serif;
    color: #424242;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, 'Helvetica Neue', sans-serif;
}

#geoselection section h2 {
    padding: 17px 10px 13px 20px !important;
    margin-bottom: 0;
    font-size: 18px;
    color: #005a96;
}

#geoselection .tabcontrol {
    top: 20px;
    right: 59px;
}

.tabButton {
    padding: 7px 15px 9px 15px;
    border: 1px solid #e0e0e0;
    border-bottom: 1px solid #aaaaaa;
}

.js-close-dlg .fa-times-circle:before {
    content: '\f00d'
}

.geomain--title,
.buttonWrapper {
    background: #FFF;
}

.buttonWrapper {
    height: 61px;
}

.tabButton,
ul.geoitemlist li:not(.geolistitem--info):hover,
ul.geoitemlist li:not(.geolistitem--info):focus,
ul#groupGeoItemsSelection li:not(.geolistitem--info):hover,
ul#groupGeoItemsSelection li:not(.geolistitem--info):focus {
    background: #F5F5F5;
}

.geoMapInputContainer,
.geoListInputContainer {
    padding: 15px 20px 0 20px;
    box-sizing: border-box;
}

.ml-10 {
    margin-left: 0;
}

.userGroupSelectContainer {
    margin-top: 70px;
}

#managegroups_info {
    margin: 10px 20px;
}

#dropdown_region,
#dropdown_usergeoregion {
    padding-bottom: 20px;
    box-sizing: border-box;
}

.geoTitle {
    font-size: 15px;
    font-weight: 600;
}

.buttonWrapper,
.geomain--title,
.tabButton.selected {
    border-color: #cad2d5
}

.tabButton.selected {
    border-bottom-color: #FFF;
}

.tabButton {
    border-bottom-color: #cad2d5;
}

#geolist_comparelevel {
    padding-left: 0;
}

ul.geoitemlist,
ul#groupGeoItemsSelection {
    padding-bottom: 60px;
}

ul.geoitemlist li,
ul#groupGeoItemsSelection li {
    padding-left: 0;
}

#geoitem_usergeogroup .add-usergeo-button {
    float: right;
    padding-left: 0;
    margin-top: -2px;
    margin-right: 44px;
    margin-left: 0;
}

#submitGeoButton,
#submitGeoGroupButton,
.submitSearchBtn:not([disabled]),
.geoButton {
    float: left;
    height: 41px;
    padding: 12px 15px;
    border: none;
    border-radius: 4px;
    margin-left: 10px;
    background: #005a96;
    font-size: 16px;
    color: #FFF;
    cursor: pointer;
}

.geoButton {
    background: #F5F5F5;
    color: #005a96;
}

.buttonContainer {
    height: 41px;
    margin: 10px 20px;
}

.groupNameContainer label {
    margin-top: 13px;
    margin-right: 10px;
}

#txtgeoinput,
#txtcompare,
.txtgeo,
#customGroupName {
    height: 33px;
    padding: 8px;
    border-radius: 4px;
    margin: 4px 0 10px 0;
}

.levelSelectContainer {
    background: #FFF;
    padding: 0px 10px 10px 0;
}

.geoContent select {
    padding: 8px;
    border-radius: 4px;
}

/*-------------Einde Dashboard geoselection popup-------------*/

/*-------------Dashboard navigator menu-------------*/
.crumb-trail,
#dashboardUtils__items,
#social-Utils__items {
    background: #FFF;
    border: 1px solid #eeeeee;
    border-top: none;
    -webkit-box-shadow: 0px 0px 20px -7px #70716c;
    -moz-box-shadow: 0px 0px 20px -7px #70716c;
    box-shadow: 0px 0px 20px -7px #70716c;
}

#dashboardUtils__items,
#social-Utils__items {
    margin-top: 6px;
}

#social-Utils__items .dashboardUtils__item {
    padding-left: 10px;
}

.dashboardUtils__item {
    height: 42px;
    padding-left: 0;
}

.dashboardUtils__item,
.crumb-item {
    border-top: 1px solid #eeeeee;
}

.crumb-item a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 6px 3px;
}

.crumb-item a,
.dashboardUtils__item a,
.utils-label,
.utils-icon {
    color: #373737;
}

.crumb-item:hover,
.dashboardUtils__item:hover {
    background: #eeeeee;
}

.dashboardUtils__item:hover .utils-icon {
    color: #373737;
}

.crumb-item.selected {
    background: #eeeeee;
}

/*-------------End Dashboard navigator menu-------------*/
.u-hiddenbutvisible {
    top: -9999px;
    left: -9999px;
}

.screenshot {
    padding-top: 0;

    #mainwrapper {
        background: #FFF !important;
    }

    #footer,
    .b_menu-search-container,
    #container_menu_top,
    .mosaic-header {
        display: none !important;
    }
}