/* Import Font */

/* Poppins */
@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-ExtraBold.eot");
  src: url("../fonts/Poppins-ExtraBold.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-ExtraBold.woff2") format("woff2"),
       url("../fonts/Poppins-ExtraBold.woff") format("woff"),
       url("../fonts/Poppins-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Medium.eot");
  src: url("../fonts/Poppins-Medium.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-Medium.woff2") format("woff2"),
       url("../fonts/Poppins-Medium.woff") format("woff"),
       url("../fonts/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Italic.eot");
  src: url("../fonts/Poppins-Italic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-Italic.woff2") format("woff2"),
       url("../fonts/Poppins-Italic.woff") format("woff"),
       url("../fonts/Poppins-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-ExtraLightItalic.eot");
  src: url("../fonts/Poppins-ExtraLightItalic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-ExtraLightItalic.woff2") format("woff2"),
       url("../fonts/Poppins-ExtraLightItalic.woff") format("woff"),
       url("../fonts/Poppins-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-LightItalic.eot");
  src: url("../fonts/Poppins-LightItalic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-LightItalic.woff2") format("woff2"),
       url("../fonts/Poppins-LightItalic.woff") format("woff"),
       url("../fonts/Poppins-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Regular.eot");
  src: url("../fonts/Poppins-Regular.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-Regular.woff2") format("woff2"),
       url("../fonts/Poppins-Regular.woff") format("woff"),
       url("../fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-ExtraBoldItalic.eot");
  src: url("../fonts/Poppins-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-ExtraBoldItalic.woff2") format("woff2"),
       url("../fonts/Poppins-ExtraBoldItalic.woff") format("woff"),
       url("../fonts/Poppins-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-ExtraLight.eot");
  src: url("../fonts/Poppins-ExtraLight.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-ExtraLight.woff2") format("woff2"),
       url("../fonts/Poppins-ExtraLight.woff") format("woff"),
       url("../fonts/Poppins-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-MediumItalic.eot");
  src: url("../fonts/Poppins-MediumItalic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-MediumItalic.woff2") format("woff2"),
       url("../fonts/Poppins-MediumItalic.woff") format("woff"),
       url("../fonts/Poppins-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Light.eot");
  src: url("../fonts/Poppins-Light.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-Light.woff2") format("woff2"),
       url("../fonts/Poppins-Light.woff") format("woff"),
       url("../fonts/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Black.eot");
  src: url("../fonts/Poppins-Black.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-Black.woff2") format("woff2"),
       url("../fonts/Poppins-Black.woff") format("woff"),
       url("../fonts/Poppins-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-BlackItalic.eot");
  src: url("../fonts/Poppins-BlackItalic.eot?#iefix")
      format("embedded-opentype"),
       url("../fonts/Poppins-BlackItalic.woff2") format("woff2"),
       url("../fonts/Poppins-BlackItalic.woff") format("woff"),
       url("../fonts/Poppins-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-SemiBold.eot");
  src: url("../fonts/Poppins-SemiBold.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-SemiBold.woff2") format("woff2"),
       url("../fonts/Poppins-SemiBold.woff") format("woff"),
       url("../fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-ThinItalic.eot");
  src: url("../fonts/Poppins-ThinItalic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-ThinItalic.woff2") format("woff2"),
       url("../fonts/Poppins-ThinItalic.woff") format("woff"),
       url("../fonts/Poppins-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-BoldItalic.eot");
  src: url("../fonts/Poppins-BoldItalic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-BoldItalic.woff2") format("woff2"),
       url("../fonts/Poppins-BoldItalic.woff") format("woff"),
       url("../fonts/Poppins-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Thin.eot");
  src: url("../fonts/Poppins-Thin.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-Thin.woff2") format("woff2"),
       url("../fonts/Poppins-Thin.woff") format("woff"),
       url("../fonts/Poppins-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-Bold.eot");
  src: url("../fonts/Poppins-Bold.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-Bold.woff2") format("woff2"),
       url("../fonts/Poppins-Bold.woff") format("woff"),
       url("../fonts/Poppins-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Poppins";
  src: url("../fonts/Poppins-SemiBoldItalic.eot");
  src: url("../fonts/Poppins-SemiBoldItalic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Poppins-SemiBoldItalic.woff2") format("woff2"),
       url("../fonts/Poppins-SemiBoldItalic.woff") format("woff"),
       url("../fonts/Poppins-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}

/* Poppins */

/* Roboto */

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Black.eot");
  src: url("../fonts/Roboto-Black.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Roboto-Black.woff2") format("woff2"),
       url("../fonts/Roboto-Black.woff") format("woff"),
       url("../fonts/Roboto-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-BlackItalic.eot");
  src: url("../fonts/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Roboto-BlackItalic.woff2") format("woff2"),
       url("../fonts/Roboto-BlackItalic.woff") format("woff"),
       url("../fonts/Roboto-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Bold.eot");
  src: url("../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Roboto-Bold.woff2") format("woff2"),
       url("../fonts/Roboto-Bold.woff") format("woff"),
       url("../fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-BoldItalic.eot");
  src: url("../fonts/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Roboto-BoldItalic.woff2") format("woff2"),
       url("../fonts/Roboto-BoldItalic.woff") format("woff"),
       url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Medium.eot");
  src: url("../fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Roboto-Medium.woff2") format("woff2"),
       url("../fonts/Roboto-Medium.woff") format("woff"),
       url("../fonts/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-MediumItalic.eot");
  src: url("../fonts/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Roboto-MediumItalic.woff2") format("woff2"),
       url("../fonts/Roboto-MediumItalic.woff") format("woff"),
       url("../fonts/Roboto-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.eot");
  src: url("../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Roboto-Regular.woff2") format("woff2"),
       url("../fonts/Roboto-Regular.woff") format("woff"),
       url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Italic.eot");
  src: url("../fonts/Roboto-Italic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Roboto-Italic.woff2") format("woff2"),
       url("../fonts/Roboto-Italic.woff") format("woff"),
       url("../fonts/Roboto-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Light.eot");
  src: url("../fonts/Roboto-Light.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Roboto-Light.woff2") format("woff2"),
       url("../fonts/Roboto-Light.woff") format("woff"),
       url("../fonts/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-LightItalic.eot");
  src: url("../fonts/Roboto-LightItalic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Roboto-LightItalic.woff2") format("woff2"),
       url("../fonts/Roboto-LightItalic.woff") format("woff"),
       url("../fonts/Roboto-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Thin.eot");
  src: url("../fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Roboto-Thin.woff2") format("woff2"),
       url("../fonts/Roboto-Thin.woff") format("woff"),
       url("../fonts/Roboto-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-ThinItalic.eot");
  src: url("../fonts/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Roboto-ThinItalic.woff2") format("woff2"),
       url("../fonts/Roboto-ThinItalic.woff") format("woff"),
       url("../fonts/Roboto-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

/* Roboto */

/** fontIcon */
@font-face {
  font-family: "fonticons";
  src: url("../fonts/fonticons.eot?ig107m");
  src: url("../fonts/fonticons.eot?ig107m#iefix") format("embedded-opentype"),
       url("../fonts/fonticons.ttf?ig107m") format("truetype"),
       url("../fonts/fonticons.woff?ig107m") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "fonticons" !important;
  /**speak: never;*/
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-archive:before {
  content: "\e900";
}

.icon-attach:before {
  content: "\e901";
}

.icon-close:before {
  content: "\e902";
}

.icon-close-small:before {
  content: "\e903";
}

.icon-down:before {
  content: "\e904";
}

.icon-eye:before {
  content: "\e905";
}

.icon-filter:before {
  content: "\e906";
}

.icon-more-horizontal:before {
  content: "\e907";
}

.icon-plus:before {
  content: "\e908";
}

.icon-refresh:before {
  content: "\e909";
}

/** Font icon */

/* Import Font  */

.project-details {
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.bord {
  border: 1px solid transparent;
  height: auto;
  /**box-shadow: 1px 0px 8px darkgrey;*/
}

.card-details {
  font-family: Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 0.93rem;
  letter-spacing: 0.006rem;
  color: #696974;
  text-overflow: ellipsis;
  display: block;
  margin-top: 0.316rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /**-webkit-box-orient: vertical;*/
}

.perso {
  color: #171725;
  font-weight: 600;
  font-size: 16px;
  font-family: Poppins;
  line-height: 30px;
  letter-spacing: 0.1px;
  left: 7%;
  text-transform: capitalize;
  /**right: 27.15%;*/
  position: relative;
}

.persos {
  font-family: Roboto;
  -webkit-line-clamp:2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.9px;
  color: #696974;
  left: 7%;
  width: 85%;
  /**right: 6.57%;*/
  position: relative;
}

.project-details > p {
  line-height: 20px;
}

.perso_readmore {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.1px;
  left: 9%;
  /**right: 6.57%;*/
  color: #2b5dde;
  position: relative;
}

.hr {
  width: 281.14px;
  left: 40.05px;
  position: relative;
  background: #f1f1f5;
}

.dotColor {
  width: 0.793rem;
  height: 0.793rem;
  border-radius: 1rem;
  margin-right: 0.599rem;
  background-color: #5547ff;
}

.atteinte {
  font-weight: 600;
  font-size: 60px;
  line-height: 75px;
  letter-spacing: 0.116667px;
  color: #171725;
  font-family: Poppins;
  font-style: normal;
  bottom: 20px;
  position: relative;
}

.body_card {
  left: 1.3%;
  right: 6.57%;
  position: relative;
}

.perso_att {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.1px;
  left: 3.3%;
  right: 6.57%;
  position: relative;
}

.truc_border_map {
  border: 1px solid #dbdfea;
}

.truc_footer {
  height: 68.86px;
  background: #ffffff;
  border: 1px solid #dbdfea;
}

.City_title {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.1px;
  color: #171725;
}

.Range_style {
  margin-left: 0.392rem;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 0.933rem;
  line-height: 2.067rem;
  letter-spacing: 0.007rem;
  color: #526484;
  font-size: 12px;
}

.cityLegend {
  position: relative;
  top: 6px;
}

.leaflet-control-attribution > a {
  display: none;
}

.title_creation {
  position: relative;
  height: 26px;
  left: 8.25%;
  right: 42.65%;
  top: calc(50% - 26px / 2 - 74.28px);
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #171725;
}

.creation_ty {
  border: 1px solid transparent;
  height: 216px;
  /**box-shadow: 0px 0px 3px darkgray;*/
}

.title_crea {
  font-family: Poppins !important;
  position: relative;
  left: 2.25%;
  right: 13.78%;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 28px !important;
  line-height: 42px !important;
  letter-spacing: 0.116667px !important;
  color: #171725 !important;
  margin: 0px!important;
}

.badg {
  position: relative;
  left: 0% !important;
  right: 13.78% !important;
  font-family: Roboto !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 14px !important;
  line-height: 16px !important;
  letter-spacing: 0.1px !important;
  color: #696974 !important;
}

.dat_ {
  position: relative;
  left: 2.25%;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #171725;
}

.crea_button {
  background: #e02f84 !important;
  border-radius: 10px;
}

.dought {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  display: block;
  top: -20px;
}


.nbr_opening {
  position: relative;
  top: 15px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.counter_detail {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 24px !important;
  /** font-size: 25px !important;*/
  line-height: 60px;
  letter-spacing: 0.116667px;
  color: #171725 !important;
}

.opener{
  height: 150px!important;
}

.center_sp canvas {
  /**position: relative;*/
  z-index: 10;
}

.text_truc {
  position: relative;
  bottom: -60px;
  /**bottom: 210px;*/
  /**left: 22px;*/
  margin-left: auto;
  margin-right: auto;
  display: block;
  pointer-events: none;
}

/* .text_truc {
  position: relative;
  bottom: 230px;
  bottom: 210px;
  left: 22px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  pointer-events: none;
} */

.truc_border_map {
  border: 1px solid #dbdfea;
  height: 279, 95px;
}

.alignement {
  position: relative;
  top: 8px;
}

.truc_border_opening {
  border: 1px solid transparent;
  height: 220px !important;
  /** box-shadow: 1px 0px 8px darkgray;*/
}

.truc_border_opening_evol {
  border: 1px solid transparent;
  /** height: 484.79px!important;*/
  margin-top: -20px;
}

.nb_responses {
  position: relative;
  bottom: 195px;
  /** bottom: 190px;*/
  text-align: center;
  font-family: Poppins;
  font-style: normal;
  pointer-events: none;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0.0980163px;
  color: #171725;
}

.title_response {
  text-align: center;
  position: relative;
}

.title_evol {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.116667px;
  color: #171725;
  /**text-transform: capitalize;*/
  position: relative;
  height: 32.29px;
  left: 6.06%;
  margin: 0px 10px !important;
}

/**  */
.dotColorThanks {
  width: 0.793rem;
  height: 0.793rem;
  border-radius: 1rem;
  margin-right: 0.599rem;
  background-color: #9e9e9e;
  display: inline-table;
}

.dotColorNodepart {
  width: 0.793rem;
  height: 0.793rem;
  border-radius: 1rem;
  margin-right: 0.599rem;
  background-color: #fbc02d;
  display: inline-table;
}

.dotColorNozone {
  width: 0.793rem;
  height: 0.793rem;
  border-radius: 1rem;
  margin-right: 0.599rem;
  background-color: #1b5e20;
  display: inline-table;
}

.dotColorVigil {
  width: 0.793rem;
  height: 0.793rem;
  border-radius: 1rem;
  margin-right: 0.599rem;
  background-color: #e65100;
  display: inline-table;
}

.dotColorIntel {
  width: 0.793rem;
  height: 0.793rem;
  border-radius: 1rem;
  margin-right: 0.599rem;
  background-color: #d32f2f;
  display: inline-table;
}

/**  */

.type_rep {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-size: 60px;
  line-height: 35px;
  text-align: center;
  letter-spacing: 0.0980163px;
  color: #171725;
}


.type_response {
  height: auto !important;
}

.truc_group {
  padding: 0.375rem !important;
}

.center_group {
  margin-left: auto;
  margin-right: auto;
  width: 20rem;
}

.loaded {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.info_opening {
  position: relative;
  bottom: 90px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  left: 25px;
}

.Response_rate {
  position: relative;
  bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.response_type {
  position: relative;
  margin: 0 10px !important;
  left: 5.25%;
  right: 13.78;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #171725;
}

.res {
  font-family: Poppins;
  font-style: normal;
  font-weight: normal;
  font-size: 13.645px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.194929px;
  color: #171725;
}

.Response_rate > li {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.1px;
  color: #44444f;
}

.rated {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #44444f;
}

.curs {
  cursor: pointer;
}

.dotThanks {
  width: 0.793rem;
  height: 0.793rem;
  border-radius: 1rem;
  margin-right: 0.599rem;
  background-color: #5547ff;
}

.nav-item a {
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color: #171725;
}

.nav-item > a:active {
  font-weight: 600;
  color: #0062ff;
}

.nav-item a:hover {
  color: #0062ff;
}

.create_alert {
  background-color: #2abdbd;
  border-color: #2abdbd;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.1px;
  color: #fafafb;
  border-radius: 10px;
}

.create_alert:hover {
  color: #171725;
  background-color: #dbdfea;
  border-color: #dbdfea;
}

.evol_button {
  color: #696974;
  background-color: #ffffff;
  border-color: #e4e4e4;
  border: 1px solid #e4e4e4;
  border-radius: 8px !important;
  margin: 6px;
}

.evol_button:active {
  color: #fff;
  background-color: #0062ff !important;
  border-color: #0062ff !important;
}

.evol_button:hover {
  color: #fff;
  background-color: #0062ff !important;
  border-color: #0062ff !important;
}

.modiff {
  max-width: 75%;
  margin-right: auto;
  margin-left: auto;
  display: block;
}

#archiver > .btn-info {
  background-color: #e02f84 !important;
  border-color: #e02f84;
  border-radius: 10px;
}

#archiver > .btn-info:hover {
  background-color: #e02f84b5 !important;
  border-color: #e02f84b5 !important;
  border-radius: 10px;
}

#modifier > .btn-info {
  border-radius: 10px;
}

.tools_truc {
  position: relative;
  top: 0px;
}

.truc_evo {
  position: relative;
  top: 5px;
}

.card_hauteur {
  height: 750px !important;
}

.truc_border_opening_login {
  border: 1px solid #dbdfea;
}

@media screen and (min-width: 1080px) {
  .truc_border_opening_evol {
    margin-top: -12px;
  }
}

.center_sp {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.card_space {
  height: 790px;
}

.perso_taille {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 15px;
}

.ctrl_title {
  position: relative;
  left: 7%;
}

.list_commu {
  width: 200px;
}

.form-select {
  border-radius: 12px;
}

.bord > img {
  width: auto !important;
  height: 223.1px !important;
}

/** Styling Border */
textarea[type="text"] {
  border: none;
  border-bottom: 1px solid #e2e2ea;
  resize: none;
}

input[type="text"] {
  border: none;
  border-bottom: 1px solid #e2e2ea;
}

input[type="text"]::placeholder {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 21px;
  /* identical to box height */
  letter-spacing: 0.1px;
  color: #92929d;
}

input[type="password"] {
  border: none;
  border-bottom: 1px solid #e2e2ea;
}

  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #fff !important;
  border-radius: 3px;
  cursor: default;
  line-height: 1.5rem;
  margin: 0.1875rem 0.1875rem;
  padding: 0 0.5rem;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  border: 1px solid #dfdfdf !important;
}

.btn_file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.btn_file + label {
  font-size: 1.25em;
  font-weight: 700;
  color: white;
  background-color: black;
  display: inline-block;
}

.btn_file:focus + label,
.btn_file + label:hover {
  background-color: red;
}

.btn_file + label {
  cursor: pointer;
}

.btn_file:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.btn_file + label * {
  pointer-events: none;
}

.labells {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 5px;
  color: #92929d;
}

.modal-dialog {
  margin-right: auto;
  margin-left: auto;
  /**display: block;*/
  /**margin: 1.2rem auto;*/
  height: 94%;
}

.modal-content {
  max-height: 100%;
}

.modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}

/** Styling Border */

/** Styling Map */
.leaflet-top > .leaflet-left {
  display: none !important;
}

.input-range {
  height: 1rem !important;
  position: relative !important;
  width: 90% !important;
  left: 25px !important;
}

/** Styling Map */

.nk-menu-trigger {
  display: none !important;
}

.nk-sidebar-brand {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.details_recipients {
  height: 80px;
}

.boxed {
  width: 50px;
  height: 50px;
  background-color: #ffffff;
}

.leaflet-left {
  display: none;
}
.leaflet-control {
  display: none;
}
.descModal > p {
  text-align: justify;
}
/** Dezoom  */
@media (min-width: 2125px) {
  .nb_responses {
    position: relative;
    bottom: 225px;
    text-align: center;
    font-family: Poppins;
    font-style: normal;
    pointer-events: none;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0.0980163px;
    color: #171725;
  }
}

.with_perso {
  width: 44.5% !important;
}

.with_perso_range {
  width: 11% !important;
}

.custom-control-label {
  /*font-size: 8px!important;*/
  width: 145px !important;
}

#mod > [select] {
  background: none;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  border-width: 2px;
  border-style: inset;
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
  appearance: menulist;
}

.eval {
  /**box-shadow: 0.8px 0.8px 0.8px 0.8px #dbdfea;*/
  border: 1px solid #dbdfea;
  border-radius:21.3793px;
  overflow: hidden;
  /**margin-top: 30px;*/
}

.style_eval {
  margin-top: 15px !important;
}

.style_response {
  margin-top: 15px!important;
}

#alerte_emises{
  position: relative;
  left: 3%;
  width: 93%;
  top: 16.17%;
  bottom: 18.15%;
  background: #FFFFFF;
  border: 1px solid #E2E2EA;
  border-radius: 20px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.1px;

  color: #171725;
}

.alertes_emises{
  position: relative;
  text-align: center;
  top: 10px;
}

.list_communautes {
  text-align: center;
  padding: 10px 0;
}

.etat{
  position: relative;
  top: 7px;
}

#truc{
  position: relative;
  height: 66px;
  /**left: 7%;*/
  /**right: 58.9%;*/
  text-align: center;
  top: calc(50% - 66px/2 + 11.39px);
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 70px;
  letter-spacing: 0.116667px;
  color: #171725;
}

.history{
  position: relative;
  width: 274px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
 /**text-align: center;*/
  letter-spacing: 0.1px;
  color: #171725;
}

thead{
  background-color:#FAFAFB;
}

.table_row{
  position: relative;
  /**height: 18px;*/
  /**left: 4.4%;*/
  /**right: 86.56%;*/
  top: calc(50% - 18px/2 - 3.5px);

  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.8px;
  text-transform: uppercase;

  color: #44444F;
}

.inac{
  padding:0!important;
}

.table_row > th {
  padding: 1rem !important;
  text-align: center;
}

.table_box > td {
  padding: 1.2rem!important;
}

.table th, .table td {
  border-top: 0px!important ;
}

.inpuyt{
  position: relative;
  top: 10px;
}

.dd{
  padding: 1.2rem !important
}

 .commu_list{
  display:grid;
  grid-template-columns:repeat(1, 1fr);
  /**grid-template-rows: repeat(2, 25px);*/
} 

.special_width {
  height: 225.683px;
}

.nk-sidebar {
  z-index: 1;
}

.by_community {
  margin-bottom:0px!important;
}

.regions {
  font-family: 'Roboto';
  font-weight: 700;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
  position: relative;
  letter-spacing: 0.1px;
  color: #696974;
  top: 7px;
}

.refresher {  
  left: 75px;
  position: relative;
  font-size: 17px;
  top: 3px;
}

#typeofresponses{
  position: relative;
  left: 3%;
  width: 93%;
}

.nb_responses_global_stat{
  position: relative;
  bottom: 150px;
  text-align: center;
  font-family: Poppins;
  font-style: normal;
  pointer-events: none;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0.0980163px;
  color: #171725;
}

.nb_responses_global_stat .type_rep {
  font-size: 40px !important;
}

.resultats {
  font-weight: 600;
}

.with_perso > .form-control {
  cursor: pointer!important
}

.test {
  background-color: transparent !important;
  border: transparent !important;
}

.fff{
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #dce2ea!important;
  line-height: 20px;
  /**line-height: 0px;*/
  letter-spacing: -0.9px;
}

.tittle{
  text-transform: capitalize!important;
  font-size: 11px !important;
}


.titles{
  display: flex;
  align-items: center;
  color:#fff;
  font-size: 0.775em;
}

.css-26l3qy-menu{
  z-index: 1000 !important;
}

.filepond--credits{
  display: none;
}
.filepond--panel-root {
	border-radius: 2em!important;
	background-color: #edf0f4!important;
	height: 1em!important;
}

.filepond--root {
  margin-bottom: -1em;
}

.eval > img {
  object-fit: cover;
  object-position: center;
}

/** Texte Editor */

/* .rdw-fontsize-wrapper{
  display: none !important;
} */

.rdw-colorpicker-wrapper{
  display: none !important;
}

.rdw-fontfamily-wrapper{
  display: none!important;
}

.rdw-fontsize-dropdown {
  display: none!important;
}

.rdw-option-wrapper[title="Underline"]{
  display: none!important;
}

.rdw-text-align-wrapper{
  display:none!important;
}

.rdw-image-wrapper{
  display: none !important;
}

.rdw-emoji-wrapper{
  display: none !important;
}

.rdw-link-wrapper{
  display: none !important;
}

.rdw-embedded-wrapper{
  display: none !important;
}

[title ~= "Superscript"]{
  display: none !important;
}

[title ~= "Subscript"]{
  display: none !important;
}

[title ~= "Monospace"]{
  display: none !important;
}

[title ~= "Remove"]{
  display: none !important;
}

.rdw-colorpicker-modal{
  left: -75px!important;
}

[title ~= "Strikethrough"]{
  display: none !important;
}

/** Text Editor */ 
.rdw-editor-main {
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}

.description-editor {
  height: 275px !important;
  border: 1px solid #F1F1F1 !important;
  padding: 5px !important;
  border-radius: 2px !important;
}

.demo-root {
  font-family: Roboto;
}

.bg-no-alert{
  background-color: transparent !important;
}

 .no-width{
  min-height: 0 !important;
}

.content-error{
  display: block !important;
}

.Element-center{
  padding: 10rem 1rem !important;
}

.Element-center > img {
  max-width: 75%!important;
}

.rcs-inner-container li {
  list-style-type: revert-layer !important;
}

.rcs-inner-container ul{
  list-style: revert-layer !important;
  padding: revert-layer !important;
}

.rcs-inner-container ol{
  list-style: revert-layer !important;
  padding: revert-layer !important;
}

.descModal{
  height: 525px !important
}

.cross_import:before{
  color: red;
}

.ni-edit:before{
  color: #0062ff
}

.point:before{
  left: -6px;
  height: 10px;
  width: 10px;
}

.edito:before{
  color: #0062ff;
}

.active > .nav-link {
  font-weight:600!important;
  color: #0062ff!important;
}

.breadcrumb-item > a :not(:hover){
  color:#1e75ff!important;
  font-weight: 900!important;
}

#nav-back .breadcrumb-item {
  font-size: 1.2em;
}

