/*
Theme Name: Terra Botanica RJ
Author: Romain Marteau
Description: Thème de la PWA Rj Terra Botanica
Version: 1.0
*/

body {
	font-family: 'Montserrat', sans-serif;
	background-color: #EFF1F2;
	color: #414757;
}
section {
    padding: 20px 0px;
}
h1 {
    font-size: 175%;
    font-weight: 500;
    letter-spacing: -1px;
}
h2 {
    font-size: 135%;
    font-weight: 400;
    margin-bottom: 15px;
    border-top: solid 2px #80808021;
    padding-top: 20px;
}
a {
	color: #414757;
	text-decoration: none;
}
.searchandfilter h4 {

    text-align: left;
}
.subtitle {
	text-transform: uppercase;
    color: #ACACAC;
    font-weight: 300;
    font-size: 105%;
    margin-bottom: 0px;
}
.compte-rendu-date {
    color: #79A569;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 160%;
    margin-bottom: 0px;
}
.container-infos {
    background-color: white;
    border-radius: 8px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 1px 10px 21px -8px rgb(0 0 0 / 7%);
    flex-direction: column;
    justify-content: center;
    overflow: scroll;
    border: none;
}
.section-edit {
    background-color: #fff;
    box-shadow: 0px -3px 25px 0px #6e6e6e47;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
.small {
  display: inline-block;
  max-height: 60vh;
  overflow-y: scroll;
}
#freq-recap thead th {
  position: sticky;
  top: 0;
  background-color: #fff;
}
#freq-recap tfoot {
  position: sticky;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0px -3px 25px 0px #6e6e6e47;
}
.service {
    color: #464646;
    background-color: #d7d7d7;
    width: fit-content;
    padding: 5px 20px;
    border-radius: 16px;
    float: left;
    margin: 2px;
    font-size: 80%;
}
#service-recap thead th {
  position: sticky;
  top: 0;
  background-color: #fff;
}
#service-recap tfoot {
  position: sticky;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0px -3px 25px 0px #6e6e6e47;
}
#attractions-recap thead th {
  position: sticky;
  top: 0;
  background-color: #fff;
}
#attractions-recap tfoot {
  position: sticky;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0px -3px 25px 0px #6e6e6e47;

}
p.label-meteo {
    margin-top: -18px;
}
.infos-dates-recap {
    text-align: center;
    color: #79A569;
    background-color: #79a5691c;
    padding: 12px 40px;
    border-radius: 10px;
    max-width: 300px;
    margin: auto;
}
p.info-date {
    margin-bottom: 0px;
    color: #5e5e5e;
    width: fit-content;
    margin: auto;
    padding: 5px 10px;
    border-radius: 30px;
    font-size: 85%;
    margin-top: -5px;
}
.non-renseigne {
    background-color: #79a56924;
    padding: 20px;
    width: 100%;
    border-radius: 20px;
    margin-bottom: 20px;
}
.etat-compte-rendu {
    text-align: center;
    color: #79A569;
    background-color: #79a5691c;
    padding: 15px;
    border-radius: 10px;
    max-width: 300px;
}
.label {
    color: #ACACAC;
    margin-bottom: 7px;
    font-weight: 500;
}
.info {
    margin-bottom: 20px;
    margin-top: -5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #79A569;
}
.info-text {
    font-weight: 300;
    font-size: 95%;
    margin-top: 10px;
}
.info-icon {
    width: 20px;
    margin-right: 10px;
    float: left;
}
.info-icon-right {
    width: 20px;
    margin-left: 10px;
}
.green-button {
	text-decoration: none;
	color: #79A569;
	font-size: 105%;
	border: solid 2px #79A569;
	border-radius: 10px;
	padding: 15px 50px;
	display: inline-block;
	max-width: 400px;
    margin: 0;
    text-align: center;
}
.container-infos p {
    font-weight: 300;
    font-size: 95%;
}
.green-button-index {
    text-decoration: none;
    color: #79A569;
    font-size: 105%;
    border: solid 2px #79A569;
    border-radius: 10px;
    padding: 15px 50px;
    display: block;
    max-width: 400px;
    margin: auto;
    text-align: center;
    margin-top: 20px;
}
tbody, td, th, tr {
	border: none;
}
.table {
margin-bottom: 0px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: rgb(0 0 0 / 4%);
}
    .table>:not(caption)>*>* {
        padding: 13px 13px;
    vertical-align: middle;
    border: solid 1px #00000014;
}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #00000014;
}
.table>thead th {
	color: #79A569;
    font-weight: 300;
    font-size: 85%;
}
th {
	    font-size: 85%;
    font-weight: 400;
}
td {
    color: #ACACAC;
    font-weight: 300;
    font-size: 90%;
}

