/*
 *  Copyright 2016 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/*
 *  Copyright 2016 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/*
 *  Copyright 2016 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/*
 *  Copyright 2017 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/*
 *  Copyright 2015 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/*
 *  Copyright 2015 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
@font-face {
  font-family: 'Open Sans';
  src: url("/plugins/core-ui/resources/themes/theme-ametys-cms/fonts/OpenSans-Light.woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/plugins/core-ui/resources/themes/theme-ametys-cms/fonts/OpenSans-LightItalic.woff");
  font-weight: 300;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/plugins/core-ui/resources/themes/theme-ametys-cms/fonts/OpenSans-Regular.woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/plugins/core-ui/resources/themes/theme-ametys-cms/fonts/OpenSans-Italic.woff");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/plugins/core-ui/resources/themes/theme-ametys-cms/fonts/OpenSans-Semibold.woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/plugins/core-ui/resources/themes/theme-ametys-cms/fonts/OpenSans-SemiboldItalic.woff");
  font-weight: 600;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/plugins/core-ui/resources/themes/theme-ametys-cms/fonts/OpenSans-Bold.woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/plugins/core-ui/resources/themes/theme-ametys-cms/fonts/OpenSans-BoldItalic.woff");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Open Sans';
  src: url("/plugins/core-ui/resources/themes/theme-ametys-cms/fonts/OpenSans-Extrabold.woff");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Open Sans';
  src: url("/plugins/core-ui/resources/themes/theme-ametys-cms/fonts/OpenSans-ExtraboldItalic.woff");
  font-weight: 800;
  font-style: italic; }

/*
 *  Copyright 2015 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
@font-face {
  font-family: 'Font Awesome 6 Free Solid';
  font-style: normal;
  font-display: auto;
  src: url("/plugins/fontawesome6-free/resources/webfonts/fa-solid-900.woff2"); }

@font-face {
  font-family: 'Font Awesome 6 Free Regular';
  font-style: normal;
  font-display: auto;
  src: url("/plugins/fontawesome6-free/resources/webfonts/fa-regular-400.woff2"); }

/*
 *  Copyright 2017 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.ametys-common .a-fluent-user-card-wrapper {
  position: absolute;
  top: 5%;
  right: 5%; }
  .ametys-common .a-fluent-user-card-wrapper .la-ball-pulse {
    margin-top: 0; }
  .ametys-common .a-fluent-user-card-wrapper .a-fluent-user-card {
    background-color: #1c2934;
    text-align: left;
    color: #ffffff;
    white-space: nowrap;
    position: relative;
    display: inline-block;
    width: auto;
    min-width: 29em;
    max-width: 100%;
    padding: 1em;
    margin: 0 auto; }
    .ametys-common .a-fluent-user-card-wrapper .a-fluent-user-card .photo {
      display: inline-block;
      border-radius: 32px;
      overflow: hidden;
      margin: 1.2em;
      width: 38px;
      height: 38px;
      text-align: center; }
      .ametys-common .a-fluent-user-card-wrapper .a-fluent-user-card .photo img {
        width: 100%; }
    .ametys-common .a-fluent-user-card-wrapper .a-fluent-user-card .main {
      display: inline-block;
      vertical-align: top;
      padding: .5em .5em 1em;
      width: auto;
      height: auto; }
      .ametys-common .a-fluent-user-card-wrapper .a-fluent-user-card .main .name-wrapper {
        display: block; }
        .ametys-common .a-fluent-user-card-wrapper .a-fluent-user-card .main .name-wrapper .name {
          font-size: 1.2em;
          color: #ffffff;
          font-size: 2.1em; }
        .ametys-common .a-fluent-user-card-wrapper .a-fluent-user-card .main .name-wrapper .login {
          color: #ffffff;
          font-size: 1.2em;
          font-style: italic; }
      .ametys-common .a-fluent-user-card-wrapper .a-fluent-user-card .main .email {
        font-size: 1.2em;
        font-style: italic; }
    .ametys-common .a-fluent-user-card-wrapper .a-fluent-user-card p.logout {
      border-top: 1px solid rgba(255, 255, 255, 0.2);
      margin-top: .5em;
      padding-top: .5em;
      font-size: 1.4em;
      padding-left: .5em; }
      .ametys-common .a-fluent-user-card-wrapper .a-fluent-user-card p.logout a {
        display: block;
        color: rgba(255, 255, 255, 0.8); }
        .ametys-common .a-fluent-user-card-wrapper .a-fluent-user-card p.logout a:hover, .ametys-common .a-fluent-user-card-wrapper .a-fluent-user-card p.logout a:focus {
          text-decoration: none;
          color: white; }
        .ametys-common .a-fluent-user-card-wrapper .a-fluent-user-card p.logout a::before {
          content: "\f011";
          font-family: "Font Awesome 6 Free Solid";
          padding-right: .5em;
          font-size: 1.2em;
          vertical-align: middle; }

@media screen and (max-width: 960px) {
  .ametys-common .a-fluent-user-card-wrapper {
    position: static;
    margin: 2em; }
    .ametys-common .a-fluent-user-card-wrapper .a-fluent-user-card {
      border-right-width: 0;
      border-bottom-width: 0;
      border-left-width: 0;
      width: 100%; } }

/*
 *  Copyright 2017 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
html.ametys-common ::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

html.ametys-common ::-webkit-scrollbar-button {
  width: 0px;
  height: 0px; }

html.ametys-common ::-webkit-scrollbar-thumb {
  background: #a23290;
  border-radius: 10px; }

html.ametys-common ::-webkit-scrollbar-thumb:hover {
  background: #922d82; }

html.ametys-common ::-webkit-scrollbar-thumb:active {
  background: #641f59; }

html.ametys-common ::-webkit-scrollbar-track {
  background: rgba(162, 50, 144, 0.2);
  border-radius: 10px; }

html.ametys-common ::-webkit-scrollbar-track:hover {
  background: rgba(162, 50, 144, 0.4); }

html.ametys-common ::-webkit-scrollbar-track:active {
  background: rgba(162, 50, 144, 0.7); }

html.ametys-common ::-webkit-scrollbar-corner {
  background: transparent; }

html.ametys-common {
  height: 100%;
  font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 62.5%; }
  html.ametys-common * {
    box-sizing: border-box;
    font-family: inherit; }
  html.ametys-common input, html.ametys-common select, html.ametys-common button {
    font-size: 1.4em; }
  html.ametys-common body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    html.ametys-common body div.main {
      position: relative;
      width: 100%;
      height: 100%;
      text-align: left;
      padding: 0 .5em 4em .5em; }
      html.ametys-common body div.main section {
        width: 100%;
        height: 100%; }
        html.ametys-common body div.main section div.scroll {
          width: 100%;
          height: 100%;
          overflow-x: hidden;
          overflow-y: auto; }
          html.ametys-common body div.main section div.scroll > div {
            max-width: 100%; }
          html.ametys-common body div.main section div.scroll table.inner {
            width: 100%;
            height: 100%;
            table-layout: fixed; }
            html.ametys-common body div.main section div.scroll table.inner tr td {
              vertical-align: middle;
              position: relative; }
    html.ametys-common body div.foot {
      position: fixed;
      width: 100%;
      left: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.5);
      color: #F0F0F0;
      font-weight: 100;
      text-align: right;
      padding: .5em 1em;
      max-height: 4em;
      -webkit-animation-name: wakedown;
      -moz-animation-name: wakedown;
      -o-animation-name: wakedown;
      animation-name: wakedown; }
      html.ametys-common body div.foot footer {
        width: 100%;
        height: 100%; }
        html.ametys-common body div.foot footer span {
          display: block;
          color: rgba(255, 255, 255, 0.7);
          font-size: 1em; }
        html.ametys-common body div.foot footer span.product-label {
          font-size: 1.1em;
          color: #ffffff; }
        html.ametys-common body div.foot footer:before {
          display: block;
          position: absolute;
          bottom: 0;
          content: " ";
          width: 169px;
          height: 47px;
          background-image: url("/plugins/core-ui/resources/img/special/logo.png");
          background-repeat: no-repeat;
          background-position: 1.5em center; }
    html.ametys-common body a {
      color: #c13cac;
      text-decoration: none; }
      html.ametys-common body a:hover {
        text-decoration: underline; }
    html.ametys-common body h1 {
      margin: 0.5em 0;
      color: #ffffff;
      font-size: 2em;
      font-weight: normal; }
    html.ametys-common body p, html.ametys-common body ul {
      margin: 0 0 0.2em 0;
      font-size: 1.4em;
      color: #ffffff; }
    html.ametys-common body ul * {
      font-size: inherit; }
    html.ametys-common body p.additionnal {
      font-size: 1.4em;
      text-align: left;
      margin-top: 2.75em;
      margin-left: 5%;
      margin-right: 5%; }
      html.ametys-common body p.additionnal a {
        color: #F0F0F0;
        text-decoration: none;
        text-shadow: none;
        padding: .5em .8em;
        font-weight: normal;
        display: inline-block;
        border-radius: .2em;
        line-height: 2em;
        vertical-align: middle;
        background-color: #02A58A; }
        html.ametys-common body p.additionnal a:hover {
          background-color: #02a086; }
        html.ametys-common body p.additionnal a::after {
          content: "\f105";
          font-family: "Font Awesome 6 Free Solid";
          padding-left: .5em;
          font-size: 1.6em;
          vertical-align: middle; }
        html.ametys-common body p.additionnal a.toggled {
          background-color: #027d68; }
          html.ametys-common body p.additionnal a.toggled:hover {
            background-color: #02A58A; }
          html.ametys-common body p.additionnal a.toggled::after {
            display: none; }
          html.ametys-common body p.additionnal a.toggled::before {
            content: "\f104";
            font-family: "Font Awesome 6 Free Solid";
            padding-right: 1em; }
        html.ametys-common body p.additionnal a:active, html.ametys-common body p.additionnal a.toggled:active {
          background-color: #02be9f; }
        html.ametys-common body p.additionnal a.disabled, html.ametys-common body p.additionnal a.disabled:hover, html.ametys-common body p.additionnal a.disabled:active, html.ametys-common body p.additionnal a.disabled:focus {
          background-color: #7f7f7f;
          border: 1px solid #7f7f7f;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none; }
      html.ametys-common body p.additionnal.back a:after {
        display: none; }
      html.ametys-common body p.additionnal.back a:before {
        content: "\f104";
        font-family: "Font Awesome 6 Free Solid";
        padding-right: .5em;
        font-size: 1.6em;
        vertical-align: middle; }
      html.ametys-common body p.additionnal.reload a:after {
        content: "\f021";
        font-size: 1.2em;
        padding-left: .5em; }
    html.ametys-common body div.wrap {
      width: 65em;
      max-width: 50%;
      margin: 5% 5% 0;
      padding: 0.5em;
      text-align: left;
      color: #ffffff; }
      html.ametys-common body div.wrap h1 {
        line-height: 1em;
        font-weight: bold;
        margin: 0 0 .8em 0;
        font-size: 7.2em; }
        html.ametys-common body div.wrap h1.long {
          font-size: 7.5em; }
        html.ametys-common body div.wrap h1.verylong {
          font-size: 5.5em; }
        html.ametys-common body div.wrap h1.veryverylong {
          font-size: 3.5em; }
        html.ametys-common body div.wrap h1 span {
          font-size: .34em;
          font-weight: normal;
          display: block;
          line-height: 1em;
          padding-left: .2em; }
      html.ametys-common body div.wrap p {
        font-size: 1.4em;
        font-weight: normal;
        margin: 0.1em; }

/**
 * ANIMATIONS
 */
