/*
	Manage the retina screens
*/
@media (-webkit-min-device-pixel-ratio: 1.2), (min--moz-device-pixel-ratio: 1.2) {
  html {
    font-size: 12px; } }

/*
  Font
*/
@font-face {
  font-family: BrownPro;
  src: url(../../font/BrownPro-Light.otf) format("opentype"); }

@font-face {
  font-family: BrownPro;
  font-weight: bold;
  src: url(../../font/BrownPro-Bold.otf) format("opentype"); }

/*
  Variables
*/
/*
  General
*/
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #EEEEEE;
  font-family: BrownPro, sans-serif; }

h1, h2, h3, h4, h5, h6, p {
  font-family: BrownPro, sans-serif; }

.overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
  cursor: wait !important;
  visibility: hidden; }

a {
  color: #FF681D; }
  a:visited, a:active {
    color: #c74808; }
  a:hover {
    color: #FFAE60; }

p {
  margin: 0; }

.cursor {
  cursor: pointer; 
}

button {
  outline: none; 
  border: 0;
  cursor: pointer;
}

.clickable, .list .list-item, #chat-window #chat-list .list-item, .locale-switch .locale-icon-flag, .zoom-buttons-bloc .zoom-button, .zoom-buttons-bloc #zoom-in, .zoom-buttons-bloc #zoom-out, .edit-wistiki #color-bullet, .edit-device #color-bullet, .edit-wistiki .yellow-bullet, .edit-device .edit-wistiki .yellow-bullet, .edit-wistiki .edit-device .yellow-bullet, .edit-device .yellow-bullet, .edit-wistiki .orange-bullet, .edit-device .edit-wistiki .orange-bullet, .edit-wistiki .edit-device .orange-bullet, .edit-device .orange-bullet, .edit-wistiki .purple-bullet, .edit-device .edit-wistiki .purple-bullet, .edit-wistiki .edit-device .purple-bullet, .edit-device .purple-bullet, .edit-wistiki .pink-bullet, .edit-device .edit-wistiki .pink-bullet, .edit-wistiki .edit-device .pink-bullet, .edit-device .pink-bullet, #user-account .user-account-list .user-account-list-item, #user-account .user-about-list .user-account-list-item, #user-account .user-about-list .user-about-list-item, #chat-button {
  cursor: pointer !important; }

.unselectable, .zoom-buttons-bloc .zoom-button, .zoom-buttons-bloc #zoom-in, .zoom-buttons-bloc #zoom-out, .edit-wistiki #color-bullet, .edit-device #color-bullet, .edit-wistiki .yellow-bullet, .edit-device .edit-wistiki .yellow-bullet, .edit-wistiki .edit-device .yellow-bullet, .edit-device .yellow-bullet, .edit-wistiki .orange-bullet, .edit-device .edit-wistiki .orange-bullet, .edit-wistiki .edit-device .orange-bullet, .edit-device .orange-bullet, .edit-wistiki .purple-bullet, .edit-device .edit-wistiki .purple-bullet, .edit-wistiki .edit-device .purple-bullet, .edit-device .purple-bullet, .edit-wistiki .pink-bullet, .edit-device .edit-wistiki .pink-bullet, .edit-wistiki .edit-device .pink-bullet, .edit-device .pink-bullet {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */ }

.fullscreen {
  height: 100%;
  width: 100%; }

.no-overflow {
  overflow: hidden; }

.half-rotated, #chat-window #chat-appbar .chat-discussion-back, #chat-window #chat-list-appbar .chat-discussion-back, #chat-window #discussion-appbar .chat-discussion-back {
  transform: rotate(0.5turn) !important; }

.quarter-rotated {
  transform: rotate(0.25turn); }

.reverse-quarter-rotated {
  transform: rotate(-0.25turn); }

.black-bg {
  background-color: #212121; }

.background-orange {
  background-color: #FFAE60; }

.background-yellow {
  background-color: #EBE739; }

.background-pink {
  background-color: #FFB3BA; }

.background-purple {
  background-color: #7E5BC3; }

.background-white, .user-avatar {
  background-color: white; }

.background-lost {
  background-color: #EDEDED; }

.background-device {
  background-color: #A9A9A9; }

.color-wistiki, .highlight-text {
  color: #FF681D; }

.color-orange {
  color: #FFAE60; }

.color-yellow {
  color: #EBE739; }

.color-pink {
  color: #FFB3BA; }

.color-purple {
  color: #7E5BC3; }

.color-white {
  color: white; }

.border-orange {
  border: solid 0.0625rem #FFAE60; }

.border-yellow {
  border: solid 0.0625rem #EBE739; }

.border-pink {
  border: solid 0.0625rem #FFB3BA; }

.border-purple {
  border: solid 0.0625rem #7E5BC3; }

.border-white {
  border: solid 0.0625rem white; }

.border-device {
  border: solid 0.0625rem #A9A9A9; }

.error-text, #card .error, .public-background .content .card .error, #login-page .content .card .error, #not-available-page .content .card .error, #not-found-page .content .card .error, #account-activation-page .content .card .error, #reset-password-page .content .card .error, #wistikette-page .content .card .error, .dialog-card .error, #legal-container #legal-card .error, .error-bloc, #chat-window #chat-list-error {
  color: #f44336; }

.error-input {
  border: solid 0.0625rem #f44336 !important; }

.waiting-text {
  color: #757575; }

.full-button, #card .button-bloc .active-button, .public-background .content .card .button-bloc .active-button, #login-page .content .card .button-bloc .active-button, #not-available-page .content .card .button-bloc .active-button, #not-found-page .content .card .button-bloc .active-button, #account-activation-page .content .card .button-bloc .active-button, #reset-password-page .content .card .button-bloc .active-button, #wistikette-page .content .card .button-bloc .active-button, .dialog-card .button-bloc .active-button, #legal-container #legal-card .button-bloc .active-button, #chat-window .discussion-input .send-button {
  border-radius: 0.3125rem;
  background-color: #717377;
  color: white;
  padding: 0.6875rem 0.625rem 0.625rem; }
  .full-button:hover, #card .button-bloc .active-button:hover, .public-background .content .card .button-bloc .active-button:hover, #login-page .content .card .button-bloc .active-button:hover, #not-available-page .content .card .button-bloc .active-button:hover, #not-found-page .content .card .button-bloc .active-button:hover, #account-activation-page .content .card .button-bloc .active-button:hover, #reset-password-page .content .card .button-bloc .active-button:hover, #wistikette-page .content .card .button-bloc .active-button:hover, .dialog-card .button-bloc .active-button:hover, #legal-container #legal-card .button-bloc .active-button:hover, #chat-window .discussion-input .send-button:hover {
    background-color: #FF681D; }

.empty-button, .wistiki-details .other-bloc .share-buttons-bloc button, .edit-wistiki .other-bloc .share-buttons-bloc button, .edit-device .other-bloc .share-buttons-bloc button, .device-details .other-bloc .share-buttons-bloc button, .edit-wistiki .edit-icon-bloc button, .edit-device .edit-icon-bloc button, .edit-buttons-bloc button, .edit-wistiki-buttons-bloc button, .edit-device-buttons-bloc button, #edit-account .edit-account-form .edit-account-buttons-bloc button, .user-profile .user-profile-buttons-bloc button {
  border-radius: 0.3125rem;
  border: solid 0.0625rem #656565;
  color: #656565;
  padding: 0.6875rem 0.625rem 0.625rem;
  width: 13.75rem;
  padding: 0.6875rem 0.625rem 0.625rem;
  margin: 1.25rem; }
  .empty-button:hover, .wistiki-details .other-bloc .share-buttons-bloc button:hover, .edit-wistiki .other-bloc .share-buttons-bloc button:hover, .edit-device .other-bloc .share-buttons-bloc button:hover, .device-details .other-bloc .share-buttons-bloc button:hover, .edit-wistiki .edit-icon-bloc button:hover, .edit-device .edit-icon-bloc button:hover, .edit-buttons-bloc button:hover, .edit-wistiki-buttons-bloc button:hover, .edit-device-buttons-bloc button:hover, #edit-account .edit-account-form .edit-account-buttons-bloc button:hover, .user-profile .user-profile-buttons-bloc button:hover {
    background-color: #FF681D;
    border-color: white;
    color: white; }
  .empty-button:disabled, .wistiki-details .other-bloc .share-buttons-bloc button:disabled, .edit-wistiki .other-bloc .share-buttons-bloc button:disabled, .edit-device .other-bloc .share-buttons-bloc button:disabled, .device-details .other-bloc .share-buttons-bloc button:disabled, .edit-wistiki .edit-icon-bloc button:disabled, .edit-device .edit-icon-bloc button:disabled, .edit-buttons-bloc button:disabled, .edit-wistiki-buttons-bloc button:disabled, .edit-device-buttons-bloc button:disabled, #edit-account .edit-account-form .edit-account-buttons-bloc button:disabled, .user-profile .user-profile-buttons-bloc button:disabled {
    background-color: #EEEEEE;
    border: solid 0.0625rem #656565;
    color: #656565; }

.flat-button, #card .button-bloc .inactive-button, .public-background .content .card .button-bloc .inactive-button, #login-page .content .card .button-bloc .inactive-button, #not-available-page .content .card .button-bloc .inactive-button, #not-found-page .content .card .button-bloc .inactive-button, #account-activation-page .content .card .button-bloc .inactive-button, #reset-password-page .content .card .button-bloc .inactive-button, #wistikette-page .content .card .button-bloc .inactive-button, .dialog-card .button-bloc .inactive-button, #legal-container #legal-card .button-bloc .inactive-button {
  border-radius: 0.3125rem;
  color: #FF681D;
  padding: 0.6875rem 0.625rem 0.625rem; }
  .flat-button:hover, #card .button-bloc .inactive-button:hover, .public-background .content .card .button-bloc .inactive-button:hover, #login-page .content .card .button-bloc .inactive-button:hover, #not-available-page .content .card .button-bloc .inactive-button:hover, #not-found-page .content .card .button-bloc .inactive-button:hover, #account-activation-page .content .card .button-bloc .inactive-button:hover, #reset-password-page .content .card .button-bloc .inactive-button:hover, #wistikette-page .content .card .button-bloc .inactive-button:hover, .dialog-card .button-bloc .inactive-button:hover, #legal-container #legal-card .button-bloc .inactive-button:hover {
    color: #717377;
    background-color: #e8e8e8; }

.highlight-text {
  font-weight: bold; }

.bullet, .list .list-item .share-bullet, #chat-window #chat-list .list-item .share-bullet, .wistiki-details .icon-bloc .ring-bullet, .edit-wistiki .icon-bloc .ring-bullet, .edit-device .icon-bloc .ring-bullet, .edit-wistiki .edit-icon .ring-bullet, .edit-device .edit-icon .ring-bullet, .device-details .icon-bloc .ring-bullet {
  border-radius: 50%;
  position: absolute;
  text-align: center; }

.half-opacity, .background-lost {
  opacity: 0.5; }

.avatar, .list .list-item .icon-bloc img, #chat-window #chat-list .list-item .icon-bloc img, .list .list-item .edit-wistiki .edit-icon img, .edit-wistiki .list .list-item .edit-icon img, #chat-window #chat-list .list-item .edit-wistiki .edit-icon img, .edit-wistiki #chat-window #chat-list .list-item .edit-icon img, .list .list-item .edit-device .edit-icon img, .edit-device .list .list-item .edit-icon img, #chat-window #chat-list .list-item .edit-device .edit-icon img, .edit-device #chat-window #chat-list .list-item .edit-icon img, #chat-window #discussion-picto {
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-color: white; }

#card, .public-background .content .card, #login-page .content .card, #not-available-page .content .card, #not-found-page .content .card, #account-activation-page .content .card, #reset-password-page .content .card, #wistikette-page .content .card, .dialog-card, #legal-container #legal-card {
  border-top: solid 0.75rem #FF681D;
  padding: 2.5rem;
  background-color: #EEEEEE; }
  #card p, .public-background .content .card p, #login-page .content .card p, #not-available-page .content .card p, #not-found-page .content .card p, #account-activation-page .content .card p, #reset-password-page .content .card p, #wistikette-page .content .card p, .dialog-card p, #legal-container #legal-card p, #card li, .public-background .content .card li, #login-page .content .card li, #not-available-page .content .card li, #not-found-page .content .card li, #account-activation-page .content .card li, #reset-password-page .content .card li, #wistikette-page .content .card li, .dialog-card li, #legal-container #legal-card li {
    font-size: 1.375rem;
    color: #565656;
    padding-bottom: 0.625rem; }
  #card .description, .public-background .content .card .description, #login-page .content .card .description, #not-available-page .content .card .description, #not-found-page .content .card .description, #account-activation-page .content .card .description, #reset-password-page .content .card .description, #wistikette-page .content .card .description, .dialog-card .description, #legal-container #legal-card .description {
    font-size: 1.063rem;
    margin-bottom: 0.625rem; }
  #card input, .public-background .content .card input, #login-page .content .card input, #not-available-page .content .card input, #not-found-page .content .card input, #account-activation-page .content .card input, #reset-password-page .content .card input, #wistikette-page .content .card input, .dialog-card input, #legal-container #legal-card input, #card select, .public-background .content .card select, #login-page .content .card select, #not-available-page .content .card select, #not-found-page .content .card select, #account-activation-page .content .card select, #reset-password-page .content .card select, #wistikette-page .content .card select, .dialog-card select, #legal-container #legal-card select {
    border: none;
    outline: none;
    border-radius: 0.3125rem;
    padding: 0 0.9375rem 0;
    height: 2.875rem;
    transition: none; }
    #card input:focus, .public-background .content .card input:focus, #login-page .content .card input:focus, #not-available-page .content .card input:focus, #not-found-page .content .card input:focus, #account-activation-page .content .card input:focus, #reset-password-page .content .card input:focus, #wistikette-page .content .card input:focus, .dialog-card input:focus, #legal-container #legal-card input:focus, #card select:focus, .public-background .content .card select:focus, #login-page .content .card select:focus, #not-available-page .content .card select:focus, #not-found-page .content .card select:focus, #account-activation-page .content .card select:focus, #reset-password-page .content .card select:focus, #wistikette-page .content .card select:focus, .dialog-card select:focus, #legal-container #legal-card select:focus {
      border: solid 0.0625rem #FF681D; }
  #card .error, .public-background .content .card .error, #login-page .content .card .error, #not-available-page .content .card .error, #not-found-page .content .card .error, #account-activation-page .content .card .error, #reset-password-page .content .card .error, #wistikette-page .content .card .error, .dialog-card .error, #legal-container #legal-card .error {
    font-size: 1rem; }
  #card .button-bloc, .public-background .content .card .button-bloc, #login-page .content .card .button-bloc, #not-available-page .content .card .button-bloc, #not-found-page .content .card .button-bloc, #account-activation-page .content .card .button-bloc, #reset-password-page .content .card .button-bloc, #wistikette-page .content .card .button-bloc, .dialog-card .button-bloc, #legal-container #legal-card .button-bloc {
    padding: 0 0.9375rem; }
    #card .button-bloc .basic-button, .public-background .content .card .button-bloc .basic-button, #login-page .content .card .button-bloc .basic-button, #not-available-page .content .card .button-bloc .basic-button, #not-found-page .content .card .button-bloc .basic-button, #account-activation-page .content .card .button-bloc .basic-button, #reset-password-page .content .card .button-bloc .basic-button, #wistikette-page .content .card .button-bloc .basic-button, .dialog-card .button-bloc .basic-button, #legal-container #legal-card .button-bloc .basic-button, #card .button-bloc .active-button, .public-background .content .card #card .button-bloc .active-button, #card .public-background .content .card .button-bloc .active-button, #login-page .content .card #card .button-bloc .active-button, #card #login-page .content .card .button-bloc .active-button, #not-available-page .content .card #card .button-bloc .active-button, #card #not-available-page .content .card .button-bloc .active-button, #not-found-page .content .card #card .button-bloc .active-button, #card #not-found-page .content .card .button-bloc .active-button, #account-activation-page .content .card #card .button-bloc .active-button, #card #account-activation-page .content .card .button-bloc .active-button, #reset-password-page .content .card #card .button-bloc .active-button, #card #reset-password-page .content .card .button-bloc .active-button, #wistikette-page .content .card #card .button-bloc .active-button, #card #wistikette-page .content .card .button-bloc .active-button, .dialog-card #card .button-bloc .active-button, #card .dialog-card .button-bloc .active-button, #legal-container #legal-card #card .button-bloc .active-button, #card #legal-container #legal-card .button-bloc .active-button, #card .public-background .content .card .button-bloc .active-button, .public-background .content .card #card .button-bloc .active-button, .public-background .content .card .button-bloc .active-button, #login-page .public-background .content .card .button-bloc .active-button, .public-background #login-page .content .card .button-bloc .active-button, #not-available-page .public-background .content .card .button-bloc .active-button, .public-background #not-available-page .content .card .button-bloc .active-button, #not-found-page .public-background .content .card .button-bloc .active-button, .public-background #not-found-page .content .card .button-bloc .active-button, #account-activation-page .public-background .content .card .button-bloc .active-button, .public-background #account-activation-page .content .card .button-bloc .active-button, #reset-password-page .public-background .content .card .button-bloc .active-button, .public-background #reset-password-page .content .card .button-bloc .active-button, #wistikette-page .public-background .content .card .button-bloc .active-button, .public-background #wistikette-page .content .card .button-bloc .active-button, .dialog-card .public-background .content .card .button-bloc .active-button, .public-background .content .card .dialog-card .button-bloc .active-button, #legal-container #legal-card .public-background .content .card .button-bloc .active-button, .public-background .content .card #legal-container #legal-card .button-bloc .active-button, #card #login-page .content .card .button-bloc .active-button, #login-page .content .card #card .button-bloc .active-button, .public-background #login-page .content .card .button-bloc .active-button, #login-page .public-background .content .card .button-bloc .active-button, #login-page .content .card .button-bloc .active-button, #not-available-page #login-page .content .card .button-bloc .active-button, #login-page #not-available-page .content .card .button-bloc .active-button, #not-found-page #login-page .content .card .button-bloc .active-button, #login-page #not-found-page .content .card .button-bloc .active-button, #account-activation-page #login-page .content .card .button-bloc .active-button, #login-page #account-activation-page .content .card .button-bloc .active-button, #reset-password-page #login-page .content .card .button-bloc .active-button, #login-page #reset-password-page .content .card .button-bloc .active-button, #wistikette-page #login-page .content .card .button-bloc .active-button, #login-page #wistikette-page .content .card .button-bloc .active-button, .dialog-card #login-page .content .card .button-bloc .active-button, #login-page .content .card .dialog-card .button-bloc .active-button, #legal-container #legal-card #login-page .content .card .button-bloc .active-button, #login-page .content .card #legal-container #legal-card .button-bloc .active-button, #card #not-available-page .content .card .button-bloc .active-button, #not-available-page .content .card #card .button-bloc .active-button, .public-background #not-available-page .content .card .button-bloc .active-button, #not-available-page .public-background .content .card .button-bloc .active-button, #login-page #not-available-page .content .card .button-bloc .active-button, #not-available-page #login-page .content .card .button-bloc .active-button, #not-available-page .content .card .button-bloc .active-button, #not-found-page #not-available-page .content .card .button-bloc .active-button, #not-available-page #not-found-page .content .card .button-bloc .active-button, #account-activation-page #not-available-page .content .card .button-bloc .active-button, #not-available-page #account-activation-page .content .card .button-bloc .active-button, #reset-password-page #not-available-page .content .card .button-bloc .active-button, #not-available-page #reset-password-page .content .card .button-bloc .active-button, #wistikette-page #not-available-page .content .card .button-bloc .active-button, #not-available-page #wistikette-page .content .card .button-bloc .active-button, .dialog-card #not-available-page .content .card .button-bloc .active-button, #not-available-page .content .card .dialog-card .button-bloc .active-button, #legal-container #legal-card #not-available-page .content .card .button-bloc .active-button, #not-available-page .content .card #legal-container #legal-card .button-bloc .active-button, #card #not-found-page .content .card .button-bloc .active-button, #not-found-page .content .card #card .button-bloc .active-button, .public-background #not-found-page .content .card .button-bloc .active-button, #not-found-page .public-background .content .card .button-bloc .active-button, #login-page #not-found-page .content .card .button-bloc .active-button, #not-found-page #login-page .content .card .button-bloc .active-button, #not-available-page #not-found-page .content .card .button-bloc .active-button, #not-found-page #not-available-page .content .card .button-bloc .active-button, #not-found-page .content .card .button-bloc .active-button, #account-activation-page #not-found-page .content .card .button-bloc .active-button, #not-found-page #account-activation-page .content .card .button-bloc .active-button, #reset-password-page #not-found-page .content .card .button-bloc .active-button, #not-found-page #reset-password-page .content .card .button-bloc .active-button, #wistikette-page #not-found-page .content .card .button-bloc .active-button, #not-found-page #wistikette-page .content .card .button-bloc .active-button, .dialog-card #not-found-page .content .card .button-bloc .active-button, #not-found-page .content .card .dialog-card .button-bloc .active-button, #legal-container #legal-card #not-found-page .content .card .button-bloc .active-button, #not-found-page .content .card #legal-container #legal-card .button-bloc .active-button, #card #account-activation-page .content .card .button-bloc .active-button, #account-activation-page .content .card #card .button-bloc .active-button, .public-background #account-activation-page .content .card .button-bloc .active-button, #account-activation-page .public-background .content .card .button-bloc .active-button, #login-page #account-activation-page .content .card .button-bloc .active-button, #account-activation-page #login-page .content .card .button-bloc .active-button, #not-available-page #account-activation-page .content .card .button-bloc .active-button, #account-activation-page #not-available-page .content .card .button-bloc .active-button, #not-found-page #account-activation-page .content .card .button-bloc .active-button, #account-activation-page #not-found-page .content .card .button-bloc .active-button, #account-activation-page .content .card .button-bloc .active-button, #reset-password-page #account-activation-page .content .card .button-bloc .active-button, #account-activation-page #reset-password-page .content .card .button-bloc .active-button, #wistikette-page #account-activation-page .content .card .button-bloc .active-button, #account-activation-page #wistikette-page .content .card .button-bloc .active-button, .dialog-card #account-activation-page .content .card .button-bloc .active-button, #account-activation-page .content .card .dialog-card .button-bloc .active-button, #legal-container #legal-card #account-activation-page .content .card .button-bloc .active-button, #account-activation-page .content .card #legal-container #legal-card .button-bloc .active-button, #card #reset-password-page .content .card .button-bloc .active-button, #reset-password-page .content .card #card .button-bloc .active-button, .public-background #reset-password-page .content .card .button-bloc .active-button, #reset-password-page .public-background .content .card .button-bloc .active-button, #login-page #reset-password-page .content .card .button-bloc .active-button, #reset-password-page #login-page .content .card .button-bloc .active-button, #not-available-page #reset-password-page .content .card .button-bloc .active-button, #reset-password-page #not-available-page .content .card .button-bloc .active-button, #not-found-page #reset-password-page .content .card .button-bloc .active-button, #reset-password-page #not-found-page .content .card .button-bloc .active-button, #account-activation-page #reset-password-page .content .card .button-bloc .active-button, #reset-password-page #account-activation-page .content .card .button-bloc .active-button, #reset-password-page .content .card .button-bloc .active-button, #wistikette-page #reset-password-page .content .card .button-bloc .active-button, #reset-password-page #wistikette-page .content .card .button-bloc .active-button, .dialog-card #reset-password-page .content .card .button-bloc .active-button, #reset-password-page .content .card .dialog-card .button-bloc .active-button, #legal-container #legal-card #reset-password-page .content .card .button-bloc .active-button, #reset-password-page .content .card #legal-container #legal-card .button-bloc .active-button, #card #wistikette-page .content .card .button-bloc .active-button, #wistikette-page .content .card #card .button-bloc .active-button, .public-background #wistikette-page .content .card .button-bloc .active-button, #wistikette-page .public-background .content .card .button-bloc .active-button, #login-page #wistikette-page .content .card .button-bloc .active-button, #wistikette-page #login-page .content .card .button-bloc .active-button, #not-available-page #wistikette-page .content .card .button-bloc .active-button, #wistikette-page #not-available-page .content .card .button-bloc .active-button, #not-found-page #wistikette-page .content .card .button-bloc .active-button, #wistikette-page #not-found-page .content .card .button-bloc .active-button, #account-activation-page #wistikette-page .content .card .button-bloc .active-button, #wistikette-page #account-activation-page .content .card .button-bloc .active-button, #reset-password-page #wistikette-page .content .card .button-bloc .active-button, #wistikette-page #reset-password-page .content .card .button-bloc .active-button, #wistikette-page .content .card .button-bloc .active-button, .dialog-card #wistikette-page .content .card .button-bloc .active-button, #wistikette-page .content .card .dialog-card .button-bloc .active-button, #legal-container #legal-card #wistikette-page .content .card .button-bloc .active-button, #wistikette-page .content .card #legal-container #legal-card .button-bloc .active-button, #card .dialog-card .button-bloc .active-button, .dialog-card #card .button-bloc .active-button, .public-background .content .card .dialog-card .button-bloc .active-button, .dialog-card .public-background .content .card .button-bloc .active-button, #login-page .content .card .dialog-card .button-bloc .active-button, .dialog-card #login-page .content .card .button-bloc .active-button, #not-available-page .content .card .dialog-card .button-bloc .active-button, .dialog-card #not-available-page .content .card .button-bloc .active-button, #not-found-page .content .card .dialog-card .button-bloc .active-button, .dialog-card #not-found-page .content .card .button-bloc .active-button, #account-activation-page .content .card .dialog-card .button-bloc .active-button, .dialog-card #account-activation-page .content .card .button-bloc .active-button, #reset-password-page .content .card .dialog-card .button-bloc .active-button, .dialog-card #reset-password-page .content .card .button-bloc .active-button, #wistikette-page .content .card .dialog-card .button-bloc .active-button, .dialog-card #wistikette-page .content .card .button-bloc .active-button, .dialog-card .button-bloc .active-button, #legal-container #legal-card .dialog-card .button-bloc .active-button, .dialog-card #legal-container #legal-card .button-bloc .active-button, #card #legal-container #legal-card .button-bloc .active-button, #legal-container #legal-card #card .button-bloc .active-button, .public-background .content .card #legal-container #legal-card .button-bloc .active-button, #legal-container #legal-card .public-background .content .card .button-bloc .active-button, #login-page .content .card #legal-container #legal-card .button-bloc .active-button, #legal-container #legal-card #login-page .content .card .button-bloc .active-button, #not-available-page .content .card #legal-container #legal-card .button-bloc .active-button, #legal-container #legal-card #not-available-page .content .card .button-bloc .active-button, #not-found-page .content .card #legal-container #legal-card .button-bloc .active-button, #legal-container #legal-card #not-found-page .content .card .button-bloc .active-button, #account-activation-page .content .card #legal-container #legal-card .button-bloc .active-button, #legal-container #legal-card #account-activation-page .content .card .button-bloc .active-button, #reset-password-page .content .card #legal-container #legal-card .button-bloc .active-button, #legal-container #legal-card #reset-password-page .content .card .button-bloc .active-button, #wistikette-page .content .card #legal-container #legal-card .button-bloc .active-button, #legal-container #legal-card #wistikette-page .content .card .button-bloc .active-button, .dialog-card #legal-container #legal-card .button-bloc .active-button, #legal-container #legal-card .dialog-card .button-bloc .active-button, #legal-container #legal-card .button-bloc .active-button, #card .button-bloc .inactive-button, .public-background .content .card #card .button-bloc .inactive-button, #card .public-background .content .card .button-bloc .inactive-button, #login-page .content .card #card .button-bloc .inactive-button, #card #login-page .content .card .button-bloc .inactive-button, #not-available-page .content .card #card .button-bloc .inactive-button, #card #not-available-page .content .card .button-bloc .inactive-button, #not-found-page .content .card #card .button-bloc .inactive-button, #card #not-found-page .content .card .button-bloc .inactive-button, #account-activation-page .content .card #card .button-bloc .inactive-button, #card #account-activation-page .content .card .button-bloc .inactive-button, #reset-password-page .content .card #card .button-bloc .inactive-button, #card #reset-password-page .content .card .button-bloc .inactive-button, #wistikette-page .content .card #card .button-bloc .inactive-button, #card #wistikette-page .content .card .button-bloc .inactive-button, .dialog-card #card .button-bloc .inactive-button, #card .dialog-card .button-bloc .inactive-button, #legal-container #legal-card #card .button-bloc .inactive-button, #card #legal-container #legal-card .button-bloc .inactive-button, #card .public-background .content .card .button-bloc .inactive-button, .public-background .content .card #card .button-bloc .inactive-button, .public-background .content .card .button-bloc .inactive-button, #login-page .public-background .content .card .button-bloc .inactive-button, .public-background #login-page .content .card .button-bloc .inactive-button, #not-available-page .public-background .content .card .button-bloc .inactive-button, .public-background #not-available-page .content .card .button-bloc .inactive-button, #not-found-page .public-background .content .card .button-bloc .inactive-button, .public-background #not-found-page .content .card .button-bloc .inactive-button, #account-activation-page .public-background .content .card .button-bloc .inactive-button, .public-background #account-activation-page .content .card .button-bloc .inactive-button, #reset-password-page .public-background .content .card .button-bloc .inactive-button, .public-background #reset-password-page .content .card .button-bloc .inactive-button, #wistikette-page .public-background .content .card .button-bloc .inactive-button, .public-background #wistikette-page .content .card .button-bloc .inactive-button, .dialog-card .public-background .content .card .button-bloc .inactive-button, .public-background .content .card .dialog-card .button-bloc .inactive-button, #legal-container #legal-card .public-background .content .card .button-bloc .inactive-button, .public-background .content .card #legal-container #legal-card .button-bloc .inactive-button, #card #login-page .content .card .button-bloc .inactive-button, #login-page .content .card #card .button-bloc .inactive-button, .public-background #login-page .content .card .button-bloc .inactive-button, #login-page .public-background .content .card .button-bloc .inactive-button, #login-page .content .card .button-bloc .inactive-button, #not-available-page #login-page .content .card .button-bloc .inactive-button, #login-page #not-available-page .content .card .button-bloc .inactive-button, #not-found-page #login-page .content .card .button-bloc .inactive-button, #login-page #not-found-page .content .card .button-bloc .inactive-button, #account-activation-page #login-page .content .card .button-bloc .inactive-button, #login-page #account-activation-page .content .card .button-bloc .inactive-button, #reset-password-page #login-page .content .card .button-bloc .inactive-button, #login-page #reset-password-page .content .card .button-bloc .inactive-button, #wistikette-page #login-page .content .card .button-bloc .inactive-button, #login-page #wistikette-page .content .card .button-bloc .inactive-button, .dialog-card #login-page .content .card .button-bloc .inactive-button, #login-page .content .card .dialog-card .button-bloc .inactive-button, #legal-container #legal-card #login-page .content .card .button-bloc .inactive-button, #login-page .content .card #legal-container #legal-card .button-bloc .inactive-button, #card #not-available-page .content .card .button-bloc .inactive-button, #not-available-page .content .card #card .button-bloc .inactive-button, .public-background #not-available-page .content .card .button-bloc .inactive-button, #not-available-page .public-background .content .card .button-bloc .inactive-button, #login-page #not-available-page .content .card .button-bloc .inactive-button, #not-available-page #login-page .content .card .button-bloc .inactive-button, #not-available-page .content .card .button-bloc .inactive-button, #not-found-page #not-available-page .content .card .button-bloc .inactive-button, #not-available-page #not-found-page .content .card .button-bloc .inactive-button, #account-activation-page #not-available-page .content .card .button-bloc .inactive-button, #not-available-page #account-activation-page .content .card .button-bloc .inactive-button, #reset-password-page #not-available-page .content .card .button-bloc .inactive-button, #not-available-page #reset-password-page .content .card .button-bloc .inactive-button, #wistikette-page #not-available-page .content .card .button-bloc .inactive-button, #not-available-page #wistikette-page .content .card .button-bloc .inactive-button, .dialog-card #not-available-page .content .card .button-bloc .inactive-button, #not-available-page .content .card .dialog-card .button-bloc .inactive-button, #legal-container #legal-card #not-available-page .content .card .button-bloc .inactive-button, #not-available-page .content .card #legal-container #legal-card .button-bloc .inactive-button, #card #not-found-page .content .card .button-bloc .inactive-button, #not-found-page .content .card #card .button-bloc .inactive-button, .public-background #not-found-page .content .card .button-bloc .inactive-button, #not-found-page .public-background .content .card .button-bloc .inactive-button, #login-page #not-found-page .content .card .button-bloc .inactive-button, #not-found-page #login-page .content .card .button-bloc .inactive-button, #not-available-page #not-found-page .content .card .button-bloc .inactive-button, #not-found-page #not-available-page .content .card .button-bloc .inactive-button, #not-found-page .content .card .button-bloc .inactive-button, #account-activation-page #not-found-page .content .card .button-bloc .inactive-button, #not-found-page #account-activation-page .content .card .button-bloc .inactive-button, #reset-password-page #not-found-page .content .card .button-bloc .inactive-button, #not-found-page #reset-password-page .content .card .button-bloc .inactive-button, #wistikette-page #not-found-page .content .card .button-bloc .inactive-button, #not-found-page #wistikette-page .content .card .button-bloc .inactive-button, .dialog-card #not-found-page .content .card .button-bloc .inactive-button, #not-found-page .content .card .dialog-card .button-bloc .inactive-button, #legal-container #legal-card #not-found-page .content .card .button-bloc .inactive-button, #not-found-page .content .card #legal-container #legal-card .button-bloc .inactive-button, #card #account-activation-page .content .card .button-bloc .inactive-button, #account-activation-page .content .card #card .button-bloc .inactive-button, .public-background #account-activation-page .content .card .button-bloc .inactive-button, #account-activation-page .public-background .content .card .button-bloc .inactive-button, #login-page #account-activation-page .content .card .button-bloc .inactive-button, #account-activation-page #login-page .content .card .button-bloc .inactive-button, #not-available-page #account-activation-page .content .card .button-bloc .inactive-button, #account-activation-page #not-available-page .content .card .button-bloc .inactive-button, #not-found-page #account-activation-page .content .card .button-bloc .inactive-button, #account-activation-page #not-found-page .content .card .button-bloc .inactive-button, #account-activation-page .content .card .button-bloc .inactive-button, #reset-password-page #account-activation-page .content .card .button-bloc .inactive-button, #account-activation-page #reset-password-page .content .card .button-bloc .inactive-button, #wistikette-page #account-activation-page .content .card .button-bloc .inactive-button, #account-activation-page #wistikette-page .content .card .button-bloc .inactive-button, .dialog-card #account-activation-page .content .card .button-bloc .inactive-button, #account-activation-page .content .card .dialog-card .button-bloc .inactive-button, #legal-container #legal-card #account-activation-page .content .card .button-bloc .inactive-button, #account-activation-page .content .card #legal-container #legal-card .button-bloc .inactive-button, #card #reset-password-page .content .card .button-bloc .inactive-button, #reset-password-page .content .card #card .button-bloc .inactive-button, .public-background #reset-password-page .content .card .button-bloc .inactive-button, #reset-password-page .public-background .content .card .button-bloc .inactive-button, #login-page #reset-password-page .content .card .button-bloc .inactive-button, #reset-password-page #login-page .content .card .button-bloc .inactive-button, #not-available-page #reset-password-page .content .card .button-bloc .inactive-button, #reset-password-page #not-available-page .content .card .button-bloc .inactive-button, #not-found-page #reset-password-page .content .card .button-bloc .inactive-button, #reset-password-page #not-found-page .content .card .button-bloc .inactive-button, #account-activation-page #reset-password-page .content .card .button-bloc .inactive-button, #reset-password-page #account-activation-page .content .card .button-bloc .inactive-button, #reset-password-page .content .card .button-bloc .inactive-button, #wistikette-page #reset-password-page .content .card .button-bloc .inactive-button, #reset-password-page #wistikette-page .content .card .button-bloc .inactive-button, .dialog-card #reset-password-page .content .card .button-bloc .inactive-button, #reset-password-page .content .card .dialog-card .button-bloc .inactive-button, #legal-container #legal-card #reset-password-page .content .card .button-bloc .inactive-button, #reset-password-page .content .card #legal-container #legal-card .button-bloc .inactive-button, #card #wistikette-page .content .card .button-bloc .inactive-button, #wistikette-page .content .card #card .button-bloc .inactive-button, .public-background #wistikette-page .content .card .button-bloc .inactive-button, #wistikette-page .public-background .content .card .button-bloc .inactive-button, #login-page #wistikette-page .content .card .button-bloc .inactive-button, #wistikette-page #login-page .content .card .button-bloc .inactive-button, #not-available-page #wistikette-page .content .card .button-bloc .inactive-button, #wistikette-page #not-available-page .content .card .button-bloc .inactive-button, #not-found-page #wistikette-page .content .card .button-bloc .inactive-button, #wistikette-page #not-found-page .content .card .button-bloc .inactive-button, #account-activation-page #wistikette-page .content .card .button-bloc .inactive-button, #wistikette-page #account-activation-page .content .card .button-bloc .inactive-button, #reset-password-page #wistikette-page .content .card .button-bloc .inactive-button, #wistikette-page #reset-password-page .content .card .button-bloc .inactive-button, #wistikette-page .content .card .button-bloc .inactive-button, .dialog-card #wistikette-page .content .card .button-bloc .inactive-button, #wistikette-page .content .card .dialog-card .button-bloc .inactive-button, #legal-container #legal-card #wistikette-page .content .card .button-bloc .inactive-button, #wistikette-page .content .card #legal-container #legal-card .button-bloc .inactive-button, #card .dialog-card .button-bloc .inactive-button, .dialog-card #card .button-bloc .inactive-button, .public-background .content .card .dialog-card .button-bloc .inactive-button, .dialog-card .public-background .content .card .button-bloc .inactive-button, #login-page .content .card .dialog-card .button-bloc .inactive-button, .dialog-card #login-page .content .card .button-bloc .inactive-button, #not-available-page .content .card .dialog-card .button-bloc .inactive-button, .dialog-card #not-available-page .content .card .button-bloc .inactive-button, #not-found-page .content .card .dialog-card .button-bloc .inactive-button, .dialog-card #not-found-page .content .card .button-bloc .inactive-button, #account-activation-page .content .card .dialog-card .button-bloc .inactive-button, .dialog-card #account-activation-page .content .card .button-bloc .inactive-button, #reset-password-page .content .card .dialog-card .button-bloc .inactive-button, .dialog-card #reset-password-page .content .card .button-bloc .inactive-button, #wistikette-page .content .card .dialog-card .button-bloc .inactive-button, .dialog-card #wistikette-page .content .card .button-bloc .inactive-button, .dialog-card .button-bloc .inactive-button, #legal-container #legal-card .dialog-card .button-bloc .inactive-button, .dialog-card #legal-container #legal-card .button-bloc .inactive-button, #card #legal-container #legal-card .button-bloc .inactive-button, #legal-container #legal-card #card .button-bloc .inactive-button, .public-background .content .card #legal-container #legal-card .button-bloc .inactive-button, #legal-container #legal-card .public-background .content .card .button-bloc .inactive-button, #login-page .content .card #legal-container #legal-card .button-bloc .inactive-button, #legal-container #legal-card #login-page .content .card .button-bloc .inactive-button, #not-available-page .content .card #legal-container #legal-card .button-bloc .inactive-button, #legal-container #legal-card #not-available-page .content .card .button-bloc .inactive-button, #not-found-page .content .card #legal-container #legal-card .button-bloc .inactive-button, #legal-container #legal-card #not-found-page .content .card .button-bloc .inactive-button, #account-activation-page .content .card #legal-container #legal-card .button-bloc .inactive-button, #legal-container #legal-card #account-activation-page .content .card .button-bloc .inactive-button, #reset-password-page .content .card #legal-container #legal-card .button-bloc .inactive-button, #legal-container #legal-card #reset-password-page .content .card .button-bloc .inactive-button, #wistikette-page .content .card #legal-container #legal-card .button-bloc .inactive-button, #legal-container #legal-card #wistikette-page .content .card .button-bloc .inactive-button, .dialog-card #legal-container #legal-card .button-bloc .inactive-button, #legal-container #legal-card .dialog-card .button-bloc .inactive-button, #legal-container #legal-card .button-bloc .inactive-button {
      width: 100%;
      text-transform: uppercase;
      margin-top: 1.25rem;
      padding: 1.125rem 0 1.063rem; }

.public-background, #login-page, #not-available-page, #not-found-page, #account-activation-page, #reset-password-page, #wistikette-page {
  background: url("/img/background_keysphone.jpg") center;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  min-height: 100%; }
  .public-background .content, #login-page .content, #not-available-page .content, #not-found-page .content, #account-activation-page .content, #reset-password-page .content, #wistikette-page .content {
    max-width: 28.13rem;
    margin: 0 auto; }
    @media (min-width: 28.13rem) {
      .public-background .content, #login-page .content, #not-available-page .content, #not-found-page .content, #account-activation-page .content, #reset-password-page .content, #wistikette-page .content {
        padding: 6.25rem 0; } }
    .public-background .content .card .logo, #login-page .content .card .logo, #not-available-page .content .card .logo, #not-found-page .content .card .logo, #account-activation-page .content .card .logo, #reset-password-page .content .card .logo, #wistikette-page .content .card .logo {
      padding: 0 0 3.125rem; }

.list, #chat-window #chat-list {
  padding: 0 !important;
  background-color: #EEEEEE; }
  .list .subheader, #chat-window #chat-list .subheader, .list #edit-account .edit-account-subheader, #edit-account .list .edit-account-subheader, #chat-window #chat-list #edit-account .edit-account-subheader, #edit-account #chat-window #chat-list .edit-account-subheader {
    height: 2.938rem;
    background-color: #63656a;
    color: white;
    margin: 0;
    text-align: center;
    font-size: 1.375rem;
    padding: 0.625rem 0;
    box-sizing: inherit; }
  .list .empty-list, #chat-window #chat-list .empty-list, .list #chat-window #empty-chat-list, #chat-window .list #empty-chat-list, #chat-window #chat-list #empty-chat-list {
    padding: 1rem; }
  .list .list-item, #chat-window #chat-list .list-item {
    transition: background-color 450ms;
    background-color: white;
    position: relative; }
    .list .list-item:hover, #chat-window #chat-list .list-item:hover {
      background-color: #e8e8e8; }
    .list .list-item .icon-bloc, #chat-window #chat-list .list-item .icon-bloc, .list .list-item .edit-wistiki .edit-icon, .edit-wistiki .list .list-item .edit-icon, #chat-window #chat-list .list-item .edit-wistiki .edit-icon, .edit-wistiki #chat-window #chat-list .list-item .edit-icon, .list .list-item .edit-device .edit-icon, .edit-device .list .list-item .edit-icon, #chat-window #chat-list .list-item .edit-device .edit-icon, .edit-device #chat-window #chat-list .list-item .edit-icon {
      float: left; }
      .list .list-item .icon-bloc img, #chat-window #chat-list .list-item .icon-bloc img, .list .list-item .edit-wistiki .edit-icon img, .edit-wistiki .list .list-item .edit-icon img, #chat-window #chat-list .list-item .edit-wistiki .edit-icon img, .edit-wistiki #chat-window #chat-list .list-item .edit-icon img, .list .list-item .edit-device .edit-icon img, .edit-device .list .list-item .edit-icon img, #chat-window #chat-list .list-item .edit-device .edit-icon img, .edit-device #chat-window #chat-list .list-item .edit-icon img {
        height: 5rem;
        width: 5rem;
        margin: 0.625rem;
        border-width: 0.1875rem; }
    .list .list-item .lost, #chat-window #chat-list .list-item .lost {
      font-weight: bold;
      position: absolute;
      width: 6.25rem;
      top: 2.5rem;
      left: 0;
      text-align: center;
      z-index: 2; }
    .list .list-item .share-bullet, #chat-window #chat-list .list-item .share-bullet {
      height: 1.6rem;
      width: 1.6rem;
      top: 0.5rem;
      left: 0.625rem;
      text-transform: uppercase; }
    .list .list-item .text-bloc, #chat-window #chat-list .list-item .text-bloc, .list .list-item .text-bloc-without-button, #chat-window #chat-list .list-item .text-bloc-without-button {
      padding: 0.3125rem 4.375rem 0 6.875rem;
      position: relative; }
      .list .list-item .text-bloc p, #chat-window #chat-list .list-item .text-bloc p, .list .list-item .text-bloc-without-button p, #chat-window #chat-list .list-item .text-bloc-without-button p {
        font-size: 0.875rem;
        line-height: 0.9375rem;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .list .list-item .text-bloc .upper-text, #chat-window #chat-list .list-item .text-bloc .upper-text, .list .list-item .text-bloc-without-button .upper-text, #chat-window #chat-list .list-item .text-bloc-without-button .upper-text, .list .list-item .text-bloc .upper-text-left, #chat-window #chat-list .list-item .text-bloc .upper-text-left, .list .list-item .text-bloc-without-button .upper-text-left, #chat-window #chat-list .list-item .text-bloc-without-button .upper-text-left, .list .list-item .text-bloc .upper-text-right, #chat-window #chat-list .list-item .text-bloc .upper-text-right, .list .list-item .text-bloc-without-button .upper-text-right, #chat-window #chat-list .list-item .text-bloc-without-button .upper-text-right {
        font-size: 0.8125rem;
        color: #63656a;
        padding-top: 0.1875rem; }
      .list .list-item .text-bloc .upper-text-left, #chat-window #chat-list .list-item .text-bloc .upper-text-left, .list .list-item .text-bloc-without-button .upper-text-left, #chat-window #chat-list .list-item .text-bloc-without-button .upper-text-left {
        padding-right: 5rem; }
      .list .list-item .text-bloc .upper-text-right, #chat-window #chat-list .list-item .text-bloc .upper-text-right, .list .list-item .text-bloc-without-button .upper-text-right, #chat-window #chat-list .list-item .text-bloc-without-button .upper-text-right {
        position: absolute;
        width: auto;
        color: black;
        right: 0.9375rem;
        top: 0.3125rem;
        padding-right: 0; }
      .list .list-item .text-bloc .no-upper-text, #chat-window #chat-list .list-item .text-bloc .no-upper-text, .list .list-item .text-bloc-without-button .no-upper-text, #chat-window #chat-list .list-item .text-bloc-without-button .no-upper-text {
        padding-top: 0.625rem; }
      .list .list-item .text-bloc .title-text, #chat-window #chat-list .list-item .text-bloc .title-text, .list .list-item .text-bloc-without-button .title-text, #chat-window #chat-list .list-item .text-bloc-without-button .title-text {
        margin-top: 0.3125rem;
        font-size: 1.563rem;
        line-height: 1.875rem;
        max-height: 1.875rem; }
      .list .list-item .text-bloc .middle-text, #chat-window #chat-list .list-item .text-bloc .middle-text, .list .list-item .text-bloc-without-button .middle-text, #chat-window #chat-list .list-item .text-bloc-without-button .middle-text {
        max-height: 1.875rem; }
      .list .list-item .text-bloc .lower-text, #chat-window #chat-list .list-item .text-bloc .lower-text, .list .list-item .text-bloc-without-button .lower-text, #chat-window #chat-list .list-item .text-bloc-without-button .lower-text {
        font-weight: bold;
        margin-top: 0.125rem; }
    .list .list-item .text-bloc-without-button, #chat-window #chat-list .list-item .text-bloc-without-button {
      padding-right: 0.625rem; }
    .list .list-item .button-bloc, #chat-window #chat-list .list-item .button-bloc {
      position: absolute;
      right: 0.625rem;
      top: 1.563rem; }

