@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/*@import url(https://db.onlinewebfonts.com/c/18e62253330792f07126ba451497292e?family=Helvetica+Neue);
@import url(https://db.onlinewebfonts.com/c/041339e0e3c1553a5e30c204f69f3a9f?family=Helvetica+Neue);
@font-face {font-family: "Helvetica Neue"; src: url("https://db.onlinewebfonts.com/t/18e62253330792f07126ba451497292e.eot"); src: url("https://db.onlinewebfonts.com/t/18e62253330792f07126ba451497292e.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/18e62253330792f07126ba451497292e.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/18e62253330792f07126ba451497292e.woff") format("woff"), url("https://db.onlinewebfonts.com/t/18e62253330792f07126ba451497292e.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/18e62253330792f07126ba451497292e.svg#Helvetica Neue") format("svg"); }
@font-face {font-family: "Helvetica Neue Thin"; src: url("https://db.onlinewebfonts.com/t/041339e0e3c1553a5e30c204f69f3a9f.eot"); src: url("https://db.onlinewebfonts.com/t/041339e0e3c1553a5e30c204f69f3a9f.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/041339e0e3c1553a5e30c204f69f3a9f.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/041339e0e3c1553a5e30c204f69f3a9f.woff") format("woff"), url("https://db.onlinewebfonts.com/t/041339e0e3c1553a5e30c204f69f3a9f.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/041339e0e3c1553a5e30c204f69f3a9f.svg#Helvetica Neue") format("svg"); }
*/
/* Override some variables and utilities */
/* ex: Basic pages content */
/*1600px;*/
.d-initial {
  display: initial;
}

.opacity-100 {
  opacity: 1 !important;
}

.bg-dark {
  color: #fff;
}
.bg-dark .blockquote-display-2 {
  color: #e2e2e4;
}

.bg-odd {
  background-color: #264a9e;
}

.bg-even {
  background-color: #00D7FE;
}

@media (min-width: 576px) {
  .fullscreen-desktop {
    height: 100%;
    width: 100%;
  }
  .fullscreen-desktop.fullscreen-stretch {
    padding-top: 15%;
    margin-top: -3%;
  }
}
@media (max-width: 639px) {
  .fullscreen-desktop {
    padding-bottom: 30%;
  }
  .fullscreen-desktop .block {
    margin-top: 30%;
  }
  .fullscreen-desktop.fullscreen-stretch {
    margin-top: 45%;
  }
  .fullscreen-desktop.fullscreen-stretch .block {
    margin-top: 80%;
  }
}
.background-image-none {
  background-image: none !important;
}

.shadow-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.shadow-3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.shadow-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.shadow-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.fb-0 {
  flex-basis: 0 "%" !important;
}

.fb-1 {
  flex-basis: 1 "%" !important;
}

.fb-2 {
  flex-basis: 2 "%" !important;
}

.fb-3 {
  flex-basis: 3 "%" !important;
}

.fb-4 {
  flex-basis: 4 "%" !important;
}

.fb-5 {
  flex-basis: 5 "%" !important;
}

.fb-6 {
  flex-basis: 6 "%" !important;
}

.fb-7 {
  flex-basis: 7 "%" !important;
}

.fb-8 {
  flex-basis: 8 "%" !important;
}

.fb-9 {
  flex-basis: 9 "%" !important;
}

.fb-10 {
  flex-basis: 10 "%" !important;
}

.fb-11 {
  flex-basis: 11 "%" !important;
}

.fb-12 {
  flex-basis: 12 "%" !important;
}

.fb-13 {
  flex-basis: 13 "%" !important;
}

.fb-14 {
  flex-basis: 14 "%" !important;
}

.fb-15 {
  flex-basis: 15 "%" !important;
}

.fb-16 {
  flex-basis: 16 "%" !important;
}

.fb-17 {
  flex-basis: 17 "%" !important;
}

.fb-18 {
  flex-basis: 18 "%" !important;
}

.fb-19 {
  flex-basis: 19 "%" !important;
}

.fb-20 {
  flex-basis: 20 "%" !important;
}

.fb-21 {
  flex-basis: 21 "%" !important;
}

.fb-22 {
  flex-basis: 22 "%" !important;
}

.fb-23 {
  flex-basis: 23 "%" !important;
}

.fb-24 {
  flex-basis: 24 "%" !important;
}

.fb-25 {
  flex-basis: 25 "%" !important;
}

.fb-26 {
  flex-basis: 26 "%" !important;
}

.fb-27 {
  flex-basis: 27 "%" !important;
}

.fb-28 {
  flex-basis: 28 "%" !important;
}

.fb-29 {
  flex-basis: 29 "%" !important;
}

.fb-30 {
  flex-basis: 30 "%" !important;
}

.fb-31 {
  flex-basis: 31 "%" !important;
}

.fb-32 {
  flex-basis: 32 "%" !important;
}

.fb-33 {
  flex-basis: 33 "%" !important;
}

.fb-34 {
  flex-basis: 34 "%" !important;
}

.fb-35 {
  flex-basis: 35 "%" !important;
}

.fb-36 {
  flex-basis: 36 "%" !important;
}

.fb-37 {
  flex-basis: 37 "%" !important;
}

.fb-38 {
  flex-basis: 38 "%" !important;
}

.fb-39 {
  flex-basis: 39 "%" !important;
}

.fb-40 {
  flex-basis: 40 "%" !important;
}

.fb-41 {
  flex-basis: 41 "%" !important;
}

.fb-42 {
  flex-basis: 42 "%" !important;
}

.fb-43 {
  flex-basis: 43 "%" !important;
}

.fb-44 {
  flex-basis: 44 "%" !important;
}

.fb-45 {
  flex-basis: 45 "%" !important;
}

.fb-46 {
  flex-basis: 46 "%" !important;
}

.fb-47 {
  flex-basis: 47 "%" !important;
}

.fb-48 {
  flex-basis: 48 "%" !important;
}

.fb-49 {
  flex-basis: 49 "%" !important;
}

.fb-50 {
  flex-basis: 50 "%" !important;
}

.fb-51 {
  flex-basis: 51 "%" !important;
}

.fb-52 {
  flex-basis: 52 "%" !important;
}

.fb-53 {
  flex-basis: 53 "%" !important;
}

.fb-54 {
  flex-basis: 54 "%" !important;
}

.fb-55 {
  flex-basis: 55 "%" !important;
}

.fb-56 {
  flex-basis: 56 "%" !important;
}

.fb-57 {
  flex-basis: 57 "%" !important;
}

.fb-58 {
  flex-basis: 58 "%" !important;
}

.fb-59 {
  flex-basis: 59 "%" !important;
}

.fb-60 {
  flex-basis: 60 "%" !important;
}

.fb-61 {
  flex-basis: 61 "%" !important;
}

.fb-62 {
  flex-basis: 62 "%" !important;
}

.fb-63 {
  flex-basis: 63 "%" !important;
}

.fb-64 {
  flex-basis: 64 "%" !important;
}

.fb-65 {
  flex-basis: 65 "%" !important;
}

.fb-66 {
  flex-basis: 66 "%" !important;
}

.fb-67 {
  flex-basis: 67 "%" !important;
}

.fb-68 {
  flex-basis: 68 "%" !important;
}

.fb-69 {
  flex-basis: 69 "%" !important;
}

.fb-70 {
  flex-basis: 70 "%" !important;
}

.fb-71 {
  flex-basis: 71 "%" !important;
}

.fb-72 {
  flex-basis: 72 "%" !important;
}

.fb-73 {
  flex-basis: 73 "%" !important;
}

.fb-74 {
  flex-basis: 74 "%" !important;
}

.fb-75 {
  flex-basis: 75 "%" !important;
}

.fb-76 {
  flex-basis: 76 "%" !important;
}

.fb-77 {
  flex-basis: 77 "%" !important;
}

.fb-78 {
  flex-basis: 78 "%" !important;
}

.fb-79 {
  flex-basis: 79 "%" !important;
}

.fb-80 {
  flex-basis: 80 "%" !important;
}

.fb-81 {
  flex-basis: 81 "%" !important;
}

.fb-82 {
  flex-basis: 82 "%" !important;
}

.fb-83 {
  flex-basis: 83 "%" !important;
}

.fb-84 {
  flex-basis: 84 "%" !important;
}

.fb-85 {
  flex-basis: 85 "%" !important;
}

.fb-86 {
  flex-basis: 86 "%" !important;
}

.fb-87 {
  flex-basis: 87 "%" !important;
}

.fb-88 {
  flex-basis: 88 "%" !important;
}

.fb-89 {
  flex-basis: 89 "%" !important;
}

.fb-90 {
  flex-basis: 90 "%" !important;
}

.fb-91 {
  flex-basis: 91 "%" !important;
}

.fb-92 {
  flex-basis: 92 "%" !important;
}

.fb-93 {
  flex-basis: 93 "%" !important;
}

.fb-94 {
  flex-basis: 94 "%" !important;
}

.fb-95 {
  flex-basis: 95 "%" !important;
}

.fb-96 {
  flex-basis: 96 "%" !important;
}

.fb-97 {
  flex-basis: 97 "%" !important;
}

.fb-98 {
  flex-basis: 98 "%" !important;
}

.fb-99 {
  flex-basis: 99 "%" !important;
}

.fb-100 {
  flex-basis: 100 "%" !important;
}

/**
 * MYTENOR Theme
 */
.accordion-button {
  padding: 0.5rem 1rem !important;
  background-color: #f8f9fa;
}
.accordion-button p {
  margin-bottom: 0rem;
}

.accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
  color: #7D7D7D;
  background-color: #e9ecef;
}

.accordion-button:not(.collapsed) {
  background-color: #e9ecef;
  color: #7D7D7D;
}

.block-display1 {
  margin: 0 0 0.833vw 0;
  background-color: #fff;
  border: 2px solid #264a9e;
}
@media (min-width: unset) {
  .block-display1 {
    margin: 0 0 13.33px 0;
  }
}
@media (min-width: 576px) {
  .block-display1 {
    box-sizing: border-box;
    width: 43.542vw;
    min-width: 43.542vw;
    max-width: 43.542vw;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .block-display1 {
    width: 696.67px;
    min-width: 696.67px;
    max-width: 696.67px;
  }
}
@media (max-width: 639px) {
  .block-display1 {
    margin: 0 0 12.5vw 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .block-display1 {
    margin: 0 0 200px 0;
  }
}
.block-display1 .block-header {
  padding: 1.25vw;
  border-bottom: 2px solid #264a9e;
  color: #264a9e;
  font-weight: 600;
}
@media (min-width: unset) {
  .block-display1 .block-header {
    padding: 20px;
  }
}
.block-display1 .block-body {
  padding: 1.25vw;
}
@media (min-width: unset) {
  .block-display1 .block-body {
    padding: 20px;
  }
}
.block-display1 .block-body img {
  max-width: 100%;
  padding: 0;
}
@media (min-width: unset) {
  .block-display1 .block-body img {
    padding: 0;
  }
}

.block-display-2 {
  padding: 0 4.167vw;
  margin: 4.167vw 0;
  font-size: 1rem;
  background-color: #fff;
}
@media (min-width: unset) {
  .block-display-2 {
    padding: 0 66.67px;
  }
}
@media (min-width: unset) {
  .block-display-2 {
    margin: 66.67px 0;
  }
}

article.block-display-3 {
  height: 33vw;
}

.block-display-3 {
  border: 1px solid #0099C7;
  border-radius: 0.3rem;
  width: 100%;
  background-color: #fff;
}
@media (max-width: 639px) {
  .block-display-3 {
    margin-right: 0 !important;
    margin-bottom: 0.5rem;
  }
}
.block-display-3 p {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (max-width: 639px) {
  .block-display-3 p {
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
.block-display-3 p a {
  box-sizing: border-box;
  height: 5vw;
  min-height: 5vw;
  max-height: 5vw;
  box-sizing: border-box;
  width: 7.917vw;
  min-width: 7.917vw;
  max-width: 7.917vw;
  font-size: 0.8vw;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 0.5rem;
  background-color: #0099C7;
  border: 1px solid #0099C7;
  color: #fff;
  transition: 0.2s all;
}
@media (min-width: unset) {
  .block-display-3 p a {
    height: 80px;
    min-height: 80px;
    max-height: 80px;
  }
}
@media (min-width: unset) {
  .block-display-3 p a {
    width: 126.67px;
    min-width: 126.67px;
    max-width: 126.67px;
  }
}
.block-display-3 p a:hover {
  background-color: #fff;
  color: #0099C7;
}
@media (max-width: 639px) {
  .block-display-3 p a {
    box-sizing: border-box;
    height: 10vw;
    min-height: 10vw;
    max-height: 10vw;
    width: 9rem;
    min-width: unset;
    max-width: unset;
    font-size: 0.8rem;
    margin-top: 0.5rem;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .block-display-3 p a {
    height: 160px;
    min-height: 160px;
    max-height: 160px;
  }
}
.block-display-3.block-user {
  margin: 3.75vw 0 0 0;
}
@media (min-width: unset) {
  .block-display-3.block-user {
    margin: 60px 0 0 0;
  }
}
@media (max-width: 639px) {
  .block-display-3.block-user {
    height: 100%;
  }
}
.block-display-3.block-user #edit-field-image-profile-0--description {
  display: none;
}
.block-display-3.block-user h2 {
  padding: 1rem;
}
.block-display-3.block-user .form-item-field-image-profile-0 {
  margin: 1rem 0 0 0rem;
}
.block-display-3.block-user .form-item-field-image-profile-0 .description {
  margin: 0.6rem 0 0 0;
}
.block-display-3.block-user #edit-account input {
  width: 29rem;
  padding: 0.3rem 0.7rem;
  font-weight: 500;
  color: #000;
  font-size: 0.7rem;
  background-color: #f8f9fa;
  border: 1px solid #e2e2e4;
  border-radius: 0.2rem;
}
@media (max-width: 639px) {
  .block-display-3.block-user #edit-account input {
    width: 90vw;
  }
}
.block-display-3.block-user .password-suggestions.description {
  display: none !important;
}
.block-display-3.block-user div.password-confirm {
  margin: 0.5rem 0 0 0;
  font-size: 0.6rem;
  font-weight: 500;
}
.block-display-3.block-user div.password-confirm span.error {
  text-transform: capitalize;
  color: #e81a40;
}
.block-display-3.block-user div.password-confirm span.ok {
  text-transform: capitalize;
  color: #71AF45;
}
.block-display-3.block-user .image-widget {
  height: 105px;
}

.block-display-3 > div, .block-display-3 > h2 {
  padding: 0.8vw;
}

.block-display-3 > h2 {
  border-bottom: 1px solid #0099C7;
  font-size: 0.8rem;
  margin: 0;
}

@media (max-width: 639px) {
  .block-display-3 > h2 {
    padding: 2.8vw;
  }
}

.block-display-4 {
  box-sizing: border-box;
  width: 37.083vw;
  min-width: 37.083vw;
  max-width: 37.083vw;
  margin: 0 0 1.667vw 0;
  border: 1px solid #0099C7;
  border-radius: 0.3rem;
  margin-right: 1rem;
  background-color: #fff;
  height: 17rem;
}
@media (min-width: unset) {
  .block-display-4 {
    width: 593.33px;
    min-width: 593.33px;
    max-width: 593.33px;
  }
}
@media (min-width: unset) {
  .block-display-4 {
    margin: 0 0 26.67px 0;
  }
}
@media (max-width: 639px) {
  .block-display-4 {
    margin: 0 0 4.167vw 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-right: 0;
    height: 18.5rem;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .block-display-4 {
    margin: 0 0 66.67px 0;
  }
}
.block-display-4 p {
  min-height: 14.5rem;
  padding: 0.8vw;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin: 0;
}
.block-display-4 p a {
  padding: 0.333vw;
  margin: 1rem;
  font-size: 0.8vw;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 0.25rem;
  background-color: #0099C7;
  border: 1px solid #0099C7;
  color: #fff;
  transition: 0.2s all;
}
@media (min-width: unset) {
  .block-display-4 p a {
    padding: 5.33px;
  }
}
.block-display-4 p a:hover {
  background-color: #fff;
  color: #0099C7;
}

.block-display-4 > h2 {
  padding: 0.8vw;
}
@media (max-width: 639px) {
  .block-display-4 > h2 {
    padding: 2.8vw;
  }
}

.block-display-4 > h2 {
  border-bottom: 1px solid #0099C7;
  font-size: 0.8rem;
  margin: 0;
}

.path-frontpage .nav-breadcrumb {
  display: none;
}

#block-mytenor-front-branding {
  text-align: center;
}
#block-mytenor-front-branding img {
  width: 60%;
}

#block-menuducomptedelutilisateur {
  position: fixed;
  bottom: 0;
  background-color: #d1d4d9;
  width: 100%;
}
#block-menuducomptedelutilisateur ul {
  display: flex;
  margin: 0;
  list-style-type: none;
  padding: 0;
}
#block-menuducomptedelutilisateur ul li:not(.empty-element) {
  min-width: 22vw;
  max-width: 22vw;
  width: 22vw;
}
#block-menuducomptedelutilisateur ul li:not(.empty-element):before {
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  content: "\f08b";
  color: #fff;
}
#block-menuducomptedelutilisateur ul li:not(.empty-element):first-child {
  background-color: #000;
  padding: 0.3rem 0.5rem 0.3rem 1.5rem;
}
#block-menuducomptedelutilisateur ul li:not(.empty-element) a {
  color: #fff;
}
#block-menuducomptedelutilisateur ul li.empty-element {
  min-width: 7.8571428571vw;
  max-width: 7.8571428571vw;
  width: 7.8571428571vw;
}
#block-menuducomptedelutilisateur ul li.empty-element:nth-child(2) {
  background: #bf2969;
}
#block-menuducomptedelutilisateur ul li.empty-element:nth-child(3) {
  background: #d18d82;
}
#block-menuducomptedelutilisateur ul li.empty-element:nth-child(4) {
  background: #ef372b;
}
#block-menuducomptedelutilisateur ul li.empty-element:nth-child(5) {
  background: #c62d28;
}
#block-menuducomptedelutilisateur ul li.empty-element:nth-child(6) {
  background: #dc2e38;
}

@media (min-width: 576px) {
  .blocks-2cols {
    flex-wrap: nowrap !important;
  }
}
.blocks-2cols .blocks-left {
  flex-basis: 130rem;
}
@media (min-width: 576px) {
  .blocks-2cols .blocks-left {
    margin-right: 2rem;
  }
}
.blocks-2cols .blocks-left .blocks-left-2cols {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 639px) {
  .blocks-2cols .blocks-left .blocks-left-2cols {
    margin-bottom: 2rem;
    justify-content: space-between;
  }
}
@media (max-width: 639px) {
  .blocks-2cols .blocks-right {
    margin-bottom: 3rem;
  }
}

#block-userprofilepictureblock {
  flex-flow: row;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: fixed;
  background-color: #fff;
  color: #b1b2b3 !important;
  top: 0;
  width: calc(100% - 22vw);
  justify-content: flex-end;
  margin-left: 22vw;
}
#block-userprofilepictureblock .fas {
  color: #b1b2b3 !important;
  transition: 0.3s all;
  cursor: pointer;
}
#block-userprofilepictureblock .fas:hover {
  color: #4D4D4F !important;
}
#block-userprofilepictureblock .user-picture, #block-userprofilepictureblock .user-notif {
  box-sizing: border-box;
  width: 5.833vw;
  min-width: 5.833vw;
  max-width: 5.833vw;
  box-sizing: border-box;
  height: 0.833vw;
  min-height: 0.833vw;
  max-height: 0.833vw;
  font-family: sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 600;
  position: relative;
  background-size: cover;
  background-position: center;
}
@media (min-width: unset) {
  #block-userprofilepictureblock .user-picture, #block-userprofilepictureblock .user-notif {
    width: 93.33px;
    min-width: 93.33px;
    max-width: 93.33px;
  }
}
@media (min-width: unset) {
  #block-userprofilepictureblock .user-picture, #block-userprofilepictureblock .user-notif {
    height: 13.33px;
    min-height: 13.33px;
    max-height: 13.33px;
  }
}
@media (max-width: 639px) {
  #block-userprofilepictureblock .user-picture, #block-userprofilepictureblock .user-notif {
    width: 16.667vw;
    min-width: 16.667vw;
    max-width: 16.667vw;
    height: 16.667vw;
    min-height: 16.667vw;
    max-height: 16.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  #block-userprofilepictureblock .user-picture, #block-userprofilepictureblock .user-notif {
    width: 266.67px;
    min-width: 266.67px;
    max-width: 266.67px;
    height: 266.67px;
    min-height: 266.67px;
    max-height: 266.67px;
  }
}
#block-userprofilepictureblock .user-notif .notif-count {
  content: "";
  font-family: monospace;
  display: inline-flex;
  color: white;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 1.3rem;
  width: 0.8rem;
  height: 0.8rem;
  font-size: 0.7rem;
  background-color: #e81a40;
  border-radius: 50%;
}
#block-userprofilepictureblock .icon-edit-user {
  width: 1.667vw;
  min-width: 1.667vw;
  max-width: 1.667vw;
  height: 1.667vw;
  min-height: 1.667vw;
  max-height: 1.667vw;
  background-color: #000;
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 50%;
  background-color: #264a9e;
  transition: all 0.2s;
}
@media (min-width: unset) {
  #block-userprofilepictureblock .icon-edit-user {
    width: 26.67px;
    min-width: 26.67px;
    max-width: 26.67px;
    height: 26.67px;
    min-height: 26.67px;
    max-height: 26.67px;
  }
}
#block-userprofilepictureblock .icon-edit-user:before {
  width: 1.667vw;
  min-width: 1.667vw;
  max-width: 1.667vw;
  height: 1.667vw;
  min-height: 1.667vw;
  max-height: 1.667vw;
  font-weight: normal;
  font-size: 0.7rem;
  font-family: FontAwesome;
  color: #4D4D4F !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
@media (min-width: unset) {
  #block-userprofilepictureblock .icon-edit-user:before {
    width: 26.67px;
    min-width: 26.67px;
    max-width: 26.67px;
    height: 26.67px;
    min-height: 26.67px;
    max-height: 26.67px;
  }
}
#block-userprofilepictureblock .icon-edit-user:hover:before {
  color: #264a9e;
  background-color: #fff;
  border: 1px solid #264a9e;
}
@media (max-width: 639px) {
  #block-userprofilepictureblock .icon-edit-user {
    display: none;
  }
}
#block-userprofilepictureblock .user-welcome {
  margin: 1.25vw 2.5vw 1.667vw 2.083vw;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  cursor: default;
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: #b1b2b3;
}
@media (min-width: unset) {
  #block-userprofilepictureblock .user-welcome {
    margin: 20px 40px 26.67px 33.33px;
  }
}
#block-userprofilepictureblock .user-welcome .left {
  font-size: 0.9rem;
}
#block-userprofilepictureblock .user-welcome .right {
  font-size: 0.9rem;
  text-transform: capitalize;
}

.page-admin #block-userprofilepictureblock {
  top: 79px;
}

/* Dashboard blocks */
.path-frontpage .block-display-3 {
  margin-right: 1rem;
}
.path-frontpage .layout-content > div {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.path-frontpage .views-element-container {
  flex-direction: column !important;
  font-family: "Montserrat", sans-serif;
  background-color: white;
  margin-bottom: 1rem;
  margin-left: 0;
  position: relative;
  width: 100%;
}
@media (max-width: 639px) {
  .path-frontpage .views-element-container {
    width: 100%;
    margin: 1rem 0;
  }
}
.path-frontpage .views-element-container table {
  width: 100%;
}
.path-frontpage .views-element-container .table-display-3 {
  margin: 0 1.5rem;
}
.path-frontpage .views-element-container .table-display-3 thead th {
  color: #00B9F1;
  font-weight: 500;
}
.path-frontpage .views-element-container .table-display-3 tbody {
  font-weight: 500;
}
.path-frontpage .views-element-container .table-display-3 td {
  padding: 0.5rem 0.5rem 0.5rem 0;
}
.path-frontpage .views-element-container .table-display-3 tr {
  border-bottom: 1px solid #000 !important;
}
.path-frontpage .views-element-container .table-display-3 tr:last-child {
  border: 0 !important;
}
.path-frontpage .views-element-container h2 {
  font-size: 1rem;
  color: #264a9e;
  padding: 0.5rem 0;
  font-weight: bold;
  margin: 0;
}
.path-frontpage .views-element-container tr {
  border-bottom: 2px solid #eee;
}
.path-frontpage .views-element-container tr:last-child {
  border: 0;
}
.path-frontpage .views-element-container td {
  padding: 0.5rem 0.5rem;
}
.path-frontpage .views-element-container.views-element-container-large {
  width: 100%;
  color: #fff;
  border-radius: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  margin: 2.5vw 0 0 0;
  margin-right: 1rem;
}
@media (min-width: unset) {
  .path-frontpage .views-element-container.views-element-container-large {
    margin: 40px 0 0 0;
  }
}
@media (max-width: 639px) {
  .path-frontpage .views-element-container.views-element-container-large {
    margin-right: 0;
  }
}
.path-frontpage div#block-mytenor-front-page-title, .path-frontpage article {
  flex-basis: 80%;
}
@media (max-width: 639px) {
  .path-frontpage div#block-mytenor-front-page-title, .path-frontpage article {
    flex-basis: 100%;
  }
}

div#block-besoindaide > div > div,
div#block-unequestion > div > div {
  font-size: 1rem;
  color: #264a9e;
  padding: 0.5rem 0 0 0;
  font-weight: bold;
  margin: 0;
}

@media (min-width: 576px) {
  div#block-unequestion {
    margin-left: 3rem;
  }
}

div#block-contacteznous {
  margin-top: 1rem;
  font-weight: 600;
}

div#block-demandepaiementsepa {
  padding: 1.25vw;
  border-radius: 0.3rem;
  text-align: center;
  background: #264a9e;
  color: #fff;
  width: 15rem;
}
@media (min-width: unset) {
  div#block-demandepaiementsepa {
    padding: 20px;
  }
}
@media (max-width: 639px) {
  div#block-demandepaiementsepa {
    width: 100%;
  }
}

div#block-views-block-note-d-information-block-1 {
  padding: 1.667vw;
  width: 15rem;
}
@media (min-width: unset) {
  div#block-views-block-note-d-information-block-1 {
    padding: 26.67px;
  }
}
@media (max-width: 639px) {
  div#block-views-block-note-d-information-block-1 {
    width: 100%;
  }
}

.block-image-profile-container {
  position: relative;
  width: 100px;
  height: 100px;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
  border: 3px solid #264a9e;
  cursor: pointer;
}
.block-image-profile-container i.fa {
  position: absolute;
  width: 100%;
  margin-top: 2rem;
  text-align: center;
  /*opacity: 0;*/
  font-size: 1.5rem;
  color: #264a9e;
}

@media (min-width: 576px) {
  .block-margin-before {
    margin-top: 10rem;
  }
}
div#block-technical-support-links a {
  box-sizing: border-box;
  width: 13.333vw;
  min-width: 13.333vw;
  max-width: 13.333vw;
}
@media (min-width: unset) {
  div#block-technical-support-links a {
    width: 213.33px;
    min-width: 213.33px;
    max-width: 213.33px;
  }
}

@media (max-width: 639px) {
  div#block-technical-support-links p {
    min-height: 9.5rem;
  }
  div#block-technical-support-links {
    height: 12rem;
  }
  div#block-technical-support-links a {
    box-sizing: border-box;
    width: 75vw;
    min-width: 75vw;
    max-width: 75vw;
    font-size: 0.8rem;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  div#block-technical-support-links a {
    width: 1200px;
    min-width: 1200px;
    max-width: 1200px;
  }
}
div#block-user-informations {
  font-size: 0.7rem;
}
div#block-user-informations .user-informations {
  padding: 0.417vw 1.667vw;
  min-height: 14.8rem;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
}
@media (min-width: unset) {
  div#block-user-informations .user-informations {
    padding: 6.67px 26.67px;
  }
}
div#block-user-informations .user-views {
  display: flex;
  justify-content: flex-start;
}
div#block-user-informations .user-views a {
  margin: 0 4.167vw 0 0;
  font-weight: 600;
  color: #000;
}
@media (min-width: unset) {
  div#block-user-informations .user-views a {
    margin: 0 66.67px 0 0;
  }
}

#company-logo {
  margin-left: 2rem;
  position: relative;
  border-radius: 20px;
  max-width: 105px;
  max-height: 105px;
  margin-right: 1rem;
  min-width: 105px;
  height: 105px;
  border: 3px solid #264a9e;
  margin: 1rem 0 0 0rem;
}
#company-logo a {
  bottom: -0.4rem !important;
  right: -0.9rem !important;
}

#copyright {
  margin: 6.25vw 0 0 0;
  padding: 1.25vw 0;
  border-top: 1px solid #e9ecef;
  font-size: 0.8rem;
  color: #b1b2b3;
  text-align: center;
}
@media (min-width: unset) {
  #copyright {
    margin: 100px 0 0 0;
  }
}
@media (min-width: unset) {
  #copyright {
    padding: 20px 0;
  }
}

iframe.iframe-yousign {
  margin: 2.083vw 0 0 0;
  width: 100%;
  height: 70vh;
}
@media (min-width: unset) {
  iframe.iframe-yousign {
    margin: 33.33px 0 0 0;
  }
}