#add-new {
    background-color: #79A569;
    color: white;
    font-size: 110%;
    padding: 20px 18px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    max-width: 600px;
    margin: auto;
    justify-content: center;
    text-align: center;
    align-items: center;
    height: calc(100% - 20px);
}
td#total-realise {
    color: #414757;
    font-weight: 600;
}
td#total-couverts, td#total-couverts-soir {
    color: #414757;
    font-weight: 600;
}
td#total-ecart.vert, td#total-ecart-clone.vert {
    color: green!important;
}
td#total-ecart.rouge, td#total-ecart-clone.rouge  {
    color: red!important;
}
td#terra-nocta-ecart.vert {
    color: green!important;
}
td#terra-nocta-ecart.rouge {
    color: red!important;
}
td#terra-nocta-ecart-clone.vert {
    color: green!important;
}
td#terra-nocta-ecart-clone.rouge {
    color: red!important;
}
a.white-button {
    background-color: white;
    border-radius: 29px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 25px 45px;
    margin-bottom: 20px;
    box-shadow: 1px 10px 21px -8px rgb(0 0 0 / 7%);
}
.rapport {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
a.edit-button {
    display: flex;
    color: #ACACAC;
    justify-content: center;
    font-size: 90%;
    font-weight: 300;
    text-decoration: underline;
    text-align: center;
}
a.nav-button {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    font-size: .8em;
    display: flex;
    justify-content: center;
    line-height: 1.2em;
    margin-top: 20px;
}
p.date_jour {
    text-align: center;
    font-size: 270%;
    font-weight: 600;
    margin-bottom: 0px;
}
p.date_jour_event {
    font-size: 105%;
    width: 85%;
    margin-bottom: 15px;
    line-height: 1em;
}
p.date_mois {
    text-align: center;
    font-size: 120%;
    margin-top: -10px;
}
.infos-du-jour {
    margin-top: 20px;
}
.nav-vue-globale.active {
    background-color: #414757;
    color: white;
}
.nav-vue-globale {
    width: 50%;
    border: solid 1px #414757;
    padding: 15px;
    color: #414757;
}
button#nav-freq-tab {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
button#nav-events-tab {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.searchandfilter ul {
    padding-inline-start: 0px;
}
.searchandfilter ul li {
    display: inline-block;
}
.searchandfilter label {
    margin-right: 20px;
}
input {
    padding: 5px;
}
input[type="submit"] {
    background-color: #79a569;
    border-style: none;
    padding: 10px 45px;
    color: white;
    border-radius: 6px;
}
a.search-filter-reset {
    margin: 0px 30px;
    color: #79a569;
}
nav {
    margin-bottom: 30px;
}
.nav-vue-globale:hover {
    filter: brightness(0.95);
}
a.edit-green {
    color: 79A569;
    font-weight: 300;
    font-size: 15px;
}
table#attractions-recap>*>*>* {
    border: solid 1px #d0d0d0;
    max-width: 100px;
    text-align: center;
}
table#freq-recap>*>*>* {
    border: solid 1px #d0d0d0;
}
table#service-recap>*>*>* {
    border: solid 1px #d0d0d0;
    max-width: 100px;
    text-align: center;
}
form {
    text-align: center;
}
td.total-add {
    color: #414757;
    font-weight: 400;
}
td.total-total {
    color: #414757;
    font-weight: 400!important;
}
tr.ligne-totaux>td {
    color: #414757!important;
    font-weight: 300;
}
#vue-globale-button {
    margin-top: 25px;
    margin-bottom: 0px;
}
.centrer {
    text-align: center;
}

