/******************************************************************
Stylesheet: Pour la maintenance sans compilation
******************************************************************/

html,
body {
  /* overflow-y: scroll!important; */
  /* overflow: scroll!important; */
  /* height:auto!important; */
}

.section-footer a:hover {
  color: #e7344c;
}

p a:hover {
  color: #e7344c;
}

.noscroll {
  overflow: hidden;
}

body .site-content {
  overflow-y: visible;
  height: auto;
  min-height: 0;
}

div#mapfiche {
  height: 100%;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

/* line 276, ../scss/_intranet.scss */

/* rbaer : bug acf input description */

body .intranet_content_wrapper .acf-input {
  min-height: 50px;
  height: auto;
}

/* body .site-footer { */

/* position: fixed; */

/* bottom: 0; */

/* width: 100%; */

/* } */

body .site-content {
  /* position:relative; */
  /* height: calc(100vh - 122px - 70px); */
  /* overflow-y:scroll; */
}

.section.option-autofixed .col:first-child {
  overflow-y: scroll;
}

/* .section.option-autofixed .col:nth-child(2){ */

.section.option-autofixed .col {
  padding: 0;
}

/* .section.option-autofixed #map, */

/* .section.option-autofixed #map-orga */

/* { */

/* width: 100%; */

/* height: 100%; */

/* } */

.structures_render_wrapper {
  /* width: 100%; */
  /* height:100%; */
  position: fixed!important;
  /* top: 0; */
  overflow-y: scroll;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.structures_render_background {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
}

/* .intranet_account, */

/* .intranet_menu_structure_title{ */

/* display:none; */

/* } */

body .intranet_menu_structure_title {
  padding-left: 20px;
}

body .intranet_menu_structure_title:after {
  content: "";
}

.accordion {
  cursor: pointer;
}

body .intranet_content_wrapper.col.col_2_3.colonne {
  margin-top: 0;
}

.structures_render_wrapper .section-fiche {
  /* margin-top:0; */
  /* margin-bottom:0; */
}

.cmap-list-item-img-wrapper {
  padding: 2px;
  background-color: #fff;
}

body .cmap-list-item-img {
  height: 76px;
}

a.cmap-list-item-link.map_marker_hover {
  background-color: #e7344c;
  -webkit-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.formation-item.map_marker_hover .date-info {
  color: #fff;
}

a.cmap-list-item-link.map_marker_hover .cmap-list-item-title,
a.cmap-list-item-link.map_marker_hover .cmap-list-item-info {
  color: #fff;
}

.leaflet-popup,
.leaflet-popup-tip-container {
  max-height: none;
}

.cl-cluster-icon-rouge {
  background-image: url('/wp-content/uploads/2019/05/marker-bleu-cluster.png');
  background-repeat: no-repeat;
  vertical-align: middle;
  height: 32px;
  width: 32px;
  max-height: none;
}

.cl-cluster-icon-survol {
  background-image: url('/wp-content/uploads/2019/05/marker-rouge-cluster.png');
}

.cl-cluster-count {
  position: absolute;
  height: 32px;
  width: 32px;
  text-align: center;
  margin-top: 7px;
}

/************************************************************************************
************************************************************************************
************************************************************************************
Cartoliste
************************************************************************************
************************************************************************************
************************************************************************************/

/*
@media only screen and (max-width: 767px) {
}
@media only screen and (min-width: 1030px) {
}
*/

#cmap {
  padding: 0 0 10px 0px;
  font-size: 16px;
}

/*
#cmap{
	// position:relative; // pas possible sinon la hauteur est trop grands pour le wrapper
}
*/

#cmapWrapper {
  position: absolute;
  /* height:100%; */
  height: calc( 100vh - 70px);
  padding-top: 120px;
  padding-bottom: 5px;
  /* // box-sizing:border-box; */
  /* // width:100%; /* pas possible sinon la largeur déborde à droite */
  /* // left:0; /* sauf avec left:0 */
  max-width: 1080px;
  margin-top: -5px;
  margin-left: 540px;
  width: 540px;
  z-index: 1;
}

@media (max-width: 767px) {
  #cmapWrapper {
    height: inherit;
  }
}

#cmap.cmap-structure #cmapWrapper {
  height: calc( 100vh - 12px);
}