@keyframes wakeup {
  0% {
    top: -5em; }
  100% {
    top: 0; } }

@keyframes wakedown {
  0% {
    bottom: -4em; }
  100% {
    bottom: 0; } }

@keyframes wakeuprevert {
  0% {
    top: 0; }
  100% {
    top: -5em; } }

@keyframes wakedownrevert {
  0% {
    bottom: 0; }
  100% {
    bottom: -4em; } }

.ametys-common div.foot {
  -webkit-animation-name: wakedown;
  -moz-animation-name: wakedown;
  -o-animation-name: wakedown;
  animation-name: wakedown;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease; }

.ametys-common .done div.foot {
  bottom: -4em;
  -webkit-animation-name: wakedownrevert;
  -moz-animation-name: wakedownrevert;
  -o-animation-name: wakedownrevert;
  animation-name: wakedownrevert;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s; }

/**
 * MOBILE
 */
@media screen and (max-width: 960px), screen and (max-height: 360px) {
  html.ametys-common {
    font-size: 12px; }
    html.ametys-common body div.wrap {
      width: auto;
      max-width: 90%; }
      html.ametys-common body div.wrap h1 {
        font-size: 7em; }
      html.ametys-common body div.wrap h1.long {
        font-size: 6em; }
      html.ametys-common body div.wrap h1.verylong {
        font-size: 3em; }
      html.ametys-common body div.wrap h1.veryverylong {
        font-size: 2em; } }