#logo-rj {
    display: none;
}
@media print {
    .centrer {
    text-align: left!important;
}
.container-infos {
    box-shadow: none!important;
    border-radius: 0px;
    padding: 0px 0px!important;
}
#logo-rj {
    display: block;
    width: 100px;
    margin: auto;
    margin-top: 120px;
}
p.label {
    margin-top: 5px!important;
}
.grey-print {
    background-color: #00000024!important;
}
@page {
    margin-top: 0;
    margin-bottom: 0;
  }
  body  {
    font-size: 80%;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
         .container-infos {
    overflow: auto!important;
}
.container-infos-print {
    padding: 15px!important;
    border-radius: 15px!important;
    margin-top: 10px;
    max-width: 60%;
    margin: auto;
    align-items: center;
}
.infos-demain .label {
    text-align: left;
}
.infos-demain .info {
    justify-content: start;
}
.grey-print {
    align-items: center!important;
    width: 100%!important;
}
.container-infos p, th, td, span {
    font-size: 10px!important;
}
.infos-du-jour .container-infos, .infos-demain .container-infos  {
    text-align: center!important;
    justify-content: center!important;
    align-items: center!important;
}
h1 {
    margin: 30px 0px 10px 0px;
}
.compte-rendu-date {
    margin-bottom: 100px;
}
.print-trait {
    border-bottom: 1px solid #80808063;
    margin-bottom: 40px;
}
}
.modal-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 1.5rem 1.5rem;
    flex-direction: column;
    justify-content: center;
}
.modal-title {
    color: #79A569;
    font-weight: 600;
}
.modal-date {
    color: #79A569;
    font-weight: 300;
    margin-bottom: 0;
}
.modal-header .btn-close {
    position: absolute;
    right: 25px;
    top: 25px;
}
.modal-body {
    padding: 1rem 2rem;
    color: #000;
    font-weight: 400;
    text-align: left;
}
.btn-primary, .btn-check:focus+.btn-primary, .btn-primary:focus, .btn-primary:active {
    background-color: #0d6efd00;
    border-color: #0d6efd00;
    padding: 0px;
}
.btn-primary:hover {
    background-color: #0d6efd00;
    border-color: #0d6efd00;
    transform: scale(1.2);
}
.icon-dysfonctionnement {
    width: 35px;
}
.icon-person {
    width: 20px;
}
.btn:focus {
    box-shadow: none;
}
#attractions-recap tbody td {
    height: 60px;
}
header {
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 1px 6px #789e350d;
    border-bottom: 1px solid #EEEEEE;
    background-color: white;
    position: sticky;
    top: 0;
    z-index: 999;
}
#header-nav {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-menu {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
}
#header-cr a {
    text-decoration: none;
    font-size: 1em;
    font-weight: 500;
    padding: 0px 60px;
    color: #fff;
    background-color: #79a569;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.header-menu li a {
    text-decoration: none;
    font-size: 1em;
    font-weight: 500;
    padding: 30px 56px;
    border-left: solid 1px #e7e7e7;
    display: flex;
    border-bottom: #79a56900 solid 5px;
}
.header-menu li:nth-child(1) a:before {
    content: url(img/freq.svg);
    vertical-align: middle;
    margin-right: 10px;
    width: 25px;
}
.header-menu li:nth-child(2) a:before {
    content: url(img/resume.svg);
    vertical-align: middle;
    margin-right: 10px;
    width: 25px;
}
.header-menu li:nth-child(3) a:before {
    content: url(img/calendar.svg);
    vertical-align: middle;
    margin-right: 10px;
    width: 25px;
}
.current_page_item a {
    border-bottom: #79a569 solid 5px!important;
    color: #79a569;
}
    .menu-menu-header-mobile-container {
    width: 100%;
}
ul#menu-menu-header-mobile {
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    margin: 0;
    padding: 0;
}
ul#menu-menu-header-mobile li {
    width: 33.33%;
    text-align: center;
}
ul#menu-menu-header-mobile li a {
    font-size: .9em;
    font-weight: 500;
    padding: 19px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.header-menu-mobile li:nth-child(1) a:before {
    content: url(img/rapport-mobile.svg);
    vertical-align: middle;
    margin-right: 10px;
    width: 25px;
}
.header-menu-mobile li:nth-child(2) a:before {
    content: url(img/freq.svg);
    vertical-align: middle;
    margin-right: 10px;
    width: 25px;
}
.header-menu-mobile li:nth-child(3) a:before {
    content: url(img/calendar.svg);
    vertical-align: middle;
    margin-right: 10px;
    width: 25px;
}
.piece-jointe {
    border: solid 1px #79a569;
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 25px;
}
.searchandfilter ul {
    text-align: right;
}
button {
    color: #414757;
}
img.icon-plan {
    width: 60px;
    border-radius: 3px;
    margin-bottom: -10px;
    margin-top: 5px;
}
a#docs {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 65px;
    height: 65px;
    align-items: center;
    border-top-right-radius: 35px;
    box-shadow: 7px -1px 42px -2px rgb(0 0 0 / 11%);
    padding: 20px;
}

div#nav-compterendu {
    width: 100%;
    left: 0px;
    position: fixed;
    top: 90px;
    z-index: 999;
    background-color: #fff;
    padding: 10px;
    border-top: solid 1px #e3e3e3;
    box-shadow: 0px 9px 8px -9px rgb(0 0 0 / 38%);
}
section.top-compte-rendu {
    padding-top: 0px;
}
div#after-nav-compterendu {
    margin-top: 120px;
}
ul#nav-jour-nuit {
    max-width: 800px;
    margin: auto;
    margin-top: 5px;
}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    border: solid 1px #e1e1e1;
    width: calc(100% - 6px);
    margin: 0px 3px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #79a569;
    border: solid 1px #79a569;
}
.pourcentage-avancement {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #79a569;
    padding: 12px;
    font-weight: 500;
    font-size: 85%;
}

a.info-date {
    margin-top: -10px;
    margin-bottom: 20px;
    display: inline-block;
}
.meteo-favorable {
    background-color: #d4eeb4!important;
}
.meteo-defavorable {
    background-color: #db6c6c!important;
}
.meteo-mitige {
    background-color: #f0b852!important;
}
div#poucerntage-meteo {
    display: flex;
}
.meteo-pourcentage {
    height: 15px;
}
td#terra-nocta-realisees {
    font-weight: 600;
}