.list-spinner-container {
  height: 1.875rem;
  width: 1.875rem;
  margin: 0.9375rem auto;
  position: relative; }

.list-refresh-bloc {
  text-align: center;
  padding: 1.25rem 1.875rem; }
  .list-refresh-bloc .floating-button, .list-refresh-bloc .all-markers-button, .list-refresh-bloc #user-account .user-account-info .user-account-edit, #user-account .user-account-info .list-refresh-bloc .user-account-edit, .list-refresh-bloc #edit-account .edit-account-avatar .edit-account-camera-icon, #edit-account .edit-account-avatar .list-refresh-bloc .edit-account-camera-icon, .list-refresh-bloc #edit-account .edit-account-avatar .edit-account-back, #edit-account .edit-account-avatar .list-refresh-bloc .edit-account-back {
    position: inherit;
    width: 3.25rem;
    margin: 0.625rem auto 0; }

.user-avatar {
  border-radius: 50%;
  background-position: center center;
  background-size: cover;
  display: inline-block;
  text-align: center;
  font-size: 1.438rem;
  height: 2.5rem;
  width: 2.5rem;}

.letter {
  margin-bottom: 0.5rem; }

.big-square-avatar, .user-profile .user-profile-avatar, #edit-account .edit-account-avatar {
  width: 25rem;
  height: 25rem;
  background-size: cover;
  background-position: center center;
  background-color: #EEEEEE;
  background-repeat: no-repeat; }

