﻿
section.section-map .map-sidebar {
    width: 490px;
}

section.section-map .map-sidebar form .btn-green {
    margin: 10px 40px 16px;
}

section.section-map .ggmap {
    position: relative;
    overflow: hidden;
    height: 80vh;
}

.node-webform .webform-component,
.node-webform .webform-datepicker,
.node-webform .webform-datepicker div {
    display: inline;
}

#section-wrapper .node-webform .webform-component,
#section-wrapper .node-webform .webform-datepicker,
#section-wrapper .node-webform .webform-datepicker div {
    display: block !important;
}

.node-webform label {
    width: 200px;
}

.node-webform input,
.node-webform select {
    height: 2.5em;
}

.node-webform input[type="image"] {
    height: inherit;
}

.inline {
    display: inline;
}

.webform-progressbar {
    margin-bottom: 50px;
}

#expanded #navigation {
    clear: both;
    padding-top: 25px;
}

#expanded #navigation ul {
    background-color: white;
}

#expanded #navigation li .instruction {
    padding: 10px;
    display: inline-block;
}

#expanded .cross {
    position: absolute;
    right: 0;
    cursor: pointer;
}

.dir-tt {
    position: relative;
}

#expanded {
    display: none;
    clear: both;
}

.submenu.border-blue {
    border-image: url("../img/border/border-blue.png") 57 95 64 78 stretch;
    border-image-outset: 0 0 20px 0;
}

.submenu.border-red {
    border-image: url("../img/border/border-red.png") 57 95 64 78 stretch;
    border-image-outset: 0 0 20px 0;
}

.submenu.border-yellow {
    border-image: url("../img/border/border-yellow.png") 57 95 64 78 stretch;
    border-image-outset: 0 0 20px 0;
}

.submenu.border-green {
    border-image: url("../img/border/border-green.png") 57 95 64 78 stretch;
    border-image-outset: 0 0 20px 0;
}

.menu .nav-tabs > li:hover a.arrow-blue:after {
    border-bottom: 10px solid #00297e;
}

.menu .nav-tabs > li:hover a.arrow-red:after {
    border-bottom: 10px solid #b8233e;
}

.menu .nav-tabs > li:hover a.arrow-yellow:after {
    border-bottom: 10px solid #ead701;
}

.menu .nav-tabs > li:hover a.arrow-green:after {
    border-bottom: 10px solid #008f07;
}

body.admin-menu {
    margin-top: 0px !important;
    height: 99%;
}

body.admin-menu header {
    margin-top: 20px !important;
}

section.section-map .poi.poi-yellow {
    background: #ead701;
}

.popin-next-departure {
    display: none;
}

.btn-group.bootstrap-select.open .dropdown-menu.open,
.form-group .bootstrap-select .dropdown-menu > li > a {
    max-width: 100%;
}

section.section-map .map-popin ul li a:after, section.section-map .map-sidebar ul li a:after {
    content: none;
}

#expand {
    clear: both;
    margin: 0 40px 6px;
}
section.section-map .map-popin, section.section-map .map-sidebar {
    height: 80vh;
}
section.section-map.inhabitant .first-sidebar {
    height: 80vh;
    background-color: rgba(242, 242, 242, 0.8);
    padding-top: 20px;
}

#user-login {
    margin: 0 auto;
    display: block;
    width: 50%;
}

#user-login label {
    width: 15%;
}

#user-login .form-item .description {
    font-size: 0.9em;
}

#user-login .form-item input {
    height: 2.5em;
}

#user-login #edit-submit {
    height: 2.5em;
    width: 70px;
}


@media screen and (max-width: 980px)  and (min-width: 768px)  {
    .navbar-right ~ .navbar-right .nav-tabs > li > a, .menu .nav-tabs > li > a {
        padding: 44px 12px 0px;
        font-size: 1.3rem;
    }
}
@media screen and (max-width: 767px) {
    section.section-map .map-popin ul li a, section.section-map .map-sidebar ul li a {
        width: auto;
    }
    section.section-map .map-popin, section.section-map .map-sidebar,
    section.section-map.inhabitant .first-sidebar {
        height: auto;
    }
    section.section-map .map-sidebar {
        width: auto;
    }
    section.section-map .ggmap {
        height: 60vh;
    }
    section.section-map header.sep::after {
        position: relative;
    }
}

section[class*="section-"] header.parking > div .rect {
    color: #00297E;
    font-size: 34px;
    line-height: 32px;
    padding-left: 4px;
    font-family: FrutigerLTStd-Bold, sans-serif;
}
section[class*="section-"] header.parking > div .rect svg {
    margin-left: -2px;
}