/**
 * WAIT
 */
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.ametys-common .la-ball-pulse {
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.4em;
  line-height: 4em;
  font-weight: normal;
  text-align: left;
  color: #02A58A !important;
  width: 6em;
  height: 3.1em;
  margin: 0.1em;
  margin-top: 0.75em;
  margin-left: calc(5% + .5em); }

.ametys-common .la-ball-pulse > div {
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
  width: 1em;
  height: 1em;
  margin: 0.4em;
  border-radius: 100%;
  -webkit-animation: ball-pulse 1s ease infinite;
  -moz-animation: ball-pulse 1s ease infinite;
  -o-animation: ball-pulse 1s ease infinite;
  animation: ball-pulse 1s ease infinite; }

.ametys-common .la-ball-pulse > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms; }

.ametys-common .la-ball-pulse > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms; }

.ametys-common .la-ball-pulse > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms; }

/*
 * Animation
 */
@-webkit-keyframes ball-pulse {
  0%,
  60%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  30% {
    opacity: .1;
    -webkit-transform: scale(0.01);
    transform: scale(0.01); } }

@-moz-keyframes ball-pulse {
  0%,
  60%,
  100% {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1); }
  30% {
    opacity: .1;
    -moz-transform: scale(0.01);
    transform: scale(0.01); } }