.floating-button, .all-markers-button, #user-account .user-account-info .user-account-edit, #edit-account .edit-account-avatar .edit-account-camera-icon, #edit-account .edit-account-avatar .edit-account-back {
  position: absolute;
  border-radius: 50%;
  background-color: white;
  border: solid 0.125rem #FF681D; }

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

.default-icon-button svg {
  height: 1.5rem !important;
  width: 1.5rem !important; }

.default-icon-img {
  max-width: 100%; }

.custom-toggle > div > div > div:first-child {
  height: 1.125rem !important; }

/*
  Header
*/
.appbar, .main-appbar, .details-appbar, .details-appbar-white {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  box-sizing: border-box;
  font-family: BrownPro, sans-serif;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 0.0625rem 0.375rem rgba(0, 0, 0, 0.12), 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.12);
  border-radius: 0;
  z-index: 1100;
  width: 100%;
  display: flex;
  min-height: 4rem;
  padding: 0.5rem 1.5rem 0; }
  .appbar .children, .main-appbar .children, .details-appbar .children, .details-appbar-white .children {
    width: 100%;
    margin-top: 0.125rem; }
    .appbar .children .center-bloc, .main-appbar .children .center-bloc, .details-appbar .children .center-bloc, .details-appbar-white .children .center-bloc {
      width: 100%;
      display: inline-block; }
      .appbar .children .center-bloc img, .main-appbar .children .center-bloc img, .details-appbar .children .center-bloc img, .details-appbar-white .children .center-bloc img {
        height: 1.875rem;
        margin: 0.4375rem auto;
        display: block; }
    .appbar .children .right-bloc, .main-appbar .children .right-bloc, .details-appbar .children .right-bloc, .details-appbar-white .children .right-bloc {
      position: absolute;
      right: 1.5rem;
      display: inline; }

