/*
 *  tpmviewer.css
 *  18-12-2018 nieuwe versie voor leaftlet webmap
 *  21-12-2019 nieuwe versie voor topomania laravel
 *  13-8-2020 tpmviewer.css en tpmwebmap.css gecombineerd in dit bestand
 */


/* viewer styles */

.tpmviewer {
    width: 100%;
    height: 600px;
}

.vw-mi-itemlist-header {
    color: #494cff;
    font-size: 15px;
    font-weight: bold;
    /*text-decoration: underline;*/
}
.vw-mi-itemlist-items {
    font-style: italic;
    font-size: 12px;
}

.vw-mi-itemlist-items ul {
    list-style: none;
    margin: 0;
	padding-left: 1.3em;
}
.vw-mi-itemlist-items li {
    display: inline;
    list-style: none;
    margin: 0;
    cursor: pointer;
    padding: 3px;
}

.vw-mi-selected {
    background-color: #3cb371;
    background-size: cover;
    border-right: 4px solid #3cb371;
    border-left: 2px solid #3cb371;
    border-bottom: 0px solid #3cb371;
    padding-right: 0!important;
    padding-left: 0!important;
    border-radius: 8px;
    color: white;
}

/* webmap styles */

#header-menu-wrapper {
    margin-bottom: 0!important;
}

/* z-index van menu moet hoger dan  de kaart zijn */
#header-menu .content li.expanded ul {
    z-index: 6000!important;
}

#tpmwm {
    display: flex;
    flex: 1 0 auto;
}

#wm-wrapper {
    display: flex;
    flex: 1 0 auto;
    margin: 0 auto;
    font-family: Arial, FreeSans, sans-serif!important;
    min-height: 340px;
    font-size: 13px!important;
    line-height: 1.5!important;
    font-family: Arial, sans-serif;!important;
}

#wm-wrapper.bordered {
    border: 4px solid lightblue;
}

#wm-sidebar {
    position: absolute;
    width: 239px;
    height: 100%;
    flex: 1 0 auto;
}

#wm-sidebar.bordered {
    *border-right: 4px solid lightblue;
}
#mapframe.bordered {
    border-left: 4px solid lightblue;
}

#tpmwm #mapframe {
    width: 100%;
    height: 100%;
}

#wm-mapzoomer {
    position: absolute;
    border: 1px solid #CCCCCC;
    left: 10px;
    top: 10px;
    width: 76px;
    height: 22px;
    background-color: white;
    cursor: pointer;
    z-index: 500;
    border-radius: 4px!important;
    -moz-border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
}

#wm-settings {
    position: absolute;
    border: 1px solid #CCCCCC;
    left: 93px;
    top: 10px;
    width: 25px;
    height: 22px;
    background-color: white;
    cursor: pointer;
    z-index: 500;
    border-radius: 4px!important;
    -moz-border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
}
#wm-toggle-voice {
    background-image: url();
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    width: 24px;
    float: left;
}


#wm-zoomin {
    background-image: url("../images/zoomplus.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    width: 24px;
    float: left;
}
#wm-zoomtobounds {
    background-image: url("../images/zoomrestore.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    width: 24px;
    float: left;
    border-left: 1px solid #cdcbcb;
    border-right: 1px solid #cdcbcb;
}

#wm-zoomout {
    background-image: url("../images/zoommin.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    width: 24px;
    float: left;
}

#wm-sel-mapitems ul {
    /* width: 98%; */
    border: none;
}

#wm-sel-mapitems .ui-corner-all {
    border-radius: 0;
}

#acc-mapitems {
    height: 100%;
}

#acc-mapitems .ui-accordion-content
{
    padding-top: 6px;
    padding-left: 3px;
    padding-right: 3px;
}

#acc-mapstory .ui-accordion-content
{
    padding-top: 6px;
    padding-left: 5px;
    padding-right: 5px;
}

.ui-tabs {
    padding-top: 1;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-tabs .ui-tabs-panel {
    padding: 0;

}
.ui-tabs .ui-tabs-nav {
    padding: 0;
}

.ui-tabs .ui-tabs-nav li a {
    padding: 4px;
}

.ui-widget-header {
    background: none;
    border: none;
    border-bottom: 1px solid #aaaaaa;
    border-radius: 0;
}

.ui-accordion-header {
    margin-top: 0!important;
}

.ui-accordion-header, .ui-corner-bottom {
    font-size: 0.9em;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

h3.ui-accordion-header.ui-state-default {
    background: url(../images/header-default.png);
}
h3.ui-accordion-header.ui-state-active {
    background: url(../images/header-active.png);
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited,
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
    color: #ffffff;
}

.ui-state-active .ui-icon,
.ui-state-default .ui-icon {
    background-image: url(../images/ui-icons_ffffff_256x240.png);
}

.wm-mi-selected {
    border:1px solid #aaa;
    margin: -1px;
}

.ui-widget-content {
    border: 0;
    background: #fff;
    color: #333;
}

/* begin jquery-ui 1.2 */
.ui-widget-content a {
    text-decoration: none;
    width: 100%;
}

.ui-widget-content a:hover {
    text-decoration: none;
    /*border-bottom: 0;*/
}

.ui-widget .ui-widget {
    font-size: 1.2em;
    line-height: 1.5;
}

.ui-menu-item {
    display: flex;
}