.Navigation{
  display: block;
  padding: 0.5rem 1rem;
}

.item > a {
  font-family: "Poppins";
  font-size: 14px;
  font-weight: 500;
  line-height:21px;
  color:#171725;
}

.link{
  display:block;
  padding:0.5rem 1rem;
}

.active > .link{
  font-weight: 600;
  color: #0062ff;
  cursor: default;
}

.breadcrumb-item > a {
  color:#0062ff!important;
  font-weight: 900!important;
}

.breadcrumb-item.active {
  color: #000;
}

.nav-hr{
  margin-top: 0rem;
  margin-bottom: 0rem;
  background-color: #0062ff !important;
  width: 50%;
  height: 10%;
  top: 30%;
  position: relative;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-color: #0062ff;
}

.display-h5{
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.1;
}

/** Table */
.table_generic{
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: 0px 0px 0.379px 0.379px;
}

/** Loader Circle */

.CircularProgressbar{
  width: 20px !important;
  margin-left: 20px;
}

.ni-plus:before{
  font-size: 15px!important;
  position: relative!important;
  bottom: 2px!important;
}

.icons_box > img{
  width: 15px;
  position: relative;
  top: -2px;
}

/** Loader Circle */

.spacing{
  margin: -5px !important;
}

.marginn{
  margin: 1.5rem 0rem 1.5rem 0rem;
}

