.form-simple input[type='text']
{
    margin-bottom: -1px;

    border-bottom-right-radius: 0; 
    border-bottom-left-radius: 0;
}

.form-simple input[type='mail']
{
    margin-bottom: -1px;

    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; 
    border-bottom-left-radius: 0;
}

.form-simple input[type='password']
{
    margin-bottom: 10px;

    border-top-left-radius: 0; 
    border-top-right-radius: 0;
}

.help-block ul
{
    margin: 0  !important;
    padding: 0 !important;
}
.help-block ul li
{
    list-style: none;
}

.btn.btn-social-icon > :first-child
{
    line-height: 2.9rem !important;
}

* {
    box-sizing: border-box;
    -webkit-transition: all 0.15s ease 0s;
    transition: all 0.15s ease 0s;
}

:root {
    --movement: 0.85;
    --stop: 0.5;
    --duration: calc((var(--movement) * (1 / var(--stop))));
    --stagger: 0.1125;
    --perspective: 500;
    --size: 30;
    --ease: cubic-bezier(1, -0.52, 0.26, 0.89);
    --bg: #ffb900;
    --panel: #fff;
    --color: #333;
    --hue: 23;
    --saturation: 100;
    --lightness: 55;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg: red;
        --panel: #000;
        --color: green;
    }
}

.center {
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: top
}

.scene {
    -webkit-perspective: calc(var(--perspective) * 1px);
    perspective: calc(var(--perspective) * 1px);
    position: absolute;
}

.word {
    display: -webkit-box;
    display: flex;
    -webkit-transform: translate(calc(var(--size) * 0.7px), 0) rotateX(-30deg) rotateY(45deg);
    transform: translate(calc(var(--size) * 0.7px), 0) rotateX(-30deg) rotateY(45deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.letter__wrap {
    -webkit-animation: jump calc(var(--duration) * 1s) calc((var(--stagger, 0) * var(--index, 0)) * 1s) var(--ease) infinite;
    animation: jump calc(var(--duration) * 1s) calc((var(--stagger, 0) * var(--index, 0)) * 1s) var(--ease) infinite;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

    .letter__wrap .letter {
        -webkit-animation: rotate calc(var(--duration) * 4s) calc((var(--stagger, 0) * var(--index, 0)) * 1s) ease infinite;
        animation: rotate calc(var(--duration) * 4s) calc((var(--stagger, 0) * var(--index, 0)) * 1s) ease infinite;
    }

.letter {
    color: var(--color);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1rem;
    font-weight: bold;
    height: calc(var(--size) * 1px);
    margin-right: calc(var(--size) * 0.2px);
    position: relative;
    text-transform: uppercase;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: calc(var(--size) * 1px);
}

.letter__panel {
    -webkit-box-align: center;
    align-items: center;
    background: var(--panel);
    border: 2px solid #ffb900;
    display: -webkit-box;
    display: flex;
    height: calc(var(--size) * 1px);
    -webkit-box-pack: center;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    width: calc(var(--size) * 1px);
}

    .letter__panel:nth-of-type(1) {
        -webkit-transform: translate3d(-50%, -50%, 0) translate3d(0, 0, calc(var(--size) * 0.5px));
        transform: translate3d(-50%, -50%, 0) translate3d(0, 0, calc(var(--size) * 0.5px));
    }

    .letter__panel:nth-of-type(2) {
        -webkit-transform: translate3d(-50%, -50%, 0) rotateX(90deg) translate3d(0, 0, calc(var(--size) * 0.5px));
        transform: translate3d(-50%, -50%, 0) rotateX(90deg) translate3d(0, 0, calc(var(--size) * 0.5px));
    }

    .letter__panel:nth-of-type(3) {
        -webkit-transform: translate3d(-50%, -50%, 0) rotateX(180deg) translate3d(0, 0, calc(var(--size) * 0.5px));
        transform: translate3d(-50%, -50%, 0) rotateX(180deg) translate3d(0, 0, calc(var(--size) * 0.5px));
    }

    .letter__panel:nth-of-type(4) {
        -webkit-transform: translate3d(-50%, -50%, 0) rotateX(-90deg) translate3d(0, 0, calc(var(--size) * 0.5px));
        transform: translate3d(-50%, -50%, 0) rotateX(-90deg) translate3d(0, 0, calc(var(--size) * 0.5px));
    }

    .letter__panel:nth-of-type(5) {
        -webkit-transform: translate3d(-50%, -50%, 0) rotateY(-90deg) translate3d(0, 0, calc(var(--size) * 0.5px));
        transform: translate3d(-50%, -50%, 0) rotateY(-90deg) translate3d(0, 0, calc(var(--size) * 0.5px));
    }

@-webkit-keyframes rotate {
    0%, 30.625% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    33.125%, 81.625% {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }

    83.125%, 100% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
}

@keyframes rotate {
    0%, 30.625% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    33.125%, 81.625% {
        -webkit-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }

    83.125%, 100% {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
}

@-webkit-keyframes jump {
    0%, 50%, 100% {
        -webkit-transform: scaleX(1) scaleY(1) translate(0, 0);
        transform: scaleX(1) scaleY(1) translate(0, 0);
    }

    15% {
        -webkit-transform: scaleX(1.2) scaleY(0.8) translate(0, 0);
        transform: scaleX(1.2) scaleY(0.8) translate(0, 0);
    }

    25% {
        -webkit-transform: scaleX(0.9) scaleY(1.1) translate(0, -100%);
        transform: scaleX(0.9) scaleY(1.1) translate(0, -100%);
    }
}

@keyframes jump {
    0%, 50%, 100% {
        -webkit-transform: scaleX(1) scaleY(1) translate(0, 0);
        transform: scaleX(1) scaleY(1) translate(0, 0);
    }

    15% {
        -webkit-transform: scaleX(1.2) scaleY(0.8) translate(0, 0);
        transform: scaleX(1.2) scaleY(0.8) translate(0, 0);
    }

    25% {
        -webkit-transform: scaleX(0.9) scaleY(1.1) translate(0, -100%);
        transform: scaleX(0.9) scaleY(1.1) translate(0, -100%);
    }
}
.waiting{direction:ltr !important}
.logo-login{max-width:100%}
.card-header-login{background-color:rgba(255, 255, 255, 0.70)}