@-o-keyframes ball-pulse {
  0%,
  60%,
  100% {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1); }
  30% {
    opacity: .1;
    -o-transform: scale(0.01);
    transform: scale(0.01); } }

@keyframes ball-pulse {
  0%,
  60%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  30% {
    opacity: .1;
    -webkit-transform: scale(0.01);
    -moz-transform: scale(0.01);
    -o-transform: scale(0.01);
    transform: scale(0.01); } }

/*
 *  Copyright 2022 Anyware Services
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-captcha-jcaptcha input {
  width: 100%;
  padding: 1.1em 1.3em 1.1em 4.1em;
  border-style: none;
  outline-style: none;
  background-color: transparent;
  border-radius: .2em; }

div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-captcha-jcaptcha button {
  background-color: transparent !important;
  border-color: transparent;
  color: #a23290 !important;
  position: absolute !important;
  right: 0;
  bottom: 0;
  width: auto !important;
  padding: 0 0.5em 0.2em 0 !important; }
  div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-captcha-jcaptcha button:after {
    content: "\f021" !important;
    position: static !important;
    font-size: 1em !important; }
  div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-captcha-jcaptcha button span {
    text-indent: -50000px;
    white-space: nowrap;
    display: inline-block; }

div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-captcha-jcaptcha div.captcha {
  border-top: 1px solid #a23290; }
  div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-captcha-jcaptcha div.captcha img.captcha-image {
    width: 70% !important;
    margin-left: 5.74em;
    min-height: 3em; }

div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-captcha-jcaptcha .input:after {
  content: "\f069"; }

body {
  background-image: url("/plugins/core-ui/resources/themes/theme-ametys-cms/images/special/background.svg");
  background-color: #a23290; }

html.ametys-common table.inner tr td {
  text-align: center; }

div.wrapin {
  text-align: left; }
  div.wrapin.login-form {
    max-width: 30em;
    margin: 0 auto; }
    div.wrapin.login-form div.login div.login-part {
      margin-bottom: 4em; }
      div.wrapin.login-form div.login div.login-part div.login-part-credentialproviders-separator {
        margin: 0.5em auto;
        padding: 1em 0;
        color: #ffffff;
        position: relative;
        text-align: center;
        max-width: 30em;
        overflow: hidden; }
        div.wrapin.login-form div.login div.login-part div.login-part-credentialproviders-separator .textin {
          display: inline-block;
          margin: 0 auto;
          text-align: center;
          padding: 0 0.5em;
          font-size: 1.4em;
          width: 20%; }
        div.wrapin.login-form div.login div.login-part div.login-part-credentialproviders-separator:before, div.wrapin.login-form div.login div.login-part div.login-part-credentialproviders-separator:after {
          content: " ";
          width: 40%;
          height: 1px;
          background-color: rgba(255, 255, 255, 0.2);
          display: inline-block;
          vertical-align: middle; }
      div.wrapin.login-form div.login div.login-part .login-inner:not(.login-back) button {
        box-sizing: border-box;
        width: 100%;
        padding: .8em 1.8em .8em .8em;
        position: relative;
        font-size: 1.8em;
        outline-style: none;
        color: #fff;
        text-align: left;
        background-color: #02A58A;
        border-width: 0;
        border-radius: 0.2em; }
        div.wrapin.login-form div.login div.login-part .login-inner:not(.login-back) button:focus {
          -webkit-box-shadow: inset 0px 0px 0px 1px #F0F0F0;
          -moz-box-shadow: inset 0px 0px 0px 1px #F0F0F0;
          box-shadow: inset 0px 0px 0px 1px #F0F0F0; }
        div.wrapin.login-form div.login div.login-part .login-inner:not(.login-back) button:hover {
          opacity: 0.9;
          cursor: pointer; }
        div.wrapin.login-form div.login div.login-part .login-inner:not(.login-back) button:active {
          opacity: 0.85; }
        div.wrapin.login-form div.login div.login-part .login-inner:not(.login-back) button:after, div.wrapin.login-form div.login div.login-part .login-inner:not(.login-back) button:before {
          font-family: "Font Awesome 6 Free Solid";
          font-size: 2em;
          line-height: 1.4em;
          position: absolute;
          top: 0; }
        div.wrapin.login-form div.login div.login-part .login-inner:not(.login-back) button:after {
          right: 0.5em; }
        div.wrapin.login-form div.login div.login-part .login-inner:not(.login-back) button:before {
          left: 0.5em; }
        div.wrapin.login-form div.login div.login-part .login-inner:not(.login-back) button .glyph:before {
          position: absolute;
          right: 0.4em;
          top: 0.6em;
          font-size: 1.2em; }
      div.wrapin.login-form div.login div.login-part .login-inner:not(.login-back):not(.login-credential-provider) button:after {
        content: "\f105"; }
      div.wrapin.login-form div.login div.login-part .login-inner.login-back button, div.wrapin.login-form div.login div.login-part .login-inner.login-back a {
        border-width: 0;
        background-color: transparent;
        color: #ffffff;
        position: relative;
        padding-left: 20px;
        line-height: 2em;
        display: flex; }
        div.wrapin.login-form div.login div.login-part .login-inner.login-back button:hover, div.wrapin.login-form div.login div.login-part .login-inner.login-back button:focus, div.wrapin.login-form div.login div.login-part .login-inner.login-back a:hover, div.wrapin.login-form div.login div.login-part .login-inner.login-back a:focus {
          text-decoration: underline;
          cursor: pointer; }
        div.wrapin.login-form div.login div.login-part .login-inner.login-back button:after, div.wrapin.login-form div.login div.login-part .login-inner.login-back button:before, div.wrapin.login-form div.login div.login-part .login-inner.login-back a:after, div.wrapin.login-form div.login div.login-part .login-inner.login-back a:before {
          font-family: "Font Awesome 6 Free Solid";
          font-size: 2em;
          line-height: 1em;
          position: absolute;
          top: 0;
          left: 0; }
      div.wrapin.login-form div.login div.login-part .login-user-populations .login-input-wrapper {
        overflow: hidden;
        position: relative; }
        div.wrapin.login-form div.login div.login-part .login-user-populations .login-input-wrapper.login-input-wrapper-userpopulation-select:after {
          content: "\f107";
          font-family: "Font Awesome 6 Free Solid";
          font-size: 3em;
          line-height: 1.73em;
          position: absolute;
          color: #999999;
          top: 0;
          right: 0;
          padding-right: .5em;
          background-color: #ffffff;
          border-radius: .2em;
          pointer-events: none; }
      div.wrapin.login-form div.login div.login-part .login-input-wrapper .input, div.wrapin.login-form div.login div.login-part .login-input-wrapper .select {
        position: relative;
        margin-bottom: 1em;
        border-width: 0;
        background-color: #FFF;
        border-radius: .2em;
        overflow: hidden; }
        div.wrapin.login-form div.login div.login-part .login-input-wrapper .input:before, div.wrapin.login-form div.login div.login-part .login-input-wrapper .input:after, div.wrapin.login-form div.login div.login-part .login-input-wrapper .select:before, div.wrapin.login-form div.login div.login-part .login-input-wrapper .select:after {
          position: absolute;
          top: 0;
          left: 0.5em;
          width: 1em;
          text-align: center;
          font-family: "Font Awesome 6 Free Solid";
          font-size: 3em;
          line-height: 1.7em;
          color: #c5c5c9; }
      div.wrapin.login-form div.login div.login-part .login-input-wrapper .label {
        position: absolute;
        left: -2000px;
        top: -2000px; }
      div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-userpopulation-input input,
      div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-userpopulation-select select,
      div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-username input,
      div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-password input,
      div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-mfa-code input {
        width: 100%;
        padding: 1.1em 1.3em 1.1em 4.1em;
        border-style: none;
        outline-style: none;
        background-color: transparent;
        border-radius: .2em; }
      div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-mfa-code .input {
        background-color: transparent; }
      div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-mfa-code input {
        text-transform: uppercase;
        padding: 1.1em 0em 1.1em 5rem;
        letter-spacing: 2rem;
        font-family: monospace;
        font-size: 3rem;
        background-size: 2.8rem 5.22rem, 2.8rem 5.22rem, 2.8rem 5.22rem, 2.8rem 5.22rem, 2.8rem 5.22rem, 2.8rem 5.22rem;
        background-repeat: no-repeat;
        background-position: 4.4rem center, 4.4rem center, 8.08rem center, 8.08rem center, 11.76rem center, 11.76rem center, 15.44rem center, 15.44rem center, 19.12rem center, 19.12rem center, 22.8rem center, 22.8rem center;
        background-image: linear-gradient(#c5c5c9 1px, transparent 1px, transparent calc(100% - 1px), #c5c5c9 1px), linear-gradient(to right, #c5c5c9 1px, #FFF 1px, #FFF calc(100% - 1px), #FFF 1px, #c5c5c9 1px), linear-gradient(#c5c5c9 1px, transparent 1px, transparent calc(100% - 1px), #c5c5c9 1px), linear-gradient(to right, #c5c5c9 1px, #FFF 1px, #FFF calc(100% - 1px), #FFF 1px, #c5c5c9 1px), linear-gradient(#c5c5c9 1px, transparent 1px, transparent calc(100% - 1px), #c5c5c9 1px), linear-gradient(to right, #c5c5c9 1px, #FFF 1px, #FFF calc(100% - 1px), #FFF 1px, #c5c5c9 1px), linear-gradient(#c5c5c9 1px, transparent 1px, transparent calc(100% - 1px), #c5c5c9 1px), linear-gradient(to right, #c5c5c9 1px, #FFF 1px, #FFF calc(100% - 1px), #FFF 1px, #c5c5c9 1px), linear-gradient(#c5c5c9 1px, transparent 1px, transparent calc(100% - 1px), #c5c5c9 1px), linear-gradient(to right, #c5c5c9 1px, #FFF 1px, #FFF calc(100% - 1px), #FFF 1px, #c5c5c9 1px), linear-gradient(#c5c5c9 1px, transparent 1px, transparent calc(100% - 1px), #c5c5c9 1px), linear-gradient(to right, #c5c5c9 1px, #FFF 1px, #FFF calc(100% - 1px), #FFF 1px, #c5c5c9 1px); }
        div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-mfa-code input:focus {
          background-image: linear-gradient(#a23290 1px, transparent 1px, transparent calc(100% - 1px), #a23290 1px), linear-gradient(to right, #a23290 1px, #FFF 1px, #FFF calc(100% - 1px), #FFF 1px, #a23290 1px), linear-gradient(#a23290 1px, transparent 1px, transparent calc(100% - 1px), #a23290 1px), linear-gradient(to right, #a23290 1px, #FFF 1px, #FFF calc(100% - 1px), #FFF 1px, #a23290 1px), linear-gradient(#a23290 1px, transparent 1px, transparent calc(100% - 1px), #a23290 1px), linear-gradient(to right, #a23290 1px, #FFF 1px, #FFF calc(100% - 1px), #FFF 1px, #a23290 1px), linear-gradient(#a23290 1px, transparent 1px, transparent calc(100% - 1px), #a23290 1px), linear-gradient(to right, #a23290 1px, #FFF 1px, #FFF calc(100% - 1px), #FFF 1px, #a23290 1px), linear-gradient(#a23290 1px, transparent 1px, transparent calc(100% - 1px), #a23290 1px), linear-gradient(to right, #a23290 1px, #FFF 1px, #FFF calc(100% - 1px), #FFF 1px, #a23290 1px), linear-gradient(#a23290 1px, transparent 1px, transparent calc(100% - 1px), #a23290 1px), linear-gradient(to right, #a23290 1px, #FFF 1px, #FFF calc(100% - 1px), #FFF 1px, #a23290 1px); }
      div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-userpopulation .select:after, div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-userpopulation .input:after {
        content: "\f277"; }
      div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-username .input:after {
        content: "\f007"; }
      div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-password .input:after {
        content: "\f023"; }
      div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-userpopulation-select.login-input-wrapper-userpopulation-select-empty .select:before {
        content: attr(placeholder);
        pointer-events: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        color: #777777;
        font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
        width: auto;
        padding: 1.1em 1.3em 1.1em 4.1em;
        font-size: 1.4em;
        text-align: left; }
      div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-userpopulation-select .select select {
        -moz-appearance: none;
        /* avoid to see the grey of the arrow under the fake arrow under firefox */ }
        div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-userpopulation-select .select select:-moz-focusring {
          /* avoid to see the outline under firefox */
          color: transparent;
          text-shadow: 0 0 0 #000; }
        .x-ie div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-userpopulation-select .select select {
          width: 110%; }
      div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-rememberme {
        background-color: transparent;
        border-style: none;
        top: -0.25em;
        margin-bottom: 1.5em; }
        div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-rememberme input {
          width: 1.2em;
          height: 1.2em;
          vertical-align: middle;
          border-radius: .2em;
          margin: 0 .5em 0 0; }
        div.wrapin.login-form div.login div.login-part .login-input-wrapper.login-input-wrapper-rememberme label {
          font-size: 1.4em;
          color: #ffffff;
          vertical-align: middle; }
      div.wrapin.login-form div.login div.login-part .login-link-wrapper-forgotten {
        text-align: right;
        font-size: 1.3em;
        margin-bottom: 0.3em;
        margin-top: -8px; }
        div.wrapin.login-form div.login div.login-part .login-link-wrapper-forgotten a {
          color: #ffffff; }
          div.wrapin.login-form div.login div.login-part .login-link-wrapper-forgotten a:hover, div.wrapin.login-form div.login div.login-part .login-link-wrapper-forgotten a:focus {
            text-decoration: underline; }
      div.wrapin.login-form div.login div.login-part .login-back {
        margin-top: 2.375em;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        padding-top: 1.5em; }
        div.wrapin.login-form div.login div.login-part .login-back button:before, div.wrapin.login-form div.login div.login-part .login-back a:before {
          content: "\f104"; }
      div.wrapin.login-form div.login div.login-part .login-send-mfa-code {
        text-align: right;
        line-height: 2em;
        font-size: 1.4em; }
        div.wrapin.login-form div.login div.login-part .login-send-mfa-code a {
          color: #fff; }
      div.wrapin.login-form div.login div.login-part .error {
        padding: 1em 1.2em;
        margin-bottom: 1em;
        color: #ffffff;
        font-size: 1.4em;
        border-radius: .2em;
        background-color: #ec3827; }
        div.wrapin.login-form div.login div.login-part .error:before {
          content: "\f06a";
          font-family: "Font Awesome 6 Free Solid";
          display: inline-block;
          margin-right: 0.3em;
          font-size: 1.2em; }
        div.wrapin.login-form div.login div.login-part .error ul {
          padding: 0;
          font-size: 1em;
          list-style: none; }
          div.wrapin.login-form div.login div.login-part .error ul li {
            margin-top: 0.2em; }
          div.wrapin.login-form div.login div.login-part .error ul ul {
            list-style: disc;
            list-style-position: inside !important; }
/*# sourceMappingURL=login.scss.map */