/* FONT */
body {
    font-family: "Montserrat", sans-serif;
}

body .ui-widget, input {
    font-family: "Montserrat", sans-serif;
}

body select {
    font-family: "Montserrat", sans-serif;
}

h1, h2, h3 {
    color: #00494a;
}

a {
    color: #00494a;
    font-weight: 600;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.hr {
    background-color: #00494a;
}


.topbar-frame-fare {
    background-color: #f9ec41;
}

.topbar-fare {
    color: #4faf48;
}

.topbar-fare a {
    color: #4faf48;
    font-weight: bold;
    text-decoration: underline;
}

.topbar-fare a:hover {
    text-decoration: none;
}

#user-info a {
    color: #00494a;
    font-size: 1.1em;
    font-weight: 600;
    text-decoration: none;
}

#user-info a:hover {
    text-decoration: underline;
}

#nav-home i {
    color: #00494a;
}

.navibar-fare {
    background-color: #4faf48;
    color: #00494a;
    border-radius: 3px;
}

.navibar-fare a:hover {
    color: #4faf48;
}

.content-fare {
    border: 1px solid #4faf48;
}

.form-header-fare {
    background-color: #4faf48;
    border: 1px solid #4faf48;
    font-size: 1.1em;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-weight: bold;
    color: #ffffff;
}

.footbar-fare {
    background-color: #4faf48;
}

.logo-text-fare {
    color: #4faf48;
}

header {
    background-color: #white;
    color: #00494a;
}

nav {
    background-color: #4faf48;
    color: #00494a;
}

nav a:hover {
    color: #00494a;
    background-color: white;
}

footer {
    background-color: #00494a;
    color: white;
}

footer a {
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1em;
}

footer a:hover {
    text-decoration: underline;
}

.ui-card-header {
    background-color: #00494a;
    border: 1px solid #00494a;
    color: #ffffff;
}

body .ui-button {
    background-color: #4faf48;
    border: 1px solid #4faf48;
    color: white;
}

body .ui-button.ui-state-hover {
    background-color: #00494a;
    border: 1px solid #00494a;
    color: white;
}

body .ui-button.ui-state-active {
    background-color: #4faf48;
    border: 1px solid #4faf48;
    color: white;
}

#profile-hint {
    color: #4faf48;
    background-color: lightgray;
}

.step-complete-background p {
    color: white;
}

.step-focus-background p {
    color: white;
}

.step-incomplete-background p {
    color: #00494a;
}