/*general*/
/*import didact gothic, free alternative to century gothic*/
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');

html {
    position:relative;
    min-height: 100%;
    --main-police:'Didact Gothic', sans-serif;
    --main-color: #5487c8;
    --secondary-color: #BDD1E9;
    --navbar: #5487c8;
    --site-background-color: #f6f7fa;
    --nav-links: #F5F5F5;
    --green: #99CC33;
}
body {
    font-family:var(--main-police);
    background-color: var(--site-background-color);
}

.flex {
    display: flex;
}

h1, .hello, .title {
    color: var(--main-color);
}

.hello {
    font-size: 1.5rem;
}


.page-item.active .page-link {
    background-color: var(--main-color);
    border-color: #5487c8;
}

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

li {
    list-style: none;
}

ul {
    padding-left: 0px;
}
.allpageContainer { /*base.html.twig container to fix footer above content */
    margin-bottom: 150px;
}

/*login*/
.loginSubtitle {
    color: var(--main-color);
}

.loginLabel {
    color: var(--main-color)
}

.loginPageContainer {
    height: 500px;
}

.loginBlock {
    width: 40%;
}

.loginPageLogo {
    width: 40%;
}

.loginPageLogo img {
    width: 100%;
}

/*navbar*/
.navbar {
    background-color: var(--navbar);
    color: var(--nav-links);
    font-size: 20px;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--nav-links);
}
.navbar-light .navbar-brand, .navbar-light .navbar-brand:hover {
    color: var(--nav-links);
}

nav a {
    color:var(--nav-links);
    text-decoration: none;
}
nav a:hover, footer a:hover {
    color: #3b3737;
}
/*footer*/
footer {
    background-color: var(--navbar);
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 50px;
    color: var(--nav-links);
    font-size: 20px;
}

footer a {
    color: var(--nav-links);
    text-decoration: none;
}

/*forms*/
label.required:after {
    content: "* ";
    color: red;
}

legend.required:after {
    content: "* ";
    color: red;
}

/* couleur du texte "erreur" sur erreurs forms" */
.badge {
    background-color: red;
}


.formSubmit {
    display: flex;
    justify-content: center;
    margin-top:3rem;
}
.updatePassword {
    text-decoration: none;
    color: #F5F5F5;
}
.formImportant {
    border: solid 1px;
    border-color: var(--main-color);
}

/* titre partie importante du formulaire dans le cadre */
.formImportantTitle {
    display : block ;
    position : relative ;
    margin : -16px 0 0 20px ;
    float : left ;
    color : var(--main-color);
    background : #f5f5f5 ;
    font-weight: bold;
    font-size: 20px;
}

.col-form-label {
    font-weight: bold;
}

#user_register_roles{
    display: flex;
}

.form-check {
    margin-right: 10px;
}

.formImportantElements {
    width: 50%;
}

/*forgot_password*/
#forgot_pass { /*id générated by symfony form, not displayed on code but on inspector*/
    display: flex;
    justify-content: center;
}

#forgot_pass .form-group {
    width: 50%;
}

/*contribution_form*/

.contribFormTitle {
    color: var(--main-color);
    font-weight: bold;
    font-size: 20px;
}

/*filters*/

.itemFilter {
    padding-left: 10px;
}

.clearFilter {
    padding-left: 30px;
}

/*graphs*/

/*contrib list in graphs*/
.nonContrib {
    color: red;
}

/*design elements*/
.xSmall {
    font-size: 16px;
}

/*error pages*/

.errorPageLogo {
    width: 30%;
}

.errorText {
    font-size: 1.5rem;
    color: var(--main-color)
}

/* legal therme and privacy policy*/
.legalTherms {
    font-size: 1.1rem;
}

/*quality data on contribution forms */
.qualData {
    font-size: 1rem;
    text-align: justify;
}

.liInfo {
    list-style: circle;
}


.admin-btn-white {
    background-color: var(--site-background-color);
    border-color: var(--main-color);
    color: var(--main-color);
}

.admin-btn-white:hover {
    background-color: var(--secondary-color);
    color: var(--main-color);
}