.main-appbar {
  position: fixed;
  background-color: white; }

.under-appbar, .under-appbar-grey {
  margin-top: 4rem;
  padding-bottom: 4rem; }

.under-appbar-grey {
  background-color: #EEEEEE !important; }

.header-flag-avatar {
  height: 1.625rem;
  cursor: pointer;
  width: 1.625rem;
  border: solid 0.0625rem #EDEDED;
  background-size: cover;
  background-position: center; }

.header-empty-user-avatar {
  background-color: #EEEEEE;
  background-size: 1.375rem;
  background-repeat: no-repeat;
  background-position: center; }

/*
  Material-UI
*/
input {
  box-shadow: none !important; }

/*
  Login
*/
#login-page #forgot-password, #not-available-page #forgot-password, #not-found-page #forgot-password, #account-activation-page #forgot-password, #reset-password-page #forgot-password, #wistikette-page #forgot-password {
  color: black;
  font-size: 0.875rem;
  padding-bottom: 1.25rem; }

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


#select_gender_create_account {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-size: 9px 6px;
  background-position: right -1rem center;
  background-origin: content-box;
  background-repeat: no-repeat;
}

/*
  Locales
*/
.locale-switch {
  position: relative;
  top: 0;
  right: 0;
  text-align: right; }
  .locale-switch .locale-icon-flag {
    margin: 0.625rem 0.9375rem 0.625rem 0;
    transition: all .1s ease-in-out; }
    .locale-switch .locale-icon-flag:hover:not(.selected-icon-flag) {
      transform: scale(1.35); }
  .locale-switch .selected-icon-flag {
    height: 2.188rem !important;
    width: 2.188rem !important; }