@media only screen and (max-width: 1029px) {
  #cmapWrapper {
    margin-left: 350px;
    width: 350px;
  }
}

@media only screen and (max-width: 767px) {
  #cmap.cmap-structure #cmapWrapper {
    height: inherit;
  }
  #cmapWrapper {
    position: relative;
    margin-left: 0;
    width: 100%;
  }
  .btn.btn-default {
    margin-bottom: 6px;
  }
  #cmap-number {
    float: right;
    position: relative!important;
    margin: 10px;
  }
  .cmap-search input.typeahead {
    width: 112px!important;
  }
  .cmap-search {
    margin-bottom: 20px;
  }
}

#cmapCarte #map {
  height: 100%!important;
}

#cmapCarte {
  height: calc(100% - 7px)!important;
  float: right;
  width: 50%;
  width: 100%!important;
}

@media only screen and (max-width: 1029px) {
  #cmapCarte,
  #cmapListe {
    min-width: 49%!important;
  }
}

@media only screen and (max-width: 767px) {
  #cmapCarte {
    height: 300px!important;
  }
}

#cmap #cmapFiltre {
  background-color: #fff;
  margin-top: -120px;
  /* padding-top:5px; */
  /*	margin-left: -490px; */
  margin-left: -100%;
  width: 200%;
}

@media(max-width: 767px) {
  #cmap #cmapFiltre {
    margin-top: -112px;
  }
}

#cmap #cmapListe {
  margin-top: 115px;
  /* was 115px */
  /* border: 1px solid #bbb; */
}

#cmap.cmap-structure #cmapListe {
  margin-top: 58px;
  /* was 115px */
  /* border: 1px solid #bbb; */
}

@media only screen and (max-width: 767px) {
  #cmap.cmap-structure #cmapListe {
    margin-top: 40px;
  }
  #cmap #cmapFiltre {
    margin-left: 0;
    width: 100%;
  }
  #cmap #cmapListe {
    width: 100%;
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) {
  #cmap.cmap-float:not(.cmap-bottom) #cmapWrapper {
    position: fixed;
    top: 5px;
  }
}

#cmapFiltre .map-formations-filtre-wrapper,
#cmapWrapper .map-orga-filtre-wrapper {
  max-width: inherit;
}

/*
#cmap #cmapFiltre{
	max-width:982px;
}
#cmap:not(.cmap-bottom) #cmapFiltre{
	position: absolute;
	top:0;
}
#cmap.cmap-float:not(.cmap-bottom) #cmapFiltre{
	// position:fixed;
}
#cmap.cmap-bottom #cmapFiltre{
	position: absolute;
	bottom: 410px;
}

.cmap-float:not(.cmap-bottom) #cmapCarte{
	position: fixed!important;
	top: 110px;
	right: 0;
	left: 50%;
	width: 441px;
}
.cmap-bottom #cmapCarte{
	position: absolute!important;
	bottom: 10px;
	right: 0;
}
*/

a.cmap-list-item-zoom,
a.cmap-list-item-page {
  display: none;
}

.cmap-list-item:hover a.cmap-list-item-zoom,
.cmap-list-item:hover a.cmap-list-item-page,
.cmap-list-item-selected a.cmap-list-item-zoom,
.cmap-list-item-selected a.cmap-list-item-page {
  display: block;
}

/* filter */

.cmap-filters>span,
.cmap-search>span {
  font-size: 14px;
  padding-right: 0!important;
  width: 100px!important;
  display: inline-block;
}

@media only screen and (max-width: 1029px) {
  .cmap-filters>span,
  #cmap-clear-filters {
    display: none;
  }
}

#cmapFiltre {
  /* border: 1px solid #bbb!important;*/
}

.cmap-search input.typeahead {
  border: 0;
  border-radius: 0;
  background-color: rgba(218, 218, 164, 0.5);
  font-size: 14px;
  line-height: 14px;
  height: 30px;
}

.cmap-search input.typeahead:active {
  color: #643e11;
  background-color: rgba(218, 218, 164, 0.8);
}

#cmap-number {
  font-size: 13px;
  width: auto!important;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/

/*
    Created on : 1 juin 2015, 17:09:11
    Author     : Antoine Riche - Carto'CITÉ
*/

