body, div.jqi, button, .button, #orientation svg text {
    font-family: 'Work Sans', sans-serif;
}
.app__logo {
    padding: 0;
    background-color: #fff;
    border-radius: 100px;
    margin: 10px;
}
.app__logo img {
    height: 75px;
}
div.jqi .jqititle {
    color: #1a1c3b;
}


.choice__image {
    box-shadow: 0 0 30px 0 rgba(0,0,0,.15);
    border-radius: 10px;
    border: none;
}
.choice__label:hover .choice__image, .choice__label:focus .choice__image, .choice__input:checked + .choice__image, .choice__label:hover .choice__input:checked + .choice__image, .choice__label:focus .choice__input:checked + .choice__image {
    box-shadow: 3px 3px 6px 0 rgba(0,0,0,.35);
    background-color: transparent;
}
.choice__label_text {
    font-weight: bold;
    padding-top: 0.5em;
}
.choice__label:hover .choice__label_text, .choice__label:focus .choice__label_text {
    text-decoration: none;
}
.choice__input:checked ~ .choice__label_text {
    color: #509e2f;
}

.items_grid__edit:hover, .items_grid__edit:focus, .items_grid__delete:hover, .items_grid__delete:focus {
    color: #509e2f;
}

button, .button {
    background-color: #509e2f;
    border: none;
    border-radius: 100px;
    transition: all 300ms ease-out;
}
button:hover, button:focus, .button:hover, .button:focus {
    background-color: #5ab235;
    box-shadow: -1px 2px 2px 2px hsla(0,0%,61.2%,.2);
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #509e2f;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
    background-color: #5ab235;
    box-shadow: -1px 2px 2px 2px hsla(0,0%,61.2%,.2);
}
#google_map button {
    border-radius: 0;
}


button.secondary, .button.secondary {
    border: 2px solid #509e2f;
    background: transparent;
    color: #509e2f;
}
.button.secondary:focus, .button.secondary:hover, button.secondary:focus, button.secondary:hover {
    color: #fff;
    background: #5ab235;
    outline: none;
    box-shadow: -1px 2px 2px 2px hsla(0,0%,61.2%,.2);
}

div.jqi .jqibuttons button.jqidefaultbutton {
    color: #509e2f;
}
div.jqi .jqibuttons button:hover, div.jqi .jqibuttons button:focus {
    color: #1a1c3b;
}
div.jqi .jqibuttons button:disabled{
    color: #e1e1e1;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select, .selectivity-single-select {
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    box-shadow: none;
    background-color: #fff;
    outline: none;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus, select:focus, .selectivity-single-select.open {
    background-color: #fff;
    border-color: #ffa02f;
}
input[type="text"].error, input[type="password"].error, input[type="date"].error, input[type="datetime"].error, input[type="datetime-local"].error, input[type="month"].error, input[type="week"].error, input[type="email"].error, input[type="number"].error, input[type="search"].error, input[type="tel"].error, input[type="time"].error, input[type="url"].error, input[type="color"].error, textarea.error, select.error {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
span.error, small.error {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
select:hover {
    background-color: #fff;
}

div.jqi .jqititle {
    border-bottom-color: #dcdcdc;
}

.tooltipster-icon {
    color: #509e2f;
}

@media only screen and (max-width: 64em) {
    .app__logo {
        border: none;
        padding: 5px;
    }
    .app__logo img {
        height: 50px;
    }
}
@media only screen and (max-width: 40em) {
    .app__logo {
        padding: 5px 15px;
        height: 60px;
    }
    div.jqi .jqititle {
        padding-top: 70px;
    }
    div.jqi div.jqiminimize {
        margin-top: 70px;
        border-top-right-radius: 6px;
    }
    div.jqi .jqibuttons {
        padding-right: 15px;
    }
}