html,
body,
.dialog-off-canvas-main-canvas {
  min-height: 100vh;
}
#page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#page #main-wrapper {
  flex-grow: 1;
}
html {
  scroll-behavior: auto;
  scroll-behavior: smooth;
}
body {
  font-family: "Roboto", serif;
  font-size: 11pt;
  color: #707070;
  font-weight: 400;
}
input,
textarea {
  max-width: 100%;
}
.form-item-copy,
#edit-preview {
  display: none;
}
#edit-submit {
  margin: auto;
  display: block;
}
a:not(.btn) {
  text-decoration: none;
  color: #707070;
}
a:not(.btn):hover {
  color: #000;
  text-decoration: underline;
}
ul,
li,
ul.menu {
  margin: 0;
  padding: 0;
}
.thumb {
  display: block;
  border-radius: 4px;
  background: #F8F8F8;
  overflow: hidden;
}
img {
  max-width: 100%;
  height: auto!important;
}
.button,
.btn {
  display: block;
  text-align: center;
  width: max-content;
  max-width: 100%;
  white-space: normal;
  margin: auto;
  border: 0;
  padding: 0.25rem 1rem;
  text-transform: uppercase;
  color: #fff;
  background: #000;
  border-radius: 30px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: all ease 0.6s;
}
.button:focus,
.btn:focus {
  outline: none!important;
  box-shadow: none!important;
}
.button:hover,
.btn:hover {
  text-decoration: none;
  background: #018ca7;
  transition: all ease 0.6s;
}
.btn-cover {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  text-indent: -9999px;
}
.block-local-actions-block {
  display: flex;
  column-gap: 4px;
}
.block-local-actions-block li {
  display: block;
}
.button.button-action-add {
  display: flex;
  flex-direction: column;
  margin: 0;
  background: none;
  color: #707070;
  padding: 0;
}
.button.button-action-add:hover {
  color: #018ca7;
}
.btn.btn-dropbox,
.btn.btn-adobe {
  border-radius: 4px;
  display: flex;
  align-items: center;
  column-gap: 16px;
  background: #fff;
  color: #707070;
  width: 100%;
  margin-bottom: 16px;
  padding: 16px;
}
.btn.btn-dropbox .icon,
.btn.btn-adobe .icon {
  width: 32px;
  height: 32px;
}
.btn.btn-dropbox:hover,
.btn.btn-adobe:hover {
  background: #707070;
  color: #fff;
}
.btn.btn-dropbox:hover .icon,
.btn.btn-adobe:hover .icon {
  background: #fff;
}
.col-width-fixed {
  flex-grow: 0;
}
.messages {
  overflow: auto;
  box-sizing: border-box;
  padding-block: 16px;
  color: #fff;
  border-width: 0 0 0 8px;
  border-style: solid;
  border-color: #353641;
  border-radius: 0;
  background-color: 16px;
}
.messages.messages--status {
  border-color: #42a877;
}
.page-project .block-page-title-block + .project-univers.univers-919 {
  background: #0063a5;
}
.academy .icon.icon-project,
.univers-919 .icon.icon-project {
  background: #0063a5;
}
.academy .univers-label,
.univers-919 .univers-label {
  color: #0063a5;
}
.page-project .block-page-title-block + .project-univers.univers-920 {
  background: #f99d28;
}
.collection .icon.icon-project,
.univers-920 .icon.icon-project {
  background: #f99d28;
}
.collection .univers-label,
.univers-920 .univers-label {
  color: #f99d28;
}
.page-project .block-page-title-block + .project-univers.univers-921 {
  background: #ed3027;
}
.dynamix .icon.icon-project,
.univers-921 .icon.icon-project {
  background: #ed3027;
}
.dynamix .univers-label,
.univers-921 .univers-label {
  color: #ed3027;
}
.page-project .block-page-title-block + .project-univers.univers-922 {
  background: #ed3027;
}
.keys .icon.icon-project,
.univers-922 .icon.icon-project {
  background: #0099b0;
}
.keys .univers-label,
.univers-922 .univers-label {
  color: #0099b0;
}
.page-project .block-page-title-block + .project-univers.univers-923 {
  background: #88c241;
}
.services .icon.icon-project,
.univers-923 .icon.icon-project {
  background: #88c241;
}
.services .univers-label,
.univers-923 .univers-label {
  color: #88c241;
}
.page-project .block-page-title-block + .project-univers.univers-924 {
  background: #752a86;
}
.voice .icon.icon-project,
.univers-924 .icon.icon-project {
  background: #752a86;
}
.voice .univers-label,
.univers-924 .univers-label {
  color: #752a86;
}
.drupal-messages,
.messages__wrapper .messages {
  padding: 0.5rem;
  border-top: 1px solid #20262b;
  background: #3c434a;
  color: #fff;
  position: relative;
}
.drupal-messages:last-child,
.messages__wrapper .messages:last-child {
  border-bottom: 1px solid #20262b;
}
.drupal-messages::before,
.messages__wrapper .messages::before {
  position: absolute;
  width: 14px;
  height: 100%;
  content: "";
  display: block;
  top: 0;
  left: 0;
}
.drupal-messages a,
.messages__wrapper .messages a {
  text-decoration: underline;
  color: #fff;
}
.drupal-messages a:hover,
.messages__wrapper .messages a:hover {
  text-decoration: none;
}
.drupal-messages .content-wrap,
.messages__wrapper .messages .content-wrap {
  display: flex;
}
.drupal-messages .icon-wrap,
.messages__wrapper .messages .icon-wrap {
  width: 24px;
  flex-grow: 0;
}
.drupal-messages .content ul,
.messages__wrapper .messages .content ul {
  margin-left: 1.2rem;
}
.drupal-messages .placeholder,
.messages__wrapper .messages .placeholder {
  background: none;
}
.drupal-messages.messages-type-status:before,
.messages__wrapper .messages.messages-type-status:before {
  background: #42a877;
}
.drupal-messages.messages-type-status .icon-wrap .icon,
.messages__wrapper .messages.messages-type-status .icon-wrap .icon {
  background: #42a877;
}
.drupal-messages.messages-type-warning:before,
.messages__wrapper .messages.messages-type-warning:before {
  background: #ffe468;
}
.drupal-messages.messages-type-warning .icon-wrap .icon,
.messages__wrapper .messages.messages-type-warning .icon-wrap .icon {
  background: #ffe468;
}
.drupal-messages.messages-type-error:before,
.messages__wrapper .messages.messages-type-error:before {
  background: #e34f4f;
}
.drupal-messages.messages-type-error .icon-wrap .icon,
.messages__wrapper .messages.messages-type-error .icon-wrap .icon {
  background: #e34f4f;
}
.alert ul,
.alert ol {
  margin-left: 32px;
}
.alert.alert-dead {
  background: #DEC3DA;
  color: #8E5B86;
  border: 1px solid #8E5B86;
  text-align: left;
}
.alert.alert-dead img {
  border-radius: 50%;
}
nav.tabs li a {
  color: #000;
  display: block;
  background: #ccc;
  border-radius: 4px 4px 0 0;
  padding: 10px;
}
.eu-cookie-compliance-banner {
  background: rgba(0, 0, 0, 0.75);
  font-size: 0.8rem;
}
.eu-cookie-compliance-banner h2 {
  font-size: 0.9rem;
  font-weight: 500;
}
.thumb.thumb-user {
  width: 100%;
  position: relative;
  background-color: #707070;
}
.thumb.thumb-user .user-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-transform: uppercase;
  border-radius: 4px;
  line-height: 1;
  padding: 2px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  font-size: 18px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-compact {
  display: flex;
  align-items: center;
}
.user-compact .thumb.thumb-user {
  display: block;
  overflow: hidden;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.user-compact .thumb.thumb-user .user-icon {
  font-size: 11px;
}
.user-compact .name {
  margin: 0;
}
.user-compact .name .last-name {
  text-transform: uppercase;
}
.user-picture .thumb.thumb-user {
  display: block;
  overflow: hidden;
  width: 48px;
  height: 48px;
  margin-right: 8px;
}
.user-picture .thumb.thumb-user .user-icon {
  font-size: 11px;
}
.socialMedia {
  display: flex;
  justify-content: center;
  align-items: center;
}
.socialMedia .blockButton {
  display: block;
  height: 32px;
  width: 32px;
  background: #7C7D80;
  margin: 0.2rem;
  transition: all ease 0.6s;
}
.socialMedia .blockButton:hover {
  background: #fff;
  transition: all ease 0.6s;
}
.socialMedia .blockButton.i-facebook {
  mask: url("/themes/gate/front/extranet_front/images/icons/facebook.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icons/facebook.svg") no-repeat center / contain;
}
.socialMedia .blockButton.i-linkedin {
  mask: url("/themes/gate/front/extranet_front/images/icons/linkedin.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icons/linkedin.svg") no-repeat center / contain;
}
.socialMedia .blockButton.i-instagram {
  mask: url("/themes/gate/front/extranet_front/images/icons/instagram.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icons/instagram.svg") no-repeat center / contain;
}
.socialMedia .blockButton.i-youtube {
  mask: url("/themes/gate/front/extranet_front/images/icons/youtube.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icons/youtube.svg") no-repeat center / contain;
}
.socialMedia .blockButton.i-twitter {
  mask: url("/themes/gate/front/extranet_front/images/icons/twitter.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icons/twitter.svg") no-repeat center / contain;
}
.socialMedia .blockButton.i-tiktok {
  mask: url("/themes/gate/front/extranet_front/images/icons/tiktok.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/extranet_front/images/icons/tiktok.svg") no-repeat center / contain;
}