@charset "UTF-8";

body {
    padding: 0 !important;
    margin: 0 !important;
}

html, body, #map {
    height: 100% !important;
    width: 100% !important;
}

/* Ratchet app bar overrides */

.bar-nav {
    padding-left: 0 !important;
}

/* Ratchet modal overrides */

.modal.slidein {
    -webkit-transform: translate3d(-100%, 0, 0) !important;
    -ms-transform: translate3d(-100%, 0, 0) !important;
    -moz-transform: translate3d(-100%, 0, 0) !important;
    -o-transform: translate3d(-100%, 0, 0) !important;
    transform: translate3d(-100%, 0, 0) !important;
}

    .modal.slidein.active {
        height: 100% !important;
        opacity: 1 !important;
        -webkit-transition: -webkit-transform .25s !important;
        -moz-transition: -moz-transform .25s !important;
        transition: transform .25s !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        -ms-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
    }

/* Ratchet popover overrides */

.popover {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 85% !important;
    left: 7.5%;
    right: 7.5%;
}

    .popover.bottom {
        top: auto !important;
        bottom: 55px !important;
    }

/* Leaflet popup overrides */

.leaflet-popup-content-wrapper {
    border-radius: 6px !important;
}

.leaflet-popup-content {
    margin: 4px 8px !important;
}

/* Custom backdrop class */
.overlay {
    width: 100%;
    height: 100%;
    color: #ffffff;
    background: #000000;
    -ms-opacity: 0;
    opacity: 0;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    position: absolute;
    visibility: hidden;
    z-index: -9;
}

    .overlay.active {
        -ms-opacity: 0.8 !important;
        opacity: 0.8 !important;
        -moz-transition: opacity .25s ease-in-out;
        -ms-transition: opacity .25s ease-in-out;
        -o-transition: opacity .25s ease-in-out;
        -webkit-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;
        visibility: visible !important;
        z-index: 9 !important;
    }

.errormessage {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-right: -50%;
    margin-bottom: -50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

button {background: transparent;}
