@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
    --main-color: #167d50;
    --secondary-color: #fefefe;
    --text-on-main: #ffffff;
}

body {
    /*font-family: Roboto,sans-serif;*/
    font-family: "Open Sans", sans-serif;
}

body {
    border-top-color: var(--main-color);
}


#app-menu {
    background-color: var(--main-color);
    color: var(--text-on-main);
    border-radius: 6px;
    padding:0px;
    margin-bottom:40px;
}

#navbar-logo {
    background-image: url(/images/crecer_logo.png);
    display: inline-block;
    height: 70px;
    width: 382px;
}


#login-logo {
    background-image: url(/images/crecer_logo.png);
    display: inline-block;
    height: 70px;
    width: 382px;

}
.personname {
    color: var(--main-color);
}

h1, .text-primary {
    color: var(--main-color) !important;
}

.btn-primary {
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}


.k-button-solid-primary:hover, .k-button-solid-primary.k-hover {
    border-color: var(--kendo-color-primary-hover, #1461b8);
    background-color: var(--main-color) !important;
    color: #ffffff;
}

.k-button-solid-primary:active, .k-button-solid-primary.k-active {
    border-color: var(--kendo-color-primary-active, #1259a9);
    background-color: var(--main-color) !important;
    color:#ffffff;
}

.k-button-solid-primary.k-selected {
    border-color: var(--kendo-color-primary-active, #1259a9);
    background-color: var(--main-color) !important;
}

.navbar-expand-lg .navbar-nav {
    font-size: 1.5em;
    color: #ffffff !important;
}

.nav-link {
    color: #ffffff !important;
}

    .nav-link:hover {
        background-color: #ffffff !important;
        color: var(--main-color) !important;
    }

a, a.link {
    color: var(--main-color);
}

.location-map {
    width: 100%;
}

.location-info {
    text-align:right;
    margin-top:5px;
    margin-bottom: 15px;
    font-size:1em;
    font-style:italic;
}

.row-location-button {
    text-align:center;
    margin-top: 20px;
    margin-left: -15px;
}