#cmap {
  max-width: 1040px;
  width: 100%;
  padding: 5px;
}

@media (max-width: 767px) {
  #cmap {
    padding: 0;
  }
}

/* --------------------
 * FILTRES ET RECHERCHE
 * --------------------
 */

#cmapFiltre {
  width: 100%;
  /*border: 2px solid #bbb;*/
  margin-bottom: 5px;
  /*padding: 10px 5px;*/
  padding: 0;
}

.cmap-filters {
  width: 100%;
  height: 50%;
  padding: 6px 0 2px 10px;
}

.cmap-filters>span {
  width: 300px;
}

button.multiselect,
button#cmap-clear-filters {
  margin: 0px 6px;
  border-width: 2px;
  padding: 5px 9px;
}

#cmap-clear-filters .btn {
  border-width: 2px;
}

.cmap-search {
  position: relative;
  width: 100%;
  height: 50%;
  padding: 10px 0 0 10px;
}

.cmap-search>* {
  vertical-align: middle;
}

.cmap-search input[type="text"] {
  margin-bottom: 0;
}

#cmap-number {
  position: absolute;
  bottom: 5px;
  right: 15px;
  text-align: right;
}

/* --------------------
 * CARTE ET SON CONTENU
 * --------------------
 */

#cmapCarte {
  width: 50%;
  min-width: 480px;
  height: 550px;
  border: 1px solid #bbb;
}

.cmap-zoom-control {
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.cmap-zoom-control .button {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/zoom-to-all.png);
  display: block;
  width: 26px;
  height: 26px;
}

.leaflet-touch .cmap-zoom-control .button {
  width: 30px;
  height: 30px;
}

.cmap-tiny-popup {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  border: solid 1px grey;
  padding: 2px;
  color: black;
  font: 13px Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
  display: none;
  opacity: 0.9;
  z-index: 2000;
}

.cmap-tiny-popup.visible {
  display: inline-block;
}

/* ---------------------
 * LISTE ET SES ELEMENTS
 * ---------------------
 */

#cmapListe {
  /* background: #f7f2e0 none repeat scroll 0 0; */
  float: left;
  width: 50%;
  min-width: 480px;
  min-height: 400px;
  /* margin: 5px 3px 0 0px; */
}

.formation-item .cmap-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  /* margin-left: 5px; */
  /* margin-right: 5px; */
  /* padding-top: 5px; */
  /* padding-bottom: 5px; */
  /* border-bottom: 1px solid #bbb; */
  /*z-index: 1000;
  cursor: pointer;*/
}

.cmap-list-item-info {
  font-size: 0.95em;
  line-height: 1.3;
}

.cmap-list-item-hide {
  display: none;
}

.cmap-list-item-selected {
  background: #E7E5C4;
}

/* Styles pour le template d'un éléments de la liste */

.cmap-list-item-img {
  height: 100px;
  width: 100px;
  border: solid 1px #777;
}

.cmap-list-item-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: calc(100% - 108px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-left: 8px;
}

.cmap-list-item-desc-last>a {
  -ms-flex-item-align: end;
  align-self: flex-end;
  float: right;
  width: 24px;
  height: 24px;
  border: solid 1px #777;
  border-radius: 5px;
  margin-left: 10px;
}

.cmap-list-item-page {
  background: #fff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/link-icon.png);
}

.cmap-list-item-zoom {
  background: #fff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url(../img/zoom-to-one.png);
}

/* ----------------
 * TYPEAHEAD SEARCH
 * ----------------
 * Styles source: http://twitter.github.io/typeahead.js/examples/
 */

input.typeahead,
.tt-query,
.tt-hint {
  width: 350px;
  padding: 5px;
  font-size: 1.2em;
  line-height: 30px;
  border: 2px solid #ccc;
  border-radius: 5px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #808080;
  border-radius: 5px;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  z-index: 1001 !important;
  width: 400px;
  margin: 4px 0;
  padding: 0px 0;
  background-color: #fff;
  border: 2px solid #bbb;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor,
.tt-suggestion:hover {
  color: #222;
  background-color: #B7E6A8;
}

.tt-suggestion p {
  margin: 0;
}

body .date-info {
  text-transform: lowercase;
  line-height: 1.5em;
}

body .cmap-list-item-date {
  width: 65px;
}

.pageend {
  border-bottom: 9px solid #1c1942;
}

.multiselect-native-select {
  width: 260px;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .multiselect-native-select {
  width: 100%;
  margin-bottom: 8px;
  }

 #cmapFiltre input#textsearch {
    width: 100%;
   margin-right: 6px;
  }
}