/*
  Content
*/
.extract-map {
  height: 100%;
  overflow: hidden;
  width: 100%;
  background-color: #717377; }

.cluster-bullet, .wistiki-cluster-bullet, .device-cluster-bullet {
  position: absolute;
  text-align: center;
  font-size: 0.875rem;
  font-weight: bold;
  background-color: white;
  border-radius: 50%;
  padding: 0.3725rem;
  line-height: 0.75;
  top: 0.5rem;
  right: 0.5rem;
  color: black;
  border: 1px solid black; }

.wistiki-cluster-bullet {
  color: #FF681D;
  border: 1px solid #FF681D; }

.device-cluster-bullet {
  color: #212121;
  border: 1px solid #212121; }

.all-markers-button {
  bottom: 6.563rem;
  right: 0.125rem;
  border: solid 0.0625rem #A9A9A9; }

.zoom-buttons-bloc {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 1.563rem 0.625rem; }
  .zoom-buttons-bloc .zoom-button, .zoom-buttons-bloc #zoom-in, .zoom-buttons-bloc #zoom-out {
    border: solid 0.0625rem #A9A9A9;
    background-color: white;
    height: 2.125rem;
    width: 2.125rem;
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold; 
  }
    .zoom-buttons-bloc .zoom-button:hover, .zoom-buttons-bloc #zoom-in:hover, .zoom-buttons-bloc #zoom-out:hover {
      background-color: #EEEEEE; }
  .zoom-buttons-bloc #zoom-in {
    border-bottom: 0px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%; }
  .zoom-buttons-bloc #zoom-out {
    border-top: 0px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%; }

.legal_bottom_bloc {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-size: 0.8rem;
  z-index: 1;
  background-color: #EEEEEE; }
  .legal_bottom_bloc a {
    color: black; }
    .legal_bottom_bloc a:hover {
      text-decoration: underline; }

/*
  Details Page
*/
.details-appbar, .details-appbar-white {
  color: white;
  box-shadow: none; }
  .details-appbar h1, .details-appbar-white h1 {
    font-size: 2rem;
    padding-top: 0.3125rem;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 17.5rem;
    max-height: 3.125rem;
    white-space: nowrap; }
  .details-appbar .left-icon, .details-appbar-white .left-icon {
    position: absolute !important;
    left: 0.9375rem; }
  .details-appbar .right-icon, .details-appbar-white .right-icon {
    position: absolute !important;
    right: 0.9375rem; }

.details-appbar-white {
  color: black;
  background-color: white; }

.wistiki-details, .edit-wistiki, .edit-device, .device-details {
  position: relative; }
  .wistiki-details .icon-bloc, .edit-wistiki .icon-bloc, .edit-device .icon-bloc, .edit-wistiki .edit-icon, .edit-device .edit-icon, .device-details .icon-bloc, .device-details .edit-wistiki .edit-icon, .edit-wistiki .device-details .edit-icon, .device-details .edit-device .edit-icon, .edit-device .device-details .edit-icon {
    width: 12.5rem;
    margin: 0 auto;
    padding-top: 1.875rem;
    position: relative; }
    .wistiki-details .icon-bloc .icon, .edit-wistiki .icon-bloc .icon, .edit-device .icon-bloc .icon, .edit-wistiki .edit-icon .icon, .edit-device .edit-icon .icon, .device-details .icon-bloc .icon, .device-details .edit-wistiki .edit-icon .icon, .edit-wistiki .device-details .edit-icon .icon, .device-details .edit-device .edit-icon .icon, .edit-device .device-details .edit-icon .icon {
      border-radius: 50%;
      height: 12.5rem;
      width: 12.5rem;
      background-size: cover;
      background-position: center;
      background-color: white;
      border-width: 0.125rem; }
    .wistiki-details .icon-bloc .ring-bullet, .edit-wistiki .icon-bloc .ring-bullet, .edit-device .icon-bloc .ring-bullet, .edit-wistiki .edit-icon .ring-bullet, .edit-device .edit-icon .ring-bullet, .device-details .icon-bloc .ring-bullet, .device-details .edit-wistiki .edit-icon .ring-bullet, .edit-wistiki .device-details .edit-icon .ring-bullet, .device-details .edit-device .edit-icon .ring-bullet, .edit-device .device-details .edit-icon .ring-bullet {
      height: 3.125rem;
      width: 3.125rem;
      bottom: 0;
      right: 0.625rem;
      outline: none; }
  .wistiki-details .lost, .edit-wistiki .lost, .edit-device .lost, .device-details .lost {
    font-weight: bold;
    position: absolute;
    width: 25rem;
    top: 7.188rem;
    font-size: 1.5rem;
    text-align: center;
    z-index: 2; }
  .wistiki-details .text-bloc, .edit-wistiki .text-bloc, .edit-device .text-bloc, .wistiki-details .list .list-item .text-bloc-without-button, .list .list-item .wistiki-details .text-bloc-without-button, .edit-wistiki .list .list-item .text-bloc-without-button, .list .list-item .edit-wistiki .text-bloc-without-button, .edit-device .list .list-item .text-bloc-without-button, .list .list-item .edit-device .text-bloc-without-button, .wistiki-details #chat-window #chat-list .list-item .text-bloc-without-button, #chat-window #chat-list .list-item .wistiki-details .text-bloc-without-button, .edit-wistiki #chat-window #chat-list .list-item .text-bloc-without-button, #chat-window #chat-list .list-item .edit-wistiki .text-bloc-without-button, .edit-device #chat-window #chat-list .list-item .text-bloc-without-button, #chat-window #chat-list .list-item .edit-device .text-bloc-without-button, .device-details .text-bloc, .device-details .list .list-item .text-bloc-without-button, .list .list-item .device-details .text-bloc-without-button, .device-details #chat-window #chat-list .list-item .text-bloc-without-button, #chat-window #chat-list .list-item .device-details .text-bloc-without-button {
    text-align: center;
    padding: 1.688rem 1.063rem 1.063rem; }
    .wistiki-details .text-bloc h3, .edit-wistiki .text-bloc h3, .edit-device .text-bloc h3, .wistiki-details .list .list-item .text-bloc-without-button h3, .list .list-item .wistiki-details .text-bloc-without-button h3, .edit-wistiki .list .list-item .text-bloc-without-button h3, .list .list-item .edit-wistiki .text-bloc-without-button h3, .edit-device .list .list-item .text-bloc-without-button h3, .list .list-item .edit-device .text-bloc-without-button h3, .wistiki-details #chat-window #chat-list .list-item .text-bloc-without-button h3, #chat-window #chat-list .list-item .wistiki-details .text-bloc-without-button h3, .edit-wistiki #chat-window #chat-list .list-item .text-bloc-without-button h3, #chat-window #chat-list .list-item .edit-wistiki .text-bloc-without-button h3, .edit-device #chat-window #chat-list .list-item .text-bloc-without-button h3, #chat-window #chat-list .list-item .edit-device .text-bloc-without-button h3, .device-details .text-bloc h3, .device-details .list .list-item .text-bloc-without-button h3, .list .list-item .device-details .text-bloc-without-button h3, .device-details #chat-window #chat-list .list-item .text-bloc-without-button h3, #chat-window #chat-list .list-item .device-details .text-bloc-without-button h3 {
      font-size: 1.3rem;
      margin: 0; }
    .wistiki-details .text-bloc p, .edit-wistiki .text-bloc p, .edit-device .text-bloc p, .wistiki-details .list .list-item .text-bloc-without-button p, .list .list-item .wistiki-details .text-bloc-without-button p, .edit-wistiki .list .list-item .text-bloc-without-button p, .list .list-item .edit-wistiki .text-bloc-without-button p, .edit-device .list .list-item .text-bloc-without-button p, .list .list-item .edit-device .text-bloc-without-button p, .wistiki-details #chat-window #chat-list .list-item .text-bloc-without-button p, #chat-window #chat-list .list-item .wistiki-details .text-bloc-without-button p, .edit-wistiki #chat-window #chat-list .list-item .text-bloc-without-button p, #chat-window #chat-list .list-item .edit-wistiki .text-bloc-without-button p, .edit-device #chat-window #chat-list .list-item .text-bloc-without-button p, #chat-window #chat-list .list-item .edit-device .text-bloc-without-button p, .device-details .text-bloc p, .device-details .list .list-item .text-bloc-without-button p, .list .list-item .device-details .text-bloc-without-button p, .device-details #chat-window #chat-list .list-item .text-bloc-without-button p, #chat-window #chat-list .list-item .device-details .text-bloc-without-button p {
      padding-bottom: 0.3125rem;
      font-size: 1.2rem; }
    .wistiki-details .text-bloc .moment, .edit-wistiki .text-bloc .moment, .edit-device .text-bloc .moment, .wistiki-details .list .list-item .text-bloc-without-button .moment, .list .list-item .wistiki-details .text-bloc-without-button .moment, .edit-wistiki .list .list-item .text-bloc-without-button .moment, .list .list-item .edit-wistiki .text-bloc-without-button .moment, .edit-device .list .list-item .text-bloc-without-button .moment, .list .list-item .edit-device .text-bloc-without-button .moment, .wistiki-details #chat-window #chat-list .list-item .text-bloc-without-button .moment, #chat-window #chat-list .list-item .wistiki-details .text-bloc-without-button .moment, .edit-wistiki #chat-window #chat-list .list-item .text-bloc-without-button .moment, #chat-window #chat-list .list-item .edit-wistiki .text-bloc-without-button .moment, .edit-device #chat-window #chat-list .list-item .text-bloc-without-button .moment, #chat-window #chat-list .list-item .edit-device .text-bloc-without-button .moment, .device-details .text-bloc .moment, .device-details .list .list-item .text-bloc-without-button .moment, .list .list-item .device-details .text-bloc-without-button .moment, .device-details #chat-window #chat-list .list-item .text-bloc-without-button .moment, #chat-window #chat-list .list-item .device-details .text-bloc-without-button .moment {
      color: #63656a; }
  .wistiki-details .other-bloc, .edit-wistiki .other-bloc, .edit-device .other-bloc, .device-details .other-bloc {
    padding: 1.25rem 1.125rem 0; }
    .wistiki-details .other-bloc .subheader, .edit-wistiki .other-bloc .subheader, .edit-device .other-bloc .subheader, .wistiki-details .other-bloc #edit-account .edit-account-subheader, #edit-account .wistiki-details .other-bloc .edit-account-subheader, .edit-wistiki .other-bloc #edit-account .edit-account-subheader, #edit-account .edit-wistiki .other-bloc .edit-account-subheader, .edit-device .other-bloc #edit-account .edit-account-subheader, #edit-account .edit-device .other-bloc .edit-account-subheader, .device-details .other-bloc .subheader, .device-details .other-bloc #edit-account .edit-account-subheader, #edit-account .device-details .other-bloc .edit-account-subheader {
      margin: 0;
      font-size: 1.1rem;
      font-weight: bold;
      color: #63656a;
      padding-bottom: 0.5rem; }
    .wistiki-details .other-bloc .content-with-rightbloc, .edit-wistiki .other-bloc .content-with-rightbloc, .edit-device .other-bloc .content-with-rightbloc, .device-details .other-bloc .content-with-rightbloc {
      padding: 1rem 4.5rem 1rem 0;
      position: relative; }
    .wistiki-details .other-bloc .content-with-leftbloc, .edit-wistiki .other-bloc .content-with-leftbloc, .edit-device .other-bloc .content-with-leftbloc, .device-details .other-bloc .content-with-leftbloc {
      padding: 1rem 0 1rem 3.375rem;
      position: relative; }
    .wistiki-details .other-bloc .content-with-nobloc, .edit-wistiki .other-bloc .content-with-nobloc, .edit-device .other-bloc .content-with-nobloc, .device-details .other-bloc .content-with-nobloc {
      padding: 1rem 0; }
      .wistiki-details .other-bloc .content-with-nobloc .call-button, .edit-wistiki .other-bloc .content-with-nobloc .call-button, .edit-device .other-bloc .content-with-nobloc .call-button, .device-details .other-bloc .content-with-nobloc .call-button {
        float: right;
        margin-top: 0.9375rem !important; }
    .wistiki-details .other-bloc .share-buttons-bloc, .edit-wistiki .other-bloc .share-buttons-bloc, .edit-device .other-bloc .share-buttons-bloc, .device-details .other-bloc .share-buttons-bloc {
      padding: 1.25rem 0;
      position: relative;
      text-align: center; }
      .wistiki-details .other-bloc .share-buttons-bloc button, .edit-wistiki .other-bloc .share-buttons-bloc button, .edit-device .other-bloc .share-buttons-bloc button, .device-details .other-bloc .share-buttons-bloc button {
        margin: 0.625rem;
        width: 55%; }
    .wistiki-details .other-bloc .owner-icon, .edit-wistiki .other-bloc .owner-icon, .edit-device .other-bloc .owner-icon, .device-details .other-bloc .owner-icon {
      position: absolute;
      top: 0.5rem;
      left: 0; }
  .wistiki-details .friend-table, .edit-wistiki .friend-table, .edit-device .friend-table, .device-details .friend-table {
    text-align: center;
    padding-top: 0.625rem; }
    .wistiki-details .friend-table .friend-bloc, .edit-wistiki .friend-table .friend-bloc, .edit-device .friend-table .friend-bloc, .device-details .friend-table .friend-bloc {
      text-align: center;
      width: 6.875rem;
      display: inline-block;
      margin: 0.625rem 0; }

