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

/* general */
html {
    position:relative;
    min-height: 100%;
    --main-police:'Didact Gothic', sans-serif;
    --background-color: #f6f7fa;
    --admin-main-color: #4EA6A5;
    --admin-main-darker: #066464;
    --admin-navbar: #EBF4E8;
    --admin-delete: #000000;
    --cristal-main-color: #444444;
    --cristal-navbar: #CCC4B6;
    --cristal-main-lighter: #6e5f5f;
    --glass-main-color: #5487C8;
    --glass-navbar: #EAEEFE;
    --glass-main-darker: #285492;
    --admin-stats-table-head-glass: #1870C0;
    --admin-stats-table-glass-light: #45B1F0;

}
body {
    font-family:var(--main-police);
    background-color:var(--background-color);
}

li {
    list-style: none;
}

ul {
    padding-left: 0px;
}

.flex {
    display:flex;
}

.float-right {
    float: right;
}

.allPagesContainer { /*base.html.twig container to fix footer above content */
    margin-bottom: 150px;
}

.displayNone {
    display:none;
}

.link {
    text-decoration: none;
}
/* end general */


/*login*/

.loginPageContainer {
    height: 50rem;
}

.loginSubtitle {
    color: var(--glass-main-color);
}

.loginLabel {
    color: var(--glass-main-color);
    font-size: 1.2rem;
}


.forgotPass a{
    color: var(--glass-main-color);
    text-decoration: none;
}

.loginGlassLogo img{
    height: 7rem;
}

.loginCristalLogo img{
    height: 15rem;
}

/* end login */

/* forms */

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

.formSubmit {
    display: flex;
    justify-content: center;
}

.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 : red;
    background : #f5f5f5 ;
    font-weight: bold;
    font-size: 20px;
}

.adminFormLabel {
    color: var(--admin-main-darker);
    font-size: 20px;
}

.adminFormText {
    color: var(--admin-main-darker);
    font-size: 15px;
}


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

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

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




.updatePassword {
    text-decoration: none;
    color: #F5F5F5;
}

.updatePassword:hover {
    text-decoration: none;
    color: #F5F5F5;
}

.form-switch .form-check-input {
   background-color: var(--admin-main-color);
}

.admin-input:checked {
    background-color: var(--admin-main-color);
    border-color: var(--admin-main-color);
}

.requiredMano {
    color:red;
}


/* end forms */

/* tables */
table {
    font-size: 20px;
}

.removeBorder {
    border:none !important;
}

/*navbar*/
nav a {
    text-decoration: none;
}

.admin-navbar {
    background-color: var(--admin-navbar)!important;
    font-size: 25px;
}

.admin-navbar .navbar-nav .nav-link {
    color: var(--admin-main-color);
}

.admin-navbar .navbar-nav .nav-link:hover{
    color: var(--admin-main-darker);
}

.admin-account, .admin-account a{
    color: var(--admin-main-color);
}

.admin-account a:hover {
    color: var(--admin-main-darker);
}