.btn-group {
  width: 100%;
}

.multiselect-item {
  margin: 0;
}

.multiselect-container {
  z-index: 10000;
}

body .multiselect-container input {
  height: auto;
}

body .multiselect-container li {
  margin: 0px 10px;
}

body .ui-menu-item::before,
body .multiselect-container li::before {
  display: none;
}

body .multiselect-container>li>a>label {
  padding: 5px;
  color: #000;
}

.btn-lma {
  background-color: #fff;
  height: 50px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #000;
  font-weight: 300;
  border-radius: 0px;
  margin-bottom: 10px;
  text-align: left;
  outline: 1px solid #6a9c97;
  color: #000;
}

.btn-lma:hover,
.btn-lma:focus,
.btn-lma:active {
  outline: 1px solid #6a9c97;
}

input#textsearch {
  margin-left: 5px;
  margin-right: 0;
  margin-bottom: 8px;
  width: 250px;
}

@media (max-width: 767px) {
  .home input#textsearch {
    width: 100%;
    margin-right: 6px;
  }

}

/* body .fiche-map-info .backbtn { */

/* position: fixed; */

/* top: 0; */

/* left: -50px; */

/* } */

.btn-group-vertical>.btn,
.btn-group>.btn {
  max-width: 100%;
  overflow: hidden;
}

/* formation non validée avec un fond gris */

.intranet_menu_structure_formation .cmap-list-item-link.validation_ {
  background-color: #aaa;
  opacity: 0.5;
}

/*Date formation liste backoffice*/

.page-template-intranet .date-info {
  font-size: 16px;
}

/*Corrections onglets backoffice*/

.page-template-intranet .intra-onglets {
  margin-right: 0;
}

.page-template-intranet .intra-onglets-position,
.page-template-intranet .intra-onglets-profil {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 266px;
  flex: 0 1 266px;
}

.page-template-intranet .intra-onglets-profil b,
.page-template-intranet .intra-onglets-position a {
  font-size: 16px;
}

/* GROUP ACF Formation */

.intranet_content_wrapper .acf-field-group {
  background-color: #a8d7d2;
  color: #1c1942;
  /* text-transform: uppercase; */
  text-align: center;
}

.intranet_content_wrapper .acf-field-group .acf-input {
  min-height: auto;
}

/*Corrections du bouton previsualiser ds admin */

.page-template-intranet .btn-dup-form,
.page-template-intranet .btn-prev-form {
  font-family: 'Bitter', serif;
  border: 1px solid #1c1942;
  border-radius: 6px;
  padding: 6px 12px;
  margin-top: 12px;
  margin-left: 16px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  background-color: #1c1942;
}

.page-template-intranet .btn-dup-form:hover,
.page-template-intranet .btn-prev-form:hover {
  opacity: 0.9;
}

.page-template-intranet .intra-onglets+p a:hover {
  -webkit-box-shadow: 0px 0px 5px 3px rgba(231, 52, 76, .35);
  box-shadow: 0px 0px 5px 3px rgba(231, 52, 76, .35);
  text-decoration: none;
}

.page-template-intranet .intra-onglets+p a::visited {
  text-decoration: none;
}

/*Corrections du descriptif heure de formation + télephone dans l'admin */

.intranet_content_wrapper .acf-label label {
  font-size: 14px !important;
}

.acf-field-5c58055bae253 .acf-label .description,
.acf-field-5c57f3a1e27c3 .acf-label .description{
  position: absolute;
  top: 60px;
  font-size: 11px;
  z-index: 20;
}

label[for="acf-field_5c57f74240401"]+.description {
  position: absolute;
  top: 88px;
  font-size: 11px;
  z-index: 20;
}

.intranet_account_mdp {
  margin-top: 20px;
}

/*Statistiques back-office*/

