@charset "UTF-8";
@font-face {
  font-family: "Ubuntu";
  src: url("../../font/Ubuntu-L.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu-Bl";
  src: url("../../font/Ubuntu-Bl.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu-B";
  src: url("../../font/Ubuntu-B.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu-C";
  src: url("../../font/Ubuntu-C.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu-L";
  src: url("../../font/Ubuntu-L.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu-M.ttf";
  src: url("../../font/Ubuntu-LI.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Ubuntu-M.ttf";
  src: url("../../font/Ubuntu-LI.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Nunito";
  src: url("../../font/Nunito Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Nunito-B";
  src: url("../../font/Nunito Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Nunito-L";
  src: url("../../font/Nunito Light.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Hind";
  src: url("../../font/Hind-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Hind-B";
  src: url("../../font/Hind-Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Hind-L";
  src: url("../../font/Hind-Light.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Hind-M";
  src: url("../../font/Hind-Medium.ttf");
  font-display: swap;
}
html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
  font-size: 10px;
  background-color: #faf5f0;
}

.content-page {
  margin-top: 72.25px;
}
@media screen and (max-width: 1200px) {
  .content-page {
    margin-top: 72.25px;
  }
}
@media screen and (max-width: 992px) {
  .content-page {
    margin-top: 70.95px;
  }
}
@media screen and (max-width: 768px) {
  .content-page {
    margin-top: 70.95px;
  }
}
@media screen and (max-width: 546px) {
  .content-page {
    margin-top: 70.95px;
  }
}

.grid {
  display: grid;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.overflow {
  overflow: auto;
}

.overflow-y {
  overflow-y: auto;
}

.overflow-x {
  overflow-x: auto;
}

.highlight {
  background-color: rgba(230, 80, 30, 0.2);
}

* {
  font-family: Nunito;
  margin: 0;
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

#header {
  z-index: 1100;
}

h1:first-letter,
h2:first-letter,
h3:first-letter,
h4:first-letter,
h5:first-letter,
span:first-letter,
label:first-letter,
input:first-letter,
button:first-letter,
a:first-letter,
option:first-letter,
select:first-letter,
select option:first-letter,
.title:first-letter {
  text-transform: uppercase;
}

.capitalize {
  display: inline-block;
}
.capitalize::first-letter {
  text-transform: uppercase;
}

.text-align-center {
  text-align: center;
}

h1 {
  font-family: hind;
  font-size: 3em;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  h1 {
    font-size: 2em;
  }
}
@media screen and (max-width: 768px) {
  h1 {
    margin-bottom: 0;
    font-size: 1.5em;
  }
}

h2,
h3,
h4,
h5 {
  font-family: Hind;
  font-weight: 500;
  word-wrap: break-word;
  word-break: break-word;
  line-height: 1em;
  margin: 0.5em 0;
}
@media screen and (max-width: 768px) {
  h2,
  h3,
  h4,
  h5 {
    text-align: center;
  }
}

h2 {
  font-size: 2.5em;
}

h3 {
  font-size: 1.8em;
}

h4,
h5 {
  font-size: 1.2em;
}

p {
  font-family: Nunito-L;
  text-transform: none;
  font-weight: 500;
  font-size: 1em;
  white-space: pre-line;
  text-align: left;
}
p .credit {
  text-align: right;
  font-size: 0.85em;
}

.bold {
  font-weight: bold;
}

.bold-nunito {
  font-family: "Nunito" !important;
}

.ta-right {
  text-align: right;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #372D2D;
}
a:hover {
  color: #D34618;
}

textarea {
  font-family: Nunito;
  text-transform: none;
  font-weight: 500;
  font-size: 1.4em;
}

.resize-v {
  resize: vertical;
}

.resize-h {
  resize: horizontal;
}

.resize-off {
  resize: none;
}

.empty h4 {
  display: block;
  margin: 0 auto;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
  color: #ffd2aa;
  font-size: 2em;
}

.navbar {
  width: 100%;
}

.label {
  color: #595959;
  font-size: 1em;
  font-weight: 500;
  margin-bottom: 0.25em;
  margin-top: 2em;
  text-align: center;
  white-space: normal;
  margin-left: 1px;
  font-size: 1em;
  padding-left: 0px;
  padding-right: 0px;
  padding: 0px;
}
.label p {
  font-size: 1.1em;
}

.label-left {
  text-align: left;
}

label.input-inside {
  display: block;
}

.fa-plus:not(.fa-menu) {
  color: #147882;
  font-size: 1em;
  padding-left: 1em;
  cursor: pointer;
}
.fa-plus:not(.fa-menu):hover {
  opacity: 0.5;
}

.fa-eye {
  margin-right: 1em;
  cursor: pointer;
}
.fa-eye:hover {
  opacity: 0.5;
}

.required {
  color: #D34618;
}

.page-titl {
  padding: 1em 0;
}

label.error,
.error {
  color: #c6240e;
  font-size: 0.9em;
  padding-top: 0px;
}

.valid {
  color: #147882;
  font-size: 1em;
  padding-top: 0px;
}

.invalid {
  color: #D34618;
}

input.valid,
input.error {
  padding-top: 6px;
}

.anchor {
  display: block;
  position: relative;
  top: -75px;
  visibility: hidden;
}

.coherence-error {
  color: #D34618;
}

.coherence-warn {
  color: #fca758;
}

.warn {
  color: #d34618;
}

.coherence-advice {
  color: #147882;
}

.container {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  padding: 0 2vw;
}

.hover-bcolor-transition {
  transition: background-color 0.5s ease-out;
}

.b {
  padding: 1em;
  border-radius: 5px;
  box-shadow: 0 0 4px 0 rgba(158, 158, 158, 0.5);
  background-color: white;
}
@media screen and (max-width: 768px) {
  .b {
    padding: 0.5em;
  }
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul li,
ol li {
  margin: 0;
}

.field {
  grid-template-columns: 10fr 90fr;
  background-color: rgba(215, 230, 225, 0.3);
  padding: 0.5em;
  border: 1px solid #147882;
  border-radius: 0.3em;
  width: 100%;
}

.no-margin {
  margin: 0 !important;
}

.input-field {
  width: 100%;
  border: 0;
  background-color: rgba(215, 230, 225, 0.3);
  border-radius: 0.5em;
  color: #147882;
}

#edit_form {
  margin-bottom: 4em;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 0.9em;
}

::-moz-placeholder {
  /* Firefox 19+ */
  font-size: 0.9em;
}

:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 0.9em;
}

:-moz-placeholder {
  /* Firefox 18- */
  font-size: 0.9em;
}

.form-control {
  border-radius: 7px;
  border: 0px;
  background-color: #f4f4f4;
  color: #000000;
  height: auto;
  word-wrap: break-word;
  appearance: none;
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome, Opera, Safari */
  -webkit-appearance: none;
  /* For IE10 */
}
.form-control:hover {
  color: #372D2D;
}
.form-control ::-ms-expand {
  display: none;
}

input.error {
  border: 1px solid #D34618;
  background-color: #fdd2aa;
}

p.fixinput {
  padding: 5px;
  margin: 0 auto;
  font-weight: normal;
  color: #000000;
  background-color: #f4f4f4;
  border-radius: 5px;
  display: inline-block;
}

p.fixtextarea {
  padding: 5px;
  margin: 0 auto;
  font-weight: normal;
  color: #000000;
  background-color: #f4f4f4;
  border-radius: 5px;
  min-height: 10em;
  overflow-y: auto;
}

a.main-input,
p.form-control {
  padding: 0.5em 1em;
  font-size: 1em;
}

button.save {
  border-radius: 20px;
  padding: 5px 25px;
  text-transform: uppercase;
  background-color: #147882;
  color: #ffffff;
  border-radius: 5px;
}
button.save:hover {
  background-color: #d4e6f6;
  color: rgb(20, 120, 130);
}

.tag_remove {
  position: absolute;
  right: 0.5em;
  top: 0.3em;
  display: inline-block;
  color: #D34618;
  opacity: 0.9;
  cursor: pointer;
  font-size: 0.8em;
  color: white;
}
.tag_remove:hover {
  color: #d34618;
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-33 {
  opacity: 0.33;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-66 {
  opacity: 0.66;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-100 {
  opacity: 1;
}

.link_remove {
  margin-top: 2em;
  display: inline-block;
  color: #D34618;
  opacity: 0.5;
  cursor: pointer;
  font-size: 2em;
}

.link-login {
  color: #D34618;
  text-decoration: none;
  padding-left: 0.5em;
}
.link-login:hover {
  color: #147882;
  text-decoration: underline;
}

.disabled-link {
  pointer-events: none;
}

.upload-zone {
  position: relative;
  outline: 2px dashed #92b0b3;
  color: #92b0b3;
  width: 70%;
}
@media screen and (max-width: 992px) {
  .upload-zone {
    width: 60%;
  }
  .upload-zone .txt_mobil {
    display: none;
  }
}
@media screen and (max-width: 546px) {
  .upload-zone {
    width: 70%;
  }
  .upload-zone .txt_mobil {
    display: none;
  }
}
@media screen and (max-width: 442px) {
  .upload-zone {
    width: 95%;
  }
}
.upload-zone:hover {
  outline: 2px dashed #d34618;
  color: #d34618;
}
.upload-zone label {
  padding: 0.5em;
  font-size: 0.9em;
  cursor: pointer;
}
.upload-zone .box__dragndrop {
  grid-template-columns: 10fr 90fr;
}
.upload-zone .box__dragndrop ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.upload-zone .box__dragndrop ul li {
  display: inline;
}
.upload-zone .box__dragndrop p {
  font-size: 1em;
}
.upload-zone .box__file {
  width: 0%;
  height: 0%;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.upload-zone .box__button {
  outline: 2px dashed #92b0b3;
  border: none;
  margin: 0 auto;
  margin-bottom: 1em;
  color: #92b0b3;
  background-color: white;
}
.upload-zone .box__button:hover {
  color: #d34618;
  outline: 2px dashed #d34618;
}
.upload-zone .box__uploading,
.upload-zone .box__success,
.upload-zone .box__error {
  display: none;
}
.upload-zone .box.is-dragover {
  background-color: white;
  outline: 2px dashed #d34618;
}
.upload-zone .box.is-dragover label,
.upload-zone .box.is-dragover i,
.upload-zone .box.is-dragover span {
  color: #d34618;
}
.upload-zone .box.is-uploading .box__uploading {
  display: block;
}

div[data-type=upload-zone-viewtab-profil] {
  height: 100%;
  width: 100%;
}
div[data-type=upload-zone-viewtab-profil] form {
  height: 100%;
}
div[data-type=upload-zone-viewtab-profil] .box__dragndrop {
  height: 100%;
  grid-template-columns: 100fr;
}
div[data-type=upload-zone-viewtab-profil] .fa-camera {
  font-size: 2em;
}

#upload_zone_choice_popup form label {
  display: inline-block;
  cursor: pointer;
}
#upload_zone_choice_popup form label:hover {
  color: #fca758;
}
#upload_zone_choice_popup form label p {
  font-weight: 600;
}

.doptim-drag {
  position: absolute;
  width: 100%;
}

.filter_block_grid {
  width: 100%;
  margin: 0;
  position: relative;
}
.filter_block_grid i:not(.help-feature) {
  position: absolute;
  font-size: 1em;
  top: 0.66em;
  left: 0.5em;
  color: rgba(55, 45, 45, 0.5490196078);
}
.filter_block_grid input:focus {
  outline: 1px solid rgba(234, 86, 21, 0.1);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2588235294);
}
.filter_block_grid input {
  padding: 0.5em 1em 0.5em 2em;
  width: 100%;
  border-radius: 0.5em;
  color: #372D2D;
  font-family: Nunito;
  background-color: #f7f7f7;
  box-shadow: none;
  border: 1px solid #c6c6c6;
  font-size: 1em;
}
.filter_block_grid input ::placeholder {
  color: #147882;
}
.filter_block_grid .main-input {
  padding: 0.5em 1em 0.5em 1em;
}

.filter_block {
  position: relative;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.filter_block i {
  position: absolute;
  vertical-align: middle;
  pointer-events: none;
  left: 0px;
  color: #147882;
  top: 0.65em;
  left: 0.3em;
}
.filter_block input.filter {
  outline: none;
  display: block;
  border-radius: 0.5em;
  font-size: 1em;
  width: 100%;
  padding: 0.5em 0.5em;
  width: 100%;
  border-radius: 0.5em;
  color: #372D2D;
  font-family: Nunito-L;
  background-color: #f7f7f7;
  box-shadow: none;
  border: 1px solid #c6c6c6;
  height: 35px;
}
.filter_block input.filter ::placeholder {
  color: #147882;
}
.filter_block input.filter:focus {
  outline: 1px solid rgba(234, 86, 21, 0.1);
  box-shadow: 0px 0px 2px 0px #d7d7d7;
}
@media screen and (max-width: 760px) {
  .filter_block input.filter {
    font-size: 1.4em;
    font-weight: 300;
  }
}

.link_type_list {
  max-height: 30vh;
  overflow-y: auto;
}
.link_type_list p {
  padding: 0.25em;
  cursor: pointer;
}
.link_type_list p:hover {
  color: rgba(20, 120, 130, 0.6666666667);
}

button {
  display: inline-block;
  font-family: "Nunito-L";
  font-size: 1.3em;
  margin-top: 1em;
}
@media screen and (max-width: 992px) {
  button {
    font-size: 1.2em;
  }
}

.btn-link {
  color: rgb(20, 120, 130);
  cursor: pointer;
  background: none;
  border: none;
  font-size: 1.4rem;
}
.btn-link:hover {
  color: #D34618;
}

.btn-sup {
  border: 1.5px solid #D34618;
  color: #D34618 !important;
  background-color: white;
  border-radius: 5px;
  padding: 0.5em 1em;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
}
.btn-sup:hover {
  background-color: #D34618;
  color: white !important;
}

.btn-combi {
  z-index: 1;
  background-color: white;
  top: 85px;
  left: 0;
  width: auto;
  transition: 0.3s;
  transition-property: width;
  position: fixed;
  box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.3);
  height: auto;
  border-bottom-right-radius: 7px;
  cursor: pointer;
  font-size: 1em;
}
.btn-combi .btn {
  display: block;
  color: #147882;
  position: relative;
  transition: 0.3s;
  transition-property: all;
  transition-property: color;
  font-size: 20px;
}
.btn-combi .btn:hover {
  color: #d34618;
  background-color: rgba(215, 230, 225, 0.5);
}
.btn-combi a:not(:last-child) {
  border-bottom: 1px solid rgba(55, 45, 45, 0.2);
}
@media screen and (max-width: 768px) {
  .btn-combi {
    top: 115px;
  }
}
@media screen and (max-width: 546px) {
  .btn-combi {
    top: 145px;
  }
}

.btn-prev,
.btn-tree {
  position: fixed;
  top: 0vh;
}

.btn-header {
  color: #ffffff;
  background-color: #D34618;
}
.btn-header:hover {
  background-color: #fca758;
  color: #ffffff;
}

.btn-success {
  background-color: #147882;
  color: #ffffff;
  border: 0px;
}
.btn-success:hover {
  background-color: #d7e6e1;
  color: #147882;
}

.btn-side {
  height: 40px;
  width: 60px;
  border: 0px;
  border-radius: 0px 10px 10px 0px;
  padding: 5px 10px 5px 10px;
  background-color: rgba(20, 120, 130, 0.6666666667);
}
.btn-side i {
  color: #ffffff;
  font-size: 2em;
}

.btn-green {
  width: 238px;
  border-radius: 5px;
  padding: 5px;
  font-size: 1em;
  font-weight: inherit;
  background-color: #147882;
  color: #ffffff;
}
.btn-green:hover {
  background-color: rgba(20, 120, 130, 0.6666666667);
  color: #ffffff;
}

.btn-grey {
  width: 238px;
  border-radius: 5px;
  padding: 5px;
  font-size: 1em;
  font-weight: inherit;
  background-color: #d4e6f6;
  color: rgb(20, 120, 130);
}
.btn-grey:hover {
  background-color: rgba(20, 120, 130, 0.6666666667);
  color: rgb(20, 120, 130);
}

.btn-create {
  border: 1.5px solid #D34618;
  color: #D34618;
  background-color: white;
  padding: 0.4em 2em 0.4em 2em;
  border-radius: 5px;
  font-size: 1em;
  cursor: pointer;
}
.btn-create:hover {
  background-color: #fca758;
  border: 1.5px solid #fca758;
  color: white;
}

.btn-premium {
  border: 1.5px solid #147882;
  color: white;
  background-color: #147882;
  padding: 0.4em 0.4em 0.4em 0.4em;
  border-radius: 5px;
  font-size: 1em;
}
.btn-premium:hover {
  color: #147882;
  background-color: white;
  border: 1.5px solid #147882;
}

.btn-black {
  border: 1.5px solid #000000;
  color: #000000;
  background-color: #faf5f0;
  padding: 0.4em 0.4em 0.4em 0.4em;
  border-radius: 5px;
}
.btn-black:hover {
  color: #D34618;
  background-color: #faf5f0;
  border: 1.5px solid #D34618;
}

.btn-create-section {
  padding: 1em;
  font-size: 1.4em;
  font-weight: 400;
  text-align: center;
  border-radius: 5px;
  color: #ffffff;
  background-color: #D34618;
  border: 0;
}
.btn-create-section:hover {
  background-color: #fca758;
  color: #372D2D;
}

.btn-primary {
  font-weight: 400;
  border-radius: 5px;
  color: white;
  border: 0;
  background-color: #D34618;
  transition: 0.2s;
  cursor: pointer;
  padding: 0.5em 2em 0.5em 2em;
  text-align: center;
}
.btn-primary:hover {
  color: #372D2D;
  background-color: #fca758;
}

.btn-secondary-green {
  font-weight: 400;
  font-family: Nunito-L;
  border-radius: 5px;
  color: white;
  border: 0;
  background-color: #147882;
  transition: 0.2s;
  cursor: pointer;
  padding: 0.5em 2em 0.5em 2em;
}
.btn-secondary-green:hover {
  color: white;
  background-color: rgba(20, 120, 130, 0.6666666667);
}

.btn-primary-green {
  font-size: 1.1em;
  font-weight: 400;
  border-radius: 5px;
  color: white;
  border: 0;
  background-color: #147882;
  transition: 0.2s;
  cursor: pointer;
  padding: 0.5em 2em 0.5em 2em;
}
.btn-primary-green:hover {
  color: white;
  background-color: rgba(20, 120, 130, 0.6666666667);
}

.btn-secondary {
  border: 0;
  padding: 0.5em 1em;
  cursor: pointer;
  border-radius: 5px;
  color: white;
  transition: 0.2s;
  background-color: #d34618;
}
.btn-secondary:hover {
  background-color: #fca758;
}

.btn-third {
  border: 1.5px solid #D34618;
  color: #D34618;
  background-color: white;
  border-radius: 5px;
  padding: 0.5em 1em;
  cursor: pointer;
  font-size: 1em;
  text-align: center;
}
.btn-third:hover {
  background-color: #D34618;
  color: white;
}

.btn-grey-second {
  color: white;
  background-color: #595959;
  border-radius: 5px;
  padding: 0.5em 1em;
  border: 0;
  cursor: pointer;
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  border: 1.5px solid #595959;
}
.btn-grey-second:hover {
  background-color: white;
  color: #595959;
  border: 1.5px solid #595959;
}

.btn-small {
  width: 150px;
}

.grid-responsive-small {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.btn-medium {
  width: 170px;
}

.grid-responsive-medium {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.btn-large {
  width: 200px;
}

.grid-responsive-large {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.btn-xlarge {
  width: 240px;
}

.grid-responsive-xlarge {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.fa.fa-cog {
  transition: 1.5s;
}
.fa.fa-cog:hover {
  transform: rotate(360deg);
}

.fa.fa-question-circle {
  transition: 1.5s;
}
.fa.fa-question-circle:hover {
  transform: rotate(360deg);
}

.fa.fa-info-circle {
  transition: 1.5s;
}
.fa.fa-info-circle:hover {
  transform: rotate(360deg);
}

#doptim-nav-header {
  text-align: left;
}
#doptim-nav-header .doptim-nav {
  color: #372D2D;
  font-size: 17px;
}
#doptim-nav-header .doptim-nav-hidden {
  display: none;
}
#doptim-nav-header .doptim-nav-number {
  cursor: pointer;
}

.navigation-icon {
  cursor: pointer;
  color: rgba(55, 45, 45, 0.5490196078);
  background-color: #f7f7f7;
  border-radius: 3px;
  border: 1px solid #c6c6c6;
  width: 3em;
  margin: 3px;
  padding: 0.3em;
}
.navigation-icon:hover {
  color: #D34618;
}

.navigation-2 {
  padding: 1em;
  font-size: 0.5em;
}
.navigation-2 .navigation-icon {
  color: #D34618;
}
.navigation-2 .navigation-icon:hover {
  color: #147882;
}

.section-anchor:target {
  scroll-margin-top: 72.25px;
}
@media screen and (max-width: 992px) {
  .section-anchor:target {
    scroll-margin-top: 70.95px;
  }
}
@media screen and (max-width: 546px) {
  .section-anchor:target {
    scroll-margin-top: 70.95px;
  }
}

.table {
  font-size: 1.2em;
  border-radius: 10px;
  border-radius: 15px;
  border-collapse: collapse;
  word-wrap: break-word;
  width: 100%;
}
.table tr th.refn,
.table tr td.refn {
  width: 20%;
}
.table tr th.value,
.table tr td.value {
  width: 60%;
}
.table tr th.chan,
.table tr td.chan {
  width: 20%;
  text-align: center;
}
.table tr th.completude,
.table tr td.completude {
  width: 3%;
}
.table tr th.surn,
.table tr td.surn {
  width: 30%;
}
.table tr th.givn,
.table tr td.givn {
  width: 25%;
}
.table tr th.birt,
.table tr td.birt {
  width: 20%;
  text-align: center;
}
.table tr th.deat,
.table tr td.deat {
  width: 20%;
  text-align: center;
}
.table tr th.date,
.table tr td.date {
  width: 10%;
  text-align: center;
}
.table tr th.team,
.table tr td.team {
  width: 10%;
  text-align: center;
}
.table tr th.author,
.table tr td.author {
  width: 10%;
  text-align: center;
}
.table tr th.action,
.table tr td.action {
  width: 10%;
  text-align: center;
}
.table tr th.old,
.table tr td.old {
  width: 30%;
  text-align: center;
}
.table tr th.new,
.table tr td.new {
  width: 30%;
  text-align: center;
}
.table tr td {
  padding: 0.5em;
}
.table thead tr {
  background-color: #147882;
  color: #ffffff;
  font-size: 1em;
}
.table thead tr th {
  position: relative;
  vertical-align: middle;
  padding: 0.5em 1.25em 0.5em 0.25em;
  cursor: pointer;
  font-weight: 400;
}
.table thead tr th:first-letter {
  text-transform: uppercase;
}
.table thead tr i {
  font-size: 1em;
  position: absolute;
  right: 0.25em;
  top: calc(50% - 0.5em);
}
.table tbody tr {
  position: relative;
  cursor: pointer;
  color: #252225;
  white-space: pre-line;
}
.table tbody tr:nth-child(odd) {
  background-color: #eff0f3;
}
.table tbody tr:nth-child(even) {
  background-color: #ffffff;
}
.table tbody tr:hover {
  background: #c7d4e0;
}
.table tbody tr a {
  left: 0;
  color: #252225;
  display: block;
  height: 100%;
  width: 100%;
}
.table tbody tr td:first-letter {
  text-transform: capitalize;
}
@media screen and (max-width: 768px) {
  .table thead tr th {
    padding: 0.25em 0.25em 0.25em 0.25em;
  }
  .table thead tr th i,
  .table thead tr th span {
    display: none;
  }
  .table tr th.completude,
  .table tr td.completude {
    width: 5%;
  }
  .table tbody tr td {
    padding: 0.33em 0.1em 0.33em 0.1em;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}

.table-bordered {
  width: 100%;
  margin: 0;
}

.table2 {
  border-collapse: separate;
  text-align: center;
}
.table2 th {
  font-weight: 100;
  font-family: Nunito-L;
  color: #595959;
  font-size: 0.8em;
}
.table2 thead {
  font-size: 1.5em;
}
.table2 thead tr th:not(.empty) {
  text-align: center;
}
.table2 thead tr th:not(.empty) .head-content {
  background-color: rgba(252, 167, 88, 0.5);
  border-radius: 10px 10px 0 0;
  margin: 0 0.25em 0 0.25em;
  padding: 0.5em 0.75em 0.5em 0.75em;
}
@media screen and (max-width: 546px) {
  .table2 thead tr th:not(.empty) .head-content {
    font-size: 0.8em;
  }
}
.table2 tbody tr td {
  border-top: 1px solid rgba(100, 100, 100, 0.5);
  padding: 0.75em 0.5em 0.75em 0.5em;
  text-align: center;
}
.table2 tbody tr td:first-child {
  border-left: 1px solid rgba(100, 100, 100, 0.5);
}
.table2 tbody tr td:last-child {
  border-right: 1px solid rgba(100, 100, 100, 0.5);
}
@media screen and (max-width: 546px) {
  .table2 tbody tr td {
    font-size: 0.8em;
  }
}
.table2 tbody tr td.main-txt {
  text-align: left;
}
.table2 tbody tr:last-child td {
  border-bottom: 1px solid rgba(100, 100, 100, 0.5);
}
.table2 tbody tr.main-tr {
  background-color: rgba(100, 100, 100, 0.03);
  font-size: 1.25em;
  font-weight: 100;
}
.table2 tbody tr.main-tr td {
  text-align: left;
}
.table2 tbody tr.main-tr .td-center {
  text-align: center;
}
.table2 tbody tr:not(.main-tr) {
  background-color: white;
  cursor: pointer;
}
.table2 tbody tr:not(.main-tr):hover {
  background-color: #f3f7f7;
}
.table2 tbody tr:not(.main-tr) td:not(.main-txt) {
  color: #372D2D;
  font-weight: 100;
  font-family: Nunito-L;
}
.table2 tbody tr:first-child td:first-child {
  border-top-left-radius: 5px;
}
.table2 tbody tr:first-child td:last-child {
  border-top-right-radius: 5px;
}
.table2 td .warn-table {
  background-color: transparent;
  color: #d34618;
  cursor: pointer;
  display: block;
  font-weight: 100;
  font-family: Nunito-L;
}
.table2 td .delete-table {
  background-color: transparent;
  color: #d34618;
  cursor: pointer;
  display: block;
  font-weight: 100;
  font-family: Nunito-L;
}
.table2 td .delete-table:hover {
  color: #147882;
}
.table2 td .notSave {
  background-color: transparent;
  color: #372D2D;
  border: 0;
  cursor: pointer;
  padding-bottom: 0.5em;
  font-weight: 100;
  font-family: Nunito-L;
}
.table2 td .notSave:hover {
  color: #d34618;
}
.table2 th .fa-arrow-down {
  padding-right: 0.5em;
  color: #595959;
  font-size: 0.7em;
}
.table2 th span {
  font-weight: 100;
  font-family: Nunito-L;
  color: #595959;
  font-size: 0.8em;
}

#modal_specific_fields_plac label,
#modal_specific_fields_plac input,
#modal_specific_fields_plac p,
#modal_specific_fields_plac button {
  margin: 0;
}
#modal_specific_fields_plac label::first-letter {
  text-transform: capitalize;
}
#modal_specific_fields_plac .plac-container {
  grid-template-columns: 5% auto;
}
#modal_specific_fields_plac .plac-container i {
  color: rgba(89, 89, 89, 0.502);
  cursor: pointer;
}
#modal_specific_fields_plac .plac-container i:hover {
  color: #147882;
}

.modal {
  position: fixed;
  top: 72.25px;
  left: 0;
  margin: auto;
  z-index: 1001;
  visibility: hidden;
  width: 100%;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal .modal-dialog {
  display: block;
  position: relative;
  margin: 0.25em auto;
  max-height: calc(100vh - 72.25px - 4em);
  overflow-y: auto;
}
@media screen and (max-width: 992px) {
  .modal {
    top: 70.95px;
    transform: translateY(-70.95px);
  }
  .modal .modal-dialog {
    max-height: calc(100vh - 70.95px - 4em);
  }
}
@media screen and (max-width: 546px) {
  .modal {
    top: 70.95px;
    transform: translateY(-70.95px);
  }
  .modal .modal-dialog {
    max-height: calc(100vh - 70.95px - 4em);
  }
}

.modal-ycenter .modal-dialog {
  top: calc(50% - 72.25px);
  transform: translateY(-50%);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal.in {
  visibility: visible;
  transform: translateY(0);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-header {
  display: grid;
  grid-template-columns: 95fr auto;
  flex-shrink: 0;
  align-items: start;
  justify-content: space-between;
  position: sticky;
  top: 0;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}
.modal-header .modal-title {
  line-height: 1.5;
  font-size: 1.5em;
  font-weight: bold;
  font-family: Hind;
  text-align: left;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
  overflow-y: auto;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  justify-content: center;
  justify-content: flex-end;
  position: sticky;
  bottom: 0;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
  margin: 0.25rem;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 995;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop .fade {
  opacity: 0;
}
.modal-backdrop .fade.in {
  opacity: 0.5;
}

.modal-xl {
  max-width: 95%;
}

.modal-lg {
  max-width: 90%;
}

.modal-md {
  max-width: 66%;
}
@media screen and (max-width: 442px) {
  .modal-md {
    max-width: 90%;
  }
}

.modal-sm {
  max-width: 50%;
}
@media screen and (max-width: 546px) {
  .modal-sm {
    max-width: 66%;
  }
}
@media screen and (max-width: 442px) {
  .modal-sm {
    max-width: 90%;
  }
}

.modal-xs {
  max-width: 33%;
}
@media screen and (max-width: 768px) {
  .modal-xs {
    max-width: 50%;
  }
}
@media screen and (max-width: 546px) {
  .modal-xs {
    max-width: 66%;
  }
}
@media screen and (max-width: 442px) {
  .modal-xs {
    max-width: 90%;
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-content .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-content .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-content .modal-footer {
  border-radius: 0;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-content .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-content .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-content .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-content .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-content .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-content .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-content .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-content .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-content .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-content .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-content .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-content .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-content .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-content .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-content .modal-footer {
    border-radius: 0;
  }
}
.fade {
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.fade.in {
  opacity: 1;
}

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

@media screen and (min-width: 992px) {
  .modal-xl {
    max-width: 800px;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
    width: 100%;
  }
}
@media screen and (min-width: 1366px) {
  .modal-xl {
    max-width: calc(100vw - 5%);
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .modal-xxl {
    max-width: 900px;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .modal-xxl {
    max-width: 1150px;
    width: 100%;
  }
}
@media screen and (min-width: 1366px) {
  .modal-xxl {
    max-width: 1450px;
    width: 100%;
  }
}
.note-modal {
  top: 70px !important;
}
.note-modal .note-modal-content {
  max-height: 70vh;
  overflow-y: auto;
}

#squarespaceModal {
  z-index: 1000;
}
#squarespaceModal .bltxt .txt {
  font-weight: 900;
}
#squarespaceModal .bltxt span {
  font-family: Nunito-L;
}
#squarespaceModal .aide {
  font-style: italic;
  margin: 20px 0;
}
#squarespaceModal .aide span {
  font-weight: 100;
  font-family: Nunito-L;
}
#squarespaceModal .aide a {
  cursor: pointer;
  font-family: Nunito-L;
  color: #d34618;
  text-decoration: underline;
}
#squarespaceModal .aide a:hover {
  color: #147882;
}
#squarespaceModal ul {
  padding: 0;
  font-family: Nunito-L;
  font-weight: 500;
  font-size: 1.2em;
  margin-bottom: 20px;
}
#squarespaceModal ul li {
  margin-left: 30px;
  font-family: Nunito-L;
  font-weight: 500;
  list-style: disc;
  margin-top: 5px;
}

.load-spinner {
  text-align: center;
  width: 100%;
  font-size: 3em;
  color: #147882;
}

/********* IFRAME POPUP ********/
#popup_add .modal-dialog {
  height: 90vh;
  max-height: 90vh;
}
#popup_add .modal-dialog .modal-content {
  height: 100%;
}
#popup_add .modal-dialog .modal-content .modal-header {
  height: 10%;
}
#popup_add .modal-dialog .modal-content .modal-body {
  height: 90%;
}
#popup_add .modal-dialog .modal-content .modal-body iframe {
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
}

iframe {
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
}

#param-modal label,
#param-modal input,
#param-modal span {
  margin: 0 1em 0 auto;
}
#param-modal button {
  margin: 0 1em;
}
#param-modal #pref {
  width: 90%;
  display: block;
  margin: 0 auto;
}
#param-modal #pref ul {
  padding: 10px;
}
@media screen and (max-width: 768px) {
  #param-modal #pref {
    width: 100%;
  }
}
#param-modal #pref .pref-block .pref-header {
  display: flex;
  flex-direction: row;
  column-gap: 1em;
  margin-bottom: 1em;
  align-items: center;
}
#param-modal #pref .pref-block .pref-header button {
  margin: 1em 1em 1em 0;
  font-size: 1em;
}
#param-modal #pref .pref-block input[type=number] {
  width: 75px;
}
#param-modal #pref .label {
  font-size: 0.9em;
  display: inline;
}
#param-modal #pref .item-pers {
  padding: 10px;
}
#param-modal #pref .item-pers .filter_block {
  margin: 0;
  padding: 0;
}
#param-modal #pref .item-pers .filter_block i {
  padding: 0.5em;
}
#param-modal #pref .zone-color #tree_color_list {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  margin-top: 1em;
}

#viewtab_popup_search .cadre {
  text-decoration: none;
  cursor: pointer;
  margin: 1em 0 1em 0;
  max-width: 20em;
  display: block;
  justify-self: center;
  padding: 7px;
  border: 2px solid #d6e5e0;
  border-radius: 5px;
  font-size: 1em;
}
#viewtab_popup_search .cadre:hover {
  border: 3px solid #d34618;
}
#viewtab_popup_search .cadre p {
  color: #147882;
  font-size: 1.2em;
  text-align: center;
  margin-top: 1em;
}
#viewtab_popup_search .cadre img {
  max-width: 50%;
  max-height: 50%;
  display: block;
  margin: 0 auto;
}
#viewtab_popup_search #choose_existp {
  margin: 0 auto;
}

/********* Lieu ********/
.noscroll {
  overflow-y: hidden;
}

.modal-dialog .img-profil-viewtab {
  height: 75vh;
}
.modal-dialog .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog .modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: none;
  overflow: hidden;
  outline: 0;
}
.modal-dialog .modal.in .modal-dialog {
  transform: translate(0, 0);
}
.modal-dialog .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
}
@media (min-width: 768px) {
  .modal-dialog .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
}
.modal-dialog .modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-dialog .modal-content h2 {
  font-size: 1.5em;
  font-weight: bold;
  font-family: Hind;
  text-align: left;
}
.modal-dialog .modal-content h3 {
  font-weight: 100;
  font-family: Nunito-L;
  font-size: 1.2em;
  text-align: left;
}
.modal-dialog .modal-content ul {
  font-weight: 100;
  font-family: Nunito-L;
  font-size: 1em;
  list-style: none;
  padding: 0;
}
.modal-dialog .modal-content ul a {
  color: #147882;
}
.modal-dialog .modal-content ul a:hover {
  color: #D34618;
}
.modal-dialog .modal-content ul span {
  color: #372D2D;
}
.modal-dialog .modal-content ul span:hover {
  color: #D34618;
}
.modal-dialog .modal-content .item-pers {
  grid-template-columns: 20fr 80fr;
}
@media screen and (max-width: 546px) {
  .modal-dialog .modal-content .item-pers {
    grid-template-columns: 1fr;
  }
}
.modal-dialog .modal-content .item-pers .input_person {
  grid-template-columns: 5fr 95fr;
  padding: 0.3em 0.3em 0.3em 0;
  gap: 0;
}
.modal-dialog .modal-content .item-pers .input_person label.label {
  font-size: 1.1em !important;
}
.modal-dialog .modal-content .h-bold {
  font-weight: bold;
}
.modal-dialog .modal-content .p-hold {
  font-weight: bold;
}
.modal-dialog .modal-header {
  padding: 1em;
  border-bottom: 1px solid #e5e5e5;
}
.modal-dialog .modal-header .close {
  margin-top: -2px;
}
.modal-dialog .modal-title {
  margin: 0;
  line-height: 1.42857143;
  display: inline-block;
}
.modal-dialog .modal-plac {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.modal-dialog .modal-body {
  position: relative;
  padding: 1em;
}
.modal-dialog .modal-body h3 {
  font-size: 1.2em;
  font-family: Hind;
  font-weight: 700;
}
.modal-dialog .modal-plac .form-group {
  width: 100%;
  margin-bottom: 1em;
}
.modal-dialog div.modal-footer {
  border-top: 0;
  border-top: 1px solid #e5e5e5;
}
.modal-dialog .modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-dialog .plac_label label {
  padding-top: 1em;
  margin: 0px;
  font-size: 1em;
}

/** MODAL HELP **/
i.help-feature {
  color: inherit !important;
  cursor: pointer;
}
i.help-feature:hover {
  color: #d34618 !important;
}

i.margin-help-feature {
  margin-left: 0.5em;
}

#helper-modal .modal-content .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#helper-modal .modal-content .modal-header h3 {
  flex-grow: 1;
  margin: 0;
}

span.helper-button {
  display: inline-block;
  margin-left: 1em;
  cursor: pointer;
  color: #D34618;
}
span.helper-button:hover {
  color: #147882;
}

.content_alert,
.content_confirm {
  display: none;
  position: relative;
  height: 100%;
  z-index: 99999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.2509803922);
}
.content_alert #close,
.content_alert #close-confirm,
.content_confirm #close,
.content_confirm #close-confirm {
  position: absolute;
  right: 25px;
}
@media screen and (max-width: 768px) {
  .content_alert .alert_messages,
  .content_confirm .alert_messages {
    width: 94% !important;
    left: 3% !important;
  }
}
.content_alert .alert_messages #msg_h3,
.content_alert .alert_messages #div_confirm,
.content_confirm .alert_messages #msg_h3,
.content_confirm .alert_messages #div_confirm {
  font-size: 1.3em;
}
@media screen and (max-width: 456px) {
  .content_alert .alert_messages #msg_h3,
  .content_alert .alert_messages #div_confirm,
  .content_confirm .alert_messages #msg_h3,
  .content_confirm .alert_messages #div_confirm {
    font-size: 1em;
    margin: 0;
  }
  .content_alert .alert_messages #msg_h3 .fa-check,
  .content_alert .alert_messages #div_confirm .fa-check,
  .content_confirm .alert_messages #msg_h3 .fa-check,
  .content_confirm .alert_messages #div_confirm .fa-check {
    font-size: 2em;
  }
  .content_alert .alert_messages #msg_h3 .status .img_gif,
  .content_alert .alert_messages #div_confirm .status .img_gif,
  .content_confirm .alert_messages #msg_h3 .status .img_gif,
  .content_confirm .alert_messages #div_confirm .status .img_gif {
    width: 30%;
  }
  .content_alert .alert_messages #msg_h3 .status #status,
  .content_alert .alert_messages #div_confirm .status #status,
  .content_confirm .alert_messages #msg_h3 .status #status,
  .content_confirm .alert_messages #div_confirm .status #status {
    margin: 0;
  }
}
.content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain),
.content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain),
.content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain),
.content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain) {
  margin: 5px;
}
.content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(1),
.content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(1),
.content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(1),
.content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(1) {
  margin-bottom: 20px;
}
@media screen and (max-width: 456px) {
  .content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(1),
  .content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(1),
  .content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(1),
  .content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(1) {
    margin: 0;
  }
}
.content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(3),
.content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(3),
.content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(3),
.content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(3) {
  margin-top: 20px;
}
@media screen and (max-width: 456px) {
  .content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(3),
  .content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(3),
  .content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(3),
  .content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(3) {
    margin: 0;
  }
}
.content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain) .btn,
.content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain) .btn,
.content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain) .btn,
.content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain) .btn {
  font-size: 1em;
}
.content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain) p,
.content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain) p,
.content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain) p,
.content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain) p {
  white-space: pre-wrap;
}
@media screen and (max-width: 456px) {
  .content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain) p,
  .content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain) p,
  .content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain) p,
  .content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain) p {
    text-align: center;
  }
}
.content_alert .alert_messages #msg_h3 .message,
.content_alert .alert_messages #div_confirm .message,
.content_confirm .alert_messages #msg_h3 .message,
.content_confirm .alert_messages #div_confirm .message {
  max-height: 15em;
  overflow-y: auto;
}
.content_alert .alert_messages #msg_h3 i.fa-spinner,
.content_alert .alert_messages #div_confirm i.fa-spinner,
.content_confirm .alert_messages #msg_h3 i.fa-spinner,
.content_confirm .alert_messages #div_confirm i.fa-spinner {
  font-size: 50px;
  color: #fbad10;
}
.content_alert .alert_messages #msg_h3 i.fa-exclamation-triangle,
.content_alert .alert_messages #div_confirm i.fa-exclamation-triangle,
.content_confirm .alert_messages #msg_h3 i.fa-exclamation-triangle,
.content_confirm .alert_messages #div_confirm i.fa-exclamation-triangle {
  color: #fbad10;
}
.content_alert .alert_messages #msg_h3 i.fa-times,
.content_alert .alert_messages #div_confirm i.fa-times,
.content_confirm .alert_messages #msg_h3 i.fa-times,
.content_confirm .alert_messages #div_confirm i.fa-times {
  color: #c6240e;
}
.content_alert .alert_messages #msg_h3 i.fa-check,
.content_alert .alert_messages #div_confirm i.fa-check,
.content_confirm .alert_messages #msg_h3 i.fa-check,
.content_confirm .alert_messages #div_confirm i.fa-check {
  color: #147882;
}
.content_alert .alert_messages #msg_h3 i.fa-hand-peace-o,
.content_alert .alert_messages #msg_h3 i.fa-floppy-o,
.content_alert .alert_messages #div_confirm i.fa-hand-peace-o,
.content_alert .alert_messages #div_confirm i.fa-floppy-o,
.content_confirm .alert_messages #msg_h3 i.fa-hand-peace-o,
.content_confirm .alert_messages #msg_h3 i.fa-floppy-o,
.content_confirm .alert_messages #div_confirm i.fa-hand-peace-o,
.content_confirm .alert_messages #div_confirm i.fa-floppy-o {
  color: #147882;
}
.content_alert .alert_messages #msg_h3 i,
.content_alert .alert_messages #div_confirm i,
.content_confirm .alert_messages #msg_h3 i,
.content_confirm .alert_messages #div_confirm i {
  color: #fbad10;
}
.content_alert .alert_messages #msg_h3 .btn-small,
.content_alert .alert_messages #div_confirm .btn-small,
.content_confirm .alert_messages #msg_h3 .btn-small,
.content_confirm .alert_messages #div_confirm .btn-small {
  margin: 0 0.5em;
}

.messages {
  background-color: #147882;
  padding: 1px;
  margin-top: 50px;
  color: #FFFFFF;
}

.cursorPointer {
  cursor: pointer;
}

.image-logo {
  margin-bottom: 30px;
}
.image-logo p {
  margin: 0px;
  width: 100%;
  height: 180px;
}
.image-logo p img {
  height: 100%;
}

.form-group {
  margin-bottom: 0px;
}

.font-size-txt {
  font-size: 1.2em;
}

.image-logo-nav p {
  margin: 0px;
  width: 50px;
  height: 50px;
}
.image-logo-nav p img {
  height: 100%;
}

.show {
  display: block;
}

.hide {
  display: none;
}

@media screen and (max-width: 768px) {
  .hide-xs {
    display: none;
  }
}
.mosaicflow__column {
  float: left;
}

.mosaicflow__item img {
  display: block;
  width: 100%;
  height: auto;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

.btn-circle.btn-lg {
  width: 40px;
  height: 40px;
  padding: 8px 10px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}

.selectOption {
  background-color: #147882 !important;
}

.tooltip.in {
  opacity: 1 !important;
}

.white {
  color: #FFFFFF;
}

.green {
  color: #6BC50E;
}

.remove {
  cursor: pointer;
  font-size: 1.5em;
  color: #147882;
}
.remove:hover {
  color: #d34618;
}

.left {
  padding-left: 0px !important;
}

.right {
  padding-right: 0px !important;
}

.middle {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.btn-red {
  background-color: #cd8b84;
  border-radius: 0px;
  color: #fff !important;
  margin: 5px 0px;
  padding: 5px;
  font-size: 20px;
  font-weight: inherit;
}

.btn-red:hover {
  background-color: #d16f55;
  color: #fff !important;
}

.maxWidth {
  margin-top: 10px;
  width: 100%;
}

.halfWidth {
  margin-top: 10px;
  width: 49%;
  float: left;
  margin: 5px 0.5%;
  font-family: "Ubuntu-B";
}

.text-wrapper {
  max-width: 100%;
  padding: 10px 15px;
  margin: 0px 10px 5px 10px;
  border-radius: 0px 10px 10px 10px;
}
.text-wrapper.white {
  background: #FFFFFF;
  color: black;
}
.text-wrapper.red {
  background: rgba(249, 177, 162, 0.2);
}
.text-wrapper.blue {
  background: rgba(70, 93, 218, 0.1);
}
.text-wrapper.yellow {
  background: rgba(240, 212, 64, 0.4);
}
.text-wrapper.orange {
  background: rgba(246, 219, 161, 0.2);
}
.text-wrapper.purple {
  background: rgba(232, 161, 246, 0.2);
}

.form-reset .label {
  color: #4f8913;
}
.form-reset input {
  border: 1px dashed #4f8913;
}

[id=background_color] {
  background: #ffffff;
  padding: 125px;
  position: fixed;
  height: 100vh;
  width: 100%;
}

.menu_bottom {
  position: fixed !important;
  bottom: 0;
  right: 0 !important;
  width: 100%;
  border-top: 1px solid #e3e3e3;
  background-color: #484848;
  z-index: 100;
}
.menu_bottom [id=menu_manager] {
  display: flex;
  justify-content: flex-end;
  padding: 0;
  list-style: none;
  margin: 0 !important;
}
.menu_bottom [id=menu_manager] div {
  text-align: center;
}
.menu_bottom [id=menu_manager] a {
  cursor: pointer;
}
.menu_bottom [id=menu_manager] li {
  text-align: center;
  background-color: white !important;
  font-size: 16px;
  color: #4f8913;
  padding: 10px 25px !important;
  border: 2px solid white !important;
  border-radius: 15px;
  font-weight: 700;
  margin: 10px;
  background-color: transparent;
  float: left;
  padding: 20px;
  transition: all 0.25s ease;
  -webkit-box-shadow: 2px 2px 5px 2px rgba(51, 47, 51, 0.72);
  -moz-box-shadow: 2px 2px 5px 2px rgba(51, 47, 51, 0.72);
  box-shadow: 2px 2px 5px 2px rgba(51, 47, 51, 0.72);
}
.menu_bottom [id=menu_manager] li:hover {
  background-color: #4f8913 !important;
  color: white;
  text-decoration: none;
  border: 2px solid #4f8913 !important;
}

.lds-dual-ring {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto;
}

.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 0 auto;
  border-radius: 50%;
  border: 5px solid #147882;
  border-color: #147882 #147882 #147882 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.dropdown-content {
  position: absolute;
  width: 100%;
  display: none;
  background-color: white;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.dropdown-content a {
  padding: 0.5em 1em 0.5em 1em;
  margin: 7px;
}

.dropright-content {
  position: absolute;
  width: 200%;
  left: 100%;
  height: 20vh;
  top: -10vh;
  display: none;
  background-color: white;
  box-shadow: 10px 8px 16px 0px rgba(0, 0, 0, 0.2);
}
.dropright-content .list-content {
  position: relative;
  display: block;
  max-height: 100%;
  overflow-y: scroll;
}
.dropright-content a {
  padding: 0.5em 1em 0.5em 1em;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropright {
  position: relative;
}

.dropright:hover .dropright-content {
  display: block;
}

#menu-list {
  background-color: #f8cbbc;
  border-radius: 3px;
  width: fit-content;
}
#menu-list .name-arbre {
  font-family: Nunito-L;
  padding-right: 1em;
}
#menu-list .dropdown a {
  padding: 0.5em;
  font-family: Nunito-L;
  text-transform: none;
  color: #372D2D;
}
#menu-list .dropdown i {
  padding: 0 0 0 1em;
  font-size: 0.7em;
}
#menu-list .dropdown ul {
  padding: 0;
  text-transform: none;
  list-style: none;
  max-height: 70vh;
  overflow-y: auto;
}
#menu-list .dropdown ul p {
  padding: 0.5em 0;
  font-weight: bold;
}
#menu-list .dropdown ul li a {
  font-weight: 100;
  font-family: Nunito-L;
  padding: 0.5em;
}
#menu-list .dropdown .dropdown-menu {
  position: absolute;
  padding: 1em;
  z-index: 100;
  display: none;
  float: left;
  width: 18em;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  width: auto;
}
#menu-list .dropdown .dropdown-menu button {
  background-color: transparent;
  width: 100%;
  margin: auto;
  border: 0;
  color: #d34618;
  padding: 1em;
  cursor: pointer;
}
#menu-list .dropdown .dropdown-menu button:hover {
  color: #147882;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  row-gap: 1em;
  column-gap: 1em;
}

.fc-g-0 {
  flex-grow: 0;
}

.fc-g-1 {
  flex-grow: 1;
}

.fc-s-0 {
  flex-shrink: 0;
}

.fc-s-1 {
  flex-shrink: 1;
}

.fc-s-2 {
  flex-shrink: 2;
}

.fc-b-mc {
  flex-basis: min-content;
}

.header-grid {
  text-align: center;
  color: #372D2D;
  padding: 2em 0 2em 0;
}

.grid-container {
  padding: 1em 3em;
}

.p-grid {
  margin: 0;
}

.div-grid {
  padding: 0;
}

.input-grid {
  margin: 0;
}

.label-grid {
  margin: 0;
}

.h-grid {
  margin: 0;
}

.ul-grid {
  padding: 0;
  margin: 0;
  list-style: none;
}

.grid-parent {
  display: grid;
  column-gap: 1em;
  row-gap: 1em;
  justify-items: stretch;
  align-items: stretch;
  justify-content: stretch;
  align-content: stretch;
}

.gp-ai-center {
  align-items: center;
}

.gp-ai-start {
  align-items: start;
}

.gp-ai-end {
  align-items: end;
}

.gp-ji-center {
  justify-items: center;
}

.gp-ji-start {
  justify-items: start;
}

.gp-ji-end {
  justify-items: end;
}

.flow-c {
  grid-auto-flow: column;
}

.flow-c-dense {
  grid-auto-flow: column dense;
}

.flow-r {
  grid-auto-flow: row;
}

.flow-r-dense {
  grid-auto-flow: row dense;
}

.gp-ji-start {
  justify-items: start;
}

.gp-ji-end {
  justify-items: end;
}

.gp-ji-center {
  justify-items: center;
}

.gp-ji-stretch {
  justify-items: stretch;
}

.gp-ai-start {
  align-items: start;
}

.gp-ai-end {
  align-items: end;
}

.gp-ai-center {
  align-items: center;
}

.gp-ai-stretch {
  align-items: stretch;
}

.gp-jc-start {
  justify-content: start;
}

.gp-jc-end {
  justify-content: end;
}

.gp-jc-center {
  justify-content: center;
}

.gp-jc-stretch {
  justify-content: stretch;
}

.gp-ac-start {
  align-content: start;
}

.gp-ac-end {
  align-content: end;
}

.gp-ac-center {
  align-content: center;
}

.gp-ac-stretch {
  align-content: stretch;
}

.gp-c1 {
  grid-template-columns: repeat(1, 1fr);
}

.gp-c2 {
  grid-template-columns: repeat(2, 1fr);
}

.gp-c3 {
  grid-template-columns: repeat(3, 1fr);
}

.gp-c4 {
  grid-template-columns: repeat(4, 1fr);
}

.gp-c5 {
  grid-template-columns: repeat(5, 1fr);
}

.gp-c6 {
  grid-template-columns: repeat(6, 1fr);
}

.gp-c7 {
  grid-template-columns: repeat(7, 1fr);
}

.gp-c8 {
  grid-template-columns: repeat(8, 1fr);
}

.gp-c9 {
  grid-template-columns: repeat(9, 1fr);
}

.gp-c10 {
  grid-template-columns: repeat(10, 1fr);
}

.gp-r1 {
  grid-template-rows: repeat(1, 1fr);
}

.gp-r2 {
  grid-template-rows: repeat(2, 1fr);
}

.gp-r3 {
  grid-template-rows: repeat(3, 1fr);
}

.gp-r4 {
  grid-template-rows: repeat(4, 1fr);
}

.gp-r5 {
  grid-template-rows: repeat(5, 1fr);
}

.gp-r6 {
  grid-template-rows: repeat(6, 1fr);
}

.gp-r7 {
  grid-template-rows: repeat(7, 1fr);
}

.gp-r8 {
  grid-template-rows: repeat(8, 1fr);
}

.gp-r9 {
  grid-template-rows: repeat(9, 1fr);
}

.gp-r10 {
  grid-template-rows: repeat(10, 1fr);
}

@media (max-width: 1200px) {
  .gp-md-flow-r {
    grid-auto-flow: row;
  }
  .gp-md-c1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gp-md-c2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .gp-md-c3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .gp-md-c4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .gp-md-c5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gp-md-c6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .gp-md-c7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .gp-md-c8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .gp-md-c9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .gp-md-c10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .gp-md-r1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .gp-md-r2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .gp-md-r3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .gp-md-r4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .gp-md-r5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .gp-md-r6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .gp-md-r7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .gp-md-r8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .gp-md-r9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .gp-md-r10 {
    grid-template-rows: repeat(10, 1fr);
  }
}
@media (max-width: 992px) {
  .gp-xxs-flow-r {
    grid-auto-flow: row;
  }
  .gp-sm-c1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gp-sm-c2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .gp-sm-c3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .gp-sm-c4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .gp-sm-c5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gp-sm-c6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .gp-sm-c7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .gp-sm-c8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .gp-sm-c9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .gp-sm-c10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .gp-sm-r1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .gp-sm-r2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .gp-sm-r3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .gp-sm-r4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .gp-sm-r5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .gp-sm-r6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .gp-sm-r7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .gp-sm-r8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .gp-sm-r9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .gp-sm-r10 {
    grid-template-rows: repeat(10, 1fr);
  }
}
@media (max-width: 768px) {
  .gp-xs-flow-r {
    grid-auto-flow: row;
  }
  .gp-xs-c1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gp-xs-c2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .gp-xs-c3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .gp-xs-c4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .gp-xs-c5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gp-xs-c6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .gp-xs-c7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .gp-xs-c8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .gp-xs-c9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .gp-xs-c10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .gp-xs-r1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .gp-xs-r2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .gp-xs-r3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .gp-xs-r4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .gp-xs-r5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .gp-xs-r6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .gp-xs-r7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .gp-xs-r8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .gp-xs-r9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .gp-xs-r10 {
    grid-template-rows: repeat(10, 1fr);
  }
}
@media (max-width: 546px) {
  .gp-xxs-flow-r {
    grid-auto-flow: row;
  }
  .gp-xxs-c1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .gp-xxs-c2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .gp-xxs-c3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .gp-xxs-c4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .gp-xxs-c5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gp-xxs-c6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .gp-xxs-c7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .gp-xxs-c8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .gp-xxs-c9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .gp-xxs-c10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .gp-xxs-r1 {
    grid-template-rows: repeat(1, 1fr);
  }
  .gp-xxs-r2 {
    grid-template-rows: repeat(2, 1fr);
  }
  .gp-xxs-r3 {
    grid-template-rows: repeat(3, 1fr);
  }
  .gp-xxs-r4 {
    grid-template-rows: repeat(4, 1fr);
  }
  .gp-xxs-r5 {
    grid-template-rows: repeat(5, 1fr);
  }
  .gp-xxs-r6 {
    grid-template-rows: repeat(6, 1fr);
  }
  .gp-xxs-r7 {
    grid-template-rows: repeat(7, 1fr);
  }
  .gp-xxs-r8 {
    grid-template-rows: repeat(8, 1fr);
  }
  .gp-xxs-r9 {
    grid-template-rows: repeat(9, 1fr);
  }
  .gp-xxs-r10 {
    grid-template-rows: repeat(10, 1fr);
  }
}
.gap-c0 {
  column-gap: 0em;
}

.gap-c0-5 {
  column-gap: 0.5em;
}

.gap-c05 {
  column-gap: 0.5em;
}

.gap-c2 {
  column-gap: 2em;
}

.gap-c5 {
  column-gap: 5em;
}

.gap-c10 {
  column-gap: 10em;
}

.gap-r0 {
  row-gap: 0;
}

.gap-r05 {
  row-gap: 0.5em;
}

.gap-r2 {
  row-gap: 2em;
}

.grid-child {
  justify-self: stretch;
  align-self: center;
}

.gc-js-start {
  justify-self: start;
}

.gc-js-end {
  justify-self: end;
}

.gc-js-center {
  justify-self: center;
}

.gc-js-stretch {
  justify-self: stretch;
}

.gc-as-start {
  align-self: start;
}

.gc-as-end {
  align-self: end;
}

.gc-as-center {
  align-self: center;
}

.gc-as-stretch {
  align-self: stretch;
}

.aself-start {
  align-self: start;
}

.aself-center {
  align-self: center;
}

.aself-end {
  align-self: end;
}

.gc-start-c1 {
  grid-column-start: 1;
}

.gc-start-c2 {
  grid-column-start: 2;
}

.gc-start-c3 {
  grid-column-start: 3;
}

.gc-start-c4 {
  grid-column-start: 4;
}

.gc-start-c5 {
  grid-column-start: 5;
}

.gc-start-c6 {
  grid-column-start: 6;
}

.gc-start-c7 {
  grid-column-start: 7;
}

.gc-start-c8 {
  grid-column-start: 8;
}

.gc-start-c9 {
  grid-column-start: 9;
}

.gc-start-c10 {
  grid-column-start: 10;
}

.gc-end-c1 {
  grid-column-end: 1;
}

.gc-end-c2 {
  grid-column-end: 2;
}

.gc-end-c3 {
  grid-column-end: 3;
}

.gc-end-c4 {
  grid-column-end: 4;
}

.gc-end-c5 {
  grid-column-end: 5;
}

.gc-end-c6 {
  grid-column-end: 6;
}

.gc-end-c7 {
  grid-column-end: 7;
}

.gc-end-c8 {
  grid-column-end: 8;
}

.gc-end-c9 {
  grid-column-end: 9;
}

.gc-end-c10 {
  grid-column-end: 10;
}

.gc-end-c11 {
  grid-column-end: 11;
}

.gc-end-c12 {
  grid-column-end: 12;
}

@media (max-width: 768px) {
  .gc-xs-start-c1 {
    grid-column-start: 1;
  }
  .gc-xs-start-c2 {
    grid-column-start: 2;
  }
  .gc-xs-start-c3 {
    grid-column-start: 3;
  }
  .gc-xs-start-c4 {
    grid-column-start: 4;
  }
  .gc-xs-start-c5 {
    grid-column-start: 5;
  }
  .gc-xs-start-c6 {
    grid-column-start: 6;
  }
  .gc-xs-start-c7 {
    grid-column-start: 7;
  }
  .gc-xs-start-c8 {
    grid-column-start: 8;
  }
  .gc-xs-start-c9 {
    grid-column-start: 9;
  }
  .gc-xs-start-c10 {
    grid-column-start: 10;
  }
  .gc-xs-end-c1 {
    grid-column-end: 1;
  }
  .gc-xs-end-c2 {
    grid-column-end: 2;
  }
  .gc-xs-end-c3 {
    grid-column-end: 3;
  }
  .gc-xs-end-c4 {
    grid-column-end: 4;
  }
  .gc-xs-end-c5 {
    grid-column-end: 5;
  }
  .gc-xs-end-c6 {
    grid-column-end: 6;
  }
  .gc-xs-end-c7 {
    grid-column-end: 7;
  }
  .gc-xs-end-c8 {
    grid-column-end: 8;
  }
  .gc-xs-end-c9 {
    grid-column-end: 9;
  }
  .gc-xs-end-c10 {
    grid-column-end: 10;
  }
  .gc-xs-end-c11 {
    grid-column-end: 11;
  }
}
@media (max-width: 992px) {
  .gc-md-start-c1 {
    grid-column-start: 1;
  }
  .gc-md-start-c2 {
    grid-column-start: 2;
  }
  .gc-md-start-c3 {
    grid-column-start: 3;
  }
  .gc-md-start-c4 {
    grid-column-start: 4;
  }
  .gc-md-start-c5 {
    grid-column-start: 5;
  }
  .gc-md-start-c6 {
    grid-column-start: 6;
  }
  .gc-md-start-c7 {
    grid-column-start: 7;
  }
  .gc-md-start-c8 {
    grid-column-start: 8;
  }
  .gc-md-start-c9 {
    grid-column-start: 9;
  }
  .gc-md-start-c10 {
    grid-column-start: 10;
  }
  .gc-md-end-c1 {
    grid-column-end: 1;
  }
  .gc-md-end-c2 {
    grid-column-end: 2;
  }
  .gc-md-end-c3 {
    grid-column-end: 3;
  }
  .gc-md-end-c4 {
    grid-column-end: 4;
  }
  .gc-md-end-c5 {
    grid-column-end: 5;
  }
  .gc-md-end-c6 {
    grid-column-end: 6;
  }
  .gc-md-end-c7 {
    grid-column-end: 7;
  }
  .gc-md-end-c8 {
    grid-column-end: 8;
  }
  .gc-md-end-c9 {
    grid-column-end: 9;
  }
  .gc-md-end-c10 {
    grid-column-end: 10;
  }
  .gc-md-end-c11 {
    grid-column-end: 11;
  }
}
.gc-start-r1 {
  grid-row-start: 1;
}

.gc-start-r2 {
  grid-row-start: 2;
}

.gc-start-r3 {
  grid-row-start: 3;
}

.gc-start-r4 {
  grid-row-start: 4;
}

.gc-start-r5 {
  grid-row-start: 5;
}

.gc-start-r6 {
  grid-row-start: 6;
}

.gc-start-r7 {
  grid-row-start: 7;
}

.gc-start-r8 {
  grid-row-start: 8;
}

.gc-start-r9 {
  grid-row-start: 9;
}

.gc-start-r10 {
  grid-row-start: 10;
}

.gc-end-r1 {
  grid-row-end: 1;
}

.gc-end-r2 {
  grid-row-end: 2;
}

.gc-end-r3 {
  grid-row-end: 3;
}

.gc-end-r4 {
  grid-row-end: 4;
}

.gc-end-r5 {
  grid-row-end: 5;
}

.gc-end-r6 {
  grid-row-end: 6;
}

.gc-end-r7 {
  grid-row-end: 7;
}

.gc-end-r8 {
  grid-row-end: 8;
}

.gc-end-r9 {
  grid-row-end: 9;
}

.gc-end-r10 {
  grid-row-end: 10;
}

.gc-end-r11 {
  grid-row-end: 11;
}

@media (max-width: 768px) {
  .gc-xs-end-r1 {
    grid-row-start: 1;
  }
  .gc-xs-end-r2 {
    grid-row-start: 2;
  }
  .gc-xs-end-r3 {
    grid-row-start: 3;
  }
  .gc-xs-end-r4 {
    grid-row-start: 4;
  }
  .gc-xs-end-r5 {
    grid-row-start: 5;
  }
  .gc-xs-end-r6 {
    grid-row-start: 6;
  }
  .gc-xs-end-r7 {
    grid-row-start: 7;
  }
  .gc-xs-end-r8 {
    grid-row-start: 8;
  }
  .gc-xs-end-r9 {
    grid-row-start: 9;
  }
  .gc-xs-end-r10 {
    grid-row-start: 10;
  }
  .gc-xs-end-r1 {
    grid-row-end: 1;
  }
  .gc-xs-end-r2 {
    grid-row-end: 2;
  }
  .gc-xs-end-r3 {
    grid-row-end: 3;
  }
  .gc-xs-end-r4 {
    grid-row-end: 4;
  }
  .gc-xs-end-r5 {
    grid-row-end: 5;
  }
  .gc-xs-end-r6 {
    grid-row-end: 6;
  }
  .gc-xs-end-r7 {
    grid-row-end: 7;
  }
  .gc-xs-end-r8 {
    grid-row-end: 8;
  }
  .gc-xs-end-r9 {
    grid-row-end: 9;
  }
  .gc-xs-end-r10 {
    grid-row-end: 10;
  }
  .gc-xs-end-r11 {
    grid-row-end: 11;
  }
}
@media (max-width: 992px) {
  .gc-md-start-r1 {
    grid-row-start: 1;
  }
  .gc-md-start-r2 {
    grid-row-start: 2;
  }
  .gc-md-start-r3 {
    grid-row-start: 3;
  }
  .gc-md-start-r4 {
    grid-row-start: 4;
  }
  .gc-md-start-r5 {
    grid-row-start: 5;
  }
  .gc-md-start-r6 {
    grid-row-start: 6;
  }
  .gc-md-start-r7 {
    grid-row-start: 7;
  }
  .gc-md-start-r8 {
    grid-row-start: 8;
  }
  .gc-md-start-r9 {
    grid-row-start: 9;
  }
  .gc-md-start-r10 {
    grid-row-start: 10;
  }
  .gc-md-end-r1 {
    grid-row-end: 1;
  }
  .gc-md-end-r2 {
    grid-row-end: 2;
  }
  .gc-md-end-r3 {
    grid-row-end: 3;
  }
  .gc-md-end-r4 {
    grid-row-end: 4;
  }
  .gc-md-end-r5 {
    grid-row-end: 5;
  }
  .gc-md-end-r6 {
    grid-row-end: 6;
  }
  .gc-md-end-r7 {
    grid-row-end: 7;
  }
  .gc-md-end-r8 {
    grid-row-end: 8;
  }
  .gc-md-end-r9 {
    grid-row-end: 9;
  }
  .gc-md-end-r10 {
    grid-row-end: 10;
  }
  .gc-md-end-r11 {
    grid-row-end: 11;
  }
}
.xs-show {
  display: none;
}

.md-show {
  display: none;
}

@media (max-width: 768px) {
  .xs-remove {
    display: none;
  }
  .xs-show {
    display: block;
  }
}
@media (max-width: 992px) {
  .md-remove {
    display: none;
  }
  .md-show {
    display: block;
  }
}
#edit_form {
  margin-bottom: 10em;
}

.input-search {
  border: none;
  outline: none;
  color: #372d2d;
  transition: 0.4s;
  line-height: 20px;
  background-color: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  padding: 0.4em 1em;
  width: 100%;
}
.input-search:focus {
  border-color: #147882;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input.form-control {
  display: block;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 1em;
  font-weight: normal;
  line-height: 20px;
  padding: 0.4em 0.5em;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  color: #000000;
  border: 1px solid #c6c6c6;
  font-family: Nunito-L;
  background-color: #f7f7f7;
  height: 35px;
}

input.form-control:focus {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2588235294);
}

input[type=checkbox] {
  display: inline-block;
  border: 3px solid #147882;
  border-width: 2px;
  margin-right: 3px;
}

input[type=color] {
  display: block;
  min-width: 1em;
  min-height: 1em;
  padding: 0;
  border: none;
  cursor: pointer;
}
input[type=color]:hover {
  opacity: 0.8;
}

input.input-day[type=number] {
  min-width: 50px;
}

input[type=number] {
  min-width: 75px;
}

input.checkbox {
  margin: 0;
}

input:invalid {
  box-shadow: 0px 0px 2px rgba(198, 36, 14, 0.1411764706);
  background-color: #f4f4f4;
  border: 1px solid #c6c6c6;
}

select.form-control {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: #000000;
  border-radius: 5px;
  font-size: 1em;
  font-weight: normal;
  line-height: 2.2em;
  padding: 0em 0.5em;
  cursor: pointer;
  appearance: button;
  -moz-appearance: button;
  -webkit-appearance: button;
  border: 1px solid #c6c6c6;
  font-family: Nunito-L;
  background-color: #f7f7f7;
  height: 35px;
}

textarea.form-control {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  word-wrap: break-word;
  padding: 0.5em 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
  color: #000000;
  border-radius: 5px;
  font-size: 1em;
  font-family: "Nunito-L";
  border: 1px solid #c6c6c6;
  background-color: #f7f7f7;
}

.form-control-link {
  max-width: 80%;
  position: relative;
  transition: 0.3s;
  padding: 7px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 3px;
  margin-bottom: 3px;
  cursor: pointer;
  min-height: 35px;
  word-wrap: break-word;
  text-align: center;
  border-radius: 5px;
  background-color: #147882;
  color: #ffffff;
}
@media screen and (max-width: 992px) {
  .form-control-link {
    max-width: 100%;
    margin-left: auto;
    font-size: 1.1em;
  }
}
.form-control-link:hover {
  background-color: #d4e6f6;
  color: rgb(20, 120, 130);
}
.form-control-link p {
  padding: 2px;
  margin: 0px;
}
.form-control-link p::first-letter {
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .form-control-link {
    max-width: 100%;
    margin-left: auto;
    font-size: 1.1em;
  }
}
.form-control-link:hover {
  background-color: #d4e6f6;
  color: rgb(20, 120, 130);
}
.form-control-link p {
  padding: 2px;
  margin: 0px;
}
.form-control-link p::first-letter {
  text-transform: uppercase;
}
.form-control-link a {
  text-decoration: none;
  color: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .form-control-link {
    max-width: 100%;
  }
}

#menu_bottom {
  bottom: 5px;
  right: 15px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  #menu_bottom {
    margin-bottom: 0px;
    width: 80%;
    margin-left: 20%;
    padding-bottom: 0px;
  }
}
#menu_bottom ul {
  list-style: none;
  margin-left: 2em;
  margin-bottom: 1em;
  padding: 0;
}
#menu_bottom ul a {
  cursor: pointer;
}
#menu_bottom ul a li.save {
  background-color: #d34618;
}
#menu_bottom ul a li.save:hover {
  background-color: #fca758;
}
#menu_bottom ul a li.save.disable-button {
  background-color: #999999;
}
#menu_bottom ul a li.save.disable-button:hover {
  background-color: #999999;
}
#menu_bottom ul a li.del {
  background-color: #d34618;
}
#menu_bottom ul a li.del:hover {
  background-color: #fca758;
}
#menu_bottom ul a li {
  display: inline-block;
  margin: 5px;
  padding: 5px 25px;
  border-radius: 7px;
  font-size: 1.1em;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  min-width: 100px;
}
@media screen and (max-width: 768px) {
  #menu_bottom ul a li {
    font-size: 1em;
    padding: 5px 5px;
    right: 5%;
  }
}

button.save {
  border-radius: 5px;
  padding: 5px 25px;
  text-transform: capitalize;
  background-color: #D34618;
  color: white;
}
button.save:hover {
  background-color: #fca758;
  color: white;
}

.tag_remove {
  color: white;
}

.spinner {
  text-align: center;
  font-size: 2.5em;
  margin: 0;
  padding: 1em;
  color: #d34618;
}

@media screen and (max-width: 760px) {
  .filter_block input.filter {
    font-size: 1em;
    font-weight: 300;
  }
}

.insert_container {
  position: relative;
}
.insert_container .insert_list {
  width: 100%;
  background-color: white;
  border-radius: 3px;
  padding: 1em;
  max-height: 25vh;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.09);
  font-size: 0.9em;
  z-index: 100;
  overflow-y: auto;
}
.insert_container .insert_list .list_title {
  color: #d34618;
  text-transform: capitalize;
  font-size: 1.25em;
  text-align: left;
  transform: translateX(-0.25em);
  margin-top: 0.25em;
}
.insert_container .insert_list .no_item {
  color: #d34618;
  font-weight: 700;
}
.insert_container .insert_list .item {
  cursor: pointer;
  padding: 0.25em 0;
  margin: 0;
}
.insert_container .insert_list .item:hover {
  color: rgb(20, 120, 130);
  background-color: #d4e6f6;
}
.insert_container #header_list {
  max-height: 30vh;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
  font-family: "Nunito-L";
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-radius: 4px;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}

.close {
  float: right;
  font-size: 2em;
  font-weight: 700;
  line-height: 1;
  color: #d34618;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.7;
}
.close:hover {
  opacity: 1;
}

.btn-combi {
  top: 75px;
}
.btn-combi .btn i {
  padding: 0.5em;
  font-size: 1em;
}
.btn-combi a:not(:last-child) {
  border-bottom: 1px solid rgba(55, 45, 45, 0.2);
}
@media screen and (max-width: 767px) {
  .btn-combi {
    top: 100px;
  }
}
@media screen and (max-width: 546px) {
  .btn-combi {
    top: 111px;
  }
}

.btn-home {
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  text-transform: none;
  padding: 0.3em 0em;
  border: 0;
  cursor: pointer;
  border-radius: 25px;
  min-width: 200px;
}
@media screen and (max-width: 992px) {
  .btn-home {
    min-width: 190px;
  }
}

.btn-home.orange {
  color: #ffffff;
  background-color: #D34618;
}
.btn-home.orange:hover {
  background-color: #fca758;
  color: white;
}
.btn-home.orange a {
  color: white;
}
.btn-home.orange a:hover {
  color: #372D2D;
}

.btn-home.vert {
  color: #ffffff;
  background-color: #147882;
}
.btn-home.vert:hover {
  background-color: rgba(20, 120, 130, 0.6666666667);
  color: white;
}
.btn-home.vert a {
  color: white;
}
.btn-home.vert a:hover {
  color: white;
}
@media screen and (max-width: 546px) {
  .btn-home.vert {
    width: 120px;
    max-width: 150px;
  }
}

.btn-submit {
  margin: 0;
  float: none;
  font-family: Nunito-L;
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  text-transform: none;
  padding: 0.5em 1em;
  color: #ffffff;
  background-color: #D34618;
  border: 0;
  cursor: pointer;
  border-radius: 5px;
  border: 1.5px solid #d34618;
  display: inline-block;
}
.btn-submit:hover {
  background-color: #fca758;
  color: #ffffff;
  border: 1.5px solid #fca758;
}
.btn-submit:focus {
  background-color: #D34618;
  color: #ffffff;
}

.btn-submit-empty {
  margin: 0;
  float: none;
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  text-transform: none;
  padding: 0.5em 1em;
  border: 0;
  cursor: pointer;
  border-radius: 5px;
  display: inline-block;
  background-color: white;
  color: #d34618;
  border: 1.5px solid #fca758;
}
.btn-submit-empty:hover {
  color: #ffffff;
  background-color: #D34618;
  border: 1.5px solid #d34618;
}
.btn-submit-empty:focus {
  background-color: #D34618;
  color: #ffffff;
}

.btn-submit-large {
  min-width: 170px;
  max-width: 230px;
}

.btn-cancel {
  width: 100%;
  margin: 0.5em auto;
  float: none;
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  text-transform: capitalize;
  padding: 5px;
  border-radius: 5px;
  border: 0;
  cursor: pointer;
}

.btn-edit {
  color: white;
  background-color: #D34618;
  padding: 3px;
  border: 0;
  cursor: pointer;
  border-radius: 5px;
}
.btn-edit:hover {
  background-color: #fca758;
  color: #372D2D;
}

.btn-trans {
  background-color: transparent;
  color: #D34618;
  border: 0;
  cursor: pointer;
  font-size: 1.2em;
  padding: 0;
  text-align: left;
}
.btn-trans:hover {
  color: #147882;
}

.btn-noback {
  border: none;
  background-color: white;
}

#doptim-nav-header {
  text-align: center;
  padding: 1em 0 3em 0;
}
#doptim-nav-header .doptim-nav {
  color: #372D2D;
  font-size: 17px;
  font-family: sans-serif;
  display: inline-block;
  margin: auto;
  padding: 0.5em;
  margin: 0.5em;
}
#doptim-nav-header .doptim-nav-hidden {
  display: none;
}
#doptim-nav-header .doptim-nav-number {
  cursor: pointer;
}
#doptim-nav-header .doptim-nav-select {
  color: #D34618;
}
#doptim-nav-header i {
  color: #372D2D;
  cursor: pointer;
}
#doptim-nav-header i:hover {
  color: #D34618;
}

#table tbody td span {
  display: block;
}

.content_alert .alert_messages,
.content_confirm .alert_messages {
  position: relative;
  z-index: 1001;
  left: calc(50% - 25em);
  top: 10em;
  text-align: center;
  width: 50em;
  padding: 1em;
  border-radius: 10px;
  background: #ffffff;
  font-size: 0.8em;
}
.content_alert .alert_messages #msg_h3 #status,
.content_alert .alert_messages #div_confirm #status,
.content_confirm .alert_messages #msg_h3 #status,
.content_confirm .alert_messages #div_confirm #status {
  font-size: 1.3em;
  font-family: Nunito;
  font-weight: 600;
  margin: 1em 0 1em 0;
  text-align: center;
}
.content_alert .alert_messages #msg_h3 .message,
.content_alert .alert_messages #div_confirm .message,
.content_confirm .alert_messages #msg_h3 .message,
.content_confirm .alert_messages #div_confirm .message {
  font-size: 1em;
  font-family: Nunito-L;
  margin: 1em 0 1em 0;
}
.content_alert .alert_messages #msg_h3 .btn,
.content_alert .alert_messages #div_confirm .btn,
.content_confirm .alert_messages #msg_h3 .btn,
.content_confirm .alert_messages #div_confirm .btn {
  font-size: 1em;
  border: 1.5px solid white;
  color: white;
  background-color: #D34618;
}
.content_alert .alert_messages #msg_h3 .btn:hover,
.content_alert .alert_messages #div_confirm .btn:hover,
.content_confirm .alert_messages #msg_h3 .btn:hover,
.content_confirm .alert_messages #div_confirm .btn:hover {
  background-color: white;
  color: #D34618;
  border: 1.5px solid #D34618;
}
.content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain),
.content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain),
.content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain),
.content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain) {
  margin: 5px;
}
.content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(1),
.content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(1),
.content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(1),
.content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(1) {
  margin-bottom: 20px;
}
@media screen and (max-width: 456px) {
  .content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(1),
  .content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(1),
  .content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(1),
  .content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(1) {
    margin: 0;
  }
}
.content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(3),
.content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(3),
.content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(3),
.content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(3) {
  margin-top: 20px;
}
@media screen and (max-width: 456px) {
  .content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(3),
  .content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(3),
  .content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain):nth-of-type(3),
  .content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain):nth-of-type(3) {
    margin: 0;
  }
}
.content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain) .btn,
.content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain) .btn,
.content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain) .btn,
.content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain) .btn {
  font-size: 1em;
}
.content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain) p,
.content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain) p,
.content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain) p,
.content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain) p {
  white-space: pre-wrap;
}
@media screen and (max-width: 456px) {
  .content_alert .alert_messages #msg_h3 div:not(.progress, .done, .remain) p,
  .content_alert .alert_messages #div_confirm div:not(.progress, .done, .remain) p,
  .content_confirm .alert_messages #msg_h3 div:not(.progress, .done, .remain) p,
  .content_confirm .alert_messages #div_confirm div:not(.progress, .done, .remain) p {
    text-align: center;
  }
}
.content_alert .alert_messages #msg_h3 .fa-spinner,
.content_alert .alert_messages #div_confirm .fa-spinner,
.content_confirm .alert_messages #msg_h3 .fa-spinner,
.content_confirm .alert_messages #div_confirm .fa-spinner {
  font-size: 50px;
  color: #fbad10;
}
.content_alert .alert_messages #msg_h3 .fa-exclamation-triangle,
.content_alert .alert_messages #div_confirm .fa-exclamation-triangle,
.content_confirm .alert_messages #msg_h3 .fa-exclamation-triangle,
.content_confirm .alert_messages #div_confirm .fa-exclamation-triangle {
  color: #fbad10;
}
.content_alert .alert_messages #msg_h3 .fa-times,
.content_alert .alert_messages #div_confirm .fa-times,
.content_confirm .alert_messages #msg_h3 .fa-times,
.content_confirm .alert_messages #div_confirm .fa-times {
  color: #c6240e;
}
.content_alert .alert_messages #msg_h3 .fa-check,
.content_alert .alert_messages #div_confirm .fa-check,
.content_confirm .alert_messages #msg_h3 .fa-check,
.content_confirm .alert_messages #div_confirm .fa-check {
  color: #147882;
}
.content_alert .alert_messages #msg_h3 i.fa-hand-peace-o,
.content_alert .alert_messages #msg_h3 i.fa-floppy-o,
.content_alert .alert_messages #div_confirm i.fa-hand-peace-o,
.content_alert .alert_messages #div_confirm i.fa-floppy-o,
.content_confirm .alert_messages #msg_h3 i.fa-hand-peace-o,
.content_confirm .alert_messages #msg_h3 i.fa-floppy-o,
.content_confirm .alert_messages #div_confirm i.fa-hand-peace-o,
.content_confirm .alert_messages #div_confirm i.fa-floppy-o {
  color: #147882;
}
.content_alert .alert_messages #msg_h3 i,
.content_alert .alert_messages #div_confirm i,
.content_confirm .alert_messages #msg_h3 i,
.content_confirm .alert_messages #div_confirm i {
  color: #fbad10;
}
@media screen and (max-width: 768px) {
  .content_alert .alert_messages,
  .content_confirm .alert_messages {
    width: 94% !important;
    left: 3% !important;
  }
}

#task_modal iframe {
  width: 100%;
  height: 75vh;
}

#crop_popup .modal-dialog {
  max-height: calc(100vh - 4rem);
}
#crop_popup .modal-body {
  max-height: 65vh;
  overflow-y: auto;
  padding: 0;
}
#crop_popup #crop-img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.btn-submit:focus {
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .content-field {
    margin-top: 15px;
    margin-bottom: 5px;
  }
  .content-field input {
    margin: 0 auto;
    width: 100% !important;
  }
}
.spinner-container {
  position: relative;
}

.spinner-content {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(158, 158, 158, 0.2);
}

.grey-spinner-50 {
  background-color: rgba(158, 158, 158, 0.5);
}

.progress {
  display: flex;
  height: 1em;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}
.progress .done,
.progress .remain {
  height: 100%;
  display: inline-block;
  transition: width 0.5s;
}
.progress .done {
  background: linear-gradient(#fca758, #d34618);
}
.progress .remain {
  background-color: #d6e5e0;
}

progress {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0.25em;
  width: 100%;
}

progress[value]::-moz-progress-bar {
  background-color: #F0F5F5;
  background-image: -moz-linear-gradient(#fca758, #d34618);
  border-radius: 0.25em;
}

progress[value]::-webkit-progress-bar {
  background-color: #F0F5F5;
  border-radius: 0.25em;
}

progress[value]::-webkit-progress-value {
  background-image: -webkit-linear-gradient(#fca758, #d34618);
  border-radius: 0.25em;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  transition: width 0.5s ease;
}

.storage-size {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: radial-gradient(closest-side, white 65%, transparent 70% 100%), conic-gradient(#147882 0%, rgba(20, 120, 130, 0.2) 0);
}
.storage-size #storage {
  width: 0;
  height: 0;
  visibility: hidden;
}
.storage-size:hover {
  opacity: 0.8;
}
.storage-size::before {
  content: attr(data-before);
}

.xs-show {
  display: none;
}

.md-show {
  display: none;
}

@media (max-width: 768px) {
  .xs-remove {
    display: none;
  }
  .xs-show {
    display: block;
  }
}
@media (max-width: 992px) {
  .md-remove {
    display: none;
  }
  .md-show {
    display: block;
  }
}
#footer-geneafinder {
  padding: 5em;
}
#footer-geneafinder .section-footer {
  padding: 2em 1em 2em 1em;
}
@media screen and (max-width: 546px) {
  #footer-geneafinder .section-footer {
    justify-items: start;
  }
}
#footer-geneafinder .about-geneafinder .img-footer {
  width: 150px;
  height: auto;
}
#footer-geneafinder .about-geneafinder .icons a {
  color: #d34618;
}
#footer-geneafinder .about-geneafinder .icons a:hover {
  color: #372D2D;
}
#footer-geneafinder .about-geneafinder .copyright {
  padding: 1em 0em 0em 0em;
}
#footer-geneafinder .about-geneafinder .copyright .copy {
  text-align: center;
}
#footer-geneafinder .about-geneafinder .copyright .copy p {
  font-size: 1.2em;
}
@media screen and (max-width: 546px) {
  #footer-geneafinder .about-geneafinder {
    justify-items: start;
  }
}
#footer-geneafinder .footer-links h3 {
  display: block;
  font-size: 1.3em;
  padding: 0 0 0.5em 0;
  text-align: left;
  font-family: hind-B;
  color: #372D2D;
}
#footer-geneafinder .footer-links ul li {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
#footer-geneafinder .footer-links a {
  font-size: 1.1em;
  font-style: normal;
  padding: 0;
  margin: 0;
  text-decoration: underline;
  cursor: pointer;
  color: #372D2D;
  font-family: Nunito-L;
  line-height: 1.7em;
}
#footer-geneafinder .footer-links a:hover {
  background-color: transparent;
  color: #d34618;
}

.hidden {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .hidden-xs {
    display: none !important;
  }
}

ul.nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
  border-top: 1px solid #eee;
}

.hr-bottom {
  padding-bottom: 1em;
  border: 0;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-bottom: 1px solid #eee;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.panel-group {
  margin-bottom: 20px;
  padding: 1em 5em;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel-default {
  border-color: #ddd;
}
.panel-group .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-group .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-group .panel-title a {
  color: white;
}
.panel-group .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-group .panel-body {
  padding: 0 1em;
  background-color: white;
}
.panel-group #headingOne,
.panel-group #headingTwo,
.panel-group #headingThree {
  background-color: #147882;
  color: white;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.section {
  padding: 3em;
  width: 90%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .section {
    padding: 4em 1em;
    width: 100%;
    margin: auto;
  }
}
@media screen and (max-width: 480px) {
  .section {
    padding: 2em 0em;
    width: 95%;
    margin: auto;
  }
}
.section h1 {
  font-size: 1.7em;
  font-weight: bold;
  font-family: Hind;
  text-align: left;
}
.section h2 {
  font-size: 1.5em;
  font-weight: bold;
  font-family: Hind;
}
.section h3 {
  font-size: 1.3em;
  font-weight: bold;
  font-family: Hind;
}
.section .p-header {
  font-weight: 100;
  font-family: Nunito-L;
  color: #595959;
  font-size: 1.2em;
}

@media screen and (max-width: 768px) {
  h1 {
    font-size: 1.6em;
  }
  h2 {
    font-size: 1.4em;
  }
  h3 {
    font-size: 1.1em;
  }
}
@media screen and (max-width: 480px) {
  h1 {
    font-size: 1.5em;
  }
  h2 {
    font-size: 1.3em;
  }
  h3 {
    font-size: 1em;
  }
}
.section-btn #menu_bottom {
  position: fixed;
  width: max-content;
  right: 120px;
  bottom: 0px;
}
.section-btn #menu_bottom ul {
  list-style: none;
  margin-left: 2em;
  margin-bottom: 0.5em;
  padding: 0;
}

.txt-light {
  font-family: Nunito-L;
}

.date.full-date {
  text-transform: lowercase;
}

.notext-transform {
  text-transform: none !important;
}
.notext-transform::first-letter {
  text-transform: none !important;
}

.scroll {
  overflow-y: scroll;
  scrollbar-color: #959595 rgba(89, 89, 89, 0.0901960784);
  scrollbar-width: thin;
}
.scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}

.noscroll {
  overflow-y: hidden;
}

.switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 17px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(89, 89, 89, 0.502);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #147882;
}

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  transform: translateX(18px);
}

.slider.round {
  border-radius: 18px;
}

.slider.round:before {
  border-radius: 50%;
}

.switch-color2 input:checked + .slider {
  background-color: #d34618;
}

#ui-datepicker-div.hidden-day .ui-datepicker-calendar {
  display: none;
}

#ui-datepicker-div.hidden-day-month .ui-datepicker-calendar,
#ui-datepicker-div.hidden-day-month .ui-datepicker-month {
  display: none;
}

.leaflet-fade-anim .leaflet-tile,
.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: auto !important;
}

body.no-header section {
  padding-top: 0;
  margin-top: 0;
}
body.no-header section .section {
  padding-top: 0;
}
body.no-header .modal {
  top: 0;
}

.no-overflow {
  overflow-y: hidden !important;
  height: 100%;
}

#bug {
  position: fixed;
  bottom: 1em;
  left: 1em;
  z-index: 9997;
  cursor: pointer;
  padding: 0.5em;
  background-color: #d34618;
  color: #ffffff;
  border: none;
  border-radius: 5px;
}
#bug:hover {
  background-color: #fca758;
}

#bug-content {
  resize: none;
}

#bug-modal {
  z-index: 9999;
}

.modal-backdrop[data-id=bug-modal] {
  z-index: 9998;
}

/*********************
* NANOGALLERY
*********************/
.nGY2GThumbnailImage.nGY2TnImg {
  background-size: contain !important;
}

.font1 {
  font-family: Nunito;
}

.font2 {
  font-family: Nunito-L;
}

.font3 {
  font-family: Hind;
}

.font4 {
  font-family: Hind-B;
}

.color0 {
  color: #000000;
}

.color1 {
  color: #147882;
}

.color2 {
  color: #d34618;
}

.color3 {
  color: #d6e5e0;
}

.color4 {
  color: #D34618;
}

.color5 {
  color: #ffffff;
}

.color6 {
  color: #372D2D;
}

.color7 {
  color: #595959;
}

.color8 {
  color: rgba(158, 158, 158, 0.5);
}

.color9 {
  color: #FCD0A9;
}

.hover-color0:hover {
  color: #000000;
}

.hover-color1:hover {
  color: #147882;
}

.hover-color2:hover {
  color: #d34618;
}

.hover-color3:hover {
  color: #d6e5e0;
}

.hover-color4:hover {
  color: #D34618;
}

.hover-color5:hover {
  color: #ffffff;
}

.hover-color6:hover {
  color: #372D2D;
}

.hover-color7:hover {
  color: #595959;
}

.hover-color8:hover {
  color: rgba(158, 158, 158, 0.5);
}

.hover-color9:hover {
  color: #FCD0A9;
}

.bcolor0 {
  background-color: #000000;
}

.bcolor1 {
  background-color: #147882;
}

.bcolor2 {
  background-color: #d34618;
}

.bcolor3 {
  background-color: #d6e5e0;
}

.bcolor4 {
  background-color: #D34618;
}

.bcolor5 {
  background-color: #ffffff;
}

.bcolor6 {
  background-color: #372D2D;
}

.bcolor7 {
  background-color: #595959;
}

.bcolor8 {
  background-color: rgba(158, 158, 158, 0.5);
}

.bcolor8a {
  background-color: rgba(158, 158, 158, 0.2);
}

.bcolor9 {
  background-color: #FCD0A9;
}

.hover-bcolor0:hover {
  background-color: rgba(0, 0, 0, 0.6666666667);
}

.hover-bcolor1:hover {
  background-color: rgba(20, 120, 130, 0.6666666667);
}

.hover-bcolor2:hover {
  background-color: rgba(211, 70, 24, 0.6666666667);
}

.hover-bcolor3:hover {
  background-color: rgba(214, 229, 224, 0.6666666667);
}

.hover-bcolor4:hover {
  background-color: rgba(211, 70, 24, 0.6666666667);
}

.hover-bcolor5:hover {
  background-color: rgba(255, 255, 255, 0.6666666667);
}

.hover-bcolor6:hover {
  background-color: rgba(55, 45, 45, 0.6666666667);
}

.hover-bcolor7:hover {
  background-color: rgba(89, 89, 89, 0.502);
}

.hover-bcolor8:hover {
  background-color: rgba(158, 158, 158, 0.2);
}

.hover-bcolor9:hover {
  background-color: #FCD0A9;
}

@media screen and (max-width: 768px) {
  [id=about] {
    margin-top: 8em;
  }
}
[id=about] iframe {
  margin: 0 auto;
  display: block;
  width: 600px;
  height: 330px;
}
@media screen and (max-width: 546px) {
  [id=about] iframe {
    width: 450px;
    height: 250px;
  }
}
@media screen and (max-width: 546px) {
  [id=about] iframe {
    width: 350px;
    height: 200px;
  }
}
[id=about] .how-works {
  padding: 2em;
}
[id=about] .how-works h2 {
  text-align: center;
}
@media screen and (max-width: 992px) {
  [id=about] .how-works h3 {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 546px) {
  [id=about] .how-works h3 {
    font-size: 1em;
  }
}
[id=about] .how-works img {
  width: 5em;
  height: 5em;
}
@media screen and (max-width: 546px) {
  [id=about] .how-works img {
    width: 4em;
    height: 4em;
  }
}
[id=about] .elements {
  padding: 2em;
}
[id=about] .elements p {
  font-size: 1.2em;
  text-align: center;
}
[id=about] .orange {
  color: #ff4115;
}
[id=about] .logos div:nth-child(1) img {
  float: right;
}
[id=about] .logos div:nth-last-child(1) img {
  float: left;
}
[id=about] .logos img {
  width: 7em;
  height: 7em;
}
[id=about] .legal .empty::before {
  content: "​";
}
[id=about] .legal div:nth-child(1) p {
  text-align: right;
  margin: 0;
}
[id=about] .legal div:nth-last-child(1) p {
  text-align: left;
  margin: 0;
}
[id=about] .contact-us p {
  margin: 0;
}
[id=about] .contact-us h3 {
  margin: 0;
  text-align: left;
  margin-bottom: 1em;
}
[id=about] .contact-us input {
  margin-top: 0.5em;
  padding: 1em;
  background-color: #d34618;
  color: #ffffff;
  border: 2px solid #d34618;
  font-size: 1.5em;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  [id=about] .contact-us input {
    padding: 0.5em;
    font-size: 1em;
  }
}

.content-page #archive .section .table-bordered {
  width: 60%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .content-page #archive .section .table-bordered {
    width: 100%;
  }
}
.content-page #archive .section .table-bordered th {
  font-weight: 100;
  font-family: Nunito-L;
  color: #595959;
  font-size: 0.8em;
}
.content-page #archive .table {
  text-transform: uppercase;
  font-size: 1.2em;
  /*margin-top: 30px;*/
  width: 95%;
  margin: auto;
}
@media screen and (max-width: 660px) {
  .content-page #archive .table {
    font-size: 0.7em;
    font-weight: 400;
  }
  .content-page #archive .table thead tr {
    font-size: 0.6em;
  }
  .content-page #archive .table thead tr span.glyphicon-sort {
    display: none;
  }
}
.content-page #archive .table thead tr {
  background-color: #147882;
  color: #ffffff;
  font-size: 1em;
}
.content-page #archive .table thead tr th {
  position: relative;
  padding: 0.5em;
}
.content-page #archive .table thead tr span.glyphicon-sort {
  color: #ffffff;
  font-size: 0.6em;
  padding-top: 0.7em;
  float: right;
}
.content-page #archive .table tbody tr {
  position: relative;
  cursor: pointer;
  padding: 5px;
  color: table_body_text;
}
.content-page #archive .table tbody tr:nth-child(odd) {
  background-color: #eff0f3;
}
.content-page #archive .table tbody tr:nth-child(even) {
  background-color: #ffffff;
}
.content-page #archive .table tbody tr:hover {
  background: #c7d4e0;
}
.content-page #archive .table tbody tr a {
  position: absolute;
  left: 0;
  color: rgb(20, 120, 130);
  display: block;
  height: 100%;
  width: 100%;
}
.content-page #archive .table tbody tr td:first-letter {
  text-transform: capitalize;
}
.content-page #archive .nextprevious {
  margin-bottom: 0;
  min-height: 50px;
}
.content-page #archive .nextprevious ul {
  padding: 0;
}
.content-page #archive .nextprevious li {
  list-style: none;
  cursor: pointer;
}

#edit_article #headband {
  width: 100%;
  height: auto;
}
#edit_article .global-description .titl {
  color: #d34618;
  font-size: 1.2em;
  text-align: center;
}
#edit_article .global-description label.file {
  background-color: #d34618;
  color: #ffffff;
  margin: 0;
}
#edit_article .global-description label.file:hover {
  opacity: 0.7;
}
#edit_article .global-description ul {
  list-style: none;
  margin: 0;
}
#edit_article .note-editable * {
  user-select: initial;
  -webkit-user-select: initial;
  -moz-user-select: initial;
}

.preview {
  padding-top: 2em;
  position: relative;
  padding-bottom: 25px;
  background-color: #ffffff;
}
.preview img {
  width: 76%;
  max-height: 250px;
  float: none;
}
.preview .sharetxt,
.preview #shareIcons {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  color: #147882;
  font-weight: lighter;
}
.preview .val-summary {
  font-style: italic;
  margin: 5px auto 5px auto;
}
.preview .val-content {
  padding: 5px;
}
.preview .val-image img {
  display: block;
  margin: 0px auto 0px auto;
}
@media screen and (max-width: 768px) {
  .preview .sharetxt {
    display: none;
  }
  .preview .val-image {
    display: none;
  }
}
.preview table {
  font-size: 1.3em;
  border-radius: 10px;
  border-radius: 15px;
  word-wrap: break-word;
}
.preview table thead tr {
  background-color: #147882;
  color: #ffffff;
  padding: 2px;
  font-size: 1em;
}
.preview table thead tr th {
  position: relative;
  padding-left: 5px;
  cursor: pointer;
  font-weight: 400;
}
.preview table thead tr th:first-letter {
  text-transform: uppercase;
}
.preview table thead tr span.glyphicon-sort {
  color: #ffffff;
  font-size: 0.6em;
  padding-top: 0.7em;
  float: right;
}
.preview table tbody {
  font-size: 1.3em;
}
.preview table tbody td {
  font-size: 1.3em;
}
.preview table tbody tr {
  position: relative;
  cursor: pointer;
  padding: 5px;
  color: #252225;
}
.preview table tbody tr:nth-child(odd) {
  background-color: #eff0f3;
}
.preview table tbody tr:nth-child(even) {
  background-color: #ffffff;
}
.preview table tbody tr:hover {
  background: #c7d4e0;
}
.preview table tbody tr a {
  left: 0;
  color: #252225;
  display: block;
  height: 100%;
  width: 100%;
}
.preview table tbody tr td:first-letter {
  text-transform: capitalize;
}
.preview .val-prenext {
  text-align: center;
}
.preview .val-prenext button {
  margin: 0px 20px;
  color: #ffffff;
  background-color: #147882;
}
.preview .val-prenext button:hover {
  background-color: #d4e6f6;
  color: rgb(20, 120, 130);
}
.preview [id=listblog] hr {
  border: 0;
  height: 5px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #147882, rgba(0, 0, 0, 0));
}
.preview [id=listblog] .val-title {
  color: #147882;
  font-size: 1.2em;
}
.preview [id=listblog] .post-meta {
  font-size: 0.8em;
  font-weight: lighter;
  text-align: right;
}
.preview [id=listblog] .val-content {
  padding: 5px;
  font-size: 1em;
  font-weight: normal;
  text-align: justify;
}
.preview [id=listblog] img#article_image {
  vertical-align: center;
  margin-bottom: auto;
  margin-top: auto;
  margin-right: 20px;
  margin-left: 20px;
}
.preview [id=recentarticles] .recent-articles {
  background: #ffffff;
  padding: 20px;
  padding-left: 39px;
  border-left: 1px solid #e9e9e9;
  margin-left: -1px;
}
.preview [id=recentarticles] .recent-articles .filter_block {
  position: relative;
}
.preview [id=recentarticles] .recent-articles .filter_block i.glyphicon-search {
  position: absolute;
  padding: 8px;
  pointer-events: none;
  left: 0px;
  padding-left: 10px;
  color: #147882;
}
.preview [id=recentarticles] .recent-articles .filter_block input.list_filter.filter {
  outline: none;
  display: block;
  padding: 4px 8px;
  padding-left: 30px;
  border-radius: 15px;
  font-size: 1.3em;
  font-weight: 400;
  border: 2px solid #147882;
  width: 100%;
  background-color: rgba(215, 230, 225, 0.3);
  color: #147882;
}
.preview [id=recentarticles] .recent-articles .filter_block .filter::placeholder {
  color: #147882;
}
.preview [id=recentarticles] .recent-articles h2 {
  color: #147882;
  font-size: 1.2em;
}
.preview [id=recentarticles] .recent-articles p {
  font-size: 0.8em;
  color: #147882;
}
.preview [id=recentarticles] .recent-articles a {
  color: #147882;
  font-size: 1em;
  font-weight: 400;
  text-align: justify;
}
.preview [id=recentarticles] .recent-articles a :first-letter {
  text-transform: uppercase;
}
.preview [id=recentarticles].fixed {
  position: fixed;
  width: 100%;
  top: 75px;
}
.preview .create-article {
  height: 50px;
  margin-bottom: 30px;
}
.preview .create-article ul li {
  display: inline-block;
}
.preview .create-article .btn {
  margin-bottom: 25px;
  margin-top: 25px;
  background-color: white;
  border: 2px solid #dc4a38;
  color: #dc4a38;
}
.preview .create-article .btn:hover {
  background-color: #dc4a38;
  color: white;
}
.preview .create-article .btn:hover a {
  color: #ffffff;
  text-decoration: none;
}
.preview .post-preview {
  margin-top: 5px;
  border-top: 1px solid #d6e5e0;
  position: relative;
  float: left;
  background-color: #ffffff;
  margin-bottom: 5px;
}
.preview .post-preview img {
  width: 100%;
}
.preview .post-preview h3,
.preview .post-preview h2,
.preview .post-preview h4 {
  font-size: 1.2em;
}
.preview .post-preview a {
  color: #147882;
  font-size: 1.2em;
}
.preview .post-preview .preview-top {
  align-content: center;
  width: 50%;
  height: 250px;
  max-height: 250px;
  height: 50%;
  overflow: hidden;
  display: inline-block;
}
.preview .post-preview .preview-top [id=article-image] {
  max-width: 100%;
  vertical-align: middle;
}
.preview .post-preview .preview-bottom {
  width: 45%;
  height: auto;
  color: #777777;
  /*padding: 20px;*/
  display: inline-block;
}
.preview .post-preview .preview-bottom .post-date {
  font-size: 0.8em;
}
@media screen and (max-width: 300px) {
  .preview #recentarticles {
    display: none;
  }
}

.summernote .summarize, #blog_page_article .summarize {
  font-size: 20px;
  font-style: italic;
}
.summernote .note-editable *, .summernote .section-article *, #blog_page_article .note-editable *, #blog_page_article .section-article * {
  font-family: "Nunito-L";
}
.summernote .section-article *, #blog_page_article .section-article * {
  justify-self: stretch;
}
.summernote .note-editable table, .summernote .note-editable tr, .summernote .note-editable td, .summernote .note-editable th, #blog_page_article .note-editable table, #blog_page_article .note-editable tr, #blog_page_article .note-editable td, #blog_page_article .note-editable th {
  border-collapse: separate !important;
  border: 1px solid black !important;
}
.summernote p, .summernote ul, .summernote ol, .summernote li, .summernote th, .summernote td, .summernote p.article-p, #blog_page_article p, #blog_page_article ul, #blog_page_article ol, #blog_page_article li, #blog_page_article th, #blog_page_article td, #blog_page_article p.article-p {
  font-size: 18px;
  font-family: "Nunito-L";
}
.summernote h1, .summernote h2, .summernote h3, .summernote h4, .summernote h5, .summernote h1.article-h1, .summernote h2.article-h2, .summernote h3.article-h3, .summernote h4.article-h4, .summernote h5.article-h5, #blog_page_article h1, #blog_page_article h2, #blog_page_article h3, #blog_page_article h4, #blog_page_article h5, #blog_page_article h1.article-h1, #blog_page_article h2.article-h2, #blog_page_article h3.article-h3, #blog_page_article h4.article-h4, #blog_page_article h5.article-h5 {
  font-family: "Hind" !important;
}
.summernote h1, .summernote h1.article-h1, #blog_page_article h1, #blog_page_article h1.article-h1 {
  font-size: 30px !important;
  padding-bottom: 2em;
  font-weight: bold;
}
.summernote h2, .summernote h2.article-h2, #blog_page_article h2, #blog_page_article h2.article-h2 {
  font-size: 26px !important;
}
.summernote h3, .summernote h3.article-h3, #blog_page_article h3, #blog_page_article h3.article-h3 {
  font-size: 24px !important;
}
.summernote h4, .summernote h4.article-h4, #blog_page_article h4, #blog_page_article h4.article-h4 {
  font-size: 22px !important;
}
.summernote h5, .summernote h5.article-h5, #blog_page_article h5, #blog_page_article h5.article-h5 {
  font-size: 20px !important;
  font-weight: bold !important;
}

#avent {
  background-image: url("../../images/noel-2022-bc.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: #bfab92;
}
#avent img {
  width: 100%;
  position: relative;
}
#avent .header {
  text-align: center;
  margin-top: 50px;
  color: #372D2D;
}
#avent .header img {
  width: 400px;
  margin-bottom: 30px;
}
@media screen and (max-width: 905px) {
  #avent .header img {
    width: 300px;
  }
}
@media screen and (max-width: 732px) {
  #avent .header img {
    width: 250px;
  }
}
@media screen and (max-width: 546px) {
  #avent .header img {
    width: 220px;
  }
}
#avent .header p {
  text-align: center;
}
#avent .display_create form {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 30px;
}
@media screen and (max-width: 905px) {
  #avent .display_create form {
    flex-direction: column;
  }
}
#avent .section-carte {
  position: relative;
  z-index: 1;
  width: 1211px;
  margin: 0 auto;
  font-size: 0;
}
@media screen and (max-width: 1251px) {
  #avent .section-carte {
    width: 1038px;
  }
}
@media screen and (max-width: 1078px) {
  #avent .section-carte {
    width: 865px;
  }
}
@media screen and (max-width: 905px) {
  #avent .section-carte {
    width: 692px;
  }
}
@media screen and (max-width: 732px) {
  #avent .section-carte {
    width: 519px;
  }
}
@media screen and (max-width: 546px) {
  #avent .section-carte {
    width: 319px;
    margin: 0 auto;
    text-align: center;
  }
}
#avent .display_calendar .day-paper-shadow {
  height: 105%;
  background: rgba(0, 0, 0, 0.15);
}
#avent .display_calendar .calendar_day {
  position: relative;
  transform: translateZ(0);
  display: inline-block;
  width: 165px;
  height: 165px;
  margin: 0 auto;
}
#avent .display_calendar .calendar_day .day-outside {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#avent .display_calendar .calendar_day .day-outside .day-paper {
  position: absolute;
  top: 0;
  left: 0;
  perspective: 1000px;
  width: 100%;
  height: 100%;
}
#avent .display_calendar .calendar_day .day-outside .day-paper .day-paper-bg {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: center top;
  width: 100%;
  height: 100%;
  background: #ffd2aa;
  transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#avent .display_calendar .calendar_day .day-outside .day-paper-shadow {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: center top;
  width: 100%;
  background: rgba(0, 0, 0, 0.15);
  transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#avent .display_calendar .calendar_day .day-outside .article-info-container {
  position: absolute;
  top: 0;
  left: 0;
  perspective: 1000;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
#avent .display_calendar .calendar_day .day-outside .article-info-container .article-info {
  transform-origin: center top;
  width: 100%;
  height: 80%;
  text-align: center;
  transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
  margin-top: 5%;
}
#avent .display_calendar .calendar_day .day-outside .article-info-container .article-info .info {
  width: 100%;
  height: 100%;
  transition: all 0.65s ease-out;
}
#avent .display_calendar .calendar_day .day-outside .article-info-container .article-info .info .article-title {
  height: 100%;
  padding: 14px 12px 14px 12px;
  font-size: 14px;
  line-height: calc(1.5em - 1px);
  color: #372D2D;
  margin: 0;
  display: grid;
  align-items: center;
}
#avent .display_calendar .calendar_day .day-outside .article-info-container .article-info .info .article-title span {
  position: relative;
  display: inline-block;
  font-size: 14px;
  word-break: break-word;
}
#avent .display_calendar .calendar_day .day-outside .article-info-container .article-info .info .article-day {
  bottom: 12px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 12px;
  text-transform: uppercase;
  color: #d34618;
}
#avent .display_calendar .calendar_day .day-inside {
  width: 100%;
  height: 100%;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: all 0.65s ease-in;
}
#avent .display_calendar .calendar_day .day-inside .article {
  min-height: 48px;
  width: 100%;
  color: #372D2D;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}
#avent .display_calendar .calendar_day .day-inside .article a {
  color: white;
}
#avent .display_calendar .calendar_day .day-inside .article .read-article {
  display: inline-block;
  margin: 0 auto;
  border: 3px solid transparent;
  transition: border 0.3s 0.35s;
}
#avent .display_calendar .calendar_day .day-inside .article .btn, #avent .display_calendar .calendar_day .day-inside .article a {
  padding: 7px 15px;
  border: none;
  border-radius: 4px;
  box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.2);
  font-weight: bold;
  font-size: 12px;
  margin: 1px;
}
#avent .display_calendar .calendar_day .day-inside .article .btn a, #avent .display_calendar .calendar_day .day-inside .article a a {
  color: #372D2D;
  font-weight: 100;
}
#avent .display_calendar .calendar_day .day-inside .article p {
  margin: 10px;
}
#avent .display_calendar .calendar_day .day-inside .article .btn-ocean, #avent .display_calendar .calendar_day .day-inside .article a {
  color: #372D2D;
  background: #ffffff;
}
#avent .display_calendar .calendar_day .day-inside .calendar_link {
  padding-top: 16px;
}
#avent .display_calendar .delete {
  margin-left: 1em;
  cursor: pointer;
  font-size: 1em;
}
#avent .display_calendar .day-outside .delete {
  color: #d34618;
}
#avent .display_year {
  position: relative;
  width: 610px;
  padding: 25px 0;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #avent .display_year {
    width: 450px;
  }
}
@media screen and (max-width: 546px) {
  #avent .display_year {
    width: 300px;
  }
}
#avent .display_year .years {
  font-size: 28px;
  font-weight: bold;
  text-anchor: middle;
  color: white;
}
@media screen and (max-width: 768px) {
  #avent .display_year .years {
    font-size: 25px;
  }
}
@media screen and (max-width: 546px) {
  #avent .display_year .years {
    font-size: 20px;
  }
}
#avent .display_year .years select {
  background-color: #d34618;
  cursor: pointer;
  border: 1px solid white;
  border-radius: 5px;
  font-size: 0.7em;
}
#avent .display_year .years select:hover {
  background-color: #fca758;
}
#avent .section-calandrie .display_year .years {
  position: relative;
  width: 94px;
  height: 46px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #avent .section-calandrie .display_year .years {
    height: 36px;
  }
}
@media screen and (max-width: 546px) {
  #avent .section-calandrie .display_year .years {
    height: 30px;
  }
}
#avent .section-calandrie .display_year .years::before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 240px;
  height: 1px;
  background: white;
}
#avent .section-calandrie .display_year .years::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 240px;
  height: 1px;
  background: white;
}
#avent .section-calandrie .display_year .years::before {
  left: -20px;
  transform: translate(-100%, -50%);
}
#avent .section-calandrie .display_year .years::after {
  right: -20px;
  transform: translate(100%, -50%);
}
#avent .calendar_opened, #avent .calendar_closed {
  display: inline-block;
  width: 165px;
  height: 165px;
  margin: 58px 4px 0 4px;
  vertical-align: top;
  text-align: center;
  background: rgba(0, 0, 0, 0.15);
}
#avent .calendar_opened .day-paper-bg, #avent .calendar_closed .day-paper-bg {
  transform-style: preserve-3d;
  z-index: 2;
}
#avent .calendar_opened .day-paper::before, #avent .calendar_closed .day-paper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform-origin: center top;
  transform: translateY(-100%);
  width: 124px;
  height: 13px;
  margin: 0 auto;
  background: rgba(239, 239, 239, 0.7);
  transition: all 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#avent .calendar_opened .day-paper-bg::after, #avent .calendar_closed .day-paper-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform-origin: center top;
  transform: rotateZ(0);
  width: 124px;
  height: 13px;
  margin: 0 auto;
  background: rgba(239, 239, 239, 0.7);
  backface-visibility: hidden;
}
#avent .calendar_opened * {
  cursor: pointer;
}
#avent .calendar_opened .day-outside .article-info {
  display: block;
  color: white;
}
#avent .calendar_opened .day-inside .article {
  display: block;
}
#avent .calendar_opened:not([class*=nohover]):hover .day-outside {
  z-index: 0;
}
#avent .calendar_opened:not([class*=nohover]):hover .day-outside .article-info {
  opacity: 0;
  transform: rotateX(98deg);
}
#avent .calendar_opened:not([class*=nohover]):hover .day-outside .day-paper .day-paper-bg {
  transform: rotateX(98deg) translate3d(0, 0, 0);
}
#avent .calendar_opened:not([class*=nohover]):hover .day-outside .day-paper-shadow {
  transform: rotateX(86deg);
}
#avent .calendar_opened:not([class*=nohover]):hover .day-inside {
  visibility: visible;
  opacity: 1;
}
#avent .calendar_closed * {
  cursor: not-allowed;
}
#avent .section-carte .calendar_opened:nth-child(12n+1) .day-paper, #avent .section-carte .calendar_closed:nth-child(12n+1) .day-paper {
  transform: rotate(2.67deg);
}
#avent .section-carte .calendar_opened:nth-child(12n+2) .day-paper, #avent .section-carte .calendar_closed:nth-child(12n+2) .day-paper {
  transform: rotate(3deg);
}
#avent .section-carte .calendar_opened:nth-child(12n+3) .day-paper, #avent .section-carte .calendar_closed:nth-child(12n+3) .day-paper {
  transform: rotate(-2.82deg);
}
#avent .section-carte .calendar_opened:nth-child(12n+4) .day-paper, #avent .section-carte .calendar_closed:nth-child(12n+4) .day-paper {
  transform: rotate(0.32deg);
}
#avent .section-carte .calendar_opened:nth-child(12n+5) .day-paper, #avent .section-carte .calendar_closed:nth-child(12n+5) .day-paper {
  transform: rotate(-2.13deg);
}
#avent .section-carte .calendar_opened:nth-child(12n+6) .day-paper, #avent .section-carte .calendar_closed:nth-child(12n+6) .day-paper {
  transform: rotate(2.96deg);
}
#avent .section-carte .calendar_opened:nth-child(12n+7) .day-paper, #avent .section-carte .calendar_closed:nth-child(12n+7) .day-paper {
  transform: rotate(1.36deg);
}
#avent .section-carte .calendar_opened:nth-child(12n+8) .day-paper, #avent .section-carte .calendar_closed:nth-child(12n+8) .day-paper {
  transform: rotate(-1.08deg);
}
#avent .section-carte .calendar_opened:nth-child(12n+9) .day-paper, #avent .section-carte .calendar_closed:nth-child(12n+9) .day-paper {
  transform: rotate(-1.77deg);
}
#avent .section-carte .calendar_opened:nth-child(12n+10) .day-paper, #avent .section-carte .calendar_closed:nth-child(12n+10) .day-paper {
  transform: rotate(-1.87deg);
}
#avent .section-carte .calendar_opened:nth-child(12n+11) .day-paper, #avent .section-carte .calendar_closed:nth-child(12n+11) .day-paper {
  transform: rotate(1.44deg);
}
#avent .section-carte .calendar_opened:nth-child(12n+12) .day-paper, #avent .section-carte .calendar_closed:nth-child(12n+12) .day-paper {
  transform: rotate(0.51deg);
}
#avent .section-carte .day-outside:hover {
  z-index: 0;
}
#avent .footer {
  padding: 0;
}
#avent .footer img {
  width: 100%;
}

#blog_list #blog-table i {
  color: #147882;
  margin: 0;
  padding: 0.25em;
}
#blog_list #blog-table i:hover {
  opacity: 0.5;
}

[id=blog_page_list] {
  position: relative;
  overflow-x: hidden;
}
@media only screen and (max-width: 546px) {
  [id=blog_page_list] {
    padding-top: 2em;
  }
}
@media only screen and (max-width: 546px) {
  [id=blog_page_list] .div-grid {
    display: block;
  }
}
[id=blog_page_list] .header-grid input {
  width: 100%;
  font-size: 1.5em;
  background-color: #ffffff;
  color: #D34618;
  border: 2px solid #D34618;
}
[id=blog_page_list] .header-grid input:hover {
  background-color: #D34618;
  color: #ffffff;
}
[id=blog_page_list] .header-grid p {
  width: 60%;
  margin: auto;
  text-align: center;
}
@media only screen and (max-width: 546px) {
  [id=blog_page_list] .header-grid p {
    width: 80%;
  }
}
[id=blog_page_list] .btn-add-article {
  padding-top: 2em;
}
[id=blog_page_list] .btn-add-article .btn-submit {
  min-width: 250px;
}
@media only screen and (max-width: 768px) {
  [id=blog_page_list] .btn-add-article .list {
    width: 40%;
    float: left;
    min-width: 150px;
    font-size: 0.8em;
  }
  [id=blog_page_list] .btn-add-article .new {
    width: 40%;
    float: right;
    min-width: 150px;
    font-size: 0.8em;
  }
}
@media only screen and (max-width: 546px) {
  [id=blog_page_list] .btn-add-article .new,
  [id=blog_page_list] .btn-add-article .list {
    width: 40%;
    font-size: 0.8em;
  }
}
@media only screen and (max-width: 442px) {
  [id=blog_page_list] .btn-add-article .btn-list,
  [id=blog_page_list] .btn-add-article .btn-new {
    text-align: center;
  }
  [id=blog_page_list] .btn-add-article .new,
  [id=blog_page_list] .btn-add-article .list {
    float: none;
  }
}
[id=blog_page_list] .section-recent-articles {
  padding: 5em 5em 3em 5em;
}
[id=blog_page_list] .section-recent-articles h3 {
  font-size: 1.2em;
  color: #D34618;
}
[id=blog_page_list] .section-recent-articles h2 {
  font-weight: 900;
  color: #372D2D;
  cursor: pointer;
  line-height: 1.3;
  text-align: left;
}
[id=blog_page_list] .section-recent-articles h2:hover {
  color: #D34618;
}
[id=blog_page_list] .section-recent-articles .icon {
  color: #147882;
  padding-right: 5px;
}
[id=blog_page_list] .section-recent-articles span:not(.icon) {
  color: #147882;
  padding-right: 20px;
}
[id=blog_page_list] .section-recent-articles p.descr {
  color: #372D2D;
  font-size: 1.5rem;
  text-align: justify;
}
[id=blog_page_list] .section-recent-articles p.descr i {
  color: #147882;
  padding-right: 0.5em;
}
[id=blog_page_list] .section-recent-articles .left-img-section .last-img img {
  width: 100%;
  height: auto;
  max-height: 250px;
  overflow: hidden;
  border-radius: 7px;
}
[id=blog_page_list] .section-recent-articles .left-img-section img {
  border-radius: 7px;
}
[id=blog_page_list] .filtre-categorie {
  background-color: #F0F5F5;
  padding: 10px;
  grid-template-columns: 85fr 15fr;
}
@media only screen and (max-width: 992px) {
  [id=blog_page_list] .filtre-categorie {
    grid-template-columns: 100fr;
    margin-top: 1em;
  }
}
[id=blog_page_list] .filtre-categorie .cadre-filter {
  grid-template-columns: 80fr 20fr;
}
@media only screen and (max-width: 768px) {
  [id=blog_page_list] .filtre-categorie .cadre-filter {
    grid-template-columns: 100fr;
  }
}
[id=blog_page_list] .filtre-categorie .cadre-filter .catlist {
  grid-template-columns: 10fr 15fr 20fr 25fr 15fr 15fr;
  gap: 0;
  align-items: center;
  justify-items: center;
}
@media only screen and (max-width: 768px) {
  [id=blog_page_list] .filtre-categorie .cadre-filter .catlist {
    grid-template-columns: 30fr 30fr 30fr;
  }
}
[id=blog_page_list] .filtre-categorie .cadre-filter .search {
  position: relative;
}
[id=blog_page_list] .filtre-categorie .cadre-filter span {
  cursor: pointer;
  color: #372D2D;
}
[id=blog_page_list] .filtre-categorie .cadre-filter span:hover {
  color: #D34618;
}
@media only screen and (max-width: 446px) {
  [id=blog_page_list] .filtre-categorie .cadre-filter span {
    font-size: 0.8em;
  }
}
[id=blog_page_list] .filtre-categorie .cadre-filter .active {
  color: #D34618;
}
[id=blog_page_list] .filtre-categorie .cadre-filter .highlight {
  color: #D34618;
}
[id=blog_page_list] .filtre-categorie .cadre-filter .theme {
  margin-top: 10px;
  color: rgba(20, 120, 130, 0.6666666667);
  background-color: transparent;
  font-size: 12px;
}
[id=blog_page_list] .filtre-categorie .cadre-filter .theme:hover {
  color: #D34618;
}
@media screen and (max-width: 546px) {
  [id=blog_page_list] .filtre-categorie .cadre-filter {
    text-align: center;
  }
}
[id=blog_page_list] .filtre-categorie .input-cadre {
  grid-template-columns: 10fr 90fr;
}
[id=blog_page_list] .filtre-categorie .input-cadre input {
  border: 0;
}
[id=blog_page_list] .filtre-categorie .input-cadre input:focus {
  outline: 0;
  outline-style: none;
}
[id=blog_page_list] .filtre-categorie .input-cadre #search_bar {
  border-bottom: 1px solid #147882;
  background-color: #F0F5F5;
  color: rgb(0, 0, 0);
}
@media (max-width: 768px) {
  [id=blog_page_list] .filtre-categorie .input-cadre {
    padding-top: 10px;
  }
}
[id=blog_page_list] .filtre-categorie .search-result-i {
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(211, 70, 24, 0.1607843137);
  padding: 0.7em;
}
[id=blog_page_list] .filtre-categorie .search-result-i a {
  color: #372D2D;
}
[id=blog_page_list] .filtre-categorie .search-result-i a:hover {
  color: #d34618;
}
[id=blog_page_list] .filtre-categorie .search-result-i > div {
  padding-top: 10px;
  cursor: pointer;
}
[id=blog_page_list] .filtre-categorie .search-result-i > div:hover {
  color: #D34618;
}
@media (max-width: 992px) {
  [id=blog_page_list] .filtre-categorie .btn-newsletter {
    display: none;
  }
}
[id=blog_page_list] .filtre-categorie .search-result {
  max-height: 40vh;
  position: absolute;
  z-index: 2;
  background-color: white;
  overflow-y: auto;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  border-radius: 0px 0px 10px 10px;
  top: 40px;
  left: 0;
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  [id=blog_page_list] .filtre-categorie .search-result {
    width: 50%;
    margin: auto;
    right: 0;
  }
}
[id=blog_page_list] .filtre-categorie .search-result ::-webkit-scrollbar {
  border-radius: 10px;
}
[id=blog_page_list] .filtre-categorie .search-result .search-article {
  padding: 1em;
  cursor: pointer;
}
[id=blog_page_list] .filtre-categorie .search-result .search-article:nth-last-child(1) {
  border-bottom: 0;
}
[id=blog_page_list] .filtre-categorie .search-result .search-article::nth-child(1) {
  padding-top: 0;
}
[id=blog_page_list] .filtre-categorie .search-result .search-article:hover {
  background-color: #d7e6e1;
}
[id=blog_page_list] .filtre-categorie .search-result .search-article i {
  margin-right: 1em;
}
[id=blog_page_list] .filtre-categorie .search-result .search-article span {
  padding-left: 0.2em;
}
[id=blog_page_list] .filtre-categorie .search-result .search-article .highlight-interest {
  padding: 0;
  color: #ff4115;
}
[id=blog_page_list] .filtre-categorie .search-result .search-article .theme {
  display: block;
  margin-top: 0.5em;
  font-size: 0.7em;
}
[id=blog_page_list] .recent-articles-list {
  padding: 3em 8em 3em 8em;
  position: relative;
}
@media only screen and (max-width: 768px) {
  [id=blog_page_list] .recent-articles-list {
    padding: 1em 3em 3em 3em;
  }
}
[id=blog_page_list] .recent-articles-list .boxing {
  background-color: white;
  border-radius: 7px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  grid-template-rows: 45fr 20fr 10fr 25fr;
  height: 300px;
  padding: 0 0 1em 0;
  overflow-y: hidden;
}
@media only screen and (max-width: 1150px) {
  [id=blog_page_list] .recent-articles-list .boxing {
    max-height: 45vh;
  }
}
@media only screen and (max-width: 546px) {
  [id=blog_page_list] .recent-articles-list .boxing {
    height: 338px;
  }
}
[id=blog_page_list] .recent-articles-list .boxing .img {
  width: 100%;
  height: 115px;
  overflow: hidden;
}
@media only screen and (max-width: 546px) {
  [id=blog_page_list] .recent-articles-list .boxing .img {
    height: 65px;
  }
}
[id=blog_page_list] .recent-articles-list .boxing .img .card-img-top {
  transition: all 0.4s ease-in-out 0s;
}
[id=blog_page_list] .recent-articles-list .boxing .img .card-img-top:hover {
  opacity: 0.3;
}
[id=blog_page_list] .recent-articles-list .boxing .title-article {
  text-align: left;
  padding: 0 15px;
  color: #372D2D;
  font-size: 1.2em;
  font-family: Hind;
  font-weight: bold;
}
[id=blog_page_list] .recent-articles-list .boxing .title-article:hover {
  text-decoration: none;
  color: #D34618;
}
[id=blog_page_list] .recent-articles-list .boxing .title-article:hover:active {
  color: #D34618;
}
[id=blog_page_list] .recent-articles-list .boxing .icon {
  color: #D34618;
  padding-right: 5px;
}
[id=blog_page_list] .recent-articles-list .boxing i {
  font-size: 0.3em;
  padding: 0 2em;
}
[id=blog_page_list] .recent-articles-list .boxing span:not(.icon) {
  color: #D34618;
}
[id=blog_page_list] .recent-articles-list .boxing p.descr {
  font-size: 1.2rem;
  text-align: left;
  text-justify: auto;
  font-weight: normal;
  color: #372d2d;
  padding: 0 15px;
}
[id=blog_page_list] .recent-articles-list .boxing p.descr i {
  color: #D34618;
}
[id=blog_page_list] .recent-articles-list .boxing p.descr span {
  font-family: Nunito-L;
}
[id=blog_page_list] .recent-articles-list .boxing img {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
[id=blog_page_list] .recent-articles-header h2 {
  text-align: left;
}
[id=blog_page_list] .recent-articles-header .input-cadre {
  width: 100%;
}
[id=blog_page_list] .recent-articles-header input {
  border: 0;
  outline: 0;
  border-bottom: 1px solid black;
  background: transparent;
  height: 1.2em;
  width: 95%;
  font-size: 1.5em;
}
[id=blog_page_list] .recent-articles-header i {
  width: 5%;
}
[id=blog_page_list] .recent-articles-list,
[id=blog_page_list] .categories,
[id=blog_page_list] .newsletter,
[id=blog_page_list] .filtre-categorie,
[id=blog_page_list] #news-img {
  position: relative;
}
[id=blog_page_list] .recent-articles-list .right-article,
[id=blog_page_list] .categories .right-article,
[id=blog_page_list] .newsletter .right-article,
[id=blog_page_list] .filtre-categorie .right-article,
[id=blog_page_list] #news-img .right-article {
  padding-left: 0.5em;
}
[id=blog_page_list] .recent-articles-list .left-article h3:hover,
[id=blog_page_list] .recent-articles-list .right-article h3:hover,
[id=blog_page_list] .recent-articles-list .middle-article h3:hover,
[id=blog_page_list] .categories .left-article h3:hover,
[id=blog_page_list] .categories .right-article h3:hover,
[id=blog_page_list] .categories .middle-article h3:hover,
[id=blog_page_list] .newsletter .left-article h3:hover,
[id=blog_page_list] .newsletter .right-article h3:hover,
[id=blog_page_list] .newsletter .middle-article h3:hover,
[id=blog_page_list] .filtre-categorie .left-article h3:hover,
[id=blog_page_list] .filtre-categorie .right-article h3:hover,
[id=blog_page_list] .filtre-categorie .middle-article h3:hover,
[id=blog_page_list] #news-img .left-article h3:hover,
[id=blog_page_list] #news-img .right-article h3:hover,
[id=blog_page_list] #news-img .middle-article h3:hover {
  text-decoration: underline;
}
[id=blog_page_list] .recent-articles-list img,
[id=blog_page_list] .categories img,
[id=blog_page_list] .newsletter img,
[id=blog_page_list] .filtre-categorie img,
[id=blog_page_list] #news-img img {
  max-width: 100%;
  margin-top: 1em;
  display: block;
  margin: 0 auto;
}
[id=blog_page_list] .categories-article .hide {
  display: none;
}
[id=blog_page_list] .categories-article .prev,
[id=blog_page_list] .categories-article .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #147882;
  font-weight: bold;
  font-size: 3em;
  transition: 0.6s ease;
  user-select: none;
}
[id=blog_page_list] .categories-article .next {
  right: -1em;
}
[id=blog_page_list] .categories-article .prev {
  left: -1em;
}
@media screen and (max-width: 992px) {
  [id=blog_page_list] .categories-article .prev,
  [id=blog_page_list] .categories-article .next {
    position: relative;
    width: 50%;
    display: inline-block;
    margin: 0 auto;
  }
  [id=blog_page_list] .categories-article .prev {
    text-align: right;
  }
}
[id=blog_page_list] .categories-article .fade {
  opacity: 1;
  animation-name: fade;
  animation-duration: 1s;
}
@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
[id=blog_page_list] .categories-article .categorie-block {
  margin-top: 5em;
}
[id=blog_page_list] #news-img,
[id=blog_page_list] #account,
[id=blog_page_list] .newsletter {
  background-color: #F0F5F5;
}
[id=blog_page_list] #news-img .container,
[id=blog_page_list] #account .container,
[id=blog_page_list] .newsletter .container {
  margin-top: 0;
}
[id=blog_page_list] #news-img .news,
[id=blog_page_list] #account .news,
[id=blog_page_list] .newsletter .news {
  margin-top: 0;
}
@media screen and (max-width: 1200px) {
  [id=blog_page_list] #news-img,
  [id=blog_page_list] #account,
  [id=blog_page_list] .newsletter {
    width: auto;
  }
}
@media screen and (max-width: 546px) {
  [id=blog_page_list] #news-img,
  [id=blog_page_list] #account,
  [id=blog_page_list] .newsletter {
    margin-right: 0em;
    margin-left: 0em;
    width: 100%;
  }
  [id=blog_page_list] #news-img button,
  [id=blog_page_list] #account button,
  [id=blog_page_list] .newsletter button {
    margin-top: 1em;
  }
}
[id=blog_page_list] #news-txt .news {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  color: #372D2D;
  margin: 20px auto;
  height: 70px;
}
[id=blog_page_list] #news-txt p {
  font-size: 1em;
  opacity: 0.7;
}
[id=blog_page_list] #news-txt .btn-news {
  margin-top: 10px;
}
[id=blog_page_list] #news-img {
  background-color: #F0F5F5;
}
[id=blog_page_list] #news-img .news {
  padding: 2em 8em;
  grid-template-columns: 60fr 40fr;
}
@media screen and (max-width: 768px) {
  [id=blog_page_list] #news-img .news {
    grid-template-columns: 1fr;
    padding: 1em;
  }
}
[id=blog_page_list] #news-img .news h2 {
  color: #147882;
  font-size: 2em;
  text-align: left;
}
[id=blog_page_list] #news-img .news p {
  font-size: 1.3em;
  color: #372D2D;
}
[id=blog_page_list] #news-img .news .grid-right {
  grid-template-columns: 70fr 30fr;
}
@media screen and (max-width: 480px) {
  [id=blog_page_list] #news-img .news .grid-right {
    grid-template-columns: 1fr;
  }
  [id=blog_page_list] #news-img .news .grid-right .btn-reg button {
    margin: 0;
  }
}
[id=blog_page_list] #news-img #news_mail {
  font-size: 1.2em;
}
[id=blog_page_list] #news-img .condition {
  grid-template-columns: 5fr 95fr;
}
@media screen and (max-width: 546px) {
  [id=blog_page_list] #news-img .condition {
    grid-template-columns: 8fr 92fr;
    column-gap: 0;
  }
}
[id=blog_page_list] #news-img .condition label {
  font-size: 1em;
  font-family: Nunito-L;
}
[id=blog_page_list] #news-img .condition span {
  font-weight: 100;
  font-family: Nunito-L;
}
[id=blog_page_list] #account {
  background-color: #F0F5F5;
}
[id=blog_page_list] #account .section-create {
  text-align: center;
  padding: 3em 0;
}
[id=blog_page_list] #account img {
  width: 230px;
}
[id=blog_page_list] #account p {
  font-size: 1.7em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  [id=blog_page_list] #account p {
    font-size: 1.4em;
    padding: 0 2.5em;
  }
}

[id=blog_page_article] .section-article {
  grid-template-columns: repeat(auto-fit, minmax(min(50em, 100%), 70em));
  word-break: break-word;
  justify-content: center;
}
@media screen and (max-width: 992px) {
  [id=blog_page_article] .section-article {
    grid-template-columns: repeat(auto-fit, minmax(min(50em, 100%), 50em));
  }
}
@media screen and (max-width: 678px) {
  [id=blog_page_article] .section-article {
    grid-template-columns: repeat(auto-fit, minmax(min(50em, 100%), 30em));
  }
}
@media screen and (max-width: 442px) {
  [id=blog_page_article] .section-article {
    grid-template-columns: repeat(auto-fit, minmax(min(50em, 100%), 20em));
  }
}
[id=blog_page_article] .page-article {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3em;
  padding-bottom: 3em;
}
@media screen and (max-width: 992px) {
  [id=blog_page_article] .page-article {
    width: 90%;
  }
}
[id=blog_page_article] .summarize {
  text-align: left;
  font-weight: 500;
  font-size: 1.5em;
}
[id=blog_page_article] img {
  width: 100%;
  max-width: 100%;
}
[id=blog_page_article] .img-title {
  display: block;
  margin: auto;
  padding: 2em 0;
}
[id=blog_page_article] .no-margin {
  margin-bottom: 0em;
}
[id=blog_page_article] .center-content {
  display: block;
  margin: 0 auto;
}
[id=blog_page_article] .social-footer-article {
  background-color: #F0F5F5;
  border-radius: 7px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  color: #372D2D;
  padding: 4em 2em;
  margin: 2em 0;
}
[id=blog_page_article] .social-footer-article h2 {
  text-align: center;
  font-size: 1.3em;
  font-family: Nunito-L;
  font-weight: 100;
}
[id=blog_page_article] p:has(> iframe) {
  text-align: center;
}
[id=blog_page_article] .note-video-clip {
  width: 640px;
  height: 360px;
}
@media screen and (max-width: 768px) {
  [id=blog_page_article] .note-video-clip {
    width: 350px;
    height: 230px;
  }
}
[id=blog_page_article] p.credit {
  margin-bottom: 3em;
}
[id=blog_page_article] a {
  color: #147882;
}
[id=blog_page_article] a:hover {
  color: #D34618;
}
[id=blog_page_article] .like-count {
  color: #000000;
  margin-right: 0.3em;
}
[id=blog_page_article] .social-network {
  text-align: center;
  color: white;
}
[id=blog_page_article] .social-network a {
  color: #ffffff;
}
[id=blog_page_article] .social-network .jssocials-shares {
  display: grid;
  column-gap: 1em;
  row-gap: 1em;
  justify-items: stretch;
  align-items: stretch;
  justify-content: stretch;
  align-content: stretch;
  grid-auto-flow: column;
}
[id=blog_page_article] .social-network .jssocials-shares .jssocials-share {
  margin: 0;
  justify-self: center;
  align-self: center;
}
[id=blog_page_article] .social-network .jssocials-share-link {
  border-radius: 50%;
  border: none;
}
[id=blog_page_article] .social-network .jssocials-share-heart a {
  user-select: none;
  color: rgb(176, 44, 44);
}
[id=blog_page_article] .social-network .jssocials-share-heart a:hover {
  color: rgba(176, 44, 44, 0.8);
}
[id=blog_page_article] #footer-article-liste {
  background-color: #84B2AA;
  justify-items: center;
  padding: 4em;
}
[id=blog_page_article] #footer-article-liste .recent-articles-list {
  position: relative;
}
[id=blog_page_article] #footer-article-liste .recent-articles-list .boxing {
  background-color: #f0f5f5;
  border-radius: 7px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  height: 11em;
}
[id=blog_page_article] #footer-article-liste .recent-articles-list .boxing .card-img-top {
  transition: all 0.4s ease-in-out 0s;
}
[id=blog_page_article] #footer-article-liste .recent-articles-list .boxing .card-img-top:hover {
  opacity: 0.3;
}
[id=blog_page_article] #footer-article-liste .recent-articles-list .boxing a {
  color: #372D2D;
}
[id=blog_page_article] #footer-article-liste .recent-articles-list .boxing a:hover {
  text-decoration: none;
  color: #D34618;
}
[id=blog_page_article] #footer-article-liste .recent-articles-list .boxing a p {
  padding: 10px 20px;
  font-size: 1.3rem;
  text-align: center;
}
[id=blog_page_article] #footer-article-liste .recent-articles-list .boxing img {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
[id=blog_page_article] #footer-article-liste .recent-articles-list .boxing.spinner-align {
  display: flex;
  align-items: center;
  justify-content: center;
}
[id=blog_page_article] footer {
  margin-right: -11em;
  margin-left: -11em;
  margin-top: 5em;
}
[id=blog_page_article] footer .about-geneafinder p {
  font-size: 1em;
  text-align: left;
}
[id=blog_page_article] footer .recommand-list {
  margin-bottom: 1em;
}
[id=blog_page_article] footer .recommand-list .right-article {
  padding-left: 0.5em;
}
[id=blog_page_article] footer .recommand-list .middle-article,
[id=blog_page_article] footer .recommand-list .left-article,
[id=blog_page_article] footer .recommand-list .right-article {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
[id=blog_page_article] footer .recommand-list .left-article {
  cursor: pointer;
}
[id=blog_page_article] footer .recommand-list .left-article h3:hover {
  text-decoration: underline;
}
[id=blog_page_article] footer .recommand-list img {
  width: 100%;
  height: 10em;
  margin-top: 1em;
}
[id=blog_page_article] table {
  font-size: 1.3em;
  border-radius: 10px;
  border-radius: 15px;
  word-wrap: break-word;
}
[id=blog_page_article] table thead tr {
  background-color: #147882;
  color: #ffffff;
  padding: 2px;
  font-size: 1em;
}
[id=blog_page_article] table thead tr th {
  position: relative;
  padding-left: 5px;
  cursor: pointer;
  font-weight: 400;
}
[id=blog_page_article] table thead tr th:first-letter {
  text-transform: uppercase;
}
[id=blog_page_article] table thead tr span.glyphicon-sort {
  color: #ffffff;
  font-size: 0.6em;
  padding-top: 0.7em;
  float: right;
}
[id=blog_page_article] table tbody {
  font-size: 1.3em;
}
[id=blog_page_article] table tbody td {
  font-size: 1.3em;
}
[id=blog_page_article] table tbody tr {
  position: relative;
  cursor: pointer;
  padding: 5px;
  color: #252225;
}
[id=blog_page_article] table tbody tr:nth-child(odd) {
  background-color: #eff0f3;
}
[id=blog_page_article] table tbody tr:nth-child(even) {
  background-color: #ffffff;
}
[id=blog_page_article] table tbody tr:hover {
  background: #c7d4e0;
}
[id=blog_page_article] table tbody tr a {
  left: 0;
  color: #252225;
  display: block;
  height: 100%;
  width: 100%;
}
[id=blog_page_article] table tbody tr td:first-letter {
  text-transform: capitalize;
}
[id=blog_page_article] .slideshow {
  margin-bottom: 1em;
}

#squarespaceModal input[type=email] {
  width: 50%;
  font-size: 1.5em;
}
#squarespaceModal .enigme {
  margin-top: 1.2em;
  margin-bottom: 1.2em;
  text-align: center;
}
#squarespaceModal strong {
  font-weight: 900;
  color: #372D2D;
}
#squarespaceModal .input-row {
  margin-top: 1em;
}
#squarespaceModal .input-row .easter-green {
  width: 100%;
  font-size: 1.5em;
  color: #ffffff;
  background-color: #147882;
}
#squarespaceModal .input-row .easter-green:hover {
  color: rgb(20, 120, 130);
  background-color: #d4e6f6;
}
#squarespaceModal .input-row .easter-red {
  width: 100%;
  font-size: 1.5em;
  color: #ffffff;
  background-color: #d34618;
}
#squarespaceModal .input-row .easter-red:hover {
  color: #147882;
  background-color: #fca758;
}
#squarespaceModal img {
  width: 100%;
  border-radius: 6px;
}

.easter_egg {
  cursor: pointer;
}

.chat_window {
  position: fixed;
  z-index: 9999;
  transition: 0.5;
  left: 0;
  right: 0;
  height: auto;
}
.chat_window div,
.chat_window a,
.chat_window p,
.chat_window button,
.chat_window textarea,
.chat_window i {
  margin: 0;
}
.chat_window.closed {
  width: 5em;
  bottom: 5vh;
}
.chat_window.closed #actionShowHide {
  border-bottom-right-radius: 1em;
  border-top-right-radius: 1em;
}
.chat_window.opened {
  width: 20vw;
  bottom: 0;
  border-radius: 1em 1em 0 0;
  -webkit-box-shadow: 0px 3px 13px 4px rgba(163, 146, 163, 0.69);
  -moz-box-shadow: 0px 3px 13px 4px rgba(163, 146, 163, 0.69);
  box-shadow: 0px 3px 13px 4px rgba(163, 146, 163, 0.69);
}
@media screen and (max-width: 1200px) {
  .chat_window.opened {
    width: 35vw;
  }
}
@media screen and (max-width: 768px) {
  .chat_window.opened {
    width: 65vw;
  }
}
@media screen and (max-width: 546px) {
  .chat_window.opened {
    width: 100vw;
  }
}
.chat_window #actionShowHide {
  padding: 0;
  height: 3em;
  cursor: pointer;
  background-color: rgb(20, 120, 130);
  border-top-right-radius: 5px;
}
.chat_window #actionShowHide:hover {
  background-color: #D34618;
}
.chat_window #actionShowHide i {
  font-size: 2em;
  color: white;
}
.chat_window .after_top_window {
  height: 50vh;
  background-color: white;
  grid-template-rows: 5fr 65fr 20fr 10fr;
  padding: 0 0.5em 0 0.5em;
  margin-bottom: 0.5em;
}
.chat_window .after_top_window #zone_chat {
  overflow-y: auto;
  white-space: pre-wrap;
  font-size: 0.8em;
}
.chat_window .after_top_window #zone_chat .right-message {
  width: 75%;
  word-wrap: break-word;
  background-color: rgba(230, 80, 30, 0.2);
  border-radius: 10px 0px 10px 10px;
}
.chat_window .after_top_window #zone_chat .left-message {
  width: 75%;
  word-wrap: break-word;
  background-color: rgb(185, 230, 230);
  border-radius: 0px 10px 10px 10px;
}
.chat_window .after_top_window #zone_chat .right-header {
  text-align: right;
  padding-right: 10px;
  color: rgba(230, 80, 30, 0.7);
  font-size: 0.7em;
}
.chat_window .after_top_window #zone_chat .left-header {
  text-align: left;
  color: #84B2AA;
  padding-left: 10px;
  color: rgba(20, 120, 130, 0.7);
  font-size: 0.7em;
}
.chat_window .after_top_window textarea {
  resize: none;
  font-size: 1em;
}
.chat_window .after_top_window #message-skip {
  text-align: center;
}
.chat_window .after_top_window #message-skip i {
  cursor: pointer;
  font-size: 1.5em;
  color: #147882;
}
.chat_window .after_top_window #message-skip i:hover {
  color: #d4e6f6;
}

.room.new-message {
  animation-duration: 2s;
  animation-name: clignoter;
  animation-iteration-count: infinite;
  padding: 0.3em 0.5em;
  border-radius: 0.3em;
}

#header-message {
  padding: 0.5em;
  border-radius: 0.5em;
}

#header-message.new-message {
  animation-duration: 2s;
  animation-name: clignoter;
  animation-iteration-count: infinite;
}

.room .btn_connection_status.connected {
  background-color: #147882;
}
.room .btn_connection_status {
  position: absolute;
  right: 0px;
  top: 0;
  margin: 0.8em 0.5em auto auto;
  height: 1.5em;
  width: 1.5em;
  z-index: 3;
  border-radius: 45px;
  background-color: #c6240e;
}

@keyframes clignoter {
  0% {
    background-color: rgba(230, 80, 30, 0);
  }
  10% {
    background-color: rgba(230, 80, 30, 0.1);
  }
  20% {
    background-color: rgba(230, 80, 30, 0.2);
  }
  30% {
    background-color: rgba(230, 80, 30, 0.3);
  }
  40% {
    background-color: rgba(230, 80, 30, 0.4);
  }
  50% {
    background-color: rgba(230, 80, 30, 0.5);
  }
  60% {
    background-color: rgba(230, 80, 30, 0.4);
  }
  70% {
    background-color: rgba(230, 80, 30, 0.3);
  }
  80% {
    background-color: rgba(230, 80, 30, 0.2);
  }
  90% {
    background-color: rgba(230, 80, 30, 0.1);
  }
  100% {
    background-color: rgba(230, 80, 30, 0);
  }
}
#chat_page .section-messaging {
  grid-template-columns: 30fr 70fr;
  grid-template-rows: 60vh;
}
@media screen and (max-width: 546px) {
  #chat_page .section-messaging {
    grid-template-columns: 1fr;
  }
}
#chat_page #userlist {
  position: relative;
  overflow-y: auto;
  max-height: 100%;
}
#chat_page #userlist .room:hover {
  background-color: rgba(252, 167, 88, 0.5);
}
#chat_page #userlist .room.active {
  background-color: rgba(252, 167, 88, 0.5);
}
#chat_page #userlist .btn_conversation_statut, #chat_page #userlist .btn_connection_status {
  position: absolute;
  right: 0;
  top: 0;
  margin: 8px;
  height: 1em;
  width: 1em;
  z-index: 3;
  border-radius: 45px;
  background-color: #c6240e;
}
#chat_page #userlist .connected {
  background-color: #147882;
}
#chat_page #list_client {
  position: relative;
}
#chat_page #list_client .chat-left {
  height: 100%;
  max-height: 100%;
  grid-template-rows: 10fr 90fr;
}
#chat_page #list_client .chat-left .item {
  padding-top: 1em;
  padding-left: 1em;
}
#chat_page .zone-chating {
  height: 100%;
  max-height: 100%;
  grid-template-rows: 10fr 80fr 10fr;
  overflow-y: hidden;
}
#chat_page .zone-chating .chat-center-bottom {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding-top: 5px;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.2);
  grid-template-columns: 80fr auto;
}
#chat_page .zone-chating .chat-center-bottom textarea {
  height: 7vh;
  resize: none;
  width: 100%;
  border-radius: 0.5em;
  border: 2px solid #ffffff;
  background-color: #f2f2f2;
  outline: none;
  overflow: hidden;
  font-size: 1em;
}
#chat_page .zone-chating .chat-center-bottom .btn-send {
  padding: 10px;
  font-size: 1.3em;
  color: #147882;
  cursor: pointer;
}
#chat_page .zone-chating .chat-center-bottom .btn-send:hover {
  color: #147882;
  opacity: 0.5;
}
#chat_page .zone-chating .chat-center-bottom form {
  position: relative;
}
#chat_page .zone-chating #zone-chat-container {
  position: relative;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
#chat_page .zone-chating #zone-chat-container p::first-letter {
  text-transform: none;
}
#chat_page .zone-chating #zone_chat {
  position: relative;
  padding: 1em;
}
#chat_page .zone-chating #zone_chat .avatar span:first-child {
  margin-right: 10px;
}
#chat_page .zone-chating #zone_chat .text-wrapper span {
  position: absolute;
  bottom: 3px;
  right: 6px;
  font-size: 0.7em;
  color: #999999;
}
#chat_page .zone-chating #zone_chat .message {
  padding: 0.5em;
  width: 60%;
}
#chat_page .zone-chating #zone_chat .message .message-date {
  padding: 0 0 0 1em;
  font-size: 0.8em;
  color: #595959;
}
#chat_page .zone-chating #zone_chat .left {
  justify-self: start;
}
#chat_page .zone-chating #zone_chat .right {
  justify-self: end;
}
#chat_page .zone-chating #zone_chat .right .name {
  text-align: end;
}
#chat_page .zone-chating #zone_chat .text-wrapper {
  padding: 0.5em !important;
  margin: 0;
}
#chat_page .zone-chating #zone_chat .text-wrapper.left {
  float: left;
  background-color: rgba(230, 80, 30, 0.2);
  border-radius: 0px 10px 10px 10px;
}
#chat_page .zone-chating #zone_chat .text-wrapper.right {
  float: right;
  background-color: rgba(20, 120, 130, 0.2);
  border-radius: 10px 0px 10px 10px;
}

@media screen and (max-width: 546px) {
  #chat_page {
    margin-top: 8em;
  }
}
#chat_page .section .section-messaging h2 {
  font-size: 1.5em;
}
#chat_page .section .section-messaging .zone-list .chat-left {
  overflow-x: hidden;
  margin: 0.5em 0.5em 1em 0.5em;
  border-radius: 10px;
  padding: 0.5em;
  background-color: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  color: #372D2D;
}
#chat_page .section .section-messaging .zone-list .chat-left #search_bar span {
  width: 90%;
  display: block;
  margin: 1em auto;
  border-radius: 20px;
  background-color: #ececec;
  padding: 0 10px;
}
#chat_page .section .section-messaging .zone-list .chat-left #search_bar span i {
  color: #999999;
}
#chat_page .section .section-messaging .zone-list .chat-left #search_bar span input {
  background-color: #ececec;
}
#chat_page .section .section-messaging .zone-list .chat-left #userlist {
  padding: 10px 20px;
}
#chat_page .section .section-messaging .zone-list .chat-left #userlist .service {
  font-size: 1em;
  font-weight: bold;
  color: #147882;
}
#chat_page .section .section-messaging .zone-list .chat-left #userlist .service h2 {
  text-align: left;
  font-size: 1.3em;
}
#chat_page .section .section-messaging .zone-list .chat-left #userlist .service p:not(:first-child) {
  border-top: 1px solid #ececec;
  padding-top: 20px;
}
#chat_page .section .section-messaging .zone-list .chat-left #userlist .selected {
  border-color: #ffffff !important;
  background-color: rgba(47, 185, 202, 0.1) !important;
  color: #147882 !important;
}
#chat_page .section .section-messaging .zone-list .chat-left #userlist .room {
  position: relative;
  margin-bottom: 10px;
  border-radius: 10px;
  padding: 5px 10px;
  color: rgb(120, 120, 120);
  cursor: pointer;
}
#chat_page .section .section-messaging .zone-list .chat-left #userlist .room:hover {
  background-color: #ffffff;
  color: #D34618;
}
#chat_page .section .section-messaging .zone-chating {
  overflow-x: hidden;
  margin: 0.5em 0.5em 1em 0.5em;
  border-radius: 10px;
  padding: 0.5em;
  background-color: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
#chat_page .section .section-messaging .zone-chating .item {
  padding: 1em 0 0 1em;
}
#chat_page #chat-titl {
  margin: 2em auto 0.5em auto;
  color: rgb(240, 126, 7);
}
#chat_page .chat-left .online {
  min-height: 15px;
  min-width: 50px;
  max-width: 50px;
  position: absolute;
  left: 0;
  background: #147882;
  padding: 1px;
}
#chat_page .chat-left [id=room_by_status] {
  overflow-y: auto;
  height: 450px;
}
#chat_page .chat-left [id=room_by_status] .resolved,
#chat_page .chat-left [id=room_by_status] .unread,
#chat_page .chat-left [id=room_by_status] .all_messages {
  display: none;
}
#chat_page .chat-left .room strong {
  font-style: normal;
  display: block;
}
#chat_page .chat-left .room i {
  margin-right: 1em;
}
#chat_page .chat-left .room-focus {
  background-color: #9addf7;
}
#chat_page .chat-left .room-focus:hover {
  background-color: #9addf7;
}
#chat_page .chat-left .rool-row {
  overflow-y: auto;
  margin-right: 0;
  margin-left: 0;
}
#chat_page .chat-left .rool-row .room.flash {
  animation: flashing 2s linear infinite;
}
#chat_page .chat-center {
  margin-top: 2em;
}
#chat_page .chat-center .chat-center-bottom {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding-top: 5px;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.2);
  grid-template-columns: 80fr auto;
}
#chat_page .chat-center .chat-center-bottom textarea {
  height: 7vh;
  resize: none;
  padding: 1em;
  width: 100%;
  border-radius: 0.5em;
  border: 2px solid #ffffff;
  background-color: #f2f2f2;
  outline: none;
  overflow: hidden;
  font-size: 1em;
}
#chat_page .chat-center .chat-center-bottom .btn-send {
  padding: 10px;
  font-size: 1.3em;
  color: #147882;
  cursor: pointer;
}
#chat_page .chat-center .chat-center-bottom .btn-send:hover {
  color: #147882;
  opacity: 0.5;
}
#chat_page .chat-center .chat-center-bottom form {
  position: relative;
}
#chat_page .chat-center .chat-center-top {
  position: relative;
  border-radius: 10px;
  overflow-y: scroll;
  height: 45vh;
  scrollbar-width: thin;
}
@media screen and (max-width: 768px) {
  #chat_page .chat-center .chat-center-top {
    height: 35vh;
  }
}
#chat_page .chat-center .chat-center-top #warnusage {
  padding: 1em;
  font-size: 1em;
  opacity: 0.5;
}
#chat_page .chat-center .chat-center-top .message.left_person {
  background-color: rgba(240, 126, 7, 0.05);
  margin: 20px;
  width: 50%;
  float: left;
  border-radius: 0px 0px 10px 10px;
  padding: 10px 20px;
  position: relative;
}
#chat_page .chat-center .chat-center-top .message.left_person span {
  margin: 0;
  bottom: 5px;
  right: 10px;
  color: rgba(153, 153, 153, 0.6784313725);
}
#chat_page .chat-center .chat-center-top .message.right_person {
  background-color: rgba(47, 185, 202, 0.07);
  margin: 20px;
  width: 50%;
  float: right;
  border-radius: 0px 0px 10px 10px;
  padding: 10px 20px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #chat_page .chat-center .chat-center-top .message.right_person {
    width: 80%;
  }
}
#chat_page .chat-center .chat-center-top .message.right_person p {
  word-wrap: break-word;
  line-height: 22px;
  color: #147882;
}
#chat_page .chat-center .chat-center-top .name {
  color: #999999;
  position: absolute;
  left: 0;
  top: -15px;
  font-size: 0.8em;
}
#chat_page .chat-center .chat-center-top .name strong {
  color: #999999;
}
#chat_page .chat-center .chat-center-top #message_accueil {
  margin: auto;
  text-align: center;
  color: #6ac1a3;
  font-size: 3em;
}
#chat_page .chat-center #formulaire_chat_admin {
  display: none;
  position: relative;
}
#chat_page .chat-center #formulaire_chat_admin .typing {
  top: -25px;
  position: absolute;
}
#chat_page .chat-center #formulaire_chat_admin [id=message] {
  padding-bottom: 10px;
}
#chat_page #zone_chat .avatar span:first-child {
  margin-right: 10px;
}
#chat_page #zone_chat .text-wrapper span {
  position: absolute;
  bottom: 3px;
  right: 6px;
  font-size: 0.7em;
  color: #999999;
}
#chat_page .chat_notification {
  position: absolute;
  bottom: 10px;
  width: 200px;
  height: 30px;
  background: #c6240e;
  left: 20px;
}

#room-not-found {
  font-size: 40px;
  text-align: center;
  color: #ffffff;
  width: 100%;
  margin: 0 auto;
}

@keyframes flashing {
  0% {
    background: rgba(255, 145, 0, 0.1);
  }
  25% {
    background: rgba(255, 145, 0, 0.5);
  }
  50% {
    background: rgb(255, 145, 0);
  }
  75% {
    background: rgba(255, 145, 0, 0.5);
  }
  100% {
    background: rgba(255, 145, 0, 0.1);
  }
}
#coherence {
  font-family: sans-serif;
}
@media screen and (min-width: 1480px) {
  #coherence .section {
    width: 80%;
  }
}
@media screen and (max-width: 1140px) {
  #coherence .section {
    width: 100%;
  }
}
#coherence .container {
  width: 100%;
}
#coherence #reload-date-error {
  float: right;
}
#coherence #export-date-pdf,
#coherence #export-date-error {
  margin: 0 auto;
}
@media screen and (max-width: 567px) {
  #coherence .btn-header-list {
    margin-left: -20px;
  }
}
#coherence #table_ano_header .btn-header {
  display: block;
  margin: 0 auto;
  font-weight: 400;
  text-align: center;
  border-radius: 5px;
  color: white;
  background-color: #D34618;
  border: 2px solid #D34618;
  transition-duration: 0.07s;
}
#coherence #table_ano_header .btn-header i {
  margin-right: 0.5em;
}
#coherence #table_ano_header .btn-header:hover {
  color: #D34618;
  background-color: white;
  border: 2px solid #D34618;
  transition-duration: 0.07s;
}
#coherence #table_ano_header #reload-date-error {
  float: right;
}
#coherence #table_ano_header #export-date-pdf,
#coherence #table_ano_header #export-date-error {
  margin: 0 auto;
}
#coherence #table_ano_header #archive-button {
  float: left;
}
#coherence .tooltip.top .tooltip-inner {
  background-color: red;
}
#coherence .tooltip.top .tooltip-arrow {
  border-top-color: red;
}
#coherence .tooltip {
  background-color: #f00 !important;
  color: #f00;
}
#coherence .archive-div {
  display: inline-block;
  float: right;
  margin-left: 1em;
}
#coherence .export-date {
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  padding: 5px 20px;
  border-radius: 7px;
  background-color: #d34618;
  border: 2px solid #d34618;
  color: white;
  transition: 0.3s;
}
#coherence .export-date:hover {
  background-color: white;
  color: #d34618;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  #coherence .export-date {
    width: 100%;
  }
}
@media screen and (max-width: 567px) {
  #coherence .export-date {
    width: 50%;
  }
}
@media screen and (max-width: 420px) {
  #coherence .export-date {
    width: 100%;
  }
}
#coherence .export-date span {
  padding: 10px;
}
#coherence #table_date {
  display: grid;
  position: relative;
}
#coherence #table_date .export {
  display: inline-block;
  float: right;
}
#coherence #table_date .btn_pdf h3 {
  position: absolute;
  left: 0;
  top: 0;
  margin: 5px;
  text-align: left;
}
@media screen and (max-width: 500px) {
  #coherence #table_date .btn_pdf h3 {
    right: 0;
  }
}
#coherence .table-container {
  overflow-x: auto;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
  border-radius: 7px;
}
#coherence #btnPdf {
  margin-bottom: 10px;
  font-weight: 400;
  text-align: center;
  border-radius: 5px;
  color: #D34618;
  background-color: white;
  border: 2px solid #D34618;
  transition-duration: 0.07s;
}
#coherence #btnPdf i span {
  padding-left: 20px;
  font-family: sans-serif;
}
#coherence #btnPdf:hover {
  color: white;
  background-color: #D34618;
  border: 2px solid #D34618;
  transition-duration: 0.07s;
}
#coherence .table {
  font-size: 1em;
  font-family: sans-serif;
  border-collapse: collapse;
  border-radius: 0.5em;
  overflow: hidden;
}
#coherence #table_ano_person {
  padding-top: 100px;
  padding-bottom: 100px;
}
#coherence #table_ano_person .cadre_error {
  border-bottom: 1.5px solid rgba(158, 158, 158, 0.5);
}
#coherence #table_ano_person .cadre_error a {
  color: #147882;
  font-weight: bold;
}
#coherence #table_ano_person .cadre_error a:hover {
  color: #d34618;
}
#coherence #table_ano_person .cadre_error p {
  font-family: sans-serif;
  color: gray;
}
#coherence #table_ano_person .cadre_error span {
  font-family: sans-serif;
  font-weight: 400;
}
#coherence #table_ano_person .cadre_error h3 {
  font-size: 2rem;
  margin: 0;
  font-weight: 600;
}
#coherence #table_ano_person .cadre_error em {
  color: #fca758;
  margin-left: 10px;
}
#coherence #table_ano_person .cadre_error .txt {
  color: #372D2D;
  font-size: 1.5rem;
  font-weight: normal;
}
#coherence #table_ano_person .cadre_error input:not([type=button]) {
  border: 0;
  outline: none;
  margin: 0 10px;
  border-radius: 5px;
  width: 15%;
  text-align: center;
  padding: 7px;
  color: #147882;
  font-weight: bold;
  background-color: rgba(215, 230, 225, 0.3);
}
@media screen and (max-width: 767px) {
  #coherence #table_ano_person .cadre_error input:not([type=button]) {
    width: 45%;
    margin: 10px;
  }
}
#coherence #table_ano_person .cadre_error .saved,
#coherence #table_ano_person .cadre_error .unsaved {
  width: 20%;
  max-width: 100%;
  border: 0;
  outline: none;
  border-radius: 5px;
  text-align: center;
  padding: 5px;
  font-size: 0.9em;
}
@media screen and (max-width: 767px) {
  #coherence #table_ano_person .cadre_error .saved,
  #coherence #table_ano_person .cadre_error .unsaved {
    width: 45%;
    margin: 10px;
  }
}
#coherence #table_ano_person .cadre_error .saved {
  color: #ffffff;
  background-color: #147882;
}
#coherence #table_ano_person .cadre_error .saved:hover {
  background-color: transparent;
  border: 2px solid #147882;
  color: #147882;
}
#coherence #table_ano_person .cadre_error .unsaved {
  color: #ffffff;
  background-color: #d34618;
}
#coherence #table_ano_person .cadre_error .unsaved:hover {
  background-color: transparent;
  border: px solid #d34618;
  color: #d34618;
}
#coherence #table_ano_person .cadre_error select {
  text-align: center;
  padding: 7px;
  color: #147882;
  font-weight: bold;
  border-radius: 5px;
  border: 0;
  background-color: rgba(215, 230, 225, 0.3);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #coherence #table_ano_person .cadre_error select {
    margin: 0 10px;
  }
}
#coherence #table_ano_person .cadre_error .date_compare,
#coherence #table_ano_person .cadre_error .date_diff,
#coherence #table_ano_person .cadre_error .date,
#coherence #table_ano_person .cadre_error .plac {
  padding: 20px;
  border-radius: 7px;
  margin: 10px;
  background-color: white;
}
@media screen and (max-width: 567px) {
  #coherence #table_ano_person .cadre_error .date_compare,
  #coherence #table_ano_person .cadre_error .date_diff,
  #coherence #table_ano_person .cadre_error .date,
  #coherence #table_ano_person .cadre_error .plac {
    margin: 0px;
  }
}
#coherence #table_ano_person .cadre_error .date_compare .row {
  margin-bottom: 20px;
}
#coherence #table_ano_person .cadre_error .date_diff .row,
#coherence #table_ano_person .cadre_error .date .row {
  padding: 10px 0;
}
#coherence #table_ano_person .cadre_error .date_diff .zone_input,
#coherence #table_ano_person .cadre_error .date .zone_input {
  margin-bottom: 10px;
}
#coherence #table_ano_person .cadre_error .date .zone_input {
  text-align: center;
}
#coherence #table_ano_person .cadre_error .date input {
  width: 10%;
}
#coherence #table_ano_person .btnCoherence {
  width: 20%;
  margin: 0.5em auto;
  font-size: 1em;
  font-weight: 400;
  text-align: center;
  padding: 5px;
  border-radius: 7px;
  border: 2px solid #d34618;
  background-color: #d34618;
  color: white;
  transition: 0.3s;
}
#coherence #table_ano_person .btnCoherence:hover {
  transition: 0.3s;
  background-color: white;
  border: 2px solid #d34618;
  color: #d34618;
}
#coherence .panels {
  padding: 0 30px;
  display: none;
  overflow: hidden;
  background-color: rgba(215, 230, 225, 0.3);
}
#coherence .panels .error {
  border-left: 2px solid gray;
  padding: 30px 0px 30px 30px;
  margin-bottom: 20px;
}
#coherence .panels .error .btn_archive_error {
  display: block;
  margin-top: 0px;
  float: right;
}
@media screen and (max-width: 767px) {
  #coherence .panels .error .btn_archive_error {
    float: right;
    margin-right: -40px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 567px) {
  #coherence .panels .error .btn_archive_error {
    margin-top: -30px;
    float: left;
  }
}
#coherence .panels .error .btn_archive_error input {
  appearance: none;
  border: 0;
}
#coherence .panels .error .btn_archive_error .archived {
  background-color: #757575;
  color: white;
}
#coherence .panels .error .btn_archive_error .archived:hover {
  background-color: white;
  color: #D34618;
}
#coherence .panels .error .btn_archive_error .no-archived,
#coherence .panels .error .btn_archive_error .finish {
  background-color: #757575;
  color: white;
  border: 0;
  border-radius: 5px;
  padding: 5px 10px;
  font-size: 0.8em;
}
#coherence .panels .error .btn_archive_error .no-archived:hover,
#coherence .panels .error .btn_archive_error .finish:hover {
  border: 1px solid #757575;
  background-color: white;
  color: #757575;
}
#coherence .panels .error .btn_archive_error .no-archived i,
#coherence .panels .error .btn_archive_error .finish i {
  margin-right: 10px;
}
#coherence .panels .error .btn_save_fix {
  display: block;
  margin-top: 0px;
  transition: 0.5s;
  border-radius: 3px;
}
#coherence .panels .error .btn_save_fix label {
  cursor: pointer;
  border: 2px solid #d34618;
  border-radius: 3px;
  margin-bottom: 0;
  padding: 5px;
  color: #d34618;
}
#coherence .panels .error .btn_save_fix label:hover {
  background-color: #d34618;
  color: white;
  transition: 0.5s;
}
#coherence .panels .error .btn_save_fix input {
  appearance: none;
  border: 0;
}
#coherence .panels .error .btn_save_fix span {
  padding-left: 10px;
}
#coherence .panels .txt-pers {
  font-weight: bold;
  color: #372D2D !important;
}
@media screen and (max-width: 567px) {
  #coherence .panels .txt-pers {
    margin-top: 10px;
  }
}
@media screen and (min-width: 900px) {
  #coherence .panels .txt-corr {
    display: inline-block;
  }
}
#coherence .accordion:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  color: #777;
  font-size: 30px;
  float: right;
}
#coherence .accordion.active {
  background-color: rgba(215, 230, 225, 0.3);
}
#coherence .active:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f106";
}
#coherence .accordion {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  cursor: pointer;
  padding: 30px 10px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}
@media (max-width: 800px) {
  #coherence .accordion {
    padding: 20px 10px;
  }
}
#coherence .accordion:hover {
  background-color: rgba(215, 230, 225, 0.7);
}
#coherence .accordion input {
  vertical-align: middle;
  margin: 5px 10px 5px 0;
}
@media (max-width: 800px) {
  #coherence .accordion input input {
    margin: 10px 0;
  }
}
#coherence .accordion .cadre_titl,
#coherence .accordion .cadre_tip {
  flex-direction: column;
  align-items: start;
  display: flex;
}
@media screen and (min-width: 900px) {
  #coherence .accordion .cadre_titl,
  #coherence .accordion .cadre_tip {
    width: 600px;
  }
}
@media screen and (max-width: 567px) {
  #coherence .accordion .cadre_titl,
  #coherence .accordion .cadre_tip {
    max-width: 100%;
  }
}
@media screen and (max-width: 900px) {
  #coherence .accordion .cadre_tip {
    margin-right: 20px;
  }
}
#coherence .accordion .cadre_chevron {
  margin: 10px 0;
}
#coherence .accordion .cadre_symbol1 {
  color: #d34618;
  display: inline-block;
  font-size: 20px;
  margin-right: 10px;
}
@media screen and (max-width: 567px) {
  #coherence .accordion .cadre_symbol1 {
    display: none;
  }
}
#coherence .accordion .cadre_symbol2 {
  color: #fca758;
  display: inline-block;
  font-size: 15px;
  margin-right: 9px;
}
@media screen and (max-width: 567px) {
  #coherence .accordion .cadre_symbol2 {
    display: none;
  }
}
#coherence .accordion .cadre_symbol3 {
  color: #147882;
  display: inline-block;
  font-size: 20px;
  margin-right: 10px;
}
@media screen and (max-width: 567px) {
  #coherence .accordion .cadre_symbol3 {
    display: none;
  }
}
#coherence .accordion .cadre_titl_1 {
  color: #d34618;
}
#coherence .accordion .cadre_titl_2 {
  color: #fca758;
}
#coherence .accordion .cadre_titl_3 {
  color: #147882;
}
#coherence #coherence-main {
  grid-template-columns: 40fr 10fr 10fr 10fr 30fr;
  grid-template-areas: "count reload export . mode";
}
#coherence #coherence-main i,
#coherence #coherence-main span,
#coherence #coherence-main div,
#coherence #coherence-main p,
#coherence #coherence-main button {
  margin: 0;
}
#coherence #coherence-main .count-anomalies {
  grid-area: count;
}
#coherence #coherence-main .reload {
  grid-area: reload;
}
#coherence #coherence-main .export {
  grid-area: export;
}
#coherence #coherence-main .change-mode {
  grid-area: mode;
}
@media screen and (max-width: 1366px) {
  #coherence #coherence-main {
    grid-template-columns: 40fr 20fr 20fr 20fr;
    grid-template-areas: "count reload export mode";
  }
}
@media screen and (max-width: 1200px) {
  #coherence #coherence-main {
    grid-template-columns: 40fr 20fr 20fr 20fr;
    grid-template-areas: "count reload export mode";
  }
}
@media screen and (max-width: 992px) {
  #coherence #coherence-main {
    grid-template-columns: 40fr 30fr 30fr;
    grid-template-areas: "count . ." "reload export mode";
  }
}
@media screen and (max-width: 768px) {
  #coherence #coherence-main {
    grid-template-columns: 100fr;
    grid-template-areas: "count" "reload" "export" "mode";
  }
}
@media screen and (max-width: 546px) {
  #coherence #coherence-main {
    grid-template-columns: 100fr;
    grid-template-areas: "count" "reload" "export" "mode";
  }
}
#coherence #coherence-list {
  padding: 1em 0 0 0;
}
#coherence #coherence-list .cadre-error-container {
  border-bottom: 1.5px solid rgba(158, 158, 158, 0.5);
}
#coherence #coherence-list .cadre-error-header {
  cursor: pointer;
  -webkit-transition: background-color 0.4s linear;
  -ms-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
  grid-template-columns: 40fr 40fr 20fr;
  grid-template-areas: "title tip .";
  padding: 1em 1em 1em 1em;
}
#coherence #coherence-list .cadre-error-header p,
#coherence #coherence-list .cadre-error-header a,
#coherence #coherence-list .cadre-error-header button,
#coherence #coherence-list .cadre-error-header div,
#coherence #coherence-list .cadre-error-header span,
#coherence #coherence-list .cadre-error-header i,
#coherence #coherence-list .cadre-error-header h3,
#coherence #coherence-list .cadre-error-header input {
  margin: 0;
}
#coherence #coherence-list .cadre-error-header:hover {
  background-color: rgba(215, 230, 225, 0.3);
}
#coherence #coherence-list .cadre-error-header .garea-coherence-title {
  grid-area: title;
}
#coherence #coherence-list .cadre-error-header .garea-coherence-tip {
  grid-area: tip;
}
@media screen and (max-width: 1366px) {
  #coherence #coherence-list .cadre-error-header {
    grid-template-columns: 30fr 30fr auto;
    grid-template-areas: "title tip .";
  }
}
@media screen and (max-width: 1200px) {
  #coherence #coherence-list .cadre-error-header {
    grid-template-columns: 30fr 30fr auto;
    grid-template-areas: "title tip .";
  }
}
@media screen and (max-width: 992px) {
  #coherence #coherence-list .cadre-error-header {
    grid-template-columns: 30fr 30fr auto;
    grid-template-areas: "title tip .";
  }
}
@media screen and (max-width: 768px) {
  #coherence #coherence-list .cadre-error-header {
    grid-template-columns: 100fr;
    grid-template-areas: "title" "tip" ".";
  }
}
@media screen and (max-width: 546px) {
  #coherence #coherence-list .cadre-error-header {
    grid-template-columns: 100fr;
    grid-template-areas: "title" "tip" ".";
  }
}
#coherence #coherence-list .cadre-error-header .cadre-error-title-level-1 {
  color: #d34618;
}
#coherence #coherence-list .cadre-error-header .cadre-error-title-level-2 {
  color: #fca758;
}
#coherence #coherence-list .cadre-error-header .cadre-error-title-level-3 {
  color: #147882;
}
#coherence #coherence-list .cadre-error-header i {
  font-size: 1.8em;
}
#coherence #coherence-list .cadre-error-header:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f107";
  color: #777;
  font-size: 2em;
  text-align: center;
}
#coherence #coherence-list .cadre-error-header:hover {
  background-color: rgba(215, 230, 225, 0.7);
}
#coherence #coherence-list .cadre-error-header.active:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f106";
  color: #777;
  font-size: 30px;
  float: right;
}
#coherence #coherence-list .cadre-error-body {
  padding: 1em 2em 1em 2em;
  background-color: rgba(215, 230, 225, 0.2);
}
@media screen and (max-width: 992px) {
  #coherence #coherence-list .cadre-error-body {
    padding: 1em 2em 1em 0.5em;
  }
}
#coherence #coherence-list .cadre-error-item {
  padding: 1em;
  border-left: 2px solid grey;
}
#coherence #coherence-list .cadre-error-item a {
  color: #147882;
}
#coherence #coherence-list .cadre-error-item a:hover {
  color: #d34618;
}
#coherence #coherence-list .cadre-error-item p {
  color: gray;
}
#coherence #coherence-list .cadre-error-item span {
  font-weight: 400;
}
#coherence #coherence-list .cadre-error-item h3 {
  font-size: 2em;
}
#coherence #coherence-list .cadre-error-item .no-archived:hover {
  background-color: white;
  color: #757575;
  border: 1px solid white;
}
#coherence #coherence-list .cadre-error-item .archived:hover {
  background-color: #757575;
  color: white;
  border: 1px solid #757575;
}
#coherence #coherence-list .cadre-error-item p,
#coherence #coherence-list .cadre-error-item a,
#coherence #coherence-list .cadre-error-item button,
#coherence #coherence-list .cadre-error-item div,
#coherence #coherence-list .cadre-error-item span,
#coherence #coherence-list .cadre-error-item i,
#coherence #coherence-list .cadre-error-item h3,
#coherence #coherence-list .cadre-error-item input {
  margin: 0;
  width: 100%;
}
#coherence #coherence-list .cadre-error-container .garea-coherence-arch {
  grid-area: arch;
}
#coherence #coherence-list .cadre-error-container .garea-coherence-comp {
  grid-area: compar;
}
#coherence #coherence-list .cadre-error-container .garea_p1e1,
#coherence #coherence-list .cadre-error-container .garea_p1 {
  grid-area: p1;
}
#coherence #coherence-list .cadre-error-container .garea_p2e1,
#coherence #coherence-list .cadre-error-container .garea_p2,
#coherence #coherence-list .cadre-error-container .garea_p1e2 {
  grid-area: p2;
}
#coherence #coherence-list .cadre-error-container .garea_p1e1_input_day,
#coherence #coherence-list .cadre-error-container .garea_p1e1_input_client_date,
#coherence #coherence-list .cadre-error-container .garea_p1_field {
  grid-area: e1_1;
}
#coherence #coherence-list .cadre-error-container .garea_p1e1_input_month {
  grid-area: e1_2;
}
#coherence #coherence-list .cadre-error-container .garea_p1e1_input_year {
  grid-area: e1_3;
}
#coherence #coherence-list .cadre-error-container .garea_p1e2_input_day,
#coherence #coherence-list .cadre-error-container .garea_p1e2_input_client_date,
#coherence #coherence-list .cadre-error-container .garea_p2e1_input_day,
#coherence #coherence-list .cadre-error-container .garea_p2e1_input_client_date,
#coherence #coherence-list .cadre-error-container .garea_p2_field {
  grid-area: e2_1;
}
#coherence #coherence-list .cadre-error-container .garea_p1e2_input_month,
#coherence #coherence-list .cadre-error-container .garea_p2e1_input_month {
  grid-area: e2_2;
}
#coherence #coherence-list .cadre-error-container .garea_p1e2_input_year,
#coherence #coherence-list .cadre-error-container .garea_p2e1_input_year {
  grid-area: e2_3;
}
#coherence #coherence-list .cadre-error-container .garea-coherence-save {
  grid-area: save;
}
#coherence #coherence-list .cadre-error-container .garea-coherence-save .saved {
  color: #ffffff;
  background-color: #147882;
  border: 1px solid #147882;
}
#coherence #coherence-list .cadre-error-container .garea-coherence-save .saved:hover {
  background-color: transparent;
  border: 1px solid #147882;
  color: #147882;
}
#coherence #coherence-list .cadre-error-container .cadre-error-item {
  grid-template-columns: 60fr 10fr 10fr 10fr 10fr;
  grid-template-areas: "p1 . e1_1 e1_1 e1_1" "p2 . e2_1 e2_1 e2_1" ". . . arch save";
}
@media screen and (max-width: 992px) {
  #coherence #coherence-list .cadre-error-container .cadre-error-item {
    grid-template-columns: 33fr 34fr 33fr;
    grid-template-areas: "p1 p1 p1" "e1_1 e1_1 e1_1" "p2 p2 p2" "e2_1 e2_1 e2_1" ". arch save";
  }
}
@media screen and (max-width: 546px) {
  #coherence #coherence-list .cadre-error-container .cadre-error-item {
    grid-template-columns: 50fr 50fr;
    grid-template-areas: "p1 p1" "e1_1 e1_1" "p2 p2" "e2_1 e2_1" "arch save";
  }
}
#coherence #coherence-list #cadre_error_cohe_b_aft_parent_d .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_e_bef_b .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_e_aft_d .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_d_aft_limit .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_b_mult .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_b_aft_d .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_e_bef_d .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_d_mult .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_e_2year .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_b_bef_parent .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_b_bef_parent_limit .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_b_aft_parent_limit .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_m_date .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_age_partner .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_d_parent .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_m_mult .cadre-error-body .cadre-error-item {
  grid-template-columns: 40fr 7fr 13fr 10fr 10fr 10fr 10fr;
  grid-template-areas: "p1 e1_1 e1_1 e1_1 compar arch save" "p2 e2_1 e2_1 e2_1 compar arch save";
}
#coherence #coherence-list #cadre_error_cohe_b_aft_parent_d .cadre-error-body .cadre-error-item input[type=number],
#coherence #coherence-list #cadre_error_cohe_e_bef_b .cadre-error-body .cadre-error-item input[type=number],
#coherence #coherence-list #cadre_error_cohe_e_aft_d .cadre-error-body .cadre-error-item input[type=number],
#coherence #coherence-list #cadre_error_cohe_d_aft_limit .cadre-error-body .cadre-error-item input[type=number],
#coherence #coherence-list #cadre_error_cohe_b_mult .cadre-error-body .cadre-error-item input[type=number],
#coherence #coherence-list #cadre_error_cohe_b_aft_d .cadre-error-body .cadre-error-item input[type=number],
#coherence #coherence-list #cadre_error_cohe_e_bef_d .cadre-error-body .cadre-error-item input[type=number],
#coherence #coherence-list #cadre_error_cohe_d_mult .cadre-error-body .cadre-error-item input[type=number],
#coherence #coherence-list #cadre_error_cohe_e_2year .cadre-error-body .cadre-error-item input[type=number],
#coherence #coherence-list #cadre_error_cohe_b_bef_parent .cadre-error-body .cadre-error-item input[type=number],
#coherence #coherence-list #cadre_error_cohe_b_bef_parent_limit .cadre-error-body .cadre-error-item input[type=number],
#coherence #coherence-list #cadre_error_cohe_b_aft_parent_limit .cadre-error-body .cadre-error-item input[type=number],
#coherence #coherence-list #cadre_error_cohe_m_date .cadre-error-body .cadre-error-item input[type=number],
#coherence #coherence-list #cadre_error_cohe_age_partner .cadre-error-body .cadre-error-item input[type=number],
#coherence #coherence-list #cadre_error_cohe_d_parent .cadre-error-body .cadre-error-item input[type=number],
#coherence #coherence-list #cadre_error_cohe_m_mult .cadre-error-body .cadre-error-item input[type=number] {
  width: 100%;
  margin: auto;
}
#coherence #coherence-list #cadre_error_cohe_b_aft_parent_d .cadre-error-body .cadre-error-item select,
#coherence #coherence-list #cadre_error_cohe_e_bef_b .cadre-error-body .cadre-error-item select,
#coherence #coherence-list #cadre_error_cohe_e_aft_d .cadre-error-body .cadre-error-item select,
#coherence #coherence-list #cadre_error_cohe_d_aft_limit .cadre-error-body .cadre-error-item select,
#coherence #coherence-list #cadre_error_cohe_b_mult .cadre-error-body .cadre-error-item select,
#coherence #coherence-list #cadre_error_cohe_b_aft_d .cadre-error-body .cadre-error-item select,
#coherence #coherence-list #cadre_error_cohe_e_bef_d .cadre-error-body .cadre-error-item select,
#coherence #coherence-list #cadre_error_cohe_d_mult .cadre-error-body .cadre-error-item select,
#coherence #coherence-list #cadre_error_cohe_e_2year .cadre-error-body .cadre-error-item select,
#coherence #coherence-list #cadre_error_cohe_b_bef_parent .cadre-error-body .cadre-error-item select,
#coherence #coherence-list #cadre_error_cohe_b_bef_parent_limit .cadre-error-body .cadre-error-item select,
#coherence #coherence-list #cadre_error_cohe_b_aft_parent_limit .cadre-error-body .cadre-error-item select,
#coherence #coherence-list #cadre_error_cohe_m_date .cadre-error-body .cadre-error-item select,
#coherence #coherence-list #cadre_error_cohe_age_partner .cadre-error-body .cadre-error-item select,
#coherence #coherence-list #cadre_error_cohe_d_parent .cadre-error-body .cadre-error-item select,
#coherence #coherence-list #cadre_error_cohe_m_mult .cadre-error-body .cadre-error-item select {
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 992px) {
  #coherence #coherence-list #cadre_error_cohe_b_aft_parent_d .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_e_bef_b .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_e_aft_d .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_d_aft_limit .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_b_mult .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_b_aft_d .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_e_bef_d .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_d_mult .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_e_2year .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_b_bef_parent .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_b_bef_parent_limit .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_b_aft_parent_limit .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_m_date .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_age_partner .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_d_parent .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_m_mult .cadre-error-body .cadre-error-item {
    grid-template-columns: 70fr 15fr 10fr 5fr;
    grid-template-areas: "p1 e1_1 e1_1 e1_1" "p2 e2_1 e2_1 e2_1" ". compar arch save";
  }
}
@media screen and (max-width: 768px) {
  #coherence #coherence-list #cadre_error_cohe_b_aft_parent_d .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_e_bef_b .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_e_aft_d .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_d_aft_limit .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_b_mult .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_b_aft_d .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_e_bef_d .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_d_mult .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_e_2year .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_b_bef_parent .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_b_bef_parent_limit .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_b_aft_parent_limit .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_m_date .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_age_partner .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_d_parent .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_m_mult .cadre-error-body .cadre-error-item {
    grid-template-columns: 15fr 30fr 15fr 20fr 20fr;
    grid-template-areas: "p1 p1 p1 p1 . " "e1_1 e1_1 e1_1 . ." "p2 p2 p2 . ." "e2_1 e2_1 e2_1 . ." ". . compar arch save";
  }
}
@media screen and (max-width: 546px) {
  #coherence #coherence-list #cadre_error_cohe_b_aft_parent_d .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_e_bef_b .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_e_aft_d .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_d_aft_limit .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_b_mult .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_b_aft_d .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_e_bef_d .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_d_mult .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_e_2year .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_b_bef_parent .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_b_bef_parent_limit .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_b_aft_parent_limit .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_m_date .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_age_partner .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_d_parent .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_m_mult .cadre-error-body .cadre-error-item {
    grid-template-columns: 33fr 33fr 33fr;
    grid-template-areas: "p1 p1 p1" "e1_1 e1_1 e1_1" "p2 p2 p2" "e2_1 e2_1 e2_1 " "compar arch save";
  }
}
#coherence #coherence-list #cadre_error_cohe_surn_diff .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_broth_givn .cadre-error-body .cadre-error-item,
#coherence #coherence-list #cadre_error_cohe_fsex_surn .cadre-error-body .cadre-error-item {
  grid-template-columns: 40fr 20fr 10fr 10fr 10fr;
  grid-template-areas: "p1 e1_1 compar arch save" "p2 e2_1 compar arch save";
}
@media screen and (max-width: 992px) {
  #coherence #coherence-list #cadre_error_cohe_surn_diff .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_broth_givn .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_fsex_surn .cadre-error-body .cadre-error-item {
    grid-template-columns: 40fr 20fr 20fr 20fr;
    grid-template-areas: "p1 p1 . ." "e1_1 . . ." "p2 p2 . ." "e2_1 . . ." ". compar arch save";
  }
}
@media screen and (max-width: 546px) {
  #coherence #coherence-list #cadre_error_cohe_surn_diff .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_broth_givn .cadre-error-body .cadre-error-item,
  #coherence #coherence-list #cadre_error_cohe_fsex_surn .cadre-error-body .cadre-error-item {
    grid-template-columns: 33fr 33fr 33fr;
    grid-template-areas: "p1 p1 p1" "e1_1 e1_1 ." "p2 p2 p2" "e2_1 e2_1 ." "compar arch save";
  }
}
#coherence #coherence-list #cadre_error_cohe_nolink .cadre-error-body .cadre-error-item {
  grid-template-columns: 70fr 10fr 10fr 10fr;
  grid-template-areas: "p1 compar arch save";
}
#coherence #coherence-list #cadre_error_cohe_partner_sex .cadre-error-body .cadre-error-item {
  grid-template-columns: 60fr 10fr 10fr 10fr 10fr;
  grid-template-areas: "p1 e1_1 compar arch save" "p2 e2_1 compar arch save";
}
#coherence #coherence-list #cadre_error_cohe_partner_sex .cadre-error-body .cadre-error-item input {
  width: 100%;
}
@media screen and (max-width: 992px) {
  #coherence #coherence-list #cadre_error_cohe_partner_sex .cadre-error-body .cadre-error-item {
    grid-template-columns: 33fr 34fr 33fr;
    grid-template-areas: "p1 p1 p1" "e1_1 e1_1 e1_1" "p2 p2 p2" "e2_1 e2_1 e2_1" "compar arch save";
  }
}
@media screen and (max-width: 546px) {
  #coherence #coherence-list #cadre_error_cohe_partner_sex .cadre-error-body .cadre-error-item {
    grid-template-columns: 33fr 33fr auto;
    grid-template-areas: "p1 p1 p1" "e1_1 e1_1 e1_1" "p2 p2 p2" "e2_1 e2_1 e2_1" "compar arch save";
  }
}

#viewtab_comparison #viewtab_comparison_iframe_container,
#viewtab_comparison #viewtab_comparison_solo_iframe_container,
#viewtab_comparison_solo #viewtab_comparison_iframe_container,
#viewtab_comparison_solo #viewtab_comparison_solo_iframe_container {
  min-height: 600px;
}

#config .wrapper {
  display: block;
}
#config .wrapper .header {
  z-index: 1;
  position: fixed;
  width: 100%;
  height: 70px;
  display: flex;
  top: 90px;
  background-color: #D34618;
}
#config .wrapper .header .header-menu {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
#config .wrapper .header .header-menu .title {
  color: white;
  text-transform: uppercase;
  font-weight: 900;
  margin-left: 50px;
}
#config .wrapper .header .header-menu .title span {
  color: #D34618;
}
#config .wrapper .header .header-menu .sidebar-btn {
  color: white;
  position: absolute;
  font-size: 22px;
  font-weight: 900;
  cursor: pointer;
  transition: 0.3s;
  transition-property: color;
  width: 32Px;
  height: 32Px;
}
#config .wrapper .header .header-menu .sidebar-btn:hover {
  color: #84B2AA;
}
#config .wrapper .header .header-menu ul {
  display: flex;
}
#config .wrapper .header .header-menu ul li a {
  background-color: white;
  color: #372D2D;
  display: block;
  margin: 0 10px;
  font-size: 18px;
  width: 34px;
  height: 34px;
  line-height: 35px;
  text-align: center;
  border-radius: 7px;
  transition: 0.3s;
  transition-property: background-color, color;
}
#config .wrapper .header .header-menu ul li a:hover {
  background-color: #D34618;
  color: white;
}
#config .wrapper .sidebar {
  z-index: 1;
  background-color: rgba(20, 120, 130, 0.6666666667);
  position: fixed;
  top: 160px;
  width: 250px;
  height: 91%;
  transition: 0.3s;
  transition-property: width;
}
#config .wrapper .sidebar .sidebar-menu {
  overflow: hidden;
}
#config .wrapper .sidebar .sidebar-menu .profile p {
  color: #84B2AA;
  font-weight: 700;
  margin-bottom: 10px;
}
#config .wrapper .sidebar .sidebar-menu .item {
  width: 250px;
  overflow: hidden;
}
#config .wrapper .sidebar .sidebar-menu .item .menu-btn {
  display: block;
  color: white;
  position: relative;
  padding: 25px 20px;
  transition: 0.3s;
  transition-property: color;
}
#config .wrapper .sidebar .sidebar-menu .item .menu-btn:hover {
  color: #ffd2aa;
}
#config .wrapper .sidebar .sidebar-menu .item .menu-btn i {
  margin-right: 20px;
}
#config .wrapper .sidebar .sidebar-menu .item .menu-btn .drop-down {
  float: right;
  font-size: 12px;
  margin-top: 3px;
}
#config .wrapper .sidebar .sidebar-menu .item .sub-menu {
  background-color: #D34618;
  overflow: hidden;
  max-height: 0;
  transition: 0.3s;
  transition-property: background-color, max-height;
}
#config .wrapper .sidebar .sidebar-menu .item .sub-menu a {
  display: block;
  position: relative;
  color: white;
  white-space: nowrap;
  font-size: 15px;
  padding: 20px;
  border-bottom: 1px solid #D34618;
  transition: 0.3s;
  transition-property: background-color;
}
#config .wrapper .sidebar .sidebar-menu .item .sub-menu a:hover {
  background-color: #D34618;
}
#config .wrapper .sidebar .sidebar-menu .item .sub-menu i {
  padding-right: 20px;
  font-size: 10px;
}
#config .wrapper .sidebar .sidebar-menu #board {
  z-index: 100;
}
#config .wrapper .sidebar .sidebar-menu #board #home, #config .wrapper .sidebar .sidebar-menu #board #profile, #config .wrapper .sidebar .sidebar-menu #board #user {
  float: left;
  width: 140px;
  height: 45px;
  padding-top: 16px;
}
#config .wrapper .sidebar .sidebar-menu #board #home button, #config .wrapper .sidebar .sidebar-menu #board #profile button, #config .wrapper .sidebar .sidebar-menu #board #user button {
  background-color: cadetblue;
}
#config .wrapper .sidebar #zone-home, #config .wrapper .sidebar #zone-profile, #config .wrapper .sidebar #zone-user {
  position: absolute;
  height: 0px;
  width: 550px;
  background-color: #84B2AA;
  top: 50px;
  left: 300px;
  border-radius: 7px;
  overflow: hidden;
  z-index: 100;
  transition: height 0.3s linear 0s;
}
#config .wrapper .sidebar #zone-home p, #config .wrapper .sidebar #zone-profile p, #config .wrapper .sidebar #zone-user p {
  background-color: #F0F5F5;
  padding: 20px;
  height: 480px;
  margin: 10px;
  color: #372D2D;
}
#config .wrapper #board #home {
  float: left;
  width: 140px;
  height: 45px;
  padding-top: 16px;
}
#config .wrapper #board #home p {
  background-color: cadetblue;
}
#config .wrapper #board #section_panel {
  position: absolute;
  height: 0px;
  width: 550px;
  background-color: black;
  top: 60px;
  left: 160px;
  border-radius: 7px;
  overflow: hidden;
  z-index: 100;
  transition: height 0.3s linear 0s;
}
#config .wrapper #board #section_panel p {
  background-color: #333333;
  padding: 20px;
  height: 230px;
  margin: 10px;
  color: brown;
}
#config .wrapper.collapse .sidebar {
  width: 70px;
}

.content-page [id=contact] {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .content-page [id=contact] {
    width: 90%;
    margin-top: 160px;
  }
}
.content-page [id=contact] h2 {
  font-size: 1.3em;
  text-align: center;
  line-height: 25px;
}
.content-page [id=contact] .header-grid {
  padding: 2em 0 0 0;
}
.content-page [id=contact] .contact {
  background-color: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 20px 30px 10px 30px;
  width: 30em;
  margin-bottom: 5em;
}
@media screen and (max-width: 546px) {
  .content-page [id=contact] .contact {
    width: 23em;
  }
}
.content-page [id=contact] .contact .txt-star {
  font-size: 0.8em;
  color: #372D2D;
  opacity: 0.7;
}
.content-page [id=contact] .contact .label {
  text-transform: none;
  margin: 0;
  font-size: 15px;
  text-align: left;
  color: #147882;
  margin-bottom: 7px;
  display: block;
}
@media (max-width: 768px) {
  .content-page [id=contact] .contact .label {
    font-size: 1em;
  }
}
.content-page [id=contact] .contact .form-group input, .content-page [id=contact] .contact .form-group .form-control {
  margin-bottom: 1em;
}
.content-page [id=contact] .contact .form-group textarea {
  height: 100px !important;
}

#dashboard {
  height: calc(100vh - 90px);
  background-color: rgb(78, 78, 78);
}
#dashboard .selected {
  background-color: #147882;
}
#dashboard .rool-row {
  width: 300px;
  padding: 0;
  margin: 0;
}
#dashboard .rool-row #select_read:active,
#dashboard .rool-row #select_read:hover,
#dashboard .rool-row #select_unread:active,
#dashboard .rool-row #select_unread:hover {
  background-color: #6BC50E !important;
}
#dashboard .rool-row #select_read:focus,
#dashboard .rool-row #select_unread:focus {
  background-color: #147882 !important;
}
#dashboard .rool-row .list-group-item {
  border-radius: 0;
}
#dashboard .dashboard-content-main {
  height: 100%;
  display: flex;
}
#dashboard .dashboard-menu-left {
  min-width: 50px;
  display: none;
}
#dashboard .dashboard-menu-left ul {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
#dashboard .dashboard-menu-left ul li {
  color: white;
  list-style-type: none;
  text-align: center;
}
#dashboard .dashboard-left {
  overflow-x: hidden;
  min-width: 300px;
  background-color: rgba(78, 78, 78, 0.5);
  border-right: 1px solid rgb(60, 60, 60);
}
#dashboard .dashboard-left #list_client {
  height: 100%;
  width: 100%;
}
#dashboard .dashboard-left #search_bar {
  height: 7%;
  padding: 1vh 0em 1vh 0vh;
  display: block;
}
#dashboard .dashboard-left #search_bar .input_search_by_name {
  display: block;
  width: 75%;
  margin: 0 auto;
}
#dashboard .dashboard-left .online {
  min-height: 15px;
  min-width: 50px;
  max-width: 50px;
  position: absolute;
  left: 0;
  background: green;
  padding: 1px;
}
#dashboard .dashboard-left #room_by_status {
  overflow-y: auto;
  height: 93%;
}
#dashboard .dashboard-left #room_by_status .resolved, #dashboard .dashboard-left #room_by_status .unread, #dashboard .dashboard-left #room_by_status .all_messages {
  display: none;
}
#dashboard .dashboard-left .room {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1em 0.5em 1em 0.5em;
  color: white;
  cursor: pointer;
}
#dashboard .dashboard-left .room:hover {
  background-color: rgb(120, 120, 120);
}
#dashboard .dashboard-left .room strong {
  flex-basis: 80%;
  display: flex;
  align-items: center;
}
#dashboard .dashboard-left .room span {
  flex-basis: 10%;
  display: flex;
  align-items: center;
}
#dashboard .dashboard-left .room div {
  flex-basis: 10%;
  border-radius: 50em;
  border: 1px solid white;
}
#dashboard .dashboard-left .room .connect {
  background-color: #147882;
}
#dashboard .dashboard-left .room .disconnect {
  background-color: #d34618;
}
#dashboard .dashboard-center {
  position: relative;
  padding-top: 15px;
  height: 100%;
  width: 100%;
  max-width: 100%;
  background-color: #f5f5f5;
}
#dashboard .dashboard-center #panel_admin {
  height: 100%;
  position: relative;
}
#dashboard .dashboard-center .dashboard-center-top {
  position: relative;
  overflow: hidden;
  overflow-x: hidden;
  padding: 20px;
  height: calc(100% - 120px);
}
#dashboard .dashboard-center .dashboard-center-top [id=zone_chat_admin] {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
#dashboard .dashboard-center .dashboard-center-top [id=zone_chat_admin] .right-header {
  text-align: right;
}
#dashboard .dashboard-center .dashboard-center-top [id=zone_chat_admin] .left-header {
  text-align: left;
}
#dashboard .dashboard-center .dashboard-center-top [id=zone_chat_admin] .left-message {
  width: 40%;
  display: block;
  text-align: left;
  background-color: #FCD0A9;
}
#dashboard .dashboard-center .dashboard-center-top [id=zone_chat_admin] .right-message {
  width: 40%;
  display: block;
  text-align: right;
  background-color: rgba(107, 198, 14, 0.1);
  border-radius: 10px 0px 10px 10px;
  margin-left: 60%;
}
#dashboard .dashboard-center .dashboard-center-top [id=zone_chat_admin] [id^=chat_room_] {
  width: 100%;
  display: none;
}
#dashboard .dashboard-center .dashboard-center-top [id=zone_chat_admin] .message {
  position: relative;
  padding: 5px;
  margin: 5px;
  width: calc(100% - 50px);
  color: black;
}
#dashboard .dashboard-center .dashboard-center-top [id=zone_chat_admin] .message .name .avatar strong {
  margin-right: 10px;
}
#dashboard .dashboard-center .dashboard-center-top [id=zone_chat_admin] .message .text-wrapper {
  white-space: pre-line;
}
#dashboard .dashboard-center .dashboard-center-bottom {
  position: absolute;
  bottom: 0;
  width: calc(100% - 20px);
  height: 100px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#dashboard .dashboard-center .dashboard-center-bottom textarea {
  height: 80px;
  max-height: 100px;
  margin-left: 20px;
  padding-bottom: 20px;
  width: calc(100% - 100px);
}
#dashboard .dashboard-center .dashboard-center-bottom form {
  position: relative;
}
#dashboard .dashboard-center .dashboard-center-bottom [id=send_message] {
  position: absolute;
  bottom: 25px;
  right: 10px;
  margin: 0 auto;
  background-color: #6BC50E;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  color: #FFFFFF;
  border: 0px;
  display: none;
}
#dashboard .dashboard-center #formulaire_chat_admin {
  display: none;
  position: relative;
}
#dashboard .dashboard-center #formulaire_chat_admin .typing {
  top: -25px;
  position: absolute;
}
#dashboard .dashboard-center #formulaire_chat_admin [id=message] {
  padding-bottom: 10px;
}
#dashboard .dashboard-right {
  border-right: 1px solid rgb(99, 95, 95);
  width: 140px;
  height: 100%;
  background-color: #6d6d6d;
  font-size: 1em;
}
#dashboard .dashboard-right [id=list_users_room] {
  padding: 10px;
}
#dashboard .dashboard-right [id=list_users_room] > li {
  text-align: center;
  color: white;
}
#dashboard .dashboard-right [id=list_users_room] > p {
  text-align: center;
  color: white;
}
#dashboard .dashboard-right [id=list_users_room] a {
  cursor: pointer;
  color: white !important;
}
#dashboard .dashboard-right [id=list_users_room] li {
  position: relative;
  border-bottom: 1px solid rgb(89, 96, 87);
  padding-bottom: 5px;
  list-style: none;
  margin-bottom: 15px;
}
#dashboard .dashboard-right [id=list_users_room] li .btn_connect {
  color: white;
  position: absolute;
  background-color: green;
  border-radius: 10px;
  right: 5px;
}
#dashboard .dashboard_notification {
  position: absolute;
  bottom: 10px;
  width: 200px;
  height: 30px;
  background: red;
  left: 20px;
}

#room-not-found {
  font-size: 40px;
  text-align: center;
  color: #6BC50E;
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 500px) {
  .dashboard-center-top {
    height: calc(100% - 200px) !important;
  }
  [id^=chat_room_] {
    width: 100% !important;
  }
  .dashboard-center-top {
    padding: 0 !important;
  }
  .message {
    width: 100% !important;
  }
  .dashboard-center-bottom {
    position: relative !important;
    background: red;
  }
  .dashboard-center-bottom textarea {
    padding: 0 !important;
    margin: 0 !important;
    width: calc(100% - 20px) !important;
    bottom: 0px !important;
    height: 100px !important;
  }
  .dashboard-center-bottom [id=send_message] {
    width: calc(100% - 20px) !important;
    border-radius: 0px !important;
    height: 30px !important;
    bottom: -20px !important;
  }
}
@media screen and (max-width: 620px) {
  .dashboard-left {
    min-width: 50px !important;
    max-width: 50px !important;
    padding: 0 !important;
    text-align: center;
  }
  .dashboard-left .room strong,
  .dashboard-left .room h3 {
    display: none;
  }
}
#paywall h2, #paywall p {
  text-align: center;
}
#paywall label.label {
  margin: 0;
}
#paywall input.form-control {
  min-width: 333px;
}

.paywall-blur {
  height: 200px;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #f6f6f6 100%, #f6f6f6);
  position: relative;
  margin-top: -200px;
}

[id=faq_page] {
  position: relative;
  overflow-x: hidden;
}
[id=faq_page] .note-editor .note-editing-area {
  margin-top: 20px;
  margin-bottom: 30px;
}
[id=faq_page] .editor {
  width: 0px;
  height: 0px;
  max-height: 0px;
  display: none;
}
[id=faq_page] .search-btn {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  text-align: center;
  margin-top: -5em;
}
@media screen and (max-width: 546px) {
  [id=faq_page] .search-btn {
    margin-top: -3em;
  }
}
[id=faq_page] .search-btn .btn-submit {
  border-radius: 7px;
  width: auto;
  min-width: 250px;
  text-align: center;
}
@media screen and (max-width: 546px) {
  [id=faq_page] .search-btn .btn-submit {
    min-width: 180px;
    font-size: 0.8em;
  }
}
[id=faq_page] h1 {
  text-align: center;
}
[id=faq_page] h2,
[id=faq_page] h3,
[id=faq_page] a {
  text-align: left;
  display: inline-block;
}
[id=faq_page] h2 {
  font-weight: 600;
  font-size: 1.5em;
}
[id=faq_page] h3 {
  font-weight: 400;
  font-size: 1.2em;
  margin-top: 20px;
  margin-bottom: 10px;
  color: #372D2D;
}
[id=faq_page] textarea {
  outline: none;
}
[id=faq_page] .input-cadre {
  text-align: center;
}
[id=faq_page] .header {
  text-align: center;
}
[id=faq_page] .header input {
  width: 100%;
  font-size: 1.5em;
  background-color: #ffffff;
  color: #D34618;
  border: 2px solid #D34618;
}
[id=faq_page] .header input:hover {
  background-color: #D34618;
  color: #ffffff;
}
[id=faq_page] .header p {
  margin-left: auto;
  margin-right: auto;
  width: 70%;
}
[id=faq_page] .cadre {
  text-align: center;
  background-image: url("../../../images/img-faq.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 42vh;
}
@media screen and (max-width: 1442px) {
  [id=faq_page] .cadre {
    height: 30vh;
  }
}
@media screen and (max-width: 992px) {
  [id=faq_page] .cadre {
    height: 210px;
  }
}
@media screen and (max-width: 768px) {
  [id=faq_page] .cadre {
    height: 170px;
  }
}
@media screen and (max-width: 546px) {
  [id=faq_page] .cadre {
    height: 150px;
  }
}
@media screen and (max-width: 442px) {
  [id=faq_page] .cadre {
    height: 150px;
  }
}
[id=faq_page] .cadre h1 {
  color: white;
  padding: 0.5em 1em;
}
@media screen and (max-width: 992px) {
  [id=faq_page] .cadre h1 {
    font-size: 2em;
  }
}
@media screen and (max-width: 546px) {
  [id=faq_page] .cadre h1 {
    font-size: 1.5em;
  }
}
[id=faq_page] #accordion .input-cadre {
  text-align: center;
}
[id=faq_page] #accordion .search-result {
  padding-top: 1em;
}
[id=faq_page] #accordion .search-btn {
  margin-top: 50px;
  text-align: center;
}
[id=faq_page] #accordion .search-btn .btn-submit {
  padding: 10px;
  width: 50%;
  font-size: 1.3em;
  font-weight: 400;
  text-align: center;
  border-radius: 7px;
  color: #ffffff;
  background-color: #d34618;
}
[id=faq_page] #accordion .search-btn .btn-submit:hover {
  background-color: #ffd2aa;
}
@media (max-width: 768px) {
  [id=faq_page] #accordion .search-btn .btn-submit {
    width: 100%;
  }
}
[id=faq_page] #accordion h1 {
  margin-bottom: 50px;
  color: white;
}
[id=faq_page] #accordion .input-cadre i {
  background-color: #D34618;
  cursor: pointer;
  font-size: 1em;
  color: #d7e6e1;
  padding: 1em;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
[id=faq_page] #accordion .input-cadre i:hover {
  background-color: #84B2AA;
}
[id=faq_page] #accordion .input-cadre #search_bar {
  border-bottom: 1px solid #147882;
  background-color: #ffffff;
  color: #372D2D;
  border: 0px;
  padding: 0.8em;
  width: 50%;
  font-size: 1em;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
[id=faq_page] #accordion .input-cadre #search_bar:hover {
  border: none;
}
[id=faq_page] #accordion .input-cadre #search_bar:focus, [id=faq_page] #accordion .input-cadre #search_bar:active {
  border: none;
}
@media screen and (max-width: 768px) {
  [id=faq_page] #accordion .input-cadre #search_bar {
    width: 80%;
  }
}
[id=faq_page] #accordion .cat-fieldset {
  background-color: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 7px;
}
[id=faq_page] #accordion .cat-fieldset p.legend {
  font-size: 1.3em;
  font-family: "Hind-L";
}
[id=faq_page] #accordion .cat-fieldset p.legend i {
  margin-left: 0.5em;
}
[id=faq_page] #accordion .cat-fieldset .cadre-question:last-child .answercadre:last-child {
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}
[id=faq_page] #accordion .cadre-question:not(:last-child) {
  margin-bottom: 5px;
}
[id=faq_page] #accordion .cadre-question .questioncadre {
  grid-template-columns: 95fr 5fr;
  background-color: rgba(240, 245, 245, 0.5);
}
@media screen and (max-width: 992px) {
  [id=faq_page] #accordion .cadre-question .questioncadre {
    grid-template-columns: 90fr 10fr;
  }
}
[id=faq_page] #accordion .cadre-question .ans {
  font-size: 1.2em;
}
[id=faq_page] #accordion .cadre-question .ans p {
  margin: 0;
}
[id=faq_page] #accordion .cadre-question .ans a {
  color: #D34618;
  text-align: center;
  display: inline;
}
[id=faq_page] #accordion .cadre-question .ans a:hover {
  color: #372D2D;
}
[id=faq_page] #accordion .cadre-question .ans a span {
  color: #D34618;
}
[id=faq_page] #accordion .cadre-question .ans a span:hover {
  color: #372D2D;
}
[id=faq_page] #accordion .cadre-question .yes-no p {
  text-align: center;
}
[id=faq_page] #accordion .cadre-question .yes-no input,
[id=faq_page] #accordion .cadre-question .yes-no label {
  cursor: pointer;
}
[id=faq_page] #accordion .cadre-question .yes-no .positive .btn-ans,
[id=faq_page] #accordion .cadre-question .yes-no .negative .btn-ans {
  min-width: 50px;
  padding: 7px 10px;
  text-align: center;
  border-radius: 3px;
  background-color: transparent;
  border: 1px solid #D34618;
  transition: 0.2s;
  transition: color 0.15s ease, background-color 0.15s ease;
  color: #D34618;
}
[id=faq_page] #accordion .cadre-question .yes-no .positive .btn-ans:hover,
[id=faq_page] #accordion .cadre-question .yes-no .negative .btn-ans:hover {
  background-color: #D34618;
  color: white;
}
[id=faq_page] #accordion .cadre-question .yes-no .positive .active,
[id=faq_page] #accordion .cadre-question .yes-no .negative .active {
  background-color: #D34618;
  color: white;
}
[id=faq_page] #accordion .cadre-question .yes-no .comment textarea {
  height: 70px !important;
  width: 100%;
  font-size: 12px;
  border: 1px solid #D34618;
  padding: 7px;
}
[id=faq_page] #accordion .cadre-question .yes-no .comment button {
  background-color: #D34618;
  color: white;
  transition: 0.2s;
  width: 100%;
}
[id=faq_page] #accordion .cadre-question .yes-no .comment button:hover {
  transition: 0.2s;
  box-shadow: 0 0.5em 0.5em -0.4em #D34618;
}
[id=faq_page] #accordion .cadre-question .txt-faq {
  border-left: 3px solid rgba(230, 80, 30, 0.5);
}
[id=faq_page] #accordion .cadre-question .txt-faq .line {
  color: #147882;
  color: #147882;
  padding: 1em;
  margin: 0;
  cursor: pointer;
}
[id=faq_page] #accordion .cadre-question .txt-faq .line:hover {
  color: #D34618;
}
[id=faq_page] #accordion .cadre-question .txt-faq p {
  font-size: 1.3em;
}
[id=faq_page] #accordion .cadre-question .answer span {
  color: #147882;
}
[id=faq_page] #accordion .cadre-question .answercadre {
  background-color: rgba(132, 178, 170, 0.3);
  border-left: 3px solid #84B2AA;
  grid-template-columns: 60fr 40fr;
  padding: 3em;
  width: 100%;
  font-size: 0.9em;
}
@media screen and (max-width: 600px) {
  [id=faq_page] #accordion .cadre-question .answercadre {
    grid-template-columns: 1fr;
  }
}
[id=faq_page] #accordion .cadre-question .btn-faq i {
  color: #D34618;
  margin-right: 10px;
  cursor: pointer;
}
[id=faq_page] #accordion .cadre-question .btn-faq i:hover {
  color: #ffd2aa;
}
[id=faq_page] #accordion .cadre-question .btn-faq span {
  font-size: 0.8em;
  color: #372D2D;
  padding: 0.5em;
}
[id=faq_page] #accordion #headingOne,
[id=faq_page] #accordion #headingTwo {
  background-color: #147882;
  color: white;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
[id=faq_page] #account {
  background-color: #F0F5F5;
}
[id=faq_page] #account .section-create {
  text-align: center;
  padding: 3em 0;
}
[id=faq_page] #account img {
  width: 230px;
}
[id=faq_page] #account p {
  font-size: 1.7em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  [id=faq_page] #account p {
    font-size: 1.4em;
  }
}
[id=faq_page] #faq_form .section-form-faq .header {
  text-align: center;
  color: #372D2D;
  padding: 3em 0 1em 0;
}
[id=faq_page] #faq_form .section-form-faq .search-btn {
  margin-top: 0em;
}
[id=faq_page] #faq_form .section-form-faq .categorie-edite-articel {
  padding: 2em;
}
[id=faq_page] #faq_form .section-form-faq .categorie-edite-articel li {
  list-style: none;
}
[id=faq_page] #faq_form .section-form-faq .categorie-edite-articel li .type_faq,
[id=faq_page] #faq_form .section-form-faq .categorie-edite-articel li .display_faq {
  margin-right: 10px;
}
[id=faq_page] #faq_form .btn-form {
  padding-bottom: 3em;
}

.content-page [id=feature] {
  margin-top: 8em;
  background-color: #faf5f0;
}
.content-page [id=feature] h1,
.content-page [id=feature] h2,
.content-page [id=feature] h3 {
  color: #372D2D;
}
.content-page [id=feature] h1 {
  text-align: left;
  font-family: hind-B;
  font-size: 2.5em;
}
@media screen and (max-width: 992px) {
  .content-page [id=feature] h1 {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 768px) {
  .content-page [id=feature] h1 {
    font-size: 2em;
  }
}
@media screen and (max-width: 567px) {
  .content-page [id=feature] h1 {
    font-size: 1.8em;
  }
}
.content-page [id=feature] h2 {
  font-family: hind-B;
  font-size: 2.5em;
  margin-bottom: 0.5em;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .content-page [id=feature] h2 {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 768px) {
  .content-page [id=feature] h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 567px) {
  .content-page [id=feature] h2 {
    font-size: 1.8em;
  }
}
.content-page [id=feature] h3 {
  text-align: left;
  font-family: hind-B;
  font-size: 2em;
}
@media screen and (max-width: 992px) {
  .content-page [id=feature] h3 {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 768px) {
  .content-page [id=feature] h3 {
    font-size: 2em;
  }
}
@media screen and (max-width: 567px) {
  .content-page [id=feature] h3 {
    font-size: 1.8em;
  }
}
.content-page [id=feature] #slide-feature {
  color: #372D2D;
  margin-top: 2em;
}
@media screen and (max-width: 768px) {
  .content-page [id=feature] #slide-feature {
    margin-top: 1em;
    justify-items: center;
  }
}
.content-page [id=feature] #slide-feature .image img {
  margin-right: auto;
  margin-left: auto;
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .content-page [id=feature] #slide-feature .image img {
    width: 450px;
    border-radius: 1em;
  }
}
@media screen and (max-width: 567px) {
  .content-page [id=feature] #slide-feature .image img {
    width: 250px;
    border-radius: 1em;
  }
}
.content-page [id=feature] #slide-feature .text_gen {
  padding: 3em 1em 3em 5em;
}
@media screen and (max-width: 992px) {
  .content-page [id=feature] #slide-feature .text_gen {
    padding: 5em;
  }
}
@media screen and (max-width: 768px) {
  .content-page [id=feature] #slide-feature .text_gen {
    padding: 3em;
  }
}
@media screen and (max-width: 567px) {
  .content-page [id=feature] #slide-feature .text_gen {
    padding: 1em;
  }
}
.content-page [id=feature] #slide-feature .text_gen p {
  font-size: 1.5em;
}
@media screen and (max-width: 567px) {
  .content-page [id=feature] #slide-feature .text_gen p {
    font-size: 1.2em;
  }
}
.content-page [id=feature] #slide-feature .text_gen .btn-home .btn {
  padding: 0.7em;
  box-shadow: 0px 10px 14px -7px #ffd2aa;
  border-radius: 10px;
  font-size: 1.3em;
  font-family: Nunito-L;
}
@media screen and (max-width: 546px) {
  .content-page [id=feature] #slide-feature .text_gen .btn-home .btn {
    font-size: 1em;
  }
}
.content-page [id=feature] #slide-feature .text_gen .btn-home .btn:hover,
.content-page [id=feature] #slide-feature .text_gen .btn-home .btn :focus {
  transition: 0.2s;
  box-shadow: 0 0.5em 0.5em -0.4em #d34618;
  transform: translateY(-0.25em);
}
.content-page [id=feature] #section-services {
  color: #372D2D;
  padding: 5em 0;
  background-color: #faf5f0;
}
@media screen and (max-width: 992px) {
  .content-page [id=feature] #section-services .section-service-top {
    padding: 0 1em;
  }
}
.content-page [id=feature] #section-services .item a {
  cursor: pointer;
  color: #372D2D;
  text-decoration: none;
  text-align: center;
}
.content-page [id=feature] #section-services .item a:hover {
  text-decoration: none;
  color: #F0F5F5;
  transition-duration: 0.1s;
}
.content-page [id=feature] #section-services .item h3 {
  text-align: left;
  font-family: hind-B;
  font-size: 1.5em;
}
.content-page [id=feature] #section-services .item p {
  font-size: 1.5em;
}
.content-page [id=feature] #section-services .item img {
  border-radius: 1em;
}
.content-page [id=feature] #section-services .section-service-top {
  width: 70%;
  margin: auto;
}
@media screen and (max-width: 1080px) {
  .content-page [id=feature] #section-services .section-service-top {
    width: 90%;
  }
}
@media screen and (max-width: 992px) {
  .content-page [id=feature] #section-services .section-service-top {
    width: 93%;
  }
}
@media screen and (max-width: 768px) {
  .content-page [id=feature] #section-services .section-service-top {
    width: 50%;
  }
}
@media screen and (max-width: 546px) {
  .content-page [id=feature] #section-services .section-service-top {
    width: 95%;
  }
}
.content-page [id=feature] #section-services .section-service-center {
  width: 70%;
  margin: auto;
}
@media screen and (max-width: 1080px) {
  .content-page [id=feature] #section-services .section-service-center {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .content-page [id=feature] #section-services .section-service-center {
    width: 50%;
  }
}
@media screen and (max-width: 546px) {
  .content-page [id=feature] #section-services .section-service-center {
    width: 90%;
  }
}
.content-page [id=feature] #section-services .section-service-bottom {
  width: 70%;
  margin: auto;
}
@media screen and (max-width: 1080px) {
  .content-page [id=feature] #section-services .section-service-bottom {
    width: 90%;
  }
}
@media screen and (max-width: 768px) {
  .content-page [id=feature] #section-services .section-service-bottom {
    width: 50%;
  }
}
@media screen and (max-width: 546px) {
  .content-page [id=feature] #section-services .section-service-bottom {
    width: 90%;
  }
}
.content-page [id=feature] #section-services .block-service-top {
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  padding: 2em;
  height: 25em;
}
.content-page [id=feature] #section-services .block-service-center {
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  padding: 2em;
  height: 21em;
}
@media screen and (max-width: 546px) {
  .content-page [id=feature] #section-services .block-service-center {
    height: 25em;
  }
}
.content-page [id=feature] #section-services .block-service-bottom {
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  padding: 2em;
  grid-template-columns: 75fr 25fr;
}
@media screen and (max-width: 768px) {
  .content-page [id=feature] #section-services .block-service-bottom {
    grid-template-columns: 1fr;
  }
}
.content-page [id=feature] #section-info {
  background-color: #D34618;
}
.content-page [id=feature] #section-info p {
  text-align: left;
  font-family: hind-B;
  font-size: 2.5em;
  color: #ffffff;
  padding: 1.5em 6em;
}
@media screen and (max-width: 992px) {
  .content-page [id=feature] #section-info p {
    font-size: 2em;
  }
}
@media screen and (max-width: 768px) {
  .content-page [id=feature] #section-info p {
    padding: 1.5em 4em;
  }
}
@media screen and (max-width: 546px) {
  .content-page [id=feature] #section-info p {
    padding: 1.5em 2em;
  }
}
.content-page [id=feature] #section-team {
  background-color: #D34618;
}
.content-page [id=feature] #section-team p {
  text-align: left;
  font-family: hind-B;
  font-size: 2.5em;
  color: #ffffff;
  padding: 1.5em 6em;
}
@media screen and (max-width: 992px) {
  .content-page [id=feature] #section-team p {
    font-size: 2em;
  }
}
@media screen and (max-width: 768px) {
  .content-page [id=feature] #section-team p {
    padding: 1.5em 4em;
  }
}
@media screen and (max-width: 546px) {
  .content-page [id=feature] #section-team p {
    padding: 1.5em 2em;
  }
}
.content-page [id=feature] #section-team p span {
  font-family: hind-B;
}
.content-page [id=feature] #section-team a {
  font-size: 0.8em;
  text-align: left;
  font-family: Nunito-L;
  text-decoration: underline;
  color: white;
}
.content-page [id=feature] #section-team a:hover {
  color: #372D2D;
}
.content-page [id=feature] #section-offre {
  padding: 4em 0;
  background-color: #faf5f0;
}
.content-page [id=feature] #section-offre #offre .item {
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  padding: 1em;
}
@media screen and (max-width: 442px) {
  .content-page [id=feature] #section-offre #offre .item {
    width: 25em;
  }
}
.content-page [id=feature] #section-offre #offre .item ul {
  padding: 0;
  margin: 0;
}
.content-page [id=feature] #section-offre #offre .item ul li {
  font-family: Nunito-L;
  font-size: 1.5em;
}
.content-page [id=feature] #section-offre #offre .item .info-container {
  grid-template-columns: 80fr 20fr;
  width: 60em;
  padding: 1em 3em;
}
@media screen and (max-width: 992px) {
  .content-page [id=feature] #section-offre #offre .item .info-container {
    grid-template-columns: 1fr;
    width: 30em;
  }
}
@media screen and (max-width: 567px) {
  .content-page [id=feature] #section-offre #offre .item .info-container {
    grid-template-columns: 1fr;
    width: 30em;
  }
}
@media screen and (max-width: 442px) {
  .content-page [id=feature] #section-offre #offre .item .info-container {
    width: 20em;
  }
}
@media screen and (max-width: 442px) {
  .content-page [id=feature] #section-offre #offre img {
    width: 100%;
    height: auto;
  }
}
.content-page [id=feature] #section-offre button {
  font-size: 1.5em;
  font-family: Nunito-L;
  border: 1.5px solid #147882;
  border-radius: 10px;
}

[id=gallery_page] .Post_gallery {
  padding: 30px 30px 40px 30px;
  border: 1px solid #147882;
  border-radius: 15px;
}
[id=gallery_page] .Post_gallery .top_gallery {
  color: black;
  padding: 20px 5px 0 5px;
}
[id=gallery_page] .Post_gallery .top_gallery h2 {
  margin-bottom: 20px;
}
[id=gallery_page] .Post_gallery .top_gallery p {
  margin-top: 10px;
}
[id=gallery_page] .Post_gallery .bottom_gallery {
  margin-top: 30px;
}
[id=gallery_page] .Post_gallery .bottom_gallery img {
  width: 100%;
}

[id=guide] .section .table-bordered th {
  font-weight: 100;
  font-family: Nunito-L;
  color: #595959;
  font-size: 0.8em;
}
[id=guide] .section .zone-filter {
  grid-template-columns: 30fr 20fr 20fr 20fr 10fr;
}
@media screen and (max-width: 546px) {
  [id=guide] .section .zone-filter {
    grid-template-columns: 1fr;
  }
}
[id=guide] .section a.name {
  color: #147882;
}
[id=guide] .section a.name:hover {
  color: #D34618;
}
[id=guide] .input-filter input, [id=guide] .input-filter label {
  cursor: pointer;
}
[id=guide] .spinner-align {
  text-align: center;
}
[id=guide] .interval {
  color: #147882;
  font-size: 0.8em;
}
[id=guide] #table td a, [id=guide] #table td span {
  font-family: Nunito-L;
}
@media screen and (max-width: 480px) {
  [id=guide] #table td a, [id=guide] #table td span {
    font-size: 0.8em;
  }
}
[id=guide] .table {
  text-transform: uppercase;
  font-size: 1.2em;
  width: 95%;
  margin: auto;
}
@media screen and (min-width: 992px) {
  [id=guide] .table td:nth-of-type(3) {
    min-width: 7em;
    text-align: center;
  }
}
[id=guide] .table thead tr {
  background-color: #147882;
  color: #ffffff;
  font-size: 1em;
}
[id=guide] .table thead tr th {
  position: relative;
  padding: 0.5em;
}
[id=guide] .table thead tr span.glyphicon-sort {
  color: #ffffff;
  font-size: 0.6em;
  padding-top: 0.7em;
  float: right;
}

.content-page #index-page,
.content-page #feature-page {
  margin-top: 10em;
  overflow-x: hidden;
  background-color: #faf5f0;
}
@media screen and (max-width: 768px) {
  .content-page #index-page,
  .content-page #feature-page {
    margin-top: 2em;
  }
}
.content-page #index-page h1,
.content-page #index-page h2,
.content-page #index-page h3,
.content-page #feature-page h1,
.content-page #feature-page h2,
.content-page #feature-page h3 {
  color: #372D2D;
}
.content-page #index-page h1,
.content-page #feature-page h1 {
  text-align: left;
  font-family: hind-B;
  font-size: 4em;
  line-height: 1.2em;
}
@media screen and (max-width: 1200px) {
  .content-page #index-page h1,
  .content-page #feature-page h1 {
    font-size: 3em;
  }
}
@media screen and (max-width: 992px) {
  .content-page #index-page h1,
  .content-page #feature-page h1 {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 768px) {
  .content-page #index-page h1,
  .content-page #feature-page h1 {
    font-size: 2em;
  }
}
@media screen and (max-width: 546px) {
  .content-page #index-page h1,
  .content-page #feature-page h1 {
    font-size: 1.8em;
  }
}
.content-page #index-page h2,
.content-page #feature-page h2 {
  font-family: hind-B;
  font-size: 2.5em;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .content-page #index-page h2,
  .content-page #feature-page h2 {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 768px) {
  .content-page #index-page h2,
  .content-page #feature-page h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 546px) {
  .content-page #index-page h2,
  .content-page #feature-page h2 {
    font-size: 1.8em;
    padding: 0 0.5em;
  }
}
.content-page #index-page h3,
.content-page #feature-page h3 {
  font-family: hind-B;
  font-size: 2em;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .content-page #index-page h3,
  .content-page #feature-page h3 {
    font-size: 1.9em;
  }
}
@media screen and (max-width: 768px) {
  .content-page #index-page h3,
  .content-page #feature-page h3 {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 567px) {
  .content-page #index-page h3,
  .content-page #feature-page h3 {
    font-size: 1.5em;
  }
}
.content-page #index-page h4,
.content-page #feature-page h4 {
  font-family: hind-B;
  font-size: 1.6em;
  color: #372D2D;
}
@media screen and (max-width: 992px) {
  .content-page #index-page h4,
  .content-page #feature-page h4 {
    font-size: 1.5em;
  }
}
@media screen and (max-width: 768px) {
  .content-page #index-page h4,
  .content-page #feature-page h4 {
    font-size: 1.2em;
  }
}
.content-page #index-page h5,
.content-page #feature-page h5 {
  font-size: 1.5em;
  font-family: hind-B;
  color: #147882;
  text-align: center;
}
.content-page #index-page p,
.content-page #feature-page p {
  font-size: 1.3em;
  font-family: Nunito-L;
}
@media screen and (max-width: 992px) {
  .content-page #index-page p,
  .content-page #feature-page p {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 546px) {
  .content-page #index-page p,
  .content-page #feature-page p {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 992px) {
  .content-page #index-page span,
  .content-page #feature-page span {
    line-height: 1.2em;
  }
}
.content-page #index-page ul,
.content-page #feature-page ul {
  padding: 0;
  margin: 0;
}
.content-page #index-page ul li,
.content-page #feature-page ul li {
  font-family: Nunito-L;
  font-size: 1.4em;
}
@media screen and (max-width: 992px) {
  .content-page #index-page ul li,
  .content-page #feature-page ul li {
    font-size: 1.2em;
  }
}
.content-page #index-page .body,
.content-page #feature-page .body {
  margin: 2em 0em;
}
.content-page #index-page .body .t,
.content-page #feature-page .body .t {
  margin: 0em auto;
}
.content-page #index-page .body .s,
.content-page #feature-page .body .s {
  margin-top: 2em;
}
.content-page #index-page .body .b,
.content-page #feature-page .body .b {
  display: flex;
  justify-content: center;
  box-shadow: none;
  background-color: transparent;
}
.content-page #index-page .body .b button,
.content-page #feature-page .body .b button {
  padding: 0.5em 2em;
  margin: 2em 0em;
}
@media screen and (max-width: 546px) {
  .content-page #index-page .body .b button,
  .content-page #feature-page .body .b button {
    font-size: 1.1em;
  }
}
.content-page #index-page .fa-arrow-right,
.content-page #feature-page .fa-arrow-right {
  font-size: 0.8em;
}
.content-page #index-page #section-slide,
.content-page #feature-page #section-slide {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  justify-items: center;
  align-items: center;
}
.content-page #index-page #section-slide .legend,
.content-page #feature-page #section-slide .legend {
  grid-column: 5/span 7;
}
.content-page #index-page #section-slide .img,
.content-page #feature-page #section-slide .img {
  grid-column: 14/span 11;
  margin: 1em 0em 1em 0em;
}
.content-page #index-page #section-slide .img img,
.content-page #feature-page #section-slide .img img {
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1920px) {
  .content-page #index-page #section-slide .legend,
  .content-page #feature-page #section-slide .legend {
    grid-column: 3/span 10;
  }
}
@media screen and (max-width: 1200px) {
  .content-page #index-page #section-slide .legend,
  .content-page #feature-page #section-slide .legend {
    grid-column: 4/span 9;
  }
  .content-page #index-page #section-slide .legend .img,
  .content-page #feature-page #section-slide .legend .img {
    grid-column: 14/span 11;
  }
}
@media screen and (max-width: 992px) {
  .content-page #index-page #section-slide,
  .content-page #feature-page #section-slide {
    margin: 2em 0em 1em 0em;
  }
  .content-page #index-page #section-slide .legend,
  .content-page #feature-page #section-slide .legend {
    grid-column: 2/span 12;
    margin: 1em;
  }
  .content-page #index-page #section-slide .img,
  .content-page #feature-page #section-slide .img {
    grid-column: 14/span 11;
    margin: 2em 0em;
  }
}
@media screen and (max-width: 768px) {
  .content-page #index-page #section-slide,
  .content-page #feature-page #section-slide {
    margin: 2em 1em;
    grid-template-rows: 1fr 2fr;
    grid-template-columns: 1fr;
  }
  .content-page #index-page #section-slide .legend,
  .content-page #feature-page #section-slide .legend {
    grid-column: 1;
    grid-template-rows: 1fr 3fr;
  }
  .content-page #index-page #section-slide .img,
  .content-page #feature-page #section-slide .img {
    grid-column: 1;
    grid-row: 2;
    margin: 0;
  }
}
@media screen and (max-width: 546px) {
  .content-page #index-page #section-slide,
  .content-page #feature-page #section-slide {
    margin: 2em 1em 1em 1em;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr;
  }
  .content-page #index-page #section-slide .legend,
  .content-page #feature-page #section-slide .legend {
    grid-column: 1;
    grid-row: 1;
  }
  .content-page #index-page #section-slide .img,
  .content-page #feature-page #section-slide .img {
    grid-column: 1;
    grid-row: 2;
    margin: 0;
  }
}
.content-page #index-page #section-matching,
.content-page #feature-page #section-matching {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  background-color: #ffffff;
  padding: 1em;
}
.content-page #index-page #section-matching .body,
.content-page #feature-page #section-matching .body {
  grid-column: 5/span 16;
  margin: 3em 0em 1em 0em;
}
.content-page #index-page #section-matching .body .s,
.content-page #feature-page #section-matching .body .s {
  display: grid;
  grid-template-columns: 16fr 8fr;
  column-gap: 3em;
  justify-items: center;
  margin: 0em auto;
  justify-content: left;
  color: #372D2D;
}
.content-page #index-page #section-matching .body .s .service .search_match,
.content-page #feature-page #section-matching .body .s .service .search_match {
  margin: 1em auto;
}
.content-page #index-page #section-matching .body .s .service form:not(.inputFileMenu),
.content-page #feature-page #section-matching .body .s .service form:not(.inputFileMenu) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2em;
}
.content-page #index-page #section-matching .body .s .service form:not(.inputFileMenu) .form-group,
.content-page #feature-page #section-matching .body .s .service form:not(.inputFileMenu) .form-group {
  padding-top: 0.5em;
}
.content-page #index-page #section-matching .body .s .service form:not(.inputFileMenu) .form-group select,
.content-page #feature-page #section-matching .body .s .service form:not(.inputFileMenu) .form-group select {
  width: 100%;
}
.content-page #index-page #section-matching .body .s .service form:not(.inputFileMenu) .condition,
.content-page #feature-page #section-matching .body .s .service form:not(.inputFileMenu) .condition {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.content-page #index-page #section-matching .body .s .service form:not(.inputFileMenu) p,
.content-page #feature-page #section-matching .body .s .service form:not(.inputFileMenu) p {
  font-weight: 900;
}
.content-page #index-page #section-matching .body .s .service form:not(.inputFileMenu) .st_name,
.content-page #feature-page #section-matching .body .s .service form:not(.inputFileMenu) .st_name {
  font-weight: 500;
  font-size: 1em;
}
.content-page #index-page #section-matching .body .s .service form.inputFileMenu,
.content-page #feature-page #section-matching .body .s .service form.inputFileMenu {
  margin: 2em 0em;
}
.content-page #index-page #section-matching .body .s .service form.inputFileMenu a,
.content-page #feature-page #section-matching .body .s .service form.inputFileMenu a {
  border: 1.5px solid #000000;
  color: #000000;
  background-color: #faf5f0;
  padding: 0.4em 0.4em 0.4em 0.4em;
  border-radius: 5px;
  font-size: 1.3em;
}
.content-page #index-page #section-matching .body .s .service form.inputFileMenu a:hover,
.content-page #feature-page #section-matching .body .s .service form.inputFileMenu a:hover {
  color: #D34618;
  background-color: #faf5f0;
  border: 1.5px solid #D34618;
}
.content-page #index-page #section-matching .body .s .service .upload-frame,
.content-page #feature-page #section-matching .body .s .service .upload-frame {
  text-align: center;
  background-color: #faf5f0;
  border-radius: 25px;
  height: 100%;
  padding: 1em;
}
.content-page #index-page #section-matching .body .s .service .upload-frame .upload,
.content-page #feature-page #section-matching .body .s .service .upload-frame .upload {
  display: inline-block;
  margin-bottom: 1em;
  pointer-events: all;
  cursor: pointer;
  font-size: 1.5em;
  background: #147882;
  color: white;
  border: none;
  padding: 0.5em 0em;
  margin: 1em;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.content-page #index-page #section-matching .body .s .service .upload-frame p,
.content-page #feature-page #section-matching .body .s .service .upload-frame p {
  text-align: center;
  margin: auto 1em;
}
@media screen and (max-width: 1920px) {
  .content-page #index-page #section-matching .body .s,
  .content-page #feature-page #section-matching .body .s {
    grid-template-columns: 16fr 8fr;
  }
}
@media screen and (max-width: 1200px) {
  .content-page #index-page #section-matching .body,
  .content-page #feature-page #section-matching .body {
    grid-column: 3/span 20;
  }
  .content-page #index-page #section-matching .body .s,
  .content-page #feature-page #section-matching .body .s {
    grid-template-columns: 14fr 10fr;
  }
}
@media screen and (max-width: 992px) {
  .content-page #index-page #section-matching,
  .content-page #feature-page #section-matching {
    margin: 0em;
  }
  .content-page #index-page #section-matching .body,
  .content-page #feature-page #section-matching .body {
    grid-column: 2/span 22;
    margin: 2em 0em 0em 0em;
  }
  .content-page #index-page #section-matching .body p,
  .content-page #feature-page #section-matching .body p {
    margin: auto 0em;
  }
  .content-page #index-page #section-matching .body .s,
  .content-page #feature-page #section-matching .body .s {
    column-gap: 2em;
  }
  .content-page #index-page #section-matching .body .s .service .upload-frame p,
  .content-page #feature-page #section-matching .body .s .service .upload-frame p {
    margin: auto 1em;
  }
}
@media screen and (max-width: 768px) {
  .content-page #index-page #section-matching,
  .content-page #feature-page #section-matching {
    margin: 2em 1em;
  }
  .content-page #index-page #section-matching .body .s,
  .content-page #feature-page #section-matching .body .s {
    grid-template-columns: 1fr;
  }
  .content-page #index-page #section-matching .body .s .service .upload-frame,
  .content-page #feature-page #section-matching .body .s .service .upload-frame {
    height: auto;
  }
}
@media screen and (max-width: 546px) {
  .content-page #index-page #section-matching,
  .content-page #feature-page #section-matching {
    margin: 2em 0em;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
  }
  .content-page #index-page #section-matching .body,
  .content-page #feature-page #section-matching .body {
    margin: auto 2em;
  }
  .content-page #index-page #section-matching .body .s,
  .content-page #feature-page #section-matching .body .s {
    grid-template-columns: 1fr;
  }
  .content-page #index-page #section-matching .body .s .service p,
  .content-page #feature-page #section-matching .body .s .service p {
    text-align: center;
  }
  .content-page #index-page #section-matching .body .s .service form,
  .content-page #feature-page #section-matching .body .s .service form {
    font-size: 1em;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "surn" "givn" "send";
  }
  .content-page #index-page #section-matching .body .s .service .upload-frame,
  .content-page #feature-page #section-matching .body .s .service .upload-frame {
    margin-top: 2em;
    height: auto;
  }
}
.content-page #index-page #section-services,
.content-page #index-page #section-premium,
.content-page #feature-page #section-services,
.content-page #feature-page #section-premium {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  place-items: center;
  color: #372D2D;
  background-color: #faf5f0;
}
.content-page #index-page #section-services .body,
.content-page #index-page #section-premium .body,
.content-page #feature-page #section-services .body,
.content-page #feature-page #section-premium .body {
  justify-self: center;
  grid-column: 5/-5;
}
.content-page #index-page #section-services .body p,
.content-page #index-page #section-premium .body p,
.content-page #feature-page #section-services .body p,
.content-page #feature-page #section-premium .body p {
  text-align: center;
}
.content-page #index-page #section-services .body .s,
.content-page #index-page #section-premium .body .s,
.content-page #feature-page #section-services .body .s,
.content-page #feature-page #section-premium .body .s {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "a b" "c c";
  gap: 2em;
  align-content: center;
}
.content-page #index-page #section-services .body .s .service,
.content-page #index-page #section-premium .body .s .service,
.content-page #feature-page #section-services .body .s .service,
.content-page #feature-page #section-premium .body .s .service {
  padding: 2em;
  display: grid;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  padding: 2em;
}
.content-page #index-page #section-services .body .s .service img,
.content-page #index-page #section-premium .body .s .service img,
.content-page #feature-page #section-services .body .s .service img,
.content-page #feature-page #section-premium .body .s .service img {
  margin: 2em auto;
}
.content-page #index-page #section-services .body .s .item-a,
.content-page #index-page #section-premium .body .s .item-a,
.content-page #feature-page #section-services .body .s .item-a,
.content-page #feature-page #section-premium .body .s .item-a {
  grid-area: a;
}
.content-page #index-page #section-services .body .s .item-b,
.content-page #index-page #section-premium .body .s .item-b,
.content-page #feature-page #section-services .body .s .item-b,
.content-page #feature-page #section-premium .body .s .item-b {
  grid-area: b;
}
.content-page #index-page #section-services .body .s .item-c,
.content-page #index-page #section-premium .body .s .item-c,
.content-page #feature-page #section-services .body .s .item-c,
.content-page #feature-page #section-premium .body .s .item-c {
  grid-area: c;
}
.content-page #index-page #section-services .body .s.eachfeat,
.content-page #index-page #section-premium .body .s.eachfeat,
.content-page #feature-page #section-services .body .s.eachfeat,
.content-page #feature-page #section-premium .body .s.eachfeat {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-areas: "a a b b c c" "d d d e e e" "f f f f f f";
  row-gap: 1em;
}
.content-page #index-page #section-services .body .s.eachfeat .item-a,
.content-page #index-page #section-premium .body .s.eachfeat .item-a,
.content-page #feature-page #section-services .body .s.eachfeat .item-a,
.content-page #feature-page #section-premium .body .s.eachfeat .item-a {
  grid-area: a;
}
.content-page #index-page #section-services .body .s.eachfeat .item-b,
.content-page #index-page #section-premium .body .s.eachfeat .item-b,
.content-page #feature-page #section-services .body .s.eachfeat .item-b,
.content-page #feature-page #section-premium .body .s.eachfeat .item-b {
  grid-area: b;
}
.content-page #index-page #section-services .body .s.eachfeat .item-c,
.content-page #index-page #section-premium .body .s.eachfeat .item-c,
.content-page #feature-page #section-services .body .s.eachfeat .item-c,
.content-page #feature-page #section-premium .body .s.eachfeat .item-c {
  grid-area: c;
}
.content-page #index-page #section-services .body .s.eachfeat .item-d,
.content-page #index-page #section-premium .body .s.eachfeat .item-d,
.content-page #feature-page #section-services .body .s.eachfeat .item-d,
.content-page #feature-page #section-premium .body .s.eachfeat .item-d {
  grid-area: d;
}
.content-page #index-page #section-services .body .s.eachfeat .item-e,
.content-page #index-page #section-premium .body .s.eachfeat .item-e,
.content-page #feature-page #section-services .body .s.eachfeat .item-e,
.content-page #feature-page #section-premium .body .s.eachfeat .item-e {
  grid-area: e;
}
.content-page #index-page #section-services .body .s.eachfeat .item-f,
.content-page #index-page #section-premium .body .s.eachfeat .item-f,
.content-page #feature-page #section-services .body .s.eachfeat .item-f,
.content-page #feature-page #section-premium .body .s.eachfeat .item-f {
  grid-area: f;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "a a a c" "b b b c";
  gap: 0em;
  justify-items: left;
}
.content-page #index-page #section-services .body .s.eachfeat .item-f h3,
.content-page #index-page #section-premium .body .s.eachfeat .item-f h3,
.content-page #feature-page #section-services .body .s.eachfeat .item-f h3,
.content-page #feature-page #section-premium .body .s.eachfeat .item-f h3 {
  grid-area: a;
}
.content-page #index-page #section-services .body .s.eachfeat .item-f p,
.content-page #index-page #section-premium .body .s.eachfeat .item-f p,
.content-page #feature-page #section-services .body .s.eachfeat .item-f p,
.content-page #feature-page #section-premium .body .s.eachfeat .item-f p {
  grid-area: b;
}
.content-page #index-page #section-services .body .s.eachfeat .item-f img,
.content-page #index-page #section-premium .body .s.eachfeat .item-f img,
.content-page #feature-page #section-services .body .s.eachfeat .item-f img,
.content-page #feature-page #section-premium .body .s.eachfeat .item-f img {
  grid-area: c;
}
@media screen and (max-width: 1200px) {
  .content-page #index-page #section-services .body .s.eachfeat,
  .content-page #index-page #section-premium .body .s.eachfeat,
  .content-page #feature-page #section-services .body .s.eachfeat,
  .content-page #feature-page #section-premium .body .s.eachfeat {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "a b" "c d" "e f";
    gap: 1em;
  }
  .content-page #index-page #section-services .body .s.eachfeat .item-f,
  .content-page #index-page #section-premium .body .s.eachfeat .item-f,
  .content-page #feature-page #section-services .body .s.eachfeat .item-f,
  .content-page #feature-page #section-premium .body .s.eachfeat .item-f {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "a" "b" "c";
  }
}
@media screen and (max-width: 768px) {
  .content-page #index-page #section-services .body .s.eachfeat,
  .content-page #index-page #section-premium .body .s.eachfeat,
  .content-page #feature-page #section-services .body .s.eachfeat,
  .content-page #feature-page #section-premium .body .s.eachfeat {
    display: flex;
    gap: 1em;
  }
}
.content-page #index-page #section-services .body .s.eachprem,
.content-page #index-page #section-premium .body .s.eachprem,
.content-page #feature-page #section-services .body .s.eachprem,
.content-page #feature-page #section-premium .body .s.eachprem {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.content-page #index-page #section-services .body .s.eachprem .service,
.content-page #index-page #section-premium .body .s.eachprem .service,
.content-page #feature-page #section-services .body .s.eachprem .service,
.content-page #feature-page #section-premium .body .s.eachprem .service {
  display: grid;
  grid-template-areas: "a a a a c c" "b b b b c c" "b b b b c c" "b b b b c c";
  gap: 0em;
  justify-items: left;
}
.content-page #index-page #section-services .body .s.eachprem .service h3,
.content-page #index-page #section-premium .body .s.eachprem .service h3,
.content-page #feature-page #section-services .body .s.eachprem .service h3,
.content-page #feature-page #section-premium .body .s.eachprem .service h3 {
  grid-area: a;
}
.content-page #index-page #section-services .body .s.eachprem .service ul,
.content-page #index-page #section-premium .body .s.eachprem .service ul,
.content-page #feature-page #section-services .body .s.eachprem .service ul,
.content-page #feature-page #section-premium .body .s.eachprem .service ul {
  grid-area: b;
  list-style-type: disc;
  margin-left: 2em;
}
.content-page #index-page #section-services .body .s.eachprem .service img,
.content-page #index-page #section-premium .body .s.eachprem .service img,
.content-page #feature-page #section-services .body .s.eachprem .service img,
.content-page #feature-page #section-premium .body .s.eachprem .service img {
  grid-area: c;
}
.content-page #index-page #section-services .body .b.eachprem,
.content-page #index-page #section-premium .body .b.eachprem,
.content-page #feature-page #section-services .body .b.eachprem,
.content-page #feature-page #section-premium .body .b.eachprem {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-page #index-page #section-services .body .b.eachprem button,
.content-page #index-page #section-premium .body .b.eachprem button,
.content-page #feature-page #section-services .body .b.eachprem button,
.content-page #feature-page #section-premium .body .b.eachprem button {
  margin-bottom: 0em;
}
@media screen and (max-width: 1200px) {
  .content-page #index-page #section-services .body,
  .content-page #index-page #section-premium .body,
  .content-page #feature-page #section-services .body,
  .content-page #feature-page #section-premium .body {
    grid-column: 4/-4;
  }
}
@media screen and (max-width: 992px) {
  .content-page #index-page #section-services .body,
  .content-page #index-page #section-premium .body,
  .content-page #feature-page #section-services .body,
  .content-page #feature-page #section-premium .body {
    grid-column: 2/-2;
  }
  .content-page #index-page #section-services .body .s .service,
  .content-page #index-page #section-premium .body .s .service,
  .content-page #feature-page #section-services .body .s .service,
  .content-page #feature-page #section-premium .body .s .service {
    padding: 2em;
  }
  .content-page #index-page #section-services .body .s .service img,
  .content-page #index-page #section-premium .body .s .service img,
  .content-page #feature-page #section-services .body .s .service img,
  .content-page #feature-page #section-premium .body .s .service img {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .content-page #index-page #section-services .body .b,
  .content-page #index-page #section-premium .body .b,
  .content-page #feature-page #section-services .body .b,
  .content-page #feature-page #section-premium .body .b {
    display: grid;
    row-gap: 1em;
    padding: 0.5em 2em;
  }
}
@media screen and (max-width: 768px) {
  .content-page #index-page #section-services,
  .content-page #index-page #section-premium,
  .content-page #feature-page #section-services,
  .content-page #feature-page #section-premium {
    justify-self: center;
    grid-column: 2/-2;
  }
  .content-page #index-page #section-services .body .s,
  .content-page #index-page #section-premium .body .s,
  .content-page #feature-page #section-services .body .s,
  .content-page #feature-page #section-premium .body .s {
    display: flex;
    flex-direction: column;
    row-gap: 1em;
  }
  .content-page #index-page #section-services .body .s .service,
  .content-page #index-page #section-premium .body .s .service,
  .content-page #feature-page #section-services .body .s .service,
  .content-page #feature-page #section-premium .body .s .service {
    margin: 1em;
  }
  .content-page #index-page #section-services .body .s .service img,
  .content-page #index-page #section-premium .body .s .service img,
  .content-page #feature-page #section-services .body .s .service img,
  .content-page #feature-page #section-premium .body .s .service img {
    display: none;
  }
  .content-page #index-page #section-services .body .b,
  .content-page #index-page #section-premium .body .b,
  .content-page #feature-page #section-services .body .b,
  .content-page #feature-page #section-premium .body .b {
    margin: 1em;
  }
}
.content-page #index-page #section-info,
.content-page #feature-page #section-info {
  background-color: #D34618;
  text-align: center;
}
.content-page #index-page #section-info h3,
.content-page #feature-page #section-info h3 {
  color: white;
  padding: 2em;
}
.content-page #index-page #section-team,
.content-page #feature-page #section-team {
  background-color: #D34618;
  display: flex;
  flex-direction: column;
  row-gap: 1em;
  text-align: left;
  justify-content: center;
  align-items: center;
  padding: 2em;
}
.content-page #index-page #section-team h3,
.content-page #index-page #section-team a,
.content-page #feature-page #section-team h3,
.content-page #feature-page #section-team a {
  color: white;
}
.content-page #index-page #section-team a,
.content-page #feature-page #section-team a {
  font-size: 1.5em;
  font-weight: normal;
  cursor: pointer;
  text-decoration: underline;
}
.content-page #index-page #section-ressource,
.content-page #feature-page #section-ressource {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  background-color: #D34618;
  color: white;
}
.content-page #index-page #section-ressource .legend,
.content-page #feature-page #section-ressource .legend {
  grid-column: 6/span 7;
  justify-content: center;
  align-content: center;
  margin-left: 2em;
}
.content-page #index-page #section-ressource .legend h2,
.content-page #index-page #section-ressource .legend p,
.content-page #feature-page #section-ressource .legend h2,
.content-page #feature-page #section-ressource .legend p {
  color: white;
  text-align: left;
}
.content-page #index-page #section-ressource .legend a,
.content-page #feature-page #section-ressource .legend a {
  font-size: 1.5em;
  text-align: left;
  font-family: Nunito-L;
  text-decoration: underline;
  color: white;
  margin: 2em 0em;
}
.content-page #index-page #section-ressource .legend a:hover,
.content-page #feature-page #section-ressource .legend a:hover {
  color: #372D2D;
}
.content-page #index-page #section-ressource .legend i,
.content-page #feature-page #section-ressource .legend i {
  margin: 2em 0.5em;
}
.content-page #index-page #section-ressource .img,
.content-page #feature-page #section-ressource .img {
  grid-column: 14/span 7;
  margin: 4em 0em;
}
.content-page #index-page #section-ressource .img img,
.content-page #feature-page #section-ressource .img img {
  border-radius: 1em;
}
@media screen and (max-width: 1200px) {
  .content-page #index-page #section-ressource .legend,
  .content-page #feature-page #section-ressource .legend {
    grid-column: 5/span 10;
  }
  .content-page #index-page #section-ressource .img,
  .content-page #feature-page #section-ressource .img {
    grid-column: 15/span 6;
  }
}
@media screen and (max-width: 992px) {
  .content-page #index-page #section-ressource .legend,
  .content-page #feature-page #section-ressource .legend {
    grid-column: 2/span 10;
  }
  .content-page #index-page #section-ressource .img,
  .content-page #feature-page #section-ressource .img {
    grid-column: 13/span 22;
    margin: 4em 0em;
  }
}
@media screen and (max-width: 768px) {
  .content-page #index-page #section-ressource .legend,
  .content-page #feature-page #section-ressource .legend {
    grid-column: 1/span 11;
  }
  .content-page #index-page #section-ressource .img,
  .content-page #feature-page #section-ressource .img {
    grid-column: 13/span 22;
    margin: 4em 1em;
  }
}
@media screen and (max-width: 546px) {
  .content-page #index-page #section-ressource,
  .content-page #feature-page #section-ressource {
    grid-template-columns: 1fr;
    margin: 2em 0em;
    padding: 2em;
  }
  .content-page #index-page #section-ressource .legend h2,
  .content-page #feature-page #section-ressource .legend h2 {
    text-align: center;
  }
  .content-page #index-page #section-ressource .legend a,
  .content-page #feature-page #section-ressource .legend a {
    font-size: 1.3em;
  }
  .content-page #index-page #section-ressource img,
  .content-page #feature-page #section-ressource img {
    display: none;
  }
}
.content-page #index-page #section-why,
.content-page #feature-page #section-why {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  row-gap: 1em;
  justify-items: center;
  align-items: center;
  justify-content: center;
  align-content: center;
}
.content-page #index-page #section-why .body,
.content-page #feature-page #section-why .body {
  grid-column: 6/span 14;
}
.content-page #index-page #section-why .body p,
.content-page #feature-page #section-why .body p {
  text-align: center;
  margin-top: 0.5em;
}
.content-page #index-page #section-why .body .s,
.content-page #feature-page #section-why .body .s {
  display: grid;
  grid-template-columns: 3fr 3fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 3em;
  row-gap: 1em;
  justify-content: center;
  align-content: center;
}
.content-page #index-page #section-why .body .s .service,
.content-page #feature-page #section-why .body .s .service {
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  padding: 2em;
}
.content-page #index-page #section-why .body .s .service h3,
.content-page #feature-page #section-why .body .s .service h3 {
  padding: 0em;
}
.content-page #index-page #section-why .body .s .service p,
.content-page #feature-page #section-why .body .s .service p {
  padding: 0em 1em;
}
.content-page #index-page #section-why .body .b,
.content-page #feature-page #section-why .body .b {
  margin-top: 1em;
  text-align: center;
  font-size: 1.5em;
  font-family: Nunito-L;
  text-decoration: underline;
}
@media screen and (max-width: 1200px) {
  .content-page #index-page #section-why .body,
  .content-page #feature-page #section-why .body {
    grid-column: 4/span 18;
  }
}
@media screen and (max-width: 992px) {
  .content-page #index-page #section-why,
  .content-page #feature-page #section-why {
    grid-template-columns: repeat(12, 1fr);
  }
  .content-page #index-page #section-why .body,
  .content-page #feature-page #section-why .body {
    grid-column: 2/span 10;
  }
  .content-page #index-page #section-why .body .t,
  .content-page #feature-page #section-why .body .t {
    margin: 0em 1em;
  }
  .content-page #index-page #section-why .body .s .service,
  .content-page #feature-page #section-why .body .s .service {
    padding: 1em;
  }
}
@media screen and (max-width: 546px) {
  .content-page #index-page #section-why,
  .content-page #feature-page #section-why {
    row-gap: 0em;
    grid-template-columns: 1fr;
  }
  .content-page #index-page #section-why .body,
  .content-page #feature-page #section-why .body {
    grid-column: 1;
  }
  .content-page #index-page #section-why .body .t,
  .content-page #feature-page #section-why .body .t {
    margin: 0em;
  }
  .content-page #index-page #section-why .body .s,
  .content-page #feature-page #section-why .body .s {
    grid-template-rows: repeat(4, 1fr);
    grid-template-columns: 1fr;
    row-gap: 0em;
  }
  .content-page #index-page #section-why .body .s .service,
  .content-page #feature-page #section-why .body .s .service {
    margin: 1em;
  }
  .content-page #index-page #section-why .body .s .service img,
  .content-page #feature-page #section-why .body .s .service img {
    display: none;
  }
  .content-page #index-page #section-why .body .b,
  .content-page #feature-page #section-why .body .b {
    margin-top: 1em;
  }
}
.content-page #index-page #section-offre,
.content-page #feature-page #section-offre {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  justify-items: center;
  align-items: center;
  justify-content: center;
  align-content: center;
  background-color: #faf5f0;
  color: #372D2D;
}
.content-page #index-page #section-offre .body,
.content-page #feature-page #section-offre .body {
  grid-column: 5/span 16;
  margin: 2em 1em 2em 1em;
}
.content-page #index-page #section-offre .body .c,
.content-page #feature-page #section-offre .body .c {
  display: grid;
  grid-template-columns: repeat(3, 3fr);
  column-gap: 2em;
  margin-top: 3em;
}
.content-page #index-page #section-offre .body .c .offre,
.content-page #feature-page #section-offre .body .c .offre {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  padding: 1em;
  grid-template-rows: 30fr 15fr 55fr;
}
.content-page #index-page #section-offre .body .c .offre .common-subscription-infos,
.content-page #feature-page #section-offre .body .c .offre .common-subscription-infos {
  text-align: center;
}
.content-page #index-page #section-offre .body .c .offre .info-container,
.content-page #feature-page #section-offre .body .c .offre .info-container {
  padding: 1.4em;
}
.content-page #index-page #section-offre .body .c .offre .info-container ul,
.content-page #feature-page #section-offre .body .c .offre .info-container ul {
  list-style-type: disc;
}
.content-page #index-page #section-offre .body .c .offre .prices-container,
.content-page #feature-page #section-offre .body .c .offre .prices-container {
  margin-top: 2em;
}
.content-page #index-page #section-offre .body .c .offre .prices-container p,
.content-page #feature-page #section-offre .body .c .offre .prices-container p {
  text-align: center;
}
.content-page #index-page #section-offre .body .b,
.content-page #feature-page #section-offre .body .b {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-page #index-page #section-offre .body .b button,
.content-page #feature-page #section-offre .body .b button {
  margin-bottom: 0em;
}
@media screen and (max-width: 1200px) {
  .content-page #index-page #section-offre .body,
  .content-page #feature-page #section-offre .body {
    grid-column: 2/span 22;
  }
}
@media screen and (max-width: 992px) {
  .content-page #index-page #section-offre .body,
  .content-page #feature-page #section-offre .body {
    grid-column: 1/span 24;
    margin: 1em;
  }
  .content-page #index-page #section-offre .body .c,
  .content-page #feature-page #section-offre .body .c {
    column-gap: 1em;
  }
  .content-page #index-page #section-offre .body .b,
  .content-page #feature-page #section-offre .body .b {
    display: flex;
    justify-content: center;
  }
  .content-page #index-page #section-offre .body .b button,
  .content-page #feature-page #section-offre .body .b button {
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 768px) {
  .content-page #index-page #section-offre,
  .content-page #feature-page #section-offre {
    grid-template-columns: 1fr;
  }
  .content-page #index-page #section-offre .body .c,
  .content-page #feature-page #section-offre .body .c {
    grid-template-columns: 1fr;
    row-gap: 1em;
    margin: auto 4em;
  }
  .content-page #index-page #section-offre .body .c .offre .info-container,
  .content-page #feature-page #section-offre .body .c .offre .info-container {
    padding: 1em;
  }
  .content-page #index-page #section-offre .body .b,
  .content-page #feature-page #section-offre .body .b {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 546px) {
  .content-page #index-page #section-offre,
  .content-page #feature-page #section-offre {
    row-gap: 0em;
    grid-template-columns: 1fr;
  }
  .content-page #index-page #section-offre .body .c,
  .content-page #feature-page #section-offre .body .c {
    margin: 1em 2em;
    display: grid;
    grid-template-columns: 1fr;
  }
  .content-page #index-page #section-offre .body .c .offre,
  .content-page #feature-page #section-offre .body .c .offre {
    margin: 1em;
  }
  .content-page #index-page #section-offre .body .c .offre .info-container,
  .content-page #feature-page #section-offre .body .c .offre .info-container {
    padding: 1em;
  }
  .content-page #index-page #section-offre .body .c .offre .prices-container,
  .content-page #feature-page #section-offre .body .c .offre .prices-container {
    margin-top: 1em;
  }
  .content-page #index-page #section-offre .body .b,
  .content-page #feature-page #section-offre .body .b {
    grid-template-columns: 1fr;
  }
  .content-page #index-page #section-offre .body .b button,
  .content-page #feature-page #section-offre .body .b button {
    grid-column: 1;
    margin: 1em;
  }
}
.content-page #index-page #section-testimonials,
.content-page #feature-page #section-testimonials {
  background-color: white;
}
.content-page #index-page #section-testimonials .body,
.content-page #feature-page #section-testimonials .body {
  position: relative;
  overflow: hidden;
}
.content-page #index-page #section-testimonials .body .c-testimonials,
.content-page #feature-page #section-testimonials .body .c-testimonials {
  margin: 1em auto;
  display: flex;
  align-items: center;
  transition: transform 0.5s ease;
  will-change: transform;
}
.content-page #index-page #section-testimonials .body .c-testimonials .testimonial,
.content-page #feature-page #section-testimonials .body .c-testimonials .testimonial {
  min-width: 100%;
}
.content-page #index-page #section-testimonials .body .c-testimonials .testimonial p,
.content-page #feature-page #section-testimonials .body .c-testimonials .testimonial p {
  text-align: center;
}
.content-page #index-page #section-testimonials .body .c-testimonials .testimonial .txt p,
.content-page #feature-page #section-testimonials .body .c-testimonials .testimonial .txt p {
  font-size: 1.8em;
  padding: 0em 2em;
}
@media screen and (max-width: 546px) {
  .content-page #index-page #section-testimonials .body .c-testimonials .testimonial .txt p,
  .content-page #feature-page #section-testimonials .body .c-testimonials .testimonial .txt p {
    font-size: 1.2em;
  }
}
.content-page #index-page #section-testimonials .body .c-testimonials .testimonial .name p,
.content-page #feature-page #section-testimonials .body .c-testimonials .testimonial .name p {
  font-size: 1em;
}
.content-page #index-page #section-testimonials .body .b,
.content-page #feature-page #section-testimonials .body .b {
  grid-column: 2;
  padding: 0em;
  text-align: center;
}
.content-page #index-page #section-testimonials .body .b .next,
.content-page #index-page #section-testimonials .body .b .back,
.content-page #feature-page #section-testimonials .body .b .next,
.content-page #feature-page #section-testimonials .body .b .back {
  display: inline-block;
  pointer-events: all;
  cursor: pointer;
  background: #D34618;
  color: white;
  border: none;
  margin: 2em;
  padding: 10px;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
.content-page #index-page #section-testimonials .body .b .next i,
.content-page #index-page #section-testimonials .body .b .back i,
.content-page #feature-page #section-testimonials .body .b .next i,
.content-page #feature-page #section-testimonials .body .b .back i {
  padding: 0 0.2em;
}
@media screen and (max-width: 442px) {
  .content-page #index-page #section-testimonials .body,
  .content-page #feature-page #section-testimonials .body {
    display: none;
  }
}
.content-page #index-page #section-gene-acce,
.content-page #feature-page #section-gene-acce {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  justify-items: center;
  align-items: center;
  justify-content: center;
  align-content: center;
  background-color: #faf5f0;
  color: #372D2D;
}
.content-page #index-page #section-gene-acce .body,
.content-page #feature-page #section-gene-acce .body {
  grid-column: 3/span 8;
  margin: 0em 0em 1em 0em;
}
.content-page #index-page #section-gene-acce .body .s .service .p,
.content-page #feature-page #section-gene-acce .body .s .service .p {
  display: grid;
  grid-template-columns: repeat(3, 3fr);
  column-gap: 2em;
}
.content-page #index-page #section-gene-acce .body .s .service .i,
.content-page #feature-page #section-gene-acce .body .s .service .i {
  display: flex;
  justify-content: center;
}
.content-page #index-page #section-gene-acce .body .s .service .i img,
.content-page #feature-page #section-gene-acce .body .s .service .i img {
  padding: 2em;
}
.content-page #index-page #section-gene-acce .body .s .service h3,
.content-page #feature-page #section-gene-acce .body .s .service h3 {
  color: #372D2D;
  line-height: 1.1em;
}
.content-page #index-page #section-gene-acce .body .s .service .min::first-letter,
.content-page #feature-page #section-gene-acce .body .s .service .min::first-letter {
  text-transform: lowercase;
}
.content-page #index-page #section-gene-acce .body .s .service p,
.content-page #feature-page #section-gene-acce .body .s .service p {
  font-family: Nunito-L;
  text-align: center;
  padding: 1em;
}
@media screen and (max-width: 546px) {
  .content-page #index-page #section-gene-acce .body .s .service img,
  .content-page #feature-page #section-gene-acce .body .s .service img {
    width: 80px;
    height: 80px;
  }
}
.content-page #index-page #section-gene-acce .body .b,
.content-page #feature-page #section-gene-acce .body .b {
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-page #index-page #section-gene-acce .body .b button,
.content-page #feature-page #section-gene-acce .body .b button {
  margin: 2em;
}
@media screen and (max-width: 1200px) {
  .content-page #index-page #section-gene-acce .body,
  .content-page #feature-page #section-gene-acce .body {
    grid-column: 1/span 12;
  }
}
@media screen and (max-width: 992px) {
  .content-page #index-page #section-gene-acce .body .s .service .p,
  .content-page #feature-page #section-gene-acce .body .s .service .p {
    column-gap: 1em;
  }
  .content-page #index-page #section-gene-acce .body .s .service p,
  .content-page #feature-page #section-gene-acce .body .s .service p {
    padding: 0em;
  }
}
@media screen and (max-width: 546px) {
  .content-page #index-page #section-gene-acce,
  .content-page #feature-page #section-gene-acce {
    grid-template-columns: 1fr;
  }
  .content-page #index-page #section-gene-acce .body .s,
  .content-page #feature-page #section-gene-acce .body .s {
    margin-top: 0em;
  }
  .content-page #index-page #section-gene-acce .body .s .service h3,
  .content-page #feature-page #section-gene-acce .body .s .service h3 {
    text-align: center;
    margin: 0em;
  }
  .content-page #index-page #section-gene-acce .body .s .service .p,
  .content-page #feature-page #section-gene-acce .body .s .service .p {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    row-gap: 1em;
  }
  .content-page #index-page #section-gene-acce .body .s .service .i,
  .content-page #feature-page #section-gene-acce .body .s .service .i {
    display: flex;
    justify-content: center;
  }
  .content-page #index-page #section-gene-acce .body .s .service .i img,
  .content-page #feature-page #section-gene-acce .body .s .service .i img {
    padding: 0.5em;
  }
}
.content-page #index-page #section-news,
.content-page #feature-page #section-news {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  justify-items: center;
  align-items: center;
  justify-content: center;
  align-content: center;
  background-color: white;
}
.content-page #index-page #section-news .body,
.content-page #feature-page #section-news .body {
  grid-column: 3/span 8;
}
.content-page #index-page #section-news .body p,
.content-page #feature-page #section-news .body p {
  text-align: center;
}
.content-page #index-page #section-news .body .c,
.content-page #feature-page #section-news .body .c {
  display: grid;
  grid-template-columns: 8fr 4fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 1em;
  row-gap: 1em;
  margin: 2em 0em 0em 0em;
  max-width: 60em;
}
.content-page #index-page #section-news .body .c #news_mail,
.content-page #feature-page #section-news .body .c #news_mail {
  background-color: #faf5f0;
  border-radius: 20px;
}
.content-page #index-page #section-news .body .c button,
.content-page #feature-page #section-news .body .c button {
  margin: 0em;
}
@media screen and (max-width: 546px) {
  .content-page #index-page #section-news .body .c .condition,
  .content-page #feature-page #section-news .body .c .condition {
    grid-template-columns: 1fr 12fr;
    column-gap: 0;
  }
  .content-page #index-page #section-news .body .c .condition label,
  .content-page #feature-page #section-news .body .c .condition label {
    font-size: 1em;
    font-family: Nunito-L;
  }
  .content-page #index-page #section-news .body .c .condition span,
  .content-page #feature-page #section-news .body .c .condition span {
    font-weight: 100;
    font-family: Nunito-L;
  }
}
@media screen and (max-width: 992px) {
  .content-page #index-page #section-news .body,
  .content-page #feature-page #section-news .body {
    grid-column: 2/span 10;
  }
  .content-page #index-page #section-news .body .c,
  .content-page #feature-page #section-news .body .c {
    display: grid;
    grid-template-columns: 7fr 5fr;
  }
}
@media screen and (max-width: 768px) {
  .content-page #index-page #section-news .body,
  .content-page #feature-page #section-news .body {
    grid-column: 1/span 12;
    margin: 2em;
    padding: 1em;
  }
  .content-page #index-page #section-news .body .c,
  .content-page #feature-page #section-news .body .c {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: 12fr;
  }
  .content-page #index-page #section-news .body .c input,
  .content-page #feature-page #section-news .body .c input {
    grid-row: 1;
    grid-column: 1;
  }
  .content-page #index-page #section-news .body .c button,
  .content-page #feature-page #section-news .body .c button {
    grid-row: 3;
  }
  .content-page #index-page #section-news .body .c .condition,
  .content-page #feature-page #section-news .body .c .condition {
    grid-row: 2;
    grid-column: 1;
  }
}
.content-page #section-faq {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  justify-items: center;
  align-items: center;
  justify-content: center;
  align-content: center;
}
.content-page #section-faq .body {
  grid-column: 4/span 6;
}
.content-page #section-faq .body .t p {
  text-align: center;
}
.content-page #section-faq .body .c {
  margin-top: 3em;
}
.content-page #section-faq .body .c .line {
  padding: 1em;
  display: grid;
  grid-template-columns: 90fr 10fr;
  cursor: pointer;
}
.content-page #section-faq .body .c .line i {
  color: #372D2D;
}
.content-page #section-faq .body .c p.line:first-child {
  border-top: 1px solid #372D2D;
}
.content-page #section-faq .body .c .ans {
  padding: 1em;
}
.content-page #section-faq .body .c .ans p,
.content-page #section-faq .body .c .ans li {
  font-size: 1.3em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.content-page #section-faq .body .c .ans ul {
  list-style: disc outside;
  margin-left: 2em;
}
.content-page #section-faq .body .c .ans span,
.content-page #section-faq .body .c .ans a {
  font-family: Nunito-L;
  text-align: justify;
  font-size: 1em;
}
.content-page #section-faq .body .c .ans a {
  color: #D34618;
  cursor: pointer;
}
.content-page #section-faq .body a.btn-black {
  padding: 0.5em 2em;
  margin: 2em 0em;
  font-size: 1.3em;
}
@media screen and (max-width: 1920px) {
  .content-page #section-faq .body {
    grid-column: 3/span 8;
  }
}
@media screen and (max-width: 1200px) {
  .content-page #section-faq .body {
    grid-column: 2/span 10;
  }
}

[id=landing] .section .text_lighter {
  color: rgb(70, 70, 70);
}
[id=landing] #section_1 {
  position: relative;
  background-color: #dbedd8;
}
[id=landing] #section_1 .background img {
  width: 100%;
  height: 100%;
}
[id=landing] #section_1 .content {
  position: absolute;
  top: 40%;
  left: 40%;
  transform: translate(-50%, -50%);
  text-align: left;
}
[id=landing] #section_1 .content h2 {
  margin-bottom: 30px;
  color: #FFFFFF;
  text-align: left;
  font-size: 3em;
  font-weight: bold;
}
[id=landing] #section_1 .content .text_colored {
  color: #F8F408;
}
[id=landing] #section_1 .content h3 {
  margin-bottom: 20px;
  color: #FFFFFF;
  text-align: left;
  font-size: 2em;
  font-weight: bold;
}
[id=landing] #section_1 .content #buttonwelcome {
  font-size: 1em;
  border-radius: 10px;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  background-color: #6BC50E;
}
[id=landing] #section_1 .content #buttonwelcome:hover {
  background-color: rgb(20, 120, 130);
  color: #FFFFFF;
}
[id=landing] #section_1 .content #buttonwelcome:hover span:nth-child(1) {
  color: black;
}
[id=landing] #section_1 .content #buttonwelcome:active {
  background-color: rgba(208, 208, 208, 0.1);
  color: #FFFFFF;
}
[id=landing] #section_1 .content #buttonwelcome p {
  width: 100%;
  margin: 0;
}
[id=landing] #section_1 .content #buttonwelcome h2 {
  margin: 10px;
  font-size: 2em;
}
[id=landing] #section_2 {
  position: relative;
  background-color: #dbedd8;
}
[id=landing] #section_2 .content {
  margin-left: 10%;
  margin-right: 10%;
  text-align: center;
}
[id=landing] #section_2 .content h2 {
  margin-bottom: 20px;
  color: black;
  font-size: 3em;
  font-weight: bold;
}
[id=landing] #section_2 .content .text_colored {
  color: #6BC50E;
}
[id=landing] #section_2 .content .text_lighter {
  color: rgb(70, 70, 70);
}
[id=landing] #section_2 .content h3 {
  margin-bottom: 20px;
  color: black;
  font-size: 2em;
  font-weight: bold;
}
[id=landing] #section_2 .content h4 {
  color: #4f8913;
}
[id=landing] #section_3 {
  position: relative;
  background-color: #FFFFFF;
}
[id=landing] #section_3 .content {
  margin-left: 10%;
  margin-right: 10%;
  text-align: center;
}
[id=landing] #section_3 .content .block img {
  width: 100%;
  height: auto;
}
[id=landing] #section_3 .content h2 {
  margin-bottom: 20px;
  color: black;
  font-size: 3em;
  font-weight: bold;
}
[id=landing] #section_3 .content .text_colored {
  color: #6BC50E;
}
[id=landing] #section_3 .content .text_lighter {
  color: rgb(70, 70, 70);
}
[id=landing] #section_3 .content h3 {
  margin-bottom: 20px;
  color: black;
  font-size: 2em;
  font-weight: bold;
}
[id=landing] #section_4 {
  position: relative;
  background-color: #dbedd8;
  text-align: center;
}
[id=landing] #section_4 .content h1 {
  font-weight: bolder;
  padding-bottom: 20px;
}
[id=landing] #section_4 .content .text_colored {
  color: #6BC50E;
}
[id=landing] #section_4 .content #buttonwelcome {
  font-size: 1em;
  border-radius: 10px;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  background-color: #6BC50E;
}
[id=landing] #section_4 .content #buttonwelcome:hover {
  background-color: rgb(20, 120, 130);
  color: #FFFFFF;
}
[id=landing] #section_4 .content #buttonwelcome:hover span:nth-child(1) {
  color: black;
}
[id=landing] #section_4 .content #buttonwelcome:active {
  background-color: rgba(208, 208, 208, 0.1);
  color: #FFFFFF;
}
[id=landing] #section_4 .content #buttonwelcome h2 {
  margin: 10px;
  font-size: 2em;
}
[id=landing] #section_5 {
  position: relative;
  color: #FFFFFF;
  text-align: center;
  background-color: #dbedd8;
}
[id=landing] #section_5 .background img {
  width: 100%;
  height: 450px;
}
[id=landing] #section_5 .content {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
[id=landing] #section_5 .content h2 {
  margin-bottom: 20px;
  margin-top: 20px;
  color: #FFFFFF;
  font-size: 3em;
  font-weight: bold;
}
[id=landing] #section_5 .content #buttonwelcome {
  font-size: 1em;
  border-radius: 10px;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  background-color: #6BC50E;
}
[id=landing] #section_5 .content #buttonwelcome:hover {
  background-color: rgb(20, 120, 130);
  color: #FFFFFF;
}
[id=landing] #section_5 .content #buttonwelcome:hover span:nth-child(1) {
  color: black;
}
[id=landing] #section_5 .content #buttonwelcome:active {
  background-color: rgba(208, 208, 208, 0.1);
  color: #FFFFFF;
}
[id=landing] #section_5 .content #buttonwelcome h2 {
  margin: 10px;
  font-size: 2em;
}
[id=landing] #section_5 li {
  font-size: 70px;
  padding-left: 40px;
  padding-right: 40px;
  color: #FFFFFF;
  display: inline-block;
}
[id=landing] #section_5 li a span {
  color: #FFFFFF;
}

body {
  font-size: 1.4em;
  position: relative;
  margin: 0;
}

@media (max-width: 992px) {
  .gp-md-c2 {
    grid-template-columns: repeat(4, 1fr);
    font-size: 1em !important;
  }
}
@media (max-width: 768px) {
  #header .vm .gp-c6 {
    grid-template-columns: repeat(7, 1fr);
  }
}
#premium {
  height: 3em;
  background-color: #147882;
  color: white;
  font-size: 1.5em;
}
#premium span {
  font-family: Nunito-L;
}
#premium a {
  color: white;
  text-decoration: underline;
  font-family: Nunito-L;
}
#premium a:hover {
  color: #D34618;
}
@media screen and (max-width: 546px) {
  #premium {
    font-size: 1em;
  }
}

.navbar {
  position: fixed;
  top: 0;
  z-index: 150;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 12px #555;
  margin: 0;
  border-radius: 0;
}
.navbar .navbar-toggle {
  stroke: #000;
  position: relative;
  margin-top: -7px;
  font-size: 30px;
  margin-right: 25px;
}
.navbar .navbar-brand {
  padding: 0px;
  padding-left: 15px;
}
.navbar .navbar-brand span:nth-child(1) {
  margin-left: 15px;
  margin-right: 5px;
}
.navbar .navbar-brand span:nth-child(2) {
  color: #4f8913;
  font-weight: bold;
}
.navbar .navbar-brand span:nth-child(3) {
  color: #147882;
  font-weight: bold;
}
.navbar .navbar-brand span:nth-child(4) {
  color: #147882;
}
.navbar .navbar-nav span.fa.fa-user-circle {
  padding-right: 5px;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > span {
  color: #FFFFFF;
}
.navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > span:hover,
.navbar .navbar-nav > span:focus {
  color: #FFFFFF;
}
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > span {
  color: #FFFFFF;
}
.navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus,
.navbar .navbar-nav > span:hover,
.navbar .navbar-nav > span:focus {
  color: #FFFFFF;
}
.navbar .navbar-nav > li > a,
.navbar .navbar-nav span {
  font-size: 1.2em;
  color: rgb(55, 45, 45);
  text-transform: uppercase;
  height: 50px;
}
.navbar .navbar-nav .btn-create {
  border-bottom: 2px solid #D34618;
}
.navbar .navbar-nav .tooltip :first-letter {
  text-transform: uppercase;
}
.navbar .navbar-nav li .dropdown-menu {
  background-color: #FFFFFF;
}
.navbar .navbar-nav li .dropdown-menu a:hover,
.navbar .navbar-nav li .dropdown-menu span:hover {
  background-color: #d1ebb5;
  color: #FFFFFF;
}
.navbar .navbar-nav .dropdown {
  z-index: 100;
}
.navbar .navbar-nav .dropdown > a .caret,
.navbar .navbar-nav .dropdown span .caret {
  border-top-color: #147882;
  border-bottom-color: #999999;
}
.navbar .navbar-nav .dropdown > a:hover .caret,
.navbar .navbar-nav .dropdown span:hover .caret {
  border-top-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
}
.navbar .navbar-nav .dropdown .dropdown-menu > li > a,
.navbar .navbar-nav .dropdown .dropdown-menu > span {
  text-align: center;
  min-height: 30px;
  color: #147882;
  padding-top: 10px;
}
.navbar .navbar-nav .dropdown .dropdown-menu > li > a:hover, .navbar .navbar-nav .dropdown .dropdown-menu > li > a:focus,
.navbar .navbar-nav .dropdown .dropdown-menu > span:hover,
.navbar .navbar-nav .dropdown .dropdown-menu > span:focus {
  background-color: #147882;
  background-image: none;
  color: #FFFFFF;
}
.navbar .navbar-nav button#navbarbutton span {
  background-color: rgb(55, 45, 45);
}

#header a::first-letter {
  text-transform: uppercase;
}
#header .fa-star {
  margin: 0 0 0 0.25em;
}
#header .fa-angle-right {
  margin: 0 0 0 0.5em;
  top: 1em;
}
#header .fa-check {
  margin: 0 0 0 0.5em;
}
#header .available {
  color: #147882;
}
#header .not-available {
  color: #fca758;
  font-size: 0.5em;
}

#alert_img_paques {
  width: calc(100% + 50px);
  margin-left: -25px;
  margin-right: -25px;
  margin-bottom: -50px;
  border-radius: 10px;
}

.content-page {
  width: 100%;
}

.team_ul .active {
  background-color: orange;
}

#menu-mobile .toggle-button {
  position: absolute;
  top: 3rem;
  right: 1rem;
  flex-direction: column;
  justify-content: space-between;
  width: 25px;
  height: 15px;
  display: none;
}
#menu-mobile .toggle-button .bar {
  height: 2px;
  width: 100%;
  background-color: #372D2D;
  border-radius: 10px;
}
#menu-mobile .navbar-links ul {
  padding: 0;
}
@media (max-width: 1080px) {
  #menu-mobile .toggle-button {
    display: flex;
  }
  #menu-mobile .navbar-links {
    display: none;
    width: 100%;
  }
  #menu-mobile .navbar-links ul {
    width: 100%;
    flex-direction: column;
  }
  #menu-mobile .navbar-links li {
    text-align: center;
  }
  #menu-mobile .navbar-menu {
    flex-direction: column;
    align-items: flex-start;
  }
  #menu-mobile .navbar-links.active {
    display: flex;
  }
}

div[data-toggle=collapse-menu] {
  cursor: pointer;
  padding: 0.5em;
}
div[data-toggle=collapse-menu]:hover {
  opacity: 0.8;
}

#header-blog #global-menu {
  padding: 1em;
}
@media screen and (max-width: 1366px) {
  #header-blog #global-menu .header-content {
    column-gap: 2em;
  }
}
@media screen and (max-width: 1200px) {
  #header-blog #global-menu .menuToggle {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  #header-blog #global-menu {
    grid-auto-flow: row dense;
  }
  #header-blog #global-menu #menu-filtre {
    display: block;
  }
  #header-blog #global-menu .header-content {
    column-gap: 0.5em;
  }
  #header-blog #global-menu .cadre-filter {
    display: none;
  }
  #header-blog #global-menu .cadre-filter.collapse {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(175px, 100%), max-content));
    grid-auto-flow: dense;
  }
}
#header-blog #global-menu .header-content span {
  text-align: center;
  cursor: pointer;
  color: #372D2D;
  font-size: 1.2em;
  font-family: Nunito-L;
}
#header-blog #global-menu .header-content span:hover {
  color: #D34618;
}
#header-blog #global-menu .header-content input.filter {
  min-width: 150px;
  background-color: #F0F5F5;
  border: 1px solid #372D2D;
}
#header-blog #global-menu .search {
  position: relative;
}
#header-blog #global-menu .line,
#header-blog #global-menu .btn-blog {
  color: #372D2D;
  font-weight: bold;
  font-size: 1.5em;
}
#header-blog #global-menu .btn-blog {
  font-family: Hind;
  position: relative;
  top: 1px;
}
#header-blog #global-menu .btn-blog:hover {
  color: #D34618;
}
#header-blog #logo-img img {
  max-width: 100%;
  height: auto;
}
#header-blog .menuToggle .btn-login-blog {
  text-align: left;
  font-size: 1.1em;
  color: white;
}
@media screen and (max-width: 768px) {
  #header-blog .menuToggle .btn-login-blog {
    color: #372D2D;
    text-align: left;
    background-color: transparent;
    font-size: 1.2em;
  }
  #header-blog .menuToggle .btn-login-blog:hover {
    color: #d34618;
  }
}
#header-blog #menu-filtre {
  color: white;
  font-family: Nunito;
  font-style: normal;
  position: absolute;
  right: 1em;
  top: 25px;
  display: none;
  cursor: pointer;
  z-index: 100;
  border-radius: 5px;
  color: #372D2D;
}
#header-blog #menu-filtre #iconFiltre {
  padding-right: 0.3em;
}
#header-blog #menu-filtre:hover {
  color: #D34618;
}
#header-blog .cadre-filter.collapse {
  display: grid;
  z-index: 100;
  width: 100%;
  background-color: white;
  box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.1);
  padding: 1em;
  justify-items: center;
}
@media screen and (max-width: 768px) {
  #header-blog .menuNav li {
    margin-bottom: 1em;
  }
}
#header-blog .menuNav li a {
  color: #372D2D;
}
#header-blog .menuNav li i {
  font-size: 1.3em;
}

#header #global-menu {
  padding: 1em;
  grid-template-columns: max-content;
  position: relative;
  padding-right: 2em;
}
#header #global-menu #logo-img img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  #header #global-menu #logo-img img {
    width: 145px;
  }
}
@media screen and (max-width: 992px) {
  #header #global-menu {
    justify-content: center;
  }
  #header .menuToggle.bar-connect {
    top: 25px;
  }
}

@media screen and (max-width: 768px) {
  .menuToggle .btn-login-blog {
    color: #372d2d;
    text-align: left;
    background-color: transparent;
    font-size: 1.2em;
  }
  .menuToggle .btn-create {
    border: 0;
    color: #372d2d;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
  }
  .menuToggle .btn-create:hover {
    background-color: transparent;
    color: #372d2d;
  }
  .menuToggle li a.grid-child {
    font-size: 1.3em;
    font-family: Nunito-L;
  }
  .menuToggle li a.grid-parent {
    font-size: 1.3em;
    font-family: Nunito-L;
  }
  .menuToggle li a.grid-parent i.fa-star {
    font-size: 0.5em;
  }
  .menuToggle li .btn-blog:hover {
    color: #D34618;
  }
  .menuToggle .item span {
    font-size: 1em;
    font-family: Nunito-L;
  }
  .menuToggle .item i {
    font-size: 0.7em;
    padding-left: 1em;
  }
  .menuToggle .item a {
    color: #372D2D;
    font-family: Nunito-L;
  }
  .menuToggle .item a:hover {
    color: #D34618;
  }
}

#header #global-menu .menuNav li a.grid-child {
  text-align: center;
  font-size: 1.3em;
  font-family: Nunito-L;
  cursor: pointer;
}
#header #global-menu .menuNav li a.grid-parent {
  font-size: 1.3em;
  font-family: Nunito-L;
}
#header #global-menu .menuNav li a.grid-parent i.fa-star {
  font-size: 0.5em;
}
#header #global-menu .menuNav li .btn-blog:hover {
  color: #D34618;
}
#header #global-menu .menuNav .item span {
  font-size: 1em;
  font-family: Nunito-L;
}
#header #global-menu .menuNav .item i {
  font-size: 0.7em;
  padding-left: 1em;
}
#header #global-menu .menuNav .item a {
  color: #372D2D;
  font-family: Nunito-L;
}
#header #global-menu .menuNav .item a:hover {
  color: #D34618;
}
#header #global-menu .btn-blog {
  color: #372D2D;
  font-family: Hind;
  font-size: 1.5em;
}
#header #global-menu .btn-blog:hover {
  color: #D34618;
}
@media screen and (max-width: 992px) {
  #header #menu-list {
    margin-bottom: 1em;
  }
}
#header #menu-list .dropdown a {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 250px;
  min-width: 120px;
  width: auto;
}
@media only screen and (max-width: 1200px) {
  #header #menu-list .dropdown a {
    max-width: 250px;
    min-width: 120px;
    width: auto;
  }
}
@media screen and (max-width: 992px) {
  #header #menu-list .dropdown a {
    text-align: center;
    width: 230px;
  }
}
@media screen and (max-width: 442px) {
  #header #menu-list .dropdown a {
    width: auto;
    max-width: 300px;
  }
}
@media only screen and (min-width: 1080px) {
  #header #menu-list .dropdown-menu li a {
    width: auto;
    max-width: 300px;
    white-space: normal;
  }
}
@media only screen and (max-width: 768px) {
  #header #menu-list .dropdown-menu {
    font-size: 0.8em;
    margin: 0;
  }
}
@media screen and (max-width: 546px) {
  #header #menu-list .dropdown-menu {
    top: 1em;
  }
}

#notification-container.show {
  width: 25vw;
}

#notification-container {
  transition: width 0.5s ease-in;
  position: absolute;
  top: 70px;
  right: 0;
  width: 0;
  height: calc(100vh - 70px);
  z-index: 99;
  background-color: white;
  box-shadow: 0 0 4px 0 rgba(158, 158, 158, 0.5);
  overflow-y: auto;
}
#notification-container #notification-header {
  padding: 1em 2em 1em 1em;
  box-shadow: 1px 0 2px 0 #595959;
}
#notification-container #notification-header .fa-xmark {
  cursor: pointer;
}
#notification-container #notification-header .fa-xmark:hover {
  opacity: 0.5;
}
#notification-container #notification-body .notification {
  padding: 1em 2em 1em 1.5em;
  border-bottom: 1px solid rgba(158, 158, 158, 0.5);
}
#notification-container #notification-body .notification .notification-logo {
  display: grid;
  align-content: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border-radius: 40px;
}
#notification-container #notification-body .notification .notification-logo img {
  max-width: 100%;
  height: auto;
  padding: 0.5em;
}
#notification-container #notification-body .notification .notification-content .send-message {
  cursor: pointer;
}
#notification-container #notification-body .notification .notification-content .send-message:hover {
  opacity: 0.5;
}

.menuNav.connection {
  grid-template-columns: 20fr 20fr 30fr 30fr;
}

.menuToggle .menuNav.not_have_team {
  grid-template-columns: 1fr auto max-content;
}

.menuToggle a {
  font-size: 1em;
}
.menuToggle .menuNav {
  grid-template-columns: 0fr auto max-content max-content;
}
.menuToggle .btn-login-blog {
  color: white;
}
@media screen and (max-width: 768px) {
  .menuToggle .btn-login-blog {
    color: #372D2D;
  }
}
.menuToggle input,
.menuToggle .menuLine {
  display: none;
}
.menuToggle ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menuToggle .icon-arrow {
  display: none;
}
.menuToggle .dropdown .dropdown-menu {
  position: absolute;
  z-index: 100;
  display: none;
  width: auto;
  margin: 0 0 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
@media screen and (max-width: 992px) {
  .menuToggle .dropdown .dropdown-menu {
    position: relative;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
}
.menuToggle .dropdown .show {
  display: block !important;
}
.menuToggle .dropdown .dropright-content {
  position: absolute;
  top: 20em;
}
.menuToggle .dropdown-backdrop {
  display: none;
}
@media screen and (max-width: 992px) {
  .menuToggle {
    display: inline-grid;
    position: absolute;
    top: 20px;
    left: 15px;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .menuToggle .menuNav ul {
    grid-template-columns: auto;
    grid-auto-flow: row;
    margin-bottom: 1em;
  }
  .menuToggle .menuNav ul .icon-btns {
    justify-self: center;
  }
  .menuToggle .icon-arrow {
    display: inline;
    float: right;
    line-height: 2;
  }
  .menuToggle a.grid-child {
    padding: 0;
    display: block;
  }
  .menuToggle .connection li a {
    padding: 0.5em;
  }
  .menuToggle .icon-out li {
    justify-self: start;
  }
  .menuToggle input,
  .menuToggle .menuLine {
    display: block;
  }
  .menuToggle input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -9px;
    left: -3px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none;
  }
  .menuToggle span.menuLine {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #d34618;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }
  .menuToggle .show-burger span.menuLine:nth-child(1) {
    opacity: 1;
    transform: rotate(45deg);
    background: #232323;
  }
  .menuToggle .show-burger span.menuLine:nth-child(2) {
    opacity: 1;
    transform: translateX(-3px) translateY(9px) rotate(-45deg);
    background: #232323;
  }
  .menuToggle .show-burger span.menuLine:nth-child(3) {
    opacity: 0;
  }
  .menuToggle .menuNav {
    display: block;
    position: absolute;
    width: 350px;
    padding-top: 70.95px;
    max-height: 100vh;
    overflow-y: auto;
    background: #f7f7f7;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    border-bottom-right-radius: 5px;
    box-shadow: 1px 1px 12px rgba(85, 85, 85, 0.431372549);
    top: calc(-1em - 11px);
    left: -2em;
    list-style-type: none;
  }
  .menuToggle .menuNav a:hover {
    color: #D34618;
  }
  .menuToggle .menuNav .item span {
    font-size: 1em;
    font-family: Nunito-L;
  }
  .menuToggle .menuNav .item i {
    font-size: 0.7em;
    padding-left: 1em;
  }
  .menuToggle li {
    margin: 5px;
    text-decoration: none;
    color: #232323;
    transition: color 0.3s ease;
    display: block;
    text-align: left;
    position: relative;
    text-align: center;
  }
  .menuToggle .show-burger ~ .menuNav {
    transform: none;
  }
}
@media screen and (max-width: 768px) {
  .menuToggle {
    top: 20px;
  }
}
@media screen and (max-width: 546px) {
  .menuToggle {
    top: 25px;
  }
}

.dropdown a {
  text-decoration: none;
}
.dropdown [data-toggle=dropdown] {
  position: relative;
  display: block;
  color: white;
}
.dropdown .icon-arrow {
  font-size: 0.7em;
  color: #d34618;
  opacity: 1;
}
.dropdown .icon-arrow.open {
  transform: rotate(-180deg);
  transition: transform 0.6s;
}
.dropdown .icon-arrow.close {
  transform: rotate(0deg);
  transition: transform 0.6s;
}
.dropdown .icon-arrow:before {
  content: "▼";
}
.dropdown .dropdown-menu {
  position: relative;
  background-color: transparent;
  border: none;
  box-shadow: none;
  float: none;
}
.dropdown .dropdown-menu li {
  padding: 0;
}
.dropdown .dropdown-menu li a {
  display: block;
  padding: 10px 10px;
}
.dropdown .dropdown-menu li a:hover {
  background-color: #f5f5f5;
  color: #D34618 !important;
}
.dropdown .show,
.dropdown .hide {
  transform-origin: 50%, 0%;
}
.dropdown .show {
  display: block;
  max-height: 9999px;
  transform: scaleY(1);
  transition-timing-function: ease-in;
  transition: 0.2s;
}
.dropdown .hide {
  max-height: 0;
  transform: scaleY(0);
  transition-timing-function: ease-out;
  transition: 0.25s;
}

@media only screen and (min-width: 550px) {
  .btn-up {
    display: none !important;
  }
}
@media only screen and (max-width: 500px) {
  .btn-up {
    position: fixed;
    right: 20px;
    cursor: pointer;
    bottom: 80px;
    display: none;
    z-index: 1000;
  }
  .btn-up i {
    font-size: 30px;
    color: #147882;
  }
  .btn-up i:hover {
    color: #d34618;
  }
}

.star-icon {
  grid-template-columns: 70fr auto;
}

#search-header {
  position: relative;
}
#search-header input {
  display: block;
}
#search-header input.filter {
  min-width: 150px;
  background-color: #F0F5F5;
  border: 1px solid #372D2D;
}

[id=form_library] input {
  width: 100%;
}
[id=form_library] [id=senttolibrary] {
  border: 2px solid #147882;
  background-color: #fff;
  color: #147882;
  width: 100%;
  margin-top: 30px;
  height: 150px;
}
[id=form_library] [id=senttolibrary]:hover {
  background-color: #147882;
  color: #fff;
}
[id=form_library] .block_library {
  margin-top: 30px;
  margin-bottom: 30px;
}
[id=form_library] .image_content_bottom {
  position: absolute;
  top: 5px;
  left: 5px;
}
[id=form_library] .image_content_bottom a i {
  color: #147882;
  font-size: 2em;
}
[id=form_library] .image_content_bottom a i:hover {
  color: red;
}
[id=form_library] [id=image_view] {
  max-width: 100%;
  max-height: 600px;
}
[id=form_library] .open_library {
  margin: 40px 0px;
  width: 100%;
}
[id=form_library] .open_library a {
  color: #147882;
  font-size: 1.2em;
  padding: 20px 35px;
  border: 2px solid #147882;
}
[id=form_library] .open_library a:hover {
  color: #FFFFFF;
  background-color: #147882;
}
[id=form_library] .content_upload_form .content_form_image img {
  max-width: 100%;
  height: auto;
}
[id=form_library] .content_upload_form .content_form_field .content_input {
  margin-top: 20px;
}
[id=form_library] .content_upload_form .content_form_field .content_input textarea {
  height: 4em;
}
[id=form_library] .content_upload_form .content_form_image img {
  width: 100%;
}

#maintenance {
  background-image: url("../../../images/img-background-slide-vf.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #372D2D;
  min-height: 750px;
}
@media (max-width: 770px) {
  #maintenance {
    background-position-x: -250px;
  }
}
@media (min-width: 1530px) {
  #maintenance {
    min-height: 990px;
  }
}
#maintenance .text_gen {
  position: absolute;
  top: 160px;
  width: 35%;
}
#maintenance .text_gen h1 {
  font-size: 50px;
  text-align: left;
}
#maintenance .text_gen p {
  font-size: 20px;
}
@media (max-width: 770px) {
  #maintenance .text_gen {
    width: 50%;
    top: 100px;
  }
}

.content-page #menu_page .block-signup {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2em;
  margin-top: 4em;
  z-index: 1;
  right: 0;
  top: 0;
  height: calc(100vh - 25px);
}
.content-page #menu_page .block-signup h1 {
  margin-top: 2em;
  font-size: 2em;
}
.content-page #menu_page .block-signup h2 {
  text-align: center;
  font-size: 1.6em;
}
.content-page #menu_page .block-signup h3 {
  font-size: 1.5em;
}
@media screen and (max-width: 768px) {
  .content-page #menu_page .block-signup {
    margin-top: 5em;
  }
}
@media (max-width: 456px) {
  .content-page #menu_page .block-signup {
    margin-top: 4em;
    right: auto;
    left: auto;
    width: 90%;
  }
  .content-page #menu_page .block-signup h1 {
    font-size: 1.5em;
    margin-bottom: 0.7em;
  }
}
.content-page #menu_page .block-signup .main-step {
  margin-top: 1em;
}
.content-page #menu_page .block-signup .main-step .step {
  width: 3em;
  height: 3em;
  border-radius: 2em;
  background-color: #d34618;
  display: inline-block;
}
.content-page #menu_page .block-signup .main-step .step p {
  font-size: 1.2em;
  color: white;
  margin: 0;
  padding: 0.7em 0.9em;
  display: block;
}
.content-page #menu_page .block-signup .main-step span.line {
  width: 100px;
  height: 1px;
  background: #b0b3b3;
  display: inline-block;
}
.content-page #menu_page .block-signup .main-step .validate {
  background-color: #147882;
}
.content-page #menu_page .block-signup .main-step .current-step {
  animation: flashing 1.5s linear infinite;
}
@keyframes flashing {
  50% {
    opacity: 0.9;
  }
}
.content-page #menu_page .block-signup #section-create-form {
  width: 25em;
}
@media screen and (max-width: 568px) {
  .content-page #menu_page .block-signup #section-create-form {
    width: 22em;
  }
}
.content-page #menu_page .block-signup #section-create-form .form-container {
  text-align: center;
}
.content-page #menu_page .block-signup #section-create-form .form-container input:focus {
  outline: none;
}
.content-page #menu_page .block-signup #section-create-form .form-container .form-group {
  text-align: left;
  margin-top: 1em;
}
.content-page #menu_page .block-signup #section-create-form .form-container .form-group label:not(.error) {
  margin: 0;
  padding: 0.5em 0;
}
.content-page #menu_page .block-signup #section-create-form .form-container .form-group label.error {
  font-size: 0.7em;
  font-weight: 100;
}
.content-page #menu_page .block-signup #section-create-form .form-container .country {
  display: flex;
  flex-direction: row;
  column-gap: 1em;
  margin: 1em auto;
}
@media screen and (max-width: 546px) {
  .content-page #menu_page .block-signup #section-create-form .form-container .country {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
}
.content-page #menu_page .block-signup #section-create-form .form-container .country select {
  width: 90%;
}
.content-page #menu_page .block-signup #section-create-form .form-container .btn-submit {
  margin: 2em auto;
}
.content-page #menu_page .block-signup #section-success {
  width: 40em;
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
  border: 5px solid #d6e5e0;
  border-radius: 7px;
  padding: 1em;
  margin: 1em auto;
}
.content-page #menu_page .block-signup #section-success i {
  font-size: 5em;
  color: #d34618;
}
.content-page #menu_page .block-signup #section-success p {
  color: #372D2D;
  text-align: center;
}
@media screen and (max-width: 568px) {
  .content-page #menu_page .block-signup #section-success {
    width: 22em;
  }
}
.content-page #menu_page .block-signup #section-success .form-container .btn-submit {
  margin: 1em 0;
}
.content-page #menu_page .block-signup #section-success span.txt-popup {
  text-transform: lowercase !important;
}
.content-page #menu_page .block-signup #section-success .default-cadre .cadre span {
  padding-bottom: 1em;
  display: block;
}
.content-page #menu_page .block-signup #section-success .tree-img {
  grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));
}
.content-page #menu_page .block-signup #section-success .cadre {
  text-decoration: none;
  cursor: pointer;
  padding: 1em 0.5em;
  border: 2px solid #d6e5e0;
  border-radius: 5px;
  font-size: 1em;
  color: #147882;
}
.content-page #menu_page .block-signup #section-success .cadre:hover {
  border: 2px solid #d34618;
}
.content-page #menu_page .block-signup #section-success .cadre p {
  min-height: 80px;
}
.content-page #menu_page .block-signup #section-success .cadre img {
  width: 50%;
  max-height: auto;
  margin: 10px auto;
  display: block;
}
.content-page #menu_page .block-signup #section-success a:hover {
  color: #147882;
}
.content-page #menu_page .block-signup #section-success .blockFile label {
  color: #147882;
}
.content-page #menu_page .block-signup #section-success .blockFile label:hover {
  color: #D34618;
}
.content-page #menu_page .block-signup #section-success h2 {
  font-size: 1.5em;
}
.content-page #menu_page .block-signup #section-success h2 span {
  display: block;
  font-family: Hind;
  margin-top: 0.3em;
}
.content-page #menu_page .block-signup #section-waiting {
  width: 25em;
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
  border: 5px solid #d6e5e0;
  border-radius: 7px;
  padding: 1em;
  margin: 1em auto;
}
.content-page #menu_page .block-signup #section-waiting p {
  color: #372D2D;
  text-align: center;
}
.content-page #menu_page .block-signup #section-waiting i {
  font-size: 2.5em;
  color: #147882;
}
@media screen and (max-width: 568px) {
  .content-page #menu_page .block-signup #section-waiting {
    width: 22em;
  }
}
.content-page #menu_page .block-signup #section-error {
  width: 25em;
}
@media screen and (max-width: 568px) {
  .content-page #menu_page .block-signup #section-error {
    width: 22em;
  }
}
.content-page #menu_page .block-signup #section-error .btn {
  padding: 10px;
  max-width: 380px;
  min-width: 350px;
  font-size: 0.9em;
}
.content-page #menu_page .block-signup #section-error input:focus {
  outline: none;
}
.content-page #menu_page .block-signup #section-error #popup-error {
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
  border: 5px solid #d6e5e0;
  border-radius: 7px;
  padding: 1em 1em 1em 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
.content-page #menu_page .block-signup #section-error #popup-error i {
  font-size: 5em;
  color: #d34618;
}
.content-page #menu_page .block-signup #section-error #popup-error p {
  color: #372D2D;
  text-align: center;
}
.content-page #menu_page .block-signup #section-error #popup-error h3 {
  font-size: 2em;
}
.content-page #menu_page .block-signup #section-error #popup-error p {
  font-size: 1.3em;
}
.content-page #menu_page .block-signup #section-error #popup-error i {
  color: #fca758;
}
.content-page #menu_page .block-signup #section-valid-form input:focus {
  outline: none;
}
.content-page #menu_page .block-signup #section-valid-form .form-container .form-group label:not(.error) {
  text-align: left;
  margin: 0;
  padding: 0.5em 0 0.5em 0;
}
.content-page #menu_page .block-signup #section-valid-form .form-container label.error {
  font-size: 0.7em;
  font-weight: 100;
}
.content-page #menu_page .block-signup #section-valid-form .form-container .country {
  display: flex;
  flex-direction: row;
  column-gap: 1em;
  margin: 1em auto;
}
@media screen and (max-width: 546px) {
  .content-page #menu_page .block-signup #section-valid-form .form-container .country {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
}
.content-page #menu_page .block-signup #section-valid-form .form-container .country select {
  width: 90%;
}
.content-page #menu_page .block-signup #section-valid-form a {
  display: block;
}
.content-page #menu_page .block-signup #section-cgu {
  max-height: 65vh;
  max-width: 50em;
  overflow-y: auto;
  overflow-x: hidden;
  border: 5px solid #d6e5e0;
  border-radius: 7px;
  padding: 2em 1em 1em 1em;
  margin: 0 0 1em 0;
}
.content-page #menu_page .block-signup #section-cgu .table-responsive {
  font-size: 0.8em;
}
.content-page #menu_page .block-signup #section-cgu h1,
.content-page #menu_page .block-signup #section-cgu h2,
.content-page #menu_page .block-signup #section-cgu h3,
.content-page #menu_page .block-signup #section-cgu h4 {
  text-align: left;
}
.content-page #menu_page .block-signup #section-cgu .submit {
  display: flex;
  flex-direction: row;
  column-gap: 1em;
  margin: 1em auto;
  justify-content: center;
}
.content-page #menu_page .block-signup #section-cgu #cgu ul,
.content-page #menu_page .block-signup #section-cgu #cgu li,
.content-page #menu_page .block-signup #section-cgu #cgu p,
.content-page #menu_page .block-signup #section-cgu #cgu span,
.content-page #menu_page .block-signup #section-cgu #cgu div {
  text-align: left;
  white-space: pre-line;
}
.content-page #menu_page .block-signup #section-cgu #cgu ul,
.content-page #menu_page .block-signup #section-cgu #cgu ol {
  padding: 0em 1em 1em 2em;
  list-style-type: disc;
}
.content-page #menu_page .block-signup #section-cgu #cgu ul li,
.content-page #menu_page .block-signup #section-cgu #cgu ol li {
  display: list-item;
  font-family: "Nunito-L";
}
.content-page #menu_page .block-signup #section-cgu #cgu p {
  padding: 1em;
}
.content-page #menu_page .block-signup #section-cgu #cgu .important {
  background-color: rgba(230, 80, 30, 0.2);
  border-radius: 5px;
  margin-bottom: 2em;
  margin-top: 1em;
}
.content-page #menu_page .block-signup #section-cgu #cgu .legal p {
  margin: 0;
  padding: 0;
}
.content-page #menu_page .block-signup #section-cgu #cgu h3.orange {
  cursor: pointer;
}
.content-page #menu_page .box-menu .t {
  text-align: left;
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 0em;
}
.content-page #menu_page .box-menu .b {
  background-color: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 0.5em 1em;
  overflow: auto;
  position: relative;
}
.content-page #menu_page .box-menu .b .paywall {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #6f6f6f 100%, #6f6f6f);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.content-page #menu_page .box-menu .b .paywall .lock-icon {
  font-size: 2em;
  color: white;
  padding: 10px;
}
.content-page #menu_page .box-menu h3 {
  font-family: "Nunito-L";
  font-size: 1em;
  font-weight: 400;
  color: #adaaaa;
  text-align: left;
}
.content-page #menu_page .box-menu .icon {
  background-color: #147882;
  border-radius: 50%;
  width: 2.2em;
  height: 2.2em;
  color: white;
  font-size: 1.4em;
  padding-top: 0.5em;
  text-align: center;
}
.content-page #menu_page .box-menu .small_icon {
  background-color: #147882;
  border-radius: 50%;
  width: 1.6em;
  height: 1.6em;
  color: white;
  font-size: 1.2em;
  padding-top: 0.2em;
  text-align: center;
  margin: 0.2em 0.4em;
}
.content-page #menu_page .box-menu .scroll {
  scrollbar-color: #d34618 rgba(89, 89, 89, 0.0901960784);
  scrollbar-width: thin;
}
.content-page #menu_page .box-menu .section-home {
  padding: 1em;
}
.content-page #menu_page .box-menu .section-home .section-user,
.content-page #menu_page .box-menu .section-home .section-user-plus {
  display: grid;
  grid-template-columns: repeat(4, min(25%, 270px));
  grid-template-rows: repeat(3, 210px);
  grid-template-areas: "recent recent recent gallery" "birth export search link" "stat cohe match link";
  gap: 1em;
  justify-items: stretch;
  align-items: stretch;
  justify-content: center;
  align-content: center;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .content-page #menu_page .box-menu .section-home .section-user,
  .content-page #menu_page .box-menu .section-home .section-user-plus {
    grid-template-columns: repeat(3, min(30%, 270px));
    grid-template-rows: repeat(4, 210px);
    grid-template-areas: "recent recent gallery" "birth export link" "search stat link" "cohe match link";
  }
}
@media screen and (max-width: 768px) {
  .content-page #menu_page .box-menu .section-home .section-user,
  .content-page #menu_page .box-menu .section-home .section-user-plus {
    grid-template-columns: repeat(2, min(45%, 270px));
    grid-template-rows: repeat(5, 210px);
    grid-template-areas: "recent recent" "birth gallery" "export search" "stat cohe" "match link";
    width: 95%;
    margin: auto;
  }
}
@media screen and (max-width: 546px) {
  .content-page #menu_page .box-menu .section-home .section-user,
  .content-page #menu_page .box-menu .section-home .section-user-plus {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(9, 210px);
    grid-template-areas: "recent" "gallery" "birth" "export" "search" "stat" "cohe" "match" "link";
    width: 95%;
    margin: auto;
  }
}
.content-page #menu_page .box-menu .section-home .section-user-solo,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus,
.content-page #menu_page .box-menu .section-home .section-user-duo {
  display: grid;
  grid-template-columns: repeat(4, min(25%, 270px));
  grid-template-rows: repeat(3, 210px);
  grid-template-areas: "recent recent recent gallery" "birth match search link" "stat cohe task-export link";
  gap: 1em;
  justify-items: stretch;
  align-items: stretch;
  justify-content: center;
  align-content: center;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  .content-page #menu_page .box-menu .section-home .section-user-solo,
  .content-page #menu_page .box-menu .section-home .section-user-solo-plus,
  .content-page #menu_page .box-menu .section-home .section-user-duo-plus,
  .content-page #menu_page .box-menu .section-home .section-user-duo {
    grid-template-columns: repeat(3, min(30%, 270px));
    grid-template-rows: repeat(4, 210px);
    grid-template-areas: "recent recent gallery" "birth match link" "search stat link" "cohe task-export link";
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  .content-page #menu_page .box-menu .section-home .section-user-solo,
  .content-page #menu_page .box-menu .section-home .section-user-solo-plus,
  .content-page #menu_page .box-menu .section-home .section-user-duo-plus,
  .content-page #menu_page .box-menu .section-home .section-user-duo {
    grid-template-columns: repeat(2, min(45%, 270px));
    grid-template-rows: repeat(5, 210px);
    grid-template-areas: "recent recent" "birth gallery" "match search" "stat cohe" "task-export link";
    width: 95%;
    margin: auto;
  }
}
@media screen and (max-width: 546px) {
  .content-page #menu_page .box-menu .section-home .section-user-solo,
  .content-page #menu_page .box-menu .section-home .section-user-solo-plus,
  .content-page #menu_page .box-menu .section-home .section-user-duo-plus,
  .content-page #menu_page .box-menu .section-home .section-user-duo {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(9, 210px);
    grid-template-areas: "recent" "gallery" "birth" "match" "search" "stat" "cohe" "task-export" "link";
    width: 95%;
    margin: auto;
  }
}
.content-page #menu_page .box-menu .section-home .section-user section,
.content-page #menu_page .box-menu .section-home .section-user-plus section,
.content-page #menu_page .box-menu .section-home .section-user-solo section,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus section,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus section,
.content-page #menu_page .box-menu .section-home .section-user-duo section {
  display: grid;
  grid-template-rows: 1fr 6fr;
  row-gap: 0.2em;
}
.content-page #menu_page .box-menu .section-home .section-user .section-multiple,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-multiple,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-multiple,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-multiple,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-multiple,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-multiple {
  display: grid;
  grid-template-rows: 1fr 20fr;
  row-gap: 0.3em;
}
.content-page #menu_page .box-menu .section-home .section-user .section-multiple .b,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-multiple .b,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-multiple .b,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-multiple .b,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-multiple .b,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-multiple .b {
  padding: 1em auto;
  overflow-y: scroll;
}
@media screen and (max-width: 1200px) {
  .content-page #menu_page .box-menu .section-home .section-user .section-multiple,
  .content-page #menu_page .box-menu .section-home .section-user-plus .section-multiple,
  .content-page #menu_page .box-menu .section-home .section-user-solo .section-multiple,
  .content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-multiple,
  .content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-multiple,
  .content-page #menu_page .box-menu .section-home .section-user-duo .section-multiple {
    grid-template-rows: 1fr 27fr;
  }
}
@media screen and (max-width: 768px) {
  .content-page #menu_page .box-menu .section-home .section-user .section-multiple,
  .content-page #menu_page .box-menu .section-home .section-user-plus .section-multiple,
  .content-page #menu_page .box-menu .section-home .section-user-solo .section-multiple,
  .content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-multiple,
  .content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-multiple,
  .content-page #menu_page .box-menu .section-home .section-user-duo .section-multiple {
    grid-template-rows: 1fr 6fr;
    grid-template-columns: 1fr;
  }
}
.content-page #menu_page .box-menu .section-home .section-user .section-link,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-link,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-link,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-link,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-link,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-link {
  grid-area: link;
}
.content-page #menu_page .box-menu .section-home .section-user .section-link .item,
.content-page #menu_page .box-menu .section-home .section-user .section-link a,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-link .item,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-link a,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-link .item,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-link a,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-link .item,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-link a,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-link .item,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-link a,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-link .item,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-link a {
  display: flex;
  justify-content: left;
  align-items: center;
  color: #147882;
}
.content-page #menu_page .box-menu .section-home .section-user .section-link .item:hover,
.content-page #menu_page .box-menu .section-home .section-user .section-link a:hover,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-link .item:hover,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-link a:hover,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-link .item:hover,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-link a:hover,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-link .item:hover,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-link a:hover,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-link .item:hover,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-link a:hover,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-link .item:hover,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-link a:hover {
  color: #D34618;
}
.content-page #menu_page .box-menu .section-home .section-user .section-link .blockFile form h4,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-link .blockFile form h4,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-link .blockFile form h4,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-link .blockFile form h4,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-link .blockFile form h4,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-link .blockFile form h4 {
  font-size: 1em;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .content-page #menu_page .box-menu .section-home .section-user .section-link,
  .content-page #menu_page .box-menu .section-home .section-user-plus .section-link,
  .content-page #menu_page .box-menu .section-home .section-user-solo .section-link,
  .content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-link,
  .content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-link,
  .content-page #menu_page .box-menu .section-home .section-user-duo .section-link {
    grid-area: auto;
  }
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent {
  grid-area: recent;
  display: grid;
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b {
  display: grid;
  grid-template-columns: 85fr 15fr;
  row-gap: 0;
  column-gap: 1em;
}
@media screen and (max-width: 546px) {
  .content-page #menu_page .box-menu .section-home .section-user .section-recent .b,
  .content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b,
  .content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b,
  .content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b,
  .content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b,
  .content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b {
    grid-template-columns: 1fr;
    grid-template-rows: 2fr 1fr;
  }
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b #recent-activity #last-updates-container,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b #recent-activity #last-updates-container,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b #recent-activity #last-updates-container,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b #recent-activity #last-updates-container,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b #recent-activity #last-updates-container,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b #recent-activity #last-updates-container {
  display: grid;
  align-items: start;
  justify-items: start;
  padding-left: 0.5em;
  padding-top: 1em;
  text-align: left;
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b #recent-activity #last-updates-container .item,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b #recent-activity #last-updates-container .item,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b #recent-activity #last-updates-container .item,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b #recent-activity #last-updates-container .item,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b #recent-activity #last-updates-container .item,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b #recent-activity #last-updates-container .item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b #recent-activity #last-updates-container .item i,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b #recent-activity #last-updates-container .item i,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b #recent-activity #last-updates-container .item i,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b #recent-activity #last-updates-container .item i,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b #recent-activity #last-updates-container .item i,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b #recent-activity #last-updates-container .item i {
  padding: 0.5em;
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b #recent-activity #last-updates-container .item a span,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b #recent-activity #last-updates-container .item a span,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b #recent-activity #last-updates-container .item a span,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b #recent-activity #last-updates-container .item a span,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b #recent-activity #last-updates-container .item a span,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b #recent-activity #last-updates-container .item a span {
  padding-left: 0.25em;
}
@media screen and (max-width: 546px) {
  .content-page #menu_page .box-menu .section-home .section-user .section-recent .b #recent-activity #last-updates-container,
  .content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b #recent-activity #last-updates-container,
  .content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b #recent-activity #last-updates-container,
  .content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b #recent-activity #last-updates-container,
  .content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b #recent-activity #last-updates-container,
  .content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b #recent-activity #last-updates-container {
    padding-left: 0em;
    padding-top: 0em;
  }
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b .btns,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b .btns,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b .btns,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b .btns,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b .btns,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b .btns {
  justify-content: center;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b .btns .btn-home,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b .btns .btn-home,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b .btns .btn-home,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b .btns .btn-home,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b .btns .btn-home,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b .btns .btn-home {
  height: 2em;
  min-width: 150px;
  margin-top: 0;
}
@media screen and (max-width: 546px) {
  .content-page #menu_page .box-menu .section-home .section-user .section-recent .b .btns,
  .content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b .btns,
  .content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b .btns,
  .content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b .btns,
  .content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b .btns,
  .content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b .btns {
    display: flex;
    flex-direction: row;
  }
  .content-page #menu_page .box-menu .section-home .section-user .section-recent .b .btns .btn-home,
  .content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b .btns .btn-home,
  .content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b .btns .btn-home,
  .content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b .btns .btn-home,
  .content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b .btns .btn-home,
  .content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b .btns .btn-home {
    margin-top: 0em;
  }
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b #no-person-btns,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b #no-person-btns,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b #no-person-btns,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b #no-person-btns,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b #no-person-btns,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b #no-person-btns {
  display: flex;
  place-items: center;
  flex-direction: row;
  gap: 1em;
  max-width: 180px;
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b.team,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b.team,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b.team,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b.team,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b.team,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b.team {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 3fr 1fr;
  row-gap: 0;
}
@media screen and (max-width: 546px) {
  .content-page #menu_page .box-menu .section-home .section-user .section-recent .b.team,
  .content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b.team,
  .content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b.team,
  .content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b.team,
  .content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b.team,
  .content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b.team {
    grid-template-columns: 1fr;
    grid-template-rows: 2fr 1fr;
  }
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b.team #recent-activity #last-updates-container,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b.team #recent-activity #last-updates-container,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b.team #recent-activity #last-updates-container,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b.team #recent-activity #last-updates-container,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b.team #recent-activity #last-updates-container,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b.team #recent-activity #last-updates-container {
  display: grid;
  overflow-y: scroll;
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b.team #recent-activity #last-updates-container .item,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b.team #recent-activity #last-updates-container .item,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b.team #recent-activity #last-updates-container .item,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b.team #recent-activity #last-updates-container .item,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b.team #recent-activity #last-updates-container .item,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b.team #recent-activity #last-updates-container .item {
  display: grid;
  grid-template-columns: 5fr 0.5fr 0.5fr 1fr 3fr;
  row-gap: 0em;
  word-wrap: anywhere;
  width: 100%;
  padding-bottom: 0.3em;
}
@media screen and (max-width: 768px) {
  .content-page #menu_page .box-menu .section-home .section-user .section-recent .b.team #recent-activity #last-updates-container .item,
  .content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b.team #recent-activity #last-updates-container .item,
  .content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b.team #recent-activity #last-updates-container .item,
  .content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b.team #recent-activity #last-updates-container .item,
  .content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b.team #recent-activity #last-updates-container .item,
  .content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b.team #recent-activity #last-updates-container .item {
    grid-template-columns: 1fr;
  }
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b.team #recent-activity #last-updates-container .item a,
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b.team #recent-activity #last-updates-container .item p,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b.team #recent-activity #last-updates-container .item a,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b.team #recent-activity #last-updates-container .item p,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b.team #recent-activity #last-updates-container .item a,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b.team #recent-activity #last-updates-container .item p,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b.team #recent-activity #last-updates-container .item a,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b.team #recent-activity #last-updates-container .item p,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b.team #recent-activity #last-updates-container .item a,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b.team #recent-activity #last-updates-container .item p,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b.team #recent-activity #last-updates-container .item a,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b.team #recent-activity #last-updates-container .item p {
  text-transform: lowercase;
  font-family: Nunito-L;
  font-size: 1em;
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b.team #recent-activity #last-updates-container .item i,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b.team #recent-activity #last-updates-container .item i,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b.team #recent-activity #last-updates-container .item i,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b.team #recent-activity #last-updates-container .item i,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b.team #recent-activity #last-updates-container .item i,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b.team #recent-activity #last-updates-container .item i {
  font-size: 0.85em;
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b.team #recent-activity #last-updates-container .item .last-update-minor,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b.team #recent-activity #last-updates-container .item .last-update-minor,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b.team #recent-activity #last-updates-container .item .last-update-minor,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b.team #recent-activity #last-updates-container .item .last-update-minor,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b.team #recent-activity #last-updates-container .item .last-update-minor,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b.team #recent-activity #last-updates-container .item .last-update-minor {
  margin-left: 1em;
  font-size: 10px;
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b.team .btns,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b.team .btns,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b.team .btns,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b.team .btns,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b.team .btns,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b.team .btns {
  display: flex;
  flex-direction: row;
  justify-content: center;
  column-gap: 2em;
}
.content-page #menu_page .box-menu .section-home .section-user .section-recent .b.team .btns .btn-home,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b.team .btns .btn-home,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b.team .btns .btn-home,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b.team .btns .btn-home,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b.team .btns .btn-home,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b.team .btns .btn-home {
  min-width: 200px;
}
@media screen and (max-width: 768px) {
  .content-page #menu_page .box-menu .section-home .section-user .section-recent .b.team .btns,
  .content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b.team .btns,
  .content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b.team .btns,
  .content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b.team .btns,
  .content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b.team .btns,
  .content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b.team .btns {
    column-gap: 0.5em;
  }
  .content-page #menu_page .box-menu .section-home .section-user .section-recent .b.team .btns .btn-home,
  .content-page #menu_page .box-menu .section-home .section-user-plus .section-recent .b.team .btns .btn-home,
  .content-page #menu_page .box-menu .section-home .section-user-solo .section-recent .b.team .btns .btn-home,
  .content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-recent .b.team .btns .btn-home,
  .content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-recent .b.team .btns .btn-home,
  .content-page #menu_page .box-menu .section-home .section-user-duo .section-recent .b.team .btns .btn-home {
    min-width: 150px;
    margin-top: 1em;
  }
}
.content-page #menu_page .box-menu .section-home .section-user .section-gallery,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-gallery,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-gallery,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-gallery,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-gallery,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-gallery {
  grid-area: gallery;
}
.content-page #menu_page .box-menu .section-home .section-user .section-gallery .b,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-gallery .b,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-gallery .b,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-gallery .b,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-gallery .b,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-gallery .b {
  position: relative;
  background-color: #faf5f0;
  box-shadow: none;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-y: hidden;
}
.content-page #menu_page .box-menu .section-home .section-user .section-gallery .b img,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-gallery .b img,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-gallery .b img,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-gallery .b img,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-gallery .b img,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-gallery .b img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}
.content-page #menu_page .box-menu .section-home .section-user .section-gallery .b button,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-gallery .b button,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-gallery .b button,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-gallery .b button,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-gallery .b button,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-gallery .b button {
  position: absolute;
  top: 70%;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.content-page #menu_page .box-menu .section-home .section-user .section-birth,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-birth,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-birth,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-birth,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-birth,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-birth {
  grid-area: birth;
}
.content-page #menu_page .box-menu .section-home .section-user .section-birth .b,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-birth .b,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-birth .b,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-birth .b,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-birth .b,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-birth .b {
  display: grid;
  grid-template-rows: 2fr 5fr;
  justify-items: center;
  justify-content: center;
}
.content-page #menu_page .box-menu .section-home .section-user .section-birth .b .icon,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-birth .b .icon,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-birth .b .icon,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-birth .b .icon,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-birth .b .icon,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-birth .b .icon {
  margin-top: 0.5em;
}
.content-page #menu_page .box-menu .section-home .section-user .section-birth .birtday h3,
.content-page #menu_page .box-menu .section-home .section-user .section-birth .marrday h3,
.content-page #menu_page .box-menu .section-home .section-user .section-birth .deatday h3,
.content-page #menu_page .box-menu .section-home .section-user .section-birth .noevent h3,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-birth .birtday h3,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-birth .marrday h3,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-birth .deatday h3,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-birth .noevent h3,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-birth .birtday h3,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-birth .marrday h3,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-birth .deatday h3,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-birth .noevent h3,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-birth .birtday h3,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-birth .marrday h3,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-birth .deatday h3,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-birth .noevent h3,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-birth .birtday h3,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-birth .marrday h3,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-birth .deatday h3,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-birth .noevent h3,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-birth .birtday h3,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-birth .marrday h3,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-birth .deatday h3,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-birth .noevent h3 {
  text-align: center;
}
.content-page #menu_page .box-menu .section-home .section-user .section-birth .elem,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-birth .elem,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-birth .elem,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-birth .elem,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-birth .elem,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-birth .elem {
  padding: 0em 0.5em;
}
.content-page #menu_page .box-menu .section-home .section-user .section-birth .elem a,
.content-page #menu_page .box-menu .section-home .section-user .section-birth .elem span,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-birth .elem a,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-birth .elem span,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-birth .elem a,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-birth .elem span,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-birth .elem a,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-birth .elem span,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-birth .elem a,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-birth .elem span,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-birth .elem a,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-birth .elem span {
  font-family: Nunito-L;
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.content-page #menu_page .box-menu .section-home .section-user .section-search,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-search,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-search,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-search,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-search,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-search {
  grid-area: search;
  align-content: center;
}
.content-page #menu_page .box-menu .section-home .section-user .section-search .b,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-search .b,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-search .b,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-search .b,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-search .b,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-search .b {
  display: flex;
  flex-direction: column;
  row-gap: 1em;
  justify-content: center;
  align-items: center;
}
.content-page #menu_page .box-menu .section-home .section-user .section-search .b input,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-search .b input,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-search .b input,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-search .b input,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-search .b input,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-search .b input {
  margin-top: 0.5em;
}
.content-page #menu_page .box-menu .section-home .section-user .section-search .b button,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-search .b button,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-search .b button,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-search .b button,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-search .b button,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-search .b button {
  margin-top: 0;
}
@media screen and (max-width: 546px) {
  .content-page #menu_page .box-menu .section-home .section-user .section-search .b button,
  .content-page #menu_page .box-menu .section-home .section-user-plus .section-search .b button,
  .content-page #menu_page .box-menu .section-home .section-user-solo .section-search .b button,
  .content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-search .b button,
  .content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-search .b button,
  .content-page #menu_page .box-menu .section-home .section-user-duo .section-search .b button {
    margin-top: 1em;
  }
}
.content-page #menu_page .box-menu .section-home .section-user .section-search .b p,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-search .b p,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-search .b p,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-search .b p,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-search .b p,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-search .b p {
  cursor: pointer;
}
.content-page #menu_page .box-menu .section-home .section-user .section-stat,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-stat,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-stat,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-stat,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-stat,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-stat {
  grid-area: stat;
}
.content-page #menu_page .box-menu .section-home .section-user .section-stat .b,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-stat .b,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-stat .b,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-stat .b,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-stat .b,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-stat .b {
  display: flex;
  align-items: center;
  justify-items: center;
  cursor: pointer;
}
.content-page #menu_page .box-menu .section-home .section-user .section-stat .b .stat-box .stat-line,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-stat .b .stat-box .stat-line,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-stat .b .stat-box .stat-line,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-stat .b .stat-box .stat-line,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-stat .b .stat-box .stat-line,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-stat .b .stat-box .stat-line {
  display: grid;
  grid-template-columns: 5fr 1fr;
  justify-items: left;
  align-items: center;
  padding: 0.3em;
}
.content-page #menu_page .box-menu .section-home .section-user .section-stat .b .stat-box .stat-line p::first-letter,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-stat .b .stat-box .stat-line p::first-letter,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-stat .b .stat-box .stat-line p::first-letter,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-stat .b .stat-box .stat-line p::first-letter,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-stat .b .stat-box .stat-line p::first-letter,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-stat .b .stat-box .stat-line p::first-letter {
  text-transform: uppercase;
}
.content-page #menu_page .box-menu .section-home .section-user .section-match,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-match,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-match,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-match,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-match,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-match {
  grid-area: match;
}
.content-page #menu_page .box-menu .section-home .section-user .section-match .b,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-match .b,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-match .b,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-match .b,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-match .b,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-match .b {
  align-content: center;
  cursor: pointer;
}
.content-page #menu_page .box-menu .section-home .section-user .section-match .b h4,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-match .b h4,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-match .b h4,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-match .b h4,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-match .b h4,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-match .b h4 {
  text-align: center;
  color: #147882;
}
.content-page #menu_page .box-menu .section-home .section-user .section-match .b .item,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-match .b .item,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-match .b .item,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-match .b .item,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-match .b .item,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-match .b .item {
  display: grid;
  grid-template-columns: 5fr 1fr;
  justify-items: left;
  align-items: center;
  padding: 0.5em;
}
.content-page #menu_page .box-menu .section-home .section-user .section-match .b .item p,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-match .b .item p,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-match .b .item p,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-match .b .item p,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-match .b .item p,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-match .b .item p {
  text-align: left;
}
.content-page #menu_page .box-menu .section-home .section-user .section-export,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-export,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-export,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-export,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-export,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-export {
  grid-area: export;
}
.content-page #menu_page .box-menu .section-home .section-user .section-export .b,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-export .b,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-export .b,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-export .b,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-export .b,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-export .b {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.content-page #menu_page .box-menu .section-home .section-user .section-export .b h3,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-export .b h3,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-export .b h3,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-export .b h3,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-export .b h3,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-export .b h3 {
  text-align: center;
}
.content-page #menu_page .box-menu .section-home .section-user .section-coherence,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-coherence,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-coherence,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-coherence,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-coherence,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-coherence {
  grid-area: cohe;
  cursor: pointer;
}
.content-page #menu_page .box-menu .section-home .section-user .section-coherence .b,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-coherence .b,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-coherence .b,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-coherence .b,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-coherence .b,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-coherence .b {
  overflow-y: hidden;
}
.content-page #menu_page .box-menu .section-home .section-user .section-coherence .b .item,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-coherence .b .item,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-coherence .b .item,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-coherence .b .item,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-coherence .b .item,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-coherence .b .item {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 1em;
  justify-items: center;
  align-items: center;
  margin: 3em;
}
.content-page #menu_page .box-menu .section-home .section-user .section-task,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-task,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-task,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-task,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-task,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-task {
  grid-area: task-export;
}
.content-page #menu_page .box-menu .section-home .section-user .section-task .item,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-task .item,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-task .item,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-task .item,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-task .item,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-task .item {
  display: grid;
  grid-template-columns: 6fr 2fr;
  gap: 1em;
  justify-items: left;
  align-items: center;
}
.content-page #menu_page .box-menu .section-home .section-user .section-task .item button,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-task .item button,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-task .item button,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-task .item button,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-task .item button,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-task .item button {
  margin-top: 0;
}
.content-page #menu_page .box-menu .section-home .section-user .section-task .item p,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-task .item p,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-task .item p,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-task .item p,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-task .item p,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-task .item p {
  text-align: center;
}
.content-page #menu_page .box-menu .section-home .section-user .section-task .item:first-of-type,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-task .item:first-of-type,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-task .item:first-of-type,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-task .item:first-of-type,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-task .item:first-of-type,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-task .item:first-of-type {
  margin: 0.5em auto 2em auto;
}
.content-page #menu_page .box-menu .section-home .section-user .section-task .item:first-of-type a,
.content-page #menu_page .box-menu .section-home .section-user-plus .section-task .item:first-of-type a,
.content-page #menu_page .box-menu .section-home .section-user-solo .section-task .item:first-of-type a,
.content-page #menu_page .box-menu .section-home .section-user-solo-plus .section-task .item:first-of-type a,
.content-page #menu_page .box-menu .section-home .section-user-duo-plus .section-task .item:first-of-type a,
.content-page #menu_page .box-menu .section-home .section-user-duo .section-task .item:first-of-type a {
  color: #147882;
}

#calendar .container {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  flex-wrap: wrap;
}
#calendar .section-printable {
  margin-top: 50px;
}
#calendar .cadre {
  padding: 0;
}
#calendar .gift {
  width: auto;
  margin: 1em;
  background-color: rgba(215, 230, 225, 0.1);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 7px;
  padding: 5px 30px 10px 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  height: 460px;
}
#calendar img {
  height: 100%;
  width: 100%;
}
#calendar .empty-image {
  height: 100%;
}
#calendar .gift-text {
  font-size: 1.5em;
  text-align: center;
}
#calendar .download {
  cursor: pointer;
}
#calendar .download:hover {
  text-decoration: underline;
}
#calendar .clickable {
  cursor: pointer;
}
#calendar .clickable:hover {
  box-shadow: 0px 0px 5px 0px #fca758;
}
@media (min-width: 0px) {
  #calendar .image {
    height: calc(((100vw - 10px - 30px) * 1 - 30px) * 0.9 * 315 / 447);
  }
}
@media (min-width: 768px) {
  #calendar .image {
    height: 206.1241610738px;
  }
}
@media (min-width: 992px) {
  #calendar .image {
    height: 177.5838926174px;
  }
}
@media (min-width: 1200px) {
  #calendar .image {
    height: 219.8657718121px;
  }
}
@media (min-width: 1400px) {
  #calendar .image {
    height: calc(((100vw - 10px - 20em - 30px) * 1 / 3 - 30px) * 0.9 * 315 / 447);
  }
}

#profil {
  display: block;
  height: calc(100vh - 72.25px);
  max-height: calc(100vh - 72.25px);
}
@media screen and (max-width: 992px) {
  #profil {
    height: calc(100vh - 70.95px);
    max-height: calc(100vh - 70.95px);
  }
}
#profil .display-module h2 {
  font-size: 1.5em;
  font-weight: bold;
  font-family: Hind;
  text-align: left;
}
#profil .display-module h3 {
  font-size: 1.2em;
  font-family: Nunito-L;
}
#profil .display-module ul {
  padding: 0;
  margin: 0;
}
#profil .display-module .pref-block input,
#profil .display-module .pref-block span,
#profil .display-module .pref-block label {
  margin-right: 1em;
}
#profil .display-module .pref-block button {
  margin: 1em 1em 1em 0;
  font-size: 1em;
}
#profil #coherence .pref-block input,
#profil #coherence .pref-block span,
#profil #coherence .pref-block label {
  margin-right: 1em;
}
#profil #coherence .pref-block input:first-letter,
#profil #coherence .pref-block span:first-letter,
#profil #coherence .pref-block label:first-letter {
  text-transform: none;
}
#profil #list-team,
#profil #create-team,
#profil #list-branch,
#profil #create-branch,
#profil #matching,
#profil #subs {
  padding: 2em;
  width: 90%;
}
@media screen and (max-width: 992px) {
  #profil #list-team,
  #profil #create-team,
  #profil #list-branch,
  #profil #create-branch,
  #profil #matching,
  #profil #subs {
    margin-left: 3em;
  }
}
@media screen and (max-width: 546px) {
  #profil #list-team,
  #profil #create-team,
  #profil #list-branch,
  #profil #create-branch,
  #profil #matching,
  #profil #subs {
    padding: 0 2em;
  }
}
#profil #subs .titre {
  font-size: 1.5em;
  font-weight: bold;
  font-family: Hind;
}
#profil #subs .p-header {
  font-weight: 100;
  font-family: Nunito-L;
  color: #595959;
  font-size: 1.2em;
}
#profil #subs .name {
  display: flex;
  flex-direction: column;
  gap: 0em;
}
#profil #subs .plan-pay {
  grid-template-columns: 40fr 40fr 20fr;
}
#profil #subs .plan-pay .btn-update {
  text-align: end;
}
#profil #subs .plan-paid {
  grid-template-columns: 50fr 10fr 10fr 30fr;
}
#profil #subs .btn-update {
  color: #147882;
  cursor: pointer;
}
#profil #subs .btn-update:hover {
  color: #d34618;
}
#profil #subs .btn-view span {
  font-family: Nunito-L;
  color: #D34618;
  cursor: pointer;
}
#profil #subs .btn-view span:hover {
  color: #fca758;
}
#profil #subs .btn-view-invo span {
  color: #595959;
  cursor: pointer;
  font-family: Nunito-L;
  text-align: center;
}
#profil #subs .btn-view-invo span:hover {
  background-color: rgba(89, 89, 89, 0.2117647059);
}
#profil #subs hr {
  margin: 0;
}
#profil #subs .cancel {
  text-align: center;
}
#profil #subs .address-line2 {
  font-size: 0.8em;
  font-family: "Nunito-L";
}
#profil .section-btn {
  text-align: right;
  display: grid;
  align-items: center;
  justify-items: end;
}
#profil .section-btn #menu_bottom {
  position: relative;
  right: 0;
  margin: 0;
}
@media screen and (max-width: 768px) {
  #profil .section-btn #menu_bottom {
    right: 60px;
  }
}
@media screen and (max-width: 768px) {
  #profil .section-btn .grid-parent {
    justify-content: center;
  }
}
#profil .section-equipe {
  color: #372d2d;
  transition: transform 0.3s ease-in-out;
  border-radius: 7px;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  #profil .section-equipe {
    margin-top: 3em;
    width: 100%;
  }
}
@media screen and (max-width: 546px) {
  #profil .section-equipe {
    width: 100%;
    margin-top: 5em;
    margin-bottom: 4em;
  }
}
@media screen and (max-width: 768px) {
  #profil .section-equipe .item {
    justify-content: left;
  }
}
#profil .section-equipe .p-header {
  font-weight: 100;
  font-family: Nunito-L;
  color: #595959;
  font-size: 1.2em;
}
@media screen and (max-width: 768px) {
  #profil .section-equipe .p-header {
    text-align: left;
  }
}
#profil .section-equipe .titre {
  font-size: 1.5em;
  font-weight: bold;
  font-family: Hind;
}
@media screen and (max-width: 768px) {
  #profil .section-equipe .titre {
    text-align: left;
  }
}
#profil .section-equipe #branch-list .data,
#profil .section-equipe #folder-list .data {
  grid-template-columns: 90fr 10fr;
}
#profil .section-equipe #branch-list .data .name,
#profil .section-equipe #folder-list .data .name {
  width: 100%;
  padding: 0.5em 1em;
  background-color: #f2f7f6;
  text-align: left;
}
#profil .section-equipe .item-equipe .subtitle {
  font-weight: 100;
  font-family: Nunito-L;
  color: #595959;
  font-size: 1.2em;
}
@media screen and (max-width: 768px) {
  #profil .section-equipe .item-equipe .subtitle {
    text-align: left;
  }
}
#profil .section-equipe .item-equipe .data .body-team input {
  font-family: Nunito-L;
  background-color: #f7f7f7;
  box-shadow: none;
}
#profil .section-equipe .item-equipe .data i:not(.help-feature) {
  cursor: pointer;
  color: #D34618;
}
#profil .section-equipe .item-equipe .data i:not(.help-feature):hover {
  color: #147882;
}
#profil .section-equipe .item-equipe .data .item-branch {
  grid-template-columns: 60fr 30fr 10fr;
  position: relative;
}
#profil .section-equipe .item-equipe .data .branch_list_container,
#profil .section-equipe .item-equipe .data .insert_person_list {
  position: absolute;
  top: 3em;
  padding: 1em 1em 0 1em;
  z-index: 1001;
  background-color: #fff;
  border: 0;
  border-radius: 3px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  width: 88%;
  max-height: 30vh;
  overflow-y: auto;
}
#profil .section-equipe .item-equipe .data .branch_list_container .select_list,
#profil .section-equipe .item-equipe .data .insert_person_list .select_list {
  cursor: pointer;
}
#profil .section-equipe .item-equipe .data .branch_list_container .select_list:hover,
#profil .section-equipe .item-equipe .data .insert_person_list .select_list:hover {
  color: #d34618;
}
#profil .section-equipe .item-equipe .data .branch_list_container .btn-add-branche,
#profil .section-equipe .item-equipe .data .insert_person_list .btn-add-branche {
  background-color: transparent;
  width: 100%;
  margin: auto;
  border: 0;
  color: #d34618;
  padding: 0.5em;
  cursor: pointer;
  border-top: 1px solid #eee;
}
#profil .section-equipe .item-equipe .data .branch_list_container .btn-add-branche:hover,
#profil .section-equipe .item-equipe .data .insert_person_list .btn-add-branche:hover {
  color: #147882;
}
#profil .section-equipe .item-equipe .data .member-admin label {
  text-transform: capitalize;
}
#profil .section-equipe .item-equipe .data .fixinput {
  width: 60%;
  text-align: center;
  background-color: transparent;
}
#profil .section-equipe .item-equipe #datalist {
  width: 50%;
  text-align: center;
  margin: 0 auto;
  color: #d34618;
}
#profil .section-equipe .item-equipe #datalist .list-person {
  box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.1);
  max-height: 20vh;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 5px;
  scrollbar-width: thin;
  padding: 10px;
}
#profil .section-equipe .item-equipe #datalist .list-person .person_list {
  cursor: pointer;
  color: #147882;
}
#profil .section-equipe .item-equipe #datalist .list-person .person_list:hover {
  color: #d34618;
  text-decoration: underline;
}
#profil .section-equipe .item-equipe .checkbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  margin: 50px auto;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  #profil .section-equipe .item-equipe .checkbox {
    width: 80%;
  }
}
#profil .section-equipe .item-equipe .checkbox label {
  padding: 0;
}
#profil .section-equipe .item-equipe .checkbox .titre {
  font-weight: 700;
}
@media only screen and (max-width: 546px) {
  #profil .section-equipe .item-equipe .gc-md-end-c6 {
    grid-column-end: 5;
  }
  #profil .section-equipe .item-equipe .gc-md-start-c3 {
    grid-column-start: 1;
    margin-bottom: 10px;
  }
  #profil .section-equipe .item-equipe .gc-md-end-c3 {
    grid-column-end: 5;
  }
}
#profil .section-equipe .create-branch-1 {
  grid-template-columns: 1fr 1fr;
}
#profil .section-equipe .from-branch-1 {
  grid-template-columns: 1fr 1fr;
}
#profil .section-equipe .from-branch-1 .section-btn {
  grid-column-start: 2;
}
#profil .section-equipe .add-equipe-mybranche .nav-select .form-control {
  width: 100%;
  background-color: white;
  border: 1px solid #372D2D;
  color: #372D2D;
}
#profil .section-equipe .add-equipe-mybranche .form-control {
  font-family: Nunito-L;
  background-color: #f7f7f7;
  box-shadow: none;
}
#profil .section-equipe .add-equipe-mybranche .list_filter {
  font-family: Nunito-L;
  background-color: #f7f7f7;
  box-shadow: none;
  border: 0;
  color: #372D2D;
}
#profil .section-equipe .add-equipe-mybranche .data .filter_block input {
  text-overflow: ellipsis;
  font-size: 1em;
}
#profil .section-equipe .add-equipe-mybranche .data span {
  color: #147882;
}
#profil .section-equipe .add-equipe-mybranche .data .fixinput {
  width: 50%;
  margin: 0;
}
#profil .section-equipe .add-equipe-mybranche .data label.error {
  font-size: 0.7em;
}
#profil .section-equipe .add-equipe-mybranche .insert_person_container .insert_person_list {
  background-color: white;
  padding: 10px;
  font-size: 0.8em;
  border-radius: 5px;
  position: absolute;
  box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.1);
}
#profil .section-equipe h4 {
  padding: 0 200px;
  line-height: 2em;
  font-size: 1em;
  color: #595959;
}
#profil .section-equipe h4 a {
  color: #D34618;
}
#profil .section-equipe h4 a:hover {
  color: #147882;
}
@media only screen and (max-width: 992px) {
  #profil .section-equipe h4 {
    padding: 0 120px;
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 546px) {
  #profil .section-equipe h4 {
    padding: 0 30px;
    font-size: 1.3em;
  }
}
#profil .section-equipe #member-equipe input[type=checkbox] {
  display: none;
}
#profil .section-equipe .branch-team-list li {
  font-family: Nunito-L;
}
#profil .section-equipe .from-branch a.save {
  color: white;
}
#profil .section-equipe .from-branch a.save:hover {
  color: white;
}
#profil .section-equipe .new_branch_container .add-new {
  margin-left: auto;
}
#profil .section-equipe .new_branch_container .branch_select {
  color: #7d7d7d;
}
#profil .section-equipe .new_folder_container .folder_select {
  color: #7d7d7d;
}
#profil #member-equipe #team_tbody select {
  background-color: transparent;
  border: 0;
  font-weight: 100;
  font-family: Nunito-L;
}
#profil #member-equipe #team_tbody .list-item .delete-table {
  background-color: transparent;
  color: #d34618;
  cursor: pointer;
  display: block;
  font-weight: 100;
  font-family: Nunito-L;
}
#profil #member-equipe #team_tbody .list-item .delete-table:hover {
  color: #147882;
}
#profil #member-equipe #team_tbody .list-item .notSave {
  background-color: transparent;
  color: #372D2D;
  border: 0;
  cursor: pointer;
  padding-bottom: 0.5em;
  font-weight: 100;
  font-family: Nunito-L;
}
#profil #member-equipe #team_tbody .list-item .notSave:hover {
  color: #147882;
}
#profil .table-container {
  overflow-x: scroll;
}
#profil .table-container .table-bordered {
  width: 100%;
  margin: 0;
}
#profil .table-container .table-bordered th {
  font-weight: 100;
  font-family: Nunito-L;
  color: #595959;
  font-size: 0.8em;
}
@media screen and (max-width: 546px) {
  #profil .table-container .table-bordered th {
    font-size: 0.5em;
  }
}
#profil .table-container .table-bordered .sort:first-letter {
  text-transform: uppercase;
}
#profil .table-container .table-bordered .list-item {
  cursor: pointer;
  color: #372D2D;
}
#profil .table-container .table-bordered .list-item:hover {
  background-color: #f3f7f7;
}
#profil .label {
  font-size: 1em;
}
#profil .well {
  background-color: #f0f5ff;
  border: 0;
}
#profil .wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
#profil .wrapper .sidebar {
  background-color: #fafafa;
  left: 0;
  width: 70px;
  height: 91%;
  transition: 0.3s;
  transition-property: width;
  position: fixed;
  box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.3);
  top: 72.25px;
}
#profil .wrapper .sidebar .header .header-menu {
  height: 100%;
  display: grid;
  align-items: center;
  padding: 0px 25px;
  background-color: #147882;
  grid-template-columns: 10fr 90fr;
}
@media screen and (max-width: 768px) {
  #profil .wrapper .sidebar .header .header-menu {
    padding: 0px 15px;
  }
}
#profil .wrapper .sidebar .header .title {
  color: white;
  padding-left: 17px;
}
#profil .wrapper .sidebar .header .title h2 {
  text-align: left;
  font-weight: 400;
  font-size: 18px;
}
#profil .wrapper .sidebar .header .sidebar-btn {
  color: white;
  font-size: 25px;
  font-weight: 900;
  cursor: pointer;
  transition: 0.3s;
  transition-property: color;
  line-height: 3;
}
#profil .wrapper .sidebar .header .sidebar-btn:hover {
  color: #84B2AA;
}
#profil .wrapper .sidebar .sidebar-menu {
  overflow: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 75px - 72.25px);
}
@media screen and (max-width: 768px) {
  #profil .wrapper .sidebar .sidebar-menu {
    display: block;
  }
}
#profil .wrapper .sidebar .sidebar-menu ul {
  padding: 0;
  list-style: none;
}
#profil .wrapper .sidebar .sidebar-menu #user,
#profil .wrapper .sidebar .sidebar-menu #equipe {
  grid-template-columns: 10fr auto;
}
#profil .wrapper .sidebar .sidebar-menu .item {
  max-width: 300px;
  overflow: hidden;
}
#profil .wrapper .sidebar .sidebar-menu .item .menu-btn {
  display: grid;
  grid-template-columns: 10fr 90fr;
  column-gap: 1em;
  color: #147882;
  padding: 1em;
  transition: 0.3s;
  transition-property: color;
  font-size: 20px;
}
#profil .wrapper .sidebar .sidebar-menu .item .menu-btn:hover {
  color: #D34618;
  background-color: rgba(215, 230, 225, 0.5);
}
#profil .wrapper .sidebar .sidebar-menu .item .menu-btn span {
  font-size: 18px;
  font-weight: 100;
  display: none;
  color: #372D2D;
  font-family: Nunito-L;
}
@media screen and (max-width: 768px) {
  #profil .wrapper .sidebar .sidebar-menu .item .menu-btn span {
    display: inline-block;
  }
}
#profil .wrapper .sidebar .sidebar-menu .item .menu-btn .drop-down {
  font-size: 12px;
  padding: 5px 5px 5px 20px;
}
#profil .wrapper .sidebar .sidebar-menu .item .sub-menu {
  overflow: hidden;
  height: 0;
  transition: 0.3s;
  transition-property: background-color, height;
}
#profil .wrapper .sidebar .sidebar-menu .item .sub-menu a {
  display: block;
  position: relative;
  color: rgba(20, 120, 130, 0.6666666667);
  white-space: nowrap;
  font-size: 15px;
  padding: 20px 20px 20px 27px;
  transition: 0.3s;
  transition-property: background-color;
  display: grid;
  grid-template-columns: 5fr 95fr;
}
#profil .wrapper .sidebar .sidebar-menu .item .sub-menu a:hover {
  background-color: rgba(215, 230, 225, 0.7);
  text-decoration: none;
  color: #D34618;
}
#profil .wrapper .sidebar .sidebar-menu .item .sub-menu a span {
  font-weight: 100;
  color: #372D2D;
  font-family: Nunito-L;
}
#profil .wrapper .sidebar .sidebar-menu .item .sub-menu a:not(:last-child) {
  border-bottom: 1px solid rgba(55, 45, 45, 0.2);
}
#profil .wrapper .sidebar .sidebar-menu .item .sub-menu i {
  width: 35px;
  font-size: 15px;
}
#profil .wrapper .sidebar .sidebar-menu .item .sub-menu i.mix {
  padding-right: 0px;
}
#profil .wrapper .sidebar .sidebar-menu .item .sub-menu i.fa-plus {
  font-size: 0.5em;
}
#profil .wrapper .sidebar .sidebar-menu .item .sub-menu #a_profile {
  border-top: 1px solid rgba(55, 45, 45, 0.2);
}
#profil .wrapper .sidebar .sidebar-menu .item .sub-menu span {
  display: none;
}
@media screen and (max-width: 768px) {
  #profil .wrapper .sidebar .sidebar-menu .item .sub-menu span {
    display: inline-block;
  }
}
#profil .wrapper .sidebar .sidebar-menu .active {
  background-color: rgba(215, 230, 225, 0.3);
}
#profil .wrapper .sidebar .item:not(:last-child) {
  border-bottom: 1px solid rgba(55, 45, 45, 0.2);
}
#profil .wrapper .sidebar .collapse-marge {
  width: 70%;
  margin-left: 150px;
  transition: 0.5s;
}
#profil .wrapper .sidebar #displayBtn {
  display: none;
}
@media screen and (max-width: 1200px) {
  #profil .wrapper .sidebar {
    top: 72.25px;
  }
}
@media screen and (max-width: 992px) {
  #profil .wrapper .sidebar {
    top: 70.95px;
  }
}
@media screen and (max-width: 768px) {
  #profil .wrapper .sidebar {
    width: 300px;
  }
}
#profil .wrapper #display {
  margin-left: 70px;
}
@media screen and (max-width: 992px) {
  #profil .wrapper #display {
    margin-left: 0px;
  }
}
#profil .wrapper #email .pref-block {
  display: flex;
  flex-direction: column;
}
#profil .wrapper #email .pref-block label, #profil .wrapper #email .pref-block input {
  text-align: left;
  margin-left: 0;
}
#profil .wrapper #tree,
#profil .wrapper #docpref,
#profil .wrapper #download {
  width: 90%;
  text-align: left;
  padding: 2em;
}
@media screen and (max-width: 992px) {
  #profil .wrapper #tree,
  #profil .wrapper #docpref,
  #profil .wrapper #download {
    margin-left: 5em;
  }
}
@media screen and (max-width: 546px) {
  #profil .wrapper #tree,
  #profil .wrapper #docpref,
  #profil .wrapper #download {
    margin: 8em 2em 8em 4em;
  }
}
#profil .wrapper #tree .item-pers,
#profil .wrapper #docpref .item-pers,
#profil .wrapper #download .item-pers {
  grid-template-columns: 20fr 80fr;
}
@media screen and (max-width: 992px) {
  #profil .wrapper #tree .item-pers,
  #profil .wrapper #docpref .item-pers,
  #profil .wrapper #download .item-pers {
    grid-template-columns: 1fr;
  }
}
#profil .wrapper #tree .item-pers .input_person,
#profil .wrapper #docpref .item-pers .input_person,
#profil .wrapper #download .item-pers .input_person {
  grid-template-columns: 5fr 95fr;
  padding: 0.3em 0;
  gap: 0;
}
#profil .wrapper #tree .item-pers .input_person input,
#profil .wrapper #docpref .item-pers .input_person input,
#profil .wrapper #download .item-pers .input_person input {
  width: 1em;
  margin: 0;
}
#profil .wrapper #tree .item-pers .insert_person_list,
#profil .wrapper #docpref .item-pers .insert_person_list,
#profil .wrapper #download .item-pers .insert_person_list {
  position: absolute;
  top: 30px;
}
#profil .wrapper #tree ul li {
  display: flex;
  flex-direction: row;
  gap: 1em;
  justify-items: left;
  align-items: center;
}
#profil .wrapper #tree ul li input {
  margin-left: 0;
}
#profil .wrapper #lang {
  width: 90%;
  text-align: left;
  padding: 2em;
}
@media screen and (max-width: 546px) {
  #profil .wrapper #lang {
    margin: 8em 2em;
  }
}
#profil .wrapper #lang .select {
  width: 50%;
}
@media screen and (max-width: 546px) {
  #profil .wrapper #lang .select {
    width: 100%;
  }
}
#profil .wrapper #lang form label {
  font-size: 1.5em;
  font-weight: bold;
  font-family: Hind;
}
#profil .wrapper .user-sub {
  width: 90%;
  text-align: left;
  padding: 2em;
}
@media screen and (max-width: 992px) {
  #profil .wrapper .user-sub {
    margin-left: 5em;
  }
}
@media screen and (max-width: 546px) {
  #profil .wrapper .user-sub {
    margin: 8em 2em;
  }
}
#profil .wrapper .user-sub h3 {
  font-weight: 100;
  font-family: Nunito-L;
  font-size: 1.5em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #profil .wrapper.collapse .header-menu {
    width: 60px;
  }
}
#profil .wrapper.collapse .sidebar {
  width: 300px;
}
@media screen and (max-width: 768px) {
  #profil .wrapper.collapse .sidebar {
    width: 0px;
  }
}
#profil .wrapper.collapse .sidebar #displayBtn {
  display: block;
}
@media screen and (max-width: 546px) {
  #profil .wrapper.collapse .sidebar #displayBtn {
    display: none;
  }
}
#profil .wrapper.collapse .sidebar a span {
  display: block;
}
#profil .wrapper.collapse .sidebar #btnProfil .item {
  max-height: calc(100vh - 72.25px - 75px);
}
#profil .wrapper.collapse .sidebar #btnProfil .item span {
  display: grid;
  grid-template-columns: 90fr auto;
}
@media screen and (max-width: 546px) {
  #profil .wrapper.collapse .sidebar #btnProfil .item span {
    display: none;
  }
}
#profil .wrapper.collapse #display {
  margin-left: 300px;
  width: 80%;
}
@media screen and (max-width: 992px) {
  #profil .wrapper.collapse #display {
    margin-left: 240px;
    width: 75%;
  }
}
@media screen and (max-width: 768px) {
  #profil .wrapper.collapse #display {
    margin-left: 0px;
    width: 90%;
  }
}
#profil .wrapper.collapse .collapse-marge {
  transition: 0.5s;
}
#profil #user.collapse .sub-menu,
#profil #equipe.collapse .sub-menu {
  height: auto;
}
#profil #display {
  width: auto;
  height: 100%;
  transition: 0.5s;
  position: relative;
}
#profil #display .zone-vid-img img {
  width: 60%;
  display: block;
  position: relative;
  margin: 0 auto;
}
#profil .tab-pane {
  padding: 1em 2em 1em 2em;
}
#profil #email {
  width: 90%;
  text-align: left;
  padding: 2em;
}
@media screen and (max-width: 992px) {
  #profil #email {
    margin-left: 5em;
  }
}
@media screen and (max-width: 546px) {
  #profil #email {
    margin: 8em 2em;
  }
}
#profil #email input {
  width: 40%;
}
@media screen and (max-width: 546px) {
  #profil #email input {
    width: 80%;
  }
}
#profil #email .btn {
  display: block;
  margin: 0 auto;
  margin-top: 2em;
}
#profil #profil_stat {
  width: 90%;
  text-align: left;
  padding: 2em;
}
@media screen and (max-width: 768px) {
  #profil #profil_stat {
    width: 100%;
  }
}
#profil #profil_stat table {
  min-width: 30vw;
  max-width: 40vw;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #profil #profil_stat table {
    min-width: 60vw;
  }
}
#profil #delete {
  width: 90%;
  text-align: left;
  padding: 2em;
}
@media screen and (max-width: 992px) {
  #profil #delete {
    margin-left: 5em;
  }
}
@media screen and (max-width: 546px) {
  #profil #delete {
    margin: 8em 2em 8em 5em;
  }
}
#profil #delete p {
  font-weight: 100;
  font-family: Nunito-L;
  color: #595959;
  font-size: 1.2em;
}
@media screen and (max-width: 546px) {
  #profil #delete p {
    font-size: 1.5em;
  }
}
#profil #delete .case-del {
  grid-template-columns: 3fr 97fr;
  padding: 1em 0;
}
#profil #delete .delete-reason ul {
  padding: 0;
  margin: 0;
}
#profil #delete label:not(.error) {
  text-transform: none;
  font-weight: 400;
  color: #147882;
}
#profil #delete ul li {
  margin-bottom: 1.5em;
  list-style: none;
}
#profil #delete ul li input {
  margin: 0 0.5em 0 2em;
}
#profil #delete ul li input[type=text] {
  display: block;
  width: 75%;
}
@media only screen and (max-width: 546px) {
  #profil #delete .zone-del {
    font-size: 0.7em;
    width: 100%;
  }
  #profil #delete .zone-del p {
    text-align: left !important;
  }
}
#profil #matching .consent {
  grid-template-columns: max-content auto;
}
#profil .block_pref {
  width: 100%;
  position: relative;
  float: left;
  margin-bottom: 10px;
}
#profil .zone-vid-img {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
#profil #tree .label,
#profil #download .label,
#profil #modal_export .label,
#profil #docpref .label {
  font-size: 1em;
  display: inline;
  padding-left: 0.3em;
  margin: 0;
}
#profil #tree ul,
#profil #download ul,
#profil #modal_export ul,
#profil #docpref ul {
  list-style: none;
  text-align: left;
  padding: 0;
}
#profil #tree #insert_person_list,
#profil #download #insert_person_list,
#profil #modal_export #insert_person_list,
#profil #docpref #insert_person_list {
  color: #372D2D;
  font-size: 12px;
}
#profil #tree .zone-per .filter_block i,
#profil #download .zone-per .filter_block i,
#profil #modal_export .zone-per .filter_block i,
#profil #docpref .zone-per .filter_block i {
  color: rgba(55, 45, 45, 0.5);
}
#profil #tree .zone-gene,
#profil #download .zone-gene,
#profil #modal_export .zone-gene,
#profil #docpref .zone-gene {
  padding-bottom: 20px;
  grid-template-columns: 30fr 70fr;
}
@media screen and (max-width: 992px) {
  #profil #tree .zone-gene,
  #profil #download .zone-gene,
  #profil #modal_export .zone-gene,
  #profil #docpref .zone-gene {
    grid-template-columns: 100fr;
  }
}
#profil #tree .zone-gene #tree_genb,
#profil #download .zone-gene #tree_genb,
#profil #modal_export .zone-gene #tree_genb,
#profil #docpref .zone-gene #tree_genb {
  width: 50%;
  background-color: white;
  border-radius: 7px;
  color: #D34618;
  margin-top: 20px;
}
#profil #tree .zone-gene #tree_genb_asc,
#profil #tree .zone-gene #tree_genb_desc,
#profil #download .zone-gene #tree_genb_asc,
#profil #download .zone-gene #tree_genb_desc,
#profil #modal_export .zone-gene #tree_genb_asc,
#profil #modal_export .zone-gene #tree_genb_desc,
#profil #docpref .zone-gene #tree_genb_asc,
#profil #docpref .zone-gene #tree_genb_desc {
  width: 25%;
  background-color: white;
  border-radius: 7px;
  color: #D34618;
  border: 1px solid #c6c6c6;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #profil #tree .zone-gene #tree_genb_asc,
  #profil #tree .zone-gene #tree_genb_desc,
  #profil #download .zone-gene #tree_genb_asc,
  #profil #download .zone-gene #tree_genb_desc,
  #profil #modal_export .zone-gene #tree_genb_asc,
  #profil #modal_export .zone-gene #tree_genb_desc,
  #profil #docpref .zone-gene #tree_genb_asc,
  #profil #docpref .zone-gene #tree_genb_desc {
    width: 25%;
  }
}
@media screen and (max-width: 546px) {
  #profil #tree .zone-gene #tree_genb_asc,
  #profil #tree .zone-gene #tree_genb_desc,
  #profil #download .zone-gene #tree_genb_asc,
  #profil #download .zone-gene #tree_genb_desc,
  #profil #modal_export .zone-gene #tree_genb_asc,
  #profil #modal_export .zone-gene #tree_genb_desc,
  #profil #docpref .zone-gene #tree_genb_asc,
  #profil #docpref .zone-gene #tree_genb_desc {
    width: 50%;
  }
}
#profil #tree #tree_color_list,
#profil #download #tree_color_list,
#profil #modal_export #tree_color_list,
#profil #docpref #tree_color_list {
  grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
}
#profil #modal_export h3 {
  margin: 0;
}
#profil #docpref {
  width: 90%;
  text-align: left;
  padding: 2em;
}
@media screen and (max-width: 992px) {
  #profil #docpref {
    margin-left: 5em;
  }
}
#profil #docpref select {
  margin: 1em;
}
#profil #docpref #doc_transition {
  margin: 1em;
  width: 75px;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #c6c6c6;
  text-align: center;
  font-size: 1.1em;
  font-family: Nunito-L;
}
#profil #docpref span {
  font-family: Nunito-L;
}
#profil table {
  max-height: 50vh;
  overflow-y: auto;
}

@media screen and (max-width: 580px) {
  [id=register] #sectionOups {
    display: block;
  }
  [id=register] #sectionOups p {
    padding: 40px;
    margin-top: 200px;
    text-align: center;
  }
  [id=register] #sectionRegister {
    display: none;
  }
}
@media screen and (min-width: 580px) {
  [id=register] #sectionOups {
    display: none;
  }
  [id=register] #sectionRegister {
    display: block;
  }
}
[id=register] h1 {
  margin-top: 50px;
  margin-bottom: 50px;
}
[id=register] .cadre-archive {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  padding: 30px;
  height: 300px;
  border-radius: 7px;
  margin: 10px;
  width: auto;
  position: relative;
  display: block;
  background-color: #F0F5F5;
}
[id=register] .cadre-archive h2 {
  font-size: 1.8em;
}
[id=register] .cadre-archive label {
  font-weight: 400;
  font-family: sans-serif;
}
[id=register] .cadre-archive .customFile + label {
  cursor: pointer;
}
[id=register] .cadre-archive .btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
[id=register] .cadre-archive #btnRegis {
  padding: 7px 0;
  width: 30%;
  font-weight: 400;
  border-radius: 5px;
  color: #ffffff;
  border: 0;
  background-color: #d34618;
  transition: 0.2s;
  text-transform: none;
}
[id=register] .cadre-archive #btnRegis:hover {
  color: #372D2D;
  background-color: #fca758;
  transition: 0.2s;
}
[id=register] .cadre-archive input {
  width: 100%;
  font-weight: 400;
  color: rgba(105, 105, 105, 0.7);
  padding-top: 10px;
}
[id=register] .cadre-archive .preview {
  padding-top: 10px;
  color: rgba(136, 136, 136, 0.5);
}
[id=register] .cadre-archive .preview ul {
  list-style: none;
  padding: 0;
}
[id=register] .cadre-archive .preview ul img {
  display: block;
  max-width: 230px;
  max-height: 95px;
  width: auto;
  height: auto;
}
[id=register] .cadre-archive .preview ul p {
  font-size: 0.8em;
  font-weight: 400;
}
[id=register] .cadre-archive .select {
  position: relative;
  min-width: 200px;
}
[id=register] .cadre-archive .select i {
  position: absolute;
  right: 12px;
  top: 40px;
  pointer-events: none;
  color: #d34618;
}
[id=register] .cadre-archive .select i:hover {
  color: #d34618;
}
[id=register] .cadre-archive .select #selected_archive {
  padding: 5px 40px 5px 10px;
  width: 100%;
  border: 1px solid #E8EAED;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0 1px 3px -2px #9098A9;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  transition: all 150ms ease;
  margin-top: 10px;
}
[id=register] .cadre-archive .select select {
  appearance: none;
  border: 0;
  outline: none;
}
@media screen and (max-width: 576px) {
  [id=register] .cadre-archive h2 {
    font-size: 1.5em;
  }
  [id=register] .cadre-archive .preview ul img {
    max-height: 70px;
    max-width: 100px;
  }
  [id=register] .cadre-archive #btnRegis {
    font-size: 0.9em;
    width: 40%;
  }
}
[id=register] .wrapper {
  background-color: #84B2AA;
  margin: 30px 0 20px 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
[id=register] .wrapper #display_archive_button {
  margin: 30px 0;
  display: block;
}
[id=register] .wrapper #display_archive_button #btnArchive {
  padding: 7px 0;
  width: 100%;
  font-weight: 400;
  border-radius: 5px;
  color: #ffffff;
  border: 0;
  background-color: #d34618;
  transition: 0.2s;
  text-transform: none;
}
[id=register] .wrapper #display_archive_button #btnArchive:hover {
  background-color: white;
  color: #d34618;
  transition: 0.2s;
}
[id=register] .wrapper #display_archive_button #btnArchive i {
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  [id=register] .wrapper #display_archive_button #btnArchive {
    margin-bottom: 5px;
  }
}
[id=register] #display_archive {
  margin: 10px;
  padding: 30px 0;
  display: block;
}
[id=register] #display_archive #canvasImage {
  position: relative;
  width: 800px;
  height: 700px;
  margin: auto;
  left: 0;
  right: 0;
}
@media screen and (max-width: 867px) {
  [id=register] #display_archive #canvasImage {
    max-width: 100%;
    max-height: auto;
  }
}
[id=register] #display_archive #canvasImage #canvas1 {
  z-index: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 867px) {
  [id=register] #display_archive #canvasImage #canvas1 {
    max-width: 100%;
    max-height: auto;
  }
}
[id=register] #display_archive #canvasImage #canvas2 {
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 867px) {
  [id=register] #display_archive #canvasImage #canvas2 {
    max-width: 100%;
    max-height: auto;
  }
}
[id=register] #transcription_choice .trans {
  padding: 30px;
  text-align: center;
}
[id=register] #transcription_choice .trans h4, [id=register] #transcription_choice .trans input, [id=register] #transcription_choice .trans label {
  margin: 0;
}
[id=register] #transcription_choice .trans input {
  margin-right: 10px;
}
[id=register] #transcription_choice .trans label {
  font-weight: 400;
  cursor: pointer;
}
@media screen and (max-width: 867px) {
  [id=register] #transcription_choice .trans .col {
    margin: 10px;
  }
}
@media screen and (max-width: 867px) {
  [id=register] #transcription_choice #event_transcription_block {
    text-align: center;
  }
  [id=register] #transcription_choice #event_transcription_block .col {
    margin: 10px;
  }
}
[id=register] #transcription_choice #event_transcription_block .txtPers {
  padding: 7px;
  text-align: center;
}
[id=register] .cadreLast {
  margin-bottom: 50px;
}
[id=register] #sectionArchive #transcription_choice .wrapper {
  background-color: #84B2AA;
  margin: 30px 0 20px 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  padding: 20px;
}
[id=register] #sectionArchive #transcription_choice .item__header h3 {
  margin: 0;
  font-size: 1.3em;
}
[id=register] #sectionArchive #transcription_choice h4, [id=register] #sectionArchive #transcription_choice input, [id=register] #sectionArchive #transcription_choice label {
  margin: 0;
}
[id=register] #sectionArchive #transcription_choice label {
  font-weight: 400;
  cursor: pointer;
}
[id=register] #sectionArchive #transcription_choice .item__body {
  margin-top: 10px;
  margin-bottom: 10px;
}
[id=register] #sectionArchive #transcription_choice textarea {
  font-weight: 400;
  font-family: sans-serif;
}
[id=register] #sectionArchive #transcription_choice #free_transcription_block {
  text-align: center;
}
[id=register] #sectionArchive #transcription_choice #free_transcription_block #btnTranc {
  padding: 7px 0;
  width: 20%;
  font-weight: 400;
  border-radius: 5px;
  color: #ffffff;
  border: 0;
  background-color: #d34618;
  transition: 0.2s;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 50px;
}
[id=register] #sectionArchive #transcription_choice #free_transcription_block #btnTranc:hover {
  background-color: #fca758;
  color: #d34618;
  transition: 0.2s;
}
[id=register] #sectionArchive #transcription_choice #free_transcription_block #transcription {
  background: rgba(255, 255, 255, 0.4);
  background-clip: border-box;
  width: 70%;
  height: 120px !important;
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background-clip: padding-box;
  display: block;
  font-size: 18px;
  color: #372D2D;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 12px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
[id=register] #sectionArchive #transcription_choice #free_transcription_block #transcription:focus {
  outline: none;
  background-color: rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 5px 1px rgba(255, 255, 255, 0.5);
  color: #372D2D;
}
[id=register] #sectionArchive #transcription_choice #event_transcription_block #person {
  padding: 7px;
  max-width: 100%;
  outline: none;
}
[id=register] #sectionArchive #transcription_choice #event_transcription_block #btnEven {
  padding: 7px 0;
  width: 20%;
  font-weight: 400;
  border-radius: 5px;
  color: #ffffff;
  border: 0;
  background-color: #d34618;
  transition: 0.2s;
  text-transform: none;
  margin-top: 10px;
  margin-top: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
[id=register] #sectionArchive #transcription_choice #event_transcription_block #btnEven:hover {
  background-color: white;
  color: #d34618;
  transition: 0.2s;
}
[id=register] #sectionArchive #transcription_choice #event_transcription_block label {
  font-weight: 400;
}
[id=register] #sectionArchive #transcription_choice #event_transcription_block .search-result {
  max-height: 30vh;
  z-index: 3;
  background-color: #f7f7f7;
  overflow-y: auto;
  box-shadow: 0px 0px 1px #d7e6e1;
  border-radius: 0px 0px 10px 10px;
  padding: 0 40px;
  font-family: sans-serif;
  font-size: 12px;
  cursor: pointer;
  width: 415px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 0;
  right: 0;
}
[id=register] #sectionArchive #transcription_choice #event_transcription_block .search-result .person_list {
  color: #372D2D;
}
[id=register] #sectionArchive #transcription_choice #event_transcription_block .search-result .person_list:hover {
  background-color: #d34618;
  color: white;
  padding: 0 40px;
  margin: 0 -20px;
}
[id=register] #sectionArchive #transcription_choice #event_transcription_block .search-result .person_list p {
  text-align: center;
}
[id=register] #sectionArchive .container {
  width: calc(100% - 3em);
}
[id=register] #sectionArchive #canvasImageSelect {
  position: relative;
  max-width: 100%;
  height: 300px;
  margin-bottom: 50px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  overflow: hidden;
  border-color: "black";
  border: 1px 1px 1px 1px;
}
[id=register] #sectionArchive #canvasImageSelect #canvas3 {
  z-index: 0;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 867px) {
  [id=register] #sectionArchive #canvasImageSelect #canvas3 {
    max-width: 100%;
    height: auto;
  }
}
[id=register] #sectionArchive #canvasImageSelect #active_act {
  cursor: move;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 1;
}
[id=register] #sectionArchive #canvasImageSelect .zoom {
  position: absolute;
  display: block;
  width: 3em;
  height: 2em;
  z-index: 2;
}
[id=register] #sectionArchive #canvasImageSelect #zoom_out {
  left: 3.5em;
}
[id=register] #sectionArchive #canvasImageSelect input {
  border-radius: 5px;
  background-color: #d34618;
  color: white;
  border: 0;
  margin: 10px;
  transition: 0.1s;
}
[id=register] #sectionArchive #canvasImageSelect input:hover {
  background-color: #fca758;
  color: #d34618;
  transition: 0.1s;
}
[id=register] #sectionArchive #event_block ul {
  list-style: none;
}
[id=register] #sectionArchive #event_block #menu_bottom {
  width: auto;
  margin: 0;
  padding: 0;
  text-align: center;
}
[id=register] #sectionArchive #event_block #menu_bottom ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
[id=register] #sectionArchive #event_block #menu_bottom ul a li {
  width: 50%;
  margin-bottom: 20px;
}
[id=register] #sectionArchive #event_block #menu_bottom ul a li.save:hover {
  color: #147882;
}
[id=register] #sectionArchive #event_block .left_view {
  padding: 20px;
  overflow: hidden;
  background-color: rgba(215, 230, 225, 0.5);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
}
[id=register] #sectionArchive #event_block .left_view .zone-person p {
  text-align: center;
  color: #147882;
  cursor: pointer;
  border-radius: 20px;
}
[id=register] #sectionArchive #event_block .left_view .zone-person .field-title {
  text-transform: uppercase;
  padding: 3px;
  color: #147882;
  font-weight: normal;
}
[id=register] #sectionArchive #event_block .left_view .zone-person #event_buttons {
  list-style: none;
  margin-left: 0px;
  margin-bottom: 15px;
  padding: 2px;
  text-align: center;
}
[id=register] #sectionArchive #event_block .left_view .zone-person .field-txt {
  position: relative;
  transition: 0.3s;
  padding: 7px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 3px;
  margin-bottom: 3px;
  cursor: pointer;
  min-height: 35px;
  word-wrap: break-word;
  text-align: center;
  border-radius: 7px;
  background-color: #147882;
  color: #ffffff;
  display: inline-block;
  width: 250px;
}
[id=register] #sectionArchive #event_block .left_view .zone-person .field-txt:hover {
  background-color: #d4e6f6;
  color: #147882;
}
[id=register] #sectionArchive #event_block .right_view i {
  margin-top: 0;
}
[id=register] #sectionArchive #event_block .right_view #section_view_tab_form {
  padding: 0 20px;
  margin-bottom: 30px;
  margin-top: -20px;
}
[id=register] #sectionArchive #event_block .right_view #edit_form .form-group {
  margin-bottom: 20px;
}
[id=register] #sectionArchive #event_block .right_view #edit_form .form-group #t_givn_person, [id=register] #sectionArchive #event_block .right_view #edit_form .form-group #t_surn_person, [id=register] #sectionArchive #event_block .right_view #edit_form .form-group #t_npfx_person, [id=register] #sectionArchive #event_block .right_view #edit_form .form-group #t_titl_person, [id=register] #sectionArchive #event_block .right_view #edit_form .form-group #t_nsfx_person, [id=register] #sectionArchive #event_block .right_view #edit_form .form-group #t_fact_person, [id=register] #sectionArchive #event_block .right_view #edit_form .form-group #t_obje_person {
  margin-bottom: 20px;
}
[id=register] #sectionArchive #event_block .right_view #edit_form .form-group .form-control {
  margin-bottom: 10px;
}
[id=register] #sectionArchive #event_block .right_view #edit_form #content_editor .link_add {
  width: 50%;
  margin-left: 0;
}
[id=register] #sectionArchive #event_block .right_view #edit_form #content_editor div:last-of-type {
  text-align: center;
}

@media (max-height: 720px) {
  .main-content {
    padding: 25px 25px 75px 25px;
  }
  .block-archive .image-slide {
    width: 100px;
    height: 125px;
  }
  .block-archive .image-slide img {
    height: 100%;
    width: 100%;
  }
  .prev-next {
    position: absolute;
    top: 15px;
  }
}
[id=section-home] {
  background-color: #333333;
}
[id=section-home] .container {
  position: relative;
  top: 30%;
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  transform: translateY(-40%);
}
[id=section-home] .container .block-home {
  text-align: center;
  height: 250px;
}
[id=section-home] .container .block-home img {
  height: 70%;
}
[id=section-home] .container .block-home h2 {
  margin-bottom: 20px;
}
[id=section-home] .container .block-home h2 span:nth-child(1) {
  color: #147882;
}
[id=section-home] .container .block-home h2 span:nth-child(2) {
  color: #147882;
}
[id=section-home] .container .block-home [id=search_text] {
  margin: 0 auto;
  margin-bottom: 20px;
  width: 50%;
  color: black;
  font-size: 16px;
  height: 52px;
  background: #FFFFFF;
  border: 1px solid #6BC50E;
}
[id=section-home] .container .block-home #search_text::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: black;
}
[id=section-home] .container .block-home #search_text::-moz-placeholder {
  /* Firefox 19+ */
  color: black;
}
[id=section-home] .container .block-home #search_text:-ms-input-placeholder {
  /* IE 10+ */
  color: black;
}
[id=section-home] .container .block-home #search_text:-moz-placeholder {
  /* Firefox 18- */
  color: black;
}
[id=section-home] .container .block-home [id=search_button] {
  width: 50%;
}
@media screen and (max-width: 992px) {
  [id=section-home] .container .block-home [id=search_text],
  [id=section-home] .container .block-home [id=search_button] {
    width: 100%;
  }
}
[id=section-home] .container .block-home ::-webkit-input-placeholder {
  color: white;
}
[id=section-home] .container .block-home :-moz-placeholder {
  color: white;
}
[id=section-home] .container .block-home ::-moz-placeholder {
  color: white;
}
[id=section-home] .container .block-home :-ms-input-placeholder {
  color: white;
}
[id=section-home] .container .block-home [id=search_text]:focus {
  background: #FFFFFF;
}

[id=fullpage] .remove i {
  color: red;
  border: 0px;
  padding: 0px 5px 0px 10px;
}
[id=fullpage] li {
  cursor: pointer;
}
[id=fullpage] li a:link {
  text-decoration: none;
}
[id=fullpage] i {
  color: #FFFFFF;
  padding: 10px 10px;
  border-radius: 10px;
  margin: 5px;
  border: 2px solid #FFFFFF;
}
[id=fullpage] section {
  padding: 0px;
}
[id=fullpage] section .main-content {
  height: 100% !important;
  padding-top: 60px !important;
  padding: 30px;
}
[id=fullpage] section .register {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
}
[id=fullpage] section .list_actes {
  margin: 15px 0px;
  cursor: pointer;
}
[id=fullpage] section .list_actes a {
  text-decoration: none;
  color: #FFFFFF;
  padding: 5px;
  margin: 6px;
}
[id=fullpage] section:nth-of-type(1) {
  position: relative;
}
[id=fullpage] section:nth-of-type(2) .main-content .image-manuscript {
  height: 100%;
}
[id=fullpage] section:nth-of-type(2) .main-content .image-manuscript .image-manuscript-content {
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 200;
}
[id=fullpage] section:nth-of-type(2) .main-content .image-manuscript .image-manuscript-content [id=main-content-svg] {
  margin: 0 auto;
  position: relative;
}
[id=fullpage] section:nth-of-type(2) .main-content .image-manuscript .image-manuscript-content [id=main-content-svg] [id=image_archive] {
  position: absolute;
  top: 0px;
  z-index: 50;
}
[id=fullpage] section:nth-of-type(2) .main-content .image-manuscript #previous_image {
  z-index: 350;
  position: absolute;
  top: 50%;
  /* poussé de la moitié de hauteur du référent */
  left: 0px;
  transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
}
[id=fullpage] section:nth-of-type(2) .main-content .image-manuscript #next_image {
  z-index: 350;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}
[id=fullpage] section:nth-of-type(2) .main-content .image-manuscript #index_image {
  border: 1px solid #FFFFFF;
  border-radius: 25px;
  text-align: center;
  font-size: 12px;
  height: 50px;
  width: 50px;
  color: #FFFFFF;
  z-index: 350;
  position: absolute;
  bottom: 0%;
  right: 50%;
  transform: translateX(50%);
  padding-top: 14px;
}
[id=fullpage] section:nth-of-type(2) .main-content .image-manuscript #index_image span {
  margin-top: 20px;
}
[id=fullpage] section:nth-of-type(3) .submit {
  margin-right: 15px;
}
[id=fullpage] section:nth-of-type(3) .submit input {
  color: #FFFFFF;
}
[id=fullpage] section:nth-of-type(3) .content-manuscript-right {
  height: 100%;
}
[id=fullpage] section:nth-of-type(3) .content-manuscript-right-top {
  position: relative;
  height: calc(100vh - 192px);
  overflow: hidden;
  border: 1px solid #6BC50E;
  text-align: center;
}
[id=fullpage] section:nth-of-type(3) .content-manuscript-right-top img {
  width: 100%;
}
[id=fullpage] section:nth-of-type(3) .menu {
  margin-top: 15px;
  text-align: center;
}
[id=fullpage] section:nth-of-type(3) .menu ul {
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
}
[id=fullpage] section:nth-of-type(3) .menu ul li {
  display: inline;
}
[id=fullpage] section:nth-of-type(3) .content-manuscript-right-bottom {
  position: relative;
  height: calc(100vh - 192px);
  background-color: #f7f6f6;
}
[id=fullpage] section:nth-of-type(3) .content-manuscript-right-bottom .entry-title {
  margin-bottom: 10px;
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px solid rgba(134, 134, 134, 0.72);
  color: black !important;
  font-size: 1.3em;
  text-transform: uppercase;
}
[id=fullpage] section .archives {
  position: absolute;
  top: 50px;
  left: 0px;
  padding: 50px;
  height: calc(100% - 50px) !important;
}
[id=fullpage] section .block-archive {
  position: relative;
  padding: 0;
  height: calc(40% - 50px) !important;
  color: #FFFFFF;
  text-align: center;
}
[id=fullpage] section .block-archive .image-slide {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  /* tiré de la moitié de sa propre hauteur */
}
[id=fullpage] section .block-archive .image-slide img {
  width: 75%;
  max-width: 160px;
  border: rgba(255, 255, 255, 0.5) 1px solid;
  background-color: rgba(255, 255, 255, 0.05);
}
[id=fullpage] section .block-archive .image-slide.ObjectSelect img {
  border: 1px solid #6BC50E !important;
}
[id=fullpage] section .block-archive .image-name {
  color: #6BC50E;
}

#list_forms {
  padding: 0;
  color: white;
}
#list_forms li {
  color: #FFFFFF;
  padding: 5px;
  margin: 10px;
  display: inline-block;
}

#list_forms_mobile {
  display: none;
  padding: 0;
  color: white;
}
#list_forms_mobile li {
  color: #FFFFFF;
  padding: 5px;
  margin: 10px;
  display: inline-block;
}

@media (max-width: 828px) {
  #list_forms {
    display: none;
  }
  #list_forms_mobile {
    display: block;
  }
}
#form_event h4 {
  color: black;
}
#form_event [id=libre_form] textarea {
  min-height: 250px;
}
#form_event .form_event {
  display: none;
}

#first_select {
  margin-top: 0 !important;
}

#content_form_event {
  position: relative;
  width: 100%;
  min-height: 200px;
  height: 100%;
}
#content_form_event input {
  width: 100%;
}

#submit_form_archive_list {
  list-style: none;
  z-index: 200;
  position: fixed;
  top: calc(250% - 75px);
  right: 20px;
  padding: 0px;
}
#submit_form_archive_list li {
  opacity: 0.4;
  border-radius: 2px;
}
#submit_form_archive_list li:hover {
  opacity: 1;
}
#submit_form_archive_list li i {
  border: 0px;
}
#submit_form_archive_list li:nth-of-type(1) i {
  background-color: #4f8913;
}

.act_text {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.act_text.selected {
  border-color: #6BC50E !important;
  color: #6BC50E !important;
}

.act_text i {
  border: 0;
  font-size: 1em;
  padding: 2px;
  margin: 0px;
}

.content-page [id=resource] {
  background-color: #faf5f0;
  margin-top: 8em;
}
.content-page [id=resource] h1,
.content-page [id=resource] h2,
.content-page [id=resource] h3 {
  color: #372D2D;
}
.content-page [id=resource] h1 {
  text-align: left;
  font-family: hind-B;
  font-size: 2.5em;
}
@media screen and (max-width: 992px) {
  .content-page [id=resource] h1 {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 768px) {
  .content-page [id=resource] h1 {
    font-size: 2em;
  }
}
@media screen and (max-width: 567px) {
  .content-page [id=resource] h1 {
    font-size: 1.8em;
  }
}
.content-page [id=resource] h2 {
  font-family: hind-B;
  font-size: 2.5em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 992px) {
  .content-page [id=resource] h2 {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 768px) {
  .content-page [id=resource] h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 567px) {
  .content-page [id=resource] h2 {
    font-size: 1.8em;
    margin: 0;
  }
}
.content-page [id=resource] h3 {
  text-align: left;
  font-family: hind-B;
  font-size: 2em;
}
@media screen and (max-width: 992px) {
  .content-page [id=resource] h3 {
    font-size: 2.2em;
  }
}
@media screen and (max-width: 768px) {
  .content-page [id=resource] h3 {
    font-size: 2em;
  }
}
@media screen and (max-width: 567px) {
  .content-page [id=resource] h3 {
    font-size: 1.8em;
  }
}
.content-page [id=resource] #section-resource {
  color: #372D2D;
  margin-top: 2em;
}
@media screen and (max-width: 992px) {
  .content-page [id=resource] #section-resource {
    margin-top: 2em;
  }
}
@media screen and (max-width: 768px) {
  .content-page [id=resource] #section-resource {
    margin-top: 1em;
    justify-items: center;
  }
}
.content-page [id=resource] #section-resource .image img {
  margin-right: auto;
  margin-left: auto;
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .content-page [id=resource] #section-resource .image img {
    width: 450px;
    border-radius: 1em;
  }
}
@media screen and (max-width: 567px) {
  .content-page [id=resource] #section-resource .image img {
    width: 250px;
    border-radius: 1em;
  }
}
.content-page [id=resource] #section-resource .text_gen {
  padding: 3em 1em 3em 5em;
}
@media screen and (max-width: 992px) {
  .content-page [id=resource] #section-resource .text_gen {
    padding: 5em;
  }
}
@media screen and (max-width: 768px) {
  .content-page [id=resource] #section-resource .text_gen {
    padding: 3em;
  }
}
@media screen and (max-width: 567px) {
  .content-page [id=resource] #section-resource .text_gen {
    padding: 1em;
  }
}
.content-page [id=resource] #section-resource .text_gen p {
  font-size: 1.5em;
}
@media screen and (max-width: 567px) {
  .content-page [id=resource] #section-resource .text_gen p {
    font-size: 1.2em;
  }
}
.content-page [id=resource] #section-resource .text_gen .btn-home .btn {
  padding: 0.7em;
  box-shadow: 0px 10px 14px -7px #ffd2aa;
  border-radius: 10px;
  font-size: 1.3em;
  font-family: Nunito-L;
}
@media screen and (max-width: 546px) {
  .content-page [id=resource] #section-resource .text_gen .btn-home .btn {
    font-size: 1em;
  }
}
.content-page [id=resource] #section-resource .text_gen .btn-home .btn:hover,
.content-page [id=resource] #section-resource .text_gen .btn-home .btn :focus {
  transition: 0.2s;
  box-shadow: 0 0.5em 0.5em -0.4em #d34618;
  transform: translateY(-0.25em);
}
.content-page [id=resource] .search-bar {
  background-color: #faf5f0;
  padding: 3em 5em;
  text-align: center;
  scroll-margin: 10em;
}
@media screen and (max-width: 567px) {
  .content-page [id=resource] .search-bar {
    padding: 1em;
  }
}
.content-page [id=resource] .search-bar #search-bar {
  width: 50%;
  scroll-margin-top: -200px;
}
@media screen and (max-width: 546px) {
  .content-page [id=resource] .search-bar #search-bar {
    font-size: 100%;
    width: 70%;
  }
}
.content-page [id=resource] .search-bar .search-bar-results {
  margin-top: 500px;
  width: 50%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .content-page [id=resource] .search-bar .search-bar-results {
    width: 100%;
  }
}
.content-page [id=resource] #BoxResource {
  width: 63%;
  margin: auto;
}
@media screen and (max-width: 992px) {
  .content-page [id=resource] #BoxResource {
    width: 95%;
  }
}
@media screen and (max-width: 567px) {
  .content-page [id=resource] #BoxResource {
    width: 90%;
  }
}
.content-page [id=resource] #BoxResource .icon {
  grid-template-columns: 5fr 95fr;
}
@media screen and (max-width: 992px) {
  .content-page [id=resource] #BoxResource .icon h2 {
    text-align: left;
  }
}
@media screen and (max-width: 567px) {
  .content-page [id=resource] #BoxResource .icon {
    justify-items: start;
    align-items: center;
  }
}
.content-page [id=resource] .section-resource {
  margin: auto;
  padding: 1em 0 7em 0;
}
.content-page [id=resource] .section-resource {
  grid-template-columns: 33fr 33fr 33fr;
}
@media screen and (max-width: 768px) {
  .content-page [id=resource] .section-resource {
    grid-template-columns: 50fr 50fr;
  }
}
@media screen and (max-width: 567px) {
  .content-page [id=resource] .section-resource {
    grid-template-columns: 1fr;
  }
}
.content-page [id=resource] .section-resource .box-item {
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  height: 230px;
  overflow-y: hidden;
  max-width: 300px;
}
@media screen and (max-width: 768px) {
  .content-page [id=resource] .section-resource .box-item {
    width: 335px;
  }
}
.content-page [id=resource] .section-resource .inner {
  width: 100%;
  height: 115px;
  overflow: hidden;
}
.content-page [id=resource] .section-resource .inner img {
  max-width: 100%;
}
.content-page [id=resource] .section-resource img {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.content-page [id=resource] .section-resource h4 {
  text-align: left;
  font-size: 1.3em;
  font-family: Nunito-L;
  padding: 1em;
}
.content-page [id=resource-admin] i {
  margin: 0;
  padding: 0;
}
.content-page [id=resource-admin] i:hover {
  cursor: pointer;
  opacity: 0.8;
}
.content-page [id=resource-admin] i.fa-triangle-exclamation {
  color: #d34618;
  margin-right: 1em;
}
.content-page [id=resource-admin] i.fa-star {
  color: #d34618;
}
.content-page [id=resource-admin] label {
  text-align: center;
}
.content-page [id=resource-admin] #miniature-container,
.content-page [id=resource-admin] #file-container-fr, .content-page [id=resource-admin] #file-container-en {
  grid-auto-columns: 30% auto;
}
.content-page [id=resource-admin] #miniature-container img,
.content-page [id=resource-admin] #file-container-fr img, .content-page [id=resource-admin] #file-container-en img {
  object-fit: contain;
  max-height: 180px;
  width: auto;
}
.content-page [id=resource-admin] #miniature-container .nofile,
.content-page [id=resource-admin] #file-container-fr .nofile, .content-page [id=resource-admin] #file-container-en .nofile {
  background-color: rgba(230, 80, 30, 0.2);
  font-family: "Nunito";
}
.content-page [id=resource-admin] #miniature-container {
  height: 180px;
}
.content-page [id=resource-admin] .search-bar #search-bar {
  width: 80%;
}
.content-page [id=resource-admin] .search-bar .search-bar-results {
  width: 100%;
}
.content-page [id=resource-admin] .search-bar .search-bar-results .search-bar-result {
  grid-template-columns: 5% auto 5% 5% 5% 5%;
}
.content-page .search-bar .input-cadre i.fa-magnifying-glass {
  background-color: #D34618;
  cursor: pointer;
  font-size: 1em;
  color: #d7e6e1;
  padding: 1em;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.content-page .search-bar .input-cadre #search-bar {
  border-bottom: 1px solid #147882;
  background-color: #ffffff;
  color: #372D2D;
  border: 0px;
  padding: 0.8em;
  font-size: 1em;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  outline: none;
  position: relative;
}
.content-page .search-bar .input-cadre .search-bar-results {
  padding: 1em;
  position: absolute;
  max-height: 250px;
  overflow-y: auto;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  color: #372D2D;
  left: 0em;
  right: 0em;
  margin-top: 0.2em;
}

#search_base .color-0 {
  background-color: rgb(190, 55, 55);
}
#search_base .color-1 {
  background-color: rgb(230, 165, 0);
}
#search_base .color-2 {
  background-color: rgb(110, 165, 120);
}
#search_base table tbody tr {
  cursor: pointer;
}
#search_base table tbody tr td.fa-spinner {
  border: none;
}
#search_base #modal-help-color-list li {
  grid-template-columns: repeat(auto-fit, 10% 50%);
  margin: 0;
}
#search_base #modal-help-color-list li .help-square {
  width: 1.5em;
  height: 2em;
}

.jssocials-share-link {
  cursor: pointer;
  padding: 0.5em 0.6em;
  border-radius: 0.3em;
  border: 2px solid #147882;
  color: #147882;
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
  border: 2px solid #147882;
  color: #fff;
}

.jssocials-share-count-box {
  position: relative;
  height: 2.5em;
  padding: 0 0.3em;
  margin-left: 0.4em;
  background: #f5f5f5;
  border-radius: 0.3em;
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-count-box:hover {
  background: #e8e8e8;
}

.jssocials-share-count-box:hover:after {
  border-color: transparent #e8e8e8 transparent transparent;
}

.jssocials-share-count-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.75em;
  left: -0.4em;
  width: 0;
  height: 0;
  border-width: 0.5em 0.5em 0.5em 0;
  border-style: solid;
  border-color: transparent #f5f5f5 transparent transparent;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, color 200ms ease-in-out, border-color 200ms ease-in-out;
}

.jssocials-share-count-box .jssocials-share-count {
  line-height: 2.5em;
  color: #acacac;
}

.jssocials-shares {
  margin: 0.2em 0;
}

.jssocials-shares * {
  box-sizing: border-box;
}

.jssocials-share {
  display: inline-block;
  vertical-align: top;
  margin: 0.3em 0.6em 0.3em 0;
}

.jssocials-share:last-child {
  margin-right: 0;
}

.jssocials-share-logo {
  width: 1em;
  vertical-align: middle;
  font-size: 1.5em;
}

img.jssocials-share-logo {
  width: auto;
  height: 1em;
}

.jssocials-share-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1;
}

.jssocials-share-link.jssocials-share-link-count {
  padding-top: 0.2em;
}

.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
  display: block;
  font-size: 0.6em;
  margin: 0 -0.5em -0.8em -0.5em;
}

.jssocials-share-link.jssocials-share-no-count {
  padding-top: 0.5em;
}

.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
  height: 1em;
}

.jssocials-share-label {
  padding-left: 0.3em;
  vertical-align: middle;
}

.jssocials-share-count-box {
  display: inline-block;
  height: 1.5em;
  padding: 0 0.3em;
  line-height: 1;
  vertical-align: middle;
  cursor: default;
}

.jssocials-share-count-box.jssocials-share-no-count {
  display: none;
}

.jssocials-share-count {
  line-height: 1.5em;
  vertical-align: middle;
}

#stats .section-stat {
  width: calc(100% - 0em) !important;
}
#stats nav {
  background: rgba(240, 245, 245, 0.4509803922);
  position: relative;
  top: 0em;
  border-radius: 7px;
}
#stats nav .menu_stats {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  transform-style: preserve-3d;
  justify-content: space-evenly;
  z-index: 2;
  margin: 0px auto;
  perspective: 2000px;
  flex-wrap: wrap;
}
#stats nav .menu_stats li {
  padding: 20px;
}
#stats nav .menu_stats li a {
  font-size: 1.2em;
  text-decoration: none;
  color: #372D2D;
  transition: all 0.1s ease-in-out;
  position: relative;
  font-family: Nunito-L;
}
@media only screen and (max-width: 546px) {
  #stats nav .menu_stats li a {
    font-size: 1em;
  }
}
#stats nav .menu_stats li a:hover {
  color: #d34618;
}
#stats nav .menu_stats li .nav-link.active {
  color: #d34618;
  border-bottom: 2px solid #d34618;
}
#stats .display-container {
  padding-top: 1em;
  width: 100%;
  grid-auto-columns: 12fr;
  grid-template-columns: repeat(auto-fill, minmax(calc(8.3333333333% - 1em), 12fr));
  position: relative;
}
#stats .item {
  position: relative;
  background: white;
  color: #372d2d;
  box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.1);
  transition: transform 0.3s ease-in-out;
  border-radius: 7px;
  overflow: hidden;
  padding: 1em;
}
#stats .item .icon {
  background: linear-gradient(-45deg, #d34618, #fca758);
  padding: 1em;
  border-radius: 0.5em;
}
#stats .item .icon i {
  color: white;
  display: block;
}
#stats .item-clickable {
  cursor: pointer;
}
#stats .item-clickable:hover {
  opacity: 0.7;
}
#stats .item-text {
  min-height: 110px;
}
#stats .item-number {
  min-height: 110px;
}
#stats .item-number, #stats .item-text {
  grid-column: span 3;
  grid-row: span 1;
}
#stats .item-donut {
  grid-column: span 6;
  grid-row: span 2;
}
#stats .item-life-duration, #stats .item-barchart, #stats .item-linechart {
  grid-column: span 6;
  grid-row: span 2;
}
#stats .item-wordcloud {
  grid-column: span 4;
  grid-row: span 2;
}
#stats .item-treemap {
  grid-column: span 12;
}
#stats .item-union-duration {
  grid-column: span 6;
  grid-row: span 1;
}
#stats .item-mapmig {
  grid-column: span 6;
  grid-row: span 2;
}
#stats .item-mapmig #slider-range {
  min-width: 30rem;
  border: none;
  background: #d4e6f6;
}
#stats .item-mapmig #slider-range .ui-slider-range.ui-corner-all.ui-widget-header {
  background: #fca758;
}
#stats .item-mapmig #slider-range .ui-slider-handle.ui-corner-all.ui-state-default {
  border: 1px solid #fca758;
  background: #d34618;
}
#stats .item-mapmig .mapchart {
  min-height: 500px;
}
#stats .item-mapmig .leaflet-popup-content ul {
  padding: 0;
  list-style: none;
  max-height: 15vh;
  overflow-y: scroll;
}
#stats .item-mapmig .leaflet-popup-content ul li {
  margin-bottom: 0.5rem;
}
#stats #display-family .item-number-large {
  grid-column: span 6;
}
#stats #display-occu .item-wordcloud {
  grid-column-start: 4;
  grid-column-end: 9;
}
@media only screen and (max-width: 992px) {
  #stats #display-occu .item-wordcloud {
    grid-column-start: 3;
    grid-column-end: 10;
  }
}
@media only screen and (max-width: 546px) {
  #stats #display-occu .item-wordcloud {
    grid-column-start: 1;
    grid-column-end: 13;
  }
}
#stats #display-union {
  grid-template-areas: ". c c c c . a a a a a a" "e e e e e e a a a a a a" "f f f f f f b b b b b b" "g g g g g g b b b b b b" "g g g g g g h h h h h h" ". . . . . . h h h h h h";
}
@media screen and (max-width: 992px) {
  #stats #display-union {
    grid-template-areas: ". c c c c c c c c c c ." "e e e e e e f f f f f f" "a a a a a a a a a a a a" "b b b b b b b b b b b b" "g g g g g g g g g g g g" "h h h h h h h h h h h h";
  }
}
@media screen and (max-width: 768px) {
  #stats #display-union {
    grid-template-areas: ". c c c c c c c c c c ." "e e e e e e e e e e e e" "f f f f f f f f f f f f" "a a a a a a a a a a a a" "b b b b b b b b b b b b" "g g g g g g g g g g g g" "h h h h h h h h h h h h";
  }
}
#stats #display-union div[data-grid=day] {
  grid-area: a;
}
#stats #display-union div[data-grid=month] {
  grid-area: b;
}
#stats #display-union div[data-grid=sn_meanm] {
  grid-area: c;
}
#stats #display-union div[data-grid=sn_marr] {
  grid-area: d;
}
#stats #display-union div[data-grid=sn_longm] {
  grid-area: e;
}
#stats #display-union div[data-grid=sn_shortm] {
  grid-area: f;
}
#stats #display-union div[data-grid=pbirt_kmean] {
  grid-area: g;
}
#stats #display-union div[data-grid=fmarr_kmean] {
  grid-area: h;
}
@media screen and (max-width: 992px) {
  #stats .item-number, #stats .item-text {
    grid-column: span 6;
    grid-row: span 1;
  }
  #stats .item-donut, #stats .item-life-duration, #stats .item-barchart, #stats .item-linechart, #stats .item-wordcloud, #stats .item-treemap, #stats .item-union-duration, #stats .item-mapmig {
    grid-column: span 12;
    grid-row: span 2;
  }
}
#stats .item-number {
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "p d" "s d";
}
#stats .item-number p {
  grid-area: p;
}
#stats .item-number span {
  grid-area: s;
}
#stats .item-number .icon {
  grid-area: d;
}
#stats .item-number.item-number-large {
  grid-template-rows: 1fr 3fr;
}
#stats .item-text {
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "p sd" "sl sd";
}
#stats .item-text p {
  grid-area: p;
}
#stats .item-text span.text.span-label {
  grid-area: sl;
}
#stats .item-text span.dynamic.text.span-date {
  grid-area: sd;
}
#stats .item-donut, #stats .item-barchart {
  grid-template-rows: 1fr 9fr;
}
#stats .item-life-duration {
  grid-template-rows: 1fr 9fr;
  height: 335px;
}
#stats .item-life-duration ul {
  overflow-y: scroll;
}
@media screen and (max-width: 992px) {
  #stats .item-life-duration {
    height: auto;
    grid-template-rows: auto;
  }
  #stats .item-life-duration ul {
    overflow-y: hidden;
  }
}
#stats .item-union-duration {
  grid-template-columns: 7fr 2fr 1fr;
  grid-template-areas: "d1 st i" "d2 st i" "sd st i" "m st i";
}
#stats .item-union-duration .dynamic1 {
  grid-area: d1;
}
#stats .item-union-duration .dynamic2 {
  grid-area: d2;
}
#stats .item-union-duration .span-date {
  grid-area: sd;
}
#stats .item-union-duration mark {
  grid-area: m;
}
#stats .item-union-duration span.text {
  grid-area: st;
}
#stats .item-union-duration .icon {
  grid-area: i;
}
#stats .item p.dynamic.number {
  font-size: 1.5em;
}
#stats .item span.dynamic.text.span-label {
  color: #D34618;
}
#stats .item span.text.span-label {
  color: #D34618;
}
#stats .item a.dynamic {
  font-size: 1.1em;
  color: #147882;
  cursor: pointer;
}
#stats .item a.dynamic:hover {
  text-decoration: underline;
}
#stats .item span.dynamic.text.span-date {
  color: #a4a4a4;
  font-size: 1.1em;
}
#stats .item h3 {
  text-align: center;
}
#stats .item ul.dynamic {
  list-style: none;
  padding: 0;
  margin: 0;
}
#stats .item ul.dynamic li {
  grid-template-columns: 6fr 2fr 2fr;
  padding-top: 0.25em;
}
#stats .item mark {
  text-align: center;
  background-color: #ffd2aa;
  color: #372D2D;
  border-radius: 3px;
  padding: 0.25em;
  width: 65px;
}
#stats .item #treemap .grandparent, #stats .item #treemap .textdiv {
  cursor: pointer;
}
#stats .item #treemap #treemap-container {
  text-align: center;
}
@media only screen and (max-width: 567px) {
  #stats .item #treemap #treemap-container {
    display: none;
  }
}
#stats .item #treemap .txt-display {
  display: block;
  text-align: center;
}
@media only screen and (min-width: 567px) {
  #stats .item #treemap .txt-display {
    display: none;
  }
}
#stats .item #treemap .disable {
  display: none;
}
#stats .item .mapchart .info {
  background-color: #ffffff;
  border-radius: 0.5em;
  padding: 1em;
}
#stats #last-reload-stat {
  font-size: 0.8em;
  font-weight: 100;
  font-family: Nunito-L;
  color: #595959;
  margin-bottom: 0.5em;
}
#stats .insert_person_list {
  position: absolute;
  top: 3em;
  z-index: 10000;
  max-height: 19vh;
}
#stats #treemap_modal .popup-container {
  border-bottom: 1px solid #372D2D;
  margin-bottom: 1em;
}
#stats #treemap_modal .popup-container .popup-title {
  border-bottom: 1px solid #372D2D;
}

#subscription {
  padding-top: 3.5em;
}
#subscription input::placeholder {
  text-transform: capitalize;
}
#subscription .header {
  text-align: center;
  color: #372D2D;
  padding: 3em 0 1em 0;
}
#subscription .navigation {
  text-align: center;
  font-size: 1.25em;
  display: block;
  color: #d34618;
  margin-top: 1em;
  margin-bottom: 1em;
}
#subscription .navigation i {
  margin-left: 0.5em;
}
#subscription #subscription-table {
  width: 100%;
}
#subscription #subscription_page {
  min-height: 100vh;
}
#subscription #subscription_page h1 {
  text-align: center;
}
#subscription #subscription_page .main-descr {
  max-width: 80vw;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 546px) {
  #subscription #subscription_page .main-descr {
    width: 85vw;
  }
}
#subscription #subscription_page .storage-descr {
  border-radius: 20px;
  background-color: #faf5f0;
  padding: 0.25em 0.75em 0.25em 0.75em;
}
#subscription #subscription_page #sub-month-container {
  margin: 0 auto;
  margin-bottom: 2em;
  margin-top: 2em;
}
#subscription #subscription_page #sub-month-container button {
  font-size: 1.25em;
  padding: 0 1em 0 1em;
  background-color: white;
  border: 1px solid #d34618;
}
#subscription #subscription_page #sub-month-container button:hover {
  background-color: rgba(252, 167, 88, 0.5);
}
#subscription #subscription_page #sub-month-container button:first-child {
  border-radius: 5px 0 0 5px;
}
#subscription #subscription_page #sub-month-container button:last-child {
  border-radius: 0 5px 5px 0;
}
#subscription #subscription_page #sub-month-container button.active {
  background-color: #d34618;
  color: white;
}
#subscription #subscription_page #sub-storage-container {
  margin: 1em 2em;
}
#subscription #subscription_page #sub-storage-container * {
  margin: 0;
  text-align: center;
}
#subscription #subscription_page #subscription-box-container {
  position: relative;
  margin: 0 auto;
  padding: 0 1em 2em 1em;
}
#subscription #subscription_page #subscription-box-container .subscription-box.active {
  background: linear-gradient(-10deg, #fca758, white);
}
#subscription #subscription_page #subscription-box-container .subscription-box {
  z-index: 1;
  border: 1px solid #595959;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  grid-template-rows: 3fr 7fr;
  background-color: #faf5f0;
}
#subscription #subscription_page #subscription-box-container .subscription-box .common-subscription-infos::after {
  content: "";
  border-bottom: 2px solid #595959;
  width: calc(100% + 2em);
  transform: translateX(-1em);
  align-self: end;
}
#subscription #subscription_page #subscription-box-container .subscription-box .common-subscription-infos {
  background-color: white;
  border-radius: 20px 20px 0px 0px;
  padding: 0.5em 1em 0em 1em;
}
#subscription #subscription_page #subscription-box-container .subscription-box .prices-container {
  padding: 0.5em 0.25em 0em 0.5em;
}
#subscription #subscription_page #subscription-box-container .subscription-box h3 {
  font-size: 1.7em;
  text-align: center;
  font-family: "Hind-B";
}
#subscription #subscription_page #subscription-box-container .subscription-box p.descr {
  font-weight: 100;
  font-family: Nunito-L;
  color: #595959;
  font-size: 1.1em;
  text-align: center;
}
#subscription #subscription_page #subscription-box-container .subscription-box p {
  text-align: center;
}
#subscription #subscription_page #subscription-box-container .subscription-box .price {
  font-family: "Hind-B";
  font-size: 2em;
}
#subscription #subscription_page #subscription-box-container .subscription-box ul {
  padding: 1em;
  padding-top: 2em;
  padding-left: 1.5em;
}
#subscription #subscription_page #subscription-box-container .subscription-box ul li {
  font-family: Nunito-L;
  padding-left: 0.5em;
}
#subscription #subscription_page #subscription-box-container .subscription-box ul li::marker {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  content: "\f00c";
}
#subscription #subscription_page #subscription-box-container .subscription-box .renew {
  color: #d34618;
}
#subscription #subscription_page #subscription-box-container .subscription-box .mysubscribe {
  background-color: #147882;
  color: white;
  cursor: default;
  border: 0;
}
#subscription #subscription_page #subscription-box-container .subscription-box .mysubscribe:hover {
  background-color: #147882;
  color: white;
  cursor: default;
  border: 0;
}
#subscription #subscription_page #subscription-box-container .subscription-box-default, #subscription #subscription_page #subscription-box-container .subscription-box-augment {
  grid-template-columns: repeat(auto-fit, 300px);
}
#subscription #subscription-detail {
  margin: auto;
  width: 98%;
}
#subscription #subscription-detail .liens {
  margin-bottom: 1em;
}
#subscription #subscription-detail .liens p {
  text-align: center;
  padding: 0.5em 0 0 0;
}
#subscription #subscription-detail .liens a {
  text-align: center;
  padding: 0.5em 0 0 0;
}
#subscription #subscription-payment-main,
#subscription #subscription-payment-detail,
#subscription #subscription-payment-help {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
#subscription .stripe-txt {
  margin-top: 2em;
}
#subscription .stripe-txt p, #subscription .stripe-txt a {
  padding: 0.2em 0;
  text-align: center;
  color: #595959;
}
#subscription #subscription-payment-container,
#subscription #subscription-update-container {
  width: 70vw;
  margin: 0 auto;
}
#subscription #subscription-payment-container .btn-cancel,
#subscription #subscription-update-container .btn-cancel {
  font-family: Nunito-L;
}
#subscription #subscription-payment-container .btn-submit,
#subscription #subscription-update-container .btn-submit {
  width: 100%;
}
#subscription #subscription-payment-container .box,
#subscription #subscription-update-container .box {
  border-radius: 10px;
}
#subscription #subscription-payment-container .box .header,
#subscription #subscription-update-container .box .header {
  background-color: rgba(89, 89, 89, 0.1098039216);
  color: #372D2D;
  border-radius: 10px 10px 0 0;
  padding: 1em;
}
#subscription #subscription-payment-container .box .header h2,
#subscription #subscription-update-container .box .header h2 {
  margin: 0;
  font-size: 2em;
}
#subscription #subscription-payment-container .box #subscription-stripe-step1,
#subscription #subscription-update-container .box #subscription-stripe-step1 {
  padding: 0 1em 1.5em 1em;
}
#subscription #subscription-payment-container .box #subscription-stripe-step1 h3,
#subscription #subscription-update-container .box #subscription-stripe-step1 h3 {
  padding-top: 1em;
  font-size: 1.5em;
}
#subscription #subscription-payment-container .box .body,
#subscription #subscription-update-container .box .body {
  padding: 1em;
  border-top: 0;
  border-radius: 0 0 10px 10px;
}
#subscription #subscription-payment-container .box .body p,
#subscription #subscription-update-container .box .body p {
  margin: 0;
  color: #595959;
}
#subscription #subscription-payment-container .box .body label,
#subscription #subscription-update-container .box .body label {
  text-transform: capitalize;
  margin: 0.5em 0 0.25em 0.5em;
  font-family: Nunito-L;
  color: #595959;
}
#subscription #subscription-payment-container .box .body label#sub-payment-detail-consent-label,
#subscription #subscription-update-container .box .body label#sub-payment-detail-consent-label {
  text-transform: none;
}
#subscription #subscription-payment-container .box .body #sub-payment-detail-consent,
#subscription #subscription-update-container .box .body #sub-payment-detail-consent {
  box-shadow: none;
}
#subscription #subscription-payment-container .box .body .part:not(:last-child),
#subscription #subscription-update-container .box .body .part:not(:last-child) {
  padding: 0em 0.5em 1em 0.5em;
  border-bottom: 1px solid rgba(100, 100, 100, 0.5);
}
#subscription #subscription-payment-container .box .body #subscription-payment-input-country,
#subscription #subscription-update-container .box .body #subscription-payment-input-country {
  margin: 0;
}
@media screen and (max-width: 992px) {
  #subscription #subscription-payment-container .box .body #subscription-payment-input-country,
  #subscription #subscription-update-container .box .body #subscription-payment-input-country {
    max-width: 200px;
  }
}
#subscription #subscription-payment-container .box .body #sub-payment-detail-titl,
#subscription #subscription-update-container .box .body #sub-payment-detail-titl {
  font-weight: 600;
  font-size: 1.5em;
  text-align: center;
  padding: 0.5em 1em 0.5em 1em;
  color: #D34618;
}
#subscription #subscription-payment-container .box .body #sub-payment-detail-titl,
#subscription #subscription-update-container .box .body #sub-payment-detail-titl {
  font-weight: 400;
}
#subscription #subscription-payment-container .box .body #sub-payment-detail-titl span,
#subscription #subscription-update-container .box .body #sub-payment-detail-titl span {
  text-align: right;
}
#subscription #subscription-payment-container .box .body #sub-payment-detail-total,
#subscription #subscription-update-container .box .body #sub-payment-detail-total {
  text-align: left;
  font-weight: 400;
  font-size: 1.2em;
}
#subscription #subscription-payment-container .box .body #sub-payment-detail-total_price, #subscription #subscription-payment-container .box .body #sub-payment-detail-total_price_promo,
#subscription #subscription-update-container .box .body #sub-payment-detail-total_price,
#subscription #subscription-update-container .box .body #sub-payment-detail-total_price_promo {
  text-align: right;
  font-weight: 400;
  font-size: 1.2em;
}
#subscription #subscription-payment-container .box .body #sub-payment-detail-total_price.line-through,
#subscription #subscription-update-container .box .body #sub-payment-detail-total_price.line-through {
  text-decoration: line-through;
}
#subscription #subscription-payment-container .box .body #sub-payment-detail-taxe-value,
#subscription #subscription-update-container .box .body #sub-payment-detail-taxe-value {
  text-align: right;
}
#subscription #subscription-payment-container .box .body #sub-payment-detail-total_price_promo,
#subscription #subscription-update-container .box .body #sub-payment-detail-total_price_promo {
  text-align: right;
  font-size: 1.5em;
  color: #147882;
}
#subscription #subscription-payment-container .box .body #sub-payment-detail-taxe,
#subscription #subscription-update-container .box .body #sub-payment-detail-taxe {
  font-size: 1em;
}
#subscription #subscription-payment-container .box .body #sub-payment-detail-taxe span,
#subscription #subscription-update-container .box .body #sub-payment-detail-taxe span {
  color: #D34618;
}
#subscription #subscription-payment-container .box .body #sub-payment-detail-nextp,
#subscription #subscription-update-container .box .body #sub-payment-detail-nextp {
  color: #D34618;
  margin: 1em 0 0 0;
  font-size: 0.8em;
  font-style: italic;
}
#subscription #subscription-payment-container .box .body #sub-payment-detail-promotxt,
#subscription #subscription-update-container .box .body #sub-payment-detail-promotxt {
  font-weight: 400;
  font-size: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
#subscription #subscription-payment-container .box .body #sub-payment-detail-promo,
#subscription #subscription-update-container .box .body #sub-payment-detail-promo {
  text-transform: uppercase;
  font-size: 0.8em;
}
#subscription #subscription-payment-container .box .body #subscription-payment-help-titl,
#subscription #subscription-update-container .box .body #subscription-payment-help-titl {
  font-weight: 400;
  font-size: 1.2em;
}
#subscription #subscription-payment-container .box .body #sub-stripe-form .grid-parent,
#subscription #subscription-update-container .box .body #sub-stripe-form .grid-parent {
  margin-top: 1em;
}
#subscription #subscription-payment-container .box .body #subscription-update-from-to-titl,
#subscription #subscription-update-container .box .body #subscription-update-from-to-titl {
  text-align: center;
}
#subscription #subscription-payment-container .box .body #subscription-update-lines span,
#subscription #subscription-update-container .box .body #subscription-update-lines span {
  font-weight: 500;
  font-size: 1em;
  color: #d34618;
}
#subscription #subscription-payment-container .box .body #subscription-update-lines p,
#subscription #subscription-update-container .box .body #subscription-update-lines p {
  font-size: 1.5em;
}
#subscription #subscription-payment-container .box .body #subscription-update-total-p,
#subscription #subscription-payment-container .box .body #subscription-update-total-price,
#subscription #subscription-update-container .box .body #subscription-update-total-p,
#subscription #subscription-update-container .box .body #subscription-update-total-price {
  font-size: 2.3em;
  font-weight: 600;
}
#subscription #subscription-payment-container .box .body #subscription-update-total-span,
#subscription #subscription-update-container .box .body #subscription-update-total-span {
  color: #d34618;
}
#subscription #subscription-payment-container #subscription-payment-help .body,
#subscription #subscription-update-container #subscription-payment-help .body {
  border-radius: 10px;
}
#subscription #subscription-payment-container #subscription-payment-help p,
#subscription #subscription-update-container #subscription-payment-help p {
  margin-bottom: 0.5em;
}
#subscription #subscription-payment-container #subscription-payment-help i,
#subscription #subscription-update-container #subscription-payment-help i {
  margin-right: 0.25em;
  font-weight: 600;
}
#subscription #subscription-payment-container #subscription-payment-help a,
#subscription #subscription-update-container #subscription-payment-help a {
  color: #147882;
}
#subscription #subscription-payment-container #subscription-payment-help a:hover,
#subscription #subscription-update-container #subscription-payment-help a:hover {
  color: #D34618;
}
#subscription #subscription-payment-container #subscription-payment-help span,
#subscription #subscription-update-container #subscription-payment-help span {
  font-family: Nunito-L;
}
#subscription #subscription-update-container {
  width: 50vw;
}
@media screen and (max-width: 1200px) {
  #subscription #subscription-update-container {
    width: 70vw;
  }
}
@media screen and (max-width: 546px) {
  #subscription #subscription-update-container {
    width: 90vw;
  }
}
#subscription #subscription-update-container .from-subscription, #subscription #subscription-update-container .to-subscription {
  z-index: 1;
  border: 1px solid #595959;
  border-radius: 20px;
  padding: 0.5em 1em 0.5em 1em;
  background: white;
}
#subscription #subscription-update-container .from-subscription .sub-name, #subscription #subscription-update-container .to-subscription .sub-name {
  font-family: "Hind-B";
  white-space: preserve;
}
#subscription #subscription-update-container .from-subscription .price, #subscription #subscription-update-container .to-subscription .price {
  font-family: "Hind-B";
  font-size: 2em;
}
#subscription #subscription-update-container .from-subscription .price-status, #subscription #subscription-update-container .to-subscription .price-status {
  font-size: 0.8em;
}
#subscription #subscription-update-container .from-subscription .main-title, #subscription #subscription-update-container .to-subscription .main-title {
  grid-template-areas: "a b" "c c";
}
#subscription #subscription-update-container .from-subscription .main-title::after, #subscription #subscription-update-container .to-subscription .main-title::after {
  grid-area: c;
  content: "";
  border-bottom: 2px solid #595959;
  width: calc(100% + 2em);
  transform: translateX(-1em);
}
#subscription #subscription-update-container .total .invoice, #subscription #subscription-update-container .total .credit {
  font-family: "Hind-B";
  font-size: 2em;
}
#subscription #subscription-update-container .total .invoice {
  color: #d34618;
}
#subscription #subscription-update-container .total .credit {
  color: #147882;
}
#subscription #subscription-payment-container {
  grid-template-columns: 70fr 30fr;
}
@media screen and (max-width: 768px) {
  #subscription #subscription-payment-container {
    grid-template-columns: 1fr;
  }
}
#subscription #subscription_form .error {
  color: #D34618 !important;
}
#subscription .section-btn {
  width: 80%;
  margin: auto;
}
#subscription #subscription-stripe-step-update .from-to-subscription {
  grid-template-columns: minmax(150px, 40vw) auto minmax(150px, 40vw);
}
#subscription #subscription-stripe-step-update .total {
  width: 50%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #subscription #subscription-stripe-step-update .total {
    width: 70%;
  }
}
#subscription #subscription-stripe-step-update .total .partial-invoice {
  text-align: right;
  font-size: 1em;
}
#subscription #subscription-stripe-step-update .total span {
  text-align: right;
}
#subscription #subscription-stripe-step-update .total .delimiter {
  height: 1px;
  border-top: 1px solid #595959;
}

@media screen and (max-width: 992px) {
  #subscription.section {
    width: 100%;
  }
}

#ask-log-method .cadre {
  text-decoration: none;
  cursor: pointer;
  padding: 1.5em;
  border: 2px solid #d6e5e0;
  border-radius: 5px;
  font-size: 1em;
  color: #147882;
  text-align: center;
}
#ask-log-method .cadre:hover {
  border: 2px solid #d34618;
  color: #d34618;
}
#ask-log-method .cadre p {
  min-height: 80px;
}
#ask-log-method .cadre img {
  max-width: 30%;
  max-height: 30%;
  margin: 1em auto;
  display: block;
}

#task {
  padding: 2em;
}
#task .filter-content {
  width: fit-content;
  border-radius: 0.5em;
  font-family: Nunito-L;
  background-color: #F7F7F7;
  box-shadow: none;
  border: 1px solid #c6c6c6;
  font-size: 1em;
}
#task .filter-content .dropdown-header {
  grid-template-columns: 10fr auto;
  font-weight: 100;
  font-family: Nunito-L;
  color: #595959;
  width: fit-content;
  padding: 0.5em 1em;
}
#task .filter-content #filter-board-task {
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.3);
  padding: 1em;
  z-index: 1;
  max-height: 92vh;
  width: 300px;
  overflow-y: auto;
  margin-right: 0.5em;
}
@media screen and (max-width: 546px) {
  #task .filter-content #filter-board-task {
    top: 12px;
  }
}
#task .filter-content #filter-board-task .filter-task-item .item label {
  font-family: Nunito-L;
  font-size: 1em;
}
#task .filter-content #filter-board-task .item-name,
#task .filter-content #filter-board-task .item-status,
#task .filter-content #filter-board-task .item-priority,
#task .filter-content #filter-board-task .item-end_date,
#task .filter-content #filter-board-task .item-tag,
#task .filter-content #filter-board-task .item-person {
  border-bottom: 1px solid #CCC;
  padding-bottom: 1em;
}
#task .filter-content #filter-board-task .item-name p,
#task .filter-content #filter-board-task .item-status p,
#task .filter-content #filter-board-task .item-priority p,
#task .filter-content #filter-board-task .item-end_date p,
#task .filter-content #filter-board-task .item-tag p,
#task .filter-content #filter-board-task .item-person p {
  font-family: Nunito;
  font-size: 1em;
}
#task .filter-content #filter-board-task .insert_list .item {
  grid-template-columns: 1fr 9fr;
  padding: 0 0 0.5em 0;
  cursor: pointer;
}
#task .filter-content #filter-board-task .insert_list .item .text_tumbid {
  color: #147882;
}
#task .filter-content #filter-board-task .insert_list .item .text_tumbid:hover {
  color: #D34618;
}
#task .filter-content #filter-board-task .active-tags {
  grid-template-columns: repeat(auto-fill, minmax(min-content, 100%));
  padding: 0.5em 0;
}
#task .filter-content #filter-board-task .active-tags .fa-xmark {
  color: #d34618;
  cursor: pointer;
}
#task .filter-content #filter-board-task .active-tags .fa-xmark:hover {
  opacity: 0.8;
}
#task .filter-content #filter-board-task .active-tags .filter-tag-element {
  border-radius: 5px;
  padding: 0.25em;
}
#task .filter-content .filter_block .list_filter {
  padding: 0.5em;
}
#task .filter-content .insert_list {
  width: 185px;
}
#task .boards-container {
  position: relative;
  grid-template-columns: repeat(auto-fill, 23em);
}
#task .boards-container .board-item {
  border-radius: 0.5em;
  background-color: #f4f4f4;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  width: 23em;
  overflow-x: auto;
}
#task .boards-container .board-item .board-header {
  border-radius: 0.5em 0.5em 0 0;
  padding: 0.5em;
  grid-template-columns: 90fr 5fr 5fr;
}
#task .boards-container .board-item .board-create-task {
  text-align: center;
  padding: 0.5em;
  color: #D34618;
  cursor: pointer;
}
#task .boards-container .board-item .board-create-task:hover {
  color: #147882;
}
#task .boards-container .board-item .board-create-task p {
  font-size: 1em;
  font-family: Nunito-L;
}
#task .boards-container .board-item .board-tasks {
  max-height: 35vh;
  overflow-y: auto;
  padding: 0 1em 0.5em 1em;
}
#task .boards-container .board-item .board-tasks .task-item {
  background-color: white;
  border-radius: 5px;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
#task .boards-container .board-item .board-tasks .task-item .elem {
  grid-template-columns: 80fr 20fr;
}
#task .boards-container .board-item .board-tasks .task-item .elem .elem-info {
  font-size: 0.8em;
  color: #595959;
}
#task .boards-container .board-item .board-tasks .task-item .elem .elem-info .task-end {
  text-transform: lowercase;
}
#task .boards-container .board-item .board-tasks .task-item .elem .elem-info .task-end-outdated {
  color: #d34618;
}
#task .boards-container .board-item .board-tasks .task-item .elem .elem-i {
  font-size: 0.8em;
  color: rgba(89, 89, 89, 0.7215686275);
}
#task .boards-container .board-item .board-tasks .task-item i.fa-circle {
  font-size: 0.5em;
  margin-right: 0.3em;
}
#task #update_task_popup .modal-body,
#task #create_task_popup .modal-body {
  grid-template-columns: 25fr 25fr 25fr 25fr;
  grid-template-areas: "tname tboard ttag ttag" "telem tperson ttag ttag" "tsd ted ttag ttag" "tdescr tdescr ttag ttag";
}
@media screen and (max-width: 992px) {
  #task #update_task_popup .modal-body,
  #task #create_task_popup .modal-body {
    grid-template-columns: 50fr 50fr;
    grid-template-areas: "tname telem" "tsd ted" "tperson ." "tdescr tdescr" "ttag ttag";
  }
}
@media screen and (max-width: 546px) {
  #task #update_task_popup .modal-body,
  #task #create_task_popup .modal-body {
    grid-template-columns: 50fr 50fr;
    grid-template-areas: "tname ." "telem ." "tsd ." "ted ." "tperson ." "tdescr tdescr" "ttag ttag";
  }
}
#task #update_task_popup .modal-body .task-name,
#task #create_task_popup .modal-body .task-name {
  grid-area: tname;
}
#task #update_task_popup .modal-body .task-name label:first-letter,
#task #create_task_popup .modal-body .task-name label:first-letter {
  text-transform: uppercase;
}
#task #update_task_popup .modal-body .task-descr,
#task #create_task_popup .modal-body .task-descr {
  grid-area: tdescr;
}
#task #update_task_popup .modal-body .task-elem,
#task #create_task_popup .modal-body .task-elem {
  grid-area: telem;
}
#task #update_task_popup .modal-body .task-elem select,
#task #create_task_popup .modal-body .task-elem select {
  width: 100%;
}
#task #update_task_popup .modal-body .task-start_date,
#task #create_task_popup .modal-body .task-start_date {
  grid-area: tsd;
}
#task #update_task_popup .modal-body .task-end_date,
#task #create_task_popup .modal-body .task-end_date {
  grid-area: ted;
}
#task #update_task_popup .modal-body .task-person,
#task #create_task_popup .modal-body .task-person {
  grid-area: tperson;
}
#task #update_task_popup .modal-body .task-tag,
#task #create_task_popup .modal-body .task-tag {
  grid-area: ttag;
}
#task #update_task_popup .modal-body .task-board,
#task #create_task_popup .modal-body .task-board {
  grid-area: tboard;
}
#task #update_task_popup .modal-body .task-board select,
#task #create_task_popup .modal-body .task-board select {
  width: 100%;
}
#task #update_task_popup .modal-body select,
#task #create_task_popup .modal-body select {
  margin: 0;
}
#task #update_task_popup .task-tag .tag-list .tag:first-child,
#task #create_task_popup .task-tag .tag-list .tag:first-child {
  background-color: #f4f4f4;
  padding: 0.5em;
  border-radius: 0.5em;
}
#task #update_task_popup .task-tag .tag-list .tag:last-child,
#task #create_task_popup .task-tag .tag-list .tag:last-child {
  background-color: #d9d9d9;
  padding: 0.5em;
  border-radius: 0.5em;
}
#task #update_task_popup .task-tag .tag-list p i,
#task #create_task_popup .task-tag .tag-list p i {
  color: #147882;
  margin-left: 1em;
}
#task #update_task_popup .task-tag .tag-in,
#task #update_task_popup .task-tag .tag-out,
#task #create_task_popup .task-tag .tag-in,
#task #create_task_popup .task-tag .tag-out {
  height: 35vh;
  overflow-y: auto;
}
#task #update_task_popup .task-tag .tag-in .tag-item,
#task #update_task_popup .task-tag .tag-out .tag-item,
#task #create_task_popup .task-tag .tag-in .tag-item,
#task #create_task_popup .task-tag .tag-out .tag-item {
  user-select: none;
  background-color: white;
  border-radius: 5px;
  cursor: move;
  padding: 0.5em 0.25em 0.5em 0.25em;
  grid-template-columns: 75fr 10fr 10fr 5fr;
  margin-bottom: 0.5em;
}
#task #update_task_popup .task-tag .tag-in .tag-item:hover,
#task #update_task_popup .task-tag .tag-out .tag-item:hover,
#task #create_task_popup .task-tag .tag-in .tag-item:hover,
#task #create_task_popup .task-tag .tag-out .tag-item:hover {
  background-color: #d4e6f6;
}
#task #update_task_popup .task-tag .tag-in .tag-item i,
#task #update_task_popup .task-tag .tag-out .tag-item i,
#task #create_task_popup .task-tag .tag-in .tag-item i,
#task #create_task_popup .task-tag .tag-out .tag-item i {
  cursor: pointer;
}
#task #update_task_popup .task-tag .tag-in .tag-item i:hover,
#task #update_task_popup .task-tag .tag-out .tag-item i:hover,
#task #create_task_popup .task-tag .tag-in .tag-item i:hover,
#task #create_task_popup .task-tag .tag-out .tag-item i:hover {
  color: #372D2D;
}
#task #update_task_popup .task-tag .tag-add button,
#task #create_task_popup .task-tag .tag-add button {
  float: right;
}
#task .fa-edit {
  cursor: pointer;
}
#task .fa-edit:hover {
  color: #D34618;
}
#task .fa-trash {
  cursor: pointer;
}
#task .fa-trash:hover {
  color: #D34618;
}
#task .clickable {
  cursor: pointer;
}
#task .clickable:hover {
  color: #147882;
}
@media screen and (max-width: 546px) {
  #task .modal-dialog {
    width: 95%;
  }
}

#team_page {
  margin: 110px auto;
  width: calc(100% - 7em);
}
@media only screen and (max-width: 768px) {
  #team_page {
    margin: 150px auto;
  }
}
@media only screen and (max-width: 546px) {
  #team_page {
    width: calc(100% - 1em);
    margin: 170px auto;
  }
}
#team_page .section-header {
  margin-bottom: 30px;
}
#team_page .section-header ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.1);
  border-radius: 5px;
  list-style: none;
  padding: 10px;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  #team_page .section-header ul {
    flex-direction: column;
  }
}
#team_page .section-header ul a {
  color: #372D2D;
}
#team_page .section-header ul a:hover {
  color: #d34618;
  text-decoration: underline;
}
#team_page .table-container table {
  width: 80%;
}
#team_page .table-container table th {
  font-size: 1em;
  font-weight: 100;
  font-family: Nunito-L;
}
#team_page .table-container table td {
  color: #372D2D;
  font-size: 1em;
  font-weight: 100;
  font-family: Nunito-L;
}
#team_page .table-container table .list-item:hover {
  background-color: #f2F7F6;
  cursor: pointer;
}
#team_page .grid-parent #filter_branch, #team_page .grid-parent #filter_user, #team_page .grid-parent #filter_team, #team_page .grid-parent #filter_date_from, #team_page .grid-parent #filter_date_to {
  background-color: #ffffff;
  color: #372D2D;
  font-family: sans-serif;
  border: 0px;
  padding: 7px 50px;
  width: 100%;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  outline: none;
}
#team_page .grid-parent .glyphicon-search {
  color: #d34618;
  padding: 12px;
  top: 0px;
}
#team_page .grid-parent .label-name label {
  margin-right: 0.25em;
}
#team_page .grid-parent .label-name input {
  margin-right: 1.5em;
}
#team_page .grid-parent .label-name input[type=checkbox] {
  cursor: pointer;
}
#team_page .section-histore {
  background: white;
  color: #372d2d;
  box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.1);
  transition: transform 0.3s ease-in-out;
  border-radius: 7px;
  padding: 10px;
}
#team_page .section-histore .grid-parent {
  margin-bottom: 30px;
}
#team_page .section-histore .grid-parent .max-prev, #team_page .section-histore .grid-parent .prev, #team_page .section-histore .grid-parent .next, #team_page .section-histore .grid-parent .max-next {
  padding: 7px;
  color: white;
  cursor: pointer;
  background-color: #fca758;
  border-radius: 5px;
  margin: 10px;
}
#team_page .section-histore .grid-parent .max-prev:hover, #team_page .section-histore .grid-parent .prev:hover, #team_page .section-histore .grid-parent .next:hover, #team_page .section-histore .grid-parent .max-next:hover {
  color: #d34618;
}
#team_page .section-histore .grid-parent label {
  font-weight: 400;
}
#team_page .section-histore .table {
  margin-top: 20px;
}
#team_page .section-histore #archive_button {
  display: inline-block;
  margin: 5px;
  padding: 5px 25px;
  border-radius: 7px;
  font-size: 0.8em;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  background-color: #d34618;
  border: 0;
}
#team_page .section-histore #archive_button:hover {
  background-color: #147882;
}
#team_page .section-histore #track_body td:last-child {
  text-align: center;
}
#team_page .section-equipe {
  background: white;
  color: #372d2d;
  box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.1);
  transition: transform 0.3s ease-in-out;
  border-radius: 7px;
  padding: 10px;
}
#team_page .section-equipe .p-header {
  font-weight: 100;
  font-family: Nunito-L;
  color: #595959;
}
#team_page .section-equipe .titre {
  font-size: 1.5em;
  font-weight: bold;
  font-family: Nunito-L;
}
#team_page .section-equipe .item-equipe .data .header-team .subtitle {
  font-family: Nunito-L;
  font-size: 1.5em;
}
#team_page .section-equipe .item-equipe .data .body-team input {
  font-family: Nunito-L;
  background-color: #F7F7F7;
  box-shadow: none;
}
#team_page .section-equipe .item-equipe .data .name {
  width: 100%;
  padding: 0.5em 1em;
  background-color: #f2F7F6;
}
#team_page .section-equipe .item-equipe .data i {
  cursor: pointer;
  color: #D34618;
}
#team_page .section-equipe .item-equipe .data i:hover {
  color: #147882;
}
#team_page .section-equipe .item-equipe .data .item-branch {
  grid-template-columns: 90fr 10fr;
}
#team_page .section-equipe .item-equipe .data .member-admin {
  grid-template-columns: 95fr 5fr;
}
#team_page .section-equipe .item-equipe .data .member-admin label {
  text-transform: capitalize;
}
#team_page .section-equipe .item-equipe .data .fixinput {
  width: 60%;
  text-align: center;
}
#team_page .section-equipe .item-equipe #datalist {
  width: 50%;
  text-align: center;
  margin: 0 auto;
  color: #D34618;
}
#team_page .section-equipe .item-equipe #datalist .list-person {
  box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.1);
  max-height: 20vh;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 5px;
  scrollbar-width: thin;
  padding: 10px;
}
#team_page .section-equipe .item-equipe #datalist .list-person .person_list {
  cursor: pointer;
  color: #147882;
}
#team_page .section-equipe .item-equipe #datalist .list-person .person_list:hover {
  color: #d34618;
  text-decoration: underline;
}
#team_page .section-equipe .item-equipe .checkbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  margin: 50px auto;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  #team_page .section-equipe .item-equipe .checkbox {
    width: 80%;
  }
}
#team_page .section-equipe .item-equipe .checkbox label {
  padding: 0;
}
#team_page .section-equipe .item-equipe .checkbox .titre {
  font-weight: 700;
}
@media only screen and (max-width: 442px) {
  #team_page .section-equipe .item-equipe .gc-md-end-c6 {
    grid-column-end: 5;
  }
  #team_page .section-equipe .item-equipe .gc-md-start-c3 {
    grid-column-start: 1;
    margin-bottom: 10px;
  }
  #team_page .section-equipe .item-equipe .gc-md-end-c3 {
    grid-column-end: 5;
  }
}
#team_page .section-equipe .add-equipe-mybranche .nav-select .form-control {
  width: 100%;
  background-color: white;
  border: 1px solid #372D2D;
  color: #372D2D;
}
#team_page .section-equipe .add-equipe-mybranche .form-control {
  font-family: Nunito-L;
  background-color: #F7F7F7;
  box-shadow: none;
}
#team_page .section-equipe .add-equipe-mybranche .list_filter {
  font-family: Nunito-L;
  background-color: #F7F7F7;
  box-shadow: none;
  border: 0;
  color: #372D2D;
}
#team_page .section-equipe .add-equipe-mybranche .data .filter_block i {
  left: 0px;
  top: 2px;
  padding: 10px;
}
#team_page .section-equipe .add-equipe-mybranche .data .filter_block input {
  text-overflow: ellipsis;
}
#team_page .section-equipe .add-equipe-mybranche .data span {
  color: #147882;
}
#team_page .section-equipe .add-equipe-mybranche .data .fixinput {
  width: 50%;
  margin: 0;
}
#team_page .section-equipe .add-equipe-mybranche .data label.error {
  font-size: 0.7em;
  width: 100px;
}
#team_page .section-equipe .add-equipe-mybranche .insert_person_container .insert_person_list {
  background-color: white;
  padding: 10px;
  font-size: 0.8em;
  border-radius: 5px;
  position: absolute;
  box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.1);
}
#team_page .section-equipe h4 {
  padding: 0 200px;
  line-height: 1.5em;
  font-size: 1em;
  color: #147882;
}
@media only screen and (max-width: 992px) {
  #team_page .section-equipe h4 {
    padding: 0 120px;
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 546px) {
  #team_page .section-equipe h4 {
    padding: 0 30px;
    font-size: 1.3em;
  }
}
#team_page .add-branche {
  column-gap: 3em;
  margin: 35px 0;
  align-items: center;
}
@media only screen and (max-width: 546px) {
  #team_page .add-branche {
    display: block;
  }
}
#team_page .add-branche button {
  border: 0;
}
#team_page .add-branche .cadre {
  margin-bottom: 30px;
}
#team_page .add-branche .cadre .branch_setting {
  background-color: transparent;
  color: #147882;
}
#team_page .add-branche .cadre .branch_setting:hover {
  color: #d34618;
}
#team_page .add-branche .cadre .data .glyphicon-remove {
  font-size: 0.8em;
}
#team_page .add-branche .cadre #new_branch_container #add_branch, #team_page .add-branche .cadre #new_branch_container #add_email {
  width: 50%;
}
#team_page .add-branche .cadre #new_branch_container #add_branch:active, #team_page .add-branche .cadre #new_branch_container #add_email:active {
  background-color: #147882;
}
#team_page .add-branche .cadre #new_branch_container #add_branch:focus, #team_page .add-branche .cadre #new_branch_container #add_email:focus {
  background-color: #147882;
}
#team_page .add-branche .cadre #new_branch_container #add_branch:hover, #team_page .add-branche .cadre #new_branch_container #add_email:hover {
  background-color: #fca758;
}
#team_page .add-branche .cadre #new_branch_container .new {
  justify-content: space-between;
  align-items: center;
}
#team_page .add-branche .cadre #new_branch_container .new span:not(:last-child) {
  cursor: pointer;
  margin: 0 1em 0 1em;
}
#team_page .add-branche .cadre #new_branch_container .new span:not(:last-child):hover {
  color: #D34618;
}
#team_page .add-branche .cadre #new_branch_container .new .no_person_list {
  font-size: 0.9em;
  text-align: center;
  margin: 10px;
}
#team_page .add-branche .cadre #new_branch_container .new .branch_list {
  text-align: center;
  margin: 10px;
  font-size: 0.9em;
  cursor: pointer;
}
#team_page .add-branche .cadre #new_branch_container .new .branch_list:hover {
  color: #D34618;
}
#team_page .add-branche .cadre #new_branch_container .new .glyphicon-ok {
  font-size: 0.8em;
  background-color: #d34618;
  color: white;
  padding: 10px;
  border-radius: 5px;
}
#team_page .add-branche .cadre #new_branch_container .new .glyphicon-ok:hover {
  background-color: #fca758;
}
#team_page .add-branche .cadre #empty_branch h4 {
  font-size: 1em;
  color: #147882;
}
#team_page .add-branche .cadre .empty {
  min-height: 50px;
  max-height: 100px;
}
#team_page .add-branche .cadre .data {
  min-height: 50px;
  max-height: 100px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#team_page .add-branche .cadre .data .name-branche {
  display: inline-block;
}
#team_page .add-branche .cadre .data .btns {
  display: inline;
  margin: 10px;
}
#team_page .add-branche .data span {
  color: #147882;
  margin: 10px;
}
#team_page .add-branche .data .titre {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin: 10px;
  border-bottom: 1px solid rgba(68, 68, 68, 0.3);
}
#team_page .add-branche .data .titre label {
  font-weight: 100;
}
#team_page .add-branche .data .admin {
  margin: 10px;
  text-align: center;
}
#team_page .add-branche span {
  cursor: pointer;
}
#team_page .add-branche span:hover {
  color: #d34618;
}
#team_page .add-branche .fixinput {
  width: 250px !important;
  padding: 5px 15px;
  margin: 0;
}
#team_page .add-branche .branch_list_container {
  box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.1);
  border-radius: 5px;
  position: absolute;
  z-index: 1000;
  background: white;
  width: 220px;
  margin-top: 5px;
}
#team_page .add-branche .branch_list_container .btn-submit {
  font-size: 0.7em;
  width: 90%;
  background-color: #147882;
}
#team_page .add-branche .branch_list_container .btn-submit:hover {
  background-color: #fca758;
}
#team_page .add-branche .branch_list_container .no_person_list {
  font-size: 0.8em;
  color: #fca758;
}
#team_page .add-branche .branch_list_container .select_list {
  padding: 0.5em;
  cursor: pointer;
}
#team_page .add-branche .branch_list_container .select_list:hover {
  color: #d34618;
}
#team_page .section-btn {
  margin-top: 100px;
}
#team_page .section-btn #menu_bottom {
  position: fixed !important;
  bottom: 0;
  right: 0;
  background-color: white;
  width: 100%;
  box-shadow: 1px 1px 12px #d9d9d9;
  padding: 10px 10px 0 0;
}
#team_page .section-btn #menu_bottom .zone-btn {
  background-color: white;
  display: flex;
  justify-content: end;
  align-items: center;
}

#branch_modal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#branch_modal .modal-header .modal-title {
  flex-grow: 1;
}
#branch_modal .modal-body iframe body #header {
  display: none;
}
#branch_modal .navbar {
  display: none;
}

.modal iframe {
  height: 600px;
  width: 100%;
}
.modal #header.navbar {
  position: relative;
}

[id=tree_page] {
  height: calc(100vh - 52px);
  overflow-y: hidden;
  /********D3JS***********/
  /******* FORM TREE *******/
  /******* FORM EDIT TREE PROFIL*******/
  /******* FORM EDIT TREE *******/
  /* Base for label styling */
}
[id=tree_page] .container {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
[id=tree_page] .section-tree .fixed-button {
  position: fixed;
  margin: 1em 0 0em 0.5em;
}
[id=tree_page] .section-tree .fixed-button .change-orientation {
  font-size: 2em;
  color: #d34618;
  cursor: pointer;
  transition: color 0.5s;
  text-align: center;
}
[id=tree_page] .section-tree .fixed-button .change-orientation:hover {
  color: #fca758;
}
[id=tree_page] .section-tree .fixed-button .change-orientation i {
  transition: transform 1s;
}
[id=tree_page] .section-tree .fixed-button .change-orientation .vertical {
  transform: rotate(-90deg);
}
@media screen and (max-width: 576px) {
  [id=tree_page] .section-tree .fixed-button .change-orientation {
    font-size: 2em;
  }
}
[id=tree_page] .section-tree .fixed-button .change-navigation {
  margin-left: 0.2em;
  font-size: 3em;
  color: #d34618;
  cursor: pointer;
  transition: opacity 0.5s;
}
@media screen and (max-width: 576px) {
  [id=tree_page] .section-tree .fixed-button .change-navigation {
    font-size: 2em;
  }
}
[id=tree_page] .section-tree .fixed-button .edition {
  opacity: 1;
}
[id=tree_page] .section-tree .fixed-button .edition:hover {
  opacity: 0.3;
}
[id=tree_page] .section-tree .fixed-button .navigation {
  opacity: 0.3;
}
[id=tree_page] .section-tree .fixed-button .navigation:hover {
  opacity: 1;
}
[id=tree_page] .section-tree .config_tree,
[id=tree_page] .section-tree .right_tree {
  display: block;
}
[id=tree_page] .section-tree .sidebar-left {
  z-index: 1;
  background-color: white;
  left: 0;
  width: 70px;
  transition: 0.3s;
  transition-property: width;
  position: fixed;
  box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.3);
}
[id=tree_page] .section-tree .sidebar-left .sidebar-menu {
  overflow: hidden;
}
[id=tree_page] .section-tree .sidebar-left .sidebar-menu li span {
  font-family: hind;
}
[id=tree_page] .section-tree .sidebar-left .sidebar-menu .item {
  width: 300px;
  overflow: hidden;
}
[id=tree_page] .section-tree .sidebar-left .sidebar-menu .item .menu-btn {
  display: block;
  color: #147882;
  position: relative;
  padding: 25px 25px;
  transition: 0.3s;
  transition-property: color;
  font-size: 20px;
}
[id=tree_page] .section-tree .sidebar-left .sidebar-menu .item .menu-btn:hover {
  color: #D34618;
  background-color: rgba(215, 230, 225, 0.5);
}
[id=tree_page] .section-tree .sidebar-left .sidebar-menu .item .menu-btn span {
  margin-left: 20px;
  font-size: 18px;
  font-weight: 400;
}
[id=tree_page] .section-tree .sidebar-left .item:not(:last-child) {
  border-bottom: 1px solid rgba(55, 45, 45, 0.2);
}
[id=tree_page] .section-tree .sidebar-left .header .header-menu {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0px 25px;
  background-color: #D34618;
}
[id=tree_page] .section-tree .sidebar-left .header .title {
  color: white;
  padding-left: 20px;
}
[id=tree_page] .section-tree .sidebar-left .header .title h2 {
  text-align: left;
  font-weight: 400;
  font-size: 20px;
}
[id=tree_page] .section-tree .sidebar-left .header .sidebar-btn-left {
  color: white;
  font-size: 25px;
  font-weight: 900;
  cursor: pointer;
  transition: 0.3s;
  transition-property: color;
  line-height: 3;
}
[id=tree_page] .section-tree .sidebar-left .header .sidebar-btn-left:hover {
  color: #84B2AA;
}
[id=tree_page] .section-tree .sidebar-right {
  z-index: 1;
  right: 0;
  top: 72.25px;
  width: 70px;
  transition: 0.3s;
  transition-property: width;
  position: fixed;
}
@media screen and (max-width: 992px) {
  [id=tree_page] .section-tree .sidebar-right {
    top: 70.95px;
  }
}
@media screen and (max-width: 546px) {
  [id=tree_page] .section-tree .sidebar-right .header-menu {
    padding: 0px 15px !important;
  }
}
[id=tree_page] .section-tree .sidebar-right .header-menu {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0px 25px;
  background-color: #D34618;
}
[id=tree_page] .section-tree .sidebar-right .header-menu .sidebar-btn-right {
  color: white;
  font-size: 25px;
  font-weight: 900;
  cursor: pointer;
  transition: 0.3s;
  transition-property: color;
  line-height: 2;
}
[id=tree_page] .section-tree .sidebar-right .header-menu .sidebar-btn-right:hover {
  color: #84B2AA;
}
[id=tree_page] .section-tree .sidebar-right .header-menu .title {
  color: white;
  padding-left: 20px;
}
[id=tree_page] .section-tree .sidebar-right .header-menu .title h2 {
  text-align: left;
  font-weight: 400;
  font-size: 20px;
}
[id=tree_page] .section-tree .sidebar-right form {
  padding: 1em 0;
  text-align: center;
}
[id=tree_page] .section-tree .sidebar-right .sidebar-main {
  height: 90vh;
}
[id=tree_page] .section-tree .sidebar-right .sidebar-main form,
[id=tree_page] .section-tree .sidebar-right .sidebar-main #tree_profil {
  display: none;
}
@media screen and (max-width: 768px) {
  [id=tree_page] .section-tree .sidebar-right .sidebar-main form,
  [id=tree_page] .section-tree .sidebar-right .sidebar-main #tree_profil {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  [id=tree_page] .section-tree .right_tree .sidebar-main {
    display: none;
    background-color: white;
    box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.3);
    padding: 0.5em;
  }
}
@media screen and (max-width: 546px) {
  [id=tree_page] .section-tree .right_tree .sidebar-main {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  [id=tree_page] .section-tree .right_tree .header-menu {
    border-bottom-left-radius: 5px;
  }
}
[id=tree_page] .section-tree .right_tree.collapse .sidebar-right {
  width: min(300px, 100%);
}
@media screen and (max-width: 768px) {
  [id=tree_page] .section-tree .right_tree.collapse .sidebar-right {
    width: min(300px, 100%);
    top: 70px;
  }
  [id=tree_page] .section-tree .right_tree.collapse .sidebar-right .header-menu {
    border-bottom-left-radius: 0px;
  }
}
@media screen and (max-width: 546px) {
  [id=tree_page] .section-tree .right_tree.collapse .sidebar-right {
    width: min(300px, 100%);
    top: 70.95px;
  }
}
@media screen and (max-width: 768px) {
  [id=tree_page] .section-tree .right_tree.collapse .sidebar-main {
    display: block;
  }
}
@media screen and (max-width: 546px) {
  [id=tree_page] .section-tree .right_tree.collapse .sidebar-main {
    display: block;
  }
}
[id=tree_page] .section-tree .right_tree.collapse .sidebar-right .sidebar-main form,
[id=tree_page] .section-tree .right_tree.collapse .sidebar-right .sidebar-main #tree_profil {
  display: block;
}
[id=tree_page] .section-tree .right_tree.collapse .sidebar-right .sidebar-main form #edit-person-rightside,
[id=tree_page] .section-tree .right_tree.collapse .sidebar-right .sidebar-main #tree_profil #edit-person-rightside {
  margin-top: 1em;
}
[id=tree_page] .left_tree {
  position: relative;
  top: 0px;
  background-color: white;
  height: 100vh;
  overflow: visible;
  box-shadow: 0px 0px 10000px transparent;
}
[id=tree_page] .left_tree .vis {
  touch-action: none;
}
[id=tree_page] .left_tree span.glyphicon {
  position: absolute;
  left: 96%;
  font-size: 20px;
  color: #d34618;
  cursor: pointer;
}
[id=tree_page] .left_tree .glyphicon-plus {
  top: 85%;
  padding-left: 1px;
}
[id=tree_page] .left_tree .glyphicon-minus {
  top: 89%;
}
@media screen and (max-width: 768px) {
  [id=tree_page] .left_tree {
    overflow: hidden;
  }
}
[id=tree_page] .icons-tree [class*=col-] {
  display: table;
}
[id=tree_page] .tooltip-tree {
  position: absolute;
  text-align: right;
  text-transform: capitalize;
  padding: 5px;
  font: 12px ubuntu-L;
  color: rgb(20, 120, 130);
  background-color: #d4e6f6;
  border: 0px;
  border-radius: 2px;
  pointer-events: none;
}
[id=tree_page] .first-letter {
  text-transform: none;
}
[id=tree_page] .node {
  cursor: pointer;
}
[id=tree_page] line {
  height: 50px;
}
[id=tree_page] .node text {
  font-size: 12px;
  color: white;
  text-transform: capitalize;
}
[id=tree_page] .node text.tspan {
  text-transform: capitalize;
}
[id=tree_page] .link {
  fill: none;
  stroke: rgb(55, 45, 45);
  stroke-width: 2px;
}
[id=tree_page] rect {
  border-radius: 5px;
}
[id=tree_page] rect:hover {
  cursor: pointer;
}
[id=tree_page] text:hover {
  cursor: pointer;
}
[id=tree_page] .list-select {
  width: 90% !important;
  margin: 5px 5%;
  height: 30px;
  border: 1px solid #147882;
  background-color: rgba(107, 198, 14, 0.1);
}
[id=tree_page] #tree_form {
  color: black;
}
[id=tree_page] .tool_bar {
  height: 60px;
  background-color: red;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
}
[id=tree_page] .field_end {
  font-size: 20px;
  margin-top: 70px;
}
[id=tree_page] #linkEditTree {
  margin-top: 15px;
  padding-top: 15px;
  color: red;
}
[id=tree_page] .icon-search {
  color: #fff;
  font-size: 30px;
  padding: 10px;
  margin: 10px;
  background-color: #147882;
  height: 50px;
  width: 50px;
  border-radius: 25px;
}
[id=tree_page] .right_tree {
  height: calc(100vh - 52px);
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 30px;
  padding-top: 20px;
}
[id=tree_page] .right_tree input {
  width: 95%;
}
@media screen and (max-width: 768px) {
  [id=tree_page] .right_tree input {
    font-size: 1em;
  }
}
@media screen and (max-width: 768px) {
  [id=tree_page] .right_tree .filter_block i {
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  [id=tree_page] .right_tree {
    height: 33vh;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 2px;
  }
}
[id=tree_page] .right_tree.collapse .sidebar-main {
  background-color: white;
  box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.3);
  padding: 0 0.5em;
}
[id=tree_page] [id=tree_header] {
  height: 4em;
  margin: 0em 0.5em 1em 0.5em;
}
[id=tree_page] [id=tree_header] .select-name {
  padding: auto 2px auto 2px;
}
[id=tree_page] [id=tree_header] .pref label {
  font-size: 0.8em;
}
[id=tree_page] [id=tree_header] .pref input {
  display: inline-block;
  width: 30%;
  font-size: 1em;
  padding: 0.25em 0.25em 0.25em 0.4em;
}
[id=tree_page] [id=tree_header] .btn-descasc {
  width: 100%;
  vertical-align: middle;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 7px;
  border: 0;
  font-size: 0.8em;
  text-align: center;
  text-transform: uppercase;
}
[id=tree_page] [id=tree_header] .btn-descasc:hover {
  background-color: #147882;
  color: #d7e6e1;
}
@media screen and (max-width: 768px) {
  [id=tree_page] [id=tree_header] .btn-descasc {
    font-size: 0.8em;
    margin-left: 3px;
  }
}
[id=tree_page] [id=tree_header] .btn-selected {
  color: #d7e6e1;
  background-color: #147882;
}
[id=tree_page] [id=tree_header] .btn-unselected {
  color: #147882;
  background-color: #d6e5e0;
}
[id=tree_page] [id=tree_header] #insert_icon-pencil,
[id=tree_page] [id=tree_header] #insert_icon-eye {
  display: inline-block;
  width: 15%;
}
[id=tree_page] [id=tree_header] .icons-combi {
  position: relative;
  display: inline-block;
}
[id=tree_page] [id=tree_header] .icons-combi .fas {
  padding: 0.5em;
  font-size: 1.2em;
  cursor: pointer;
  color: #D34618;
}
[id=tree_page] [id=tree_header] .icons-combi .fas:hover {
  color: #fca758;
}
[id=tree_page] [id=tree_header] #insert_person_list {
  position: absolute;
  overflow-y: scroll;
  max-height: 300px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  padding: 5px;
  z-index: 10;
  background-color: #f0f5ff;
  width: inherit;
}
[id=tree_page] [id=tree_header] #insert_person_list .person_list {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #d7e6e1;
  color: #147882;
  cursor: pointer;
  border-radius: 2px;
  padding: 5px;
  -webkit-transition: 0.5s;
  color: black;
  margin: 0;
}
[id=tree_page] [id=tree_header] #insert_person_list .person_list:hover {
  transition: 0.5s;
  background-color: #147882;
  color: white;
}
[id=tree_page] [id=tree_header] #insert_person_list .no_person_list {
  color: #d34618;
  font-size: 16px;
  font-weight: 700;
}
[id=tree_page] [id=tree_header] #insert_person_list .person_list_text {
  font-size: 12px;
}
[id=tree_page] [id=tree_header] #insert_person_list .person_list_tumbid {
  font-weight: 700;
}
[id=tree_page] [id=tree_header] #insert_person_list p {
  margin: 0;
}
[id=tree_page] [id=tree_profil] {
  position: relative;
  overflow-y: auto;
  height: 60vh;
  font-size: 1em;
}
[id=tree_page] [id=tree_profil] ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
[id=tree_page] [id=tree_profil] h3 {
  margin: 1em 0 0 0 !important;
  padding: 0 5px;
  border-bottom: 1px solid #eee;
  text-transform: uppercase;
  color: #372D2D;
  font-size: 1em;
  font-weight: bold;
  font-family: Hind;
}
[id=tree_page] [id=tree_profil] h4 {
  padding: 5px;
  font-size: 0.8em;
  text-transform: uppercase;
}
[id=tree_page] [id=tree_profil] hr {
  margin: 10px;
  border-width: 2px;
}
@media screen and (max-width: 546px) {
  [id=tree_page] [id=tree_profil] #event_list {
    margin-bottom: 10em;
  }
}
[id=tree_page] #tree_person_profil {
  margin-top: 45px;
}
[id=tree_page] p[class^=field_title] {
  background-color: white;
  margin-bottom: 0px;
  color: #147882;
  font-weight: 900;
  padding: 0.5em 0.3em 0.3em 0.3em;
  border-radius: 3px;
  text-transform: uppercase;
}
[id=tree_page] p[class^=field_semi_result] {
  background-color: white;
  text-transform: none;
  padding: 0.5em 0.3em;
  border-radius: 3px;
}
[id=tree_page] p[class^=field_value] {
  background-color: white;
  text-transform: none;
  margin: 0;
  padding: 0em 0.3em 0.3em 0.3em;
  border-radius: 3px;
  color: #372D2D;
  text-transform: lowercase;
}
[id=tree_page] p.field_date, [id=tree_page] p.field_plac {
  text-transform: none;
}
[id=tree_page] p.no-lowercase {
  text-transform: none;
}
[id=tree_page] a[class^=field_value] {
  background-color: white;
  text-transform: none;
  margin: 0;
  padding: 0.5em 0.3em 0.3em 0.3em;
  border-radius: 3px;
  color: #D34618;
  display: grid;
  cursor: pointer;
}
[id=tree_page] a[class^=field_value]:hover {
  color: #D34618;
}
[id=tree_page] .left_edit_tree {
  margin: 0px;
  padding: 0px !important;
}
[id=tree_page] .left_edit_tree input {
  width: 100%;
}
[id=tree_page] input[type=radio] {
  width: 20px;
  float: left;
}
[id=tree_page] .Name {
  background-color: #147882;
  color: #fff;
  text-transform: capitalize;
}

/********* MODAL IFRAME *******/
#viewtab_popup #viewtab_iframe {
  border: none;
  width: 100%;
  height: 78vh;
}

#viewtab_popup_link .modal-body button {
  width: 50%;
}

#partner_list_popup .modal-body p {
  padding-bottom: 1em;
}
#partner_list_popup .modal-body .choose-partner {
  cursor: pointer;
}
#partner_list_popup .modal-body .choose-partner:hover {
  color: #d34618;
}
#partner_list_popup .modal-body .choose-partner p.selected {
  color: #d34618;
}
#partner_list_popup .modal-body .choose-partner p:not(.selected) {
  margin-left: 1.2em;
}
#partner_list_popup .modal-dialog {
  width: 60%;
}
@media screen and (max-width: 546px) {
  #partner_list_popup .modal-dialog {
    width: 95%;
  }
}
#partner_list_popup .modal-dialog .zone-gene #tree_genb_asc,
#partner_list_popup .modal-dialog .zone-gene #tree_genb_desc {
  width: 20% !important;
}

#viewtab_popup #section_view_tab_person .section {
  padding: 1em !important;
  width: 100% !important;
  margin: auto;
}
#viewtab_popup #section_view_tab_person #viewtab-edit {
  grid-template-columns: 30fr 70fr;
}

#tuto {
  overflow-x: hidden;
  max-width: 100vw;
}
#tuto h1 {
  text-align: center;
}
#tuto form input[type=submit] {
  background-color: #d34618;
  color: #ffffff;
  border: 0;
  height: 2em;
}
#tuto form input[type=submit]:hover {
  background-color: #fca758;
  color: #147882;
}
#tuto .article form input {
  display: inline-block;
}
#tuto .article form input[type=file] {
  width: 70%;
}
#tuto .article form input[type=submit] {
  width: 30%;
  background-color: #d34618;
  color: #ffffff;
  border: 0;
}
#tuto .article form input[type=submit]:hover {
  background-color: #fca758;
  color: #147882;
}
#tuto .titre-source .cadre-admin {
  padding: 1em;
}
#tuto .titre-source .add-doc-admin {
  margin-top: -6em;
}
#tuto .titre-source .add-admin .btn {
  padding: 0;
}
#tuto .titre-source .add-admin input,
#tuto .titre-source .add-admin textarea {
  outline: none;
  font-size: 1.2em;
  padding: 5px;
  box-shadow: none;
  border-radius: 5px;
  border: 1px solid rgba(234, 86, 21, 0.2);
  background-color: rgba(234, 86, 21, 0.1);
}
@media screen and (max-width: 768px) {
  #tuto .titre-source .add-admin input,
  #tuto .titre-source .add-admin textarea {
    width: auto;
    min-width: 110px;
  }
}
#tuto .titre-source .add-admin input[type=file] {
  font-size: 1em;
  display: inline-block;
}
#tuto .titre-source .add-admin input[type=submit] {
  background-color: #d34618;
  color: white;
  min-width: 110px;
}
#tuto .titre-source .add-admin input[type=submit]:hover {
  background-color: #fca758;
}
#tuto .titre-source p {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  font-size: 22px;
  text-align: center;
}
#tuto .titre-source .cadre-titre {
  text-align: center;
  background-image: url("../../../images/img-ressources.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 35vh;
}
@media screen and (max-width: 1442px) {
  #tuto .titre-source .cadre-titre {
    height: 30vh;
  }
}
@media screen and (max-width: 992px) {
  #tuto .titre-source .cadre-titre {
    height: 210px;
  }
}
@media screen and (max-width: 768px) {
  #tuto .titre-source .cadre-titre {
    height: 170px;
  }
}
@media screen and (max-width: 546px) {
  #tuto .titre-source .cadre-titre {
    height: 140px;
  }
}
@media screen and (max-width: 442px) {
  #tuto .titre-source .cadre-titre {
    height: 110px;
  }
}
#tuto .titre-source .cadre-titre h1 {
  color: white;
  margin-top: 0.5em;
}
@media screen and (max-width: 992px) {
  #tuto .titre-source .cadre-titre h1 {
    font-size: 2em;
  }
}
@media screen and (max-width: 546px) {
  #tuto .titre-source .cadre-titre h1 {
    font-size: 1.5em;
  }
}
#tuto .bandeau {
  margin-bottom: 2em;
  padding-top: 2em;
  padding-bottom: 2em;
  color: #147882;
  text-align: justify;
}
#tuto .source h2 {
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  font-size: 22px;
  text-align: center;
  margin-bottom: 50px;
}
#tuto .source .header-research {
  background-color: #147882;
  color: #ffffff;
}
#tuto .source .header-research input[type=text] {
  width: calc(100% - 4em);
  height: 3em;
  margin: 1em 2em 0 2em;
  display: inline-block;
  color: #252225;
}
#tuto .source .header-research i {
  margin-left: -4em;
  color: #252225;
}
#tuto .source .header-research h3 {
  text-align: center;
}
#tuto .source .header-research ul {
  list-style: none;
  padding: 0;
  font-size: 1.2em;
  margin-left: 2em;
}
#tuto .source .header-doc {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: 2em;
  cursor: pointer;
}
#tuto .source .header-doc img {
  width: 100%;
  height: auto;
  max-height: 15em;
  max-width: 30em;
  display: block;
  margin: 0 auto;
}
#tuto .source .header-doc:nth-last-child(1) {
  margin-bottom: 0;
}
#tuto .source .header-doc div:nth-child(2) {
  text-align: left;
  background-color: #d7e6e1;
}
#tuto .source .header-doc div:nth-child(2) h2 {
  text-align: center;
}
#tuto .source .header-doc div:nth-child(2) p {
  text-align: center;
}
#tuto .source .header-doc:hover h2 {
  text-decoration: none;
}
#tuto .source #boxing-categories .box-cat {
  padding: 2em 5em;
}
@media screen and (max-width: 546px) {
  #tuto .source #boxing-categories .box-cat {
    padding: 2em;
  }
}
@media screen and (max-width: 442px) {
  #tuto .source #boxing-categories .box-cat {
    padding: 1em 0.5em;
  }
}
#tuto .source #boxing-categories .box-cat .block-categorie {
  text-align: center;
  cursor: pointer;
  border-radius: 7px;
  box-shadow: rgba(111, 108, 108, 0.2) 2px 2px 7px 0px;
  background-color: rgba(240, 245, 245, 0.5);
  padding: 7px;
  color: #858484;
  transition: 0.2s;
  font-size: 1em;
}
#tuto .source #boxing-categories .box-cat .block-categorie:hover {
  background-color: #f0f5f5;
  transition: 0.2s;
  box-shadow: 0 0.5em 0.5em -0.4em rgba(240, 245, 245, 0.3);
  transform: translateY(-0.5em);
}
#tuto .source #boxing-categories .box-cat .block-categorie img {
  width: 30%;
}
@media (max-width: 768px) {
  #tuto .source #boxing-categories .box-cat .block-categorie img {
    width: 25%;
  }
}
@media (max-width: 546px) {
  #tuto .source #boxing-categories .box-cat .block-categorie img {
    display: none;
  }
}
#tuto .source #boxing-categories .box-cat .block-categorie .filtre input {
  position: relative;
  margin: 0;
}
#tuto .source #boxing-categories .search-btn {
  margin-top: 50px;
}
#tuto .source #boxing-categories .search-btn .btn-submit {
  padding: 10px;
  width: 50%;
  font-size: 1.3em;
  font-weight: 400;
  text-align: center;
  border-radius: 7px;
  color: #ffffff;
  background-color: #d34618;
}
#tuto .source #boxing-categories .search-btn .btn-submit:hover {
  background-color: #ffd2aa;
}
@media (max-width: 768px) {
  #tuto .source #boxing-categories .search-btn .btn-submit {
    width: 100%;
  }
}
#tuto .source #boxing-categories .input-cadre {
  text-align: center;
}
#tuto .source #boxing-categories .input-cadre i {
  background-color: #D34618;
  cursor: pointer;
  font-size: 1em;
  color: #d7e6e1;
  padding: 1em;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
#tuto .source #boxing-categories .input-cadre i:hover {
  background-color: #84B2AA;
}
#tuto .source #boxing-categories .input-cadre #search_bar {
  border-bottom: 1px solid #147882;
  background-color: #ffffff;
  color: black;
  border: 0px;
  padding: 0.8em;
  width: 50%;
  font-size: 1em;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-family: Nunito-L;
}
#tuto .source #boxing-categories .input-cadre #search_bar:hover {
  border: none;
}
@media screen and (max-width: 768px) {
  #tuto .source #boxing-categories .input-cadre #search_bar {
    width: 80%;
  }
}
#tuto .source .list-article {
  padding: 1em;
}
#tuto .grid-children {
  background-color: rgba(240, 245, 245, 0.5);
  border-radius: 7px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  height: 250px;
  grid-template-rows: 10fr 50fr 40fr;
}
#tuto .grid-children:hover {
  background-color: rgb(240, 245, 245);
}
#tuto .grid-children h2 {
  color: #372D2D;
  font-size: 1.3em;
  display: block;
  margin: 0 auto;
  padding: 0.5em 0 0em 0;
  color: #147882;
}
#tuto .grid-children .img {
  width: 100%;
  height: 115px;
  overflow: hidden;
}
#tuto .grid-children img {
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
  transition: all 0.3s ease-in-out 0s;
}
#tuto .grid-children img:hover {
  opacity: 0.5;
}
#tuto .grid-children h3 {
  display: block;
  margin: 0 auto;
  cursor: pointer;
  font-size: 1em;
  text-align: center;
  color: #372D2D;
  padding: 20px;
}
#tuto .grid-children h3:hover {
  color: #D34618;
}

#view_sour .table-note td:first-child {
  width: 25%;
}
#view_sour .table-note td:nth-child(2) {
  width: 60%;
  font-size: 0.9em;
}
#view_sour .table-note td:last-child {
  width: 15%;
}
@media screen and (max-width: 768px) {
  #view_sour .item:last-child {
    grid-column-start: 1;
  }
}
#view_sour #viewsour_header {
  margin: 1em 1em 1em 0;
}
#view_sour .max-next,
#view_sour .next,
#view_sour .prev,
#view_sour .max-prev {
  font-size: 2em;
  color: #147882;
  margin: 1em 0em 1em 0em;
  cursor: pointer;
}
#view_sour .max-next:hover,
#view_sour .next:hover,
#view_sour .prev:hover,
#view_sour .max-prev:hover {
  color: #d4e6f6;
}
#view_sour .max-prev,
#view_sour .prev {
  display: none;
  float: right;
}
#view_sour .max-next,
#view_sour .next {
  display: block;
  float: left;
}

#section_view_form {
  width: 90%;
  margin: 0px auto;
}
#section_view_form .obje-container {
  grid-template-columns: 45% 45% 10%;
}

@media screen and (max-width: 546px) {
  .viewsour-edit-container {
    margin-top: 13em;
  }
}
.viewsour-edit-container #edit_note_form {
  padding-bottom: 140px;
  grid-template-columns: 40fr 60fr;
  grid-template-areas: "refn ." "txt txt";
}
.viewsour-edit-container #edit_note_form label,
.viewsour-edit-container #edit_note_form i,
.viewsour-edit-container #edit_note_form input,
.viewsour-edit-container #edit_note_form textarea {
  margin: 0;
}
.viewsour-edit-container #edit_note_form .ns-refn {
  grid-area: refn;
}
.viewsour-edit-container #edit_note_form .ns-text {
  grid-area: txt;
}
@media screen and (max-width: 1366px) {
  .viewsour-edit-container #edit_note_form {
    grid-template-columns: 60fr 40fr;
    grid-template-areas: "refn ." "txt txt";
  }
}
@media screen and (max-width: 1200px) {
  .viewsour-edit-container #edit_note_form {
    grid-template-columns: 60fr 40fr;
    grid-template-areas: "refn ." "txt txt";
  }
}
@media screen and (max-width: 992px) {
  .viewsour-edit-container #edit_note_form {
    grid-template-columns: 60fr 40fr;
    grid-template-areas: "refn ." "txt txt";
  }
}
@media screen and (max-width: 768px) {
  .viewsour-edit-container #edit_note_form {
    grid-template-columns: 50fr 50fr;
    grid-template-areas: "refn refn" "txt txt";
  }
}
.viewsour-edit-container #edit_sour_form {
  padding-bottom: 70px;
  grid-template-columns: 40fr 20fr 40fr;
  grid-template-areas: "titl auth abbr" "repo repocaln refn" "txt txt txt" "publ publ publ" "obje obje obje";
}
.viewsour-edit-container #edit_sour_form label,
.viewsour-edit-container #edit_sour_form i,
.viewsour-edit-container #edit_sour_form input,
.viewsour-edit-container #edit_sour_form textarea {
  margin: 0;
}
.viewsour-edit-container #edit_sour_form .ns-titl {
  grid-area: titl;
}
.viewsour-edit-container #edit_sour_form .ns-auth {
  grid-area: auth;
}
.viewsour-edit-container #edit_sour_form .ns-abbr {
  grid-area: abbr;
}
.viewsour-edit-container #edit_sour_form .ns-repo {
  grid-area: repo;
}
.viewsour-edit-container #edit_sour_form .ns-repocaln {
  grid-area: repocaln;
}
.viewsour-edit-container #edit_sour_form .ns-refn {
  grid-area: refn;
}
.viewsour-edit-container #edit_sour_form .ns-text {
  grid-area: txt;
}
.viewsour-edit-container #edit_sour_form .ns-publ {
  grid-area: publ;
}
.viewsour-edit-container #edit_sour_form .ns-obje {
  grid-area: obje;
}
@media screen and (max-width: 1366px) {
  .viewsour-edit-container #edit_sour_form {
    grid-template-columns: 40fr 20fr 40fr;
    grid-template-areas: "titl auth abbr" "repo repocaln refn" "txt txt txt" "publ publ ." "obje obje obje";
  }
}
@media screen and (max-width: 1200px) {
  .viewsour-edit-container #edit_sour_form {
    grid-template-columns: 50fr 50fr;
    grid-template-areas: "titl auth" "abbr refn" "repo repocaln" "txt txt" "publ publ" "obje obje";
  }
}
@media screen and (max-width: 992px) {
  .viewsour-edit-container #edit_sour_form {
    grid-template-columns: 50fr 50fr;
    grid-template-areas: "titl auth" "abbr refn" "repo repocaln" "txt txt" "publ ." "obje obje";
  }
}
@media screen and (max-width: 768px) {
  .viewsour-edit-container #edit_sour_form {
    grid-template-columns: 50fr 50fr;
    grid-template-areas: "titl titl" "auth abbr" "repo repocaln" "refn publ" "txt txt" "obje obje";
  }
}
.viewsour-edit-container #edit_sour_form .item {
  padding-bottom: 0.5em;
}
.viewsour-edit-container #edit_sour_form .obje-form {
  grid-template-columns: 47.5fr 47.5fr 5fr;
  grid-template-areas: "filename file del";
}
.viewsour-edit-container #edit_sour_form .obje-form .obje-titl {
  grid-area: filename;
}
.viewsour-edit-container #edit_sour_form .obje-form .obje-file {
  grid-area: file;
}
.viewsour-edit-container #edit_sour_form .obje-form .eye {
  grid-area: eye;
}
.viewsour-edit-container #edit_sour_form .obje-form .remove {
  grid-area: del;
}
.viewsour-edit-container #edit_sour_form .obje-form.with-eye {
  grid-template-columns: 45fr 45fr 5fr 5fr;
  grid-template-areas: "filename file eye del";
}
.viewsour-edit-container #edit_sour_form i.label, .viewsour-edit-container #edit_note_form i.label {
  cursor: pointer;
}
.viewsour-edit-container #edit_sour_form i.label:hover, .viewsour-edit-container #edit_note_form i.label:hover {
  opacity: 0.7;
}
.viewsour-edit-container #edit_sour_form .html_display, .viewsour-edit-container #edit_note_form .html_display {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
  word-wrap: break-word;
  padding: 0.5em 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
  color: #000000;
  border-radius: 5px;
  font-size: 1em;
  font-family: "Nunito-L";
  border: 1px solid #c6c6c6;
  background-color: #F7F7F7;
}

#form_save .sour-edit #edit-sour-value {
  height: 300px;
}

#form_delete #menu_bottom {
  margin: 0;
  width: 100%;
  text-align: end;
}
@media screen and (max-width: 767px) {
  #form_delete #menu_bottom {
    font-size: 0.8em;
  }
}
#form_delete #menu_bottom ul {
  padding: 0;
  margin-left: 0;
}

@media screen and (max-width: 992px) {
  #viewtab-add-filter #viewtab-nav-arrow-top {
    grid-column-start: 2;
  }
}

#viewtab-edit {
  grid-template-columns: 30fr 70fr;
}
@media screen and (max-width: 1366px) {
  #viewtab-edit {
    grid-template-columns: 35fr 65fr;
  }
}
@media screen and (max-width: 1200px) {
  #viewtab-edit {
    grid-template-columns: 35fr 65fr;
  }
}
@media screen and (max-width: 992px) {
  #viewtab-edit {
    grid-template-columns: 50fr 50fr;
  }
}
@media screen and (max-width: 768px) {
  #viewtab-edit {
    grid-template-columns: 50fr 50fr;
  }
}
@media screen and (max-width: 546px) {
  #viewtab-edit {
    grid-template-columns: 100fr;
  }
}
@media screen and (max-width: 546px) {
  #viewtab-edit #viewtab-edit-global.collapse {
    height: auto;
  }
}
#viewtab-edit #viewtab-edit-global {
  background-color: white;
  padding: 1em;
  border-radius: 0.5em;
  box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  #viewtab-edit #viewtab-edit-global {
    height: 15em;
  }
}
@media screen and (max-width: 546px) {
  #viewtab-edit #viewtab-edit-global {
    height: 13em;
  }
}
#viewtab-edit #viewtab-edit-global #btnView {
  position: relative;
}
#viewtab-edit #viewtab-edit-global #btnView #showtxt {
  position: absolute;
  top: -35px;
  font-size: 1em;
  color: #595959;
  cursor: pointer;
  font-weight: normal;
  font-family: Nunito-L;
}
@media screen and (max-width: 768px) {
  #viewtab-edit #viewtab-edit-global #btnView #showtxt {
    top: -10px;
  }
}
#viewtab-edit #viewtab-edit-global #btnView:hover::before {
  color: #d34618;
}
@media screen and (min-width: 546px) {
  #viewtab-edit #viewtab-edit-global #btnView {
    display: none;
  }
}
@media screen and (max-width: 546px) {
  #viewtab-edit #viewtab-edit-global .mobile-hide-dropdown {
    display: none;
  }
}
#viewtab-edit #viewtab-edit-global .btn {
  width: 88%;
}
#viewtab-edit #viewtab-edit-global i.fa-chevron-down,
#viewtab-edit #viewtab-edit-global i.fa-chevron-right {
  font-size: 0.7em;
}
#viewtab-edit #viewtab-edit-global .main-dropdown {
  border-bottom: 1px solid rgba(211, 70, 24, 0.3098039216);
  padding-bottom: 1em;
}
#viewtab-edit #viewtab-edit-global #dropdown-name {
  grid-template-columns: 50fr 50fr;
  min-height: 8em;
}
#viewtab-edit #viewtab-edit-global #dropdown-name #profil-image #profil-gallery {
  height: 100%;
  width: 100%;
  position: relative;
}
#viewtab-edit #viewtab-edit-global #dropdown-name #profil-name {
  padding: 1em;
  font-size: 1.25em;
  color: #147882;
  cursor: pointer;
  border-radius: 0.5em;
}
#viewtab-edit #viewtab-edit-global #dropdown-name #profil-name:hover {
  color: #d34618;
}
#viewtab-edit #viewtab-edit-global #dropdown-family .family-item {
  grid-template-columns: 85fr 15fr;
  border-left: 0.25em solid #147882;
  padding: 0.5em;
  transition: 0.3s;
  border-radius: 0 0.5em 0.5em 0;
}
#viewtab-edit #viewtab-edit-global #dropdown-family .family-item a {
  color: #147882;
  font-size: 0.9em;
}
#viewtab-edit #viewtab-edit-global #dropdown-family .family-item p {
  font-size: 0.9em;
}
#viewtab-edit #viewtab-edit-global #dropdown-family .family-item.hover-delete {
  border-left: 0.25em solid #d34618;
}
#viewtab-edit #viewtab-edit-global #dropdown-family .family-item.hover-delete a {
  color: #ffffff;
}
#viewtab-edit #viewtab-edit-global .gallery-viewtab {
  max-height: 30vh;
  overflow-y: auto;
}
#viewtab-edit #viewtab-edit-global .dropdown-body li {
  grid-template-columns: 90fr 10fr;
  gap: 0.5em;
}
#viewtab-edit #viewtab-edit-global img {
  width: 100%;
  height: 100%;
}
#viewtab-edit #viewtab-edit-global #subMenuEven #select_new_event {
  background-color: white;
}
#viewtab-edit #viewtab-edit-global #subMenuMedia .upload-zone {
  width: 100%;
}
#viewtab-edit #viewtab-edit-global .elem-event {
  grid-template-columns: 90fr 10fr;
  gap: 0.5em;
}
#viewtab-edit #viewtab-edit-global .elem-event select {
  width: 100%;
}
#viewtab-edit #viewtab-edit-global .elem-event #add_new_event {
  width: 100%;
  padding: 0;
  text-align: center;
}
#viewtab-edit .edit-container {
  background-color: white;
  padding: 2em 1em;
  border-radius: 0.5em;
  box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.2);
}
#viewtab-edit .edit-container .dropdown-header:hover .viewtab-dropdown-label {
  color: #d4e6f6;
}
#viewtab-edit .edit-container .dropdown-header .viewtab-dropdown-label {
  cursor: pointer;
}
#viewtab-edit .edit-container .dropdown-header .chevron {
  padding-left: 1em;
}
#viewtab-edit .edit-container .viewtab-edit-cell {
  grid-template-columns: 70fr 30fr;
}
#viewtab-edit .edit-container .viewtab-edit-cell button.btn {
  margin-top: 0.5em;
}
#viewtab-edit .edit-container .viewtab-edit-cell-obje {
  grid-template-columns: 45fr 45fr 10fr;
}
#viewtab-edit .edit-container label {
  text-transform: uppercase;
  color: #147882;
  font-size: 0.9em;
}
@media screen and (max-width: 768px) {
  #viewtab-edit .edit-container label {
    font-size: 0.7em;
  }
}
#viewtab-edit .edit-container i {
  padding: 0;
  color: #147882;
  cursor: pointer;
}
#viewtab-edit .edit-container i:hover {
  color: #d4e6f6;
}
#viewtab-edit .edit-container select {
  text-align: left;
}
#viewtab-edit .edit-container .day-cell {
  min-width: 60px;
}
#viewtab-edit .edit-container .mois-cell {
  min-width: 140px;
}
#viewtab-edit .edit-container .year-cell {
  min-width: 50px;
}
#viewtab-edit .edit-container div,
#viewtab-edit .edit-container p,
#viewtab-edit .edit-container h3,
#viewtab-edit .edit-container i,
#viewtab-edit .edit-container input,
#viewtab-edit .edit-container button,
#viewtab-edit .edit-container ul,
#viewtab-edit .edit-container li,
#viewtab-edit .edit-container select,
#viewtab-edit .edit-container label {
  margin: 0;
}
#viewtab-edit .myasso_label {
  padding-left: 1em;
}
#viewtab-edit i.fa-times {
  cursor: pointer;
}
#viewtab-edit i.fa-times:hover {
  color: #D34618;
}
#viewtab-edit .viewtab-li p {
  cursor: pointer;
  transition: 0.3s;
  padding: 0.5em;
  font-size: 1em;
  border-radius: 0.3em;
  word-wrap: break-word;
  background-color: #147882;
  color: #ffffff;
  width: 100%;
  text-align: center;
}
#viewtab-edit .viewtab-li p:hover {
  background-color: #d4e6f6;
  color: rgb(20, 120, 130);
}
#viewtab-edit .hover-delete {
  color: #ffffff;
  background-color: rgba(230, 80, 30, 0.5);
}
#viewtab-edit .link_person {
  grid-auto-flow: column;
  grid-template-columns: 50fr 30fr 10fr 10fr;
  grid-template-areas: "lperson llink . ." "person link valid delete";
  row-gap: 0;
  column-gap: 0.5em;
  border-bottom: 1px solid rgba(198, 198, 198, 0.3411764706);
  padding-bottom: 0.7em;
  padding-top: 0.5em;
}
#viewtab-edit .link_person .garea-label-person {
  grid-area: lperson;
}
#viewtab-edit .link_person .garea-label-link {
  grid-area: llink;
}
#viewtab-edit .link_person .garea-person {
  grid-area: person;
}
#viewtab-edit .link_person .garea-link {
  grid-area: link;
}
#viewtab-edit .link_person .garea-valid {
  grid-area: valid;
}
#viewtab-edit .link_person button.garea-valid {
  margin: 0 !important;
}
#viewtab-edit .link_person .garea-delete {
  grid-area: delete;
}
#viewtab-edit .link_person .link_type_list {
  background-color: white;
  box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1366px) {
  #viewtab-edit .link_person {
    grid-template-columns: 70fr 20fr 5fr 5fr;
    grid-template-areas: "lperson llink . ." "person link valid delete";
  }
}
@media screen and (max-width: 1200px) {
  #viewtab-edit .link_person {
    grid-template-columns: 70fr 20fr 5fr 5fr;
    grid-template-areas: "lperson llink . ." "person link valid delete";
  }
}
@media screen and (max-width: 992px) {
  #viewtab-edit .link_person {
    grid-template-columns: 50fr 50fr;
    grid-template-areas: "lperson lperson" "person person" "llink llink" "link link" "valid delete";
  }
}
@media screen and (max-width: 768px) {
  #viewtab-edit .link_person {
    grid-template-columns: 50fr 50fr;
    grid-template-areas: "lperson lperson" "person person" "llink llink" "link link" "valid delete";
  }
}
@media screen and (max-width: 546px) {
  #viewtab-edit .link_person {
    grid-template-columns: 50fr 25fr 25fr;
    grid-template-areas: "lperson lperson lperson" "person person person" "llink llink llink" "link valid delete";
  }
}
#viewtab-edit .link_person .fa-check,
#viewtab-edit .link_person .fa-times {
  font-size: 1em;
  cursor: pointer;
  color: #372D2D;
}
#viewtab-edit .link_person .fa-check:hover,
#viewtab-edit .link_person .fa-times:hover {
  color: #d34618;
}
#viewtab-edit .link_person i.fa-times {
  padding: 0.7em 0.8em;
  background-color: #F7F7F7;
  border-radius: 0.3em;
}
#viewtab-edit .link_person i.fa-times:hover {
  color: white;
  background-color: #147882;
}
#viewtab-edit .link_person i.fa-check {
  text-align: center;
  color: white;
  cursor: pointer;
  padding: 0.7em;
  background-color: #D34618;
  border-radius: 0.3em;
}
#viewtab-edit .link_person i.fa-check:hover {
  color: white;
  background-color: #147882;
}
#viewtab-edit .link_type_container {
  position: relative;
}
#viewtab-edit .link_type_container .link_type_list {
  position: absolute;
  left: 0;
  right: 0;
}
#viewtab-edit #modal-link .modal-content div,
#viewtab-edit #modal-link .modal-content p,
#viewtab-edit #modal-link .modal-content h3,
#viewtab-edit #modal-link .modal-content i,
#viewtab-edit #modal-link .modal-content input,
#viewtab-edit #modal-link .modal-content button,
#viewtab-edit #modal-link .modal-content ul,
#viewtab-edit #modal-link .modal-content li,
#viewtab-edit #modal-link .modal-content select,
#viewtab-edit #modal-link .modal-content label {
  margin: 0;
}
#viewtab-edit #modal-link .modal-content .modal-link-parent-list {
  grid-template-columns: 40fr 10fr 40fr;
}
#viewtab-edit #modal-link .modal-content ul {
  padding-top: 1.5em;
}
#viewtab-edit #modal-link .modal-content ul label {
  padding-left: 1em;
}
#viewtab-edit .section-btn-save-sup {
  background-color: white;
  width: 100%;
  position: fixed;
  bottom: 0px;
  height: 70px;
  left: 0;
  box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
@media screen and (max-width: 546px) {
  #viewtab-edit .section-btn-save-sup {
    position: absolute;
    bottom: -25px;
    height: 0px;
    left: -40px;
  }
}
#viewtab-edit .section-btn-save-sup #menu_bottom {
  position: fixed;
  width: max-content;
  right: 120px;
  bottom: 0px;
}
@media screen and (max-width: 768px) {
  #viewtab-edit .section-btn-save-sup #menu_bottom {
    right: 30px;
  }
}
@media screen and (max-width: 546px) {
  #viewtab-edit .section-btn-save-sup #menu_bottom {
    position: absolute;
    right: 10px;
  }
  #viewtab-edit .section-btn-save-sup #menu_bottom .btn-medium {
    width: 120px;
  }
}
#viewtab-edit [id=section_view_tab_person] {
  margin-bottom: 7em;
}
@media screen and (max-width: 768px) {
  #viewtab-edit [id=section_view_tab_person] {
    margin-top: 130px;
  }
  #viewtab-edit [id=section_view_tab_person] h1 {
    text-align: center;
  }
  #viewtab-edit [id=section_view_tab_person] .section {
    z-index: 100;
    position: relative;
  }
}
@media screen and (max-width: 546px) {
  #viewtab-edit [id=section_view_tab_person] {
    margin-top: 100px;
  }
}
#viewtab-edit [id=section_view_tab_person] .btn-combi {
  z-index: 1;
  background-color: white;
  top: 75px;
  left: 0;
  width: auto;
  transition: 0.3s;
  transition-property: width;
  position: fixed;
  box-shadow: 0px 1px 10px -3px rgba(0, 0, 0, 0.3);
  border-bottom-right-radius: 7px;
}
#viewtab-edit [id=section_view_tab_person] .btn-combi .btn-tree i {
  rotate: 180deg;
}
#viewtab-edit [id=section_view_tab_person] .btn-combi .btn {
  display: block;
  color: #147882;
  position: relative;
  transition: 0.3s;
  transition-property: all;
  transition-property: color;
  font-size: 20px;
}
#viewtab-edit [id=section_view_tab_person] .btn-combi .btn:hover {
  color: #D34618;
  background-color: rgba(215, 230, 225, 0.5);
}
#viewtab-edit [id=section_view_tab_person] .btn-combi .btn i {
  padding: 0.5em;
}
@media screen and (max-width: 546px) {
  #viewtab-edit [id=section_view_tab_person] .btn-combi .btn {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  #viewtab-edit [id=section_view_tab_person] .btn-combi {
    top: 70px;
  }
}
@media screen and (max-width: 546px) {
  #viewtab-edit [id=section_view_tab_person] .btn-combi {
    top: 65px;
  }
}
#viewtab-edit [id=section_view_tab_person] .btn-prev,
#viewtab-edit [id=section_view_tab_person] .btn-tree {
  position: fixed;
}
#viewtab-edit [id=section_view_tab_person] .btn-ok {
  font-size: 1em;
  margin-top: 1.75em;
}
#viewtab-edit [id=section_view_tab_person] span.glyphicon.glyphicon-tree-deciduous {
  padding-right: 0.5em;
}
#viewtab-edit [id=section_view_tab_person] #name p {
  text-align: center;
  color: #147882;
  padding: 1em 0em 1em 0em;
  cursor: pointer;
  font-size: 1.4em;
  border-radius: 20px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  #viewtab-edit [id=section_view_tab_person] #name p {
    font-size: 1.1em;
  }
}
#viewtab-edit [id=section_view_tab_person] #name p:hover {
  background-color: #d4e6f6;
  color: rgb(20, 120, 130);
}
#viewtab-edit [id=section_view_tab_person] .field-title {
  text-transform: uppercase;
  padding: 3px;
  color: #147882;
  font-weight: normal;
}
#viewtab-edit [id=section_view_tab_person] .field-txt {
  position: relative;
  transition: 0.3s;
  padding: 7px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 3px;
  margin-bottom: 3px;
  cursor: pointer;
  min-height: 35px;
  word-wrap: break-word;
  text-align: center;
  border-radius: 5px;
  background-color: #147882;
  color: #ffffff;
}
@media screen and (max-width: 992px) {
  #viewtab-edit [id=section_view_tab_person] .field-txt {
    max-width: 100%;
    margin-left: auto;
    font-size: 1.1em;
  }
}
#viewtab-edit [id=section_view_tab_person] .field-txt:hover {
  background-color: #d4e6f6;
  color: rgb(20, 120, 130);
}
#viewtab-edit [id=section_view_tab_person] .field-txt p {
  padding: 2px;
  margin: 0px;
}
#viewtab-edit [id=section_view_tab_person] .field-txt p::first-letter {
  text-transform: uppercase;
}
#viewtab-edit [id=section_view_tab_person] li,
#viewtab-edit [id=section_view_tab_person] ul {
  list-style: none;
  margin-left: 0px;
  padding: 0px;
}
#viewtab-edit [id=section_view_tab_person] .left_view {
  overflow: auto;
  overflow-x: hidden;
  word-wrap: break-word;
}
#viewtab-edit [id=section_view_tab_person] .left_view .zone-person {
  background-color: rgba(215, 230, 225, 0.5);
  padding: 20px;
  border-radius: 7px;
  margin-bottom: 10px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}
#viewtab-edit [id=section_view_tab_person] .left_view .zone-person h1 {
  font-size: 18px !important;
}
#viewtab-edit [id=section_view_tab_person] .left_view .btn-add-new {
  background-color: rgba(215, 230, 225, 0.9);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  padding: 20px;
  border-radius: 7px;
  text-align: center;
}
#viewtab-edit [id=section_view_tab_person] .left_view .btn-add-new .btn {
  border-radius: 7px;
}
@media screen and (max-width: 992px) {
  #viewtab-edit [id=section_view_tab_person] .left_view .btn-add-new .btn {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 767px) {
  #viewtab-edit [id=section_view_tab_person] .left_view .btn-add-new .btn {
    width: 55%;
  }
}
@media screen and (max-width: 442px) {
  #viewtab-edit [id=section_view_tab_person] .left_view .btn-add-new .btn {
    width: 75%;
  }
}
#viewtab-edit [id=section_view_tab_person] .left_view .btn-add-new #add_new_event {
  margin-bottom: 20px;
}
#viewtab-edit #upload_zone_choice_popup {
  overflow: hidden;
}
#viewtab-edit #upload_zone_choice_popup .modal-content {
  height: calc(100vh - 72.25px - 4em);
}
#viewtab-edit #upload_zone_choice_popup .modal-content .img-profil-viewtab {
  grid-template-rows: 5% auto;
}
#viewtab-edit #upload_zone_choice_popup .modal-content iframe#galery-iframe {
  height: 100%;
  overflow: auto;
}
#viewtab-edit #upload_zone_choice_popup .img-profil {
  text-align: center;
}
#viewtab-edit #upload_zone_choice_popup .img-profil p {
  display: inline-block;
  margin-right: 0.3em;
  text-align: center;
}
#viewtab-edit #upload_zone_choice_popup .img-profil form {
  display: inline-block;
}
#viewtab-edit #upload_zone_choice_popup .img-profil form .box__dragndrop {
  color: #147882;
}
#viewtab-edit #upload_zone_choice_popup .img-profil form .box__dragndrop:hover {
  color: #D34618;
}
#viewtab-edit [id=section_view_tab_form] {
  width: 100%;
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 100px;
  background-color: rgba(215, 230, 225, 0.2);
  padding: 20px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 100px;
}
#viewtab-edit [id=section_view_tab_form] .label {
  font-size: 0.8em;
  left: 1em;
  margin-top: 0.5em;
  display: inline-block;
}
#viewtab-edit [id=section_view_tab_form] .asso,
#viewtab-edit [id=section_view_tab_form] .source {
  display: flex;
  margin-bottom: 1em;
}
@media screen and (max-width: 546px) {
  #viewtab-edit [id=section_view_tab_form] .asso,
  #viewtab-edit [id=section_view_tab_form] .source {
    flex-direction: column;
  }
}
#viewtab-edit [id=section_view_tab_form] .asso .valid-btn,
#viewtab-edit [id=section_view_tab_form] .source .valid-btn {
  align-items: center;
}
#viewtab-edit [id=section_view_tab_form] .asso div.form-control,
#viewtab-edit [id=section_view_tab_form] .source div.form-control {
  background-color: #147882;
}
@media screen and (max-width: 992px) {
  #viewtab-edit [id=section_view_tab_form] .asso div.form-control,
  #viewtab-edit [id=section_view_tab_form] .source div.form-control {
    height: 60%;
  }
}
#viewtab-edit [id=section_view_tab_form] .asso div.form-control a,
#viewtab-edit [id=section_view_tab_form] .source div.form-control a {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
}
#viewtab-edit [id=section_view_tab_form] .asso div.form-control:hover,
#viewtab-edit [id=section_view_tab_form] .source div.form-control:hover {
  background-color: #d4e6f6;
}
#viewtab-edit [id=section_view_tab_form] .asso div.form-control:hover a,
#viewtab-edit [id=section_view_tab_form] .source div.form-control:hover a {
  color: rgb(20, 120, 130);
}
#viewtab-edit [id=section_view_tab_form] .asso .link_remove,
#viewtab-edit [id=section_view_tab_form] .source .link_remove {
  margin-top: 1.7em;
  font-size: 1.5em;
}
@media screen and (max-width: 546px) {
  #viewtab-edit [id=section_view_tab_form] .asso .link_remove,
  #viewtab-edit [id=section_view_tab_form] .source .link_remove {
    margin-top: 5px;
  }
}
@media screen and (max-width: 580px) {
  #viewtab-edit [id=section_view_tab_form] .asso {
    border-bottom: 1px solid #999;
    padding-bottom: 30px;
  }
}
#viewtab-edit [id=section_view_tab_form] .prefix {
  font-family: Hind;
}
#viewtab-edit [id=section_view_tab_form] .rela {
  font-size: 1em;
}
#viewtab-edit [id=section_view_tab_form] .link_add {
  max-width: 95%;
  margin-left: 1em;
  border-radius: 7px;
}
@media screen and (max-width: 768px) {
  #viewtab-edit [id=section_view_tab_form] .link_add {
    max-width: 100%;
    margin-left: auto;
  }
}
#viewtab-edit [id=section_view_tab_form] .second_date h4.label {
  padding-top: 2em;
}
#viewtab-edit [id=section_view_tab_form] .select_list {
  padding-left: 0.2em;
}
#viewtab-edit [id=section_view_tab_form] .insert_list {
  padding: 0.5em;
  background-color: white;
  padding: 0.5em;
  border-radius: 0.5em;
  box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.2);
  font-size: 0.9em;
  color: #372D2D;
  max-height: 20vh;
  overflow-y: auto;
  margin-top: 0.5em;
}
#viewtab-edit [id=section_view_tab_form] .insert_list .item {
  cursor: pointer;
  background-color: #f4f4f4;
}
#viewtab-edit [id=section_view_tab_form] .insert_list .item:hover {
  background-color: #d6e5e0;
}
#viewtab-edit [id=section_view_tab_form] .spinner {
  height: 1.5em;
  width: 1.5em;
}
#viewtab-edit [id=section_view_tab_form] .spinner::after {
  width: 1.5em;
  height: 1.5em;
  border: 1px solid #147882;
  border-color: #147882 #147882 #147882 transparent;
}
#viewtab-edit [id=section_view_tab_form] .icon-revert {
  margin: 0 1em;
  cursor: pointer;
  color: #147882;
}
#viewtab-edit [id=section_view_tab_form] .icon-revert:hover {
  color: #D34618;
}
#viewtab-edit [id=section_view_tab_form] .modal-plac {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
#viewtab-edit [id=section_view_tab_form] .modal-plac .form-group {
  width: 100%;
  margin-bottom: 1em;
}
#viewtab-edit [id=section_view_tab_form] input,
#viewtab-edit [id=section_view_tab_form] #t_sex,
#viewtab-edit [id=section_view_tab_form] .form-control {
  border-radius: 7px;
  margin: 0.2em 0;
}
#viewtab-edit .modal-body li input {
  margin: 0;
}
#viewtab-edit .modal-body li label {
  margin: 0;
  margin-left: 1em;
}
#viewtab-edit #param-modal #pref .zone-gene input {
  font-family: Nunito-L;
  background-color: #F7F7F7;
  box-shadow: none;
  padding: 0.5em;
  border: 1px solid #c6c6c6;
  font-size: 1em;
  width: 20%;
}
@media screen and (max-width: 768px) {
  #viewtab-edit #param-modal #pref .zone-gene input {
    width: 3ch;
  }
}
@media screen and (max-width: 546px) {
  #viewtab-edit #param-modal #pref .zone-gene input {
    width: 40%;
  }
}
@media screen and (max-width: 546px) {
  #viewtab-edit .img-profil-viewtab .gallery #galery-iframe #header-filter {
    top: 7em;
  }
}
@media screen and (max-width: 768px) {
  #viewtab-edit #galery-iframe #header-filter {
    top: 7em;
  }
}

[id=section_view_tab_table] .add {
  margin: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 576px) {
  [id=section_view_tab_table] .add {
    flex-direction: column;
    gap: 0px;
  }
}
[id=section_view_tab_table] .add .zone-add,
[id=section_view_tab_table] .add .zone-name,
[id=section_view_tab_table] .add .zone-status {
  flex-grow: 1;
  width: 300px;
}
[id=section_view_tab_table] .add .zone-name .list_filter,
[id=section_view_tab_table] .add .zone-status .list_filter {
  padding: 0.3em 0 0.3em 2em;
}
[id=section_view_tab_table] .add .zone-name .glyphicon-search,
[id=section_view_tab_table] .add .zone-status .glyphicon-search {
  padding: 0.8em;
}
[id=section_view_tab_table] .color_red {
  background-color: #be3737;
  color: #be3737;
}
[id=section_view_tab_table] .color_orange {
  background-color: #e6a500;
  color: #e6a500;
}
[id=section_view_tab_table] .color_green {
  background-color: #6ea578;
  color: #6ea578;
}
[id=section_view_tab_table] .max-next,
[id=section_view_tab_table] .next,
[id=section_view_tab_table] .prev,
[id=section_view_tab_table] .max-prev {
  font-size: 2em;
  color: #147882;
  margin: 1em 0em 1em 0em;
  cursor: pointer;
}
[id=section_view_tab_table] .max-next:hover,
[id=section_view_tab_table] .next:hover,
[id=section_view_tab_table] .prev:hover,
[id=section_view_tab_table] .max-prev:hover {
  color: #d4e6f6;
}
[id=section_view_tab_table] .max-prev,
[id=section_view_tab_table] .prev {
  display: none;
  float: right;
}
[id=section_view_tab_table] .max-next,
[id=section_view_tab_table] .next {
  display: block;
  float: left;
}

/*# sourceMappingURL=compiled.css.map */