@import url('https://fonts.googleapis.com/css?family=Montserrat&family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

body, input, select, .page-title, #navigation, #menu, #footer 
{font-family: 'Roboto', sans-serif;}

h1 {
font-family: 'Prata', serif;
}

#header-bar {
Background-color: #6d0318;
}
 
#user_info, #user_info a, #user_info a:hover {
Color: #FFF !important;
}

.page-buttons input[type=submit], .page-buttons input[type=button], input[type=submit], input[type=button], .go-to  {
border-radius: 20px;
font-family: 'Oswald', sans-serif;
font-size: 18px;
border-style: none;
padding: 2px 18px;
}

 .toggleMenu {
color: #FFF !important;
}

#content-start, h1.header2bg, .headerbg, .headertext { font-weight: bold; }

#page-buttons {
    padding-top: 0px;
}

#menu ul li {
    border-bottom: solid gainsboro thin;
}

.left_menu_column {
    border-radius: 15px;
    border: none;
}

#bottom-bar {
    height: 50px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.submit_button {
   padding-top: 0px !important;
}

input[type="password"], input[type="text"], select {
    max-width: 80%;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
    border-style: solid;
    background-color: white;
}

#floating_header {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-style: none;
}

#menu ul li:hover {
    background-color: #8C4454;
}

.redtext {
    vertical-align: middle;
    visibility: hidden;
    float: left;
}

.redtext:before {
    color: #E6241D;
    display: inline;
    content: " \2731";
    visibility: visible;
}

form.app_form>p>.redtext {
    visibility: visible;
}