#block-notifications {
  display: none;
  position: absolute;
  right: -1rem;
  top: -4rem;
}
#block-notifications .popin-notif {
  z-index: 100;
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.07), 0 3px 25px rgba(0, 0, 0, 0.07);
  padding: 1rem;
  border-radius: 6px;
  margin: 1rem 0;
  position: absolute;
  top: 3rem;
  right: 1rem;
  width: 24rem;
  background: white;
  color: black;
  cursor: pointer;
}
#block-notifications .popin-notif ul {
  list-style: none;
  font-size: 0.75rem;
  padding: 0;
  margin-bottom: 0;
  font-weight: 500;
}
#block-notifications .popin-notif ul li {
  margin-bottom: 0.5rem;
}
#block-notifications .popin-notif ul li:last-child {
  margin: 0;
}

.btn {
  padding: 0;
  text-align: unset;
  margin-top: 1rem;
}
@media (min-width: unset) {
  .btn {
    padding: 0;
  }
}

.btn {
  color: white;
  background-color: gray;
  text-align: center;
  border-radius: 5px;
  padding: 0.45rem 0;
  font-size: 0.8rem;
}

.btn.btn-blue {
  background: linear-gradient(to right, #01B2FE, #00D7FE);
}

.btn.btn-orange {
  background: linear-gradient(to right, #FF7B02, #FF9F00);
}

.btn.btn-green {
  background: linear-gradient(to right, #71AF45, #CCE800);
}

.btn.btn-pdf {
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.btn.btn-pdf:before {
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  content: "\f1c1";
  color: #e81a40;
}

.btn.btn-display-1 {
  padding: 0.625vw 1.25vw;
  font-weight: 500;
  color: #fff;
  background-color: #e81a40;
  border-radius: 0.2rem;
}
@media (min-width: unset) {
  .btn.btn-display-1 {
    padding: 10px 20px;
  }
}
.btn.btn-display-1:hover {
  background-color: #fff;
  color: #e81a40;
  border: 1px solid #e81a40;
}

.btn.btn-display-3 {
  padding: 0.625vw 1.25vw;
  font-weight: 500;
  color: #fff;
  background-color: #71AF45;
  border-radius: 0.2rem;
}
@media (min-width: unset) {
  .btn.btn-display-3 {
    padding: 10px 20px;
  }
}
.btn.btn-display-3:hover {
  background-color: #fff;
  color: #71AF45;
  border: 1px solid #71AF45;
}

.btn.btn-display-2 {
  padding: 0.625vw 1.25vw;
  font-weight: 500;
  color: #264a9e;
  background-color: #fff;
  border-radius: 0.2rem;
}
@media (min-width: unset) {
  .btn.btn-display-2 {
    padding: 10px 20px;
  }
}
.btn.btn-display-2:hover {
  background-color: #264a9e;
  color: #fff;
  border: 1px solid #fff;
}

.form-actions input.btn-primary, .btn-primary {
  color: #fff !important;
  background-color: #0099C7 !important;
  font-size: 1rem !important;
  width: unset !important;
  text-align: center !important;
  padding: 0rem 1rem !important;
  font-weight: 500 !important;
  border: 1px solid #fff !important;
}
.form-actions input.btn-primary:hover, .btn-primary:hover {
  background-color: #fff !important;
  color: #0099C7 !important;
  border: 1px solid #0099C7 !important;
  box-shadow: none !important;
}

.google-links {
  margin-bottom: 0.5rem;
}
.google-links a {
  margin-right: 1.5rem;
}

.btn-actions-group {
  position: absolute;
  top: 4vw;
  right: 2.2vw;
}

.btn-link {
  cursor: pointer;
}

.card {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0 0.833vw;
  margin: 2.083vw 0 0 0;
  /*@include media-breakpoint-down(sm) {
    @include make-padding-grid((0, $paragraphs-padding-mobile));
  }*/
}
@media (min-width: unset) {
  .card {
    padding: 0 13.33px;
  }
}
@media (min-width: unset) {
  .card {
    margin: 33.33px 0 0 0;
  }
}
.card .card-header {
  padding: 0;
}
@media (max-width: 639px) {
  .card .card-header {
    width: 100%;
    margin: 6.25vw 0 2.917vw 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .card .card-header {
    margin: 100px 0 46.67px 0;
  }
}
@media (max-width: 639px) {
  .card .card-header .title-underline {
    text-transform: unset;
    font-weight: 400;
  }
}
.card .card-body {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  justify-content: space-between;
  width: 100%;
  padding: 0;
}

.card.card-display-1 {
  flex-flow: row;
  font-size: 0.7rem;
  font-weight: 500;
  width: 50%;
  margin: 2rem auto;
}
@media (max-width: 639px) {
  .card.card-display-1 {
    width: 100%;
    margin: 0;
  }
}
.card.card-display-1 .card-header {
  box-sizing: border-box;
  width: 20.833vw;
  min-width: 20.833vw;
  max-width: 20.833vw;
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 2.1rem;
}
@media (min-width: unset) {
  .card.card-display-1 .card-header {
    width: 333.33px;
    min-width: 333.33px;
    max-width: 333.33px;
  }
}
@media (max-width: 639px) {
  .card.card-display-1 .card-header {
    box-sizing: border-box;
    width: 45.833vw;
    min-width: 45.833vw;
    max-width: 45.833vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .card.card-display-1 .card-header {
    width: 733.33px;
    min-width: 733.33px;
    max-width: 733.33px;
  }
}
.card.card-display-1 .card-header > div {
  font-size: 0.7rem;
  font-weight: 500;
}
.card.card-display-1 .card-footer {
  margin: 0 0 0 2.5vw;
  padding: 0;
}
@media (min-width: unset) {
  .card.card-display-1 .card-footer {
    margin: 0 0 0 40px;
  }
}

.content .content-header {
  margin: 0 0 4.167vw 0;
}
@media (min-width: unset) {
  .content .content-header {
    margin: 0 0 66.67px 0;
  }
}
.content .content-body {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
}

.content-display-1 {
  flex-flow: column;
  /*@include media-breakpoint-down(sm) {    
    flex-direction: column;
    @include make-margin-grid((2, 0));
    .content-body {
      @include make-padding-grid(0);
    }
    .content-header {
      flex-basis: unset;
      img {
        @include clear-width();
        @include make-margin-grid((0, 0, 0.5, 0));
        @include make-width-grid(20);        
      }
    }
  }*/
}
.content-display-1 .content-header {
  padding: 0.625vw 0 0 0;
  box-sizing: border-box;
  height: 18.75vw;
  min-height: 18.75vw;
  max-height: 18.75vw;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  background-size: cover;
}
@media (min-width: unset) {
  .content-display-1 .content-header {
    padding: 10px 0 0 0;
  }
}
@media (min-width: unset) {
  .content-display-1 .content-header {
    height: 300px;
    min-height: 300px;
    max-height: 300px;
  }
}
@media (max-width: 639px) {
  .content-display-1 .content-header {
    min-height: unset;
    max-height: unset;
    height: 34vw;
  }
}
.content-display-1 .content-header h2 {
  border: 0;
  padding: 0 1.25vw;
}
@media (min-width: unset) {
  .content-display-1 .content-header h2 {
    padding: 0 20px;
  }
}
.content-display-1 .content-header h2 a {
  color: #fff;
  font-size: 0.7rem;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}
.content-display-1 .content-body {
  box-sizing: border-box;
  height: 3.75vw;
  min-height: 3.75vw;
  max-height: 3.75vw;
  padding: 1.25vw 2.5vw;
  font-size: 0.85rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  opacity: 0.9;
  color: #fff;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  background-color: #0099C7;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: unset) {
  .content-display-1 .content-body {
    height: 60px;
    min-height: 60px;
    max-height: 60px;
  }
}
@media (min-width: unset) {
  .content-display-1 .content-body {
    padding: 20px 40px;
  }
}
@media (max-width: 639px) {
  .content-display-1 .content-body {
    padding: 1.25vw 4.167vw;
    min-height: unset;
    max-height: unset;
    height: 18vw;
    justify-content: flex-start;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content-display-1 .content-body {
    padding: 20px 66.67px;
  }
}
.content-display-1 .content-body footer div {
  width: 100%;
  font-size: 0.6vw;
}
.content-display-1 .content-body p, .content-display-1 .content-body .content-body-title {
  margin: 0;
  font-size: 0.7rem;
  text-overflow: ellipsis;
  display: inline-block;
  width: 50vw;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: unset) {
  .content-display-1 .content-body p, .content-display-1 .content-body .content-body-title {
    margin: 0;
  }
}
@media (max-width: 639px) {
  .content-display-1 .content-body p, .content-display-1 .content-body .content-body-title {
    width: 80vw;
  }
}
.content-display-1 .content-body div {
  float: left;
}
.content-display-1 .content-body a {
  color: #fff;
  text-decoration: underline;
  font-family: "Montserrat", sans-serif;
  margin-left: 0.25rem;
}
.content-display-1 .content-body .more-link {
  float: right;
  width: 15vw;
  position: relative;
}
.content-display-1 .content-body .more-link a {
  font-size: 0.8rem;
  color: #fff;
  text-decoration: underline;
}
@media (max-width: 639px) {
  .content-display-1 .content-body .more-link {
    width: 90vw;
  }
}

.path-actualites .content-display-1 .content-header h2 {
  display: none;
}

@media (max-width: 639px) {
  .path-actualites .content-display-1 .content-header h2 {
    display: none;
  }
  .path-actualites .content-display-1 .content-body {
    height: 11vw;
  }
  .path-actualites .content-display-2 .content-body {
    height: 11vw;
  }
}
.content-display-2 {
  margin: 3.333vw 0 0 0;
  flex-flow: column;
}
@media (min-width: unset) {
  .content-display-2 {
    margin: 53.33px 0 0 0;
  }
}
.content-display-2 .content-header {
  padding: 0.625vw 0 0 0;
  box-sizing: border-box;
  height: 18.75vw;
  min-height: 18.75vw;
  max-height: 18.75vw;
  position: relative;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  background-size: cover;
}
@media (min-width: unset) {
  .content-display-2 .content-header {
    padding: 10px 0 0 0;
  }
}
@media (min-width: unset) {
  .content-display-2 .content-header {
    height: 300px;
    min-height: 300px;
    max-height: 300px;
  }
}
@media (max-width: 639px) {
  .content-display-2 .content-header {
    min-height: unset;
    max-height: unset;
    height: 30vw;
  }
}
.content-display-2 .content-header h2 {
  display: none;
}
.content-display-2 .content-cover {
  margin: 2.083vw 0;
}
@media (min-width: unset) {
  .content-display-2 .content-cover {
    margin: 33.33px 0;
  }
}
.content-display-2 .content-cover img {
  width: 100%;
  height: auto;
}
.content-display-2 .content-cover + div {
  margin: 0 8.333vw;
  text-align: justify;
}
@media (min-width: unset) {
  .content-display-2 .content-cover + div {
    margin: 0 133.33px;
  }
}
.content-display-2 .content-body {
  box-sizing: border-box;
  height: 3.75vw;
  min-height: 3.75vw;
  max-height: 3.75vw;
  padding: 0.417vw 1.25vw;
  font-size: 0.85rem;
  position: absolute;
  bottom: 0;
  opacity: 0.9;
  color: #fff;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  background-color: #0099C7;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: unset) {
  .content-display-2 .content-body {
    height: 60px;
    min-height: 60px;
    max-height: 60px;
  }
}
@media (min-width: unset) {
  .content-display-2 .content-body {
    padding: 6.67px 20px;
  }
}
.content-display-2 .content-body .content-body-title {
  margin: 0;
  font-size: 0.7rem;
  text-overflow: ellipsis;
  display: inline-block;
  width: 20vw;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: unset) {
  .content-display-2 .content-body .content-body-title {
    margin: 0;
  }
}
@media (max-width: 639px) {
  .content-display-2 .content-body .content-body-title {
    width: 80vw;
  }
}
@media (max-width: 639px) {
  .content-display-2 .content-body {
    min-height: unset;
    max-height: unset;
    height: 30vw;
  }
}
.content-display-2 .content-body footer div {
  width: 100%;
  font-size: 0.6vw;
}
.content-display-2 .content-body p {
  margin: 0;
  font-size: 0.8vw;
}
@media (min-width: unset) {
  .content-display-2 .content-body p {
    margin: 0;
  }
}
.content-display-2 .content-body div {
  float: left;
}
.content-display-2 .content-body a {
  color: #fff;
  text-decoration: underline;
  font-family: "Montserrat", sans-serif;
  margin-left: 0.25rem;
}

.content-display-3 {
  margin: 4.167vw 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media (min-width: unset) {
  .content-display-3 {
    margin: 66.67px 0;
  }
}
@media (max-width: 639px) {
  .content-display-3 {
    flex-flow: column;
  }
}

.content-display-3 > div {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  flex-basis: 30%;
  color: #4D4D4F;
  font-weight: 500;
  line-height: 2.5rem;
  height: 100%;
  padding: 3rem 1rem;
  font-size: 1.1rem;
  box-shadow: 0 30px 20px rgba(0, 0, 0, 0.07), 0 3px 25px rgba(0, 0, 0, 0.07);
  min-height: 15rem;
  height: 15rem;
  border-radius: 1rem;
  background-color: #fff;
}
@media (max-width: 639px) {
  .content-display-3 > div {
    margin: 2.083vw 2.083vw;
    width: 100%;
    padding: 1rem 1rem;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .content-display-3 > div {
    margin: 33.33px 33.33px;
  }
}
.content-display-3 > div a {
  padding: 0.833vw 0.833vw 0.833vw 0;
  margin: 0.8rem;
  width: 100%;
  font-size: 0.8vw;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 0.25rem;
  background-color: #0099C7;
  border: 1px solid #0099C7;
  color: #fff;
  transition: 0.2s all;
  font-size: 0.8rem;
}
@media (min-width: unset) {
  .content-display-3 > div a {
    padding: 13.33px 13.33px 13.33px 0;
  }
}
.content-display-3 > div a:hover {
  background-color: #fff;
  color: #0099C7;
}
@media (max-width: 639px) {
  .content-display-3 > div a {
    margin: 0.5rem;
  }
}
.content-display-3 > div a.link-view:before, .content-display-3 > div a.link-create:before {
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  content: "\f03a";
  width: 2rem;
}
.content-display-3 > div a.link-create:before {
  content: "\f055";
}

@media (max-width: 639px) {
  .node--type-news .content-display-2 {
    text-align: justify;
    margin: 5vw 2.083vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .node--type-news .content-display-2 {
    margin: 80px 33.33px;
  }
}
@media (max-width: 639px) {
  .node--type-news .content-display-2 .content-cover img {
    width: 100%;
  }
}
.path-actualites .more-link {
  display: none;
}

.node-header, .field--name-field-quote-status label {
  margin: 0 0 1.458vw 0;
  top: -1rem;
  color: #264a9e;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}
@media (min-width: unset) {
  .node-header, .field--name-field-quote-status label {
    margin: 0 0 23.33px 0;
  }
}

.custom-richtext {
  padding: 0 4.167vw;
  margin: 4.167vw 0;
}
@media (min-width: unset) {
  .custom-richtext {
    padding: 0 66.67px;
  }
}
@media (max-width: 639px) {
  .custom-richtext {
    padding: 0 8.333vw;
    text-align: justify;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .custom-richtext {
    padding: 0 133.33px;
  }
}
@media (min-width: unset) {
  .custom-richtext {
    margin: 66.67px 0;
  }
}
.custom-richtext .custom-richtext-body {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  justify-content: space-between;
  font-size: 1rem;
  color: #7D7D7D;
}
.custom-richtext .custom-richtext-body .align-left {
  margin-right: 1rem;
}
.custom-richtext .custom-richtext-body .align-right {
  margin-left: 1rem;
}
.custom-richtext .custom-richtext-body p {
  width: 100%;
}
.custom-richtext .custom-richtext-body b, .custom-richtext .custom-richtext-body strong {
  font-weight: 600;
}
@media (max-width: 639px) {
  .custom-richtext .custom-richtext-body {
    flex-direction: column;
  }
  .custom-richtext .custom-richtext-body img {
    width: 100%;
  }
}

/**
 * @file
 * Default style for file module.
 */
/* File icons. */
.views-field .file {
  display: inline-block;
  min-height: 16px;
  padding-left: 20px; /* LTR */
  background-repeat: no-repeat;
  background-position: left center; /* LTR */
}
.views-field [dir=rtl] .file {
  padding-right: 20px;
  padding-left: inherit;
  background-position: right center;
}
.views-field .file--general,
.views-field .file--application-octet-stream {
  background-image: url(../images/icons/application-octet-stream.png);
}
.views-field .file--package-x-generic {
  background-image: url(../images/icons/package-x-generic.png);
}
.views-field .file--x-office-spreadsheet {
  background-image: url(../images/icons/x-office-spreadsheet.png);
}
.views-field .file--x-office-document {
  background-image: url(../images/icons/x-office-document.png);
}
.views-field .file--x-office-presentation {
  background-image: url(../images/icons/x-office-presentation.png);
}
.views-field .file--text-x-script {
  background-image: url(../images/icons/text-x-script.png);
}
.views-field .file--text-html {
  background-image: url(../images/icons/text-html.png);
}
.views-field .file--text-plain {
  background-image: url(../images/icons/text-plain.png);
}
.views-field .file--application-pdf {
  background-image: url(../images/icons/application-pdf.png);
}
.views-field .file--application-x-executable {
  background-image: url(../images/icons/application-x-executable.png);
}
.views-field .file--audio {
  background-image: url(../images/icons/audio-x-generic.png);
}
.views-field .file--video {
  background-image: url(../images/icons/video-x-generic.png);
}
.views-field .file--text {
  background-image: url(../images/icons/text-x-generic.png);
}
.views-field .file--image {
  background-image: url(../images/icons/image-x-generic.png);
}

@font-face {
  font-family: "Dala Floda";
  font-weight: normal;
  src: url("../fonts/Dala/DalaFlodaMedium.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Dala/DalaFlodaMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/Dala/DalaFlodaMedium.woff2") format("woff2"), url("../fonts/Dala/DalaFlodaMedium.woff") format("woff"), url("../fonts/Dala/DalaFlodaMedium.ttf") format("truetype"), url("../fonts/Dala/DalaFlodaMedium.svg#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "Dala Floda";
  font-weight: normal;
  font-style: italic;
  src: url("../fonts/Dala/DalaFlodaMediumItalic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Dala/DalaFlodaMediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Dala/DalaFlodaMediumItalic.woff2") format("woff2"), url("../fonts/Dala/DalaFlodaMediumItalic.woff") format("woff"), url("../fonts/Dala/DalaFlodaMediumItalic.ttf") format("truetype"), url("../fonts/Dala/DalaFlodaMediumItalic.svg#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "Dala Floda";
  font-weight: bold;
  font-style: italic;
  src: url("../fonts/Dala/DalaFlodaItalic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Dala/DalaFlodaItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Dala/DalaFlodaItalic.woff2") format("woff2"), url("../fonts/Dala/DalaFlodaItalic.woff") format("woff"), url("../fonts/Dala/DalaFlodaItalic.ttf") format("truetype"), url("../fonts/Dala/DalaFlodaItalic.svg#svgFontName") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "FaithAndGloryTwo";
  font-weight: bold;
  src: url("../fonts/FaithAndGloryTwo/FaithAndGloryTwo.eot"); /* IE9 Compat Modes */
  src: url("../fonts/FaithAndGloryTwo/FaithAndGloryTwo.eot?#iefix") format("embedded-opentype"), url("../fonts/FaithAndGloryTwo/FaithAndGloryTwo.woff2") format("woff2"), url("../fonts/FaithAndGloryTwo/FaithAndGloryTwo.woff") format("woff"), url("../fonts/FaithAndGloryTwo/FaithAndGloryTwo.ttf") format("truetype"), url("../fonts/FaithAndGloryTwo/FaithAndGloryTwo.svg#svgFontName") format("svg"); /* Legacy iOS */
}
.title-medium {
  font-weight: 600;
  text-transform: uppercase;
  /*UPD EVOL DOGA 20180716 font-size: 0.9rem; */
  font-size: 1rem;
  margin-bottom: 0.2rem;
}

.text-primary {
  color: #264a9e;
}

.text-secondary {
  color: #00B9F1;
}

.text-tertiary {
  color: #00D7FE;
}

#footer {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  /*@include media-breakpoint-up(sm) {
    @include make-margin-grid((0.5, 0, 0, 0));
  }*/
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  background-color: #fff;
  border-top: 3px solid #b1b2b3;
}
#footer img.footer-logo-laptop {
  box-sizing: border-box;
  width: 20.833vw;
  min-width: 20.833vw;
  max-width: 20.833vw;
  margin: 0 0 0 0;
  max-width: 256px;
}
@media (min-width: unset) {
  #footer img.footer-logo-laptop {
    width: 333.33px;
    min-width: 333.33px;
    max-width: 333.33px;
  }
}
@media (min-width: unset) {
  #footer img.footer-logo-laptop {
    margin: 0 0 0 0;
  }
}
@media (max-width: 639px) {
  #footer img.footer-logo-laptop {
    display: none;
  }
}
#footer img.footer-logo-mobile {
  display: none;
  box-sizing: border-box;
  width: 33.333vw;
  min-width: 33.333vw;
  max-width: 33.333vw;
  margin: 4.167vw 0 4.167vw 0;
}
@media (min-width: unset) {
  #footer img.footer-logo-mobile {
    width: 533.33px;
    min-width: 533.33px;
    max-width: 533.33px;
  }
}
@media (min-width: unset) {
  #footer img.footer-logo-mobile {
    margin: 66.67px 0 66.67px 0;
  }
}
@media (max-width: 639px) {
  #footer img.footer-logo-mobile {
    display: block;
  }
}
#footer .footer-nav {
  padding: 0;
  justify-content: space-around;
}
#footer .footer-nav .nav-link {
  color: #000;
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400;
  font-size: 80%;
  text-transform: uppercase;
}
@media (max-width: 639px) {
  #footer .footer-nav .nav-link {
    flex: 1 0 33%;
    padding: 0.5rem 0.5rem;
  }
}
#footer .nav-socials {
  box-sizing: border-box;
  width: 12.5vw;
  min-width: 12.5vw;
  max-width: 12.5vw;
  margin: 0 0 0 2.083vw;
  font-size: 1.1rem;
}
@media (min-width: unset) {
  #footer .nav-socials {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
  }
}
@media (min-width: unset) {
  #footer .nav-socials {
    margin: 0 0 0 33.33px;
  }
}
#footer .nav-socials a {
  color: #cccccc !important;
}
@media (max-width: 639px) {
  #footer .nav-socials {
    width: auto;
    max-width: initial;
    min-width: auto;
    margin: 5vw 0 5vw 2.083vw;
    font-size: 1.4rem;
    width: 100%;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  #footer .nav-socials {
    margin: 80px 0 80px 33.33px;
  }
}
@media (max-width: 639px) {
  #footer .nav-socials a {
    margin: 0 4.167vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  #footer .nav-socials a {
    margin: 0 66.67px;
  }
}
#footer .footer-social-block {
  margin-top: 0.5rem;
}
@media (max-width: 639px) {
  #footer .footer-social-block {
    display: none;
  }
}
#footer .footer-social-block .fa {
  width: 2rem;
  font-size: 1rem;
}
@media (max-width: 639px) {
  #footer .footer-copyright {
    display: none;
  }
  #footer .nav-menu-block-footer-about-menu-menu, #footer .nav-menu-block-footer-administrative-menu {
    padding: 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  #footer .nav-menu-block-footer-about-menu-menu, #footer .nav-menu-block-footer-administrative-menu {
    padding: 0 133.33px;
  }
}
#footer .company-infos {
  flex-basis: 34%;
  font-size: 0.65rem;
  font-weight: 600;
}
@media (max-width: 639px) {
  #footer .company-infos {
    text-align: center;
    font-size: 0.75rem;
    font-weight: 500;
    margin: 0.5rem 0;
  }
}
#footer .navbar-company-infos {
  align-items: flex-start;
  padding: 2.5vw 0;
  /*li.first-level {
    flex-basis: 29%;
  }*/
}
@media (min-width: unset) {
  #footer .navbar-company-infos {
    padding: 40px 0;
  }
}
@media (max-width: 639px) {
  #footer .navbar-company-infos {
    justify-content: center;
  }
}
#footer .navbar-company-infos ul.first-level, #footer .navbar-company-infos ul.first-level li.first-level ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media (min-width: unset) {
  #footer .navbar-company-infos ul.first-level, #footer .navbar-company-infos ul.first-level li.first-level ul {
    margin: 0;
  }
}
@media (min-width: unset) {
  #footer .navbar-company-infos ul.first-level, #footer .navbar-company-infos ul.first-level li.first-level ul {
    padding: 0;
  }
}
#footer .navbar-company-infos ul.first-level {
  box-sizing: border-box;
  height: 9.375vw;
  min-height: 9.375vw;
  max-height: 9.375vw;
  color: #000;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-size: 0.58rem;
  font-weight: 600;
  width: 100%;
  justify-content: flex-start;
  line-height: 1.2rem;
}
@media (min-width: unset) {
  #footer .navbar-company-infos ul.first-level {
    height: 150px;
    min-height: 150px;
    max-height: 150px;
  }
}
@media (max-width: 639px) {
  #footer .navbar-company-infos ul.first-level {
    display: none;
  }
}
#footer .navbar-company-infos li.first-level > a {
  font-size: 0.8rem;
}
#footer .navbar-company-infos .navbar-logo {
  line-height: unset;
}

form * {
  outline: none !important;
}
form details summary {
  margin: 0 0 1.375vw 0;
}
@media (min-width: unset) {
  form details summary {
    margin: 0 0 22px 0;
  }
}
form label.form-required::after {
  content: " *";
}
form label.visually-hidden {
  display: none;
}
form button.link {
  padding: 0;
  margin: 0;
  color: #264a9e;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.form-group {
  margin-bottom: 1.5rem;
}
.form-group .form-control-info {
  font-size: 60%;
  margin-top: 0.3rem;
  float: right;
}
.form-group label {
  font-size: 0.85rem;
  margin-bottom: 0;
}
@media (max-width: 639px) {
  .form-group label {
    font-size: 1.3rem;
  }
}

.form-control {
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); /*$form-control-border;*/
  font-size: 0.8vw;
  color: #b1b2b3;
}
@media (max-width: 639px) {
  .form-control {
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); /*$form-control-border;*/
    border-radius: 3px;
    font-size: 1.3rem;
  }
}
.form-control[type=text], .form-control[type=password], .form-control[type=number], .form-control[type=email], .form-control[type=search], .form-control[type=tel], .form-control[type=url], .form-control[type=date] {
  padding: 0.4rem 0px;
}
@media (max-width: 639px) {
  .form-control[type=text], .form-control[type=password], .form-control[type=number], .form-control[type=email], .form-control[type=search], .form-control[type=tel], .form-control[type=url], .form-control[type=date] {
    padding: 0.4rem;
    width: 71vw;
    border-width: 0 0 1px 0;
  }
}
.form-control::placeholder {
  font-size: 80%;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 639px) {
  .form-control::placeholder {
    font-size: 0.9rem;
  }
}
textarea.form-control {
  border: 1px solid #7D7D7D;
  margin: 2.083vw 0 0 0;
}
@media (min-width: unset) {
  textarea.form-control {
    margin: 33.33px 0 0 0;
  }
}

@media (min-width: 576px) {
  .form-control:focus {
    color: #b1b2b3;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
  }
}

/* Placeholder IE */
.form-control:-ms-input-placeholder {
  font-size: 80%;
  text-transform: uppercase;
  color: #fff;
}
@media (max-width: 639px) {
  .form-control:-ms-input-placeholder {
    font-size: 0.9rem;
  }
}

.form-action {
  display: flex;
  justify-content: center;
  flex: 1;
  margin-top: 1.5rem;
}

.form-info {
  display: flex;
  flex: 1 1 100%;
  font-size: 0.8rem;
  font-weight: 100;
  justify-content: center;
  margin-top: auto;
  margin-bottom: 0;
  opacity: 0.7;
}

.form-row {
  flex-basis: 110%;
  margin: 0 -2.083vw;
}
@media (min-width: unset) {
  .form-row {
    margin: 0 -33.33px;
  }
}
.form-row > .col,
.form-row > [class*=col-] {
  padding: 0 2.083vw;
}
@media (min-width: unset) {
  .form-row > .col,
  .form-row > [class*=col-] {
    padding: 0 33.33px;
  }
}

.form-type-checkbox label {
  padding-left: 1.7rem;
}

.form-type-radio label {
  padding-left: 1.7rem;
}

/* Exposed form filter (prospects list etc...) */
.exposed-filters-first {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: fixed;
  top: 6rem;
  right: 2.5rem;
  z-index: 1;
}
@media (max-width: 639px) {
  .exposed-filters-first {
    width: 100%;
    right: unset;
  }
}
.exposed-filters-first .views-exposed-form, .exposed-filters-first details, .exposed-filters-first summary {
  margin: 0 !important;
  width: unset;
}
.exposed-filters-first details {
  display: none;
}

.view-users-list .exposed-filters-first {
  width: 53%;
}

.adminimal-admin-toolbar .exposed-filters-first {
  top: 9rem;
}

