html {
    font-size: 0.8rem;
}

.width-30 {
    width: 30%;
}

.width-45 {
    width: 45%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

    html {
        font-size: 0.8rem;
    }

    .k-map {
        height: 300px !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    html {
        font-size: 1.0rem;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

    html {
        font-size: 1.0rem;
    }

    .k-map {
        height: 500px !important;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    html {
        font-size: 1.0rem;
    }

    .k-edit-form-container {
        width: 800px !important;
    }

    .k-window {
        width: auto !important;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

    html {
        font-size: 1.2rem;
    }

    .k-edit-form-container {
        width: 800px !important;
    }

    .k-window {
        width: auto !important;
    }
}

/*bootstrap custom override*/

.btn-primary {
    color: white !important;
    background-color: #326c83 !important;
}


.alert-position {
    position: fixed;
    display: block;
    width: 50%;
    top: 10px;
    right: 10px;
    bottom: unset;
    left: 40%;
    transform: translate(-50%);
}
#app{
    overflow-x:hidden!important;
}