.canvas-container {
  text-align: center;
  margin-top:32px;
}

.stats_v2_wrapper .canvas_wrapper {
  display: inline-block;
  width: 70%;
}
.stats_v2_wrapper .canvas_wrapper_pie{
  width:300px;
  max-width: 90%;
}

.stats_v2_wrapper .canvas_wrapper.alter {
  width: 100%
}

h3.alter {
  margin-top: 40px;
  text-align:center;
}

.col.col_1_1.col-temp {
  padding: 0;
}

.share {
  text-align: right;
  z-index: 10;
  position: absolute;
  top: 15px;
  right: 4px;
  width: 70px;
  margin-left: auto;
}

.share a.btn-share {
    font-size: 18px;
    padding: 0px 3px 2px 4px;
    display: inline-block;
    color: #1c1942;
    -webkit-box-shadow: 0 0px 15px 10px rgba(0, 0, 0, 0.04);
    box-shadow: 0 0px 15px 10px rgba(0, 0, 0, 0.04);
    border-radius: 100px;
    background-color: #9fcac7a6;
  opacity: 0.5;
}

.share a.btn-share:hover {
  opacity: 1;
}

/*Formation passées back-office*/

.intranet_menu_structure_archive_title {
    background-color: #525252;
    color: #fff;
    padding: 8px;
    font-size: 14px;
    margin-bottom: -10px;
}

.past-formation {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}


/*Bandeau covid*/

.option-covidbanner {
 background-color: #f6fbfa;
}

.option-covidbanner .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

}


.option-covidbanner .col-left {
 -ms-flex-preferred-size: 30%;
 flex-basis: 30%;
  padding-top: 0 !important;
  position: relative;
}

.option-covidbanner .col-right {
 -ms-flex-preferred-size: 70%;
 flex-basis: 70%;
    padding-top: 0 !important;
}

.option-covidbanner .col-right > p {
  padding-left: 16px;
}

.option-covidbanner .col-right > p:before {
    content: "\f06a";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    left: 4px;
    font-weight: 600;
  color: #e7344c;

}

/*2020 06 19 */

.page-id-1769 .map-formations-filtre-wrapper {
  height: 180px;
}

.page-id-1769 #cmap #cmapListe {
    margin-top: 180px;

}

/* ADDTHIS */
.a2a_kit i {
    font-size: 30px;
    padding-right: 15px;
}

/* @patch 25/03/2021 ajout css acf upload */
.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal!important;
}

/* @patch 18/05/2021 ajout des vignettes d'info en fonction du département */
.cmap-list-item-essor .infos-item-desc {
    width: auto;
    margin: 0 0 0 12px;
    flex: 1;
  }
.cmap-list-item-essor .logo-msg{
  width: 96px;
}
.cmap-list-item-link-custom:active,
.cmap-list-item-link-custom:focus{
  text-decoration: none;
}

/* @patch 20/09/2021 */
.menu-icon .second-icon:hover {
    border-right: 100px solid #615e7b;
}

/* @patch 29/10/2021 */
#intranet_wrapper h2 {
  text-align:center;
  margin-bottom:16px;
}

#intranet_wrapper canvas {
  margin-bottom:64px;
}


/* @patch 09/11/2021 */
.stats_visites_repartition_wrapper {
  display: flex;
  flex-direction: column;
}

.stats_visites_repartition_wrapper h2 {
  margin-top:32px;
}

.chart-canvas {
  height:400px;
  margin-bottom:64px;
}

.height-500 {
  height:500px;
}

h2.alter {
  font-family: 'Bitter', serif;
  font-weight: 400;
  line-height:30px;
  color:#1c1942;
  text-transform:uppercase;
  font-size:24px;
}

h3.h3 {
  margin-bottom:1.25rem;
}

.stats_v2_wrapper,
.stats_visites_wrapper {
    display: flex;
    flex-direction: column;
}

.stats-btn,
.extract-btn,
.overlay-content a {
    padding: 8px;
    background-color: #a8d7d2;
    color: #1c1942!important;
    margin:8px;
    text-align:center;
    flex-grow:1;
    border-radius:6px;
    border:1px solid #6a9c97;
    cursor:pointer;
}