.exposed-filters-last {
  padding: 12.917vw 0 0.833vw 1.8vw;
  position: fixed;
  top: -3rem;
  left: 22vw;
  width: 100%;
  background-color: #f8f9fa;
}
@media (max-width: 639px) {
  .exposed-filters-last {
    left: 0;
    text-align: center;
    padding: 44vw 0 0.833vw 1.8vw;
  }
}

.adminimal-admin-toolbar .exposed-filters-last {
  top: 1.2rem;
}

.exposed-filters-last {
  margin: 2.917vw 0 0.833vw 0;
}
@media (min-width: unset) {
  .exposed-filters-last {
    margin: 46.67px 0 13.33px 0;
  }
}
.exposed-filters-last input {
  margin: 0 0.7rem 0 4rem;
  cursor: pointer;
}
.exposed-filters-last input:first-child {
  margin-left: 0;
}
@media (max-width: 639px) {
  .exposed-filters-last input {
    margin: 0 0.7rem 0 1rem;
  }
}
.exposed-filters-last label {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 0.85rem;
  color: #868e96;
  cursor: pointer;
}

.form-item-keywords input {
  box-sizing: border-box;
  width: 33.333vw;
  min-width: 33.333vw;
  max-width: 33.333vw;
  color: #264a9e;
  border-radius: 0.3rem;
  margin: 0;
  margin-right: 0.7rem;
  border: 1px solid #264a9e;
  font-size: 0.9rem;
  font-family: "Montserrat", sans-serif;
  padding: 0.5rem 0.8rem;
  background-image: url("../images/search-placeholder.png");
  background-repeat: no-repeat;
  background-position: 98% center;
}
@media (min-width: unset) {
  .form-item-keywords input {
    width: 533.33px;
    min-width: 533.33px;
    max-width: 533.33px;
  }
}
@media (max-width: 639px) {
  .form-item-keywords input {
    box-sizing: border-box;
    width: 83.333vw;
    min-width: 83.333vw;
    max-width: 83.333vw;
    margin: 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .form-item-keywords input {
    width: 1333.33px;
    min-width: 1333.33px;
    max-width: 1333.33px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .form-item-keywords input {
    margin: 0 133.33px;
  }
}
.form-item-keywords input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #264a9e;
  opacity: 1; /* Firefox */
}
.form-item-keywords input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #264a9e;
}
.form-item-keywords input::-ms-input-placeholder { /* Microsoft Edge */
  color: #264a9e;
}

#views-exposed-form-user-list-users .form-item-keywords input {
  box-sizing: border-box;
  width: 16.667vw;
  min-width: 16.667vw;
  max-width: 16.667vw;
}
@media (min-width: unset) {
  #views-exposed-form-user-list-users .form-item-keywords input {
    width: 266.67px;
    min-width: 266.67px;
    max-width: 266.67px;
  }
}

.path-frontpage .more-link {
  margin-top: 1rem;
  text-align: right;
  font-size: 0.85rem;
}
.path-frontpage .more-link a {
  right: 1rem;
  font-size: 0.8rem !important;
  font-size: 1.2rem;
  font-weight: 500;
  color: #264a9e;
}
.path-frontpage .more-link a:hover {
  text-decoration: none;
}

/* Node : contact */
.webform-contact .webform-top-header {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  justify-content: center;
  align-items: center;
  background-image: url("../images/contact-header.jpg");
  background-size: cover;
}
@media (min-width: 576px) {
  .webform-contact .webform-top-header {
    box-sizing: border-box;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    box-sizing: border-box;
    height: 9.167vw;
    min-height: 9.167vw;
    max-height: 9.167vw;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .webform-contact .webform-top-header {
    width: 1600px;
    min-width: 1600px;
    max-width: 1600px;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .webform-contact .webform-top-header {
    height: 146.67px;
    min-height: 146.67px;
    max-height: 146.67px;
  }
}
.webform-contact .webform-header {
  padding: 2.083vw 0;
  /*UPD EVOL DOGA 20180716 font-size: 0.87rem;*/
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
}
@media (min-width: unset) {
  .webform-contact .webform-header {
    padding: 33.33px 0;
  }
}
.webform-contact .webform-body {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  flex-direction: row;
}
.webform-contact .webform-body .title-underline {
  text-transform: unset;
  text-transform: none; /* IE */
}
.webform-contact .webform-body .webform-content-left, .webform-contact .webform-body .webform-content-right {
  flex-basis: 50%;
}
.webform-contact .webform-body .webform-content-left .content-display-9 div div {
  color: #fff;
}
.webform-contact .webform-body .webform-content-left {
  color: #fff;
  width: 50%;
}
.webform-contact .webform-body .webform-content-left iframe.map {
  margin-bottom: 2rem;
  width: 90%;
  height: 17rem;
}
.webform-contact .webform-body .webform-content-left .webform-content-inside {
  padding: 0 0 0 4.167vw;
  margin: 2.083vw 0 0 0;
  font-size: 0.7rem;
}
@media (min-width: unset) {
  .webform-contact .webform-body .webform-content-left .webform-content-inside {
    padding: 0 0 0 66.67px;
  }
}
@media (min-width: unset) {
  .webform-contact .webform-body .webform-content-left .webform-content-inside {
    margin: 33.33px 0 0 0;
  }
}
.webform-contact .webform-body .webform-content-right .webform-content-inside {
  padding: 0 4.167vw 0 0;
  margin: 2.083vw 0 0 3.333vw;
}
@media (min-width: unset) {
  .webform-contact .webform-body .webform-content-right .webform-content-inside {
    padding: 0 66.67px 0 0;
  }
}
@media (min-width: unset) {
  .webform-contact .webform-body .webform-content-right .webform-content-inside {
    margin: 33.33px 0 0 53.33px;
  }
}
.webform-contact .webform-body .webform-content-left {
  background-color: #264a9e;
}
@media (max-width: 639px) {
  .webform-contact .webform-header, .webform-contact .webform-content-left, .webform-contact .webform-content-right, .webform-contact .webform-footer {
    padding: 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .webform-contact .webform-header, .webform-contact .webform-content-left, .webform-contact .webform-content-right, .webform-contact .webform-footer {
    padding: 0 133.33px;
  }
}
@media (max-width: 639px) {
  .webform-contact .webform-header {
    padding: 4.167vw 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .webform-contact .webform-header {
    padding: 66.67px 133.33px;
  }
}
@media (max-width: 639px) {
  .webform-contact .webform-body {
    flex-direction: column;
  }
  .webform-contact .webform-body .webform-content-left {
    width: 100%;
  }
  .webform-contact .webform-body .webform-content-left .webform-content-inside {
    padding: unset;
  }
  .webform-contact .webform-body .webform-content-left .webform-content-inside .content-display-9 {
    text-align: center;
  }
  .webform-contact .webform-body .webform-content-right .webform-content-inside {
    margin: 8.333vw 0;
    padding: unset;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .webform-contact .webform-body .webform-content-right .webform-content-inside {
    margin: 133.33px 0;
  }
}
@media (max-width: 639px) {
  .webform-contact .text-blocks-body {
    padding: 0 8.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .webform-contact .text-blocks-body {
    padding: 0 133.33px;
  }
}
@media (max-width: 639px) {
  .webform-contact .text-blocks.text-blocks-display-2 .text-block, .webform-contact .text-blocks.text-blocks-display-1 .text-block {
    padding: 0;
    flex-direction: column;
  }
  .webform-contact .text-blocks.text-blocks-display-2 .contact-headquarter-gmap {
    height: auto;
    max-height: initial;
    min-height: auto;
  }
  .webform-contact .text-blocks.text-blocks-display-2 iframe.map {
    position: relative;
    top: -20%;
    right: 0;
    width: 100%;
    height: 17rem;
  }
  .webform-contact .text-blocks.text-blocks-display-2 .text-block h2,
  .webform-contact .text-blocks.text-blocks-display-1 .text-block h2 {
    width: auto;
    max-width: initial;
    min-width: auto;
    width: 100%;
  }
  .webform-contact .text-blocks.text-blocks-display-1 .text-block h2 {
    padding: 4.167vw 0 0 0;
    margin: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .webform-contact .text-blocks.text-blocks-display-1 .text-block h2 {
    padding: 66.67px 0 0 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .webform-contact .text-blocks.text-blocks-display-1 .text-block h2 {
    margin: 0;
  }
}
@media (max-width: 639px) {
  .webform-contact .text-blocks.text-blocks-display-2 .content-display-9 {
    text-align: center;
  }
}
.webform-contact.webform-contact-display-2 .webform-body {
  padding: 0 4.167vw;
  margin: 0 0 8.333vw 0;
}
@media (min-width: unset) {
  .webform-contact.webform-contact-display-2 .webform-body {
    padding: 0 66.67px;
  }
}
@media (min-width: unset) {
  .webform-contact.webform-contact-display-2 .webform-body {
    margin: 0 0 133.33px 0;
  }
}
.webform-contact.webform-contact-display-2 .webform-content {
  width: 100%;
}
.webform-contact.webform-contact-display-2 .webform-content .webform-content-inside {
  margin: 0;
  padding: unset;
}
@media (min-width: unset) {
  .webform-contact.webform-contact-display-2 .webform-content .webform-content-inside {
    margin: 0;
  }
}
.webform-contact.webform-contact-display-2 .webform-content .webform-content-inside .webform-submission-form {
  height: 15.5rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
.webform-contact.webform-contact-display-2 .webform-content .webform-content-inside .webform-submission-form .js-form-item textarea {
  height: 8.3rem;
}
.webform-contact.webform-contact-display-2 .webform-content .webform-content-inside .webform-submission-form .js-form-item, .webform-contact.webform-contact-display-2 .webform-content .webform-content-inside .webform-submission-form .js-form-submit {
  width: 23rem;
}

/* Webform : contact */
.webform-submission-contact-form-form .form-actions {
  margin-top: 0.65rem;
}
.webform-submission-contact-form-form .js-form-item input, .webform-submission-contact-form-form .js-form-item textarea, .webform-submission-contact-form-form .js-form-item .select2 {
  border: 3px solid black;
  font-size: 0.85rem;
  font-weight: 600;
  padding: 0.6rem;
  width: 100%;
  margin-top: 0.65rem;
}
.webform-submission-contact-form-form .js-form-item textarea {
  height: 12rem;
}
.webform-submission-contact-form-form .js-form-item .select2.select2-container--default .select2-selection {
  border: 0;
}
.webform-submission-contact-form-form .js-form-item .select2.select2-container--default .select2-selection .select2-selection__arrow {
  margin: 0.5rem;
}
.webform-submission-contact-form-form .js-form-item .select2.select2-container--default .select2-selection .select2-selection__arrow b {
  border-width: 9px 8px 0 8px;
  border-color: #000 transparent transparent transparent;
}
.webform-submission-contact-form-form .form-submit {
  color: black;
  text-align: center;
  padding: 0.7rem 0;
  font-weight: 600;
  height: auto;
}

input.submit-button {
  border: 3px solid #01B2FE;
  background-color: transparent;
  color: white;
  padding: 0.1rem 1rem;
  font-size: 0.85rem;
  height: 2rem;
  cursor: pointer;
  transition: background-color 0.3s, color 2s;
}
input.submit-button:hover {
  background-color: #fff;
  font-weight: 600;
  color: #264a9e;
}

.form-user-login input.submit-button, .user-register-form input.submit-button, .user-pass input.submit-button {
  background-color: #01B2FE;
}
.form-user-login input.submit-button:hover, .user-register-form input.submit-button:hover, .user-pass input.submit-button:hover {
  background-color: #fff;
}

.form-actions {
  width: 100%;
  text-align: center;
}
.form-actions input.button {
  padding: 0;
  text-align: unset;
  height: 3rem;
  text-align: center;
  margin-top: 1rem;
  padding: 0.5rem 1rem;
  color: #fff;
  text-transform: none;
  border: 0;
  font-size: 0.9rem;
  font-weight: 200;
  background-color: #01B2FE;
  transition: all 0.3s;
  white-space: normal;
  display: inline-block;
  border-radius: 4px;
  width: 100%;
  cursor: pointer;
}
@media (min-width: unset) {
  .form-actions input.button {
    padding: 0;
  }
}
.form-actions input.button:hover {
  color: #01B2FE;
  background-color: #fff;
  box-shadow: 1px 1px 4px 0px #01B2FE;
}

.form-user-login form, .form-login-header form, .user-register-form form, .user-pass form {
  display: flex;
}
.form-user-login form label, .form-login-header form label, .user-register-form form label, .user-pass form label {
  margin: 0;
}
.form-user-login form .form-text, .form-login-header form .form-text, .user-register-form form .form-text, .user-pass form .form-text {
  margin: 0;
}
.form-user-login form label, .form-user-login form .description, .form-user-login form #edit-email--description, .form-user-login form #edit-markup-side, .form-login-header form label, .form-login-header form .description, .form-login-header form #edit-email--description, .form-login-header form #edit-markup-side, .user-register-form form label, .user-register-form form .description, .user-register-form form #edit-email--description, .user-register-form form #edit-markup-side, .user-pass form label, .user-pass form .description, .user-pass form #edit-email--description, .user-pass form #edit-markup-side {
  font-size: 0.88rem;
}
.form-user-login form .form-item-name, .form-user-login form .form-item-name input, .form-login-header form .form-item-name, .form-login-header form .form-item-name input, .user-register-form form .form-item-name, .user-register-form form .form-item-name input, .user-pass form .form-item-name, .user-pass form .form-item-name input {
  box-sizing: border-box;
  width: 18.333vw;
  min-width: 18.333vw;
  max-width: 18.333vw;
  margin-right: 1rem;
}
@media (min-width: unset) {
  .form-user-login form .form-item-name, .form-user-login form .form-item-name input, .form-login-header form .form-item-name, .form-login-header form .form-item-name input, .user-register-form form .form-item-name, .user-register-form form .form-item-name input, .user-pass form .form-item-name, .user-pass form .form-item-name input {
    width: 293.33px;
    min-width: 293.33px;
    max-width: 293.33px;
  }
}
.form-user-login form .form-item-pass, .form-user-login form .form-item-pass input, .form-login-header form .form-item-pass, .form-login-header form .form-item-pass input, .user-register-form form .form-item-pass, .user-register-form form .form-item-pass input, .user-pass form .form-item-pass, .user-pass form .form-item-pass input {
  box-sizing: border-box;
  width: 12.5vw;
  min-width: 12.5vw;
  max-width: 12.5vw;
  margin-right: 1rem;
}
@media (min-width: unset) {
  .form-user-login form .form-item-pass, .form-user-login form .form-item-pass input, .form-login-header form .form-item-pass, .form-login-header form .form-item-pass input, .user-register-form form .form-item-pass, .user-register-form form .form-item-pass input, .user-pass form .form-item-pass, .user-pass form .form-item-pass input {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
  }
}
.form-user-login form .form-item-pass a, .form-login-header form .form-item-pass a, .user-register-form form .form-item-pass a, .user-pass form .form-item-pass a {
  color: white;
}

.user-pass {
  flex-direction: column;
  width: unset;
  width: none;
}
@media (max-width: 639px) {
  .user-pass {
    padding: 0 8.333vw;
    margin: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .user-pass {
    padding: 0 133.33px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .user-pass {
    margin: 0;
  }
}
.user-pass .form-actions {
  display: flex;
  justify-content: center;
  margin: 2rem 0 4rem 0;
}
.user-pass p {
  display: none;
}

.user-register-form {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: unset;
  width: none;
  /*.field--name-field-customer-id input {
    width: 40%;
  }*/
}
@media (max-width: 639px) {
  .user-register-form {
    padding: 0 8.333vw;
    margin: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .user-register-form {
    padding: 0 133.33px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .user-register-form {
    margin: 0;
  }
}
.user-register-form .form-wrapper {
  width: 40rem;
}
.user-register-form .form-item--error-message {
  color: #e81a40;
  font-size: 0.65rem;
  font-weight: bold;
  width: 100%;
  text-align: right;
}
.user-register-form .form-footer {
  margin: 0 0 4.167vw 0;
  line-height: 1.5rem;
}
@media (min-width: unset) {
  .user-register-form .form-footer {
    margin: 0 0 66.67px 0;
  }
}
.user-register-form .form-header-mention span {
  color: #e81a40;
}
.user-register-form .description, .user-register-form .password-strength, .user-register-form .password-suggestions, .user-register-form div.password-confirm {
  display: none !important;
}
.user-register-form #edit-pass {
  flex-direction: column;
}
.user-register-form .form-item {
  display: flex;
  justify-content: space-between;
  margin: 0.5rem 0;
  flex-wrap: wrap;
}
.user-register-form .form-item input {
  width: 50%;
  height: 1.5rem;
  border: 2px solid #000;
}
.user-register-form .form-item input.error {
  border-color: #e81a40;
}
.user-register-form .form-item label {
  /*width: 50%;*/
  width: 13rem;
  margin: 0;
}
.user-register-form .form-item .customer-id-group {
  width: 50%;
  display: flex;
  align-items: center;
}
.user-register-form .form-item .customer-id-group input {
  margin: 0;
}
.user-register-form .form-item .customer-id-group i {
  margin-left: 1rem;
  font-size: 1.3rem;
  color: #b1b2b3;
  cursor: pointer;
}
.user-register-form .form-item .customer-id-group .modal.modal-display-5 .modal-dialog .modal-body {
  width: 100%;
  padding: 1rem 5rem;
}
@media (max-width: 639px) {
  .user-register-form .form-item .customer-id-group .modal.modal-display-5 .modal-dialog .modal-body {
    padding: 1rem 2rem;
  }
}
.user-register-form .form-item .customer-id-group .modal.modal-display-5 .modal-dialog .modal-body img {
  width: 100%;
}
.user-register-form .form-item .customer-id-group .modal.modal-display-5 .modal-dialog .modal-header {
  padding: 0;
}
.user-register-form .form-item-notify.form-item, .user-register-form .form-item-field-manual-input-value.form-item {
  justify-content: flex-start;
}
.user-register-form .form-item-notify.form-item input, .user-register-form .form-item-field-manual-input-value.form-item input {
  width: unset;
  height: 1.5rem;
  border: 2px solid #000;
}
.user-register-form .form-item-notify.form-item input.error, .user-register-form .form-item-field-manual-input-value.form-item input.error {
  border-color: #e81a40;
}
.user-register-form .form-item-notify.form-item label, .user-register-form .form-item-field-manual-input-value.form-item label {
  /*width: 50%;*/
  width: unset;
  margin: 0;
  margin-left: 1rem;
  cursor: pointer;
}
.user-register-form .confirm-parent {
  margin-bottom: 0;
}
.user-register-form .form-select {
  display: block !important;
  position: relative !important;
  width: 50% !important;
  border: 2px solid #000 !important;
  height: unset !important;
  clip: unset !important;
}
.user-register-form .chosen-container {
  display: none !important;
}
.user-register-form .form-actions {
  display: flex;
  justify-content: center;
  margin: 2rem 0 4rem 0;
}
.user-register-form label {
  margin: 0;
}
.user-register-form label.form-required::after {
  color: #e81a40;
}

#edit-markup-side {
  padding: 1.25vw 2.917vw 2.083vw 2.917vw;
}
@media (min-width: unset) {
  #edit-markup-side {
    padding: 20px 46.67px 33.33px 46.67px;
  }
}

.forms-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  margin: 0 37.5vw;
  justify-content: center;
}
@media (min-width: unset) {
  .forms-container {
    margin: 0 600px;
  }
}
.forms-container .forms-container-header {
  margin: 0 0 2.917vw 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: unset) {
  .forms-container .forms-container-header {
    margin: 0 0 46.67px 0;
  }
}

.page-user-login .forms-container {
  margin: 0;
  margin-top: -7rem;
}
@media (min-width: unset) {
  .page-user-login .forms-container {
    margin: 0;
  }
}
@media (max-width: 639px) {
  .page-user-login .forms-container {
    margin-top: -10rem;
  }
}

.form-user-login, .form-user-passwd {
  box-sizing: border-box;
  width: 29.167vw;
  min-width: 29.167vw;
  max-width: 29.167vw;
  box-sizing: border-box;
  height: 33.333vw;
  min-height: 33.333vw;
  max-height: 33.333vw;
  height: 33vh;
  min-height: 33vh;
  max-height: 33vh;
  background-color: transparent !important;
  color: #264a9e;
}
@media (min-width: unset) {
  .form-user-login, .form-user-passwd {
    width: 466.67px;
    min-width: 466.67px;
    max-width: 466.67px;
  }
}
@media (min-width: unset) {
  .form-user-login, .form-user-passwd {
    height: 533.33px;
    min-height: 533.33px;
    max-height: 533.33px;
  }
}
@media (max-width: 639px) {
  .form-user-login, .form-user-passwd {
    box-sizing: border-box;
    width: 83.333vw;
    min-width: 83.333vw;
    max-width: 83.333vw;
    box-sizing: border-box;
    height: 33.333vw;
    min-height: 33.333vw;
    max-height: 33.333vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .form-user-login, .form-user-passwd {
    width: 1333.33px;
    min-width: 1333.33px;
    max-width: 1333.33px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .form-user-login, .form-user-passwd {
    height: 533.33px;
    min-height: 533.33px;
    max-height: 533.33px;
  }
}
.form-user-login form, .form-user-passwd form {
  /*@include make-padding-grid((0, 0.7, 0.5, 0.7));*/
  flex-flow: column;
  align-items: center;
  background-color: #fff;
  color: #264a9e;
  padding: 2rem;
  box-shadow: 1px 1px 20px 0px #efefef;
  border-radius: 20px;
}
.form-user-login form .form-item, .form-user-login form .form-item:not(.form-item-persistent-login) input, .form-user-passwd form .form-item, .form-user-passwd form .form-item:not(.form-item-persistent-login) input {
  max-width: unset;
  margin-right: unset;
  width: 100%;
}
.form-user-login form .form-actions input[type=submit], .form-user-passwd form .form-actions input[type=submit] {
  width: 100% !important;
}
.form-user-login form #edit-name--3, .form-user-login form #edit-pass--3, .form-user-login form #edit-name--4, .form-user-passwd form #edit-name--3, .form-user-passwd form #edit-pass--3, .form-user-passwd form #edit-name--4 {
  padding-left: 2rem;
}
.form-user-login form #edit-name--3, .form-user-login form #edit-name--4, .form-user-login form #edit-pass--3, .form-user-passwd form #edit-name--3, .form-user-passwd form #edit-name--4, .form-user-passwd form #edit-pass--3 {
  background-image: url(/sites/mytenor/themes/mytenor_front/images/icon_user.png);
  background-repeat: no-repeat;
  background-position: left;
}
.form-user-login form #edit-pass--3, .form-user-passwd form #edit-pass--3 {
  background-image: url(/sites/mytenor/themes/mytenor_front/images/icon_lock.png);
}

.form-user-passwd {
  display: none;
}

.form-login-header-content {
  padding: 4.167vw 2.917vw 1.25vw 2.917vw;
  font-size: 0.85rem;
  font-weight: 600;
}
@media (min-width: unset) {
  .form-login-header-content {
    padding: 66.67px 46.67px 20px 46.67px;
  }
}

#edit-markup-side {
  box-sizing: border-box;
  width: 29.167vw;
  min-width: 29.167vw;
  max-width: 29.167vw;
}
@media (min-width: unset) {
  #edit-markup-side {
    width: 466.67px;
    min-width: 466.67px;
    max-width: 466.67px;
  }
}
#edit-markup-side .title-h2:before {
  content: " ";
  float: left;
  margin-right: 1rem;
  width: 55px;
  height: 55px;
  background-image: url(../images/user-icon.png);
}

.form-user-login {
  background-color: #264a9e;
  color: #fff;
}

/* Password reset form */
form.user-pass-reset {
  margin: 3rem 0;
  text-align: center;
}
form.user-pass-reset .form-actions .form-submit {
  color: #264a9e;
}

.card-display-1 .field--name-field-last-name, .card-display-1 .field--name-field-first-name, .card-display-1 .form-item-mail,
.card-display-1 .field--name-field-amount, .card-display-1 .field--name-field-divalto-code, .card-display-1 .field--name-field-manager,
.card-display-1 .field--name-field-bu, .card-display-1 .field--name-field-manual-input, .card-display-1 .file--image, .card-display-1 .file-size, .card-display-1 .form-item-name, .card-display-1 fieldset,
.card-display-1 #edit-preferred-langcode--description, .card-display-1 #edit-preferred-langcode, .card-display-1 #edit-contact, .card-display-1 #edit-timezone, .card-display-1 .form-item-path-0-alias,
.card-display-1 .form-item-field-is-contact-value, .card-display-1 .password-strength {
  display: none;
}
.card-display-1 #edit-account {
  position: absolute;
  left: 0;
  top: 15vw;
}
@media (max-width: 639px) {
  .card-display-1 #edit-account {
    top: 60vw;
  }
}
.card-display-1 .form-actions {
  position: absolute;
  left: 0;
  top: 27vw;
}
@media (max-width: 639px) {
  .card-display-1 .form-actions {
    top: 100vw;
  }
}
.card-display-1 div.password-confirm {
  font-size: 0.75rem;
  font-weight: bold;
  margin: 0.7rem 0 0 1rem;
}
.card-display-1 div.password-confirm span.error {
  text-transform: capitalize;
  color: #00B9F1;
}
.card-display-1 div.password-confirm span.ok {
  text-transform: capitalize;
  color: #71AF45;
}
.card-display-1 label {
  display: none;
}
.card-display-1 #edit-account label, .card-display-1 #edit-account .description {
  display: none;
}
.card-display-1 .image-widget {
  margin-left: 2rem;
  position: relative;
  border-radius: 20px;
  width: 105px;
  border: 3px solid #264a9e;
}
.card-display-1 .image-widget .form-submit, .card-display-1 .image-widget .form-file {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 0;
  border: 2px solid black;
  cursor: pointer;
}
.card-display-1 .image-widget .form-file {
  top: -2rem;
  height: 8rem;
}
.card-display-1 .image-widget .chg-img-button {
  position: absolute;
  left: 2rem;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: #264a9e;
}
.card-display-1 .image-widget img {
  position: relative;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  opacity: 0.5;
  background-color: #e9ecef;
  width: 100px;
  height: 100px;
}

.form.form-display-1.user-form {
  position: unset;
}

form.user-form #edit-pass label {
  display: block !important;
}
form.user-form #edit-pass .form-item {
  margin-bottom: 2rem;
}
form.user-form #edit-pass .password-suggestions {
  display: none !important;
}

/* search form */
.exposed-search-block form .form-actions, .exposed-search-block form label {
  display: none;
}

#views-exposed-form-article-list .js-form-type-radio.form-item-field-univers-target-id {
  display: flex;
  align-items: baseline;
}
#views-exposed-form-article-list .js-form-type-radio.form-item-field-univers-target-id input {
  margin-right: 0.5rem;
}

.form-item-pass-pass1 label:after, .form-item-pass-pass2 label:after {
  display: none;
}

@media (max-width: 639px) {
  .form-user-login form {
    flex-direction: column;
    align-items: center;
  }
}

.form-user-login label, .form-user-login .description, .form-user-passwd label, .form-user-passwd .description {
  display: none;
}
.form-user-login .form-item.form-item-persistent-login, .form-user-passwd .form-item.form-item-persistent-login {
  display: flex;
  align-items: center;
  margin-bottom: 2rem !important;
  color: #000;
}
.form-user-login .form-item.form-item-persistent-login input, .form-user-passwd .form-item.form-item-persistent-login input {
  margin-bottom: 0 !important;
}
.form-user-login .form-item.form-item-persistent-login label, .form-user-passwd .form-item.form-item-persistent-login label {
  display: block;
  font-size: 0.7rem;
  margin-left: 0.5rem;
}
.form-user-login input, .form-user-passwd input {
  border-color: #000;
  border-width: 0 0 2px 0;
  padding: 0.4rem 0;
  font-size: 0.8rem;
  margin-bottom: 2rem !important;
}
.form-user-login .form-item-pass input, .form-user-passwd .form-item-pass input {
  margin-bottom: 1rem !important;
}
@media (max-width: 639px) {
  .form-user-login, .form-user-passwd {
    text-align: center;
  }
}

@media (max-width: 639px) {
  .form-user-login form .form-item-name, .form-user-login form .form-item-pass {
    box-sizing: border-box;
    width: 62.5vw;
    min-width: 62.5vw;
    max-width: 62.5vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .form-user-login form .form-item-name, .form-user-login form .form-item-pass {
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
  }
}

@media (max-width: 639px) {
  .form-user-login form .form-item-name input, .form-user-login form .form-item-pass input {
    box-sizing: border-box;
    width: 62.5vw;
    min-width: 62.5vw;
    max-width: 62.5vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .form-user-login form .form-item-name input, .form-user-login form .form-item-pass input {
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
  }
}

@media (max-width: 639px) {
  #edit-markup-side {
    box-sizing: border-box;
    width: 83.333vw;
    min-width: 83.333vw;
    max-width: 83.333vw;
    margin-top: 1rem;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  #edit-markup-side {
    width: 1333.33px;
    min-width: 1333.33px;
    max-width: 1333.33px;
  }
}

@media (max-width: 639px) {
  #edit-markup-side .title-h2 {
    height: 4rem;
  }
}

@media (max-width: 639px) {
  .user-register-form .form-wrapper {
    width: 100%;
  }
}

@media (max-width: 639px) {
  .user-register-form .form-item input {
    width: 100%;
  }
}

@media (max-width: 639px) {
  .user-register-form .form-select {
    width: 100% !important;
  }
}

