/* Flag icons https://www.countryflags.com/icons-overview/ */
.flag-at {
    background-image: url(/images/flag_at.png);
    background-repeat: no-repeat;
    background-size: 40px 25px;
    background-position: right 0px top 0px;
}

.flag-ro {
    background-image: url(/images/flag_ro.png);
    background-repeat: no-repeat;
    background-size: 40px 25px;
    background-position: right 0px top 0px;
}

.navbar-brand.gego {
    background-image: url(/images/gego.png);
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: right 0px top 0px;
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
}

a.active-link, a.active-link:hover {
    color: #FFFFFF;
    background-color: #a3231c;
    border-radius: .25rem;
    text-decoration: none;
}
a.inactive-link {
    color: #a3231c;
    text-decoration: none;
}

.primary-red {
    color: #a3231c;
}
.btn-primary-red {
    color: #FFFFFF;
    background-color: #a3231c;
    border-color: #a3231f;
}
.btn-primary-red:hover {
    color: #E8E8E8;
}

.secondary-red {
    color: #BB3219;
}
.btn-secondary-red {
    color: #FFFFFF;
    background-color: #BB3219;
    border-color: #d8451f;
}
.btn-secondary-red:hover {
    color: #E8E8E8;
}

.secondary2-red {
    color: #d84516;
}
.btn-secondary2-red {
    color: #FFFFFF;
    background-color: #d84516;
    border-color: #d8451f;
}
.btn-secondary2-red:hover {
    color: #E8E8E8;
}

.primary-orange {
    color: #f7a145;
}
.btn-primary-orange {
    color: #FFFFFF;
    background-color: #f7a145;
    border-color: #ee8d26;
}
.btn-primary-orange:hover {
    color: #E8E8E8;
}

/*----- YUSER -----*/
#ypass-message {
    color: red;
}

#ypass-message p {
    margin: 0px 0px 0px 10px;
    padding: 0px;
}

/* Add a green text color and a checkmark when the requirements are right */
#ypass-message .valid {
    color: green;
}

#ypass-message .valid:before {
    position: relative;
    left: -5px;
    content: "\2714";
    font-family: Arial, Helvetica, sans-serif;
}

/* Add a red text color and an "x" icon when the requirements are wrong */
#ypass-message .invalid {
    color: red;
}

#ypass-message .invalid:before {
    position: relative;
    left: -5px;
    content: "\2716";
    font-family: Arial, Helvetica, sans-serif;
}