/*admin navbar dropdown */
.admin-dropdown {
    background-color: var(--admin-navbar);
    border:none;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.admin-dropdown li a {
    color: var(--admin-main-color);
    font-size: 20px;
}

.admin-dropdown li a:hover {
    color: var(--admin-main-darker);
    background-color: var(--admin-navbar);
}
/*end admin navbar dropdown */

/* glass navbar dropdown */
.glass-dropdown {
    background-color: var(--glass-navbar);
    border:none;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.glass-dropdown li a {
    color: var(--glass-main-color);
    font-size: 20px;
}

.glass-dropdown li a:hover {
    color: var(--glass-main-darker);
    background-color: var(--glass-navbar);
}
/*end glass navbar dropdown */



.cristal-navbar {
    background-color: var(--cristal-navbar)!important;
    font-size: 25px;
}


.cristal-navbar .navbar-nav .nav-link {
    color: var(--cristal-main-color);
}

.cristal-navbar .navbar-nav .nav-link:hover {
    color: var(--cristal-main-lighter);
}

.cristal-account, .cristal-account a{
    color: var(--cristal-main-color);
}

.cristal-account a:hover {
    color: var(--cristal-main-lighter);
}


.glass-navbar {
    background-color: var(--glass-navbar)!important;
    font-size: 25px;
}


.glass-navbar .navbar-nav .nav-link {
    color: var(--glass-main-color);
}

.glass-navbar .navbar-nav .nav-link:hover {
    color: var(--glass-main-darker);
}

.glass-account, .glass-account a{
    color: var(--glass-main-color);
}

.glass-account a:hover {
    color: var(--glass-main-darker);
}

/*end navbar */

/*titles*/

.admin-title, .admin-thead {
    color: var(--admin-main-color);
}

.admin-thead-light {
    color:rgb(93, 151, 5);
}

.glass-title, .glass-thead {
    color: var(--glass-main-color);
}

.cristal-title, .cristal-thead {
    color: var(--cristal-main-color);
}

/*subtitles*/

.admin-subtitle {
    color: var(--admin-main-color);
    font-size: 1.6rem;

}


.glass-subtitle{
    color: var(--glass-main-color);
    font-size: 1.6rem;

}

.cristal-subtitle {
    color: var(--cristal-main-color);
    font-size: 1.6rem;

}

/*paragraphs*/
.admin-paragraph {
    color: var(--admin-main-color);
}

.glass-paragraph {
    color: var(--glass-main-color);
}

.cristal-paragraph {
    color: var(--cristal-main-color);
}

/*buttons*/

.btn {
    color: #ffff
}

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

.admin-btn-green a{
   text-decoration: none;
   color: #ffff;
}


.admin-btn-green-bis {
    background-color: var(--admin-main-darker);
    border: var(--admin-main-darker);

}

.admin-btn-green:hover {
    background-color: var(--admin-main-darker);
}

.admin-btn-green-bis:hover {
    background-color: var(--admin-main-darker) ;
    opacity: .5;
    
}

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

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

.admin-delete-btn {
    background-color: var(--admin-delete);
    border: var(--admin-delete);
    opacity: 50%;
}
.admin-delete-btn:hover {
    background-color: var(--admin-delete);
    border: var(--admin-delete);
    opacity: 100%;
}

/* glass btn */
.glass-btn {
    background-color: var(--glass-main-color);
    border: var(--glass-main-color);
}


.glass-btn-bis {
    background-color: var(--glass-main-darker);
    border: var(--glass-main-darker);

}

.glass-btn:hover {
    background-color: var(--glass-main-darker);
}

.glass-btn-bis:hover {
    background-color: var(--glass-main-darker) ;
    opacity: .5;   
}

.user-btn-home {
    
    border-radius: 15px;
    height: 5rem;
    width: 15rem;
    font-size: 1.2rem;
    display:flex;
    justify-content: center;
    align-items: center;
}


/* cristal btn */
.cristal-btn {
    background-color: var(--cristal-main-color);
    border: var(--cristal-main-color);
}


.cristal-btn-bis {
    background-color: var(--cristal-main-lighter);
    border: var(--cristal-main-darker);

}

.cristal-btn:hover {
    background-color: var(--cristal-main-lighter);
}

.cristal-btn-bis:hover {
    background-color: var(--cristal-main-lighter) ;
    opacity: .5;
    
}

/* reset filters buttons (apart from prod stats) */

.admin_reset_filters{
    color: var(--admin-main-color);
    font-size: 1.2rem;
    font-weight: bold;
    /* padding-top: 6px; */
}

.admin_reset_filters:hover {
    color: var(--admin-main-darker);
}

.admin_reset_filters:focus {
    border:none !important;
    box-shadow: none !important;
}

.glass_reset_filters{
    color: var(--glass-main-color);
    font-size: 1.2rem;
    font-weight: bold;
    /* padding-top: 6px; */
}

.glass_reset_filters:hover {
    color: var(--glass-main-darker);
}

.glass_reset_filters:focus {
    border:none !important;
    box-shadow: none !important;
}

.cristal_reset_filters{
    color: var(--cristal-main-color);
    font-size: 1.2rem;
    font-weight: bold;
    /* padding-top: 6px; */
}

.cristal_reset_filters:hover {
    color: var(--admin-main-lighter);
}

.cristal_reset_filters:focus {
    border:none !important;
    box-shadow: none !important;
}


/* return links */
.admin-return a {
    color: var(--admin-main-color);
    text-decoration: none;
}

.glass-return a {
    color: var(--glass-main-color);
    text-decoration: none;
}

.cristal-return a {
    color: var(--cristal-main-color);
    text-decoration: none;
}

/* admin stats */
/* admin homegage */
.card h5 {
    font-weight: bold;
}

.good {
    color: green;
    font-size : 1rem;
}

.nogood {
    color: red;
    font-size : 1rem;
}

/* end admin homegage */

/* prod stats */
.admin_stats_table_head {
    /* background-color: var(--admin-main-darker); */
    background-color: var(--admin-stats-table-head-glass);
    color: #ffff;
}


.admin-stats-total {
    color: var(--admin-main-color);
    font-weight: bold;
}

.admin-stats-total-plus {
    color: var(--admin-main-darker);
    font-weight: bold;
}

.prod-general-total {
    background-color: var(--admin-main-color);
    color: #ffff !important;
}

.prodFilterTitle {
    color: var(--admin-main-darker);
}

.graphLink {
    color: var(--admin-main-color) ! important;
    font-size: 1.2rem;
}

.prodStatsFormTitle {
    color: var(--admin-main-color);
    font-size: 1.2rem;
}

.prodStatsBtn {
    color: var(--admin-main-color);
    font-size: 1.2rem;
    font-weight: bold;
    padding-top: 1rem;
}

.prodStatsBtn:hover {
    color: var(--admin-main-darker);
}


.prodStatsBtn:focus {
   border:none !important;
   box-shadow: none !important;
}

/* rec stats */
.recStatsTableSubtitle {
    color: var(--admin-main-color);
    font-size: 1.5rem;
}

.admin_stats_table_head_light {
    /* background-color: var(--admin-main-color); */
    background-color: var(--admin-stats-table-glass-light);
    color: #ffff;
}

/* end admin stats */


/* indexes */
.envRow td, .envRow th {
    font-size: 1rem;
}

.prodRow td, .prodRow th {
    font-size: 1.1rem;
}

/*text*/
.glass-text-small {
    color: var(--glass-main-color)
}

.cristal-text-small {
    color: var(--cristal-main-color)
}

/* user homepage */
.user-home-mt {
    margin-top: 8rem;
}

.user-home-btn-mt {
    margin-top: 6rem;
}

/* cels borders */
.border-up {
    border-top: 1px solid #DEE2E6;
}
.border-left {
    border-left: 1px solid #DEE2E6;
}
.border-right {
    border-right: 1px solid #DEE2E6;
}
.border-down {
    border-bottom: 1px solid #DEE2E6;
}

/* admin messages */
.admin-msg-content {
    height: 30rem;
}

.show-message {
    font-size: 1.3rem;
}

.msg-card-legend {
    font-size: 1rem;
}

.admin-msg-filter-btn {
    color: var(--admin-main-color);
    font-size: 1.2rem;
    font-weight: bold;
    padding-top: 15px;
}

.admin-msg-filter-btn:hover {
    color: var(--admin-main-darker);
}


.admin-msg-filter-btn:focus {
   border:none !important;
   box-shadow: none !important;
}

.msg-def {
    margin-left : 1rem;
}

.msg-read a{
    text-decoration: none;
    color:var(--admin-main-color);
}

.msg-unread {
    text-decoration: none;
    background-color: var(--admin-main-darker);
    color: #ffff;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-bottom : .2rem;
    border-radius: 10px;
}

.mark-unread a {
    text-decoration: none;
    color: var(--admin-main-color);
}

.mark-unread a:hover {
    color: var(--admin-main-darker);
}


.mark-read a {
    text-decoration: none;
    color: var(--admin-main-darker);
    font-weight: bold;
}

.mark-read a:hover {
    color: var(--admin-main-color); 
}

.admin_home_msg_unread {
    color: var(--admin-main-color);
    font-size: 1.3rem;
    font-weight: bold;
}

.admin_homg_msg_read {
    color: var(--admin-main-color);
    font-size: 1.2rem;
}

.admin_home_msg_unread:hover {
    color: var(--admin-main-darker);
    font-size: 1.3rem;
    font-weight: bold;
}


.admin_homg_msg_read:hover {
    color: var(--admin-main-darker);
}

.admin_home_msg_unread_number {
    color: red;
}

.msg_index_unread {
    color: var(--admin-main-color);
    font-size: 1.3rem;
    font-weight: bold;
}

.msg_index_read {
    color: var(--admin-main-color);
    font-size: 1.2rem;
}

/* end admin messages */


/*footer*/
footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 50px;
    font-size: 20px;
}

.admin-footer {
    background-color: var(--admin-navbar);
}

.admin-footer a {
    color: var(--admin-main-color);
    text-decoration: none;
}

.admin-footer a:hover {
    color: var(--admin-main-darker)
}

.glass-footer {
    background-color: var(--glass-navbar);
}

.glass-footer a {
    color: var(--glass-main-color);
    text-decoration: none;
}

.glass-footer a:hover {
    color: var(--glass-main-darker)
}

.cristal-footer {
    background-color: var(--cristal-navbar);
}

.cristal-footer a {
    color: var(--cristal-main-color);
    text-decoration: none;
}

.cristal-footer a:hover {
    color: var(--cristal-main-lighter)
}

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