.dialog-card .button-bloc {
  overflow: auto; }
  .dialog-card .button-bloc .active-button, .dialog-card .button-bloc .inactive-button {
    width: 48%; }
  .dialog-card .button-bloc .active-button {
    float: right; }

.error-bloc {
  background-color: #EEEEEE;
  margin: 1.25rem 0 0;
  padding: 0.625rem 0.9375rem;
  border-radius: 0.625rem; }

/*
  Edit Page
*/
.edit-content {
  height: 100%; }

.edit-wistiki, .edit-device {
  margin: 0 1.25rem;
  height: 90%; }
  .edit-wistiki .edit-alias-bloc, .edit-device .edit-alias-bloc, .edit-wistiki .edit-icon-bloc, .edit-device .edit-icon-bloc, .edit-wistiki .edit-color-bloc, .edit-device .edit-color-bloc {
    text-align: center;
    padding-top: 2.5rem; }
    .edit-wistiki .edit-alias-bloc p, .edit-device .edit-alias-bloc p, .edit-wistiki .edit-icon-bloc p, .edit-device .edit-icon-bloc p, .edit-wistiki .edit-color-bloc p, .edit-device .edit-color-bloc p {
      font-size: 1.25rem;
      margin-bottom: 0.625rem; }
  .edit-wistiki .textfield-color-yellow input, .edit-device .textfield-color-yellow input {
    color: #EBE739 !important; }
  .edit-wistiki .textfield-color-orange input, .edit-device .textfield-color-orange input {
    color: #FFAE60 !important; }
  .edit-wistiki .textfield-color-purple input, .edit-device .textfield-color-purple input {
    color: #7E5BC3 !important; }
  .edit-wistiki .textfield-color-pink input, .edit-device .textfield-color-pink input {
    color: #FFB3BA !important; }
  .edit-wistiki .edit-alias-bloc img, .edit-device .edit-alias-bloc img {
    height: 2.5rem;
    margin-left: 0.75rem;
    vertical-align: top;
    padding-top: 0.625rem; }
  .edit-wistiki .edit-icon, .edit-device .edit-icon {
    padding: 0.75rem 0; }
    .edit-wistiki .edit-icon .icon, .edit-device .edit-icon .icon {
      border-radius: 50%;
      height: 7.5rem;
      width: 7.5rem; }
  .edit-wistiki .edit-icon-bloc button, .edit-device .edit-icon-bloc button {
    margin: 1.25rem 0 0 0; }
  .edit-wistiki .edit-color-bloc, .edit-device .edit-color-bloc {
    padding-top: 3.438rem; }
  .edit-wistiki .color-bullets-bloc, .edit-device .color-bullets-bloc {
    padding-top: 0.3125rem; }
  .edit-wistiki .color-bullet-container, .edit-device .color-bullet-container {
    height: 4.063rem;
    width: 4.063rem;
    display: inline-block; }
  .edit-wistiki #color-bullet, .edit-device #color-bullet, .edit-wistiki .yellow-bullet, .edit-wistiki .edit-device .yellow-bullet, .edit-device .edit-wistiki .yellow-bullet, .edit-device .yellow-bullet, .edit-wistiki .orange-bullet, .edit-wistiki .edit-device .orange-bullet, .edit-device .edit-wistiki .orange-bullet, .edit-device .orange-bullet, .edit-wistiki .purple-bullet, .edit-wistiki .edit-device .purple-bullet, .edit-device .edit-wistiki .purple-bullet, .edit-device .purple-bullet, .edit-wistiki .pink-bullet, .edit-wistiki .edit-device .pink-bullet, .edit-device .edit-wistiki .pink-bullet, .edit-device .pink-bullet {
    height: 1.875rem;
    width: 1.875rem;
    margin: 0.625rem;
    border-radius: 50%;
    display: inline-block;
    transition: all .1s ease-in-out; }
    .edit-wistiki #color-bullet:hover, .edit-device #color-bullet:hover, .edit-wistiki .yellow-bullet:hover, .edit-wistiki .edit-device .yellow-bullet:hover, .edit-device .edit-wistiki .yellow-bullet:hover, .edit-device .yellow-bullet:hover, .edit-wistiki .orange-bullet:hover, .edit-wistiki .edit-device .orange-bullet:hover, .edit-device .edit-wistiki .orange-bullet:hover, .edit-device .orange-bullet:hover, .edit-wistiki .purple-bullet:hover, .edit-wistiki .edit-device .purple-bullet:hover, .edit-device .edit-wistiki .purple-bullet:hover, .edit-device .purple-bullet:hover, .edit-wistiki .pink-bullet:hover, .edit-wistiki .edit-device .pink-bullet:hover, .edit-device .edit-wistiki .pink-bullet:hover, .edit-device .pink-bullet:hover {
      transform: scale(1.5); }
  .edit-wistiki .yellow-bullet, .edit-device .yellow-bullet {
    background-color: #EBE739; }
  .edit-wistiki .orange-bullet, .edit-device .orange-bullet {
    background-color: #FFAE60; }
  .edit-wistiki .purple-bullet, .edit-device .purple-bullet {
    background-color: #7E5BC3; }
  .edit-wistiki .pink-bullet, .edit-device .pink-bullet {
    background-color: #FFB3BA; }
  .edit-wistiki .selected-bullet, .edit-device .selected-bullet {
    height: 2.813rem;
    width: 2.813rem;
    margin: 0.125rem; }
    .edit-wistiki .selected-bullet:hover, .edit-device .selected-bullet:hover {
      transform: none; }

.dialog-icons-bloc {
  text-align: center; }

.edit-device .textfield-color-wistiki input {
  color: #FF681D !important; }

.edit-buttons-bloc, .edit-wistiki-buttons-bloc, .edit-device-buttons-bloc, #edit-account .edit-account-form .edit-account-buttons-bloc {
  text-align: center;
  width: 100%;
  padding: 3.125rem 0 1.875rem; }
  .edit-buttons-bloc button, .edit-wistiki-buttons-bloc button, .edit-device-buttons-bloc button, #edit-account .edit-account-form .edit-account-buttons-bloc button {
    width: 35%;
    margin: 0.9375rem; }

/*
  User Profile
*/
.user-profile {
  text-align: center; }
  .user-profile .user-profile-email {
    padding: 1.875rem; }
  .user-profile .user-profile-share-relationship {
    font-size: 1.2rem;
    padding: 0 1.875rem; }
  .user-profile .user-profile-buttons-bloc {
    padding: 2.5rem 0;
    margin: 0 1.25rem; }
    .user-profile .user-profile-buttons-bloc button {
      width: 60%;
      margin: 0.625rem; }

/*
  Account
*/
#user-account .user-account-info {
  text-align: center;
  background-color: #EEEEEE;
  padding: 1.563rem 0 0.3125rem; }
  #user-account .user-account-info .user-account-avatar {
    position: relative;
    height: 13.75rem;
    width: 13.75rem;
    background-color: white;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    border: solid 0.0625rem #63656a; }
  #user-account .user-account-info .user-account-edit {
    right: 0;
    bottom: 0; }
  #user-account .user-account-info h3 {
    margin: 0;
    padding-top: 1.563rem; }
  #user-account .user-account-info p {
    padding-bottom: 0.1875rem; }

#user-account .user-account-list .user-account-list-item, #user-account .user-about-list .user-account-list-item, #user-account .user-about-list .user-about-list-item {
  position: relative; }
  #user-account .user-account-list .user-account-list-item:hover, #user-account .user-about-list .user-account-list-item:hover, #user-account .user-about-list .user-about-list-item:hover {
    background-color: #EEEEEE; }
  #user-account .user-account-list .user-account-list-item img, #user-account .user-about-list .user-account-list-item img, #user-account .user-about-list .user-about-list-item img {
    height: 5.938rem;
    padding: 0.9375rem 1.875rem; }
  #user-account .user-account-list .user-account-list-item h3, #user-account .user-about-list .user-account-list-item h3, #user-account .user-about-list .user-about-list-item h3 {
    font-size: 1.7rem;
    margin: 0; }
  #user-account .user-account-list .user-account-list-item .user-account-list-picto, #user-account .user-about-list .user-account-list-item .user-account-list-picto, #user-account .user-about-list .user-about-list-item .user-account-list-picto, #user-account .user-account-list .user-account-list-item .user-account-list-text, #user-account .user-about-list .user-account-list-item .user-account-list-text, #user-account .user-about-list .user-about-list-item .user-account-list-text {
    display: inline-block;
    vertical-align: middle; }
  #user-account .user-account-list .user-account-list-item .user-account-list-arrow, #user-account .user-about-list .user-account-list-item .user-account-list-arrow, #user-account .user-about-list .user-about-list-item .user-account-list-arrow {
    position: absolute;
    top: 2.188rem;
    right: 1.563rem; }
    #user-account .user-account-list .user-account-list-item .user-account-list-arrow img, #user-account .user-about-list .user-account-list-item .user-account-list-arrow img, #user-account .user-about-list .user-about-list-item .user-account-list-arrow img {
      padding: 0;
      height: 1.25rem; }