/* @style-extractformations 31/03/2022 Style nouvelles options utilisateurs */
.extract-options {
  display:flex;
  flex-direction:column;
}

.html-options {
  display:flex;
  flex-direction:row;
  justify-content:space-evenly;
}

.extract-options > .colors,
.extract-options > .logo {
  display:flex;
  align-items:center;
}

.colors > .form-group {
  margin-right:32px;
}

#logo-preview {
  max-width:200px;
  max-height:150px;
}

#logo-delete {
  align-self:flex-start;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  top:-16px;
  left:8px;
  width:16px;
  height:16px;
  background-color:#444;
  color:white;
  border-radius:50%;
}

.overlay-content {
    margin:16px;
    text-align:center;
}

.overlay-content > * {
    font-size:1.25em;
}

.stats-btn:hover,
.stats-btn:hover a,
.extract-btn:hover,
.overlay-content a:hover {
    background-color: #1c1942;
    color: #a8d7d2!important;
}

.stats-btn i {
  font-size:1.25em;
  margin-right:8px;
}

#stats-title {
  display:flex;
  justify-content:space-between;
  align-items:center;
}

#stats-title > p {
  margin:0;
}

#change-stats-dates {
  margin-bottom:0;
}

#change-stats-dates:hover {
  cursor:pointer;
  text-decoration:underline;
}

/* @patch 23/11 Agenda Formations */
button.multiselect.dropdown-toggle.btn.btn-lma {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.extract-formation {
    display: flex;
    padding: 16px;
    border-bottom: 1px solid lightgrey;
    border-left:8px solid #e7344c;
    margin:8px 0;
}

.formation-date {
  min-width:15%;
  display:flex;
  align-items:center;
}

.formation-desc h3 {
  font-size:1.25rem;
  color:#1c1942;
}

.formation-details {
  display:flex;
}

.formation-details > p {
  margin-right:16px;
}

.formation-details > p > i {
  color:#e7344c;
}


/************ OVERLAY ENVOI MESSAGE ************/
.overlay-wrapper{
  position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #aaa;
	z-index: 2000;
	background-color: rgba(0,0,0,0.7);
	overflow-y: auto;
}
.msg_overlay{
  max-width: 900px;
  margin: 80px auto 15px;
  width: 80%;
  border: 1px solid #cccaca;
  padding: 20px;
  background-color: white;
}
@media (max-width: 767px) {

    .msg_overlay{
        width: 95%;
        margin: 10px auto;
        padding: 10px;
    }
}
.close_overlay_wrapper{
  text-align: right;
  margin-top: 0;
}
.close_overlay,
.send-overlay{
  display: inline-block;
  border: 1px solid #333;
  background-color: #333;
  color: #fff;
  -webkit-transition: all 3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-transform: uppercase;
  font-size: 16px;
  padding: 10px;
  font-weight: bold;
}
.close_overlay:hover,
.send-overlay:hover{
    cursor: pointer;
    background-color: #fff;
    color: #333;
}
.textarea-overlay{
  width: 100%;
  height: 200px;
  margin-bottom: 10px;
}

/*  DATEPICKER */

form#filter-formations {
    display:flex;
    align-items: flex-end;
    justify-content: space-evenly;
}

#filter-formations > div {
  margin:0 8px 0 0;
}

#filter-formations > div:nth-of-type(1) {
    display:flex;
    flex-direction:column;
    width:max-content;
}

#filter-formations > div:nth-of-type(2) {
    flex-grow:2;
}

input.flatpickr {
    width:100%;
}

#filter-formations > input[type="submit"] {
  margin-bottom:0;
}

span.flatpickr-day.selected.startRange,
span.flatpickr-day.endRange {
  background-color:#1c1942!important;
  border:none;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background-color:#1c1942!important;
  border:none;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow:-10px 0 0 #1c1942!important;
  -webkit-box-shadow:-10px 0 0 #1c1942!important;
}


.stats_visites_repartition_wrapper #filter-formations,
.stats_visites_wrapper #filter-formations {
  background-color:#a8d7d2;
  padding:8px;
  border-radius:4px;
}

.stats_visites_repartition_wrapper #filter-formations > div,
.stats_visites_wrapper #filter-formations > div  {
  flex-grow:1;
}