@media (max-width: 639px) {
  .user-register-form .form-item .customer-id-group {
    width: 100%;
  }
}

.node--type-basic-page .webform-submission-job-apply-form > div.title {
  display: none !important;
}

.node--type-basic-page article.webform-submission-job-apply-form {
  padding: 0 4.167vw 4.167vw 4.167vw;
}
@media (min-width: unset) {
  .node--type-basic-page article.webform-submission-job-apply-form {
    padding: 0 66.67px 66.67px 66.67px;
  }
}

.webform-element-help--title {
  font-weight: 600 !important;
  font-size: 1.1rem !important;
  color: #264a9e !important;
  font-family: "Titillium Web", sans-serif !important;
}
@media (max-width: 639px) {
  .webform-element-help--title {
    width: auto;
    max-width: initial;
    min-width: auto;
  }
}

.webform-element-help--content {
  font-size: 1rem !important;
  font-weight: normal !important;
  color: #7D7D7D !important;
  font-family: "Titillium Web", sans-serif !important;
}

.view-prospects-list .form-actions, .view-customers-list .form-actions, .view-quotes-list .form-actions, .view-orders-list .form-actions, .view-users-list .form-actions {
  display: none;
}
.view-prospects-list .views-exposed-form, .view-customers-list .views-exposed-form, .view-quotes-list .views-exposed-form, .view-orders-list .views-exposed-form, .view-users-list .views-exposed-form {
  margin-bottom: 2rem;
}
@media (max-width: 639px) {
  .view-prospects-list .exposed-filters-first, .view-customers-list .exposed-filters-first, .view-quotes-list .exposed-filters-first, .view-orders-list .exposed-filters-first, .view-users-list .exposed-filters-first {
    justify-content: flex-start;
  }
  .view-prospects-list th.views-field-field-order-status,
  .view-prospects-list td.views-field-field-order-status,
  .view-prospects-list th.views-field-field-attached-files,
  .view-prospects-list td.views-field-field-attached-files,
  .view-prospects-list th.views-field-field-total-amount,
  .view-prospects-list td.views-field-field-total-amount,
  .view-prospects-list th.views-field.views-field-field-total-amount-1,
  .view-prospects-list th.views-field.views-field-field-sector,
  .view-prospects-list td.views-field.views-field-field-total-amount-1,
  .view-prospects-list td.views-field.views-field-field-sector,
  .view-prospects-list th.views-field-field-city,
  .view-prospects-list td.views-field-field-city, .view-customers-list th.views-field-field-order-status,
  .view-customers-list td.views-field-field-order-status,
  .view-customers-list th.views-field-field-attached-files,
  .view-customers-list td.views-field-field-attached-files,
  .view-customers-list th.views-field-field-total-amount,
  .view-customers-list td.views-field-field-total-amount,
  .view-customers-list th.views-field.views-field-field-total-amount-1,
  .view-customers-list th.views-field.views-field-field-sector,
  .view-customers-list td.views-field.views-field-field-total-amount-1,
  .view-customers-list td.views-field.views-field-field-sector,
  .view-customers-list th.views-field-field-city,
  .view-customers-list td.views-field-field-city, .view-quotes-list th.views-field-field-order-status,
  .view-quotes-list td.views-field-field-order-status,
  .view-quotes-list th.views-field-field-attached-files,
  .view-quotes-list td.views-field-field-attached-files,
  .view-quotes-list th.views-field-field-total-amount,
  .view-quotes-list td.views-field-field-total-amount,
  .view-quotes-list th.views-field.views-field-field-total-amount-1,
  .view-quotes-list th.views-field.views-field-field-sector,
  .view-quotes-list td.views-field.views-field-field-total-amount-1,
  .view-quotes-list td.views-field.views-field-field-sector,
  .view-quotes-list th.views-field-field-city,
  .view-quotes-list td.views-field-field-city, .view-orders-list th.views-field-field-order-status,
  .view-orders-list td.views-field-field-order-status,
  .view-orders-list th.views-field-field-attached-files,
  .view-orders-list td.views-field-field-attached-files,
  .view-orders-list th.views-field-field-total-amount,
  .view-orders-list td.views-field-field-total-amount,
  .view-orders-list th.views-field.views-field-field-total-amount-1,
  .view-orders-list th.views-field.views-field-field-sector,
  .view-orders-list td.views-field.views-field-field-total-amount-1,
  .view-orders-list td.views-field.views-field-field-sector,
  .view-orders-list th.views-field-field-city,
  .view-orders-list td.views-field-field-city, .view-users-list th.views-field-field-order-status,
  .view-users-list td.views-field-field-order-status,
  .view-users-list th.views-field-field-attached-files,
  .view-users-list td.views-field-field-attached-files,
  .view-users-list th.views-field-field-total-amount,
  .view-users-list td.views-field-field-total-amount,
  .view-users-list th.views-field.views-field-field-total-amount-1,
  .view-users-list th.views-field.views-field-field-sector,
  .view-users-list td.views-field.views-field-field-total-amount-1,
  .view-users-list td.views-field.views-field-field-sector,
  .view-users-list th.views-field-field-city,
  .view-users-list td.views-field-field-city {
    display: none;
  }
}

@media (max-width: 639px) {
  .view-prospects-list .form-item-keywords input, .view-customers-list .form-item-keywords input, .view-orders-list .form-item-keywords input, .view-users-list .form-item-keywords input {
    box-sizing: border-box;
    width: 47.917vw;
    min-width: 47.917vw;
    max-width: 47.917vw;
    margin: 0 0.417vw 0 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .view-prospects-list .form-item-keywords input, .view-customers-list .form-item-keywords input, .view-orders-list .form-item-keywords input, .view-users-list .form-item-keywords input {
    width: 766.67px;
    min-width: 766.67px;
    max-width: 766.67px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .view-prospects-list .form-item-keywords input, .view-customers-list .form-item-keywords input, .view-orders-list .form-item-keywords input, .view-users-list .form-item-keywords input {
    margin: 0 6.67px 0 0;
  }
}

@media (max-width: 639px) {
  .view-quotes-list .form-item-keywords input, .view-customers-list .form-item-keywords input, .view-orders-list .form-item-keywords input {
    box-sizing: border-box;
    width: 89.583vw;
    min-width: 89.583vw;
    max-width: 89.583vw;
    margin: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .view-quotes-list .form-item-keywords input, .view-customers-list .form-item-keywords input, .view-orders-list .form-item-keywords input {
    width: 1433.33px;
    min-width: 1433.33px;
    max-width: 1433.33px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .view-quotes-list .form-item-keywords input, .view-customers-list .form-item-keywords input, .view-orders-list .form-item-keywords input {
    margin: 0;
  }
}

.view-users-list .views-exposed-form {
  width: 100%;
  display: flex;
}

.exposed-filters-first .form-select {
  padding: 0.5rem;
  border-radius: 5px;
  font-family: Helvetica Neue Thin;
  font-weight: bold;
  cursor: pointer;
  margin-right: 0.6rem;
}

form.form-display-1 {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  /* Hide admin zone (user, created, published etc...) */
  /*.field--type-created, .field--name-uid, .field--name-promote, .field--name-sticky, .field--name-path, .field--name-status,
  .tabledrag-toggle-weight-wrapper, .admin-group, .js-form-type-vertical-tabs, label, .description, summary, td.field-multiple-drag,
  .draggable .js-form-type-select {*/
  /* New fields created via Ajax must be "enabled style" */
  /*&.node-validated fieldset#edit-group-contacts .draggable > fieldset {
    input[type="text"].validated-exception, input[type="number"].validated-exception, input[type="password"].validated-exception, input[type="email"].validated-exception, textarea.validated-exception, select.validated-exception {
      font-size: 0.85rem;
      padding: 0.1rem 0.9rem;
      font-family: $font-family-primary-bold;
      background-color: $white;
      border: 1px solid $white;
      border-radius: 0.2rem;
      width: 100%;
      cursor: default;
      border: 2px solid red;
    }
  }*/
}
form.form-display-1 .field--name-field-quote-status {
  position: absolute;
  top: -2.3rem;
  right: 0;
}
form.form-display-1 .field--name-field-quote-status .form-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
form.form-display-1 .field--name-field-quote-status label {
  display: block;
  width: 10rem;
  text-align: right;
  margin: 0;
  margin-right: 1rem;
}
form.form-display-1 .field--name-field-quote-status select {
  margin-top: 0;
}
form.form-display-1.form-input-limited #edit-group-articles .form-submit {
  display: none;
}
form.form-display-1 #edit-field-created-0 legend {
  display: none;
}
form.form-display-1 .channel_and_type {
  display: flex;
  justify-content: space-between;
}
form.form-display-1 .channel_and_type .form-wrapper {
  flex-basis: 100%;
}
form.form-display-1 #edit-field-created-0-value {
  display: flex;
  justify-content: space-between;
}
form.form-display-1 fieldset#edit-field-created-0 .js-form-item {
  flex-basis: 49%;
}
form.form-display-1 fieldset.field-group-fieldset {
  flex-basis: 45%;
}
@media (max-width: 639px) {
  form.form-display-1 fieldset.field-group-fieldset {
    flex-basis: 49%;
  }
}
form.form-display-1 fieldset#edit-group-contacts .fieldset-legend, form.form-display-1 fieldset#edit-group-articles .fieldset-legend {
  display: none;
}
form.form-display-1 fieldset .error {
  color: #00B9F1;
  font-size: 0.85rem;
  font-family: "Montserrat", sans-serif;
}
form.form-display-1 .field--type-created, form.form-display-1 .field--name-uid, form.form-display-1 .field--name-promote, form.form-display-1 .field--name-sticky, form.form-display-1 .field--name-path, form.form-display-1 .field--name-status,
form.form-display-1 .tabledrag-toggle-weight-wrapper, form.form-display-1 .admin-group, form.form-display-1 .js-form-type-vertical-tabs, form.form-display-1 label, form.form-display-1 .description, form.form-display-1 summary, form.form-display-1 td.field-multiple-drag,
form.form-display-1 .draggable .js-form-type-select {
  display: none;
}
form.form-display-1 textarea {
  margin-top: 0.25rem;
}
form.form-display-1 input[type=text], form.form-display-1 input[type=date], form.form-display-1 input[type=time], form.form-display-1 input[type=number], form.form-display-1 input[type=password], form.form-display-1 input[type=email], form.form-display-1 textarea, form.form-display-1 select {
  font-size: 0.85rem;
  padding: 0.1rem 0.9rem;
  font-family: "Montserrat", sans-serif;
  background-color: #fafafa;
  border: 1px solid #eee;
  border-radius: 0.2rem;
  width: 100%;
}
form.form-display-1 textarea::placeholder, form.form-display-1 input[type=text]::placeholder, form.form-display-1 input[type=number]::placeholder, form.form-display-1 input[type=password]::placeholder, form.form-display-1 input[type=email]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b1b2b3;
  opacity: 1; /* Firefox */
}
form.form-display-1 textarea:-ms-input-placeholder, form.form-display-1 input[type=text]:-ms-input-placeholder, form.form-display-1 input[type=number]:-ms-input-placeholder, form.form-display-1 input[type=password]:-ms-input-placeholder, form.form-display-1 input[type=email]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #b1b2b3;
}
form.form-display-1 textarea::-ms-input-placeholder, form.form-display-1 input[type=text]::-ms-input-placeholder, form.form-display-1 input[type=number]::-ms-input-placeholder, form.form-display-1 input[type=password]::-ms-input-placeholder, form.form-display-1 input[type=email]::-ms-input-placeholder { /* Microsoft Edge */
  color: #b1b2b3;
}
form.form-display-1 .form-email, form.form-display-1 select {
  display: block;
  margin-top: 0.25rem;
}
form.form-display-1 table#field-contacts-values {
  width: 100%;
}
form.form-display-1 #edit-group-contacts, form.form-display-1 #edit-group-articles {
  position: relative;
  flex-basis: 100% !important;
}
form.form-display-1 .field-add-more-submit {
  position: absolute;
  top: 2.5rem;
  right: 0;
}
form.form-display-1 .tbody {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
form.form-display-1 .table-element {
  flex-basis: 45%;
}
form.form-display-1.node-validated fieldset.field-group-fieldset input[type=text], form.form-display-1.node-validated fieldset.field-group-fieldset input[type=date], form.form-display-1.node-validated fieldset.field-group-fieldset input[type=time], form.form-display-1.node-validated fieldset.field-group-fieldset input[type=number], form.form-display-1.node-validated fieldset.field-group-fieldset input[type=password], form.form-display-1.node-validated fieldset.field-group-fieldset input[type=email], form.form-display-1.node-validated fieldset.field-group-fieldset textarea, form.form-display-1.node-validated fieldset.field-group-fieldset select {
  font-size: 0.85rem;
  padding: 0.1rem 0.9rem;
  font-family: "Montserrat", sans-serif;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 0.2rem;
  width: 100%;
  cursor: default;
}
form.form-display-1.node-validated fieldset.field-group-fieldset .ajax-new-content input[type=text], form.form-display-1.node-validated fieldset.field-group-fieldset .ajax-new-content input[type=date], form.form-display-1.node-validated fieldset.field-group-fieldset .ajax-new-content input[type=time], form.form-display-1.node-validated fieldset.field-group-fieldset .ajax-new-content input[type=number], form.form-display-1.node-validated fieldset.field-group-fieldset .ajax-new-content input[type=password], form.form-display-1.node-validated fieldset.field-group-fieldset .ajax-new-content input[type=email], form.form-display-1.node-validated fieldset.field-group-fieldset .ajax-new-content textarea, form.form-display-1.node-validated fieldset.field-group-fieldset .ajax-new-content select {
  font-size: 0.85rem;
  padding: 0.1rem 0.9rem;
  font-family: "Montserrat", sans-serif;
  background-color: #fafafa;
  border: 1px solid #eee;
  border-radius: 0.2rem;
  width: 100%;
  cursor: text;
}

#node-quote-form .form-actions,
#node-prospect-form .form-actions,
#node-prospect-edit-form .form-actions,
#node-customer-form .form-actions,
#node-customer-edit-form .form-actions,
#node-quote-edit-form .form-actions {
  display: none;
}

#current-quote-status {
  margin-top: -2rem;
  margin-bottom: 0;
  padding: 1rem 0;
}

.configurator-label label {
  display: block !important;
}

fieldset legend {
  margin-bottom: 1.2rem;
}
fieldset .fieldset-legend, fieldset h4 {
  font-size: 1rem;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #00B9F1;
}
fieldset h4 {
  margin-top: 2rem;
}
fieldset.secondary {
  display: none;
}
fieldset#edit-group-articles h4 {
  margin-top: 0rem !important;
}
fieldset#edit-group-articles .tbody .table-element {
  margin-bottom: 0.3rem;
}
fieldset#edit-group-articles .tbody .table-element .draggable .form-wrapper {
  width: 100%;
  position: relative;
}
fieldset#edit-group-articles .tbody .table-element .draggable .form-wrapper:nth-child(2) {
  width: 140%;
}
fieldset#edit-group-articles .tbody .table-element .draggable .form-wrapper:nth-child(3) {
  width: 50%;
  float: left;
}
fieldset#edit-group-articles .tbody .table-element .draggable .form-item {
  width: 100%;
}
fieldset#edit-group-articles .tbody .table-element:nth-child(n+2) .tr, fieldset#edit-group-articles .tbody .table-element:nth-child(n+2) .tr h4, fieldset#edit-group-articles .tbody .table-element:nth-child(n+2) .draggable .form-item label, fieldset#edit-group-articles .tbody .table-element:nth-child(n+2) .draggable legend {
  display: none;
}

#form-item-total-amount {
  width: 11.3rem;
}

#total-amount-wrapper {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
#total-amount-wrapper label {
  display: block;
  margin: 0 1rem 0 0;
}

form.form-width-50 {
  width: 50%;
}
form.form-width-50 .form-wrapper {
  width: 100%;
}

form.form-display-2 {
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  /* Hide admin zone (user, created, published etc...) */
  /*.field--type-created, .field--name-uid, .field--name-promote, .field--name-sticky, .field--name-path, .field--name-status,
  .tabledrag-toggle-weight-wrapper, .admin-group, .js-form-type-vertical-tabs, label, .description, summary, td.field-multiple-drag,
  .draggable .js-form-type-select {*/
}
form.form-display-2.user-register-form .form-item label:not(.option) {
  display: none;
}
form.form-display-2.user-register-form .js-form-type-checkbox {
  height: 3rem;
  display: flex;
  align-items: center;
}
form.form-display-2.user-register-form .form-item {
  margin: 0;
}
form.form-display-2 fieldset.field-group-fieldset {
  flex-basis: 45%;
}
@media (max-width: 639px) {
  form.form-display-2 fieldset.field-group-fieldset {
    flex-basis: 49%;
  }
}
form.form-display-2 fieldset#edit-group-contacts .fieldset-legend, form.form-display-2 fieldset#edit-group-articles .fieldset-legend {
  display: none;
}
form.form-display-2 fieldset .error {
  color: #00B9F1;
  font-size: 0.85rem;
  font-family: "Montserrat", sans-serif;
}
form.form-display-2 .field--type-created, form.form-display-2 .field--name-uid, form.form-display-2 .field--name-promote, form.form-display-2 .field--name-sticky, form.form-display-2 .field--name-path, form.form-display-2 .field--name-status,
form.form-display-2 .tabledrag-toggle-weight-wrapper, form.form-display-2 .admin-group, form.form-display-2 .js-form-type-vertical-tabs, form.form-display-2 .description, form.form-display-2 summary, form.form-display-2 td.field-multiple-drag,
form.form-display-2 .draggable .js-form-type-select {
  display: none;
}
form.form-display-2 input[type=text], form.form-display-2 input[type=date], form.form-display-2 input[type=time], form.form-display-2 input[type=number], form.form-display-2 input[type=password], form.form-display-2 input[type=email], form.form-display-2 textarea, form.form-display-2 select {
  font-size: 0.85rem;
  padding: 0.1rem 0.9rem;
  font-family: "Montserrat", sans-serif;
  background-color: #fafafa;
  border: 1px solid #eee;
  border-radius: 0.2rem;
  width: 100%;
}
form.form-display-2 textarea::placeholder, form.form-display-2 input[type=text]::placeholder, form.form-display-2 input[type=number]::placeholder, form.form-display-2 input[type=password]::placeholder, form.form-display-2 input[type=email]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b1b2b3;
  opacity: 1; /* Firefox */
}
form.form-display-2 textarea:-ms-input-placeholder, form.form-display-2 input[type=text]:-ms-input-placeholder, form.form-display-2 input[type=number]:-ms-input-placeholder, form.form-display-2 input[type=password]:-ms-input-placeholder, form.form-display-2 input[type=email]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #b1b2b3;
}
form.form-display-2 textarea::-ms-input-placeholder, form.form-display-2 input[type=text]::-ms-input-placeholder, form.form-display-2 input[type=number]::-ms-input-placeholder, form.form-display-2 input[type=password]::-ms-input-placeholder, form.form-display-2 input[type=email]::-ms-input-placeholder { /* Microsoft Edge */
  color: #b1b2b3;
}
form.form-display-2 .form-email, form.form-display-2 select {
  display: block;
  margin-top: 0.25rem;
}
form.form-display-2 table#field-contacts-values {
  width: 100%;
}
form.form-display-2 #edit-group-contacts,
form.form-display-2 #edit-group-articles {
  position: relative;
  flex-basis: 100% !important;
}
form.form-display-2 .field-add-more-submit {
  position: absolute;
  top: 2.5rem;
  right: 0;
}
form.form-display-2 .tbody {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
form.form-display-2 .table-element {
  flex-basis: 45%;
}

.path-user .form.form-display-2 label:not(.option) {
  display: none;
}

.path-user .form.form-display-2.table-container {
  height: auto;
  width: 50%;
}

.webform-submission-eshop-easy-form div#edit-image img,
.webform-submission-eshop-connect-form div#edit-image img,
.webform-submission-eshop-power-form div#edit-image img {
  display: none;
}
.webform-submission-eshop-easy-form div#edit-image img:first-child,
.webform-submission-eshop-connect-form div#edit-image img:first-child,
.webform-submission-eshop-power-form div#edit-image img:first-child {
  display: block;
}

.form-text-display-2 input[type=text] {
  width: 20rem;
}

.node-company-edit-form.node-form {
  margin: 4.167vw 0;
}
@media (min-width: unset) {
  .node-company-edit-form.node-form {
    margin: 66.67px 0;
  }
}
.node-company-edit-form.node-form .vertical-tabs {
  display: none;
}

.display-amount {
  position: relative;
}

.display-amount-tot {
  display: none;
  justify-content: flex-end;
}
.display-amount-tot input {
  background-color: #0099C7;
  width: 8rem;
  height: 1.2rem;
  border-radius: 0.2rem;
  right: 0;
  top: 5rem;
  margin-bottom: 1rem;
  color: white;
  font-weight: 600 !important;
  font-size: 0.8rem;
  text-align: center;
  border: 0;
}

.content-files {
  display: flex;
  justify-content: space-between;
  margin-top: -3rem;
}
.content-files a {
  display: flex;
  align-items: center;
}
.content-files span {
  height: 5rem;
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: 500;
  text-align: left;
}
.content-files .fa-file-pdf-o {
  font-size: 2.5rem;
  margin-right: 0.5rem;
  display: inline-block;
}

select#edit-field-period-value {
  display: none;
}

.form-item-field-period-value {
  text-align: right;
  margin: 1rem 0 1rem 50%;
  top: -2rem;
  position: relative;
}

#months_dropdown {
  margin: 0 0 0 0.5rem;
}

table[id^=field-form-line][id$=-values] td.field-multiple-drag, table[id^=field-form-line][id$=-values] fieldset legend, table[id^=field-form-line][id$=-values] h4 {
  display: none;
}
table[id^=field-form-line][id$=-values] .form-autocomplete {
  background-image: none;
}
table[id^=field-form-line][id$=-values] input:disabled {
  background: #f8f9fa;
}
table[id^=field-form-line][id$=-values] .field--name-field-tonnage-abattu input, table[id^=field-form-line][id$=-values] .field--name-field-saisie-deduire input, table[id^=field-form-line][id$=-values] .field--name-field-assiette input {
  text-align: center;
  border-radius: 4px;
  display: flex;
  position: absolute;
  z-index: 1;
}
table[id^=field-form-line][id$=-values] .field--name-field-tonnage-abattu input, table[id^=field-form-line][id$=-values] .field--name-field-saisie-deduire input {
  border: 1px solid #e2e2e4 !important;
}
table[id^=field-form-line][id$=-values] .field--name-field-assiette input, table[id^=field-form-line][id$=-values] .field--name-field-rate input, table[id^=field-form-line][id$=-values] .field--name-field-line-amount input {
  background-color: #e9ecef;
}
table[id^=field-form-line][id$=-values] .form-text {
  margin-top: 0;
}
table[id^=field-form-line][id$=-values] tr.draggable td {
  padding: 0;
}
table[id^=field-form-line][id$=-values] tr.draggable label {
  font-weight: bold;
  font-size: 0.8rem;
}

table[id^=field-form-line][id$=-values] {
  opacity: 0;
  width: 100%;
  transition: 1.5s all;
}
table[id^=field-form-line][id$=-values] .draggable .field--name-field-line-category label {
  display: none !important;
}
table[id^=field-form-line][id$=-values] .draggable .field--name-field-article-code label,
table[id^=field-form-line][id$=-values] .draggable .field--name-field-line-code-douanier label,
table[id^=field-form-line][id$=-values] .draggable .field--name-field-cotisation label {
  opacity: 0;
}
table[id^=field-form-line][id$=-values] .draggable .field--name-field-line-code-douanier {
  width: 6rem;
}
table[id^=field-form-line][id$=-values] .draggable .field--name-field-line-code-douanier input {
  font-size: 0.6rem;
  font-weight: bold;
}

.field--name-field-customer {
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.07), 0 3px 25px rgba(0, 0, 0, 0.07);
  padding: 2rem;
  border-radius: 6px;
  margin: 1rem 0;
}
.field--name-field-customer .fieldset-legend {
  display: none;
}

.tabledrag-toggle-weight-wrapper {
  display: none;
}

div#edit-field-period-wrapper {
  margin-top: 1rem;
}

#edit-field-customer-0-inline-entity-form {
  display: flex;
  justify-content: space-between;
}
#edit-field-customer-0-inline-entity-form .form-item {
  display: flex;
  margin-bottom: 0.4rem;
}
#edit-field-customer-0-inline-entity-form input {
  width: 16rem;
  margin: 0;
}
#edit-field-customer-0-inline-entity-form label {
  margin: 0;
  width: 10rem;
  margin-top: 0.5rem;
  font-size: 0.85rem;
  font-weight: 600;
}

#form-lines-wrapper {
  padding: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  margin-bottom: 1rem;
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.07), 0 3px 25px rgba(0, 0, 0, 0.07);
}

.js-form-type-vertical-tabs {
  display: none;
}

.field--name-field-article-code input {
  border-width: 1px;
}

div[id^=edit-field-form-line][id$=-inline-entity-form] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  background-color: #f8f9fa;
}
div[id^=edit-field-form-line][id$=-inline-entity-form] * {
  width: 8rem;
  border-width: 0px !important;
}
div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-assiette, div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-line-amount {
  width: 6rem !important;
}
div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-assiette *, div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-line-amount * {
  width: 6rem !important;
}
div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-line-amount input {
  width: 4.5rem !important;
}
div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-rate {
  width: 5.1rem !important;
}
div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-rate * {
  width: 5.1rem !important;
}
div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-tonnage-abattu, div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-saisie-deduire {
  width: 7rem !important;
}
div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-tonnage-abattu *, div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-saisie-deduire * {
  width: 7rem !important;
}
div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-article-code, div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-article-code * {
  width: 10rem !important;
}
div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-article-code {
  border-left: 1px solid #e9ecef !important;
}
div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-line-amount {
  border-right: 1px solid #e9ecef !important;
}
div[id^=edit-field-form-line][id$=-inline-entity-form] label {
  margin: 0.5rem 0;
  min-height: 3.6rem;
}

div[id^=edit-field-form-line5][id$=-inline-entity-form] * {
  width: 23rem;
}

.node-form-1-edit-form {
  padding-bottom: 6rem;
}
.node-form-1-edit-form .form-actions {
  text-align: right;
}
.node-form-1-edit-form .field--name-field-article-code input {
  padding-left: 1rem;
}
.node-form-1-edit-form .field--name-field-tax {
  display: none !important;
}
.node-form-1-edit-form .field--name-field-line-amount.line-categ-0 {
  margin-bottom: 0.1rem;
}
.node-form-1-edit-form .field--name-field-line-amount input {
  width: 7rem;
}
.node-form-1-edit-form #edit-title-wrapper input {
  width: 100%;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background: #e81a40;
  color: #fff;
  font-weight: 500;
  text-align: center;
  margin: 0;
  padding: 0.8rem;
  border: 0;
}
.node-form-1-edit-form #edit-title-wrapper label {
  display: none;
}
.node-form-1-edit-form .field--name-field-short-title input {
  width: 100%;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background: #e81a40;
  color: #fff;
  font-weight: 500;
  text-align: center;
  margin: 0;
  padding: 0.8rem;
  border: 0;
}
.node-form-1-edit-form .field--name-field-short-title label {
  display: none;
}
.node-form-1-edit-form div[class*=line-categ-].field--name-field-line-amount {
  margin-bottom: 0.1rem;
}
.node-form-1-edit-form .field--name-field-line-category,
.node-form-1-edit-form .field--name-field-line-category .form-item,
.node-form-1-edit-form .field--name-field-line-category .form-item input {
  width: 100% !important;
}
.node-form-1-edit-form .field--name-field-total-amount {
  display: flex;
  justify-content: flex-end;
}
.node-form-1-edit-form .form-item-field-period {
  display: flex;
  align-items: center;
}
.node-form-1-edit-form .form-item-field-period label, .node-form-1-edit-form .form-item-field-period select, .node-form-1-edit-form .form-item-field-period div {
  margin: 0 0.5rem 1rem 0;
}

.node-form-1-edit-form [id*="actions-delete"]{
  display: none;
}

div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-line-category {
  display: flex;
  align-items: center;
  flex: 0 0 100%;
  background-color: #f8f9fa;
  border-radius: 4px;
  border: 1px solid #e9ecef !important;
  padding: 0.5rem 0;
}
div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-line-category input {
  cursor: pointer;
  color: #e81a40;
  font-weight: 600 !important;
  font-size: 1rem;
}
div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-line-category:before {
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "\f107";
  border-radius: 50%;
  border: 1px solid #e9ecef;
  background-color: #fff;
  margin: 0 0.5rem;
  color: #cccccc;
  transition: all 0.2s;
  width: 1.2rem;
  height: 1.2rem;
  transform: rotate(-90deg);
}

div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-line-category.categ-open {
  border-bottom: 0px !important;
}
div[id^=edit-field-form-line][id$=-inline-entity-form] .field--name-field-line-category.categ-open:before {
  transform: rotate(0deg) !important;
}

.field--name-field-total-amount {
  font-weight: 600;
}
.field--name-field-total-amount input {
  background-color: #f8f9fa;
  border-radius: 4px;
  border: 1px solid #e9ecef !important;
  padding: 0rem 1.5rem !important;
  margin-top: 1rem;
  font-weight: 600;
}