.nk-sidebar-head {
  border-bottom: 0px!important;
}

.input_placeholder::placeholder{
  font-family: 'Poppins'!important;
  font-size:14px !important;
  font-weight:400 !important;
  color: #92929D!important;
  line-height:21px!important;
  letter-spacing: 0.2px!important;
}
.input_placeholder{
  border-bottom: 0px !important;
}

.ARROW{
  font-size:13px!important;
  color: #92929D;
  margin: 0px 0px 0px 10px!important;
}

#flash{
  transform: translate3d(-77px, 36px, 0px)!important;
}

.cancel_padding{
  padding: 0 0px!important;
}

.btn-light:hover{
  background-color: transparent !important;
}

.btn-light:active {
  background-color: transparent !important;
}

.btn-light {
  background-color: #fff !important;
}

.filter_icon{
  color: #92929d!important
}

.filter_by{
  width: 40%;
  height: 16px;
  /**left: 0.36px;*/
  /**top: calc(50% - 16px/2 - 0.14px);*/
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.1px;
  color: #696974;
}

.backfilter{
  background-color: white !important;
}

.mailError{
  display: block;
}

.custom-switcher{
  padding-right: 0rem !important;
}

.containte{
  justify-content: center!important;
}

.switcher{
  width: 0px!important;
  margin-bottom: 8px!important;
}

.space{
  margin-top:0.25rem!important;
  margin-bottom: 0.25rem !important;
}


table.list_user_commu {
  width: 100%;
  margin-top:20px;
}

table.list_user_commu th, table.list_user_commu td {
  padding: 10px 0;
}

.popup-section {
  padding: 0 10px;
  
}

.popup-section-sep {
  margin: 20px 0;
  border-bottom: solid 1px #ddd;
  height: 0;
}

.popup-section h5 {
  margin-bottom: 20px;
}

.popup-section .btn {
  float: right;
}

.popup-section p.msg-warning strong {
  color: #ca3c3c;
}

table.list_user_commu td button, .popup-section .btn, .popup-section .actions-block label {
  float: right;
}

.popup-section .actions-block label {
  margin: 15px;
}

.actions-block {
  height:45px;
  margin: 5px 0;
}

.link-btn {
  border: none;
  color: #207bc5;
  background-color: unset;
}
.link-btn:hover {
  color: #165385;
}
.link-btn:disabled {
  color: #85c0f0;
}