#user-account .user-about-list .user-about-list-item {
  padding: 0.9375rem 0.9375rem 0.9375rem 2.188rem; }
  #user-account .user-about-list .user-about-list-item h3 {
    font-size: 1.2rem; }

/*
  Edit account
*/
#edit-account {
  position: relative; }
  #edit-account .edit-account-subheader {
    padding: 0 !important;
    text-align: initial !important; }
  #edit-account .edit-account-avatar {
    position: relative; }
    #edit-account .edit-account-avatar .edit-account-camera-icon {
      bottom: 0.9375rem;
      right: 0.9375rem;
      border: 0.0625rem solid black; }
    #edit-account .edit-account-avatar .edit-account-back {
      top: 0.9375rem;
      left: 0.9375rem;
      border: 0.0625rem solid #63656a; }
  #edit-account .edit-account-form {
    text-align: center;
    padding: 1.25rem 0; }
    #edit-account .edit-account-form .field, #edit-account .edit-account-form select {
      display: inline-block;
      outline: none;
      border: none;
      border-bottom: 0.0625rem solid #EDEDED;
      width: 16rem;
      font-size: 1.5rem;
      height: 2.625rem;
      padding: 0 0.3125rem;
      margin: 0.9375rem;
      color: rgba(0, 0, 0, 0.87); }
    #edit-account .edit-account-form select {
      width: 18.5rem;
      margin-right: 0; }
    #edit-account .edit-account-form img {
      height: 3.125rem;
      margin-left: 0.75rem;
      vertical-align: top;
      padding-top: 1.563rem; }
    #edit-account .edit-account-form .edit-account-buttons-bloc {
      margin-top: 1.875rem;
      position: initial; }
      #edit-account .edit-account-form .edit-account-buttons-bloc .error-bloc {
        margin: 0.625rem 1.25rem; }

/*
  Chat
*/
#chat-button {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 2.188rem 4.375rem; }
  #chat-button .content {
    position: relative; }
    #chat-button .content .text {
      color: white;
      background-color: #63656a;
      border-radius: 0.3125rem;
      padding: 0.1875rem 3.75rem 0.125rem 0.625rem;
      font-size: 1.375rem; }
    #chat-button .content .icon {
      position: absolute;
      right: -1.2rem;
      top: -1.2rem;
      width: 4.5rem;
      height: 4.5rem;
      padding: 0.9rem;
      border: solid 0.0625rem #FF681D;
      background-color: white;
      border-radius: 50%; }
    #chat-button .content #discussion-bullet {
      position: absolute;
      right: -1.2rem;
      top: -1.6rem;
      width: 1.6rem;
      height: 1.6rem;
      padding-top: 0.125rem;
      text-align: center;
      color: white;
      background-color: #FF681D;
      border-radius: 50%; }