#edit-field-ci-interbev {
  display: flex;
}
#edit-field-ci-interbev .js-form-type-checkbox {
  margin-right: 2rem;
}

#edit-field-ci-interbev--wrapper {
  margin: 2.083vw 0;
  display: flex;
  justify-content: space-between;
}
@media (min-width: unset) {
  #edit-field-ci-interbev--wrapper {
    margin: 33.33px 0;
  }
}
#edit-field-ci-interbev--wrapper legend {
  width: unset;
  display: contents;
}

.path-declarations .js-hide {
  display: none !important;
}
.path-declarations .fa-pencil {
  margin: 0 1rem;
}
.path-declarations div#edit-actions--3 {
  display: none;
}
.path-declarations .bef-exposed-form {
  margin-bottom: 2rem;
}

body:not(.form-4aba):not(.form-rf4aba):not(.form-ra4aba):not(.form-4eab):not(.form-rf4eab):not(.form-ra4eab) .field--name-field-abattoir-id {
  display: none;
}

.node-bank-account-form .js-form-type-vertical-tabs {
  display: none !important;
}
.node-bank-account-form .form-item {
  display: flex;
  margin-top: 0.2rem;
}
.node-bank-account-form .form-item input[type=checkbox] {
  margin-right: 1rem;
}
.node-bank-account-form .form-item label {
  width: 15rem;
  margin: 0;
}

.node--type-bank-account article div div {
  display: flex;
  height: 2rem;
}
.node--type-bank-account article div div div:first-child {
  width: 15rem;
}

form.contact-message-form input[type=text], form.contact-message-form textarea {
  width: 100%;
  min-height: 2rem;
  margin-bottom: 1rem;
}

.path-declarations #vbo-action-form-wrapper {
  display: none;
}
.path-declarations .form-item-field-customer-target-id-verf {
  margin-bottom: 1rem;
}
.path-declarations .form-actions {
  display: flex;
  justify-content: flex-end;
}
.path-declarations th.views-field-views-bulk-operations-bulk-form:after {
  content: "A régler";
  display: inline;
  margin-left: 0.4rem;
}

#checkboxes-total {
  font-weight: bold;
  font-size: 1.3rem;
  color: #dc2e38;
  font-style: italic;
  position: absolute;
  top: -1rem;
  left: 0;
}

.form-item-field-subgroup-target-id-verf {
  margin-bottom: 1rem;
}

/* BORDEREAUX */
/* BORDEREAU FORM */
.node-bordereau-edit-form {
  display: flex;
  flex-flow: column-reverse;
}
.node-bordereau-edit-form .form-actions {
  text-align: right;
  margin-bottom: 1rem;
  position: fixed;
  right: 0;
  top: 65px;
  right: 50px;
}
.node-bordereau-edit-form .form-actions input {
  width: 20%;
  margin-top: 0;
}
.node-bordereau-edit-form #form-lines-wrapper {
  margin-top: 1rem;
  border-radius: 0.5rem;
}

.path-bordereaux table {
  width: 100%;
}

.node-bordereau-edit-form [id*="edit-field-invoices-"][id*="-actions-delete"],
.node-bordereau-edit-form .delta-order{
  display: none !important;
}

/* INVOICES */
.node-bordereau-edit-form {
  /* OTHER BORDEREAU FIELDS*/
}
.node-bordereau-edit-form #field-invoices-values {
  width: 100%;
}
.node-bordereau-edit-form #field-invoices-values .field-multiple-drag, .node-bordereau-edit-form #field-invoices-values thead, .node-bordereau-edit-form #field-invoices-values .field--name-title {
  display: none;
}
.node-bordereau-edit-form #field-invoices-values fieldset > legend {
  display: none;
}
.node-bordereau-edit-form #btn-filter-bord {
  display: none;
  width: 15rem;
  padding: 0.1rem 0.1rem;
  margin-top: 0.5rem;
}
.node-bordereau-edit-form .refused_amount {
  display: none;
}
.node-bordereau-edit-form .refused_amount label {
  margin: 0 0.5rem 0 0;
}
.node-bordereau-edit-form .refused_amount:after {
  content: "€";
  display: inline-block;
  margin-left: 0.2rem;
}
.node-bordereau-edit-form .refused_amount:after, .node-bordereau-edit-form .refused_amount .refused_amount_text {
  font-weight: 600;
  color: #e81a40 !important;
}
.node-bordereau-edit-form .new_amount {
  display: none;
}
.node-bordereau-edit-form .new_amount label {
  margin: 0 0.5rem 0 0;
}
.node-bordereau-edit-form .new_amount:after {
  content: "€";
  display: inline-block;
  margin-left: 0.2rem;
}
.node-bordereau-edit-form .new_amount:after, .node-bordereau-edit-form .new_amount .new_amount_text {
  font-weight: 600;
  color: #e81a40 !important;
}
.node-bordereau-edit-form .field--name-field-bord-amount label {
  margin: 0;
}
.node-bordereau-edit-form .form-item-field-bord-amount-0-value input,
.node-bordereau-edit-form .field--name-field-date label,
.node-bordereau-edit-form .form-item-field-bord-num-0-value input,
.node-bordereau-edit-form .form-item-field-bord-amount-0-value .field-suffix {
  font-weight: 600;
  color: #264a9e !important;
}
.node-bordereau-edit-form .field--name-field-invoices.hide_refuse_1 .field--name-field-refuse-1 {
  display: none;
}
.node-bordereau-edit-form .field--name-field-invoices.hide_refuse_2 .field--name-field-refuse-2 {
  display: none;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  background-color: #f8f9fa;
}
@media (max-width: 991px) {
  .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] input {
    min-height: 3rem;
  }
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-filename input {
  font-weight: 500;
  text-decoration: underline;
  color: #264a9e;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-filename {
  cursor: pointer;
  font-weight: 600;
  color: black;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-filename input:disabled {
  pointer-events: none;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .form-text {
  margin-top: 0;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] * {
  width: 8rem;
  border-width: 0px !important;
  font-weight: 500;
  color: black;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .js-form-type-checkbox {
  display: flex;
  flex-flow: column-reverse;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-invoice-num, .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-invoice-num * {
  width: 6rem !important;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-fournisseur, .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-fournisseur * {
  width: 5rem !important;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-filename, .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-filename * {
  width: 6rem !important;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-invoice-date, .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-invoice-date * {
  width: 5rem !important;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-invoice-date-end, .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-invoice-date-end * {
  width: 6rem !important;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-invoice-mgr, .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-invoice-mgr * {
  width: 5rem !important;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-invoice-amount, .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-invoice-amount * {
  width: 5rem !important;
}
@media (max-width: 1199px) {
  .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-invoice-date {
    display: none;
  }
  .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-fournisseur {
    display: none;
  }
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-invoice-amount input {
  text-align: right;
  width: 4rem !important;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-1, .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-2 {
  width: 8rem !important;
  top: 0.3rem;
  position: relative;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-1 input, .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-2 input {
  margin-left: -2rem;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-1 *, .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-2 * {
  width: 9rem !important;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-1 .form-checkbox:after, .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-2 .form-checkbox:after {
  content: "Refusé";
  float: right;
  margin-top: -0.2rem;
}
@media (max-width: 991px) {
  .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-1 .js-form-type-checkbox, .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-2 .js-form-type-checkbox {
    min-height: 2rem;
    margin-bottom: 0.3rem;
  }
  .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-1 .form-checkbox:after, .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-2 .form-checkbox:after {
    min-height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] label {
  display: none;
}
.node-bordereau-edit-form table#field-invoices-values tbody tr.draggable:first-child div[id^=edit-field-invoices][id$=-inline-entity-form] label {
  margin: 0.5rem;
  display: block;
  font-weight: bold;
}
.node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] input {
  font-size: 0.7rem;
}
.node-bordereau-edit-form subtitle {
  margin: 1rem 0 0 0;
  display: flex;
  align-items: center;
}
.node-bordereau-edit-form .field--name-field-bord-num label:after {
  display: none;
}
.node-bordereau-edit-form #edit-field-bord-num-0-value, .node-bordereau-edit-form #edit-field-date-0-value-date, .node-bordereau-edit-form #edit-field-bord-amount-0-value {
  border: 0;
  background: unset;
  display: inline;
  font-size: 0.8rem;
  color: black;
}
.node-bordereau-edit-form #edit-field-bord-amount-0-value {
  text-align: right;
  width: 7rem;
}
.node-bordereau-edit-form #edit-field-bord-num-0-value {
  width: 7rem;
}
.node-bordereau-edit-form .form-item-field-bord-num-0-value * {
  margin: 0;
}
.node-bordereau-edit-form .field--name-field-date label {
  margin-bottom: 0;
  text-transform: capitalize;
}
.node-bordereau-edit-form #edit-field-date-0-value {
  display: none;
}
.node-bordereau-edit-form .js-form-type-checkbox label {
  margin-top: 0.2rem !important;
  margin-bottom: 0.8rem !important;
}

@media (max-width: 639px) {
  .node-bordereau-edit-form table#field-invoices-values div[id^=edit-field-invoices][id$=-inline-entity-form] label {
    width: 4rem !important;
    margin: 0.5rem;
    display: block;
    font-weight: bold;
  }
  .node-bordereau-edit-form table#field-invoices-values div[id^=edit-field-invoices][id$=-inline-entity-form] {
    flex-flow: column;
    padding: 1rem 0 1rem 0;
  }
  .node-bordereau-edit-form table#field-invoices-values .js-form-type-textfield, .node-bordereau-edit-form table#field-invoices-values .field--type-datetime, .node-bordereau-edit-form table#field-invoices-values .js-form-type-number {
    display: flex;
  }
  .node-bordereau-edit-form table#field-invoices-values .js-form-type-checkbox label {
    display: none !important;
  }
  fieldset[id^=edit-field-invoices] {
    margin-bottom: 1rem;
    box-shadow: 1px 1px 20px 0px #bbb;
  }
  fieldset[id^=edit-field-invoices] input {
    background-color: #f8f9fa;
  }
  fieldset[id^=edit-field-invoices] div[id^=edit-field-invoices][id$=-inline-entity-form] label {
    min-width: 8rem !important;
    margin: 0 0 0 1rem !important;
  }
  fieldset[id^=edit-field-invoices] div[id^=edit-field-invoices][id$=-inline-entity-form] input {
    min-height: 0.9rem;
    color: black;
    font-weight: 600;
    text-align: left !important;
  }
  fieldset[id^=edit-field-invoices] .form-checkbox:after {
    font-size: 0.9rem;
    display: inline-block;
    min-height: 1rem !important;
  }
  .node-bordereau-edit-form .form-actions input {
    width: auto;
  }
  .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-1, .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-2 {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 991px) {
  fieldset[id^=edit-field-invoices] div[id^=edit-field-invoices][id$=-inline-entity-form] input {
    color: black;
    font-weight: 600;
  }
  fieldset[id^=edit-field-invoices] .form-checkbox:after {
    font-size: 0.9rem;
    display: inline-block;
    min-height: 1rem !important;
  }
  fieldset[id^=edit-field-invoices] div[id^=edit-field-invoices][id$=-inline-entity-form] input {
    min-height: 0.9rem;
  }
  .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-1 .js-form-type-checkbox, .node-bordereau-edit-form div[id^=edit-field-invoices][id$=-inline-entity-form] .field--name-field-refuse-2 .js-form-type-checkbox {
    min-height: 1rem;
  }
}
#google-map {
  box-sizing: border-box;
  width: 29.792vw;
  min-width: 29.792vw;
  max-width: 29.792vw;
  box-sizing: border-box;
  height: 19.125vw;
  min-height: 19.125vw;
  max-height: 19.125vw;
  background-color: grey;
}
@media (min-width: unset) {
  #google-map {
    width: 476.67px;
    min-width: 476.67px;
    max-width: 476.67px;
  }
}
@media (min-width: unset) {
  #google-map {
    height: 306px;
    min-height: 306px;
    max-height: 306px;
  }
}

.google-links a {
  color: white;
  font-size: 0.65rem;
  text-decoration: underline;
  font-weight: 600;
  margin-right: 1rem;
}

iframe.map {
  margin-bottom: 2rem;
}

.layout-container > header#header {
  position: fixed;
  z-index: 103;
  background-color: #fff;
  width: 100vw;
}

.layout-container > header {
  min-width: 22vw;
  max-width: 22vw;
  width: 22vw;
  height: 100vh;
  position: fixed;
  background-color: #fff !important;
  border-right: 1px solid #e9ecef;
  z-index: 2;
}
@media (max-width: 639px) {
  .layout-container > header {
    min-width: unset;
    max-width: unset;
    height: 100%;
    width: 100%;
    z-index: 3;
    display: none;
  }
}

@media (max-width: 639px) {
  .header-main {
    box-sizing: border-box;
    height: 25vw;
    min-height: 25vw;
    max-height: 25vw;
    display: flex;
    position: relative;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .header-main {
    height: 400px;
    min-height: 400px;
    max-height: 400px;
  }
}
@media (max-width: 639px) {
  .header-main .exposed-search-block {
    position: absolute;
    top: 3.5rem;
    width: 90vw;
    min-width: 90vw;
    max-width: 90vw;
  }
  .header-main .exposed-search-block .form-item-keywords #edit-keywords {
    width: auto;
    max-width: initial;
    min-width: auto;
  }
}
@media (max-width: 639px) and (max-width: 639px) {
  .header-main .nav-item-dispo {
    position: absolute;
    top: 2.7rem;
    width: 9rem;
    left: 100%;
    margin-left: -120%;
    display: initial;
  }
}

.path-frontpage #block-mytenor-front-page-title,
.path-actualites #block-mytenor-front-page-title {
  margin: 0 0 3.125vw 0;
  display: block !important;
}
@media (min-width: unset) {
  .path-frontpage #block-mytenor-front-page-title,
  .path-actualites #block-mytenor-front-page-title {
    margin: 0 0 50px 0;
  }
}
.path-frontpage #block-mytenor-front-page-title h1,
.path-actualites #block-mytenor-front-page-title h1 {
  color: #00B9F1;
}

.path-frontpage #block-mytenor-front-page-title {
  margin: 0 0 0.833vw 0;
}
@media (min-width: unset) {
  .path-frontpage #block-mytenor-front-page-title {
    margin: 0 0 13.33px 0;
  }
}

.icon {
  display: inline-block;
  width: 75px;
}

.fas {
  color: white;
}

.large-icon {
  background-image: url("../images/interface_iconset.png");
  cursor: pointer;
}

.print-icon {
  background-position: 0px 0px;
  width: 28px;
  height: 27px;
  cursor: pointer;
}

.share-icon {
  background-position: -29px 0px;
  width: 37px;
  height: 27px;
}

.contact-icon {
  background-position: -30px -29px;
  width: 32px;
  height: 32px;
}

.account-icon {
  background-position: 0px -29px;
  width: 32px;
  height: 32px;
}

.logout-icon {
  background-position: 0px -86px;
  width: 32px;
  height: 32px;
}

.dispo-icon {
  background-position: -30px -61px;
  width: 32px;
  height: 32px;
}

.icon-worldmap {
  width: 1rem;
  height: 1rem;
  margin-right: 0.3rem;
}

/* Carousel for videos */
.carousel.carousel-display-3 .carousel-item a:before {
  content: "";
  position: absolute;
  z-index: 1;
  left: calc(50% - 45px);
  top: calc(50% - 45px);
  background-image: url("../images/interface_iconset.png");
  background-position: -84px -6px;
  width: 89px;
  height: 89px;
}
@media (max-width: 639px) {
  .carousel.carousel-display-3 .carousel-item a:before {
    left: calc(80% - 45px);
    top: calc(86% - 45px);
  }
}

/*.jobicon:before {
  font-family: FontAwesome;
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;

  &.jobicon-place { content: "\f16a"; }
  &.jobicon-calendar { content: "\f16a"; }
  &.jobicon-file { content: "\f16a"; }
  &.jobicon-xp { content: "\f16a"; }
}*/
span.jobicon:before {
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.5rem;
  content: "\f0c9";
  margin-right: 0.4rem;
}

span.jobicon.jobicon-place:before {
  content: "\f041";
}

span.jobicon.jobicon-date:before {
  content: "\f073";
}

span.jobicon.jobicon-type:before {
  content: "\f15c";
}

span.jobicon.jobicon-xp:before {
  content: "\f005";
}

.sticker {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  display: inline-block;
  margin-right: 0.5rem;
}
.sticker.sticker-0 {
  background-color: #00B9F1;
}
.sticker.sticker-1 {
  background-color: #71AF45;
}

.delete-line {
  color: #00B9F1;
  cursor: pointer;
  transition: 0.5s all;
  position: absolute;
  right: 0.5rem;
  bottom: 0.3rem;
}
@media (max-width: 639px) {
  .delete-line {
    right: 0.1rem;
  }
}
.delete-line:hover {
  transform: rotate(-90deg);
}

.nav-item-home:before,
.nav-item-account:before,
.nav-item-support:before,
.nav-item-packs:before,
.nav-item-myproject:before,
.nav-item a[data-drupal-link-system-path="user/quote"]:before,
.nav-item a[data-drupal-link-system-path=actualites]:before,
.nav-item a[data-drupal-link-system-path="user/logout"]:before,
.modal-display-3 .table-display-3 .more-link a:before {
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  content: "\f015";
  width: 1.5rem;
}

.nav-item-home:before {
  content: "\f015";
}

.nav-item-account:before {
  content: "\f2c0";
}

.nav-item-support:before {
  content: "\f0ad";
}

.nav-item-packs:before {
  content: "\f290";
}

.nav-item-myproject:before {
  content: "\f0eb";
}

.nav-item a[data-drupal-link-system-path="user/quote"]:before {
  content: "\f298";
}

.nav-item a[data-drupal-link-system-path=actualites]:before {
  content: "\f09e";
}

.nav-item a[data-drupal-link-system-path="user/logout"]:before {
  content: "\f011";
}

.modal-display-3 .table-display-3 .more-link a:before {
  content: "\f298";
  font-weight: normal;
  width: 1.5rem;
  text-align: left;
}

div#block-technical-support-links a {
  padding: 0.833vw 0.833vw 0.833vw 0;
}
@media (min-width: unset) {
  div#block-technical-support-links a {
    padding: 13.33px 13.33px 13.33px 0;
  }
}
@media (max-width: 639px) {
  div#block-technical-support-links a {
    margin: 0.5rem;
  }
}
div#block-technical-support-links p {
  height: 100%;
  padding: 0;
  justify-content: center;
}

div#block-technical-support-links > div {
  height: calc(100% - 1.6vw - 0.8rem);
}
@media (max-width: 639px) {
  div#block-technical-support-links > div {
    height: unset;
  }
}

.user-informations .user-views a:after {
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.8rem;
  font-weight: normal;
  content: "\f06e";
  width: 1.5rem;
  text-align: right;
  color: #0099C7;
}

.layer-white {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  border-radius: 20px;
  background-color: white;
}

.fullscreen {
  /*height: 100vh;*/
  width: 100%;
  min-width: 320px;
  min-height: 550px;
  position: relative;
}

.content-body > div.paragraph-section {
  /*@include make-width-grid(24);*/
  width: 100vw;
}

/*
STICKY MENU : TODO : modals are hidden
*/
html {
  background-size: cover;
  background-attachment: fixed;
}

main {
  /*@include make-fullwidth();*/
  padding: 5vw 2.083vw 2.083vw 2.083vw;
  flex-basis: 100%;
  margin-bottom: 5rem;
}
@media (min-width: unset) {
  main {
    padding: 80px 33.33px 33.33px 33.33px;
  }
}

body {
  background-color: transparent;
  font-size: 0.8rem;
}

body.user-logged-in.hide-overflow {
  overflow-y: hidden;
}
body.user-logged-in main {
  height: 100vh;
  margin-left: 22vw;
}
body.user-logged-in main.main-reduced {
  margin-left: 16.5vw;
  padding: 0;
}
body.user-logged-in main.main-reduced .layout-content iframe {
  width: 100%;
  height: 91vh;
}
@media (max-width: 639px) {
  body.user-logged-in main {
    margin-left: unset;
    padding: 5vw;
  }
}

body.user-logged-out main {
  background-image: unset;
  background-size: cover;
}

/*body {
  color: $white;
}*/
.page-user-login main#main {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-user-login header {
  display: none;
}

.layout-container {
  display: flex;
  margin: 0;
}

.path-user .layout-container {
  margin-left: 0;
  margin-right: 0;
}

.layout-content {
  position: relative;
}

body.user-logged-out .layout-content form { /*, .layout-content #block-mytenor-front-page-title*/
  display: none;
}

.list-display-1 {
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
}

.path-new-declaration .list-display-1 a,
.path-new-regularisation .list-display-1 a {
  text-align: left;
}

.view-list-markets {
  padding: 1rem;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 5000;
  display: none;
  justify-content: center;
  align-items: center;
}

.loader-big {
  background-image: url(../images/throbber2.gif);
  animation: spin 1s linear infinite;
  width: 6rem;
  height: 6rem;
  background-size: contain;
}

.logo {
  display: block;
  background-image: url("../images/logo.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.logo.logo-display-1 {
  width: 22rem;
  height: 8rem;
}

header #block-mytenor-front-branding {
  margin: 1.5rem 0;
}

#block-interbev-front-branding {
  position: relative;
  z-index: 1;
  text-align: center;
}
#block-interbev-front-branding a img {
  width: 60%;
  margin-top: 2rem;
}

.modal {
  padding: 0;
  background-color: rgba(50, 50, 50, 0.6);
}

.close {
  position: absolute;
  top: 1.5rem;
  right: 2rem;
  font-size: 3rem;
  line-height: 2rem;
  font-weight: 100;
  color: black;
  opacity: 1;
  font-family: "Times New Roman";
  z-index: 1;
  cursor: pointer;
  /*&:focus, &:hover {
    color: white;
  }*/
}

.modal.show {
  display: flex !important;
  align-items: center;
}
@media (max-width: 639px) {
  .modal.show {
    display: block !important;
  }
}

.modal-open .modal {
  padding-right: 16px;
}
@media (max-width: 639px) {
  .modal-open .modal {
    padding-right: 0;
    margin-top: 5rem;
  }
}

.modal-dialog {
  box-sizing: border-box;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  padding: 0 29.167vw 0 29.167vw;
  margin: auto;
  pointer-events: none;
  max-width: initial;
}
@media (min-width: unset) {
  .modal-dialog {
    width: 1600px;
    min-width: 1600px;
    max-width: 1600px;
  }
}
@media (min-width: unset) {
  .modal-dialog {
    padding: 0 466.67px 0 466.67px;
  }
}
.modal-dialog .text-important {
  color: #264a9e;
  text-transform: uppercase;
  font-size: 0.95rem;
}
.modal-dialog .modal-list {
  padding-left: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  font-size: 0.9rem;
  justify-content: center;
  margin-bottom: 0px;
}
.modal-dialog .modal-list li {
  display: inline;
  position: relative;
  padding-right: 0.5rem;
  align-items: center;
}
.modal-dialog .modal-list li + li {
  padding-left: 0.6rem;
}
.modal-dialog .modal-list li + li::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0.4rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 40%;
}
.modal-dialog .modal-list .text-important {
  color: #264a9e;
}
.modal-dialog .modal-title {
  text-transform: uppercase;
  font-size: 0.8rem;
  margin-bottom: 1.5rem;
}
.modal-dialog .modal-intro {
  text-transform: uppercase;
  font-size: 0.8rem;
  margin-bottom: 1.5rem;
}
.modal-dialog .modal-message {
  font-size: 3rem;
  margin-bottom: 1.5rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  .modal-dialog .modal-message {
    font-size: 2.5rem;
  }
}
.modal-dialog .modal-subtitle {
  text-transform: uppercase;
  font-size: 0.95rem;
  margin-bottom: 1.2rem;
  color: #264a9e;
}
.modal-dialog .modal-content {
  width: 100%;
  justify-content: center;
  pointer-events: initial;
  flex-direction: row;
}
.modal-dialog .modal-content button.close {
  margin: -4.167vw -2.083vw 0 0;
}
@media (min-width: unset) {
  .modal-dialog .modal-content button.close {
    margin: -66.67px -33.33px 0 0;
  }
}
.modal-dialog .modal-content p {
  margin-bottom: 1.5rem;
}
.modal-dialog .modal-body {
  padding: 0;
}
@media (min-width: unset) {
  .modal-dialog .modal-body {
    padding: 0;
  }
}
.modal-dialog .modal-body .alert {
  margin: 0;
}
@media (min-width: unset) {
  .modal-dialog .modal-body .alert {
    margin: 0;
  }
}

