* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 18px;
}

main {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 100;
}

#map-container {
    width: 100%;
    height: 100%;
}

.mp-control {
    background: #fff;
    margin: 2px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.24);
    z-index: 100;
}

    .mp-control .close {
        font-size: 32px;
        font-weight: normal;
        margin: -7px -2px;
        outline: 0;
    }

.mp-searchbox {
    overflow: hidden;
    padding: 6px 10px;
}

    .mp-searchbox input[type=text], .mp-searchbox input[type=text]:active {
        width: 280px;
        border: 0;
        outline: 0;
    }

.mp-poi-menu {
    width: 145px;
    margin: 10px;
    padding: 16px;
}

    .mp-poi-menu ul:nth-last-child(1n+2) li:last-child {
        margin-bottom: 8px !important;
    }


.mp-wrapper {
    overflow: hidden;
}

.mp-info-window {
    width: 300px;
    padding: 24px;
}

    .mp-info-window h1 {
        margin-top: 0px;
    }


.mp-poi-editor {
    height: auto;
    position: relative;
}

    .mp-poi-editor .form-control, .input-group {
        margin-bottom: 16px;
    }

    .mp-poi-editor section {
        padding-bottom: 8px;
    }

        .mp-poi-editor section.name {
            margin: 4px 0 0;
        }

.animate.ng-hide-remove {
    -webkit-animation: slideDown .5s;
    animation: slideDown .5s;
}

.animate.ng-hide-add {
    -webkit-animation: slideUp .5s;
    animation: slideUp .5s;
}

.row > div:nth-child(n+2) {
    padding-left: 0;
}

.input-group .form-control {
    margin: 0;
}

.ng-invalid.ng-dirty {
    border-color: #a94442;
}

    .ng-invalid.ng-dirty:focus {
        border-color: #843534;
        webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    }


form > section:last-child {
    padding: 0;
}

.z-depth-2 {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.48);
}

.pac-container {
    width: 300px !important;
    left: 10px !important;
    margin: 8px 2px;
    z-index: 100;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.24) !important;
}

    .pac-container:after {
        margin: 8px !important;
    }