#chat-window {
  min-width: 25rem;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  padding-top: 4rem;
  background-color: #EEEEEE;
  z-index: 1; }
  #chat-window #chat-list {
    height: 100%;
    width: 25rem;
    float: right;
    margin-top: 64px; }
  #chat-window #empty-chat-list {
    margin-left: 1.25rem; }
  #chat-window #chat-appbar, #chat-window #chat-list-appbar, #chat-window #discussion-appbar {
    height: 3.75rem;
    font-size: 1.625rem;
    text-align: center;
    color: white;
    position: relative;
    padding-top: 0.3125rem; }
    #chat-window #chat-appbar p, #chat-window #chat-list-appbar p, #chat-window #discussion-appbar p {
      width: 100%;
      margin-top: 0.3125rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 0 3.125rem 0 4.375rem; }
    #chat-window #chat-appbar .right-icon, #chat-window #chat-list-appbar .right-icon, #chat-window #discussion-appbar .right-icon {
      position: absolute !important;
      right: 0;
      top: 0;
      width: 3.438rem !important;
      padding: 0.9375rem; }
    #chat-window #chat-appbar .chat-discussion-back, #chat-window #chat-list-appbar .chat-discussion-back, #chat-window #discussion-appbar .chat-discussion-back {
      margin-top: 0.5rem; }
  #chat-window #chat-list-appbar {
    background-color: #63656a; }
  #chat-window #chat-list-extended-div-for-arrow {
    overflow: auto;
    height: 100%;
    margin-left: -1.25rem;
    padding-bottom: 3.75rem; }
  #chat-window .chat-list-item {
    position: inherit;
    padding-left: 1.25rem; }
  #chat-window .chat-list-description {
    height: 1.875rem;
    white-space: initial;
    vertical-align: bottom;
    display: table-cell; }
  #chat-window #chat-list-error {
    padding: 0.625rem;
    background-color: #FFEBEE; }
  #chat-window #chat-discussion {
    height: 100%;
    width: 25rem;
    float: right;
    background-color: white;
    position: relative; }
  #chat-window #discussion-appbar {
    color: black; }
  #chat-window #discussion-picto {
    position: absolute;
    width: 3.125rem;
    height: 3.125rem;
    top: 0.3125rem;
    left: 0.625rem; }
  #chat-window #discussion-found-by {
    background-color: #A9A9A9;
    color: white;
    text-align: center;
    padding: 0.1875rem; }
  #chat-window #discussion-content {
    overflow: auto;
    height: 100%;
    padding: 0 0 9.688rem 0; }
    #chat-window #discussion-content p {
      margin: 0; }
    #chat-window #discussion-content .bubble-container {
      padding: 0.9375rem 0.625rem;
      clear: both;
      max-width: 21.88rem;
      position: relative; }
      #chat-window #discussion-content .bubble-container #avatars, #chat-window #discussion-content .bubble-container .avatar, #chat-window #discussion-content .bubble-container .list .list-item .icon-bloc img, .list .list-item .icon-bloc #chat-window #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container #chat-list .list-item .icon-bloc img, #chat-window #chat-list .list-item .icon-bloc #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container .list .list-item .edit-wistiki .edit-icon img, .list .list-item .edit-wistiki .edit-icon #chat-window #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container .edit-wistiki .list .list-item .edit-icon img, .edit-wistiki .list .list-item .edit-icon #chat-window #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container #chat-list .list-item .edit-wistiki .edit-icon img, #chat-window #chat-list .list-item .edit-wistiki .edit-icon #discussion-content .bubble-container img, .edit-wistiki #chat-window #discussion-content .bubble-container #chat-list .list-item .edit-icon img, .edit-wistiki #chat-window #chat-list .list-item .edit-icon #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container .list .list-item .edit-device .edit-icon img, .list .list-item .edit-device .edit-icon #chat-window #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container .edit-device .list .list-item .edit-icon img, .edit-device .list .list-item .edit-icon #chat-window #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container #chat-list .list-item .edit-device .edit-icon img, #chat-window #chat-list .list-item .edit-device .edit-icon #discussion-content .bubble-container img, .edit-device #chat-window #discussion-content .bubble-container #chat-list .list-item .edit-icon img, .edit-device #chat-window #chat-list .list-item .edit-icon #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container #discussion-picto, #chat-window #discussion-content .bubble-container .avatar-you {
        bottom: 0;
        position: absolute; }
      #chat-window #discussion-content .bubble-container .avatar, #chat-window #discussion-content .bubble-container .list .list-item .icon-bloc img, .list .list-item .icon-bloc #chat-window #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container #chat-list .list-item .icon-bloc img, #chat-window #chat-list .list-item .icon-bloc #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container .list .list-item .edit-wistiki .edit-icon img, .list .list-item .edit-wistiki .edit-icon #chat-window #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container .edit-wistiki .list .list-item .edit-icon img, .edit-wistiki .list .list-item .edit-icon #chat-window #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container #chat-list .list-item .edit-wistiki .edit-icon img, #chat-window #chat-list .list-item .edit-wistiki .edit-icon #discussion-content .bubble-container img, .edit-wistiki #chat-window #discussion-content .bubble-container #chat-list .list-item .edit-icon img, .edit-wistiki #chat-window #chat-list .list-item .edit-icon #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container .list .list-item .edit-device .edit-icon img, .list .list-item .edit-device .edit-icon #chat-window #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container .edit-device .list .list-item .edit-icon img, .edit-device .list .list-item .edit-icon #chat-window #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container #chat-list .list-item .edit-device .edit-icon img, #chat-window #chat-list .list-item .edit-device .edit-icon #discussion-content .bubble-container img, .edit-device #chat-window #discussion-content .bubble-container #chat-list .list-item .edit-icon img, .edit-device #chat-window #chat-list .list-item .edit-icon #discussion-content .bubble-container img, #chat-window #discussion-content .bubble-container #discussion-picto {
        left: 0.9375rem; }
      #chat-window #discussion-content .bubble-container .avatar-you {
        right: 0.9375rem; }
      #chat-window #discussion-content .bubble-container #bubbles, #chat-window #discussion-content .bubble-container .bubble, #chat-window #discussion-content .bubble-container .bubble-you {
        padding: 0.625rem 0.9375rem;
        margin: 0 3.125rem;
        border-radius: 0.625rem; }
      #chat-window #discussion-content .bubble-container .bubble {
        background-color: #EEEEEE; }
      #chat-window #discussion-content .bubble-container .bubble-you {
        background-color: #FF681D;
        color: white; }
      #chat-window #discussion-content .bubble-container #bubbles-arrow, #chat-window #discussion-content .bubble-container .bubble-arrow, #chat-window #discussion-content .bubble-container .bubble-arrow-you {
        width: 0;
        height: 0;
        border: 0.625rem solid transparent; }
      #chat-window #discussion-content .bubble-container .bubble-arrow {
        float: left;
        margin-left: 3.75rem;
        border-top: 0.625rem solid #EEEEEE;
        border-left: 0.625rem solid #EEEEEE; }
      #chat-window #discussion-content .bubble-container .bubble-arrow-you {
        float: right;
        margin-right: 3.75rem;
        border-top: 0.625rem solid #FF681D;
        border-right: 0.625rem solid #FF681D; }
      #chat-window #discussion-content .bubble-container .bubble-status {
        padding: 0.1875rem 0.3125rem;
        display: inline-block; }
      #chat-window #discussion-content .bubble-container .you {
        float: right; }
  #chat-window #discussion-arrow, #chat-window #discussion-arrow-purple, #chat-window #discussion-arrow-orange, #chat-window #discussion-arrow-yellow, #chat-window #discussion-arrow-pink {
    position: absolute;
    top: 2.125rem;
    left: 0;
    width: 0;
    height: 0;
    z-index: 10;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    border-right: 1.25rem solid #A9A9A9; }
  #chat-window #discussion-arrow-purple {
    border-right-color: #7E5BC3; }
  #chat-window #discussion-arrow-orange {
    border-right-color: #FFAE60; }
  #chat-window #discussion-arrow-yellow {
    border-right-color: #EBE739; }
  #chat-window #discussion-arrow-pink {
    border-right-color: #FFB3BA; }
  #chat-window .discussion-input {
    width: 100%;
    position: absolute;
    bottom: 0; }
    #chat-window .discussion-input input {
      position: absolute;
      width: 100%;
      z-index: 0;
      margin: 0;
      bottom: 0;
      height: 3.125rem;
      padding-right: 5rem; }
    #chat-window .discussion-input .send-button {
      width: auto;
      border-radius: 0;
      float: right;
      z-index: 1;
      position: absolute;
      right: 0;
      bottom: 0;
      height: 3.125rem;
      padding-top: 0.9375rem; }
  #chat-window .chat-error {
    background-color: #eeeeee;
    padding: 0.3125rem 0.625rem;
    width: 100%; }
    #chat-window .chat-error p {
      margin: 0; }

/*
  Not available
*/
/*
  Not found
*/
#not-found-page img {
  border-top: solid 0.75rem #ff681d; }

#not-found-page .card {
  border-top: none !important; }

/*
  Account Activation
*/
/*
  Reset password
*/
/*
  Wistikette page
 */
/*
  Legal Pages
*/
#legal-container {
  padding: 6.25rem 0; }
  #legal-container #legal-card {
    max-width: 50rem;
    margin: 0 auto;
    background-color: white; }

#privacy-policy, #legal-information, #terms-of-use {
  word-wrap: break-word; }
  #privacy-policy h2, #privacy-policy h3, #legal-information h2, #legal-information h3, #terms-of-use h2, #terms-of-use h3 {
    color: #FF681D; }
  #privacy-policy h2, #legal-information h2, #terms-of-use h2 {
    text-align: center;
    font-size: 2.2rem;
    padding-bottom: 0.3125rem; }
  #privacy-policy h3, #legal-information h3, #terms-of-use h3 {
    font-size: 1.5rem;
    margin-top: 1.563rem; }
  #privacy-policy p, #legal-information p, #terms-of-use p {
    font-size: 1.25rem !important;
    margin-bottom: 1.25rem; }
  #privacy-policy li, #legal-information li, #terms-of-use li {
    font-size: 1.25rem !important;
    margin-bottom: 0; }

/*
  Snackbar
*/
#snackbar > div {
  height: auto !important;
  line-height: inherit !important;
  padding: 1.25rem !important; }

/*
  Animations
*/
/*  Ring animation */
.ringing {
  animation: ring 1s linear infinite; }

@keyframes ring {
  0% {
    transform: rotate(0deg); }
  15% {
    transform: rotate(20deg); }
  45% {
    transform: rotate(-20deg); }
  65% {
    transform: rotate(10deg); }
  75% {
    transform: rotate(-10deg); }
  85% {
    transform: rotate(5deg); }
  90% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(0deg); } }

/*  Wave animation (for connection) */
#wave, .wave1, .wave2, .wave3 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(155, 155, 155, 0.4);
  transform: scale(0);
  position: absolute;
  opacity: 1; }

.wave1 {
  animation: waveFull 1s linear infinite; }

.wave2 {
  animation: waveHalf 1s linear infinite; }

.wave3 {
  animation: waveQuarter 1s linear infinite; }

@keyframes waveFull {
  100% {
    transform: scale(1);
    opacity: 0; } }

@keyframes waveHalf {
  100% {
    transform: scale(0.5);
    opacity: 0; } }

@keyframes waveQuarter {
  100% {
    transform: scale(0.25);
    opacity: 0; } }

/* spinner animation (for ring_in_progress) */
.spinner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.1875rem solid #FF681D;
  border-right: 0.1875rem solid transparent;
  transform: rotate(0deg);
  position: absolute;
  animation: circle 1.5s linear infinite; }

.spinner2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.2rem solid #93cc93;
  position: absolute; }

@keyframes circle {
  100% {
    transform: rotate(360deg); } }