.modal {
  padding: 0;
}
.modal .modal-actions {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}
.modal.modal-display-2.show {
  display: flex !important;
  align-items: center;
}
.modal.modal-display-2 .modal-dialog {
  box-sizing: border-box;
  width: 62.5vw;
  min-width: 62.5vw;
  max-width: 62.5vw;
  padding: 0 12.5vw 0 12.5vw;
  margin: auto;
  pointer-events: none;
  max-width: initial;
}
@media (min-width: unset) {
  .modal.modal-display-2 .modal-dialog {
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
  }
}
@media (min-width: unset) {
  .modal.modal-display-2 .modal-dialog {
    padding: 0 200px 0 200px;
  }
}
.modal.modal-display-2 .modal-dialog .text-important {
  color: #264a9e;
  text-transform: uppercase;
  font-size: 0.95rem;
}
.modal.modal-display-2 .modal-dialog .modal-list {
  padding-left: 0;
  list-style: none;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  font-size: 0.9rem;
  justify-content: center;
  margin-bottom: 0px;
}
.modal.modal-display-2 .modal-dialog .modal-list li {
  display: inline;
  position: relative;
  padding-right: 0.5rem;
  align-items: center;
}
.modal.modal-display-2 .modal-dialog .modal-list li + li {
  padding-left: 0.6rem;
}
.modal.modal-display-2 .modal-dialog .modal-list li + li::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  top: 0.4rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  height: 40%;
}
.modal.modal-display-2 .modal-dialog .modal-list .text-important {
  color: #264a9e;
}
.modal.modal-display-2 .modal-dialog .modal-title {
  text-transform: uppercase;
  font-size: 0.8rem;
  margin-bottom: 1.5rem;
}
.modal.modal-display-2 .modal-dialog .modal-intro {
  text-transform: uppercase;
  font-size: 0.8rem;
  margin-bottom: 1.5rem;
}
.modal.modal-display-2 .modal-dialog .modal-message {
  font-size: 3rem;
  margin-bottom: 1.5rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  .modal.modal-display-2 .modal-dialog .modal-message {
    font-size: 2.5rem;
  }
}
.modal.modal-display-2 .modal-dialog .modal-content {
  width: 100%;
  justify-content: center;
  pointer-events: initial;
  flex-direction: row;
  background-color: #fff;
}
.modal.modal-display-2 .modal-dialog .modal-content button.close {
  margin: -1.3rem -1.8rem 0 0;
  font-size: 2.2rem;
  background-color: #eee;
  border-radius: 50%;
  width: 2rem;
  font-weight: bold;
}
.modal.modal-display-2 .modal-dialog .modal-content p {
  margin-bottom: 1.5rem;
}
.modal.modal-display-2 .modal-dialog .modal-body {
  padding: 0;
}
@media (min-width: unset) {
  .modal.modal-display-2 .modal-dialog .modal-body {
    padding: 0;
  }
}
.modal.modal-display-2 .modal-dialog .modal-body .alert {
  margin: 0;
  min-height: 20vh;
  background-color: #fff;
  color: #000;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}
@media (min-width: unset) {
  .modal.modal-display-2 .modal-dialog .modal-body .alert {
    margin: 0;
  }
}

.modal-display-3 {
  background: none;
}
.modal-display-3 .modal-dialog {
  box-sizing: border-box;
  width: 41.667vw;
  min-width: 41.667vw;
  max-width: 41.667vw;
  padding: 0;
}
@media (min-width: unset) {
  .modal-display-3 .modal-dialog {
    width: 666.67px;
    min-width: 666.67px;
    max-width: 666.67px;
  }
}
@media (min-width: unset) {
  .modal-display-3 .modal-dialog {
    padding: 0;
  }
}
.modal-display-3 .modal-dialog .fa-file-pdf-o {
  color: red;
}
.modal-display-3 .modal-dialog .modal-content {
  flex-direction: column;
  background-color: #fff;
  border-radius: 0.3rem;
}
.modal-display-3 .modal-dialog .modal-content button.close {
  font-size: 1.1rem;
  margin: 0;
  top: -0.2rem;
  right: 0.4rem;
}
.modal-display-3 .modal-dialog .modal-title {
  color: #00B9F1;
  text-transform: none;
  margin-bottom: 0.6rem;
}
.modal-display-3 .modal-dialog .modal-header {
  padding: 1rem 1.5rem 0 1.5rem;
}
.modal-display-3 .table-display-3 .more-link {
  position: relative;
  float: right;
  height: 2rem;
  width: 100%;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  display: flex;
  justify-content: flex-end;
}
.modal-display-3 .table-display-3 .more-link a {
  box-sizing: border-box;
  height: 2.083vw;
  min-height: 2.083vw;
  max-height: 2.083vw;
  box-sizing: border-box;
  width: 12.5vw;
  min-width: 12.5vw;
  max-width: 12.5vw;
  position: relative;
  top: unset;
  right: 0;
  font-size: 0.8vw;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 0.3rem;
  background-color: #0099C7;
  border: 1px solid #0099C7;
  color: #fff;
  transition: 0.2s all;
}
@media (min-width: unset) {
  .modal-display-3 .table-display-3 .more-link a {
    height: 33.33px;
    min-height: 33.33px;
    max-height: 33.33px;
  }
}
@media (min-width: unset) {
  .modal-display-3 .table-display-3 .more-link a {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
  }
}
.modal-display-3 .table-display-3 .more-link a:hover {
  background-color: #fff;
  color: #0099C7;
}
@media (max-width: 639px) {
  .modal-display-3 .table-display-3 .more-link a {
    box-sizing: border-box;
    height: 6.25vw;
    min-height: 6.25vw;
    max-height: 6.25vw;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    font-size: 0.8rem;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .modal-display-3 .table-display-3 .more-link a {
    height: 100px;
    min-height: 100px;
    max-height: 100px;
  }
}
@media (max-width: 639px) {
  .modal-display-3 .modal-dialog {
    box-sizing: border-box;
    width: 91.667vw;
    min-width: 91.667vw;
    max-width: 91.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .modal-display-3 .modal-dialog {
    width: 1466.67px;
    min-width: 1466.67px;
    max-width: 1466.67px;
  }
}

/*
.node--type-basic-page div#statusMessages {
  display: none !important;
}*/
.nav-menu {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0 4.167vw;
  width: 100%;
}
@media (min-width: unset) {
  .nav-menu {
    padding: 0 66.67px;
  }
}
.nav-menu.navbar-main {
  font-size: 1rem;
  padding: 0;
  min-width: 22vw;
  max-width: 22vw;
  width: 22vw;
}
@media (min-width: unset) {
  .nav-menu.navbar-main {
    padding: 0;
  }
}
@media (max-width: 639px) {
  .nav-menu.navbar-main {
    width: 100%;
    min-width: unset;
    max-width: unset;
  }
}
.nav-menu.navbar-main.navbar-account {
  position: fixed;
  height: auto;
  bottom: 0;
}
.nav-menu.navbar-main ul {
  margin: 0;
  padding: 0;
  width: 100vw;
}
@media (min-width: unset) {
  .nav-menu.navbar-main ul {
    margin: 0;
  }
}
@media (min-width: unset) {
  .nav-menu.navbar-main ul {
    padding: 0;
  }
}
@media (max-width: 639px) {
  .nav-menu.navbar-main ul {
    width: 100%;
  }
}
@media (min-width: 576px) {
  .nav-menu.navbar-main li.sf-depth-1.sfHover ul {
    box-sizing: border-box;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    padding: 0 4.167vw;
    display: flex;
    justify-content: flex-start;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .nav-menu.navbar-main li.sf-depth-1.sfHover ul {
    width: 1600px;
    min-width: 1600px;
    max-width: 1600px;
  }
}
@media (min-width: 576px) and (min-width: unset) {
  .nav-menu.navbar-main li.sf-depth-1.sfHover ul {
    padding: 0 66.67px;
  }
}
.nav-menu.navbar-main li {
  cursor: pointer;
}
.nav-menu.navbar-main li:hover {
  background-color: #f8f9fa;
}
@media (max-width: 639px) {
  .nav-menu.navbar-main a[id^=superfish-main-] {
    font-size: 0;
  }
  .nav-menu.navbar-main a[id^=superfish-main-]:before {
    font-family: FontAwesome;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    content: "\f0c9";
    margin-right: 0.4rem;
  }
  .nav-menu.navbar-main a[id^=superfish-main-].sf-expanded:before {
    content: "\f00d";
  }
}
.nav-menu.navbar-main .market-choice-link {
  cursor: pointer;
}
.nav-menu.navbar-main .nav-item a {
  padding: 0 0 0 1.25vw;
  font-family: "Montserrat", sans-serif;
  display: flex;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  font-size: 0.9vw;
  transition: all 0.3s;
  color: #fff;
  background-color: #000;
}
@media (min-width: unset) {
  .nav-menu.navbar-main .nav-item a {
    padding: 0 0 0 20px;
  }
}
@media (max-width: 639px) {
  .nav-menu.navbar-main .nav-item a {
    height: 2.5rem;
    font-size: 1.1rem;
    padding: 1.7rem;
    justify-content: center;
  }
}
.nav-menu.navbar-main .nav-item a:hover, .nav-menu.navbar-main .nav-item a.is-active {
  color: #fff;
  background-color: #0099C7;
}
.nav-menu.navbar-main .nav-item a.navlink-2 {
  color: #fff;
  background-color: #000;
}
.nav-menu.navbar-main .nav-item a.navlink-2:hover {
  color: #01B2FE;
}
.nav-menu.navbar-main .nav-item:not(.sf-depth-1) {
  display: flex;
  /*@include make-width-grid(3);*/
}
.nav-menu.navbar-main .nav-item:not(.sf-depth-1):first-child {
  align-items: flex-start;
}
.nav-menu.navbar-main .sf-depth-1 ul {
  /*@include make-width-grid(24);*/
  background-color: #fff;
  box-shadow: unset !important;
  left: 0;
  top: unset;
}
.nav-menu.navbar-main .sf-depth-1 ul li {
  background-color: #fff;
  width: unset;
}
.nav-menu.navbar-main .sf-depth-1 ul li a {
  color: #7D7D7D;
  font-weight: 600;
}
.nav-menu.navbar-main li.sf-depth-1.sfHover > a:after {
  display: block;
  margin: auto;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.6rem 0.6rem 0.6rem;
  border-color: transparent transparent #ffffff transparent;
  content: " ";
  bottom: -0.2rem;
  left: 50%;
}
.nav-menu.navbar-main-2 {
  align-items: center;
  padding: 0;
  flex-flow: row;
  justify-content: center;
}
.nav-menu.navbar-main-2 .nav-item {
  padding: 0 0.833vw 0 0;
  list-style-type: none;
  text-align: center;
  cursor: pointer;
}
@media (min-width: unset) {
  .nav-menu.navbar-main-2 .nav-item {
    padding: 0 13.33px 0 0;
  }
}
.nav-menu.navbar-main-2 .nav-item:first-child {
  font-weight: bold;
}
.nav-menu.navbar-main-2 .nav-item a {
  display: flex;
  align-items: center;
}
.nav-menu.navbar-main-2 .nav-item a .large-icon {
  margin: auto 0.3rem auto auto;
}
.nav-menu.navbar-main-2 .nav-item a:after {
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  content: "\f0d7";
  margin-left: 0.3rem;
}
.nav-menu.navbar-main-2 .nav-item-separator {
  padding: 0 2.5vw 0 1.667vw;
  cursor: default;
}
@media (min-width: unset) {
  .nav-menu.navbar-main-2 .nav-item-separator {
    padding: 0 40px 0 26.67px;
  }
}

/* Hack IE11 */
_:-ms-fullscreen, :root .nav-menu.navbar-main .nav-item:not(.sf-depth-1) {
  width: auto;
}

/* Hack IE11 for megamenu */
_:-ms-fullscreen, :root .nav-menu.navbar-main ul.sf-menu li:hover > ul,
_:-ms-fullscreen, :root .nav-menu.navbar-main .adminimal-admin-toolbar ul.sf-menu li.sfHover > ul,
_:-ms-fullscreen, :root .nav-menu.navbar-main .adminimal-admin-toolbar ul.sf-menu li > ul,
_:-ms-fullscreen, :root .nav-menu.navbar-main li ul {
  top: 8vw !important;
}

_:-ms-fullscreen, :root body.adminimal-admin-toolbar .nav-menu.navbar-main ul.sf-menu li:hover > ul,
_:-ms-fullscreen, :root body.adminimal-admin-toolbar .nav-menu.navbar-main .adminimal-admin-toolbar ul.sf-menu li.sfHover > ul,
_:-ms-fullscreen, :root body.adminimal-admin-toolbar .nav-menu.navbar-main .adminimal-admin-toolbar ul.sf-menu li > ul,
_:-ms-fullscreen, :root body.adminimal-admin-toolbar .nav-menu.navbar-main li ul {
  top: 2.6vw !important;
  height: 100% !important;
}

.nav-menu.navbar-main-2 .market-choice-link .nav-item a {
  /*display: unset;*/
  text-transform: capitalize;
}

[id^=block-navigationprincipale] {
  display: flex;
  list-style-type: none;
  font-size: 0.8rem;
  font-weight: 500;
  background: #fff;
}
[id^=block-navigationprincipale] ul {
  list-style-type: none;
  padding: 0;
  width: 100%;
}
[id^=block-navigationprincipale] ul li {
  width: 100%;
}
[id^=block-navigationprincipale] ul li a {
  padding: 0.833vw 1.25vw;
  width: 100%;
  color: #000;
  transition: 0.3s all;
  height: 3rem;
  display: flex;
  align-items: center;
}
@media (min-width: unset) {
  [id^=block-navigationprincipale] ul li a {
    padding: 13.33px 20px;
  }
}
[id^=block-navigationprincipale] ul li a.is-active, [id^=block-navigationprincipale] ul li a:hover {
  background: #264a9e;
  color: #fff;
}
@media (max-width: 639px) {
  [id^=block-navigationprincipale] {
    position: unset;
    margin-right: 1rem;
    margin-top: 0.9rem;
  }
}

header .nav-menu {
  padding: 0 4.167vw;
}
@media (min-width: unset) {
  header .nav-menu {
    padding: 0 66.67px;
  }
}
@media (max-width: 639px) {
  header .nav-menu {
    padding: 0 0 0 2.917vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  header .nav-menu {
    padding: 0 0 0 46.67px;
  }
}

#block-breadcrumb {
  position: relative;
}
@media (max-width: 639px) {
  #block-breadcrumb {
    display: none;
  }
}

nav.nav-breadcrumb {
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 100%;
  margin: 0 0 1rem 0;
}
nav.nav-breadcrumb ol {
  display: flex;
  list-style-type: none;
  width: 100%;
  padding: 0;
  font-size: 0.6rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
  flex-wrap: wrap;
}
@media (min-width: unset) {
  nav.nav-breadcrumb ol {
    padding: 0;
  }
}
nav.nav-breadcrumb ol li:not(:first-child):before {
  content: ">";
  margin: 0 0.3rem;
}

nav.nav-breadcrumb ol li a {
  text-decoration: unset !important;
}

nav.nav-breadcrumb ol li a, nav.nav-breadcrumb ol li {
  color: #cccccc !important;
}

.nav-item-separator:before {
  content: "|";
}

@media (max-width: 639px) {
  .page-header .nav-menu .link-home {
    margin: 0 1rem;
  }
}
nav.pager {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
  width: 100%;
}

.path-declarations .pager {
  bottom: 2rem;
  position: absolute;
}

.pager__items {
  margin: 2.083vw 0 0 0;
  display: flex;
  font-family: "Montserrat", sans-serif;
  list-style-type: none;
  font-size: 0.8rem;
}
@media (min-width: unset) {
  .pager__items {
    margin: 33.33px 0 0 0;
  }
}
.pager__items .pager__item {
  padding: 0 0.208vw;
  border-left: 0;
  transition: all 0.3s;
  cursor: pointer;
}
@media (min-width: unset) {
  .pager__items .pager__item {
    padding: 0 3.33px;
  }
}
.pager__items .pager__item a {
  padding: 0.292vw 0.583vw;
  color: #00D7FE !important;
}
@media (min-width: unset) {
  .pager__items .pager__item a {
    padding: 4.67px 9.33px;
  }
}
@media (max-width: 639px) {
  .pager__items .pager__item a {
    padding: 0.292vw 1.417vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .pager__items .pager__item a {
    padding: 4.67px 22.67px;
  }
}
.pager__items .pager__item:hover a, .pager__items .pager__item.is-active a {
  background-color: #264a9e;
  color: #fff !important;
  border-radius: 0.2rem;
}

#toggle-main-menu {
  width: 30px;
  height: 30px;
  background-color: black;
  color: white;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 4;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
}
@media (min-width: 576px) {
  #toggle-main-menu {
    display: none;
  }
}

#block-navigationprincipale ul {
  margin-top: 3rem;
  margin-bottom: 0;
}

.navbar {
  padding-left: 0;
  list-style: none;
  /*padding: 0.7rem 0rem;*/
  padding: 0;
}

.flag-mobile {
  display: none;
}

@media (max-width: 639px) {
  .nav-menu.navbar-main-2 {
    display: flex;
    height: 2.2rem;
    padding: 0 0.5rem !important;
    order: -1;
    background-color: unset;
    color: unset;
  }
  .nav-menu.navbar-main-2 .icon-flag {
    width: 5.833vw;
    min-width: 5.833vw;
    max-width: 5.833vw;
    height: 5.833vw;
    min-height: 5.833vw;
    max-height: 5.833vw;
    border-radius: 2rem;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .nav-menu.navbar-main-2 .icon-flag {
    width: 93.33px;
    min-width: 93.33px;
    max-width: 93.33px;
    height: 93.33px;
    min-height: 93.33px;
    max-height: 93.33px;
  }
}
@media (max-width: 639px) {
  .nav-menu.navbar-main-2 .icon-flag.icon-flag-default {
    background-color: #7D7D7D;
    border: 1px solid #7D7D7D;
  }
  .flag-mobile {
    display: flex;
    border-radius: 2rem;
  }
  .market-choice-link {
    display: none;
  }
}
ul.navbar {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  margin: 0;
  width: 100%;
}
@media (min-width: unset) {
  ul.navbar {
    margin: 0;
  }
}
@media (max-width: 639px) {
  ul.navbar.sf-menu.nav-menu-block-main-menu-menu.sf-accordion.sf-expanded {
    display: block;
    position: absolute;
    top: 6rem !important;
    height: 100vh;
    left: 0 !important;
    background-color: #fbfbfb;
  }
  ul.navbar.sf-menu.nav-menu-block-main-menu-menu.sf-accordion.sf-expanded li {
    font-size: 1rem;
    border-bottom: 1px solid white;
    /*a.sf-depth-1:after {
      content: '>';
      font-size: 1.5rem;
      font-family: monospace;
      font-weight: initial;
      vertical-align: middle;
      margin-left: 0.6rem;
      display: inline-block;
      margin-bottom: 0.2rem;
    }*/
  }
  ul.navbar.sf-menu.nav-menu-block-main-menu-menu.sf-accordion.sf-expanded li a {
    margin: 0 6.25vw;
    box-sizing: border-box;
    width: 91.667vw;
    min-width: 91.667vw;
    max-width: 91.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  ul.navbar.sf-menu.nav-menu-block-main-menu-menu.sf-accordion.sf-expanded li a {
    margin: 0 100px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  ul.navbar.sf-menu.nav-menu-block-main-menu-menu.sf-accordion.sf-expanded li a {
    width: 1466.67px;
    min-width: 1466.67px;
    max-width: 1466.67px;
  }
}
@media (max-width: 639px) {
  ul.navbar.sf-menu.nav-menu-block-main-menu-menu.sf-accordion.sf-expanded .sf-clone-parent {
    display: none;
  }
  ul.navbar .sf-has-clone-parent {
    display: flex;
    flex-direction: column;
  }
}
ul.navbar.navbar-main {
  font-size: 0.8rem;
}
ul.navbar li.sf-depth-2.nav-item ul {
  display: none !important;
}
ul.navbar.navbar-main-2 {
  display: flex;
  height: 2.2rem;
  padding: 0 0 0 1rem;
}
ul.navbar.navbar-user {
  box-sizing: border-box;
  width: 25vw;
  min-width: 25vw;
  max-width: 25vw;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: unset) {
  ul.navbar.navbar-user {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
  }
}
@media (max-width: 639px) {
  ul.navbar.navbar-user {
    width: auto;
    max-width: initial;
    min-width: auto;
    width: 50%;
  }
}
ul.navbar.navbar-user li a {
  display: flex;
  align-items: center;
}
ul.navbar.navbar-user li a .large-icon {
  margin: auto 0.2rem 0.3rem auto;
}
ul.navbar.navbar-user li:nth-child(n+3) {
  display: none;
}
ul.navbar.navbar-user .nav-item-user {
  margin-left: 1rem;
}
@media (max-width: 639px) {
  ul.navbar.navbar-user .nav-item-user {
    margin-left: 0.4rem;
  }
}
@media (max-width: 639px) {
  ul.navbar.navbar-user .nav-item-user a {
    font-size: 0;
  }
}
@media (max-width: 639px) {
  ul.navbar.navbar-user .nav-item-contact a {
    font-size: 0;
  }
}
ul.navbar.navbar-footer-administrative {
  justify-content: flex-start;
}
ul.navbar.navbar-footer-administrative .nav-item {
  margin-right: 1rem;
}
@media (max-width: 639px) {
  ul.navbar.navbar-footer-administrative .nav-item {
    margin-right: 0.6rem;
  }
}

.navbar-wrapper {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.navbar-wrapper .footer-copyright {
  text-align: right;
  box-sizing: border-box;
  width: 8.333vw;
  min-width: 8.333vw;
  max-width: 8.333vw;
}
@media (min-width: unset) {
  .navbar-wrapper .footer-copyright {
    width: 133.33px;
    min-width: 133.33px;
    max-width: 133.33px;
  }
}
.navbar-wrapper .footer-copyright, .navbar-wrapper .navbar-footer-administrative {
  font-size: 0.58rem;
  font-weight: 600;
}

.navbar-logo-header {
  box-sizing: border-box;
  width: 13.333vw;
  min-width: 13.333vw;
  max-width: 13.333vw;
  height: 100%;
}
@media (min-width: unset) {
  .navbar-logo-header {
    width: 213.33px;
    min-width: 213.33px;
    max-width: 213.33px;
  }
}
@media (max-width: 639px) {
  .navbar-logo-header {
    box-sizing: border-box;
    width: 41.667vw;
    min-width: 41.667vw;
    max-width: 41.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .navbar-logo-header {
    width: 666.67px;
    min-width: 666.67px;
    max-width: 666.67px;
  }
}

.navbar-logo-footer {
  box-sizing: border-box;
  width: 9.167vw;
  min-width: 9.167vw;
  max-width: 9.167vw;
  height: 100%;
}
@media (min-width: unset) {
  .navbar-logo-footer {
    width: 146.67px;
    min-width: 146.67px;
    max-width: 146.67px;
  }
}
@media (max-width: 639px) {
  .navbar-logo-footer {
    box-sizing: border-box;
    width: 41.667vw;
    min-width: 41.667vw;
    max-width: 41.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .navbar-logo-footer {
    width: 666.67px;
    min-width: 666.67px;
    max-width: 666.67px;
  }
}

a.navbar-logo {
  line-height: 4.5rem;
  display: flex;
}

.navbar-wrapper-top {
  box-sizing: border-box;
  height: 5.417vw;
  min-height: 5.417vw;
  max-height: 5.417vw;
}
@media (min-width: unset) {
  .navbar-wrapper-top {
    height: 86.67px;
    min-height: 86.67px;
    max-height: 86.67px;
  }
}
@media (max-width: 639px) {
  .navbar-wrapper-top {
    /*@include make-padding-grid((0,$paragraphs-padding));*/
    box-sizing: border-box;
    height: 16.667vw;
    min-height: 16.667vw;
    max-height: 16.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .navbar-wrapper-top {
    height: 266.67px;
    min-height: 266.67px;
    max-height: 266.67px;
  }
}
.navbar-wrapper-top a {
  font-size: 0.65rem;
  font-weight: 600;
  color: #7D7D7D;
}

@media (max-width: 639px) {
  .paragraph-centered {
    overflow: scroll;
  }
}

.paragraph-section span.underline {
  color: white;
  padding: 0.1rem 0.5rem;
  border-radius: 0.3rem;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 0.3rem;
}
.paragraph-section .webform {
  margin-bottom: 5rem;
  margin-top: -3rem;
}
.paragraph-section .webform .webform-elements {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.paragraph-section .webform .webform-elements label {
  display: block;
  font-size: 1.6rem;
  font-weight: 800;
}
.paragraph-section .webform .webform-elements .webform-type-radios label {
  display: unset;
}
.paragraph-section .webform .webform-elements select {
  margin: 1.4rem 0;
  padding: 0.7rem;
  border-radius: 0.5rem;
  font-weight: 600;
  width: 100%;
}
.paragraph-section .webform .webform-elements img {
  width: 40vw;
}
.paragraph-section .webform .webform-elements .form-actions {
  text-align: left;
}
@media (max-width: 639px) {
  .paragraph-section .webform .webform-elements .form-actions {
    text-align: center;
  }
}
.paragraph-section .webform .webform-elements #edit-scroll-button a {
  padding: 0.8rem 1rem !important;
}
@media (max-width: 639px) {
  .paragraph-section .webform .webform-elements #edit-image img {
    width: 21rem;
    margin: 5rem 0 2rem 0;
  }
}
.paragraph-section .webform .form-container {
  text-align: left;
  margin: 0 3vw;
}
@media (max-width: 639px) {
  .paragraph-section .webform .form-container#edit-container {
    text-align: center;
  }
}
.paragraph-section .detail-pack-expert {
  margin: 8.333vw 0;
  background-color: #fff;
}
@media (min-width: unset) {
  .paragraph-section .detail-pack-expert {
    margin: 133.33px 0;
  }
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack-expert {
    display: flex;
    flex-flow: column;
    align-items: center;
    background-color: transparent;
  }
}
.paragraph-section .detail-pack-expert .pack-header {
  display: flex;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
}
.paragraph-section .detail-pack-expert .pack-header .title {
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  padding: 0.2rem 2rem;
}
.paragraph-section .detail-pack-expert .pack-header .title p {
  margin-bottom: 0;
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack-expert .pack-header .title p {
    display: none;
  }
}
.paragraph-section .detail-pack-expert .pack-header .title > div {
  display: flex;
  align-items: center;
}
.paragraph-section .detail-pack-expert .pack-header .title > div div {
  margin: 0 1.25vw;
  font-size: 1.75rem;
}
@media (min-width: unset) {
  .paragraph-section .detail-pack-expert .pack-header .title > div div {
    margin: 0 20px;
  }
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack-expert .pack-header .mini-logo-container {
    display: none;
  }
}
.paragraph-section .detail-pack-expert .pack-header .mini-logo-container .mini-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-bottom-right-radius: 1rem;
  height: 100%;
  min-width: 23rem;
}
.paragraph-section .detail-pack-expert .pack-header .mini-logo-container .mini-logo div {
  height: 100%;
  display: flex;
  align-items: center;
}
.paragraph-section .detail-pack-expert .pack-content-container {
  padding: 2.083vw;
  border-radius: 1rem;
  text-align: center;
}
@media (min-width: unset) {
  .paragraph-section .detail-pack-expert .pack-content-container {
    padding: 33.33px;
  }
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack-expert .pack-content-container {
    background-color: #fff;
  }
}
.paragraph-section .detail-pack-expert .pack-content-container ul, .paragraph-section .detail-pack-expert .pack-content-container .mention {
  text-align: left;
}
.paragraph-section .detail-pack-expert .pack-content {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack-expert .pack-content {
    flex-flow: column;
  }
}
.paragraph-section .detail-pack-expert .pack-content .pack-content-element {
  flex-basis: 24%;
  font-size: 0.63rem;
  line-height: 1.1rem;
  font-weight: 500;
  color: black;
  padding: 3rem 2rem;
  border-radius: 1rem;
  box-shadow: 0px 11px 10px 0px rgba(0, 0, 0, 0.08);
}
.paragraph-section .detail-pack-expert .pack-content .pack-content-element .title {
  font-weight: 600;
  font-size: 0.8rem;
}
.paragraph-section .detail-pack-expert .pack-content .pack-content-element hr {
  width: 40%;
}
.paragraph-section .detail-pack-expert .pack-content .pack-content-element .mention {
  font-size: 0.45rem;
  line-height: 0.75rem;
}
.paragraph-section .detail-pack-expert .pack-content .pack-content-element .subtitle {
  margin: 1rem 0;
  font-size: 0.71rem;
  font-weight: 600;
}
.paragraph-section .detail-pack-expert .pack-footer {
  font-size: 0.6rem;
  color: #000;
  text-align: right;
  margin-top: 1rem;
}
.paragraph-section .detail-pack-expert .pack-footer .price {
  font-size: 1.4rem;
  font-weight: 800;
}
.paragraph-section .detail-pack-expert .pack-footer .btn.btn-quote {
  width: unset;
  border: 0;
  font-size: 0.8rem;
  margin: 0;
  padding: 0.7rem 1.4rem;
  height: 100%;
  cursor: pointer;
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack-expert .pack-footer .btn.btn-quote {
    width: 8rem;
    white-space: normal;
  }
}
.paragraph-section .detail-pack-expert .pack-footer > div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.paragraph-section .detail-pack-expert .pack-footer > div > div:not(.single) {
  margin-right: 1.5rem;
}
.paragraph-section .detail-pack-expert.packfluogreen .pack-header .title, .paragraph-section .detail-pack-expert.packfluogreen .mini-logo-container, .paragraph-section .detail-pack-expert.packfluogreen hr, .paragraph-section .detail-pack-expert.packfluogreen span.underline {
  background-color: #CCE800;
}
.paragraph-section .detail-pack-expert.packfluogreen hr {
  border-top: 1px solid #CCE800;
}
.paragraph-section .detail-pack-expert.packfluogreen .subtitle, .paragraph-section .detail-pack-expert.packfluogreen .price {
  color: #CCE800;
}
.paragraph-section .detail-pack-expert.packfluogreen .pack-footer .btn.btn-quote {
  background: linear-gradient(90deg, #CCE800, #71AF45);
}
.paragraph-section .detail-pack-expert.packfluogreen .pack-content-container {
  border: 4px solid #CCE800;
  box-shadow: 0px 12px 19px 1px #CCE800;
}
.paragraph-section .detail-pack-expert.packgreen .pack-header .title, .paragraph-section .detail-pack-expert.packgreen .mini-logo-container, .paragraph-section .detail-pack-expert.packgreen hr, .paragraph-section .detail-pack-expert.packgreen span.underline {
  background-color: #BDE0BF;
}
.paragraph-section .detail-pack-expert.packgreen hr {
  border-top: 1px solid #BDE0BF;
}
.paragraph-section .detail-pack-expert.packgreen .subtitle, .paragraph-section .detail-pack-expert.packgreen .price {
  color: #BDE0BF;
}
.paragraph-section .detail-pack-expert.packgreen .pack-footer .btn.btn-quote {
  background: linear-gradient(90deg, #BDE0BF, #8BBE8D);
}
.paragraph-section .detail-pack-expert.packgreen .pack-content-container {
  border: 4px solid #BDE0BF;
  box-shadow: 0px 12px 19px 1px #BDE0BF;
}
.paragraph-section .detail-pack-expert.packblue .pack-header .title, .paragraph-section .detail-pack-expert.packblue .mini-logo-container, .paragraph-section .detail-pack-expert.packblue hr, .paragraph-section .detail-pack-expert.packblue span.underline {
  background-color: #ADDAF7;
}
.paragraph-section .detail-pack-expert.packblue hr {
  border-top: 1px solid #ADDAF7;
}
.paragraph-section .detail-pack-expert.packblue .subtitle, .paragraph-section .detail-pack-expert.packblue .price {
  color: #ADDAF7;
}
.paragraph-section .detail-pack-expert.packblue .pack-footer .btn.btn-quote {
  background: linear-gradient(90deg, #ADDAF7, #67A5CA);
}
.paragraph-section .detail-pack-expert.packblue .pack-content-container {
  border: 4px solid #ADDAF7;
  box-shadow: 0px 12px 19px 1px #ADDAF7;
}
.paragraph-section .detail-pack-expert.packorange .pack-header .title, .paragraph-section .detail-pack-expert.packorange .mini-logo-container, .paragraph-section .detail-pack-expert.packorange hr, .paragraph-section .detail-pack-expert.packorange span.underline {
  background-color: #FBC970;
}
.paragraph-section .detail-pack-expert.packorange hr {
  border-top: 1px solid #FBC970;
}
.paragraph-section .detail-pack-expert.packorange .subtitle, .paragraph-section .detail-pack-expert.packorange .price {
  color: #FBC970;
}
.paragraph-section .detail-pack-expert.packorange .pack-footer .btn.btn-quote {
  background: linear-gradient(90deg, #FBC970, #FFA90B);
}
.paragraph-section .detail-pack-expert.packorange .pack-content-container {
  border: 4px solid #FBC970;
  box-shadow: 0px 12px 19px 1px #FBC970;
}
.paragraph-section .detail-pack-expert.packpink .pack-header .title, .paragraph-section .detail-pack-expert.packpink .mini-logo-container, .paragraph-section .detail-pack-expert.packpink hr, .paragraph-section .detail-pack-expert.packpink span.underline {
  background-color: #F09499;
}
.paragraph-section .detail-pack-expert.packpink hr {
  border-top: 1px solid #F09499;
}
.paragraph-section .detail-pack-expert.packpink .subtitle, .paragraph-section .detail-pack-expert.packpink .price {
  color: #F09499;
}
.paragraph-section .detail-pack-expert.packpink .pack-footer .btn.btn-quote {
  background: linear-gradient(90deg, #F09499, #D66D73);
}
.paragraph-section .detail-pack-expert.packpink .pack-content-container {
  border: 4px solid #F09499;
  box-shadow: 0px 12px 19px 1px #F09499;
}
.paragraph-section .detail-pack-advanced {
  margin: 8.333vw 0;
  background-color: #fff;
}
@media (min-width: unset) {
  .paragraph-section .detail-pack-advanced {
    margin: 133.33px 0;
  }
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack-advanced {
    background-color: unset;
  }
}
.paragraph-section .detail-pack-advanced .pack-header {
  display: flex;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
}
.paragraph-section .detail-pack-advanced .pack-header .title {
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  padding: 0.2rem 2rem;
}
.paragraph-section .detail-pack-advanced .pack-header .mini-logo-container .mini-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-bottom-right-radius: 1rem;
  height: 100%;
  min-width: 6rem;
}
.paragraph-section .detail-pack-advanced .pack-header .mini-logo-container .mini-logo div {
  height: 100%;
  display: flex;
  align-items: center;
}
.paragraph-section .detail-pack-advanced .pack-content-container {
  padding: 2.083vw;
  border-radius: 1rem;
  text-align: center;
}
@media (min-width: unset) {
  .paragraph-section .detail-pack-advanced .pack-content-container {
    padding: 33.33px;
  }
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack-advanced .pack-content-container {
    padding: 5vw;
    background-color: #fff;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .paragraph-section .detail-pack-advanced .pack-content-container {
    padding: 80px;
  }
}
.paragraph-section .detail-pack-advanced .pack-content-container ul, .paragraph-section .detail-pack-advanced .pack-content-container .mention {
  text-align: left;
}
.paragraph-section .detail-pack-advanced .pack-content {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack-advanced .pack-content {
    flex-flow: column;
  }
}
.paragraph-section .detail-pack-advanced .pack-content .pack-content-element {
  flex-basis: 32%;
  font-size: 0.63rem;
  line-height: 1.1rem;
  font-weight: 500;
  color: black;
  padding: 3rem 2rem;
  border-radius: 1rem;
  box-shadow: 0px 11px 10px 0px rgba(0, 0, 0, 0.08);
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack-advanced .pack-content .pack-content-element {
    margin-top: 1rem;
    font-size: 0.73rem;
    line-height: 1.3rem;
  }
  .paragraph-section .detail-pack-advanced .pack-content .pack-content-element:first-child {
    margin-top: 0;
  }
}
.paragraph-section .detail-pack-advanced .pack-content .pack-content-element .title {
  font-weight: 600;
  font-size: 0.8rem;
}
.paragraph-section .detail-pack-advanced .pack-content .pack-content-element hr {
  width: 40%;
}
.paragraph-section .detail-pack-advanced .pack-content .pack-content-element .mention {
  font-size: 0.45rem;
  line-height: 0.75rem;
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack-advanced .pack-content .pack-content-element .mention {
    font-size: 0.65rem;
    line-height: 0.85rem;
  }
}
.paragraph-section .detail-pack-advanced .pack-content .pack-content-element .subtitle {
  margin: 1rem 0;
  font-size: 0.71rem;
  font-weight: 600;
}
.paragraph-section .detail-pack-advanced .pack-footer {
  font-size: 0.6rem;
  color: #000;
  text-align: right;
  margin-top: 1rem;
}
.paragraph-section .detail-pack-advanced .pack-footer .price {
  font-size: 1.4rem;
  font-weight: 800;
}
.paragraph-section .detail-pack-advanced .pack-footer .btn.btn-quote {
  width: unset;
  border: 0;
  font-size: 0.8rem;
  margin: 0;
  padding: 0.7rem 1.4rem;
  height: 100%;
  cursor: pointer;
}
.paragraph-section .detail-pack-advanced .pack-footer > div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.paragraph-section .detail-pack-advanced .pack-footer > div > div:not(.single) {
  margin-right: 1.5rem;
}
.paragraph-section .detail-pack-advanced.packfluogreen .pack-header .title, .paragraph-section .detail-pack-advanced.packfluogreen .mini-logo-container, .paragraph-section .detail-pack-advanced.packfluogreen hr, .paragraph-section .detail-pack-advanced.packfluogreen span.underline {
  background-color: #CCE800;
}
.paragraph-section .detail-pack-advanced.packfluogreen hr {
  border-top: 1px solid #CCE800;
}
.paragraph-section .detail-pack-advanced.packfluogreen .subtitle, .paragraph-section .detail-pack-advanced.packfluogreen .price {
  color: #CCE800;
}
.paragraph-section .detail-pack-advanced.packfluogreen .pack-footer .btn.btn-quote {
  background: linear-gradient(90deg, #CCE800, #71AF45);
}
.paragraph-section .detail-pack-advanced.packfluogreen .pack-content-container {
  border: 4px solid #CCE800;
  box-shadow: 0px 12px 19px 1px #CCE800;
}
.paragraph-section .detail-pack-advanced.packgreen .pack-header .title, .paragraph-section .detail-pack-advanced.packgreen .mini-logo-container, .paragraph-section .detail-pack-advanced.packgreen hr, .paragraph-section .detail-pack-advanced.packgreen span.underline {
  background-color: #BDE0BF;
}
.paragraph-section .detail-pack-advanced.packgreen hr {
  border-top: 1px solid #BDE0BF;
}
.paragraph-section .detail-pack-advanced.packgreen .subtitle, .paragraph-section .detail-pack-advanced.packgreen .price {
  color: #BDE0BF;
}
.paragraph-section .detail-pack-advanced.packgreen .pack-footer .btn.btn-quote {
  background: linear-gradient(90deg, #BDE0BF, #8BBE8D);
}
.paragraph-section .detail-pack-advanced.packgreen .pack-content-container {
  border: 4px solid #BDE0BF;
  box-shadow: 0px 12px 19px 1px #BDE0BF;
}
.paragraph-section .detail-pack-advanced.packblue .pack-header .title, .paragraph-section .detail-pack-advanced.packblue .mini-logo-container, .paragraph-section .detail-pack-advanced.packblue hr, .paragraph-section .detail-pack-advanced.packblue span.underline {
  background-color: #ADDAF7;
}
.paragraph-section .detail-pack-advanced.packblue hr {
  border-top: 1px solid #ADDAF7;
}
.paragraph-section .detail-pack-advanced.packblue .subtitle, .paragraph-section .detail-pack-advanced.packblue .price {
  color: #ADDAF7;
}
.paragraph-section .detail-pack-advanced.packblue .pack-footer .btn.btn-quote {
  background: linear-gradient(90deg, #ADDAF7, #67A5CA);
}
.paragraph-section .detail-pack-advanced.packblue .pack-content-container {
  border: 4px solid #ADDAF7;
  box-shadow: 0px 12px 19px 1px #ADDAF7;
}
.paragraph-section .detail-pack-advanced.packorange .pack-header .title, .paragraph-section .detail-pack-advanced.packorange .mini-logo-container, .paragraph-section .detail-pack-advanced.packorange hr, .paragraph-section .detail-pack-advanced.packorange span.underline {
  background-color: #FBC970;
}
.paragraph-section .detail-pack-advanced.packorange hr {
  border-top: 1px solid #FBC970;
}
.paragraph-section .detail-pack-advanced.packorange .subtitle, .paragraph-section .detail-pack-advanced.packorange .price {
  color: #FBC970;
}
.paragraph-section .detail-pack-advanced.packorange .pack-footer .btn.btn-quote {
  background: linear-gradient(90deg, #FBC970, #FFA90B);
}
.paragraph-section .detail-pack-advanced.packorange .pack-content-container {
  border: 4px solid #FBC970;
  box-shadow: 0px 12px 19px 1px #FBC970;
}
.paragraph-section .detail-pack-advanced.packpink .pack-header .title, .paragraph-section .detail-pack-advanced.packpink .mini-logo-container, .paragraph-section .detail-pack-advanced.packpink hr, .paragraph-section .detail-pack-advanced.packpink span.underline {
  background-color: #F09499;
}
.paragraph-section .detail-pack-advanced.packpink hr {
  border-top: 1px solid #F09499;
}
.paragraph-section .detail-pack-advanced.packpink .subtitle, .paragraph-section .detail-pack-advanced.packpink .price {
  color: #F09499;
}
.paragraph-section .detail-pack-advanced.packpink .pack-footer .btn.btn-quote {
  background: linear-gradient(90deg, #F09499, #D66D73);
}
.paragraph-section .detail-pack-advanced.packpink .pack-content-container {
  border: 4px solid #F09499;
  box-shadow: 0px 12px 19px 1px #F09499;
}
.paragraph-section .detail-pack-advanced.secondary .pack-content-container {
  border: 0;
}
.paragraph-section .detail-pack-advanced.secondary .image-header {
  margin: 0.833vw 0 1.667vw 0;
}
@media (min-width: unset) {
  .paragraph-section .detail-pack-advanced.secondary .image-header {
    margin: 13.33px 0 26.67px 0;
  }
}
.paragraph-section .detail-pack-advanced.secondary .pack-content {
  justify-content: space-evenly;
}
.paragraph-section .detail-pack-advanced.secondary .pack-content .pack-content-element {
  flex-basis: 25%;
  text-align: left;
  padding: 3rem 3.5rem;
}
.paragraph-section .detail-pack-advanced.secondary .pack-content .pack-content-element .title {
  text-align: center;
}
.paragraph-section .detail-pack-advanced.secondary .pack-content .pack-content-element ul {
  padding-left: 0.7rem;
}
.paragraph-section .detail-pack-advanced.secondary .pack-content .pack-content-element hr {
  border-top-width: 2px;
}
.paragraph-section .detail-pack-advanced.secondary .pack-content .pack-content-element span.bigger {
  font-size: 0.8rem;
}
.paragraph-section .detail-pack-advanced.secondary .pack-footer > div > div:not(.single) {
  margin-right: 0;
  width: 95%;
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack-advanced.secondary .pack-footer > div > div:not(.single) {
    flex-flow: column;
  }
}
.paragraph-section .detail-pack-advanced.secondary .pack-footer .details {
  margin: 2.5vw 0;
  display: flex;
}
@media (min-width: unset) {
  .paragraph-section .detail-pack-advanced.secondary .pack-footer .details {
    margin: 40px 0;
  }
}
.paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-blue, .paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-green, .paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-orange, .paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-fluogreen {
  padding: 0 0.833vw;
  margin: 0 0 2.083vw 0;
  font-size: 0.7rem;
  font-weight: 600;
  display: inline-block;
  color: white;
  border-radius: 0.3rem;
}
@media (min-width: unset) {
  .paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-blue, .paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-green, .paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-orange, .paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-fluogreen {
    padding: 0 13.33px;
  }
}
@media (min-width: unset) {
  .paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-blue, .paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-green, .paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-orange, .paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-fluogreen {
    margin: 0 0 33.33px 0;
  }
}
.paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-blue {
  background-color: #01B2FE;
}
.paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-green {
  background-color: #71AF45;
}
.paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-orange {
  background-color: #FF7B02;
}
.paragraph-section .detail-pack-advanced.secondary .pack-footer .details .colored-title-fluogreen {
  background-color: #71AF45;
}
.paragraph-section .detail-pack-advanced.secondary .pack-footer .details > div {
  flex-basis: 50%;
  font-size: 0.6rem;
  text-align: left;
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack-advanced.secondary .pack-footer .details > div {
    font-size: 0.8rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .paragraph-section .detail-pack-advanced.secondary .pack-footer .details > div:first-child {
    border-right: 3px solid #CCE800;
    margin-right: 5rem;
  }
}
.paragraph-section .detail-pack-advanced.secondary .pack-footer .details > div ul {
  text-align: left;
  width: 80%;
  margin: 0;
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack-advanced.secondary .pack-footer .details > div ul {
    text-align: justify;
    width: 90%;
  }
}
.paragraph-section .detail-pack {
  padding: 4.167vw 2.083vw;
  color: #000;
  border-radius: 1rem;
  background-color: #fff;
  margin-bottom: 4rem;
  font-size: 1.5rem;
  text-align: center;
}
@media (min-width: unset) {
  .paragraph-section .detail-pack {
    padding: 66.67px 33.33px;
  }
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack {
    font-size: 1rem;
  }
}
.paragraph-section .detail-pack ul {
  width: 60%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack ul {
    width: 95%;
  }
}
.paragraph-section .detail-pack.detail-pack-bigblue {
  box-shadow: 0px 9px 22px 6px rgba(0, 215, 254, 0.25);
}
.paragraph-section .detail-pack.detail-pack-biggreen {
  box-shadow: 7px 7px 15px 7px rgba(154, 207, 1, 0.25);
}
.paragraph-section .detail-pack.detail-pack-bigorange {
  box-shadow: 7px 7px 15px 7px rgba(255, 123, 2, 0.25);
}
.paragraph-section .detail-pack span.product-price {
  font-size: 1.8rem;
  font-weight: 500;
}
.paragraph-section .detail-pack span.product-price.product-price-blue strong {
  font-weight: 800;
  color: #01B2FE;
}
.paragraph-section .detail-pack span.product-price.product-price-green strong {
  font-weight: 800;
  color: #71AF45;
}
.paragraph-section .detail-pack span.product-price.product-price-orange strong {
  font-weight: 800;
  color: #FF7B02;
}
.paragraph-section .detail-pack span.product-price.product-price-fluogreen strong {
  font-weight: 800;
  color: #CCE800;
}
.paragraph-section .detail-pack .details {
  display: flex;
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack .details {
    flex-flow: column;
    margin-left: 2rem;
  }
}
.paragraph-section .detail-pack .details .colored-title-blue, .paragraph-section .detail-pack .details .colored-title-green, .paragraph-section .detail-pack .details .colored-title-orange, .paragraph-section .detail-pack .details .colored-title-fluogreen {
  padding: 0 0.833vw;
  margin: 0 0 2.083vw 0;
  font-weight: 500;
  display: inline-block;
  color: white;
  border-radius: 0.3rem;
}
@media (min-width: unset) {
  .paragraph-section .detail-pack .details .colored-title-blue, .paragraph-section .detail-pack .details .colored-title-green, .paragraph-section .detail-pack .details .colored-title-orange, .paragraph-section .detail-pack .details .colored-title-fluogreen {
    padding: 0 13.33px;
  }
}
@media (min-width: unset) {
  .paragraph-section .detail-pack .details .colored-title-blue, .paragraph-section .detail-pack .details .colored-title-green, .paragraph-section .detail-pack .details .colored-title-orange, .paragraph-section .detail-pack .details .colored-title-fluogreen {
    margin: 0 0 33.33px 0;
  }
}
.paragraph-section .detail-pack .details .colored-title-blue {
  background-color: #01B2FE;
}
.paragraph-section .detail-pack .details .colored-title-green {
  background-color: #71AF45;
}
.paragraph-section .detail-pack .details .colored-title-orange {
  background-color: #FF7B02;
}
.paragraph-section .detail-pack .details .colored-title-fluogreen {
  background-color: #CCE800;
}
.paragraph-section .detail-pack .details > div {
  flex-basis: 50%;
  font-size: 0.82rem;
  font-weight: 500;
  text-align: left;
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack .details > div {
    margin-top: 1rem;
  }
}
.paragraph-section .detail-pack .details > div:first-child {
  border-right: 4px solid #00D7FE;
  margin-right: 5rem;
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack .details > div:first-child {
    border: 0;
    margin-right: 0;
  }
}
.paragraph-section .detail-pack .details > div ul {
  text-align: left;
  width: 80%;
  margin: 0;
}
.paragraph-section .detail-pack.condensed {
  padding: 4.167vw 2.083vw 2.5vw 2.083vw;
  width: 40%;
  font-size: 1.1rem;
  box-shadow: 0px 10px 14px 2px rgba(0, 0, 0, 0.05);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: unset) {
  .paragraph-section .detail-pack.condensed {
    padding: 66.67px 33.33px 40px 33.33px;
  }
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack.condensed {
    padding: 5.833vw 2.083vw 5.833vw 2.083vw;
    width: unset;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .paragraph-section .detail-pack.condensed {
    padding: 93.33px 33.33px 93.33px 33.33px;
  }
}
.paragraph-section .detail-pack.condensed strong {
  font-weight: 500;
}
.paragraph-section .detail-pack.condensed .details {
  font-size: 0.6rem;
  text-align: left;
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack.condensed .details {
    text-align: justify;
    margin-right: 2rem;
  }
}
.paragraph-section .detail-pack.condensed ul li.details {
  display: list-item;
  font-size: 0.7rem;
  font-weight: 500;
}
@media (max-width: 639px) {
  .paragraph-section .detail-pack.condensed ul li.details {
    font-size: 0.8rem;
  }
}
.paragraph-section .detail-pack.condensed .colored-title-blue, .paragraph-section .detail-pack.condensed .colored-title-green, .paragraph-section .detail-pack.condensed .colored-title-orange, .paragraph-section .detail-pack.condensed .colored-title-fluogreen {
  padding: 0 0.833vw;
  margin: 0 0 2.083vw 0;
  font-size: 0.7rem;
  font-weight: 600;
  display: inline-block;
  color: white;
  border-radius: 0.3rem;
}
@media (min-width: unset) {
  .paragraph-section .detail-pack.condensed .colored-title-blue, .paragraph-section .detail-pack.condensed .colored-title-green, .paragraph-section .detail-pack.condensed .colored-title-orange, .paragraph-section .detail-pack.condensed .colored-title-fluogreen {
    padding: 0 13.33px;
  }
}
@media (min-width: unset) {
  .paragraph-section .detail-pack.condensed .colored-title-blue, .paragraph-section .detail-pack.condensed .colored-title-green, .paragraph-section .detail-pack.condensed .colored-title-orange, .paragraph-section .detail-pack.condensed .colored-title-fluogreen {
    margin: 0 0 33.33px 0;
  }
}
.paragraph-section .detail-pack.condensed .colored-title-blue {
  background-color: #01B2FE;
}
.paragraph-section .detail-pack.condensed .colored-title-green {
  background-color: #71AF45;
}
.paragraph-section .detail-pack.condensed .colored-title-orange {
  background-color: #FF7B02;
}
.paragraph-section .detail-pack.condensed .colored-title-fluogreen {
  background-color: #71AF45;
}
.paragraph-section .detail-pack.condensed hr {
  margin: 2.083vw auto;
  width: 25%;
}
@media (min-width: unset) {
  .paragraph-section .detail-pack.condensed hr {
    margin: 33.33px auto;
  }
}
.paragraph-section .detail-pack.condensed span.product-price {
  font-size: 1.4rem;
}
.paragraph-section .detail-pack.condensed.detail-pack-bigblue hr {
  background-color: #00D7FE;
  border-top: 2px solid #00D7FE;
}
.paragraph-section .detail-pack.condensed.detail-pack-biggreen hr {
  background-color: #CCE800;
  border-top: 2px solid #CCE800;
}
.paragraph-section .detail-pack.condensed.detail-pack-bigorange hr {
  background-color: #FF9F00;
  border-top: 2px solid #FF9F00;
}
.paragraph-section .detail-pack.condensed .mention {
  font-size: 0.45rem;
  line-height: 0.75rem;
}
.paragraph-section .detail-pack.condensed .subtitle {
  margin: 1rem 0;
  font-size: 0.71rem;
  font-weight: 600;
}
.paragraph-section .grid-container {
  margin: 12.5vw 4.167vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: unset) {
  .paragraph-section .grid-container {
    margin: 200px 66.67px;
  }
}
@media (max-width: 639px) {
  .paragraph-section .grid-container {
    margin: 12.5vw 0;
    display: block;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .paragraph-section .grid-container {
    margin: 200px 0;
  }
}
.paragraph-section .grid-container .paragraph-section {
  flex-basis: 30%;
}
@media (max-width: 639px) {
  .paragraph-section .grid-container .paragraph-section {
    flex-basis: 100%;
  }
}
.paragraph-section .grid-container.grid-container-bigblue .grid-element li:before {
  background-color: #00D7FE;
}
.paragraph-section .grid-container.grid-container-bigorange .grid-element li:before {
  background-color: #FF9F00;
}
.paragraph-section .grid-container.grid-container-biggreen .grid-element li:before {
  background-color: #CCE800;
}
.paragraph-section .grid-element {
  box-sizing: border-box;
  width: 20vw;
  min-width: 20vw;
  max-width: 20vw;
  color: #4D4D4F;
  font-size: 1.2rem;
}
@media (min-width: unset) {
  .paragraph-section .grid-element {
    width: 320px;
    min-width: 320px;
    max-width: 320px;
  }
}
@media (max-width: 639px) {
  .paragraph-section .grid-element {
    width: auto;
    max-width: initial;
    min-width: auto;
  }
  .paragraph-section .grid-element div {
    display: inline-block;
    margin: 3rem 0;
  }
  .paragraph-section .grid-element .title {
    display: block;
  }
}
.paragraph-section .grid-element div:first-child {
  margin: 6.25vw 0 0 0;
  box-sizing: border-box;
  height: 3.333vw;
  min-height: 3.333vw;
  max-height: 3.333vw;
  width: auto;
  margin: 6.25vw 0 0 0;
}
@media (min-width: unset) {
  .paragraph-section .grid-element div:first-child {
    margin: 100px 0 0 0;
  }
}
@media (min-width: unset) {
  .paragraph-section .grid-element div:first-child {
    height: 53.33px;
    min-height: 53.33px;
    max-height: 53.33px;
  }
}
@media (max-width: 639px) {
  .paragraph-section .grid-element div:first-child {
    float: left;
    margin: 0 1rem 0 0;
    min-height: 4rem;
  }
}
.paragraph-section .grid-element .title {
  margin: 2.083vw 0;
  font-weight: 600;
  font-size: 1.5rem;
}
@media (min-width: unset) {
  .paragraph-section .grid-element .title {
    margin: 33.33px 0;
  }
}
.paragraph-section .grid-element li {
  list-style-type: none;
}
.paragraph-section .grid-element li:before {
  content: "";
  display: inline-block;
  width: 0.9rem;
  margin-left: -1.8rem;
  margin-bottom: 0.4rem;
  height: 4px;
  margin-right: 0.85rem;
}
.paragraph-section .simple-text {
  font-size: 1.6rem;
  font-weight: 500;
  color: #7D7D7D;
}
@media (max-width: 639px) {
  .paragraph-section .simple-text img {
    width: 100%;
  }
}
.paragraph-section .simple-text .block-generic-1 {
  color: black;
  text-align: center;
}
.paragraph-section .simple-text .big-text {
  font-size: 2rem;
  font-weight: 500;
}
@media (max-width: 639px) {
  .paragraph-section .simple-text .big-text img {
    width: 100%;
  }
}
.paragraph-section .simple-text iframe {
  width: 42rem;
  height: 22rem;
}
@media (max-width: 639px) {
  .paragraph-section .simple-text iframe {
    width: 90vw;
    height: 15rem;
  }
}
.paragraph-section .simple-text .text-normal {
  font-size: 1.15rem;
  text-align: center;
  color: black;
}
.paragraph-section .simple-text .text-small {
  font-size: 0.8rem;
  margin-top: -2rem;
  position: relative;
  color: black;
}
.paragraph-section .simple-text .text-specific {
  margin: 0;
  font-size: 0.75rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576px) {
  .paragraph-section .simple-text .text-specific {
    width: 44%;
  }
}
.paragraph-section .simple-text .multiple_cols {
  margin: 12.5vw 0;
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  font-weight: normal;
  color: #000;
  line-height: 1.5rem;
}
@media (min-width: unset) {
  .paragraph-section .simple-text .multiple_cols {
    margin: 200px 0;
  }
}
@media (max-width: 639px) {
  .paragraph-section .simple-text .multiple_cols {
    flex-flow: column;
  }
}
.paragraph-section .simple-text .multiple_cols .col-title {
  margin: 1.667vw 0;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1rem;
}
@media (min-width: unset) {
  .paragraph-section .simple-text .multiple_cols .col-title {
    margin: 26.67px 0;
  }
}
.paragraph-section .simple-text .multiple_cols .col-title.col-title-2 {
  margin: 1.667vw 0 0.833vw 0;
  text-transform: none;
  color: #4D4D4F;
  font-size: 1.1rem;
}
@media (min-width: unset) {
  .paragraph-section .simple-text .multiple_cols .col-title.col-title-2 {
    margin: 26.67px 0 13.33px 0;
  }
}
.paragraph-section .simple-text .multiple_cols > div {
  flex-basis: 45%;
}
.paragraph-section .simple-text .multiple_cols.multiple_cols-display-1 > div {
  font-size: 0.83rem;
  line-height: 1.7rem;
}
@media (min-width: 576px) {
  .paragraph-section .simple-text .multiple_cols.multiple_cols-display-1 {
    width: 80%;
  }
}
.paragraph-section .simple-text .multiple_cols_green .col-content {
  font-size: 0.85rem;
  margin-bottom: 1rem;
}
@media (min-width: 576px) {
  .paragraph-section .simple-text .multiple_cols_green {
    width: 80%;
  }
}
@media (max-width: 639px) {
  .paragraph-section .simple-text .multiple_cols_green img {
    width: unset;
  }
}
.paragraph-section .simple-text .multiple_cols_green li {
  list-style-type: none;
  font-size: 0.8rem;
}
.paragraph-section .simple-text .multiple_cols_green li:before {
  content: "";
  display: inline-block;
  width: 0.9rem;
  margin-left: -1.8rem;
  margin-bottom: 0.2rem;
  height: 4px;
  margin-right: 0.85rem;
  background: linear-gradient(90deg, #CCE800, #71AF45);
}
.paragraph-section .advanced-pack-container {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 639px) {
  .paragraph-section .advanced-pack-container {
    flex-flow: column;
  }
}
.paragraph-section .advanced-pack-container .pack-content-element {
  flex-basis: 100% !important;
  box-shadow: unset !important;
  padding: 0;
}
.paragraph-section .advanced-pack-container .pack-content-container {
  padding: 0;
}
.paragraph-section .advanced-pack-container .pack-header {
  font-size: 0.9rem;
}
.paragraph-section .advanced-pack-container .pack-footer {
  font-size: 0.5rem;
  margin-top: -3rem;
  margin-bottom: 2.5rem;
}
.paragraph-section .advanced-pack-container .pack-footer .price {
  font-size: 1rem;
}
.paragraph-section .advanced-pack-container .pack-footer .btn.btn-quote {
  font-size: 0.6rem;
  padding: 0.4rem 1.4rem;
  cursor: pointer;
}
.paragraph-section .advanced-pack-container .pack-footer > div {
  justify-content: center;
}
.paragraph-section .advanced-pack-container > div {
  flex-basis: 35%;
}
@media (max-width: 639px) {
  .paragraph-section .shadowed-title .title-display-1 {
    font-size: 1.4rem;
  }
  .paragraph-section .shadowed-title .title-display-1 div {
    line-height: 2rem !important;
  }
}
.paragraph-section .shadowed-title-bigblue, .paragraph-section .shadowed-title-bigorange, .paragraph-section .shadowed-title-biggreen {
  margin-top: 5rem;
}
@media (max-width: 639px) {
  .paragraph-section .shadowed-title-bigblue, .paragraph-section .shadowed-title-bigorange, .paragraph-section .shadowed-title-biggreen {
    margin-top: 0;
  }
}
.paragraph-section .shadowed-title-bigblue div:nth-child(2) {
  background: -webkit-gradient(linear, left top, left bottom, from(#01B2FE), to(#00D7FE));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.paragraph-section .shadowed-title-bigblue div:nth-child(2):after, .paragraph-section .shadowed-title-bigblue div:nth-child(2):before {
  background-color: #00D7FE;
}
.paragraph-section .shadowed-title-bigorange div:nth-child(2) {
  background: -webkit-gradient(linear, left top, left bottom, from(#FF7B02), to(#FF9F00));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.paragraph-section .shadowed-title-bigorange div:nth-child(2):after, .paragraph-section .shadowed-title-bigorange div:nth-child(2):before {
  background-color: #FF9F00;
}
.paragraph-section .shadowed-title-biggreen div:nth-child(2) {
  background: -webkit-gradient(linear, left top, left bottom, from(#71AF45), to(#CCE800));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.paragraph-section .shadowed-title-biggreen div:nth-child(2):after, .paragraph-section .shadowed-title-biggreen div:nth-child(2):before {
  background-color: #CCE800;
}
.paragraph-section .shadowed-title-bigblue div:nth-child(2), .paragraph-section .shadowed-title-bigorange div:nth-child(2), .paragraph-section .shadowed-title-biggreen div:nth-child(2) {
  line-height: 4rem;
  position: relative;
}
.paragraph-section .shadowed-title-bigblue div:nth-child(2):before, .paragraph-section .shadowed-title-bigorange div:nth-child(2):before, .paragraph-section .shadowed-title-biggreen div:nth-child(2):before {
  content: "";
  width: 7px;
  height: 13rem;
  display: block;
  position: absolute;
  bottom: -21.5rem;
  left: 65vw;
}
.paragraph-section .shadowed-title-bigblue div:nth-child(2):after, .paragraph-section .shadowed-title-bigorange div:nth-child(2):after, .paragraph-section .shadowed-title-biggreen div:nth-child(2):after {
  content: "";
  width: 7px;
  height: 13rem;
  display: block;
  position: absolute;
  top: -14rem;
  left: 65vw;
}
@media (max-width: 639px) {
  .paragraph-section .shadowed-title-bigblue div:nth-child(2):before, .paragraph-section .shadowed-title-bigblue div:nth-child(2):after, .paragraph-section .shadowed-title-bigorange div:nth-child(2):before, .paragraph-section .shadowed-title-bigorange div:nth-child(2):after, .paragraph-section .shadowed-title-biggreen div:nth-child(2):before, .paragraph-section .shadowed-title-biggreen div:nth-child(2):after {
    display: none;
  }
}
.paragraph-section .shadowed-title-bigblue.shadowed-title-lines-hidden div:nth-child(2):before, .paragraph-section .shadowed-title-bigblue.shadowed-title-lines-hidden div:nth-child(2):after,
.paragraph-section .shadowed-title-bigorange.shadowed-title-lines-hidden div:nth-child(2):before,
.paragraph-section .shadowed-title-bigorange.shadowed-title-lines-hidden div:nth-child(2):after,
.paragraph-section .shadowed-title-biggreen.shadowed-title-lines-hidden div:nth-child(2):before,
.paragraph-section .shadowed-title-biggreen.shadowed-title-lines-hidden div:nth-child(2):after {
  display: none;
}
.paragraph-section.link-block-group {
  margin: 5vw 0 0 0;
  display: flex;
  justify-content: space-between;
}
@media (min-width: unset) {
  .paragraph-section.link-block-group {
    margin: 80px 0 0 0;
  }
}
@media (max-width: 639px) {
  .paragraph-section.link-block-group {
    margin: 10vw 0 0 0;
    flex-flow: column;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .paragraph-section.link-block-group {
    margin: 160px 0 0 0;
  }
}
.paragraph-section.link-block-group .shadowed-block {
  flex-basis: 100%;
  margin: 0 0.7rem;
  z-index: 1;
}
@media (max-width: 639px) {
  .paragraph-section.link-block-group .shadowed-block {
    margin: 2rem 0 0 0;
  }
}
.paragraph-section.link-block-group .shadowed-block .content-header {
  text-align: center;
  margin-bottom: 1.4rem;
  font-weight: 500;
  font-size: 1.1rem;
}
@media (max-width: 639px) {
  .paragraph-section.link-block-group .shadowed-block .content-header {
    margin-bottom: 0.5rem;
  }
}
.paragraph-section.link-block-group .shadowed-block .content-body {
  min-height: 15rem;
  height: 15rem;
  border-radius: 1rem;
  background-color: #fff;
}
@media (max-width: 639px) {
  .paragraph-section.link-block-group .shadowed-block .content-body {
    min-height: 12rem;
    height: 12rem;
  }
}
.paragraph-section.link-block-group .shadowed-block .content-body > div {
  color: #4D4D4F;
  font-weight: 500;
  cursor: pointer;
  line-height: 2.5rem;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  font-size: 1.1rem;
}
.paragraph-section.link-block-group .shadowed-block .content-body > div .btn {
  margin-top: 1.4rem;
}
@media (max-width: 639px) {
  .paragraph-section.link-block-group .shadowed-block .content-body > div .btn {
    font-size: 1.1rem;
  }
}
.paragraph-section.link-block-group .shadowed-block .content-body > div .subtitle {
  color: #7D7D7D;
  font-size: 0.6rem;
}

.paragraph-view {
  padding: 0 4.167vw;
  margin: 4.167vw 0;
}
@media (min-width: unset) {
  .paragraph-view {
    padding: 0 66.67px;
  }
}
@media (min-width: unset) {
  .paragraph-view {
    margin: 66.67px 0;
  }
}
@media (max-width: 639px) {
  .paragraph-view {
    padding: 0;
    margin: 8.333vw 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .paragraph-view {
    padding: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .paragraph-view {
    margin: 133.33px 0;
  }
}
.paragraph-view .paragraph-view-body {
  display: flex;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: 0px;
  justify-content: space-between;
}
.paragraph-view .paragraph-view-body .paragraph-view-content {
  width: 100%;
}
.paragraph-view .paragraph-view-body .teaser-last-articles {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 639px) {
  .paragraph-view .paragraph-view-body .teaser-last-articles {
    overflow: scroll;
  }
}
.paragraph-view .paragraph-view-body .teaser-last-articles .views-row {
  /*UPD EVOL DOGA 20180716 font-size: 0.65rem;*/
  font-size: 1rem;
  /*UPD EVOL DOGA 20180716 font-weight: 600;*/
  font-weight: 100;
  text-align: center;
  color: #7D7D7D;
  flex-basis: 33%;
}
@media (max-width: 639px) {
  .paragraph-view .paragraph-view-body .teaser-last-articles .views-row {
    margin: 0 4.167vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .paragraph-view .paragraph-view-body .teaser-last-articles .views-row {
    margin: 0 66.67px;
  }
}
.paragraph-view .paragraph-view-body .teaser-last-articles .more-link {
  position: absolute;
  right: 0;
  top: -3rem;
}
@media (max-width: 639px) {
  .paragraph-view .paragraph-view-body .teaser-last-articles .more-link {
    display: none;
  }
}
.paragraph-view .paragraph-view-body .teaser-last-articles .more-link a {
  font-weight: 600;
  /*UPD EVOL DOGA 20180716 font-size: 0.85rem;*/
  font-size: 1rem;
  text-decoration: underline;
}
.paragraph-view .paragraph-view-body .teaser-last-articles picture img, .paragraph-view .paragraph-view-body .teaser-last-articles img {
  transition: all 0.5s;
  box-sizing: border-box;
  width: 21.25vw;
  min-width: 21.25vw;
  max-width: 21.25vw;
  height: auto;
}
@media (min-width: unset) {
  .paragraph-view .paragraph-view-body .teaser-last-articles picture img, .paragraph-view .paragraph-view-body .teaser-last-articles img {
    width: 340px;
    min-width: 340px;
    max-width: 340px;
  }
}
@media (max-width: 639px) {
  .paragraph-view .paragraph-view-body .teaser-last-articles picture img, .paragraph-view .paragraph-view-body .teaser-last-articles img {
    box-sizing: border-box;
    width: 66.667vw;
    min-width: 66.667vw;
    max-width: 66.667vw;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .paragraph-view .paragraph-view-body .teaser-last-articles picture img, .paragraph-view .paragraph-view-body .teaser-last-articles img {
    width: 1066.67px;
    min-width: 1066.67px;
    max-width: 1066.67px;
  }
}
.paragraph-view .paragraph-view-body .more-link-mobile {
  font-size: 1.1rem;
  font-weight: 600;
  width: 100%;
  text-align: center;
  text-decoration: underline;
}
@media (min-width: 576px) {
  .paragraph-view .paragraph-view-body .more-link-mobile {
    display: none;
  }
}

/* Shadows */
.shadow {
  box-shadow: 0 0px 20px rgba(0, 0, 0, 0.07), 0 3px 25px rgba(0, 0, 0, 0.07);
  padding: 1rem;
  border-radius: 6px;
  margin: 1rem 0;
}
.shadow.shadow-display-1 {
  padding: 1rem;
}
.shadow.shadow-display-2 {
  padding: 2rem;
}

table.table-display-1, .table.table-display-1 {
  padding: 0 4.167vw;
  width: 100%;
  background-color: #fff;
}
@media (min-width: unset) {
  table.table-display-1, .table.table-display-1 {
    padding: 0 66.67px;
  }
}
table.table-display-1 thead, .table.table-display-1 thead {
  color: #0099C7;
}
table.table-display-1 thead th, .table.table-display-1 thead th {
  padding-bottom: 0.5rem;
}
table.table-display-1 thead tr, .table.table-display-1 thead tr {
  border-bottom: 2px solid #0099C7;
}
table.table-display-1 tbody td, .table.table-display-1 tbody td {
  padding: 0.5rem 0 0.2rem 0;
}
table.table-display-1 th, .table.table-display-1 th {
  border-top: 0px solid #fff;
}
table.table-display-1 tr td:last-child, .table.table-display-1 tr td:last-child {
  text-align: right;
  font-weight: bold;
}
table.table-display-1 .views-field-field-action, table.table-display-1 .views-field-nothing, .table.table-display-1 .views-field-field-action, .table.table-display-1 .views-field-nothing {
  text-transform: lowercase;
}
table.table-display-1 .views-field-field-action:first-letter, table.table-display-1 .views-field-nothing:first-letter, .table.table-display-1 .views-field-field-action:first-letter, .table.table-display-1 .views-field-nothing:first-letter {
  text-transform: uppercase;
}
table.table-display-2 th, table.table-display-2 th a, .table.table-display-2 th, .table.table-display-2 th a {
  color: #00B9F1 !important;
}
table.table-display-2 thead th, table.table-display-2 td, .table.table-display-2 thead th, .table.table-display-2 td {
  border: 0;
}
table.table-display-2 th, .table.table-display-2 th {
  padding: 0.75rem 0.75rem 0.75rem 0;
}
table.table-display-2 td, .table.table-display-2 td {
  padding: 0.35rem 0.35rem 0.35rem 0;
  font-size: 0.8rem;
  /*font-family: $font-family-primary-bold;*/
}
table.table-display-2 td:first-child a, .table.table-display-2 td:first-child a {
  text-decoration: underline;
}
table.table-display-2 td:last-child, .table.table-display-2 td:last-child {
  text-align: center;
}
table.table-display-2 td:last-child a, .table.table-display-2 td:last-child a {
  color: #00B9F1;
}
table.table-display-2 td.views-field.views-field-field-phone, .table.table-display-2 td.views-field.views-field-field-phone {
  color: #b1b2b3;
}
table.table-display-2 th#view-edit-user-table-column, .table.table-display-2 th#view-edit-user-table-column {
  text-align: center;
}

.table-container {
  padding: 2.083vw;
  margin-bottom: 3rem;
  background-color: #fff;
  width: 100%;
  border-radius: 0.4rem;
}
@media (min-width: unset) {
  .table-container {
    padding: 33.33px;
  }
}
.table-container.table-container-display-2 {
  padding: 0.417vw 2.083vw;
  margin-bottom: 0rem;
}
@media (min-width: unset) {
  .table-container.table-container-display-2 {
    padding: 6.67px 33.33px;
  }
}
@media (max-width: 639px) {
  .table-container.table-container-display-2 {
    width: 90vw;
    overflow: scroll;
  }
}

div.table-container {
  margin-top: 17vw;
  margin-bottom: 4rem;
}
@media (max-width: 639px) {
  div.table-container {
    margin-top: 67vw;
    overflow: scroll;
  }
}
div.table-container.table-container-display-2 {
  margin-top: 0;
  margin-bottom: 4rem;
}

.path-faq div.table-container {
  margin-top: 5vw;
}

.path-user .table-container {
  height: 43vw;
  margin-bottom: 5rem;
}
@media (max-width: 639px) {
  .path-user .table-container {
    height: 80vh;
  }
}
.path-user .table-container.table-container-display-2 {
  height: auto;
  box-shadow: 0px 11px 10px 0px rgba(0, 0, 0, 0.08);
}

@media (max-width: 639px) {
  .sav-page table.table-display-1, .table.table-display-1,
  .order-page table.table-display-1, .table.table-display-1,
  .user-mainboard table.table-display-1, .table.table-display-1 {
    width: 200vw;
    padding: unset;
  }
  .wrapper-responsive {
    overflow: auto;
  }
}
#block-views-block-quote-block-quotes-mini table td.views-field-field-total-amount div,
#block-views-block-quote-block-quotes-mini table td.views-field.views-field-nothing div,
#block-views-block-quote-block-quotes-mini table td.views-field.views-field-field-reference div,
#block-views-block-quote-block-quotes-mini table td.views-field.views-field-field-created div,
#block-views-block-quote-block-quotes-mini table td.views-field-title-2 div {
  box-sizing: border-box;
  width: 7.083vw;
  min-width: 7.083vw;
  max-width: 7.083vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: unset) {
  #block-views-block-quote-block-quotes-mini table td.views-field-field-total-amount div,
  #block-views-block-quote-block-quotes-mini table td.views-field.views-field-nothing div,
  #block-views-block-quote-block-quotes-mini table td.views-field.views-field-field-reference div,
  #block-views-block-quote-block-quotes-mini table td.views-field.views-field-field-created div,
  #block-views-block-quote-block-quotes-mini table td.views-field-title-2 div {
    width: 113.33px;
    min-width: 113.33px;
    max-width: 113.33px;
  }
}
#block-views-block-quote-block-quotes-mini table td.views-field.views-field-field-reference div {
  box-sizing: border-box;
  width: 2.917vw;
  min-width: 2.917vw;
  max-width: 2.917vw;
}
@media (min-width: unset) {
  #block-views-block-quote-block-quotes-mini table td.views-field.views-field-field-reference div {
    width: 46.67px;
    min-width: 46.67px;
    max-width: 46.67px;
  }
}
#block-views-block-quote-block-quotes-mini table td.views-field.views-field-nothing div {
  box-sizing: border-box;
  width: 4.167vw;
  min-width: 4.167vw;
  max-width: 4.167vw;
}
@media (min-width: unset) {
  #block-views-block-quote-block-quotes-mini table td.views-field.views-field-nothing div {
    width: 66.67px;
    min-width: 66.67px;
    max-width: 66.67px;
  }
}
#block-views-block-quote-block-quotes-mini table td.views-field.views-field-field-created div {
  box-sizing: border-box;
  width: 6.25vw;
  min-width: 6.25vw;
  max-width: 6.25vw;
}
@media (min-width: unset) {
  #block-views-block-quote-block-quotes-mini table td.views-field.views-field-field-created div {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
  }
}

/* Hide columns for views on mobile */
@media (max-width: 639px) {
  .path-quotes .views-field-field-type,
  .path-quotes .views-field-field-total-amount,
  .path-quotes .views-field-field-quote-status,
  .path-quotes .views-field-field-created {
    display: none;
  }
}
td.views-field.views-field-field-pdf-filename,
th#view-field-pdf-filename-table-column--R93eHlGTnTM {
  text-align: center;
}

.path-frontpage td.views-field-field-total-amount, .path-declarations td.views-field-field-total-amount {
  text-align: right;
  padding-right: 1rem;
  font-weight: 500;
  white-space: nowrap;
}

.table-bordereaux {
  height: 1px;
}
.table-bordereaux tr, .table-bordereaux td {
  height: 100%;
}
.table-bordereaux td.views-field-field-bord-amount {
  text-align: right;
}
.table-bordereaux .views-field-nothing-2 {
  display: flex;
  align-items: center;
  flex-flow: row;
  line-height: 1.1rem;
  justify-content: space-around;
  margin: unset;
}
@media (max-width: 991px) {
  .table-bordereaux .views-field-nothing-2 {
    line-height: 2.1rem;
  }
  .table-bordereaux .views-field-nothing-2 input {
    min-height: 3rem;
  }
}

html {
  font-size: calc(1.25vw + 1px);
  font-family: "Montserrat", sans-serif;
}
@media (min-width: 1600px) {
  html {
    font-size: 21px;
  }
}
@media (max-width: 639px) {
  html {
    font-size: calc(3.9vw + 1px);
  }
}

body {
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden;
}

h1, .h1 {
  font-size: 1.7rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  h1, .h1 {
    font-size: 1.6rem;
  }
}

h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #000;
}
h1 .subtitle {
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  margin-top: 0.5rem;
  margin-bottom: 3rem;
}

h2, .h2 {
  font-size: 1rem;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  color: #00B9F1;
}
h2 div, .h2 div {
  position: relative;
}
h2 div.title-double, .h2 div.title-double {
  color: #F7F7F7;
  position: absolute;
  left: 5px;
  top: -2.5rem;
  font-size: 5rem;
  width: 130%;
}
@media (max-width: 639px) {
  h2 div.title-double, .h2 div.title-double {
    display: none;
  }
}

.title-h2 {
  font-size: 1.2rem;
  text-transform: uppercase;
}

h3, .h3 {
  font-size: 1rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  h3, .h3 {
    font-size: 1.7rem;
  }
}
h3.title, .h3.title {
  color: #264a9e;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

h4, .h4 {
  font-size: 1.5rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  h5, .h5 {
    font-size: 1.25rem;
  }
}

h6, .h6 {
  font-size: 1rem;
  font-weight: 100;
}
@media (max-width: 639px) {
  h6, .h6 {
    font-size: 1rem;
  }
}

.display-0 {
  font-size: 10rem;
  line-height: 1.1;
}
@media (max-width: 639px) {
  .display-0 {
    font-size: 10rem;
  }
}

.display-1 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 0.89;
}
@media (max-width: 639px) {
  .display-1 {
    font-size: 4.5rem;
  }
}

.display-2 {
  font-size: 5rem;
  font-weight: 300;
  line-height: 0.9;
}
@media (max-width: 639px) {
  .display-2 {
    font-size: 5rem;
  }
}

em {
  font-weight: 300;
}

a {
  color: #0099C7;
  transition: color 0.5s;
}
a:hover {
  color: #00D7FE;
}
a.link-white {
  color: #fff;
  transition: color 0.5s;
}
a.link-white:hover {
  color: #e81a40;
}

a.link-secondary, .link-secondary {
  color: #00B9F1;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
a.link-secondary:hover, .link-secondary:hover {
  color: #007ea5;
  text-decoration: none;
}

button:focus {
  outline: 0;
}

input[type=text], textarea {
  font-weight: 300;
}

form {
  width: 100%;
}

.p-relative {
  position: relative !important;
}

.title-underline {
  font-family: "Montserrat", sans-serif;
  font-size: 1.65rem !important;
  /*UPD EVOL DOGA 20180716*/
  font-weight: 600;
  color: #7D7D7D;
  display: block !important;
  text-transform: uppercase;
  margin: 0;
}
.title-underline.title-underline-smaller {
  font-size: 1.1rem !important;
}
.title-underline.title-text-lower {
  text-transform: unset;
}
@media (min-width: unset) {
  .title-underline {
    margin: 0;
  }
}
.title-underline:after {
  content: "";
  display: block;
  height: 0px;
  box-sizing: border-box;
  width: 5.417vw;
  min-width: 5.417vw;
  max-width: 5.417vw;
  border-top: 0.4rem solid #e81a40;
  margin: 0.833vw 0;
}
@media (min-width: unset) {
  .title-underline:after {
    width: 86.67px;
    min-width: 86.67px;
    max-width: 86.67px;
  }
}
@media (min-width: unset) {
  .title-underline:after {
    margin: 13.33px 0;
  }
}
.title-underline.title-underline-center {
  width: 100%;
  text-align: center;
}
.title-underline.title-underline-center:after {
  margin: 0.833vw auto;
}
@media (min-width: unset) {
  .title-underline.title-underline-center:after {
    margin: 13.33px auto;
  }
}
.title-underline.title-underline-wide {
  width: 100%;
  border-bottom: 1px solid black;
  margin-bottom: 1.7rem;
  font-size: 1rem;
  color: black;
}
.title-underline.title-underline-wide:after {
  content: "";
  display: table;
  height: 0px;
  box-sizing: border-box;
  width: 5.417vw;
  min-width: 5.417vw;
  max-width: 5.417vw;
  border-top: 0.3rem solid black;
  margin: 0.3rem 0 0 0;
}
@media (min-width: unset) {
  .title-underline.title-underline-wide:after {
    width: 86.67px;
    min-width: 86.67px;
    max-width: 86.67px;
  }
}

.title-light {
  font-weight: normal !important;
}

.subtitle {
  font-size: 1rem;
  color: #264a9e;
}

@media (max-width: 639px) {
  .title-underline {
    width: auto;
    max-width: initial;
    min-width: auto;
    font-family: "Montserrat", sans-serif;
    font-size: 1.65rem;
    font-weight: 600;
    color: #7D7D7D;
    display: block !important;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin: 0;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .title-underline {
    margin: 0;
  }
}
@media (max-width: 639px) {
  .title-underline:after {
    content: "";
    display: block;
    height: 0px;
    box-sizing: border-box;
    width: 17.917vw;
    min-width: 17.917vw;
    max-width: 17.917vw;
    border-top: 0.4rem solid #e81a40;
    margin: 3.333vw auto;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .title-underline:after {
    width: 286.67px;
    min-width: 286.67px;
    max-width: 286.67px;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .title-underline:after {
    margin: 53.33px auto;
  }
}
@media (max-width: 639px) {
  .title-underline.title-underline-center {
    width: 100%;
    text-align: center;
  }
  .title-underline.title-underline-center:after {
    margin: 3.333vw auto;
  }
}
@media (max-width: 639px) and (min-width: unset) {
  .title-underline.title-underline-center:after {
    margin: 53.33px auto;
  }
}
h1.title-underline {
  margin: 3.333vw 0 1.667vw 0;
}
@media (min-width: unset) {
  h1.title-underline {
    margin: 53.33px 0 26.67px 0;
  }
}

.title-normal {
  font-weight: 600;
  font-size: 1.1rem;
  color: #264a9e;
}
@media (max-width: 639px) {
  .title-normal {
    width: auto;
    max-width: initial;
    min-width: auto;
  }
}

.title-red-arrow {
  font-weight: 600;
  font-size: 1.1rem;
  color: #264a9e;
}
@media (max-width: 639px) {
  .title-red-arrow {
    width: auto;
    max-width: initial;
    min-width: auto;
  }
}
.title-red-arrow:before {
  content: "";
  display: inline-block;
  margin-bottom: 0.1rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6.9px;
  border-color: transparent transparent transparent #e81a40;
  margin-right: 0.5rem;
}

.title-display-1 {
  width: 300%;
  display: block;
  color: #264a9e;
  text-align: left;
  font-size: 2.7rem;
  position: relative;
  margin: 4.167vw 0;
  padding: 0.833vw 0;
}
@media (min-width: unset) {
  .title-display-1 {
    margin: 66.67px 0;
  }
}
@media (min-width: unset) {
  .title-display-1 {
    padding: 13.33px 0;
  }
}
@media (max-width: 639px) {
  .title-display-1 {
    width: 100%;
    font-size: 2.4rem;
  }
}

.shadowed-title-lines-hidden .title-display-1 {
  margin: 12.5vw 0;
}
@media (min-width: unset) {
  .shadowed-title-lines-hidden .title-display-1 {
    margin: 200px 0;
  }
}

.title-display-2 {
  font-weight: 600;
  font-size: 1.1rem;
  color: #4D4D4F;
}

.text-gray, .text-white, .text-primary, .text-primary-italic {
  margin-top: 0;
  margin-bottom: 1rem;
  /*UPD EVOL DOGA 20180716 font-size: 0.6rem;*/
  font-size: 1rem;
  font-weight: normal;
  color: #7D7D7D !important;
}

.title-display-3 {
  font-weight: 600;
  font-size: 1.1rem;
  color: #7D7D7D;
}

.title-display-4 {
  font-weight: normal;
  font-size: 1rem;
  color: #7D7D7D;
}

.title-display-5 {
  font-weight: 600;
  margin-top: 0.3rem;
  font-size: 0.85rem;
  color: #080b3a;
}
.title-display-5:before {
  content: " ";
  width: 1px;
  height: 1.5rem;
  position: absolute;
  background-color: #01B2FE;
  left: 0.8rem;
  top: 0;
}

.job-teaser .title-display-5 {
  height: 50px;
  overflow: hidden;
}

.text-white {
  color: #fff !important;
}

.text-gray {
  color: #7D7D7D !important;
}

.text-small-gray {
  font-size: 0.8rem;
  color: #7D7D7D !important;
}

.text-primary {
  color: #264a9e !important;
}

.text-primary-italic {
  font-style: italic;
  color: #264a9e !important;
}

.facet-item input[type=checkbox]:before {
  content: "";
  display: block;
  cursor: pointer;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #fff;
  border-radius: 0.1rem;
  border: 2px solid #7D7D7D;
}
.facet-item input[type=checkbox][checked=checked]:before {
  background-color: #7D7D7D;
}
.facet-item input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
  width: 0;
  margin-right: 0.6rem;
  cursor: pointer;
}
.facet-item label {
  cursor: pointer;
}

.hidden-first {
  display: none !important;
}

.views-element-container {
  position: relative;
}

.views-field-field-attached-files ul {
  list-style: none;
  padding: 0;
  font-size: 0.75rem;
}

.news-list {
  margin-bottom: 5rem;
}

.path-declarations .vbo-view-form {
  padding-bottom: 6rem;
}

.customer-infos {
  font-weight: 500;
}
.customer-infos .views-field {
  display: flex;
  height: 1.5rem;
}
.customer-infos .views-label {
  margin-right: 0.3rem;
}

.table-bordereaux .text-green {
  color: #00ac39 !important;
  font-size: 0.7rem;
  line-height: 0.8rem;
  padding: 0.3rem 0;
  background-color: #e9ffec;
  border-radius: 0.5rem;
  padding: 0.4rem;
  margin: 0.1rem;
}
.table-bordereaux .text-red {
  color: #e81a40 !important;
  font-size: 0.7rem;
  line-height: 0.8rem;
  padding: 0.3rem 0;
  background-color: #ffd4d4;
  border-radius: 0.5rem;
  padding: 0.4rem;
  margin: 0.1rem;
}
.table-bordereaux td.views-field.views-field-field-bord-num, .table-bordereaux th#view-field-bord-num-table-column {
  padding-left: 1rem;
}
.table-bordereaux td.views-field.views-field-field-bord-amount {
  padding-right: 0.5rem;
}

/* Forms status exposed filter */
#edit-field-status-value-1 div.form-item-field-status-value-1 {
  margin-right: 2rem;
  display: flex;
  align-items: baseline;
  cursor: pointer;
}
#edit-field-status-value-1 label {
  margin-left: 0.5rem;
}

.node--type-article .page-container,
.node--type-job .page-container {
  height: initial;
}

header div[role=contentinfo] {
  position: absolute;
  background-color: white;
  width: 100%;
  z-index: 500;
}

/* Edit buttons for blocks */
.contextual-region .contextual .contextual-links {
  min-width: 100px;
}

.card-wrapper-cover.contextual-region .contextual {
  margin-top: 95px;
}

[data-block-id] [data-contextual-id].contextual {
  top: 120px;
}

/* Kint */
.kint {
  background: gray;
}

.list-header-job-primary li div div:nth-child(2) {
  color: #264a9e;
}

/* Admin menu toolbar passed undernavbar-main */
#toolbar-administration, #toolbar-administration * {
  z-index: 9999;
}

/* "Better exposed filter" usage for secondary filters (summary) */
/* Remove default behavior for summary tag (arrow) */
summary::-webkit-details-marker {
  display: none;
}

details > summary:first-of-type {
  list-style-type: none;
}

/* Throbber */
.ajax-progress-fullscreen {
  width: 4.167vw;
  min-width: 4.167vw;
  max-width: 4.167vw;
  height: 4.167vw;
  min-height: 4.167vw;
  max-height: 4.167vw;
  background-image: url(../images/throbber2.gif);
  background-size: contain;
  border-radius: 7px;
}
@media (min-width: unset) {
  .ajax-progress-fullscreen {
    width: 66.67px;
    min-width: 66.67px;
    max-width: 66.67px;
    height: 66.67px;
    min-height: 66.67px;
    max-height: 66.67px;
  }
}

/* Contextual links */
section.focus:not(.focus-primary):not(.focus-secondary) {
  margin: 0;
  padding: 0;
}

#block-breadcrumb .contextual {
  display: none;
}

.product-full .contextual {
  top: 2rem;
}

@media (max-width: 639px) {
  #toolbar-administration, #toolbar-administration * {
    z-index: 100;
  }
}
.path-views-bulk-operations .views-bulk-operations-configure-action h3, .path-views-bulk-operations .views-bulk-operations-configure-action ul {
  display: none;
}

.node--type-bordereau article div div {
  width: 9rem !important;
  height: 2rem;
}
.node--type-bordereau article h2 {
  display: none;
}
.node--type-bordereau article h2 + div {
  display: flex;
}

/*.cke_panel_listItem {
	background: linear-gradient(90deg,#eee, #fff) !important;
}
.cke_editable {
	@include make-padding-grid((0, 6, 0, 6));
	@include make-margin-grid((1, 0, 0, 0));
	@include media-breakpoint-down(sm) {
	  @include make-padding-grid(($mobile-article-padding, $mobile-article-padding, 0, $mobile-article-padding));
	}
	font-family: "Titillium Web", sans-serif;
	a {
		color: theme-color('primary');
	}
	a:hover {
		color: theme-color('primary');
	}

	h1, h2, h3, h4, h5, h6 {
	  margin-bottom: 2rem;
	  margin-top: 1rem;
	}
	h1 {
		font-family: $font-family-primary;
    font-size: 3.8rem;
    line-height: 3.4rem;
	}
	h2 {
    font-size: 2.8rem;
    line-height: 2.8rem;
	}
	h2 {
    font-size: 2.8rem;
    line-height: 2.8rem;
	}
	h2 {
    font-size: 2.8rem;
    line-height: 2.8rem;
	}

	blockquote {
	  padding-left: 1rem;
	  padding-right: 1rem;
	  margin: 2.5rem auto;
		display: block;
		p {
			display: inline;
			color: inherit;
		}
	}

	p {
	  margin-bottom: 2rem;      
	  color: $text-muted;
	}

	ul {
	  @extend .list-display-1 ;
	  color: $text-muted;
	  margin-bottom: 2rem;      
	}

	img {
	  max-width: 100%;
	}
}

.cke_panel_container, .cke_panel_listItem, body.cke_editable.cke_editable_themed.cke_contents_ltr.cke_show_borders {
	background: white;
}
.cke_panel_container {
	font-size: unset;
}
.cke_panel_listItem a {
	font-size: 16px;
}*/
body.cke_editable {
  color: black;
}

.mode-maintenance{
  color:red; margin-bottom:10px;font-size:12px;
}